/* --------------- STYLES GENERAUX DES BALISES ----------------- */
HTML, input, select, textarea {height:100%; font-size: 100%;}
HTML, div, ul, body, li, p, h1, h2, h3, h4, h5 {margin: 0; padding: 0;}
body {height:100%; min-height:100%;  background-color: #a9aa7b;background-image: url(../accueil/src/body/bodyfond.jpg); background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 0.625em; color: #333333;}
h1, h2, h3, h4, h5, h6 {margin-right: 0px; margin-bottom: 0.5em;  font-weight: bold; font-style: normal; line-height: normal; text-align: left;}
h1, h2, h3, h5 {font-family: "Times New Roman", Times, serif;}
h1 {font-size: 2.5em; color: #302C24; margin-top: 1em; font-family: "Times New Roman", Times, serif;}
h2 {font-size: 1.75em; color: #7E7F37; margin-top: 1em; font-family: "Times New Roman", Times, serif;}
h3 {font-size: 1.2em; color: #666666; margin-top: 1.2em; font-style: italic; font-family: "Times New Roman", Times, serif;}
h4 {font-size: 1em; color: #333333;  margin-top: 0.5em; }
h5 {font-size: 1.75em;  color: #302C24; margin-top: 0.5em; font-family: "Times New Roman", Times, serif;}
p {margin-top: 0.5em; margin-bottom: 0.25em;}
.texte {margin-top: 0.5em; margin-bottom: 0.25em; margin-left: -1.5em; margin-right: -1.5em;}
li, a {font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;}
li {list-style-type: none;} 
a {text-decoration: none;}
a:link {color: #FFFFFF;}
a:visited {color: #FFFFFF;}
a:hover {color: #CC9900;}
a:active {color: #333333;}
/* ------------------ PAGE----------------------------------  */
#all {height:100%; height:auto; min-height:100%;  width: 990px; margin-right: auto; margin-left: auto;}
.tout {background-color: #6B6D2A; font-size: 1.3em;}
/* en-tête----------------------------------------------------  */
#head {width: 990px; height: 148px; background-repeat: no-repeat;}
.entete {background-image: url(../accueil/src/body/bodybandeau.jpg);}
/*  BLOC | LATERALS    ----------------- */
.bloc 	{position: relative;	width: 990px;	height: 100%; margin: 0;	padding: 0;	}
.bloc:after, .bloc:before {content: " ";	position: absolute;	width: 100%;height: 100%;z-index: -10;}
.laterals:after, .lateral:after {display: none;}
.laterals:before 	{width: 100%;	height: 100%;		
-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 10px #555;	-moz-box-shadow: 0 0 10px #555;-ms-box-shadow: 0 0 10px #555;	-o-box-shadow: 0 0 10px #555;box-shadow: 0 0 10px #555;behavior: url(file:///LaCie/1-PAO/2_web/ie/PIE.htc); /* PIE */}

/* ------------------ NAVIGATION----------------------------------  */
/* menu haut ----------------------------------------------------  */
#menutop {width: 750px; height: 25px; margin-left: 200px; top: 112px; position: absolute; visibility: visible; z-index: 1;}
.menuhaut {font-size: 1.2em; font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;}
.menuhaut li 		{display: inline; }
.menuhaut a 		{font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;}
.menuhaut a:link 	{color: #7E7F37;}
.menuhaut a:visited {color: #7E7F37;}
.menuhaut a:hover 	{color: #CC9900;}
.menuhaut a:active 	{color: #333333;}
/* menu gauche ----------------------------------------------------  */
#menuright	{float: left; clear : right; width: 170px; padding-left: 20px; position: fixed;}
#menugauche	{float: left; clear : right; width: 170px; padding-left: 20px;}
.menudroit {background-color: #6B6D2A; font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif; font-size: 1em;}
.menudroit li {padding-top: 10px;font-weight: 900;}
.menudroit h2 {font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif; padding: 0px;}
.menudroit a:link {color: #FFFFFF;}
.menudroit a:visited {color: #FFFFFF;}
.menudroit a:hover {color: #CC9900;}
.menudroit a:active {color: #333333;}
/* ------------------ CONTENU----------------------------------  */
/* bandeau----------------------------------------------------  */
#picture			{float: right; width: 800px; height: 207px; background-repeat: no-repeat; }
/* ligne verte haute ----------------------------------------------------  */
#menubottom			{float: right; width: 790px; padding-left: 10px; height: 25px; line-height: 25px;}
.menubas 			{background-color: #7E7F37; font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif; font-size: 0.8em; }
.menubas p 			{display: inline;}
.menubas li 		{display: inline;}
.menubas a 			{font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;}
.menubas a:link 	{color: #FFFFFF;}
.menubas a:visited 	{color: #FFFFFF;}
.menubas a:hover 	{color: #CC9900;}
.menubas a:active 	{color: #333333;}

/* --portails  ---- */
#mainpicture		{float: right; width: 800px; height: 573px; background-repeat: no-repeat;z-index: 0;overflow: hidden;}
/* --- fiches  */
#mainfiche	{float: right; width: 800px;height: 1132px; background-repeat: no-repeat;overflow: hidden;}	
/*textes ---- */ 
#maintext	{float: right; width: 800px; height: 100%;  padding-bottom: 0px; overflow: hidden;}

.contenu			{background-color: #FFFFFF;text-align: justify;}
/*.contenu li			{padding-left: 20px; padding-top: 1px; }*/


.contenu li	{padding-left: 1px; padding-right: 40px; padding-top: 5px; margin-left: 80px; font-family: Arial, Helvetica, sans-serif; color: #333333;text-align: left;}

.contenu a:link 	{color: #7E7F37;}
.contenu a:visited {color: #7E7F37;}
.contenu a:hover 	{color: #CC9900;}
.contenu a:active 	{color: #333333;}

.contenu a:link 	{color: #7E7F37;}
.contenu a:visited 	{color: #7E7F37;}
.contenu a:hover 	{color: #CC9900;}
.contenu a:active 	{color: #7E7F37;}
.contenu p, h1, h2,h3, h4, h5, h6		{padding-left: 40px; padding-right: 40px;} 
/* ------------------ PIEDPAGE--------------------------------  */
/* poulpe --------------------------------------------------------  */
#bottom				{float: right; height: 228px; width: 800px; margin: 0px;}
.bas				{background-image: url(../accueil/src/body/Poulpe.jpg);visibility: visible;background-repeat: no-repeat;background-position: center top;background-color: #FFFFFF;}
/* ligne fin ----------------------------------------------------  */
#fin {clear: both; width: 970px;height: 0px;}
/* piedpage----------------------------------------------------  */
#footer {height: 30px;background-color: #7E7F37;position: fixed;bottom: 0;left: 0;right: 0;line-height:30px;color: #FFFFFF;font-size: 1.2em;text-align: center;}

.haut-de-page {font-weight: 900; color: #FF9900;}

.piedpage li {display: inline;margin-bottom: 5px;margin-left: 20px;font-family: Arial, Helvetica, sans-serif;}
.piedpage a:link 		{color: #FFFFFF;;text-decoration: none;}
.piedpage a:visited 	{color: #FFFFFF;}
.piedpage a:hover		{color: #CC9900;}
.piedpage a:active		{color: #FFFFFF;}

#footerlivre		{height: 30px; margin: 0px; padding-left: 20px; line-height: 30px;}
.piedpagelivre		{background-color: #7E7F37; font-size: 1em;}

/* livre ----------------------------------------------------  */
#book 			{outline: none; height: 715px; margin-right: auto; margin-left: auto; margin-bottom: 0;margin-top: 0px;padding: 0px; text-align: center;}
#book h1 		{color: #FFFFFF; }
#book img 		{border: none; }
#book p 		{color: #FFFFFF; }
#book a, a:visited {color: #CCCCCC; text-decoration: none; }
#book a:active 	{color: #FFFFFF; text-decoration: none; }
##book a:hover, a:focus {color: #FFFFFF; text-decoration: underline; }
div.outer 			{height: 100%; }
/* --------------- DEWTUBE ----------------- */
.dewtube 			{margin-right: auto; margin-left: auto; text-align: center; padding-top: 15px; padding-bottom: 20px;}
/* diaporama --------------------------------------------------------  */
.diapo {width: 720px; height:466px; margin-left: auto; margin-right: auto;text-align: center;}
.diapo2 {width: 720px; height:635px; margin-left: 40px; margin-right: 40px;}
/* ---------------  STYLES DES TEXTES  ----------------- */
.jsouligne {text-decoration : underline;}
.jisouligne {text-decoration : underline;font-style: italic}
.italique			{font-style: italic;}
.gras				{font-weight: bold;}
.gras-italique		{font-weight: bold;font-style: italic;}
.source				{font-style: italic;font-weight: bold;color: #6B6D2A}
.centre				{text-align: center;}
.centre_img			{display:block;width:auto;margin-left:auto;margin-right:auto;}
.legende 			{color: #CC9900; font-style: italic; font-size: 0.9em;}
.bordure 			{padding: 5px;	border: 1px solid #ccc;	margin: 2px;}
.h2bis 				{font-size: 1.5em; color: #7E7F37; margin-top: 1em; font-family: "Times New Roman", Times, serif;}

.li:before		{margin-left: -165px;}
li.listedisc	{
	list-style-type: disc;
	text-indent: -1em;
	text-align: justify;
}
li.listecarre	{list-style-type: square; text-align: justify;}
li.listejust	{text-align: justify;}
/* --------------- CONTACT   ----------------- */
#maincontact {float: right;width: 990px;height: 750px;padding-bottom: 20px;overflow: hidden;background-color: #6B6D2A;background-image: url(/contact/src/pouple_fond.jpg);background-repeat: no-repeat;} 
.contact			{background-color: #FFFFFF;text-align: justify;}
.contact h1{color: #FFFFFF;}

#formulaire	{width: 550px;margin-right: auto;margin-left: auto;color: #FFFFFF;font-weight: bold;font-size: 1em;}

/* ---------------.ombragegauche 		{border: 5px solid #fff; -moz-box-shadow: -8px 8px 12px #aaa; -webkit-box-shadow: -8px 8px 12px #aaa; box-shadow: -8px 8px 12px #555; }
.ombragedroit 		{border: 5px solid #fff; -moz-box-shadow: 8px 8px 12px #aaa; -webkit-box-shadow: 8px 8px 12px #aaa; box-shadow: 8px 8px 12px #555; } ----------------- */

/* ---------------    ----------------- */