/* CSS Document */

*{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;padding:0;
	list-style:none;
	text-decoration:none;
	border:none;
	font-size:12px;
}


html{background-color:#FFF;height:100%;/*width:100%;*/text-align:center;}

/************ INDEX *****************/
.home{width:760px;height:100%;background-color:#FEF2E0; margin-left:auto; margin-right:auto;padding-bottom:150px;}
.home p{font-size:0.8em;padding:5px;}
.home a{color:black; font-size:1em!important;}
.home a:hover{text-decoration:underline;}
.bandeau {background-color:#D22128;font-size:11px;color:#FFFFFF;font-weight:bold;padding:5px;}
#news{font-size:11px;color:#FFFFFF;font-weight:bold;padding:10px;background-color:#084081; }
#news a{ color:#fff;padding:10px; text-transform:uppercase;}
#news a:hover{ color:#E7F0F9;padding:10px; text-transform:uppercase;}


.fond{ background:url(../fond/fond-index.jpg) no-repeat; width:760px; height:355px;}
#enter{z-index:200!important;position:absolute;background-color:#FEF2E0; width:100px; height:30px;margin-top:324px; margin-left:0px!important; margin-left:-370px;}

/************ INDEX NEW *****************/
#body-index{ background:#9195A1 url(../fond/fond-index._a.jpg) repeat-x 0px -48px!important;background:#9195A1 url(../fond/fond-index._a.jpg) repeat-x top left; width:100%; height:100%;}
#cbody{ background:url(../fond/fond_index_c.jpg) no-repeat; width:786px; height:501px; margin-left:auto; margin-right:auto; position:relative;margin-top:48px;}

#domaine{width:778px; height:190px; margin-left:15px;}
#domaine img{border:1px solid #4C4C4C; float:left; margin-right:5px;}

#produits{position:absolute;width:778px; height:110px; margin-left:15px!important;margin-left:-385px; margin-top:-40px!important;margin-top:-212px;}
#produits img{float:left;}
.p1{margin-left:20px;}
.p2{margin-left:60px!important;}
.p3{margin-left:10px;}
.p4{margin-left:20px;}

#nos_produits{position:relative; float:left; width:315px; height:52px; font-size:1.2em; color:#578DCB; font-weight:bold;margin-left:10px!important;margin-left:5px; margin-top:120px; font-family:Geneva, Arial, Helvetica, sans-serif;}
#nos_produits img{ vertical-align:middle; margin-left:10px;}

#ss_systemes{ position:relative; float:right;width:225px; height:52px; font-size:1.2em; color:#578DCB; font-weight:bold;font-family:Geneva, Arial, Helvetica, sans-serif;margin-right:10px!important;margin-right:5px; margin-top:120px;}
#ss_systemes img{ vertical-align:middle;}

#logo_index{width:288px; height:140px; position:absolute; margin-left:276px!important;margin-left:-120px;margin-top:90px!important;margin-top:-85px;}

#en{position:relative; float:left; width:330px; height:120px; margin-left:25px!important;margin-left:10px; text-align:left; margin-top:20px;}
#fr{position:relative; float:right; width:330px; height:120px; margin-right:15px!important;margin-right:5px; text-align:right; margin-top:20px;}
#en img, #fr img {display:block; clear:both; margin-left:15px; margin-right:15px;}
#fr img{float:right;}
#en p, #fr p{clear:both; font-size:1.5em; color:#1B2042; font-family:Geneva, Arial, Helvetica, sans-serif;}
#en p{margin-left:15px;}
#fr p{margin-right:15px;}
.base_en , .base_fr {font-size:1.1em!important; color:#FFFFFF!important; margin:0!important; }

.baspage {text-align:right!important;width:800px;margin-left:auto; margin-right:auto; position:relative;font-size:0.8em!important; color:#FFFFFF; clear:both; display:block;}
.baspage strong, .baspage a{ font-size:1em!important; color:#FFFFFF!important;}
.baspage a {text-decoration:underline;}

/************ RUBRIQUE *****************/
#body{background:#FFFFFF url(../fond/fond_rubs.gif) repeat-x;text-align:left;min-height:50px; height:50px; /*margin-top:-100px;*/ }
#logo{position:absolute;width:142px;height:67px;background:url(../element/logo.gif) no-repeat;text-indent:-9999px; margin-top:12px; margin-left:5px;}

.secondmenu{float:right!important;padding-top:3px;padding-right:10px;text-indent:-9999px;}
.second{float:left!important;margin-left:7px;margin-right:7px;}
.n1{background:url(../element/plan.gif) no-repeat; height:18px; width:18px;}
.n2{float:left!important; background:url(../element/contact.gif) no-repeat; height:17px; width:18px;}
.fix{text-indent:0px!important;float:left!important; height:18px; width:27px;margin-left:15px;}
.return_home{text-indent:0px!important;float:left!important;height:18px; width:19px;}

#menu {position:absolute;margin-left:180px;margin-top:15px;z-index:50;}
#menu p{position:relative!important;float:left;height:21px;}
.menu{ position:relative;z-index:50;border:none;font-weight:bold;font-size:13px;margin:1em;padding:0px;padding-left:26px;background-image: url(../element/puce.gif);background-repeat: no-repeat;}
.m8{background-image: url(../element/puce2.gif);white-space: nowrap;}
.menu a{color:#000000;}

.sousmenu{
	position:absolute;
	display:none;
	z-index:50;
	margin-top:30px;
	background-color:#E2EEFA;
	border-left:1px solid #084081; border-right:1px solid #084081; border-bottom:1px solid #084081;
	padding-top:5px; 
	text-align:left!important;
	left:0px;
}
.sousmenu li{width:190px; margin-left:0px!important; margin-bottom:5px!important; padding:5px; border-bottom:1px solid #FFFFFF;padding-right:10px;}
.sousmenu a{position:relative!important; margin-left:0px; font-size:1.0em;color:#000000;font-weight:bold;}
.sousmenu a:hover{color:#FF7F00!important;color:#FF7F00;}

.sm3{margin-left:29px!important;margin-left:41px;}
.sm4{margin-left:148px!important;margin-left:160px;}
.sm5{margin-left:288px!important;margin-left:300px;}
.sm6{margin-left:415px!important;margin-left:427px;}
.sm9{margin-left:618px!important;margin-left:630px;}

.sme3{margin-left:29px!important;margin-left:41px;}
.sme4{margin-left:208px!important;margin-left:220px;}
.sme5{margin-left:352px!important;margin-left:364px;}
.sme6{margin-left:479px!important;margin-left:491px;}
.sme9{margin-left:686px!important;margin-left:698px;}


.ssmenu{
	z-index:50;
	margin-left:-10px;
	padding-left:5px;
	text-align:left!important;
	left:0px;
	margin-bottom:-5px;
	width:180px!important;
	
}
.ssmenu li{border:none!important; margin-bottom:0px!important;background-color:#E2EEFA!important;}
.ssmenu a{font-size:0.9em; font-weight:normal; padding-left:10px!important; display:block;}
.ssmenu li:hover{background-color:#E2EEFA;}
.ssmenu a:hover{color:#FF7F00!important;}

/************ CONTENU *****************/
#contenu{
	position:relative;
	z-index:1!important;
	height:85%;
	width:90%;
	margin-left:0px;
}

#fond{height:85%;width:78%;position:absolute;margin-top:100px; background-color:transparent;padding-left:265px;}
.societe{background:url(../fond/fond-presentation.jpg) no-repeat;}
.comp{background:url(../fond/fond-comp.jpg) no-repeat bottom left;}
.test{ background:url(../fond/fond-test.jpg) no-repeat bottom left;}




/************ GOOGLE MAP *****************/
#googlemap{border:1px solid gray; width:651px;}
.magasin{padding-left:10px; padding-right:10px;margin-bottom:10px;}
.magasin h2{margin-left:-10px!important; border-bottom:none!important;font-size:1.4em;font-weight:normal;padding-bottom:3px; color:#999;}
#fichette{z-index:500;}
.magasin p{margin-left:0px!important; }
.magasin a{position:relative; z-index:600;color:#000000; text-decoration:underline;}
#gmapDirHead{margin-bottom:10px;}
#gmapDirHead a{ position:relative;z-index:600;color:#484C7A; text-decoration:underline;}

/************ SITE MAP *****************/
.plan{width:430px;}
.p1{margin-bottom:5px;margin-top:10px;}
.plan .p1 , .p2{margin-left:15px;padding-left:5px;}
li.p1, li.p2, li.p3{ list-style-image:none; list-style:none; margin-top:8px;}
.p1 a{text-decoration:none; font-weight:bold; color:#375083;}
.p2 a{text-decoration:none; font-weight:bold; color:#5471AD;margin-top:10px;text-decoration:none!important;}
.plan .p2{margin-left:85px;margin-top:0px;}
.plan .p3{margin-left:150px;margin-top:2px;}
.p3 a{color:#5471AD; text-decoration:none!important;}
.plan a:hover{color:#C33;}


/************ FORMULAIRE *****************/
#formulairepage{width:650px;padding:5px; clear:both;}
#formulairepage fieldset{width:100%;margin:4px;padding:15px 6px;	display:block !important; clear:both; border:1px solid #CCCCCC;}
#formulairepage fieldset legend{font-weight:bold; color:#264082; font-size:1.2em;padding:5px;}
#formulairepage label{display:block;float:left;clear:both;width:230px;margin-bottom:10px;font-size:11px; color:#0D3C62; text-align:right; padding-right:10px;}
#formulairepage .ctext, #formulairepage .mtext, #formulairepage .email,#formulairepage select{border:1px solid #BDBDBE;margin-bottom:10px;}
#formulairepage .ctext, #formulairepage .mtext, #formulairepage .email, #formulairepage ul{float:left;display:block;	width:305px;margin-bottom:10px;}

#formulairepage select{overflow:visible;float:left;font-size:11px;width:305px;margin-bottom:10px;background:#FFF;color:#205580;}
#formulairepage select option{width:305px;display:block;overflow:visible;white-space:normal;}
#formulairepage textarea{height:100px;margin-top:0px!important;margin-top:-60px;}
#formulairepage .check{margin-right:5px; }

#formulairepage ul{list-style-image:none!important; list-style:none!important;margin-left:0px!important;}
#formulairepage li{float:left; margin-right:10px;/* margin-top:-10px!important;*/ font-size:11px; color:#205580;list-style-image:none!important; list-style:none!important;}
#formulairepage p{margin-left:270px; font-size:0.9em; color:#666666; clear:both;}
.imgfield{margin-left:278px;display:block;clear:both;}


/************ FORMULAIRE PARTENAIRE *****************/
.formprive{display:block;width:600px; height:95px;border:1px solid #CCCCCC;padding:5px;padding-left:10px;}
.formprive p{font-size:1.1em; color:#FFCC00;}
.fermer{position:absolute;font-size:0.9em; font-weight:400; right:10px; bottom:5px;}
#form_access {margin-top:10px;margin-bottom:10px;}
#form_access label{font-size:1em; display:block;float:left;text-align:right;padding-right:6px;}
#form_access .input_access{float:left;width:200px;margin-right:15px;background-color:#FFF;border:1px solid #BDBDBE;}
#form_access .submit{float:right; margin-right:13px; margin-top:5px;margin--bottom:10px; }
.demande_code{ clear:both; display:block; float:right;margin-top:6px; margin-bottom:15px;margin-right:15px;}
.demande_code a{color:#184672; text-decoration:underline!important;}
.demande_code a:hover{color:#C33!important;}