/* CSS Document */
[css] img  behavior : url(iepngfix.htc) ; 

*{
margin: 0; /* pour éviter les marges */
padding: 0;
}
body {
	background-color: #23454c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:14px;
	color :#40311a;
	SCROLLBAR-FACE-COLOR: #cccccc;
	SCROLLBAR-HIGHLIGHT-COLOR: #cccccc;

	SCROLLBAR-SHADOW-COLOR: #cccccc;
	SCROLLBAR-3DLIGHT-COLOR: #cccccc;
	SCROLLBAR-ARROW-COLOR: #f06597;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #cccccc;
	margin: 0; /* pour éviter les marges */
	padding: 0;
  text-align: center; /*indispensable pour caller les blocs*/  
	font-style:normal;
	text-transform:none;
  text-decoration:none;
  background-image: url(../images/fondsite.png);         
  background-repeat:repeat-x;

	}
A:link {text-decoration:none;color:#888888;}
A:visited {text-decoration:none;font-weight:bold;color:#888888;}
A:hover {text-decoration:none;font-weight:bold;color:#888888; }
A:active {color:#888888;text-decoration:none;}
a img {border: 0;}
div#conteneur {
     margin-left: auto;
     margin-right: auto;
     width:980px; /* largeur obligatoire pour être centré */
    text-align: left; /* on rétablit l'alignement normal du texte */
  
}
div#main{
	      position : relative;
         width: 980px;
         height: 780px;
         border-width : 1px;
}
div#fondgris{
         position : absolute;
         top : 600px;
         left: 50px;
         width: 902px;
         height: 73px;
         border-width : 0px;
         background-image: url(../images/fondgris.png);
         z-index: 1;
}
div#fondtexte{
         position : absolute;
         top : -570px;
         left: -50px;
         width: 980px;
         height: 633px;
         border-width : 0px;
         background-image: url(../images/fondtexte.png);
        z-index: 2; 
}
div#logo{
         position : absolute;
         top : 32px;
         left: 40px;
         width: 218px;
         height: 85px;
}
div#titregauche{
         position : absolute;
         top : 120px;
         left: 35px;
         width: 36px;
         height: 250px;

}
div#bandeaudroite{
         position : absolute;
         top : -560px;
         left: 567px;
         width: 351px;
         height: 605px;


}
div#displayPhoto{
  position : absolute;
         top : -280px;
         left: 284px;
        /* width: 800px;
         height: 250px;   */
}
/* menu */
div#menu{
         position : absolute;
         top : 60px;
         left: 260px;
         width: 500px;
         height: 80px;
                border-width : 1px;
                border-color :#000000;
}

div#institut{
     	 position : absolute;
     	 top : 0px;
       left : 0px;
       width: 77x;
       height: 26px;
}
ul#menu1 {
		margin:0;
		padding:0;
		list-style-type:none;
		margin:0px 0 0 0px;
    padding:0; 
	}
ul#menu1 li a {
display:block;
width:77px;
height:26px;
background:url('../images/institut.png') no-repeat 0 0;
border:1px;
}
ul#menu1 li {
		margin:0 0 5px 0;
		padding:0;
	}
#item1 a:hover {
background:url('../images/institut.png') no-repeat 0 -26px;
}
#item1On {
        width: 77px;
       height: 26px;
 background:url('../images/institut.png') no-repeat 0 -26px;
}
div#sep1{
     	 position : absolute;
     	 top :  -30px;
       left : 78px;
       width: 1px;
       height: 61px;
 background:url('../images/separateurMenu.png');
}
div#equipements{
     	 position : absolute;
     	 top :  0px;
       left : 79px;
       width: 125px;
       height: 26px;
}
ul#menu2 {
		margin:0;
		padding:0;
		list-style-type:none;
		margin:0px 0 0 0px;
    padding:0; 
	}
ul#menu2 li a {
display:block;
width:125px;
height:26px;
background:url('../images/equipements.png') no-repeat 0 0;
border:1px;
}
ul#menu2 li {
		margin:0 0 5px 0;
		padding:0;
	}
#item2 a:hover {
background:url('../images/equipements.png') no-repeat 0 -26px;
}
#item2On {
        width: 125px;
       height: 26px;
 background:url('../images/equipements.png') no-repeat 0 -26px;
}
div#sep2{
     	 position : absolute;
     	 top :  -30px;
       left : 204px;
       width: 1px;
       height: 61px;
 background:url('../images/separateurMenu.png');
}
div#produits{
     	 position : absolute;
     	 top : 0px;
       left : 205px;
       width: 103px;
       height: 26px;
}
ul#menu3 {
		margin:0;
		padding:0;
		list-style-type:none;
		margin:0px 0 0 0px;
    padding:0; 
	}
ul#menu3 li a {
display:block;
width:103px;
height:26px;
background:url('../images/produits.png') no-repeat 0 0;
border:1px;
}
ul#menu3 li {
		margin:0 0 5px 0;
		padding:0;
	}
#item3 a:hover {
background:url('../images/produits.png') no-repeat 0 -26px;
}
#item3On {
        width: 103px;
       height: 26px;
 background:url('../images/produits.png') no-repeat 0 -26px;
}
div#sep3{
     	 position : absolute;
     	 top :  -30px;
       left : 307px;
       width: 1px;
       height: 61px;
 background:url('../images/separateurMenu.png');
}
div#tarifs{
     	 position : absolute;
     	 top : 0px;
       left : 308px;
       width : 80px;
       height : 26px;
}
ul#menu4 {
		margin:0;
		padding:0;
		list-style-type:none;
		margin:0px 0 0 0px;
    padding:0; 
	}
