/* CSS Document */

html, body 
{ 
	min-height:550px;
	min-width:800px;	
	margin:0px; 
	padding:0px;
	font-size:100%;
	background-color:#FFFFFF;
	font-family:Corbel, Calibri, Arial, Helvetica, sans-serif;
}






#SectionFond
{
	width:100%;
	background-image:url(../Images/Bg/BackSky.png);	
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#B3D8F3;
	margin:0px;	
	padding-bottom: 55px;
	display:inline-block;
}




#SectionContenu
{
	position:relative;
	top:0px;
	left:0px;
	width:100%;	
}








#SectionIdentification
{
	position:relative;
	top:0px;
	left:0px;
	width:90%;
	max-width:900px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:1%;
	background-image:url(../Images/Images/tontegazon.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#73C01A;
	outline:5px solid #FFFFFF;		
	font-family:"Franklin Gothic Medium Cond", "Eras Demi ITC", "Arial Rounded MT Bold", serif;
	font-size:1em;	
	text-align:left;
	vertical-align:bottom;
	color:#FFFFFF;
	padding:0px;
	z-index:2;	
	border:1px solid #004400;
	border-color:#ddffdd #004400 #004400 #ddffdd;
}




#Identification
{
	display: inline;	
	position:absolute;
	left:4.18%;
	/*bottom:.25em; */
	top: .35em;	
	z-index:2;
}


#IdentificationShadow
{
	display: inline;	
	position:absolute;
	left:4%;
	/* bottom:.1em; */
	top: .50em;
	color:#006633;	
	z-index:1;
}



.Info
{
	display:inline;
}




#Telephone
{
	display: inline;
	position:absolute;
	right:4.18%;
	top:.35em;		
	z-index:2;
}


#TelephoneShadow
{
	display: inline;
	position:absolute;
	right:4%;
	top:.50em;
	color:#006633;	
	z-index:1;
}











#SectionPrincipale
{
	position:relative;
	top:0px;
	left:0px;
	width:90%;
	max-width:900px;	
	min-height:100px;
	margin:4% auto 25px auto;
	vertical-align:top;
	text-align:justify;
	color:#000099;
	z-index:2;
}




.section
{
	width:100%;
	clear:both;
}




p.Normal
{
	color:#000099;
	font-size:1.25em;
/*	letter-spacing:2px;	*/
}

p.Petit
{
	color:#000099;
	font-size:1em;
}


p.TresPetit
{
	color:#000099;
	font-size:.85em;
}


p.Special
{
	color:#000099;
	font-size:1.25em;
/*	letter-spacing:2px; */
	text-indent:1.5em;
}


p.Special:first-letter
{
/*	padding-left:8%;	
	color:#73c01a;	*/
	font-size:2em;
}


h1.Titre
{
	text-align:center;
}



li
{
	font-size:1.125em;
}



#MonImage
{
	float:left;
	border:0px;
	margin:-10px 20px 20px 0px;
}



.ImageGen
{
	float:left;
	border:0px;
	margin:0px 20px 10px 0px;
}










#SectionPied
{
	position:relative;
	background-image:url(../Images/Images/tontepelouse.jpg);
	background-color:#678c45;
	background-position:top;
	background-repeat:repeat-x;
	width:100%;
	height:110px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;	
	text-align:center;
	vertical-align:middle;
	color:#FFFFFF;
	font-size:1.5em;
	margin-bottom:0px;
}







.UnTier
{
	width:29.5%;
	margin-right:4.5%;
	background-color:#CCFF99;
	border:1px groove #000099;
	display:inline-block;
}




fieldset
{
	margin-top:5px;
}


legend
{
	padding:5px 10px;
}

.MargeDroite
{
	margin:2px 30px 2px 10px;
}





.carte
{
	margin:auto;
	width: 700px;	
	border: 1px solid black;
	padding: 10px;	
}















/* Section du menu principale	*/

#MenuContainer
{
	position: relative;
	top:0%;
	left:0%;
	height:40px;
	text-align:right;
	font-weight: 500;
	width:90%;
	max-width:900px;	
	margin-left:auto;
	margin-right:auto;
	margin-top:4%;
	z-index:9;	
}



/* Ce qui a de commun à tous les menu	*/
ul.Menu
{
	position: absolute;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	text-align: center;	 		 	
	list-style-type: none;	
	/*
	border-top: 1px solid rgb(255,255,255);
	border-right: 2px solid rgb(0,0,66);			
	border-bottom: 2px solid rgb(0,0,66);	
	border-left: 1px solid rgb(255,255,255);	
	*/  	
}



/*		Menu de Niveau 1 (Principal)		*/
ul.MenuNiveau1 
{
	left:0%;
	top:0%;	
	width:100%;
	/*background: #0055CC;		*/		
	border-width: 0px 0px 2px 0px;
	z-index: 100;
}


/*		Sous Menu de Niveau 2		*/
ul.MenuNiveau2
{
	display: none;
	left:10%;
	top:90%;	
	width:12.5em;	

	background-color: #000000;
	border-top: 1px solid rgb(255,255,255);
	border-right: 2px solid rgb(0,0,66);			
	border-bottom: 2px solid rgb(0,0,66);	
	border-left: 1px solid rgb(255,255,255);	
			
	z-index: 120;
}






/*	Tous les options de tous les menus		*/
li.OptionMenu  
{ 
	display:block;
	position:relative;
	float: right; 
	width: auto;
	color: #ffffff;
	text-align:center;
	margin: 0px;
	padding: 0px; 		
	background-color: #0055CC;		

	border: 1px solid #000000;	
  	border-width:2px;
  	border-style:solid;
  	border-color:#C4D9D4 #022071 #022071 #C4D9D4; 
  	background-repeat:repeat-x;
  	background-position:bottom;  	
		
}
 	





li.OptionSousMenu  
{ 
	display:block;
	position:relative;
	width: auto;
	color: #ffffff;
	text-align:center;
	margin: 0px;
	padding: 0px; 		
	background: #0055CC;		

	border: 1px solid #000000;	
  	border-width:2px;
  	border-style:solid;
  	border-color:#C4D9D4 #022071 #022071 #C4D9D4; 
  	background-repeat:repeat-x;
  	background-position:bottom;  	
  	
  	font-size: .9em;
		
}
 	


/*	Options choisie ou choix courant		*/
li.OptionChoisie
{ 
	display: block;
	color:#003300;
	padding:4px 5px; 
	margin-top:2px;
	background-color:#73C01A;
	
	background-image:url(../Images/Bg/BackMenuOptionChoisie.gif);
  	background-repeat:repeat-x;
  	background-position:bottom;  

	border-top: 2px solid #409007;
	border-right: 2px solid #F8FFDA;			
	border-bottom: 2px solid #F8FFDA;	
	border-left: 2px solid #409007;	
	
}



#MenuContainer ul li a
{
 	display:block;	
	color:#ffffff;
   padding:5px 5px;		
	text-decoration:none;
 	text-align:center;
  	background-image:url(../Images/Bg/BackMenuOptionBleu.gif);
  	background-repeat:repeat-x;
  	background-position:bottom;
  	background-color:#0880D7; 	
}






#MenuContainer ul li a:hover
{
	text-decoration:none;
  	background-image:url(../Images/Bg/BackMenuOptionOver.gif);
  	background-color:#99CCFF;	
	color:#000099;  		
}







ul#monMenu li:hover ul
{
	display: block;
} 







/* Ancienne Version	
#MenuContainer
{
	position: relative;
	top:0%;
	left:0%;
	height:40px;
	text-align:right;
	font-weight: 500;
	width:90%;
	max-width:900px;	
	margin-left:auto;
	margin-right:auto;
	margin-top:4%;
	z-index:9;	
}



//	  Ce qui a de commun à tous les menu (ul)		
#MenuContainer ul
{
	margin: 0px;
	padding: 0px; 		 	
	list-style-type: none;	  	
}




#MenuContainer ul li 
{
	float: right;
	border: 1px solid #000000;	
	margin: 0px;
	padding: 0px; 
  	border-width:2px;
  	border-style:solid;
  	border-color:#C4D9D4 #022071 #022071 #C4D9D4; 
  	background-repeat:repeat-x;
  	background-position:bottom;  				
}






#MenuContainer ul li a
{
 	display:block;	
	color:#ffffff;
   padding:5px 5px;		
	text-decoration:none;
 	color:#ffffff;
 	text-decoration:none;
 	text-align:center;
  	background-image:url(../Images/Bg/BackMenuOptionBleu.gif);
  	background-repeat:repeat-x;
  	background-position:bottom;
  	background-color:#0880D7; 	
}




#MenuContainer ul li a:hover
{
	text-decoration:none;
  	background-image:url(../Images/Bg/BackMenuOptionOver.gif);
  	background-color:#73C01A;	
	color:#000099;  		
}

*/