body              { color: #666666; font-size: 11px; font-family: Verdana;  background-image:url(../../images/background2.jpg);background-position:top center; background-repeat:no-repeat; margin: 110px 0 0; height: 100%; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #BE2939; scrollbar-darkshadow-color: #ffffff; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-track-color: #ffffff ; text-align:center   }
.index        { margin: 0; background: none }
.maquettes       { background-image: none; margin: 0;   }
img{
border: 0px;
}


.margin10	{
	margin:10px;
}

.bordbleu	{
	border:solid 1px; color: #8BAFDF; 
}

#menu { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; text-align:center;  }
#menu a.blanc {text-align:center; font-size:13px; text-decoration: none; font-weight:bold; color:#cccccc}
#menu a:hover {text-align:center; font-size:13px; text-decoration: none; font-weight:bold; color:#ffffff}
#menu a.actif {text-align:center; font-size:13px; text-decoration: none; font-weight:bold; color:#8BAFDF}

#containMenu{
	width:900px;
	background-color:#000;
	padding-top:6px;
	height:22px;
}

#langues{
	float:left;
	margin-left:17px;
	margin-top:1px;
}

#contenerindex {width:950px;  background-image:url(../../images/background2.jpg);background-position:top center; background-repeat:no-repeat; position:relative; margin-top:25px; }
#contener {width:950px; text-align:left; margin:auto;  }
#contenu {width: 700px; height: auto; text-align:left;margin:20px 10px 0px 50px; float:left  }
#maintenance { text-align: left; margin: 10px 10px 0px 0px; width: 400px; height: auto; float: left }
#references { text-align: left; margin: 10px 10px 0px 10px; width: 250px; height: auto; float: right }
#droite {width:180px; margin:30px 0px 0px 10px; float:right;}
#adresse {width:200px; background-repeat: no-repeat;}
#adresse a, #adresse a visited {color:white;}

#conteneurFamille{
}

#footer{
	padding:20px 40px 0;
}

#footer .col{
	width:265px; 
	margin-right:35px;
	float:left;
	text-align:left;
}
#footer .col p{
	margin:7px 0 0;
}
#footer .col h2{
	margin-bottom:10px;
}

