/* Globals */
body {margin:0; padding:0; font-family:Arial; font-size:12px; background-color: #FFFFFF}
html {padding:0; margin:0;}
img {padding:0; margin:0; border:0;}
.uppercase{text-transform:uppercase;}
.bold{font-weight:bold;}
.left{float:left;}
.right{float:right}
.center{text-align:center;}
.overflow{overflow:hidden;}
.clear{clear:both;}
.fixed{margin:auto;width:1136px; padding:0px}
/* Globals */

.header{
	height:105px;
	background-image:url('../images/background-fixed.png'); 
    background-repeat: no-repeat; text-align:center;	
}
.header h1{padding:0px; margin:0px; text-transform:capitalize; font-family:Geneva, Arial, Helvetica, sans-serif; padding-top:20px;}
div.menuprincipal
{
overflow:hidden;
height:45px;
padding-top:0px;

}
div.menuprincipal ul
{
list-style:none;
margin:0px;
margin-left:15px;
}
div.menuandrecherche
{
overflow:hidden;
background-color:#232323;
}
div.menuprincipal
{
float:left;
width:900px;
}

div.menuprincipal ul li 
{
float:left;
height:36px;

}
div.menuprincipal ul li a
{
text-decoration:none;
display:block;
height:36px;
}
div.menuprincipal ul li a :hover{color: #FF3300}
div.menuprincipal ul li a span:first-child
{
background-image:none;
}
div.menuprincipal ul li a span
{
background-image: none;
padding-right:10px;
padding-left:10px;
padding-top:10px;
border-right:1px #FFF solid;font-size:16px;font-family:"MyriadPro-Bold","Arial";color:#FFFFFF;display:block;width:85px;
float:left;
height:36px;
marging-top:5px;
}
/*
div.menuprincipal ul li a span
{
background-image:url(../images/separation_menu.png);
background-position:right  bottom;
background-repeat:no-repeat;
display:block;
float:left;
height:32px;
padding-top:4px;
width:7px;
color:#FFFFFF;
font-family:"MyriadPro-Bold","Arial";
font-size:16px;
}
*/
.liP :hover .menuP{display: inline;}
.content{

width:1133px; 
border:0px #000000 solid; padding-top:10px
}
.simulation{  width:420px; padding:0px; margin:0px; border:0px #000099 solid; float:left; background-image:url(../images/back-simulation.png); background-repeat:repeat-y}
.simulation h3{font-size:20px; margin:0px; margin-left:15px; margin-bottom:15px; color: #FFFFFF; padding:0px}
.simulation p{margin-left:0px}
.simulation p label{font-size:15px; font-weight:bold}
.simulation p span{display:inline-block; margin-left:10px; width:130px}
.simulation p span input{ width:155px}
.simulation .imgsimulation{ margin-left:23px}
.animation{height:345px; width:700px; padding:0px; margin-left:431px; border:1px #000000 solid; }


.contentbotton{
clear:both;
width:1130px;
margin-top:15px;
min-height:600px;
border:1px #CCCCCC solid;

}
.buttonLisezPlus
{
height:30px;
font-family:"MyriadPro-Regular","Arial";
font-size:14px;
color:#000000; 
text-decoration:none;
margin-top:20px;
display:inline-block;
padding-bottom:2px;
padding-left:20px;
padding-right:15px;
padding-top:5px;
background-image:url(../images/button_lisez_moi.png);
background-repeat:no-repeat;
}
.spanSpe{
color:#7AC304;
font-weight:bold;
}
.contentbottonA
{
width:740px;
float:left;
border-right:1px #C8C8C8 solid;
padding-left:30px;
padding-top:25px;
padding-right:10px;
}
.contentbottonB
{
display:block;
margin-left:750px;
min-height:596px;
padding-left:40px;
padding-top:25px;
}
.contentbottonB_A ul li
{
list-style:none;
background-image:url(../images/bg_liste.png);
background-repeat:no-repeat;
text-decoration:none;
margin-left:-40px;
height:56px;

}
.contentbottonB_A ul li a
{
text-decoration:none;
color:#757572;
}
.contentbottonB_B ul li
{
list-style:none;
text-decoration:none;
margin-left:-40px;
height:76px;
}
.contentbottonB_B ul li a
{
text-decoration:none;
color:#757572;
}
.pspeciale
{
color:#2C2B2B;
font-weight:bold;
font-size:14px;
}
.classeLirePlus
{
color:#72A919;
font-weight:bold;
font-size:12px;
background-image:url(../images/puce_line.png);
background-repeat:no-repeat;
background-position:0px 3px;
padding-left:10px;

}
.pspeciale2
{
clear:both;
color:#737171;
font-size:15px;
text-indent:10px;
font-family:Georgia, "Times New Roman", Times, serif
}
.contentbottonB_B h1
{
margin-top:35px;

}
.contentbottonB_A ul li img
{
display:inline-block;
float:left;
margin:10px;
}
.header_class
{
width:1136px;
height:52px;
background-image:url(../images/bg_header.png);
background-repeat:no-repeat;
float:left;
}
.header_class ul li a 
{
	color:#FFFFFF;
	list-style:none;
	text-decoration:none;
	font-family:"MyriadPro-Bold","Arial";
	font-size:12px;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
}
.contentbottonB_A ul li:first-child
{
margin-top:30px;
}
.header_class ul li:first-child 
{
background-image:none;
margin-left:45px;
}
.header_class ul li  
{
display:block;
float:left;
margin-top:0px;
background-image:url(../images/bg_header_separateur.png);
background-repeat:no-repeat;
margin-top:10px;
}
.contentbottonA_B
{

width:740px;
display:block;
float:left;
padding-top:20px;
background-image: url(../images/bg_co_separateur.png);
background-repeat:no-repeat;
background-position:0px 40px;
}
.contentbottonA_B img
{
float:left;
}
.contentbottonA_B p
{
float:left;

}
.contentbottonA_A img
{
padding-top:10px;
padding-right:14px;

}
.projet{ display:block; float:left; width:162px; height:150px;  background-color: #E5E5E5; margin-right:10px;border:1px #999999 solid	}
.projet img{margin:4px;}
.projet h4{ margin-top:10px;text-align:center; font-size:14px; color: #0000CC; font-family:Georgia, "Times New Roman", Times, serif;}
/*contact */
#baniere{background-image:url(../images/Ban_surmobile.jpg); height:124px; margin:0px; margin-top:-10px; width:1136px}
#baniere h3{margin:0px; margin-left:30px; padding-top:30px; display:inline-block}
#contact{ clear:both;  margin-top:10px; margin-bottom:45px; float:left; padding-left:0px} 
.contactA{ float:left; width:350px; height:500px; border-right:0px #CCCCCC solid; background-color: #FFFF99}
.titre{ background-color: #999900; text-align:center; margin:0px; color:#FFFFFF; margin-bottom:20px}
.contactA h3{display:block; margin-left:10px; background-image:url(../images/home.png); background-repeat:no-repeat; background-position:0px 0px; padding-left:40px; height:30px; text-decoration:underline; font-size:15px}
.contactA span{display:block; margin-left:45px}
.contactA p{margin-left:10px; color:#006600; font-weight:bold; font-size:14px; text-indent:10px; margin-top:30px}
.contactB{float:left; width:500px; height:500px; margin-left:5px; border-left:0px #CCCCCC solid; border-right:0px #CCCCCC solid; background-color: #FFFF99}
.bloc1{ width:490px;  margin-top:0px; margin-left:10px; display:inline-block; vertical-align:top; margin-bottom:0px}
.bloc1 p{ display:block;  margin-bottom:10px}
.bloc1 p span{ display:inline-block; vertical-align:top; width:100px}
.contactC{ width:275px; height:500px; background-image:url(../images/contact.jpg); margin-left:860px; }
/*procedure*/
#procedure{border:0px solid #CCC; margin:0px;  margin-top:15px; width:1137; padding:5px; float:left }
#procedure .block1{float:left; width:340px; height:350px; background-color:#FFFFCC;  border-radius:25px; margin:0px}
.titreP{margin-left:20px; color:#006600}
#procedure .block1 ul li{ list-style-image:url(../images/puce_line.png); font-size:18px; margin:10px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold}
#procedure .block2{ width:776px; height:350px; background-color:#FFFFCC; border-radius:25px; margin:0px; margin-left:352px}
#procedure .block2 ul li{ list-style-image:url(../images/puce_line.png); font-size:16px; margin:10px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold}
/*service*/
#service{  margin-top:1px; padding-bottom:10px; float:left; width:1137px}
#service h1{padding-top:20px; margin-left:15px; color: #0099FF; font-family:"Times New Roman", Times, serif; font-size:30px}
#service p{color:#666666; font-size:16px; margin-left:15px}
#serviceA{ background-color:#FFFFFF; width:700px;  margin-left:0px; float:left}
#serviceA .serviceAA{height:140px; border-bottom:1px #999999 dotted; margin-top:5px}
.serviceAA img{float:left; margin-right:15px; padding:3px}
.serviceAA h2{ color:#006600 }
#serviceA .serviceAA p{color: #666666; font-size:14px; font-family:Geneva, Arial, Helvetica, sans-serif}

#serviceB{ background-color:#FFFFFF; width:410px; height:480px; margin-left:850px;}
#serviceB .serviceBA{ width:270px; height:200px; border:1px #CCCCCC solid; margin-top:10px}
#serviceB .serviceBA h2{color: #0099FF; font-family:"Times New Roman", Times, serif; text-align:center; margin-top:5px}
#serviceB .serviceBA ul li{ list-style-image:url(../images/validation_arguments_pp.gif); margin-bottom:15px; color:#999999; font-size:14px}
#conseil{ clear:both; width:1137px; margin-bottom:25px; margin-top:20px; float:left }
#conseil .conseilA{width:555px; border:1px  #CCCCCC solid; float:left; margin-right:11px; height:150px}
#conseil .conseilA h2, #conseil .conseilB h2 {text-align:center; background-color:#CCCCCC; margin:0px; font-size:16px; color:#0099FF; padding:3px}
#conseil .conseilB{width:560px;height:150px; border:1px  #CCCCCC solid; margin-left:570px}
/* produit*/
#produit{ margin-top:15px; border:1px #CCC solid; float:left; margin-bottom:20px}
#produit .produitA{  border-bottom:1px #CCC dashed; margin-bottom:10px; float:left }
#produit .produitB{   margin-bottom:10px; float:left }
#produit .produitA h3, .produitB h3 { font-size:16px; color: #06F; margin-left:3px; margin-bottom:20px; text-decoration:underline}
.produitA .produitAA, .produitB .produitAA{height:180px; width:200px; border:1px #CCC solid;  margin-left:18px; background-color:#F7F7F7; float:left; margin-bottom:10px} 
.produitA .produitAA h4, .produitB .produitAA h4{text-align:center; color:#06F; margin-top:7px}
/*agences*/
#agence{ border:0px solid #CCC; margin:0px;  margin-top:15px; width:1137; padding:2px; float:left}
.agenceA{height:200px; width:400px; border:1px solid #CCC; float:left; margin-left:130px; margin-right:10px; margin-bottom:15px}
.agenceB{height:200px; width:400px; border:1px solid #CCC; float:left; margin-bottom:15px}
.agenceA h3, .agenceB h3{text-align:center; margin:0px; background-color:#F90; font-size:16px}
.agenceA span, .agenceB span{display:block; margin-left:20px; margin-top:15px; font-size:14px; font-weight:bold}