IMG {
    border:none; 
	}
body {
	background-color: #Ffffff;
	margin-top: 0px;
	margin-left: 0px;

}


#un {
   
    background-image: url("images/vill.gif") ;
    background-repeat: no-repeat ;
    border: 0px ;
    width: 130px ;
    height: 120px ; 

}


#cote_commentaire {
    
    background-image: url("images/coter.jpg") ;
    background-repeat: no-repeat ;
    border: 0px ;
    width: 190px ;
    height: 1500px ; 

}

#text a {
    font-family: Helvetica, Arial,  sans-serif;
	font-size: 13px;
	color: #FFFC09;
	text-decoration: none;
	font-weight: bold;
	padding-left: 1px;
	line-height: 1.7em;
}


#un {
    font-family: Helvetica, Arial,  sans-serif;
	font-size: 33px;
	color: #FFFC09;
	text-decoration: none;
	font-weight: bold;
	padding-left: 1px;
	line-height: 1.7em;
}




a {
    font-family: Helvetica, Arial,  sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	
	
}

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

a:active { 
           font-family: Helvetica, Arial,  sans-serif;
	       font-size: 13px;
	       text-decoration: underline;
           color: #83AD01;
		   font-weight: bold;
		   
	       
		   }


#header {
	background-image:  url("images/header1.jpg");
	background-repeat: no-repeat;
	height: 122px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 0px;
	padding-left: 10px;
}
#robert  {
	background-image:  url("images/photo_president.jpg");
	background-repeat: no-repeat;
	margin-top: 330px;
	WIDTH: 545px;
	height: 162px;
}

#flash  {
	background-image:  url("imag/intro2.swf");
	background-repeat: no-repeat;
	margin-top: 330px;
	WIDTH: 545px;
	height: 162px;
	
}

.test {
    vertical-align: top;
	text-align: left;
	padding: 0px 15px 20px 152px;
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}

.drow {
    vertical-align: top;
	text-align: left;
	padding: 0px 15px 20px 30px;
	color: #7E1517;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
}

.drowX {
    vertical-align: top;
	text-align: left;
	padding: 0px 15px 20px 112px;
	color: #7E1517;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}

.drow9 {
    vertical-align: top;
	text-align: left;
	padding: 0px 15px 20px 10px;
	color: #7E1517;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}


.drow2 {
    vertical-align: top;
	text-align: center;
	padding: 0px 15px 20px 112px;
	color: #7E1517;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}

.drow2_a {
    vertical-align: top;
	text-align: center;
	padding: 0px 15px 20px 5px;
	color: #7E1517;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}

.teste {
    vertical-align: top;
	text-align: left;
	padding: 0px 15px 20px 200px;
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}



.testo {
    vertical-align: top;
	text-align: left;
	padding: 0px 15px 20px 55px;
	color: #03039A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}

.testa {
    vertical-align: top;
	text-align: left;
	padding: 0px 15px 20px 110px;
	color: #03039A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}

.tester {
    vertical-align: top;
	text-align: left;
	padding: 0px 15px 20px 22px;
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}

.thea {
    vertical-align: top;
	text-align: center;
	padding: 0px 15px 2px 20px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
}

.thea_left {
    vertical-align: top;
	text-align: left;
	padding: 0px 0px 0px 0px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
}

.tarif {
    vertical-align: top;
	text-align: left;
	padding: 0px 15px 20px 20px;
	color: #03039A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
}

.hier{
    vertical-align: top;
	text-align: center;
	padding: 0px 15px 20px 20px;
	color: #03039A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
}

.hier2{
    vertical-align: top;
	text-align: left;
	padding: 0px 15px 20px 20px;
	color: #03039A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
}

#synop {
    
    background-image: url("images/synopsis_050_test.jpg") ;
    background-repeat: no-repeat ;
    border: 0px ;
    width: 477px ;
    height: 482px ; 

}

#left {
	vertical-align: top;
	background-color : #E8C53C;
	font-weight: bold;
	background-image:  url("images/newsite_04.gif");
	background-repeat: no-repeat;
	WIDTH: 176px;

}

#droite {
	vertical-align: top;
	padding: 10px 10px 10px 10px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #03328e;
	font-weight: normal;
}



#midel {
	vertical-align: top;
	padding: 10px 15px 20px 20px;
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	background-image:  url("images/newsite_05.gif");
	background-repeat: no-repeat;
	

}
#midel_sys {
	vertical-align: top;
	padding: 10px 15px 20px 20px;
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: right;
	font-weight: bold;
	background-image:  url("images/millieu_sys.gif");
	background-repeat: no-repeat;


}

#midel_com {
	vertical-align: top;
	padding: 70px 15px 20px 120px;
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: left;
	font-weight: bold;
	background-image:  url("images/millieu_com.gif");
	background-repeat: no-repeat;
}
	

	

}

