/* Feuille de style pour la charte graphique du site
 * Cette feuille de style est appelée depuis style.css.
 */

/***************** STRUCTURE *****************/
*{
/*---toutes les marges sont à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;/*---obligatoire pour le footer---*/
scrollbar-base-color:#fff;
}
body{
font: 70% Arial, Helvetica, sans-serif;
background:#012988;

}
#container{ 
position: relative;/*---obligatoire pour le footer---*/
min-height:100%; /*---obligatoire pour le footer:Firefox---*/
height:auto !important;/*---obligatoire pour le footer:Firefox---*/
height:100%;/*---obligatoire pour le footer:IE---*/
width:1003px;
margin:0 auto;
background:url(../images/charte/bg-page-y.gif) repeat-y scroll left top;
}
#header{
width:1003px;
height:193px;

}
#menuhaut{
width:1003px;
height:71px;
background:url(../images/charte/bg-menu.jpg) no-repeat scroll left top;

}
#menuhaut ul{
	height:71px;
	list-style-type:none;
	padding-left:384px;
}
#menuhaut ul li{
	float:left;
		height:71px;
		
}
#menuhaut ul li a{
	display:block;
	height:71px;

}
#menuhaut ul li a span{
	display:none;
	
}
.bg{
	background-image:url(../images/charte/bg-menu2.jpg);
}
a.presentation,a.presentation:visited{
	background-image:url(../images/charte/presentation.jpg);
}
a.presentation:hover{
	background-image:url(../images/charte/presentation-on.jpg);
}
a.actualites,a.actualites:visited{
	background-image:url(../images/charte/actualites.jpg);
}
a.actualites:hover{
	background-image:url(../images/charte/actualites-on.jpg);
}
a.contact,a.contact:visited{
	background-image:url(../images/charte/contact.jpg);
}
a.contact:hover{
	background-image:url(../images/charte/contact-on.jpg);
}
a.plan,a.plan:visited{
	background-image:url(../images/charte/plan.jpg);
}
a.plan:hover{
	background-image:url(../images/charte/plan-on.jpg);
}
#collLeft{
float:left;
width:280px;
min-height:230px;
height:auto !important;
height:230px;
}
/***************** MENU ********************/

#menu {
float:right;
width:220px;
margin:10px 0px 0 0px;

}

#menu dt {
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
border-bottom:1px solid #000;
}
#menu dt a:link, #menu dt a:visited{
color:#000;
text-decoration: none;
display: block;
padding:10px 0 10px 40px;
background:url(../images/charte/puce.gif) no-repeat scroll left 5px ;

}
#menu dt a:hover {
color:#000;
text-decoration: none;
display: block;
text-decoration: underline;
padding:10px 0 10px 40px;
background:url(../images/charte/puce.gif) no-repeat scroll left 5px ;}


#menu ul{
margin:5px 0 10px 0;
padding:5px 0 5px 40px;
width:186px;
text-align:left;

}
#menu li {
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:15px;
color:#f3f133;
font-weight:bold;
margin:0 0 0 30px;
}

#menu li a,#menu li a:visited{

color:#2e65b0;
text-decoration: none;


}
#menu li a:hover {

color:#2e65b0;
text-decoration:underline;
}


#contenu{
position:relative;
width:1003px;
min-height:280px;
height:auto !important;
height:280px;
font-size:1em;
line-height:1.1em;
text-align:justify;
color: #000;
padding-bottom:31px;
background:url(../images/charte/bg-contenu.jpg) no-repeat scroll left top;
}

#texte{
	float:left;
	width:590px;
	margin:0 0 0 40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	color:#002E9C;
	
}

#text{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	color:#002E9C;
	text-decoration:none
}

#text:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	color:#fc0000;
	text-decoration:none
}


#red{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	color:#fc0000;
	text-decoration:none
}

#red:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	color:#002E9C;
	text-decoration:none
}


#blue{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	color:#002E9C;
	text-decoration:underline;
	
}

#blue:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	
	color:#fc0000;
	text-decoration:none
}


/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer"></div> apres la div contenu---*/
.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}




/***************** FOOTER *****************/
#footer{
position:relative;
width:1003px;
height:31px;
margin:-31px auto 0 auto;
clear:both;
background-color:#002f9f;
}

.inputForm{
	font-family: Arial, Courier, monospace;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	background-color:#ffffff;
	width: 150px;
	border: 1px solid #C8E0EF;
}
.inputFormOver{
	font-family:  Arial, Courier, monospace;
	font-size: 12px;
	font-weight: normal;
	background-color:#F6F9FA;
	width: 150px;
	border: 1px solid /*#A73364;*/#C8E0EF;
}

.button{
	font-family:Arial, Courier, monospace;
	font-size: 12px;
	color: #012988;
	border: 1px solid #64CAEC;
	background-position: bottom left;
	background-color: #A6DFF4;
	vertical-align: bottom;
	width:80px;
}
.buttonOver{
	font-family:Arial, Courier, monospace;
	font-size: 12px;
	color: #ffffff;
	border: 1px solid #1A70A1;
	background-position: bottom left;
	background-color: #1A70A1;
	vertical-align: bottom;
	width:80px;
}

.frmContact{ /* dedicated ID for "contact form"*/
width:540px;
border: 1px solid #73CEF0;
background-color:#E3F5FC;
background-image:url(../images/charte/back.jpg);
background-position:top left;
background-repeat:no-repeat;



}
 .frmContact .Label, .frmContact label{
   font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0D1A6F;
  font-weight:normal;
  text-align:left;

}

.notice{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#0D1A6F;
line-height:18px;
text-align:center;

}

a img{
filter: alpha(opacity=100);
-moz-opacity: 1.00;
opacity:1.00;
border:0px;



}

a:hover img{
filter: alpha(opacity=70);
-moz-opacity: 0.70;
 opacity:0.70;
border:0px;




}

/* listing prod
******************/


#bandeau-photos{
  width: 593px;
  height: 108px;
  overflow-y: auto;
  overflow: auto; /* fix safari */
  float: left;
  border:0px;
  }

#bandeau-photos #defilgauche{
  float: left;
  cursor: pointer;
  z-index: 9;
  }
#bandeau-photos #defildroite{
  float: right;
  cursor: pointer;
  z-index: 10;
  }
#bandeau-photos #flowcut{
  height: 108px;
  width:505px;
  overflow: hidden;
  position: relative;
  background-color:#E3F5FC;

  }
#bandeau-photos #flow{
  position: relative;

  }
#bandeau-photos .vign{
  width: 101px;
 float:left;
  margin:0px;
  padding:0px;
  border:0px;

  }

html*#bandeau-photos .vign{
float: left;
display: inline-block;
  margin:0px;
  padding:0px;
  border:0px;
}
#bandeau-photos .vign a{
  width: 101px;
 float:left;
  text-decoration: none;
  text-align: center;
  margin:0px;
  padding:0px;
  border:0px;

  }
  
  #bandeau-photos .vign a:hover{
  width: 101px;
 float:left;
  text-decoration: none;
  text-align: center;
  margin:0px;
  padding:0px;
  border:0px;

  }