body { margin:0px auto;  background-color: #808080 ;
} 


div#pagesite{
	width:1000px;
 	margin: 0px auto;
	height:auto;
	text-align: left ;
 			}


div#cadreheader{
clear:both;
margin: 0px auto;
	width:1000px;
	height:190px; 
	background-color: #CCCCCC ;
			}
	
	div#cadre1000{
clear:both;
width:1000px;
margin: 0px auto;
margin-top:15px;
				}
				
				
				div#cadrecentre{
clear:both;
margin: 0px auto;
width:800px;
 float:left;


}


			div#cadreonglet{
margin: 0px auto;
width:800px;
height:90px;
background-image:url(images/colm.gif);
background-repeat:no-repeat;
}	
				
	div#cadreonglet1{
clear:both;
margin: 0px auto;
width:200px;
height:35px;
margin-left:40px;
text-align:center;
float:left;
padding-top:10px;
}
div#cadreonglet2{
clear:both;
margin: 0px auto;
width:780px;
height:35px;
margin-left:10;
padding-top:5px;

}

div#conteneursousonglet{
clear:both;
margin: 0px auto;
border-left: #000000 2px solid;
border-right:#000000 2px solid;
border-bottom:#000000 2px solid;
width:796px;
float:left;
}

.colonnelangue1{
clear:both;
margin: 0px auto;
margin-left:10px;
 width:194px;
float:left;
}
.colonnelangue2{
 margin: 0px auto;
 width:194px;
float:left;
}







div#colonnedroite{
margin: 0px auto;
width:170px;
float: right;
margin-left:20px;
}



.cadredroitegen{
margin: 0px auto;
width:170px;
float: left;

}


.cadredroiteH{
clear:both
margin: 0px auto;
width:170px;
height:43px;
float: left;
background-image:url(images/coldhaut.gif);
background-repeat:repeat;
text-align:center;
}

.cadredroiteB{
clear:both
margin: 0px auto;
width:170px;
height:43px;
float: left;
background-image:url(images/coldbas.gif);
background-repeat:no-repeat;
}
.cadredroitecentre{
clear:both
margin: 0px auto;
width:170px;
height:20px;
float: left;
background-image:url(images/coldcentre.gif);
background-repeat:repeat;
text-align:center;
}
.sepmenu{
margin: 0px auto;
width:170px;
height:5px;
float: left;
background-image:url(images/coldcentre.gif);
background-repeat:repeat;

}



div#cadremessacceuildroite{
clear:both;
margin: 0px auto;
margin-left:5px;
margin-right:5px;
width:581px;
 float:left;
}

div#cadremessacceuilgauche{
margin: 5px auto;
width:200px;
height:180;
float:left;
}






.cadredecouvrire1{
clear:both;
margin: 0px auto;
 width:200px;
 height:220px;
float:left;
margin-left:49px;
margin-top:20px;
text-align:center;

}

.cadredecouvrire2{
 margin: 0px auto;
 width:200px;
 height:220px;
float:left;
margin-left:49px;
margin-top:20px;
text-align:center;

}

div#cadrelisteetablissementa1{
clear:both;
margin: 0px auto;
width:596px;
margin-top:10px;
 float:left;
}

div#cadrelisteetablissementa2{
margin: 0px auto;
width:200px;
 margin-top:10px;
float:left;
}

.cadrelisteetablissementb{
clear:both;
margin: 0px auto;
width:756px;
height:125px;
 margin-top:10px;
 margin-left:20px;
 margin-right:20px;
 border:#000000 solid 2px;
 float:left;
}

.cadrelisteetablissementb1{
clear:both;
margin: 0px auto;
width:140px;
height:105px;
 margin-top:10px;
 margin-left:5px;
 margin-right:5px;
  float:left;
}

.cadrelisteetablissementb2{
 margin: 0px auto;
width:431px;
height:105px;
 margin-top:10px;
 margin-left:5px;
 margin-right:5px;
  float:left;
}

.cadrelisteetablissementb3{
 margin: 0px auto;
width:150px;
height:105px;
 margin-top:10px;
  margin-right:5px;
  margin-left:5px;
  float:left;
}