ul#menu4 li a {
display:block;
width:80px;
height:26px;
background:url('../images/tarifs.png') no-repeat 0 0;
border:1px;
}
ul#menu4 li {
		margin:0 0 5px 0;
		padding:0;
	}
#item4 a:hover {
background:url('../images/tarifs.png') no-repeat 0 -26px;
}
#item4On {
        width: 80px;
       height: 26px;
 background:url('../images/tarifs.png') no-repeat 0 -26px;
}
div#sep4{
     	 position : absolute;
     	 top :  -30px;
       left : 387px;
       width: 1px;
       height: 61px;
 background:url('../images/separateurMenu.png');
}
div#acces{
     	 position : absolute;
     	 top : 0px;
       left : 388px;
       width: 53px;
       height: 26px;
}
ul#menu5 {
		margin:0;
		padding:0;
		list-style-type:none;
		margin:0px 0 0 0px;
    padding:0; 
	}
ul#menu5 li a {
display:block;
width:53px;
height:26px;
background:url('../images/acces.png') no-repeat 0 0;
border:1px;
}
ul#menu5 li {
		margin:0 0 5px 0;
		padding:0;
	}
#item5 a:hover {
background:url('../images/acces.png') no-repeat 0 -26px;
}
#item5On {
        width: 53px;
       height: 26px;
 background:url('../images/acces.png') no-repeat 0 -26px;
}
/* fin menu */
div#central{
         position : absolute;
         top : 100px;
         left: 70px;
         width: 500px;
         height: 300px;
         border-width : 1px;
}
div#bottom{
         position : absolute;
         top : 510px;
         left: 16px;
         width: 550px;
         height: 300px;
         border-width : 1px;
         text-align : right;
}

H1{
 color :#990033;
 font-size: 26px;
 font-style :italic; 
 font-family:  Century, Verdana, Arial, Helvetica, sans-serif;
 line-height : 30px;
 text-align: center;
}
H2{
 color :#f06597;
 font-size: 12px;
}
.promo{
	text-align:center;
	background-color:#fbd3a7;
	color :#990033;
	font-size: 14px;
	padding:10px;}
.light{
 text-decoration: none;
 font-size: 10px;
 color :#888888;

}
.notrait{
 text-decoration: none;      
}
.vertS{
 color :#1a5c6c; 
 font-weight :bold;
}
.souligne{
text-decoration : underline;
}
.soutitreH2{
  font-style :italic;
   color :#999999;
}
p{
      text-align: justify;
}
/*
a.info {
position: relative; 
border-bottom: 0px;
}
a.info span {
display: none;
}

a.info:hover span {
display: inline;
position: absolute;
margin-left :-28px;
width :180 px;
padding-top: -140px;
left:15px;
background: white;
text-align: center;
color:#40311a;
padding: 2px;
text-decoration:none;
border:  1px;
}

 */

div#bloc1, div#bloc2 {
	width : 480px;
	height : 390px;
}
div#bloc1 {
	position : absolute;
	top :8px;
	left : 10px;
       
}
div#bloc2 {
	border : 0px solid #B2B42A;
	overflow : auto;
}
div#bloc3 {
	padding : 0px 5 0 10px;
	margin : 4px 0 0 2px;
	padding-right : 10px;
}

div#liens{
     position : absolute;
     	 top : 680px;
       left : 70px;
       width: 880px;
    	color :#996639;
      text-align: justify; 
     
} 
div#mentions{
 position : absolute;
     	 top : 650px;
       left : 450px;
       width: 200px;
       height: 50px; 
       color :#996639;
       z-index :4;      
}
div#fondtexteML{
         position : absolute;
         top : 5px;
         left: 5px;
         width: 480px;
         height: 430px;
         border-width : 0px;
         background-image: url(../images/fondtexteML.png);
        z-index: 2; 
}
div#bloc1ML, div#bloc2ML {
	width : 450px;
	height : 378px;
}
div#bloc1ML {
	position : absolute;
	top :25px;
	left : 10px;       
}
div#bloc2ML {
	border : 0px solid #B2B42A;
	overflow : auto;
}
table {
 font-family: verdana, Helvetica, sans-serif;
 font-size: 12px;  
 color: #000000;	
}
.italic{
   font-style :italic;
}
.italicS{
    font-style :italic;
    font-size: 10px; 
}
.small{
 font-size: 10px;
}
.mediumGras{
font-weight : bold;

}
.smallR{
 font-size: 10px;
 color :#ee0000;
}
.fondMots{
   padding : 2 2 2 2px;
   background: #ddaf34; 
   color: #ffffff;
   text-shadow: black 0px 0px 5px;
}
FORM {
 padding: 0px;
border-width:0;
}
INPUT {
padding: 0px;
color:#331D02;
background-color:#ffffff;
font-size:12px;
font-family:arial;
border:1px solid grey;

}
SELECT, option {
margin: 0;
padding: 0px;
color:#331D02;
background-color:#ffffff;
font-size:12px;
font-family:arial;
border-style:none;
width: 40px;
}
textarea{
padding: 0px;
color:#331D02;
background-color:#ffffff;
font-size:12px;
font-family:arial;
border:1px solid grey;
}
input.bouton {
border:1px outset orange;
font-weight:bold;
cursor:pointer;
}
input.bouton:hover {
background-color:white;
color:FF6600;
}
input.bouton:active {
border:1px inset FF6600;
background-color:FF6600;
color:white;
}
  /* cache montre div */
.clicTitre {
  margin: 2px 0 0 1px;
  padding: 1px 2 2 3px; 
  background-color: #ddaf34;
  }
.clicCacher  {
  top: -20px;
  position: relative;
  text-align:right;
  }

.contenant{
  display : block;
  border: 1px solid #EDAF1E;
  }