/* CSS STYLE RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strong, sub, sup, var, b, u, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; 
	font-family: "Libre Franklin", sans-serif; font-weight:400;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
.body-container, header, .columns, .left_column, #avis-header, #avis-legal, #footer_box, #footer_text, #footer_img img, #footer_slogan{float:left;}
.right_column{float:right}

/* #####################
		TEMPLATE
   #####################*/

body{background:url(images/bck.jpg) repeat-x #fff;}
.body-container{width:100%; min-width:1210px;}
.container{max-width:1140px; margin:auto;}

.header_container{background: url(images/header-bg.jpg) repeat-x;}
.fixedNav{position: fixed; z-index:999;}
header{width:100%;}
.logo{float:left;margin: 17.5px 0;}
.menu{float:right;clear: right;}
.menu li{float:left; margin-right:30px;}
.menu li a{font-size: 16px;font-weight:700;color: #000;text-transform:uppercase;text-decoration:none;display:block;margin-top: 67px;padding-bottom: 15px;}
.menu li.fb a{padding-bottom: 0;margin-top: 60px;}
.menu_active{ border-bottom: 5px solid #8cc63f;}
.header_container .header-tel {font-size: 16px;color: #353535;font-weight: 300;text-transform: none;float: right;margin-top: 30px;margin-right: 70px; }
.header_container .header-tel span {font-weight: 900; }

.top_container{background: url(images/slide1.jpg) center center / cover no-repeat;padding: 300px 0px 40px;}
.slider{float:left; margin-right:40px;}
.h1_div{float:left;width: 585px;padding: 20px 40px 20px 1070px;margin-left:  -1070px;background: #306e89;}
.h1_div h1{font-size: 24px;color: #fff;line-height:30px; margin-bottom: 20px;}
.h1_div h1 span{display: block; font-weight: 700; font-size: 29px; text-transform: uppercase;}
.h1_div .scrollto{background-color: #d9c545; color: #000; width: auto; padding: 20px; text-decoration: none; text-align: center; text-transform: uppercase; font-size: 18px;float: left;}
.h1_div .scrollto span{font-weight: 700;}

.main_container{padding:35px 0;position:relative;z-index:10;background: #fff;}
.main_text{float: right;width: 550px;}
#addthis{float: left; width: 100%; margin-bottom: 20px;}
.main_text h2, .main_text h3{font-size: 26px;color: #306e89;font-weight:300;margin-bottom:25px;text-transform:uppercase;line-height:  32px;}
.main_text h2 span{display: block; font-size: 23px; color: #8cc63f; font-weight: 700;}
.main_text h3{clear: both;width: 100%;font-size: 18px;}
.main_text p{font-size: 13px;line-height: 20px;margin-bottom:20px;color: #000;}
.main_text p.gros-texte{font-size: 23px; line-height: 27px;}
.main_text .scrollto{margin-bottom: 25px; background-color: #d9c545; color: #000; width: auto; padding: 20px; text-decoration: none; text-align: center; text-transform: uppercase; font-size: 18px;float: left;}

.main_right{float: left;width: 580px;margin-left: -70px;background: #c3c3c3;}
.main_right img{float: left;}
.coord{padding: 40px 0 30px 100px;}
.coord .comp_name{font-size: 25px; text-transform: uppercase; color: #007fa4; font-weight: 700;margin-bottom: 5px;}
.coord .address{font-size: 25px;font-weight: 300;margin-bottom: 20px;line-height: 30px;}
.coord .address span{font-weight: inherit;}
.coord .num_tel{font-size: 25px; font-weight: 300; margin-bottom: 20px;}
.coord .scrollto{text-decoration: underline; font-size: 25px; font-weight: 300;}

.paragraphe_keywords{padding: 40px;width: 600px;background: rgba(0, 0, 0, 0.6);text-align: center;margin: 120px auto 0;float: right;}
.paragraphe_keywords img{margin-top: -140px; margin-bottom: 20px;}
.paragraphe_keywords h5{margin-bottom:25px; font-size: 44px; color: #fff; font-weight: 700; text-transform: uppercase;}
.paragraphe_keywords p{font-size: 16px;line-height:22px;margin-bottom:15px;color: #fff;font-weight: 300;}
.paragraphe_keywords .scrollto{background-color: #d9c545;color: #000;padding: 20px;text-decoration: none;text-align: center;text-transform: uppercase;font-size: 18px;display: block;width: 319px;margin: 0 auto;}

.services_container{background: url('images/soumission-bg.jpg') center center / cover no-repeat;position:relative;z-index:5;padding:150px 0 25px;margin-top:-125px;}
.liste_services{float:left;width: 300px;background: #1b1b1b;padding: 40px 20px;}
.liste_services h3{font-size: 23px;color: #94e828;font-weight: 400;margin-bottom:34px;text-transform:uppercase;}
.liste_services h4{font-size: 23px;color: #2590bf;font-weight: 400;margin-bottom:34px;}
.liste_services ul{width: 91%;margin-left:45px;margin-bottom:50px;}
.liste_services ul li{margin-bottom:22px;font-size: 16px;color: #fff;list-style: square;}
.infos_container{background: #0a4158;}
.overmap{float: left;width: 100%;padding: 10px 0;text-align: center;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d6d6d6+100 */background: #ffffff;    /* Old browsers */background: -moz-linear-gradient(top, #ffffff 0%, #d6d6d6 100%);    /* FF3.6-15 */background: -webkit-linear-gradient(top, #ffffff 0%, #d6d6d6 100%);    /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #ffffff 0%, #d6d6d6 100%);    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
#map{float: left;height: 456px;background: #d6d6d6;width: 770px;}

#contactForm{float:left;width: 330px;padding:20px 20px;background: #306e89;text-align: center;}
#form_title{font-size: 34px;font-weight:700;color:#fff;text-transform:uppercase;margin-bottom:9px;}
#label_select{font-size: 20px;color:#fff;margin-bottom: 5px;}
#contact_form_message{float:left; color:#fff; margin-top:10px; margin-left:0px;}
#contact_submit{float:right; font-size:16px; font-weight:700; color:#fff; background:#000; padding:8px 10px; border:none; text-transform:uppercase; cursor:pointer;}
#contactForm select{float:left; font-family: 'Arial', sans-serif; width:100%; height:30px; padding:5px; margin-bottom:10px;}
#contactForm input[type='text']{float:left; font-family: 'Arial', sans-serif; width:96%; height:20px; padding:1.5%; margin-bottom:10px;}
#contactForm textarea{float:left; font-family: 'Arial', sans-serif; width:97%; height:120px; padding:1.5%; margin-bottom:10px;}

#infinite-adsense{width:100%; float:left;}
#adsense{width:970px; margin:15px auto;}

#avis-legal{width:1100px; padding:20px; background:#fff; line-height:18px; font-size:12px;}
#avis-header{width:1100px; padding:20px; background:#fff; text-align:center; font-size:25px; font-weight:bold; margin:20px 0;}

.scrollto{cursor:pointer;}
.errorHighlight{border: solid 1px #d82424!important; background: #f9c4c4;}

#footer_box{width:100%;min-width:1210px;background:#000;margin:10px 0 0 0;}
footer{margin:auto; width: 1130px; text-align: center; padding: 10px 20px 10px 60px; color: #fff; font-size: 12px}
#footer_text{text-align: left; width: 940px; line-height: 22px; margin: 0px 0 0 0; float:left; color:#fff; font-size: 12px}
#footer_text a{color: #fff}
#footer_img{float: right; width: 170px;}
#footer_img img{margin: 0 12px 0 0;}
#footer_slogan{width: 170px; text-align: left; margin: 6px 0 0 0; font-size: 11px}
#footer_slogan a{color: #ddd; text-decoration: none; font-size:10px;}

.infoBox {
  padding: 20px 10px 25px 10px;
  text-align: center;
  background: #fff;
  border: 2px solid #8a8a8a; }
  .infoBox img {
    float: right; }
  .infoBox p.map-name {
    font-size: 15px;
    color: #8cc63f;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px; }
  .infoBox p.adr {
    font-size: 13px;
    color: #000;
    font-weight: 400;
    text-transform: none;
    line-height: 16px;
    margin-bottom: 10px; }
  .infoBox span.tel {
    font-size: 15px;
    color: #000;
    font-weight: 400;
    text-transform: none;
    margin-bottom: 5px; }
  .infoBox a.map_contact_button {
    font-size: 15px;
    color: #000;
    font-weight: 400;
    text-transform: none;
    display: block; }
  .infoBox:after {
    content: url(images/infobox-fleche.png);
    display: block;
    margin-top: 20px;
    position: absolute;
    left: 50%;
    margin-left: -11px; }