/*
fond bleu #145093
jaune logo #FFF500
vert logo #00923F
orange logo #EC921A
rouge logo #DA251D
texte bleu #28166F
*/


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

.transparent {
	background-color: transparent;
}

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

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

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

 .fondultrazoom {
 	background: #145093 url(../images/fond.gif) repeat;
 }

.cadre {border: 1px solid #28166F; inside;}
.texte{	font-family:  Arial, Verdana, Helvetica, sans-serif;	font-size: 14px; color: #000000; word-spacing: 6px;}
.textecontact{	font-family:  Arial, Verdana, Helvetica, sans-serif;	font-size: 12px; color: #FFFFFF;font-weight: bold;}
.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: #EC921A; height: 18px; font-weight: bold;}
.sstitre   { font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #EC921A; }
.pix {font-size: 1px;}
.msg { font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #EC921A; font-weight:bold;}
.legendezoom {	font-family:   Arial, Verdana,  Helvetica, sans-serif;	font-size: 16px; color: #EC921A; word-spacing: 6px;font-weight: bold;}
.legendeultrazoom {	font-family:  Arial, Verdana, Helvetica, sans-serif;	font-size: 16px; color: #FFFFFF; font-weight:bold; word-spacing: 6px;}

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

a.lang:link {font-family:  Arial, Verdana, Helvetica, sans-serif;	font-size: 14px; text-decoration:none;color: #EC921A; font-weight:bold;}
a.lang:visited {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 14px; text-decoration: none; color: #EC921A; font-weight:bold; }
a.lang:active {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 14px; text-decoration: none; color: #28166F; font-weight:bold;}
a.lang:hover {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 14px; text-decoration: none; color: #28166F; 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: #EC921A; font-weight:bold;}
a.mail:hover {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #EC921A; font-weight:bold; }

a.bt:link {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #FFFFFF;font-weight:bold;}
a.bt:visited {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: none;  color: #FFFFFF;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: #000000; 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;
}

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

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


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

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

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

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

#C1topo 
{
   	position: absolute;
	top:45px;
 	left:200px;
	width:715px;
 	font-family:   Arial, Verdana,   Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	text-align:center;
	letter-spacing: 5px;
	font-weight:bold;
 }
 

#C1tel 
{
   	position: absolute;
	top:95px;
 	left:350px;
 	font-family:  Arial, Verdana,   Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-align:left;
	letter-spacing: 5px;
}

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

#C2menu
{
	width: 150px;
	height: 340px;
 	position: absolute;
	left:15px;
	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: #EC921A; font-weight:bold;}

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

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

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

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

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

#G2foto
{
	width: 380px;
	height: 345px;
 	position: absolute;
	left:0px;
	top:0px;
	text-align:left;
}
 
#G2topo
{
	width: 388px;
	height: 310px;
 	position: absolute;
	right:5px;
	top:10px;
 	font-family:  Arial, Verdana,  Helvetica, sans-serif, Verdana;
 	font-size: 12px;
	color: #28166F;	
	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: 0px;
	right: 0px;
} 


#G4foto
{
	width: 650px;
	height: 345px;
 	position: absolute;
	left:60px;
	top:0px;
	text-align:center;
 }

#G4vignette
{
	width: 585px;
	height: 94px;
 	position: absolute;
	left:90px;
	top:349px;
 	text-align:center;
} 

#G5video
{
	width: 737px;
	height: 422px;
  	position: absolute;
	right:38px;
	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: #000000;	
 	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: 200px;
	height: auto;
	position: absolute;
	left:250px;
	top:45px;
 	font-family:  Arial, Verdana,  Helvetica, sans-serif, Verdana;
	font-size: 12px;
	color: #FFFFFF;	
 	text-align:center;
	font-weight:bold;
}

.tel
{
	color: #5D94B4;
}

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


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

label {
	font-family:  Arial,  Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	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: #000000;
 	background-color: #FFFFFF;
	border: 1px solid #145093;
}
.selectplus {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
 	background-color: #FFFFFF;
	width: 400px;
	border: 1px solid #145093;
}
textarea {
	font-family: Arial, Verdana, Arial ,Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 400px;
	border: 1px solid #145093;
}

#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: #EC921A;
}

a.menu:link {font-family:  Arial, Verdana,  Helvetica, sans-serif; font-size: 13px; text-decoration: none; color: #28166F;font-weight:bold;line-height:17px;}
a.menu:visited {font-family:  Arial, Verdana,  Helvetica, sans-serif; font-size: 13px; text-decoration: none;  color: #28166F;font-weight:bold;line-height:17px;}
a.menu:active {font-family:  Arial, Verdana,  Helvetica, sans-serif; font-size: 13px; text-decoration: none; color: #EC921A; font-weight:bold;line-height:17px;}
a.menu:hover {font-family:  Arial, Verdana,  Helvetica, sans-serif; font-size: 13px; text-decoration: none; color: #EC921A; font-weight:bold; line-height:17px;}

a.menuoff:link {font-family:  Arial, Verdana,  Helvetica, sans-serif; font-size: 13px;text-decoration: none; color: #28166F;font-weight:bold;line-height:17px;}
a.menuoff:visited {font-family:  Arial, Verdana,  Helvetica, sans-serif; font-size: 13px; text-decoration: none;  color: #28166F;font-weight:bold;line-height:17px;}
a.menuoff:active {font-family:  Arial, Verdana,  Helvetica, sans-serif; font-size: 13px; text-decoration: none; color: #28166F; font-weight:bold;line-height:17px;}
a.menuoff:hover {font-family:  Arial, Verdana,  Helvetica, sans-serif; font-size: 13px; text-decoration: none; color: #28166F; font-weight:bold; line-height:17px;}

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

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

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

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

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

 #topoindex
{
	position: absolute;
	top:95px;
	left:193px;
	width:345px;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align:justify;
}
 

#entreeindex1
{
	width: 545px;
	height: auto;
  	position: absolute;
	top:320px;
	left:0px;
	text-align:center;
	font-family:   Arial, Verdana,  Helvetica, sans-serif;
	font-size: 12px;
	color: #5D94B4;
 }

 #entreeindex2
{
	width: 100%;
	height: auto;
  	position: absolute;
	top:455px;
	left:0px;
	text-align:center;
	font-family:   Arial, Verdana,  Helvetica, sans-serif;
	font-size: 14px;
	color: #5D94B4;
	line-height:25px;
 }

#animindex 
{
	width: 757px;
	height: 85px;
	position: absolute;
	top:215px;
	left:-137px;
	text-align:center;
	background: url(../images/indextylosa1_1.jpg) no-repeat;
	z-index: 2;
 }