.liendroite {width:170px; height:20px; background-image:url(../../images/droite_bout01.gif); background-repeat: no-repeat; margin:0px 0px 3px 5px; padding:8px 5px 0px 15px;}
.liendroite a  { color: #cccccc}
.liendroite a:hover  { color: #ffffff; text-decoration: none }

#bas { position: absolute; bottom: 2px; width: 500px; margin:auto }

#col1 {float:left; width:49%;}
#col2  { width: 49%; float: right }

a.qui {background-image: url(../../images/clikphoto_01.jpg); color:#cccccc; width:178px; text-align:center; font-size:13px; text-decoration: none; font-weight:bold;  position:absolute; background-repeat:no-repeat; /*margin-left:-89px */ }
a.qui:hover {background-image: url(../../images/clikphoto_01over.jpg); color:#ffffff; width:178px; text-align:center; font-size:13px; text-decoration: none; font-weight:bold}

a.points {background-image: url(../../images/clikphoto_02.jpg); background-position:-11px top; color:#cccccc; width:175px; text-align:center; font-size:13px; text-decoration: none; font-weight:bold;  position:absolute; background-repeat:no-repeat; /*margin-left:-87px*/ }
a.points:hover {background-image: url(../../images/clikphoto_02over.jpg); background-position:-11px top; color:#ffffff; width:175px; text-align:center; font-size:13px; text-decoration: none; font-weight:bold; }

a.activ {background-image: url(../../images/clikphoto_03c.jpg); color:#cccccc; width:186px; text-align:center; font-size:13px; text-decoration: none; font-weight:bold;  position:absolute; background-repeat:no-repeat; /*margin-left:-93px*/}
a.activ:hover {background-image: url(../../images/clikphoto_03cover.jpg); color:#ffffff; width:186px; text-align:center; font-size:13px; text-decoration: none; font-weight:bold}

a.prod {background-image: url(../../images/clikphoto_04.jpg); color:#cccccc; width:179px; text-align:center; font-size:13px; text-decoration: none; font-weight:bold;  position:absolute; background-repeat:no-repeat; /*margin-left:-89px*/}
a.prod:hover {background-image: url(../../images/clikphoto_04over.jpg); color:#ffffff; width:179px; text-align:center; font-size:13px; text-decoration: none; font-weight:bold}

a.cont {background-image: url(../../images/clikphoto_05.jpg); color:#cccccc; width:182px; text-align:center; font-size:13px; text-decoration: none; font-weight:bold;  position:absolute; background-repeat:no-repeat; /*margin-left:-91px*/}
a.cont:hover {background-image: url(../../images/clikphoto_05over.jpg); color:#ffffff; width:182px; text-align:center; font-size:13px; text-decoration: none; font-weight:bold}

a.fam{
cursor: pointer;
border: none;
text-align: center;
font-weight: bold;
}

a.fam:hover{
text-decoration: none;
}

a.fam:hover dl{
border-color: #999999 rgb(170, 179, 179) rgb(213, 221, 221);
background-image: url('../../images/fd-famille.png');
background-repeat: no-repeat;
outline-color:#A7C1DF;
outline-style:solid;
outline-width:1px;
}

td { color: #666666; font-size: 11px; font-family: Verdana; text-align: justify }

h1  { color: #CF242A; font-size: 16px }
h2  { color: #175095; font-size: 13px }
h3  { color: #666666; font-size: 13px }
a   { color: #175095; text-decoration: none; text-align: left }
a:hover   { color: #CF242A; text-decoration: underline }
.lienVisited a:visited{color:#666666;}
.lienActif a{color:#CF242A;}

.small { font-size: 10px;  }
.fin { font-weight: normal; }
.big1 { font-size: 16px; font-weight: bold }

.blanc { color: #ffffff }
.blanc:hover    { color: #dcdcdc }


.grisclair { color: #cccccc }
input, select, label{  cursor: pointer;}


input, select, textarea {
border: solid 1px;
font-size: 10px; 
font-family: Verdana;
border-color: #999999 rgb(170, 179, 179) rgb(213, 221, 221);
background-color: #F8FAFF;
color: #555555;
}
input:hover, select:hover, textarea:hover {
border-color:#114B8F rgb(65, 115, 175) rgb(120, 150, 200);
}
input:focus, select:focus, textarea:focus {
color:#175095;
background-color: #ffffff;
outline-color:#A7C1DF;
outline-style:solid;
outline-width:1px;
}

.envoy {
margin-left:300px; 
background-color:#C9CDD5; 
background-image: url('../../images/send.jpg');
font-size:12px; 
font-weight:bold;  
padding:3px;  
}

.envoy:hover{
color:#114B8F;
}

.cadre1 {border:1px solid #CF242A}
.cadre2 {border:1px solid #175095}

/*****************************************
 DEBUT ACCESSIBILITE
*******************************************/
/*
menu links accesskeys
*/
span.accesskey {
   text-decoration:none;
}

/*
accessibility divs are hidden by default
text, screenreaders and such will show these
*/
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/*****************************************
 FIN ACCESSIBILITE
 *******************************************/
.imgRight{
	float:right;
	margin:4px;
}

.imgLeft{
	float:left;
	margin:4px;
}



.clear{
	clear:both;
}
/*****************************************
 FORMULAIRE CONTACT
*******************************************/

p{
	padding:0;
	margin:0;
	text-align: justify;
}

p.Form{
	padding:4px 0;

}

p.Form label{
	display: block;
	float: left;
	width: 25%;
	text-align: right;
	margin: 0 1em 0 0;
	padding: 0.1em;
	height: 1%;
}

label.deux_elements{
	display: block;
	float: left;
	width: 25%;
	text-align: right;
	margin: 0 1em 0 0;
	padding: 0.1em;
}

label.deux_elements_deuxieme{
	margin: 0 1em 0 2em;
	padding: 0.1em;
}



legend{
	color: #175095;
	font-weight:bold;
	font-size:13px;
}

dl{
	float: left;
	border:1px solid #175095;
	border-color:#114B8F rgb(65, 115, 175) rgb(120, 150, 200);
	margin: 5px;
	padding: 0px;
	text-align:center;
	height: 150px;
}

dl.fam{
	margin:1px;
}
dl.fam, dl.fam dt, dl.fam dd{
	width:135px;
	font-size:10px;
}

dt{
	width: 150px;
	margin: 0px;
	padding: 0px;
height:25px;
text-align:center;
vertical-align: middle;

}

dd{
	width: 150px;
	height: 10px;
	text-align: justify;
	margin: 0px;
	padding: 0px;
}

#conteneurFamille{
	padding-left:140px;
	-padding-left:0;
	position:relative;
}

a.prems{
	position:absolute;
	top:0;
	/top:-154px;
	left:0;
	-position:static;
}

a.prems dl.fam {
	height:285px;
	padding-top:20px;
}

a.prems dl.fam dt{
	font-size:13px;
	height:auto;
	margin-bottom:20px;
}

.colRef{
	float:left;
	width:250px;
}