div#cadredetailetablissementa{
clear:both; 
width:796px;
 margin: 0px auto;
 margin-top:10px;
 margin-left:25px;
 margin-right:25px;
float:left;
}

div#cadredetailetablissementa1{
 width:531px;
 margin: 0px auto;
 margin-right:15px;
 float:left;
}

div#cadredetailetablissementa2{
 width:200px;
 margin: 0px auto;
 float:left;
}

div#cadrebasfooter{
clear:both;
 width:1000px;
 margin: 0px auto;
 margin-top:20px;
 float:left;
 text-align:center;
}

.cadreflore{
clear:both;
margin: 0px auto;
width:776px;
float:left;
margin-top:10px;
margin-left:20px;
}

.textenorma20 { font-family: "Lithos Pro Regular"; font-size:20px;color: #FFFFFF; font-weight:bold;}
A.lien1{ font-family: "Geneva",Arial, Times New Roman, Times, serif; font-size:12px; color:#FFFFFF; text-decoration:none; }
A.lien1:hover {  font-weight:bold; color:#808080; text-decoration:none; }
A.lien2{ font-family: "Geneva",Times New Roman, Times, serif; font-size:16px; color:#FFFFFF; text-decoration:none; }
A.lien2:hover { font-size:17px; font-weight:bold;   color:#FFFFFF; text-decoration:none; }
A.liendroitemenu { font-family: "Lithos Pro Regular"; 	font-size:20px;	color: #FFFFFF;	 font-weight:bold;    TEXT-DECORATION: none;}
A.liendroitemenu:hover{font-family: "Lithos Pro Regular";font-size:20px; color: #99CCFF;font-weight:bold;    TEXT-DECORATION: none;}
.textenormal19 {font-family:   Times New Roman, Times, serif;font-size:19px;color: #000000; }
.textenormal15 {font-family: Times New Roman, Times, serif;font-size:15px;color:#FFFFFF;text-align:justify; }
.textenormal16 {font-family: Times New Roman, Times, serif;font-size:16px;color:#000000; }

A.liendecouvrir{ font-family: Times New Roman, Times, serif; font-size:14px; color:#FFFFFF; text-decoration:none; text-align:center; }
A.liendecouvrir:hover { font-weight:bold; }

A.lettrelangue{ font-family: Times New Roman, Times, serif; font-size:16px; color:#FFFFFF; text-decoration:none; text-align:center; }
A.lettrelangue:hover { font-weight:bold; color:#000000; }

.titreetablissement { font-family: Times New Roman, Times, serif; font-size:17px; color: #000000; text-decoration:none; }
.titreetablissement2 { font-family: Times New Roman; font-size:17px; color: #000000; text-decoration:none; }
.textelisteetablissement { font-family: Times New Roman; font-size:13px; color: #000000; text-decoration:none; }
A.textelisteetablissement2 { font-family: Times New Roman, Times, serif; font-size:16px; color: #FFFFFF; text-decoration:none; }
A.textelisteetablissement2:hover { font-weight:bold; }
.textelisteetablissement3 { font-family: Times New Roman, Times, serif; font-size:15px; color: #000000; text-decoration:none; }

.titreetablissementdeail1 { font-family: Times New Roman; font-size:25px; color: #000000; text-decoration:none; }
.titreetablissementdeail2 { font-family: Times New Roman; font-size:17px; color: #000000; text-decoration:none; font-style:italic; }
.textenormal12blanc {font-family:  Times New Roman, Times, serif;font-size:12px;color: #FFFFFF; }
.textenormal14blanc {font-family:  Times New Roman, Times, serif;font-size:14px;color: #FFFFFF; }

.textenormal12noir {font-family:  Times New Roman, Times, serif;font-size:12px;color: #000000; }
.textenormal12noir2 {font-family:  Times New Roman, Times, serif;font-size:12px;color: #000000; }
 

#lightbox{
	background-color:#ddd; /* couleur du cadre de la photo agrandie */
	padding: 3px; /* largeur du cadre */
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;/* effet de relief sur le cadre */
}
#lightboxDetails{
	font-size: 0.6em; /* allure de la légende */
	padding-top: 0.4em;
	font-family:verdana;font-size:8pt;
}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333; /* couleur de transparence */
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}