body{ margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4d4e4e; margin-top:40px;}
a img{ border:none;}

@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light-webfont.eot');
    src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/lato-light-webfont.woff') format('woff'),
url('../fonts/lato-light-webfont.ttf') format('truetype'),
url('../fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

.centre{ margin:0 auto; width:948px; overflow:hidden;}
.break{ clear:both;}
.blue{color:#0866c6; font-size:50px;}
#header { height: 110px; background-color:#0866c6; color:#fff; position:fixed; top:0px; right:0px; left:0px;}
#logo{ float:left; width:252px; height:65px; padding-top:20px;}
#menu{ float:right;  height:65px;padding-top:30px; overflow:hidden; text-align:right;}
#menu ul{}
#menu ul li {float:left; padding-right:7px; list-style:none; background:url(../img/separator.png) no-repeat top left; padding-left:7px;}
#menu ul li:first-child{ background:none;}
#menu ul li:last-child{ padding-right:0px; padding-left:0px; margin-left:-5px;}
#menu ul li a{ text-decoration:none; color:#dfefff; text-transform:uppercase; font-weight:bold; cursor:pointer;} 
#menu ul li a:hover{ color:#fff;}
#menu ul li.noseparator{ background:none;}
#contenu{ padding-top:170px; overflow:hidden; margin-bottom:110px;}
#contenu h2{ font-family:latolight; font-size:21px; text-align:justify; font-weight:normal; line-height:40px;}
#contenu2{ padding-top:120px; overflow:hidden; margin-bottom:110px;}
#contenu2 h1{ text-align:center; font-family: 'latolight'; font-size:35px; font-weight:bold;}
#contenu2 p{ line-height:18px; font-size:13px; text-align:justify;}
#contenu2 ul { list-style:none; margin:0px;}
#contenu2 ul li{ border-radius:5px; border:1px solid #cecece; margin-bottom:20px;background-color:#f8f8f8;box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1); }
#contenu2 ul li p{ margin:0px; padding:0px 0px 5px 0px;}
#contenu2 ul .titre_li{ font-weight:bold; font-size:20px;font-family: 'latolight';  padding:10px 8px; cursor:pointer; color:#666;}
#contenu2 ul .corps_li{ background-color:#fff; padding:15px 8px; display:none;border-top:1px solid #cecece; border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
#centre_gauche{ float:left; width:394px; padding-right:0px; font-family:latolight; }
#centre_gauche p{font-size:15px; line-height:24px;}
#centre_gauche p a { background-color:#fff; border-radius:18px; padding:8px 18px 8px 18px; font-size:14px; margin-right:20px; text-decoration:none; color:#4d4e4e;}
#centre_gauche p a:hover{ text-decoration:underline;}
.bouton_bleu{ border:3px solid #0866c6;}
.bouton_vert{ border:3px solid #9eccac;}
#centre_droit{ float:left;width :550px; padding-left:4px; padding-top:0px;}
#avantages{ background-color:#313131;color:#d9d9d9; padding-bottom:35px; margin-top:20px;}
#avantages p{ line-height:20px; font-size:13px; text-align:justify; font-family:latolight; padding-left:37px; margin-top:-5px;}
#avantages h3{ font-family:latolight; font-size:25px; padding-bottom:10px; padding-top:10px; margin-bottom:25px; font-weight:lighter;}
#avantages h4{ font-family:latolight; font-size:18px; font-weight:normal; margin:0px; padding:10px 0px 0px 0px; }
#avantages h4 i{ vertical-align:middle;line-height:60px; padding-right:5px;}
#avantage1{ float:left; width:290px; padding-right:29px;}
#avantage2{float:left; width:290px; padding-right:29px; padding-left:10px;}
#avantage3{float:left; width:290px; padding-left:10px;}
#temoignages{  background-color:#fbfbfb;padding-bottom:45px; }
#temoignages h3{ font-family:latolight; font-size:25px; padding-bottom:10px; padding-top:20px; margin-bottom:25px; font-weight:lighter;}
#creer_acces{ margin-top:20px;}
#creer_acces h3{font-family:latolight; font-size:25px; padding-bottom:10px; padding-top:10px; margin-bottom:35px; font-weight:lighter;}
#form_gauche{ width:460px; float:left; padding-right:14px;}
#form_droit{ width:460px; float:left; padding-left:14px;}
form p{ padding-bottom:10px; margin:0px;}
form label{ display:inline-block; font-weight:bold; padding-bottom:5px; font-size:13px;}
form select{ width:305px; padding:5px; font-size:12px; height:35px; border:1px solid #dedede;background-color:#f5f5f5; margin-bottom:5px;}
form input[type="text"], form input[type="email"], form input[type="password"]{ width:290px; padding:5px; font-size:12px; height:20px; border:1px solid #dedede; background-color:#f5f5f5;}
form input[type="submit"]{ padding:15px;}
form textarea{ width:290px; height:145px; padding:5px; font-size:12px;border:1px solid #dedede; background-color:#f5f5f5;}
form p span{ padding-left:10px; height:30px;}
form p span img{padding-top:0px; vertical-align:middle;}
.bloc_blanc{ background-color:#fff; margin-bottom:30px; line-height:18px;}
#footer{ background-color:#313131; color:#d9d9d9; padding-top:20px; padding-bottom:100px; font-size:12px; font-weight:lighter;}
#footer a{ text-decoration:none; color:#d9d9d9;}
#footer a:hover{ color:#fff; cursor:pointer;}
#footer h4{ font-family:latolight; font-size:15px; font-weight:normal; padding-bottom:0px; margin-bottom:8px;}
#footer_fonctionalites1{width:235px; float:left; padding-right:5px; }
#footer_fonctionalites1 ul{ margin:0; padding:0; list-style:none;}
#footer_fonctionalites1 ul li{ padding-bottom:4px; list-style:none;}
#footer_fonctionalites2{width:230px; float:left; padding-right:5px;padding-top:40px; padding-left:5px;}
#footer_fonctionalites2 ul{ margin:0; padding:0; list-style:none;}
#footer_fonctionalites2 ul li{ padding-bottom:4px; list-style:none;}

#footer_pages{width:150px; float:left; padding-right:20px; padding-left:30px;}
#footer_pages ul{ margin:0; padding:0; list-style:none;}
#footer_pages ul li{ padding-bottom:4px; list-style:none;}
#footer_contact{width:160px; float:left; padding-left:108px; }
#footer_contact p{ line-height:16px; padding:0px; margin-top:0px;}

img.gauche{float:left; padding-right:15px; padding-bottom:7px;}
.crypt{border:1px solid #dedede; background-color:#f5f5f5; padding:8px 0px 0px 0px; margin:0px; height:22px; float:left;}
.sub_form{ background-color:#313131; padding:9px 8px!important; border:none; color:#fff; font-size:13px; font-weight:bold; margin-top:25px;}
.sub_form:hover{ background-color:#757474; cursor:pointer;}

.bloc_form{ padding:5px 10px; font-size:13px;}
#message_form{display:none; width:770px; margin-bottom:20px; margin-top:-10px;border:1px solid red;}
#message_form2{display:none; width:770px; margin-bottom:20px; margin-top:-10px;border:1px solid green;}

.page_login{background-color:#0866c6;}
.centreHV{ margin: auto;  position: absolute;  top: 0; left: 0; bottom: 0; right: 0; height:240px; }
#zone_login{ width:290px; margin:0 auto; color:#fff;}
#zone_login form{padding:0px; margin:0px;}
#zone_login form input[type="text"], #zone_login form input[type="password"]{ width:270px; padding:8px; font-size:12px; height:20px; border:1px solid #dedede; background-color:#f5f5f5;}
#zone_login form p{ padding:0px; margin-bottom:9px;}
#zone_login form p a, #zone_login form table a{ text-decoration:none; color:#fff;}
#zone_login form p a:hover, #zone_login form table a:hover{ text-decoration:underline;}
#zone_login form input[type="button"]{ margin-top:10px; margin-left:-1px; padding:7px 15px; height:45px; background-color:#1370d0; border:1px solid #0658ab; width:291px; color:#fff; font-size:13px; text-transform:uppercase;}
#zone_login form input[type="button"]:hover{ background-color:#2182e5;}
#erreur_login{display:none; color:red; padding:8px 5px; width:278px; background-color:#ffcece; margin-bottom:14px; font-size:11px; text-align:center;}

#err_mp{border:1px solid red; padding:7px 5px 0px 5px; margin-bottom:10px; background-color:#ffaaaa; color:#4d4e4e;}
#valid_mp{border:1px solid green; padding:7px 5px 0px 5px; margin-bottom:10px; background-color:#a8ecbc; color:#4d4e4e;}

ul#liste_temoignages{ list-style:none; margin:0; padding:0;}
ul#liste_temoignages li{ margin-bottom:45px; overflow:hidden; color:#616161;}
ul#liste_temoignages li .infos_client{ width:250px; padding-right:25px; float:left; text-align:center;}
ul#liste_temoignages li .temoignage_client{ width:650px; float:left; line-height:20px; font-style:italic;}
ul#liste_temoignages li .titre_client{ font-weight:bold; display:block; font-style:normal;}
ul#liste_temoignages li img{ max-width:250px;opacity:0.5; border:none;}