/*
PlanetEcoles
rouge : #FF0000;
blanc : #FFFFFF;
noir : #000000;
*/
/* hotel du Lac 
orange : #E77817;
vert foncé : #114C32;
vert anis : #84C225;
*/

body  {
  	margin-bottom : 0;
	margin-left : 0;
	margin-right : 0;
	margin-top : 0;
	scrollbar-face-color:#FFFFFF;
	scrollbar-shadow-color: #84C225;
	scrollbar-highlight-color: #84C225;
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-background-color: #84C225;
	scrollbar-arrow-color: #84C225;
}

.transparent {
	background-color: transparent;
}

.fondsauvegarder { 	background: #FFFFFF; }
.txtfondu {	font-family: Arial, Verdana, Helvetica, sans-serif;	font-size: 12px; color: #FFFFFF;}

.fondindex {
 	background: #FFFFFF url(../images/fondindex.jpg) no-repeat center center;
 }

.fondcontact {
 	background: #FFFFFF url(../images/fondcontact.jpg) no-repeat center center;
 }
 
.fond {
 	background: #FFFFFF url(../images/fond.jpg) no-repeat center center;
 }

 .fondultrazoom {
 	background: #FFFFFF url(../images/fondindex.jpg) no-repeat center center;
 }

.cadrezoom {border: 10px solid #FFFFFF; inside;}
.cadre {border: 1px solid #FFFFFF; inside;}
.texte{	font-family:  Arial, Verdana, Helvetica, sans-serif;	font-size: 14px; color: #114C32; word-spacing: 6px;}
.txtsave {	font-family:  Arial, Verdana, Helvetica, sans-serif;	font-size: 12px; color: #114C32; word-spacing: 6px;}
.textecontact{	font-family:  Arial, Verdana, Helvetica, sans-serif;	font-size: 14px; color: #114C32;}
.txtblanc { font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF;}
.titre { font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 18px; color: #E77817; height: 18px; font-weight: bold;}
.sstitre   { font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #84C225; text-decoration:underline;  font-weight: bold;}
.pix {font-size: 1px;}
.msg { font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #E77817 font-weight:bold;}
.legendezoom {	font-family:   Arial, Verdana,  Helvetica, sans-serif;	font-size: 14px; color: #114C32; word-spacing: 6px;font-weight: bold;}
.legendeultrazoom {	font-family:  Arial, Verdana, Helvetica, sans-serif;	font-size: 16px; color: #114C32; font-weight:bold; word-spacing: 6px;}
.legendeprix{	font-family:  Arial, Verdana, Helvetica, sans-serif;	font-size: 14px; color: #114C32; font-weight:bold;}
.prix{	font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #E77817; height: 18px; font-weight: bold;}

a:link {font-family:  Arial, Verdana, Helvetica, sans-serif;	font-size: 14px; text-decoration: none;color: #FF9C00; font-weight:bold;}
a:visited {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 14px; text-decoration: none; color: #FF9C00; font-weight:bold; }
a:active {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 14px; text-decoration: none; color: #FF9C00; font-weight:bold;}
a:hover {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 14px; text-decoration:none; color: #FFFFFF; font-weight:bold;}

a.lang:link {font-family:  Arial, Verdana, Helvetica, sans-serif;	font-size: 14px; text-decoration:none;color: #FFFFFF; font-weight:bold;}
a.lang:visited {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 14px; text-decoration: none; color: #FFFFFF; font-weight:bold; }
a.lang:active {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 14px; text-decoration: none; color: #E77817; font-weight:bold;}
a.lang:hover {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 14px; text-decoration: none; color: #E77817; font-weight:bold;}

a.mail:link {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #FFFFFF;font-weight:bold;}
a.mail:visited {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: none;  color: #FFFFFF;font-weight:bold;}
a.mail:active {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #000000; font-weight:bold;}
a.mail:hover {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #000000; font-weight:bold; }

a.bt:link {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #E77817;font-weight:bold;}
a.bt:visited {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: none;  color: #E77817;font-weight:bold;}
a.bt:active {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #000000; font-weight:bold;}
a.bt:hover {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #000000; font-weight:bold; }

a.vid:link {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #FFFFFF;font-weight:bold;}
a.vid:visited {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: none;  color: #FFFFFF;font-weight:bold;}
a.vid:active {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #FFFFFF; font-weight:bold;}
a.vid:hover {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #E77817; font-weight:bold; }

a.opacity:hover img {
filter:alpha(opacity=55); 
               -moz-opacity: 0.5; 
               opacity: 0.5; 
}

a.opacity img {
filter:alpha(opacity=100);   
                -moz-opacity: 1.0;   
                opacity: 1.0;
}

a.zoomopacity img {
filter:alpha(opacity=100);   
                -moz-opacity: 1.0;   
                opacity: 1.0;
}

a.zoomopacity:hover img {
filter:alpha(opacity=65); 
               -moz-opacity: 0.5; 
               opacity: 0.5; 
}

#picto {
	width: 41px;
	height: 20px;
	bottom:3px;
	right:15px;
 	position: absolute;
}

#xiti {
	width: 41px;
	height: 20px;
	bottom:3px;
	left:15px;
 	position: absolute;
}


#corpsadmin {
	width: 982px;
	height: 600px;
 	position: relative;
}

#C1admin  
{
	width: 100%;
	height: 142px;
  	float: left;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 11px;
	font-weight: bold; 
	color: #FFFFFF;
 }
 #titreadmin  
{
	width: 805px;
	height: auto;
 	position: absolute;
	right:0px;
	top:60px;
	 font-family: Verdana, Arial, Helvetica, sans-serif ;
	 font-size: 14px;
	 font-weight: bold; 
	 color: #114C32;
 }


#C2admin 
{
	width: 175px;
	height: 448px;
  	float: left;
 	position: relative;
}

#C3admin 
{
	width: 800px;
	height: 448px;
  	float: left;
 	position: relative;
	background-color:#FFFFFF;
    border: 2px solid #114C32; inside;
}

#corps {
	width: 982px;
	height: 600px;
 	position: relative;
}

 #logo
{
	position: absolute;
	top:28px;
	left:6px;
	width:185px;
	height:87px;
	/*border: 1px solid #FFFFFF; inside;*/
 }

#C1  
{
	width: 100%;
	height: 152px;
  	float: left;
	position: relative;
}

#C1topo 
{
   	position: absolute;
	top:43px;
 	left:339px;
	width:350px;
 	font-family:   Verdana,  Arial,  Helvetica, sans-serif;
	font-size: 12px;
	color: #114C32;
	text-align:left;
  }
 
 
#C1tel 
{
   	position: absolute;
	top:115px;
 	left:10px;
 	font-family:   Arial, Verdana,  Helvetica, sans-serif;
	font-size: 12px;
	color: #114C32;
	text-align:left;
 	font-weight:bold;
}

#C2 
{
	width: 175px;
	height: 448px;
  	float: left;
 	position: relative;
}

#C2menu
{
	width: 150px;
	height: 340px;
 	position: absolute;
	left:20px;
	top:15px;
 	text-align:left;
}

#C2langue
{
	width: 150px;
	height: auto;
 	position: absolute;
	left:20px;
	bottom:20px;
 	text-align:left;
    font-family:  Arial, Verdana, Helvetica, sans-serif;	font-size: 13px; text-decoration:none;color: #FFFFFF; font-weight:bold;}

#C3 
{
	width: 785px;
	height: 445px;
  	float: left;
 	position: relative;
 	text-align:center;
	}

.saut
{
	width: 100%;
	height: 5px;
	font-size: 1px;
}

#G0topo
{
	width: 750px;
	height: 420px;
 	position: absolute;
	right:0px;
	top:0px;
 	font-family:  Arial, Verdana,  Helvetica, sans-serif, Verdana;
 	font-size: 14px;
	color: #114C32;	
	padding-left:7px;
	padding-right:7px;
	padding-top:0px;
	padding-bottom:10px;
 	overflow-y:auto;
	overflow-x:no;
	text-align:justify;
	}

#G1foto
{
	width: 155px;
	height: auto;
 	position: absolute;
	left:9px;
	top:10px;
}

#G1topo
{
	width: 610px;
	height: 350px;
  	position: absolute;
	right:0px;
	top:0px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
 	font-family:  Arial, Verdana,  Helvetica, sans-serif, Verdana;
 	font-size: 14px;
	color: #114C32;	
 	overflow-y:auto;
	overflow-x:no;
	text-align:justify;
  }

#G2L1 
{
	width: 100%;
	height: 345px;
  	float: left;
 	position: relative;
} 

#G2foto
{
	width: 380px;
	height: 310px;
 	position: absolute;
	left:9px;
	top:0px;
	text-align:left;

}
 
#G2topo
{
	width: 375px;
	height: 310px;
 	position: absolute;
	right:13px;
	top:10px;
 	font-family:  Arial, Verdana,  Helvetica, sans-serif, Verdana;
 	font-size: 14px;
	color: #114C32;	
	padding-left:7px;
	padding-right:7px;
	padding-top:0px;
	padding-bottom:10px;
 	overflow-y:auto;
	overflow-x:no;
	text-align:justify;
  }


#G2vignette 
{
	width: 100%;
	height: 94px;
 	text-align:center;
  	position: absolute;
   	bottom: 15px;
	right: 0px;
} 

#G3foto
{
	width: 380px;
	height: 310px;
 	position: absolute;
	right:13px;
	top:0px;
	text-align:right;
}

#G3topo
{
	width: 375px;
	height: 310px;
 	position: absolute;
	left:9px;
	top:10px;
 	font-family:  Arial, Verdana,  Helvetica, sans-serif, Verdana;
 	font-size: 14px;
	color: #114C32;	
	padding-left:7px;
	padding-right:7px;
	padding-top:0px;
	padding-bottom:10px;
 	overflow-y:auto;
	overflow-x:no;
	text-align:justify;
  }



#G4foto
{
	width: 660px;
	height: 310px;
 	position: absolute;
	left:100px;
	top:0px;
	text-align:center;
 }

#G4vignette
{
	width: 660px;
	height: 94px;
 	position: absolute;
 	text-align:center;
   	bottom: 15px;
	right: 21px;
} 

#G5video
{
	width: 737px;
	height: 422px;
  	position: absolute;
	left:75px;
	top:10px;
	text-align:center;
}

#G5lecteur
{
	width: 100%;
	height: auto;
	padding-bottom:10px;
	text-align:center;
}

#G5videotxt
{
	width: 745px;
	height: 50px;
 	font-family:  Arial, Verdana,  Helvetica, sans-serif, Verdana;
  	word-spacing: 5px;
	font-size: 16px;
	color: #114C32;	
 	overflow-y:no;
	overflow-x:no;
	text-align:center;
}

#vignettes
{
	width: 100%;
	height: 84px;
 	overflow:auto;
	text-align:center;
}
 
#pub 
{
	width: 437px;
	height: 100px;
	right: 10px;
	top: 28px;
	position: absolute;
 }

#contact
{
	width: 100%;
	height: auto;
	position: absolute;
	right:10px;
	bottom:30px;
 	font-family:  Arial, Verdana,  Helvetica, sans-serif, Verdana;
	font-size: 14px;
	color: #000000;	
 	text-align:center;
	font-weight:bold;
}

#adresse
{	 
	width: 437px;
	height: auto;
	position: absolute;
	right:12px;
	top:27px;
 	font-family:  Arial, Verdana,  Helvetica, sans-serif, Verdana;
	font-size: 12px;
	color: #FFFFFF;	
 	text-align:right;
	font-weight:bold;
	z-index:2;
}

#adresse2
{	 
	width: 437px;
	height: auto;
	position: absolute;
	right:12px;
	top:28px;
 	font-family:  Arial, Verdana,  Helvetica, sans-serif, Verdana;
	font-size: 12px;
	color: #000000;	
 	text-align:right;
	font-weight:bold;
	z-index:1;
}

.tel
{
	color: #5D94B4;
}

 .bouton {
	color:#E77817;
	font-family:  Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
	font-weight: bold;
 	cursor: hand;
	width: 100px;
	height: 25px;
	border: 1px solid #E77817;
}	


input {
	color:#114C32;
 	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 400px;
	border: 1px solid #114C32;
}	

label {
	font-family:  Arial,  Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #114C32;
	vertical-align: baseline;
	width: 150px;
	float: left;
	text-align: right;
	line-height: 16px;
	font-weight:bold;
 }
select {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #114C32;
 	background-color: #FFFFFF;
	border: 1px solid #114C32;
}
.selectplus {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #114C32;
 	background-color: #FFFFFF;
	width: 400px;
	border: 1px solid #114C32;
}
textarea {
	font-family: Arial, Verdana, Arial ,Helvetica, sans-serif;
	font-size: 12px;
	color: #114C32;
	width: 400px;
	border: 1px solid #114C32;
}

#outils {
       		   background: url(../gerer/images/bouton_fond.jpg) repeat-x 2px;
		       width: 70%;
               border-top: 1px solid buttonhighlight;
               border-left: 1px solid buttonhighlight;
               border-bottom: 1px solid buttonshadow;
               border-right: 1px solid buttonshadow;
               margin: 0 5 0 0;
               text-align:left;
			   height: 27px;
			   cursor: hand;
}

.theme {
font-family: Arial, Verdana,   Helvetica, sans-serif ; font-size: 13px; font-weight: bold; color: #E77817;
}

a.menu:link {font-family:  Arial, Verdana,  Helvetica, sans-serif; font-size: 14px; text-decoration: none; color: #114C32;font-weight:bold;}
a.menu:visited {font-family:  Arial, Verdana,  Helvetica, sans-serif; font-size: 14px; text-decoration: none;  color: #114C32;font-weight:bold;}
a.menu:active {font-family:  Arial, Verdana,  Helvetica, sans-serif; font-size: 14px; text-decoration: none; color: #E77817; font-weight:bold;}
a.menu:hover {font-family:  Arial, Verdana,  Helvetica, sans-serif; font-size: 14px; text-decoration: none; color: #E77817; font-weight:bold; }

a.menuoff:link {font-family:  Arial, Verdana,  Helvetica, sans-serif; font-size: 14px;text-decoration: none; color: #114C32;font-weight:bold;}
a.menuoff:visited {font-family:  Arial, Verdana,  Helvetica, sans-serif; font-size: 14px; text-decoration: none;  color: #114C32;font-weight:bold;}
a.menuoff:active {font-family:  Arial, Verdana,  Helvetica, sans-serif; font-size: 14px; text-decoration: none; color: #114C32; font-weight:bold;}
a.menuoff:hover {font-family:  Arial, Verdana,  Helvetica, sans-serif; font-size: 14px; text-decoration: none; color: #E77817; font-weight:bold; }

a.menu2:link {font-family:  Arial, Verdana,  Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #114C32;font-weight:none;}
a.menu2:visited {font-family:  Arial, Verdana,  Helvetica, sans-serif; font-size: 12px; text-decoration: none;  color: #114C32;font-weight:none;}
a.menu2:active {font-family:  Arial, Verdana,  Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #E77817; font-weight:none;}
a.menu2:hover {font-family:  Arial, Verdana,  Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #E77817; font-weight:none; }

a.menu2off:link {font-family:  Arial, Verdana,  Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #114C32;font-weight:none;}
a.menu2off:visited {font-family:  Arial, Verdana,  Helvetica, sans-serif; font-size: 12px; text-decoration: none;  color: #114C32;font-weight:none;}
a.menu2off:active {font-family:  Arial, Verdana,  Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #114C32; font-weight:none;}
a.menu2off:hover {ffont-family:  Arial, Verdana,  Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #E77817; font-weight:none; }

a.menu3:link {font-family: Arial, Verdana,   Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #114C32; font-weight:bold;}
a.menu3:visited {font-family: Arial, Verdana,    Helvetica, sans-serifa; font-size: 11px; text-decoration: none;  color: #114C32; font-weight:bold;}
a.menu3:active {font-family: Arial, Verdana,    Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #E77817; font-weight:bold;}
a.menu3:hover {font-family:  Arial, Verdana,    Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #E77817;font-weight:bold; }

a.menu3off:link {font-family: Arial, Verdana,    Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #114C32; font-weight:bold;}
a.menu3off:visited {font-family: Arial, Verdana,    Helvetica, sans-serif; font-size: 11px; text-decoration: none;  color: #114C32;font-weight:bold;}
a.menu3off:active {font-family:  Arial, Verdana,   Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #114C32; font-weight:bold;}
a.menu3off:hover {font-family:  Arial, Verdana,    Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #E77817; font-weight:bold; }

.ecart {width:100%; font-size: 1px; height:6px;}

#corpsindex {
	width: 982px;
	height: 600px;
 	position: relative;
	/*border: 1px solid #FFFFFF; inside;*/
}

 #topoindex
{
	position: absolute;
	width:200px;
	top:150px;
	left:10px;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #114C32;
	text-align:justify;
    font-weight:bold;
}

 #entree
{
	position: absolute;
	bottom:0px;
	right:250px;
	width:250px;
	height:150px;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: #114C32;
	text-align:center;
	font-weight:bold;
}

 #www
{
	position: absolute;
	top:140px;
	left:400px;
	width:500px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #FFFFFF;
	text-align:center;
	letter-spacing: 6px;
	z-index:2;

}
 #www2
{
	position: absolute;
	top:141px;
	left:401px;
	width:500px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #000000;
	text-align:center;
	letter-spacing: 6px;
	z-index:1;
}