#bouton {
	vertical-align: top;
	background-color : #E8C53C;
	font-weight: bold;
	background-image:  url("images/newsite_07.gif");
	background-repeat: no-repeat;
	WIDTH: 176px;

}


#top_end {
	vertical-align: top;
	background-color : #E8C53C;
	font-weight: bold;
	background-image:  url("images/newsite_03.gif");
	background-repeat: no-repeat;
	WIDTH: 80px;

}


#text a: {
    font-family: Helvetica, Arial,  sans-serif;
	font-size: 13px;
	color: #FFFC09;
	text-decoration: none;
	font-weight: bold;
	padding-left: 5px;
	line-height: 1.7em;
}
#menu {
	vertical-align: top;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-color : #E8C53C;
	font-weight: bold;
	background-image:  url("images/logo.jpg");
	background-repeat: no-repeat;
	WIDTH: 155px;

}

#menu a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #E8C53C;
	text-decoration: none;
	line-height: 1.6em;
	padding-left: 5px;
}
#menu a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #C9D4A9;
	text-decoration: none;
	line-height: 1.6em;
}
.gauchecol{
	background-color : #ffffff;
}
.adresscol{
	background-color : #E8C53C;
}

#leftcol {
	width: 174px;
}
#joindre {
	background-color: #E7A670;
	text-align: left;
	vertical-align:top;
	padding: 10px;
	font-weight: bold;
}
#joindre h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #660000;
	
	padding-left:10px;
}

#joindre h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #576434;
	font-weight: bold;
	line-height: 6px;

	margin-bottom: 2px;

	padding-left:10px;

}

#joindre p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-left:10px;
	color:#181D10;
}
#titre {
    background-image:  url("images/logo.gif");
	height: 230px;
	width: 174px;
	background-color : #475964;
}

#maincontent1 {
	
	vertical-align:top;
	padding: 10px 15px 20px 20px;
	
}
#maincontent1 h1 {
	color: #E8C53C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	padding: 10px ;
}
#maincontent1 h2 {

	color: #E8C53C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}
#maincontent1 h3 {
	color: #E8C53C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	padding: 10px ;
}
#maincontent1 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #E8C53C;
	line-height: 1.3em;
	margin-bottom: 10px;
}
contentcol{
	background-color : #FFFFFF;
}
#promo {
	background-color: #FFC58B;
	border: 2px solid #A43713;
	padding: 7px;
	vertical-align:top;
}
#promo h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #DA784D;
	margin-bottom: 0px;
	text-align: center;
}
#promo p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin-top: 5px;
}
#promo2 {
	background-color: #FFC58B;
	border: 2px solid #A43713;
	padding: 7px;
	vertical-align:top;
}
#promo4 {
	background-color: #FFC58B;
	border: 2px solid #A43713;
	padding: 7px;
	vertical-align:top;
}

#promo2 h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #DA784D;
	margin-bottom: 0px;
    text-align: center;

}
#promo2 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin-top: 5px;
}
hr {
	margin-bottom: 10px;
	width: 100%;
	color: #E0DFE3;
}

.topper{
	background-color : #FFFFFF;
	height : 39px;
}
.footer {
	background-image:  url("images/footerbg.gif");
	background-repeat: repeat-x;
	height: 43px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #525252;
	text-align: center;
	padding-top: 6px;
}

.FormLt1 { 
	font-family : Arial;
	font-size : 8pt;
	cursor:pointer;
}

textarea {
	font-size:8pt; 
	height:75px; 
	width:175px;
}

.logohead {
	font-family : Arial;
	font-size : 25pt;
	font-weight : bold;
}

.logosub {
	font-family : Arial;
	font-size : 8pt;
	font-weight : bold;
}


.border {  
	font-family: Arial; 
	font-size: 8pt; 
	border: 1px #000000 inset;
}

.text {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt;
}

.text1 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt;
}
.text2 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt;
}

.text3 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt;
}

.text4 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt;
}


.SMtext {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt;
}

.uptext {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 7pt; 
	color: #000000;
}
H2 {
    color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;

	}
H3 {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FF0000;
	text-align: center;
	padding-left:12px;
	font-weight: bold;

	}
H4 {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #FF012F;
	text-align: right;
	padding-left:1px;
	font-weight: bold;

	}
H5 {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FF6600;
	text-align: center;
	padding-left:5px;
	font-weight: bold;
	}

H6 {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #DA784D;
	text-align: center;
	padding-left:10px;
	}

P {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	text-align: left;
	padding-left:10px;
	font-weight : bold;
	}

LI {
    margin-left: 25px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #DA784D;
	text-align: left;
	padding-left:10px;
	font-weight : bold;
	}


#mainco a{
	font-family: Helvetica, Arial,  sans-serif;
	font-size: 13px;
	color: #000099;
	text-decoration: none;
	font-weight: bold;
	padding-left: 1px;
	line-height: 1.7em;
	
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }