/* CSS Document */
@font-face {
font-family: 'DINProMedium';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Medium'), url('../DINPro-Medium.woff') format('woff');
}

@font-face {
font-family: 'DINProLight';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Light'), url('../DINPro-Light.woff') format('woff');
}

*{ font-family:DINProLight; margin:0 auto; }
body{ background-color:#0c2141 ;font-family: DINProLight !important; color:#FFF; }
.clear{ clear:both;}
.strong{ font-family:DINProMedium; }
h2{ font-size:26px; text-transform:uppercase; }
h3{font-size:20px; margin-bottom:0px; }

.orange{ color:#fc5000; }
.bleufonce{ color:#0b2240;}
.bleuclair{ color:#30a8e0;}

.container{/*box-shadow:2px 2px 10px gray; 
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray;*/padding-left:0; padding-right:0; } 

a#menu-button {display:none;text-decoration:none; color: #FFF !important; }
a#menu-button:hover{text-decoration:none; color:#FFF !important;}

header .row{ margin:0 !important;}
header{ text-align: left; color:#FFF; z-index:1030; background:#0b2240; margin-bottom:10px; padding:20px; }
header h1{ margin-top:0px; z-index:1030;}
header h1 a{ z-index:1030; }
header h1 a img{ z-index:1030;}
header h1 a:hover{ text-decoration:none;  }
header h2{ font-family:DINProLight; font-size:31px; }
header .col-xs-12.col-sm-12.col-md-12.col-lg-12.bandeau{padding-left:0px; padding-right:0px; z-index:1030;}
header .col-xs-12.col-sm-12.col-md-12.col-lg-12{padding-left:0px; padding-right:0px; }

/*a.home{ background:url(../../images/home.png) no-repeat center center; text-indent:-9999px; }
a.home:hover{ background:url(../../images/home.png) no-repeat center center !important; text-indent:-9999px; }*/

nav{ width: 100%; /*background:#00c5e9;*/  text-transform:uppercase; }
.sm-mint a{ font-weight:normal !important; font-family:DINProMedium;}
.sm ul li ul, .sm ul li ul li, .sm ul li ul li a{ text-align:left !important; }

.content #descriptionbtp{ padding: 0px 45px 20px 45px;}
.content #descriptionbtp .firstdiv{ text-align: center; margin-bottom: 35px;}
.content #descriptionbtp .firstdiv img{ max-width:50%;}

.content #descriptionbtp h3{ text-align: center; text-transform:uppercase; font-size:35px; font-weight:bold; margin-top: 0px;}
.content #descriptionbtp h2{ display: none; }
.content #descriptionbtp img.logoga{width: 70%; align-content: center; display: block; margin-top:50px;}

.content #descriptionbtp img.casqueschantier{width: 75%; display: block; }
.content #descriptionbtp p{font-size:17px; text-align: justify;}

.normes{background-color: #cbe6f4; padding-bottom: 25px; text-align: justify;}
.normes img.drapeaupack{display: block; width: 100%;}

.normes .norme{ padding-left:0px; padding-right:0px;}
.normes .norme h3{ background-color:#0c2141; color:#FFF; font-family: DinProMedium; padding:5px 15px 5px 50px; }
.normes .norme .normebutton.deplier{background:url(../../images/barre_chrome.png) repeat center center !important; height: 31px;}

.normes .norme .normecontent{ display: none; padding:0px 20px ;}
.normes .norme .normecontent .normecontentinterne{ background-color:#0b2240; padding:30px;}
.normes .norme .normecontent .normecontentinterne.vert{ background-color:#3daba8; }
.normes .norme .normebutton.replier{background:url("../../images/barre_rubber.png") repeat center center !important; height:31px;}
.normes .norme .normebutton.replierbis{ text-align: right;}
.normes .norme .normebutton.replierbis a{background:url("../../images/fond_deplier.png") no-repeat right center; text-align: right; display: block; height:96px;}
.normes .norme .normebutton.replierbis a>span{ background-color:#f9b700; color:#404040; text-transform:uppercase; display: inline-block; margin-right: 120px; margin-top:28px; font-size: 18px; padding:5px; font-weight: bold; font-family: DinProMedium;}

.norme h4{ font-size:35px; text-align: center; font-family: DinProMedium;}
.norme h4 span.bleuclair{ font-family: moussescript; }
.norme .descriptionnorme{ padding-top:15px; padding-bottom: 15px;}
.norme h4 > span.bulleorange { background-color: #fc5000; color: white; padding: 6px 12px; border-radius: 20px; display: inline-block; font-weight: bold; }
.norme h4 > span.bulleblanche { color: #fc5000; background-color: white; padding: 6px 12px; border-radius: 20px; display: inline-block; font-weight: bold; }

.norme span.vert{color:#3daba8;}
.norme h4 span.vert{ font-family: moussescript; }
.norme h4.vert{ background-color:#3daba8; border-radius: 20px;padding:15px; width:50%; }
.norme p.vert{ background-color:#3daba8; padding:20px;}
.norme p.vert span.bleufonce{color:#0c2242;}

.norme img.imageconstat{max-width: 40%; align-content: center; display: block;}
.norme img.imgconstatvideo{max-width: 50%; align-content: center; display: block;}
.norme img.imageconstatdrone{max-width: 50%; align-content: center; display: block;}

.norme p.center{ text-align: center;}
.norme p.center span.cadre{ border:1px solid #0c2242; padding: 5px; display: inline-block; margin:0px 10px; color:#0c2242;}
.norme p.center span.cadreblanc{ border:1px solid #FFF; padding: 5px; display: inline-block;  margin:0px 10px;}

#tarifications { padding: 15px 0px;}
#tarifications h3{ text-align: center; font-size:22px; font-family: DinProMedium; text-transform: uppercase; margin-bottom: 25px;}
#tarifications h4{ font-size:18px; font-family: DinProMedium; text-transform: uppercase; padding-left: 45px;}
#tarifications .tarifleft{ color:#0c2242; padding-left: 60px; text-align: justify;}
#tarifications .tarifright{ color:#0c2242; padding-right: 60px;}

#tarifications .tarifleft p{ background-color:#FFF; padding:15px;}
#tarifications .tarifright p{ background-color:#FFF; padding:15px; text-align: center;}
#tarifications .phraselastdivtarif{ padding-left: 60px; padding-right: 60px;}

#contact{ background: linear-gradient(to bottom, #c1e0f1, #edf9ff); color:#0c2242; font-family:DinProMedium; font-weight:bold; padding-bottom: 30px; padding-left: 20px; padding-right: 20px; padding-top: 30px;}
#contact img.logobleu{max-width: 25%; display: block;}

#contact fieldset{ border:2px solid #0c2242; padding:20px;}

#contact form input[type="text"], #contact form input[type="email"], #contact form textarea {
      width: 100%;
      padding: 8px;
      margin-bottom: 10px;
      border: 2px solid #0c2242;
    }
#contact form select.styled-select {
    width: 100%;
  background-color: #FFF;
  padding: 5px;border: 2px solid #0c2242; }
#contact .required {
      color: #fc5000;
    }
#contact button {
      background-color: #fc5000;
      color: white;
      padding: 10px 20px;
      border: none;
      border-radius: 20px;
      font-weight: bold;
      cursor: pointer;
    }
#contact p.oblig{ color:#fc5000; font-style: italic;}

.reglementation{ background: #FFF; padding-bottom: 20px;}
.reglementation h2 {
  color: #0c2242;
  text-transform: uppercase;
  font-family: DINProMedium;
  font-size: 35px;
  text-align: center;
	margin-bottom: 25px;
}

.reglementation .regle{ background-color:#0c2242; margin-bottom: 5px;}

.reglementation .reglementationcontent { display: none; padding:15px 36px; text-align: justify; }
.reglementation h4{cursor: pointer; font-family: DINProMedium; position: relative; padding-left: 36px;}
.reglementation h4 span.flecheregle{position: absolute; right: 35px;}

.col-xs-12.col-sm-12.col-md-12.col-lg-12.galeriediv{padding-left:0px; padding-right: 0px;}
.galeriediv{ position:relative;}
.galeriediv .info_gallery_top{position:absolute; z-index:10; top:5%; left:5%;}

.galeriediv .swiper-button-prev, .galeriediv .swiper-button-next{display:none;}
.galeriediv .info_gallery_top h2{ color:#FFF; font-size:50px; font-family: DINProMedium; margin-bottom: 35px;}
.galeriediv .info_gallery_top img{max-width: 350px;}
.galeriediv  a.link img{ float:left; max-width: 30px; margin-right: 7px;}
.galeriediv  a.link{ position: absolute; bottom:150px; left:5%; z-index:10; background: #FFF; color:#fc5000; border-radius: 5px; padding: 10px; display: inline-block; text-transform: uppercase; font-family: DINProMedium; line-height: 17px; margin-top: 65%;
}

.row .comp { position:relative;}
.row .comp .info-contenu{ background:#39b6b8; position:absolute; bottom:10px; color:#FFF; width:100%; padding:3px;}
.row .comp .info-contenu .title{ font-size:18px;}
.row .comp .info-contenu .descr{ font-size:14px;}

 .menu{ z-index:3; margin-top:16px;}
.imagehome{ margin-top:-152px; z-index:1; position:relative;}
.imagehome img{z-index:1;}
.imagehome .legende{ position:absolute; bottom:30px; left:1%; background-color:rgba(255, 255, 255, 0.7); padding:10px 20px; color:#009997; }
.imagehome .legende h2{ margin-top:10px; font-size:40px;}
.imagehome .legende h2::first-letter{ font-size:50px; }
.imagehome .legende p{ font-style:italic; font-size:25px;}

.comp h2{color:#1e145a; margin-bottom:40px;  text-align:center;font-family:FontBold; text-transform:uppercase;}

.cols{ margin-bottom:15px;}
.col1, .col2{ border:1px solid #1e145a; margin-top:20px;}
.col2{ /*padding-left:10px; padding-right:10px;*/}
.col-lg-3, .col-lg-4{ }
.col-lg-9{ }

.actus { margin-bottom:20px;}
.actus h3 { text-align:center; font-family: FontBold; text-transform:uppercase; font-size:33px; background:url(../../images/background_actu.png) no-repeat center center;}
.actuslink{ text-align:center; font-family: FontBold; text-transform:uppercase; font-size:33px; border: 2px solid #10c7e9; padding-top: 5px;padding-bottom: 5px;}
.actuslink a{color:#000; text-decoration:none;}

.news{ position:relative;}

.containernews{  }
.containernews .info { }
.containernews .info p.title{  font-size:25px;  }
.containernews .info p.stitre{color:#919295;  }
.containernews .info a{ text-decoration:none; font-weight:bold; border-radius: 5px; background: #f08a3c; color:#FFF; display:inline-block; padding:5px 15px; text-transform: uppercase;}
.containernews .col-xs-12.col-sm-4.col-md-4.col-lg-4{ margin-bottom: 20px; margin-top: 20px; min-height:522px;}
	
	
.b-header h3{ color:#FFF; background:#1e145a; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 20px;  margin-top:0px; }

.b-content{ padding:20px; }
.b-content .phrase{ display: block; text-align:justify; margin-bottom: 9px;}
.b-content .phrase .one{ color:#b41a83; font-size:20px;}
.b-content .phrase .two{color:#00a9e4; font-size:20px;}
.b-content .phrase .three{color:#006579; font-size:20px;}
.b-content .phrase .four{color:#dfbe04; font-size:20px;}
.b-content .phrase .five{color:#cf102d; font-size:20px;}
.b-content .phrase.last{  margin-bottom: 12px;}

.news .bloc-content{background:url(../../images/bg_real.jpg) center center /cover; min-height:100px; text-align:center;}
.news .bloc-content h3{ font-size:18px; font-family:FontLight; text-transform:uppercase; color:#FFF; padding-top: 20px;}
.bloc-content h3{ margin-top:0px; } 

#accesrapide{margin-top: 20px; margin-bottom: 20px;}

.blocs h2{ color:#fc5000; text-align:center; margin-top:30px; margin-bottom:30px; font-family:DINProMedium; border-bottom: 1px solid #fc5000;
padding-bottom: 10px;
margin-left: 80px;
margin-right: 80px;}
.blocs2 h2{color:#0b2240; border-bottom: 1px solid #0b2240;}

.col-xs-12.col-sm-4.col-md-4.col-lg-4.bloc{ margin-bottom: 30px; text-align: center;}
.blocs .col-sm-4 h3{ text-align:center; text-transform:uppercase; padding:5px 15px; font-size:25px;}
.blocs .bloc.bloc0, .blocs .bloc.bloc1, .blocs .bloc.bloc2{ margin-bottom:0px; }
.blocs .bloc .bloc-top{ position:relative; /*overflow: hidden;*/ /*background:#09aae6;*/}
.blocs .bloc .bloc-content{ /*position:absolute; bottom:0px; width:100%;*/ padding:5px; text-align:justify; margin-top: 10px; margin-bottom: 10px; min-height:83px; }
.blocs .bloc .bloc-content h3{ font-size:24px;font-family: DINProMedium; }
.blocs .bloc .bloc-content p{color:#2c2c2c; font-size:50px; font-weight:bold; margin-top: -135px;text-align:center;      margin-bottom: 70px; font-family: DINProMedium;}
.blocs .bloc .bloc-content h4{color: #ff5100;text-transform: uppercase;text-align: center;font-family: DINProMedium;margin-top: 0px;margin-bottom: 20px; letter-spacing: 10px;}
.blocs .bloc .bloc-content{ margin-top: -70px;}

.blocs .bloc.orange .bloc-content{color:#fc5000;}
.blocs .bloc.bleu .bloc-content{color:#0b2240;}

.blocs .bloc .bloc-content a.learnmore{ margin-right: 0;margin-top: 10px; text-align:center; text-transform: uppercase; font-family:DINProMedium; }
.blocs .bloc.orange .bloc-content a.learnmore{color: #fc5000;}
.blocs .bloc.bleu .bloc-content a.learnmore{  color: #0b2240;}

.bloc a.learnmore:hover img{ /*transform:scale(1.1); transition: all 0.45s ease-in-out 0s;  opacity:0.5;*/ }
.bloc a.learnmore img{ /*transition: all 0.45s ease-in-out 0s; transform:scale(1); opacity:1;*/}
.bloc a.learnmore, .bloc a.learnmore:hover { text-decoration:none !important;}

.forcegroupealexandre{ background: #0b2240; margin-bottom:40px;}
.forcegroupealexandre .col-xs-12.col-sm-6.col-md-6.col-lg-6.forcegroupe{padding-left:0px;}

.galleryforce .swiper-paginationforce{ display: inline-block;}

.forcefadeobjects{color:#b5bcc5; padding-top: 20px; max-height: 650px; overflow: hidden;}
.forcefadeobjects ul{list-style-type: none; }
.forcefadeobjects ul li{ float:left; border:1px solid #fff; cursor:pointer; padding:15px 35px; text-transform: uppercase; font-family: DINProMedium;}
.forcefadeobjects ul li#btn1{color:#0071cd;}

.objectforce{clear:both;  padding-top: 10px; position: relative;}
.objectforce img{ margin-right: 205px; max-width: 105px;}
.objectforce .divtext{width: 93%;}
.objectforce h3{margin-top: -60px; font-size: 35px;	margin-bottom: 30px; text-transform:uppercase; font-family:DINProMedium; color:#0071cd;}
.objectforce .divtext span.bleu{color:#0359a2;}

.objectcontent{ max-height: 310px;overflow: auto;}

.servicesgroupealexandre{ background: #0b2240; margin-bottom:40px;}
.servicesgroupealexandre h2{color:#FFF; text-transform: uppercase; text-align: center; font-family: DINProMedium; font-size: 38px;margin-bottom: 0px;}
.servicesgroupealexandre h3{ color:#ff5100; text-transform: uppercase; text-align: center;font-family: DINProMedium; margin-top: 0px;margin-bottom: 20px;}

.notreequipe h2{text-align: center; color:#0a213f; font-size:35px;font-family: DINProMedium; }
.notreequipe h3{text-align: center; text-transform: uppercase; font-size:18px; color:#ff5100; margin-top:0px; margin-bottom:30px;}

.equipecontent{margin-bottom: 50px;}
.equipecontent img{max-height: 450px;}
.equipecontent .equipecoldroite{padding-top:80px;}
.equipecontent .equipecoldroite h3{ text-transform: uppercase; font-size:35px;  color:#0a213f;  margin-top:0px; margin-bottom:0px; font-family: DINProMedium; font-weight: bold; }
.equipecontent .equipecoldroite h4{ text-transform: uppercase; font-size:15px;  color:#ff5100;  margin-top:0px; margin-bottom:30px; letter-spacing: 4px;}
.equipecontent .text{font-family: DINPRoMedium; width: 100%; margin-left: 0px; margin-bottom: 20px;}

.news{ background:url("../../images/groupealexandre-news-anim.gif") no-repeat center center; background-size: cover; min-height: 350px; padding-top: 70px;padding-left: 5%;}
.news h2{color:#ff5100; text-transform: uppercase; font-family: DINProMedium; font-size: 38px;margin-bottom: 0px;}
.news h3{color:#fff; text-transform: uppercase; font-family: DINProMedium; margin-top: 0px;margin-bottom: 20px;}

.questions{ background:#efefef;}
.questions h2{color:#3c3c3b;text-transform: uppercase; font-family: DINProMedium; font-size: 35px; text-align: center;}
.questions span.border{ background: url("../../images/border_questions.jpg") no-repeat center center; display:  inline-block; margin:0 auto; min-height:30px; width: 100%;}

.questions form input{width:90%;}
.questions form input[type="submit"] { width: auto; background-color: #ff5100; color: #FFF; text-transform: uppercase;  border-radius: 22px; padding: 8px 20px;}
.questions form .groupleft{padding-left: 60px;}
.questions p.center{text-align: center;}
.questions .italic{font-style: italic;}

.googlemap iframe{width:100%; min-height:350px;}



.imgrelat{ position: relative; }
.imgrelat .titre-info{ position: absolute; top:20%; left:20px; font-size:30px; color:#FFF; text-transform:uppercase; text-align:justify; width:80%; text-shadow:2px 2px #333;}

.galerymini img{ float:left; margin-right:15px;  margin-bottom:10px; }
.galerymini a.linkgalmore{ bottom: 0; position: absolute;right: 5px;}

/****************************************************************************************************/
.equipeslide{position: relative;}
.swiper-father {
    position: relative;
  }
/*.equipecontent img:hover ~ .equipecontent .descriptionslide{ border:1px solid red;}*/

/*.equipecontent img:hover + .descriptionslide {
  display: block;
}*/
.descriptionslide:hover{display: block !important;}
.descriptionslide{ position: absolute; left:2%; top:2%; color:#000; text-align:center;  min-height:93px; padding:5px; background:rgba(222,222,222,0.5);}
.descriptionslide .slideinterne{ padding:5px; /*border:#FFF 1px solid;*/ }
.descriptionslide .title{  font-size: 20px; font-weight: bold; }
.descriptionslide .role{ color:#5A5A5A; font-weight: bold; margin-bottom: 5px;  }


.servicerefresh{ background: #FFF url("../../images/fond_refreshservice.png") no-repeat top right; border-radius: 20px 0px 0px 20px; margin-top: 130px;margin-bottom: 20px;}
.clics{position: relative; padding:10px;}
.clics .contenttop-clics{position: relative;margin-bottom: 20px;}
.clics img{ margin-left: 0px; max-width:200px;}
.clics h4{ font-family: DINProMedium; text-transform: uppercase;font-size: 26px;}
.clics .text{clear:both; margin-top: 25px; margin-bottom: 25px; max-height:350px; overflow:auto;}
.clics .btnclics{text-align: right;}
.clics .btnclics a{ display: inline-block; background:#1b253e; color:#FFF; text-transform: uppercase; padding: 10px; margin: 15px;}

#clic2, #clic3, #clic4, #clic5, #clic6, #clic7, #clic8, #clic9, #clic10, #clic11, #clic12, #clic13, #clic14, #clic15, #clic16, #clic17, #clic18, #clic19, #clic20, #clic21{display: none;}


#offices{background:#0b2240; overflow: hidden;}
#offices .col-xs-12.col-sm-6.col-md-6.col-lg-6.agenceright{ padding-right:0px; padding-left:0px; text-align: right;}
#offices .agenceleft #zoneclic{ width:50%; background: #FFF; color:#0b2240; margin-top:80px;}
#offices .agenceleft #zoneclic .elemclic h3{text-align: center; text-transform: uppercase; color:#FFF; margin-top:-40px; margin-bottom: 40px; font-family: DINProMedium; font-size:26px;}
.elemclic{display:none; }
.elemclic .text{ padding: 0px 25px 25px 25px; }

#selectagencediv{ text-align: center; margin-top: -130px; margin-bottom: 60px;}
#selectagence{background: #1b253e;color: #FFF;font-size: 21px;font-family: DINProMedium;border: none; cursor:pointer; padding:8px;}

#selectagencediv select { /*appearance: none;*/ }
/*#selectagencediv::after { content: "\25b6"; font-size: 24px; color:#FFF;background:#ff5100; padding:9px 14px 7px 14px; margin-left:-4px; display: inline-block; transition: all 0.3s;}
#selectagencediv:hover::after {
  transform: rotate(90deg);
  background: #274396;
  color: #fff;
}*/

#ville-Cognac{display:block;}

#offices svg #Bayonne:hover{fill:#35a8e0 !important; cursor: pointer;}

#offices svg #Villebois:hover, #offices svg #Angouleme:hover, #offices svg #Cognac:hover, #offices svg #Ruffec:hover, #offices svg #Pau:hover, #offices svg #Tarbes:hover, #offices svg #Souston:hover, #offices svg #Perigueux:hover, #offices svg #Saint-Pierre-dOleron:hover, #offices svg #Saujon:hover, #offices svg #Royan:hover, #offices svg #Arcachon:hover, #offices svg #Fontenay:hover, #offices svg #Parthenay:hover, #offices svg #Tours:hover, #offices svg #Montaigu:hover, #offices svg #Airvault:hover, #offices svg #Barbezieux:hover, #offices svg #Sarlat:hover{fill:#35a8e0 !important; cursor: pointer;}
#offices svg .st2:hover, #offices svg #Airvault:hover, #offices svg #Barbezieux:hover, #offices svg #Sarlat:hover{fill:#35a8e0 !important;}

#news{ margin-top:50px;}
.row.footer{ background:#0b2240;}
footer{ color:#FFF; position:relative; padding-top: 40px; padding-bottom: 15px;  padding-left: 35px; padding-right: 35px; font-family:DINProLight; background:#0b2240; }
footer .imagefooter{ position:absolute; top:0px; left:0px; }
footer #links{ text-align:left; float:left; }
footer .copyright{ text-align:right;margin-bottom:0px; }
footer .arbofooter { }
footer a{ color:#FFF;font-family:DINProLight;}
footer a:hover{text-decoration:none; color:#FFF; font-weight:bold;}
footer .first{ text-align:left;}
footer h4{ font-family:Lucida; font-weight:bold;}
footer h4::first-letter{ color:#f26522;}
footer h4 span.firstletter{ color:#f26522;}
footer .margin{ height:30px;}

footer .rowfooter{ padding-top:115px; }

.row.footerbottom{background:#0b2240; padding-top:10px; padding-bottom:10px; color:#FFF; text-align:center; font-style:italic;}
.row.footerbottom a{color:#FFF; }
.row.footerbottom a:hover{ text-decoration:none; font-weight:bold; }

blockquote {
  /*background: #f9f9f9;
  border-left: 10px solid #ccc;*/
  border-left: none !important;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D";
  text-align: center;
}
blockquote:before {
  color: #ccc;
  content:"\201C";
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.15em;
  vertical-align: -0.3em;
}
blockquote:after {
  color: #ccc;
  content: "\201D";
  font-size: 4em;
  line-height: 0.1em;
  margin-left: 0.15em;
  vertical-align: -0.6em;
}
blockquote p {
  display: inline;
  font-style: italic;
  font-size: 15.5px !important;
}



@media (min-width: 768px) {
	#main-menu > li {
		float: none;
		display: table-cell;
		width: 1%;
		text-align: center;
	}
	#main-menu > li > ul > li{ text-align: left;}
}
@media (max-width:1920px){
	.imagehome{ margin-top:-185px;}
	footer .rowfooter { padding-top: 180px;}
	.blocs .bloc .bloc-content{ min-height:90px;}
}
@media (max-width: 1600px){
.clics h4{ left:55%;}
}

@media (max-width: 1400px){
.blocs .bloc .bloc-content{ margin-left:0px; margin-right:0px; }
.blocs .bloc .bloc-content h3{ font-size:21px; font-weight:bold; }

footer .rowfooter { padding-top: 115px; }
.imagehome { margin-top: -152px; }

}
@media (max-width: 1236px){
}
@media (max-width: 1200px){
.encartpage{ height:200px; }
header .headerright nav{ position:absolute; top: 70px;}	
header {min-height:108px; }

.sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active {
  font-size: 18px !important;
}

.blocs .bloc .bloc-content{ min-height:115px; }
.blocs .col-sm-4 h3{ font-size:23px;}
	
	.menu{margin-top: 0px;}
	.forcefadeobjects ul li{ padding:15px 20px;}
	.objectforce img{max-width: 100px;}
	.servicerefresh{margin-top:25px; margin-bottom: 5px;}
	.descriptionslide .title{font-size:25px;}
	.equipecontent .text{font-size:15px;}
	#offices .agenceleft #zoneclic{width: 75%; margin-top:40px; }
	.containernews .info{min-height:310px;}
	
	
}
@media (max-width: 1196px) {
	/*.containernews .info{ position: absolute; top: 124px;left: 8px; width: 90%;}
	.blocs .bloc .bloc-content a.learnmore{ }*/
}
@media (max-width: 1180px) {
section.content article.second h2{ font-size:27px;  }
.swiper-container .swiper-slide .descriptionslide{ font-size:16px; }

/*.encartpage .content .caption{ left:160px;}*/
/*.containernews .info{ position: absolute; top: 124px;left: 8px; width: 90%;}*/
}

@media (max-width: 1100px) {
.sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active {
  font-size: 16px !important;
}
	.objectforce img{margin-right: 80px;}
}

@media (max-width: 1032px) {
section.content article { margin-right: 6%; }
section.content article.last { float:left;}
section.content article.second{margin-bottom:30px; }
section.content article.second h2{ font-size:25px;  }
footer section article{ margin-right:7%; }
.descriptionslide { }
.descriptionslide .title{ font-size:34px; }
.descriptionslide .text{ font-size:14px; }
.imgrelat .titre-info{ top:10%; }

.encartpage{ height:200px; }
header h1 a{font-size:24px; }


	/* valeurs */ 
.forcefadeobjects{max-height: 600px;}
	.objectforce img{max-width: 71px;}
	.objectforce h3{ font-size:30px;}
	.objectcontent{max-height: 270px;}
	
	.forcefadeobjects ul li{padding: 10px 15px;}

	/* services */
	#Calque_1 {
    	width: 113%;
    	margin-left: -50px;
	}
	.clics img{ max-width: 150px;}
	.clics .text{ max-height:270px;}
}

@media (max-width: 990px) {
	
	.sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active, .sm-mint a.highlighted{padding: 10px 16px !important; }
	.sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active{ font-size:16px !important; }
	.sm-mint a span.sub-arrow{right:4px  !important; }
	
	.blocs .bloc .bloc-content{ min-height: 105px !important; }
	.blocs .col-sm-4 h3{ font-size: 17px !important; padding: 5px 1px !important;}
	
	.descriptionslide .title{font-size:18px; }
	.descriptionslide{left: 4%; top: 3%;}
	.agenceright {overflow: hidden;}
	.agenceright svg{max-width: 140%;}
	.containernews .info{min-height: 375px;}
	
	.clics img{max-width: 150px;}
	.clics h4{left:30%;}
	
	.servicerefresh{margin-top:5px;}
	
	.forcefadeobjects ul li{padding: 10px 10px;}
	.objectcontent {     max-height: 230px;}
	
	.groupright{padding-left: 60px;}
	.galeriediv .info_gallery_bottom .logoslider{display:none;}
	.galeriediv .info_gallery_bottom{bottom:20px;}
}

@media (max-width: 904px) {
	header{ height:inherit; position:relative;}
	header nav{   position: relative;  }
	
	.sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active, .sm-mint a.highlighted{padding: 10px 14px !important; }
	.sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active{ font-size:15px !important; font-weight:normal !important; }
	.sm-mint a span.sub-arrow{right:4px  !important; }
}

@media (max-width: 768px) {
	.content #descriptionbtp .firstdiv img{max-width: 100%;}
	.content #descriptionbtp { padding: 0px 35px 20px 35px;}
	.normes .norme h3{padding-left:20px;}
	#tarifications h4{padding-left: 0px;}
	#tarifications .tarifleft{ padding-left:15px;}
	#tarifications .tarifright{padding-right: 15px;}
	#tarifications .phraselastdivtarif{padding-left:15px; padding-right: 15px; text-align: justify;}
	
	.content #descriptionbtp img.casqueschantier{width:85%;}

	.normes .norme .normebutton.deplier {
		background: url(../../images/barre_chrome-990.png) repeat center center !important;
		height: 15px;
	}
	.normes .norme .normebutton.replier {
	  background: url("../../images/barre_rubber-990.png") repeat center center !important;
	  height: 15px;
	}
	.normes .norme .normebutton.replierbis a {
	  background: url("../../images/fond_deplier-990.png") no-repeat right center;
	  text-align: right;
	  display: block;
	  height: 45px;
	}
	.normes .norme .normebutton.replierbis a > span {
	  margin-right: 36px;
	  margin-top: 8px;
	  font-size: 14px;
	}
	
	.norme h4{ font-size:30px;}
	.norme h4.vert { padding: 15px 5px;  width: 100%; font-size: 18px;}
	.norme img.imgconstatvideo{} { max-width: 100%;}
	.norme p.center span.cadre{margin:5px 10px;}
	
	.reglementation h4{ font-size:14px;}
	
	.reglementation h4 span.flecheregle{ right:0px;}
	
	#contact{padding-left:10px; padding-right: 10px;}
	#contact img.logobleu{max-width: 80%;}

	header{ height:auto;}
	header .fanion nav{   position: relative; bottom:inherit; }
	header .fanion{ height:auto; }
	
	
	section.content article { width: 44%; margin-bottom:5px; }
	blockquote {margin:0;}
	footer section article{width:100%; margin-bottom:25px;  }
	
	.row .comp{ max-width:568px;}
	.row .comp .info-contenu{max-width:568px; }
	.info-content{ margin-bottom:15px; }
	.col2{ padding:0; }
/*	.blocs .bloc .bloc-top{max-width:240px; }*/
	
	.blocs .bloc.bloc3, .blocs .bloc.bloc4, .blocs .bloc.bloc5{ margin-bottom:15px; }
	.descriptionslide{ right:8%; }
	
	.sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active{ font-weight:bold !important; }
	
	.blocs .bloc .bloc-content{ min-height:auto; }
	.blocs .bloc .bloc-content a.learnmore{ width:95%; position:relative; bottom:inherit; right:inherit;}
	
	.blocs .bloc.bloc0, .blocs .bloc.bloc1, .blocs .bloc.bloc2{ margin-bottom:20px; }
	
	.parts .swiper-container-parts{ position:relative; overflow:inherit;}	
	
	header{ background:#0b2240; }
	.menu{ /*background:#d2a3cb;*/ }
	/*a.home {background: url(../../images/home.png) no-repeat left center !important;}
	a.home:hover{background:url(../../images/home.png) no-repeat left center !important; }*/
	.imagehome{ margin-top: -104px !important; }
	
	.forcefadeobjects{ max-height:inherit;}
	.objectforce{padding-top:0px;}
	.objectforce img{margin-top:-45px;}
	.objectforce .divtext{margin-top: -60px; padding-bottom: 50px;}
	.objectcontent{ max-height:inherit;}
	
	.descriptionslide{left:0%; top:0%;}
	.equipecontent .text{width: 100%; margin-left: 0px;margin-bottom: 0px;}
	
	.agenceright svg{display:none;}
	#selectagencediv{ margin-top:10px;}
	.containernews .info{min-height: auto;}
	
	.galeriediv a.link{bottom:50px;}
	
	.clics .text{ max-height:inherit;}
	.news{min-height: 195px; padding-top: 30px;}
	
	.forcegroupealexandre .col-xs-12.col-sm-6.col-md-6.col-lg-6.forcegroupe{padding-right:0px;}
}

@media (max-width: 688px) {
	
	section.content article { width:100%; margin-bottom:25px; }
	section.content article.second h2{ font-size:29px;  }
	footer section article{width:100%; margin-bottom:25px;  }
	
	.descriptionslide .text{/* display:none;*/  }
	/*.descriptionslide { display:none;}*/
	.descriptionslide {
		position: absolute;
		left: 7%;
		bottom: 8%;
		color: #FFF;
		text-align: center;
		/*background: url(../../images/bg_bandeauslider.png) repeat top center;
		background: rgba(23, 70, 143, 0.8);*/
		min-height: 52px;
		padding: 5px;
	}
	.descriptionslide .title {
    font-size: 15px;
}
	
	.imgrelat .titre-info{ font-size:30px;}
	.swiper-pagination-bullets{ bottom:15px !important; width:100% !important;}
	
	section.content{ width:100% }
	.minigalerie.col-xs-12{ padding-left:8px; padding-right:0px; }
	.galerymini img{ margin-right:8px; }
	
	.col-xs-12.headerright{ padding:0;}
	.col-xs-12.headerright nav .container{ padding-right:0; padding-left:0; }
	
	header h1{ float:none; }

footer .copyright {text-align: center;}
	
	.blocs .bloc .bloc-content {
    min-height: 80px !important;
}
	.clics .text{max-height: inherit; overflow: hidden;}
}
@media (max-width: 640px) {
.imagehome .legende{ bottom:5px; }
.imagehome .legende h2{ font-size: 20px;}
.imagehome .legende h2::first-letter{font-size: 22px; }
.imagehome .legende p{ font-size: 15px;}

}
@media (max-width: 600px) {
.news a.newslink{ left:25%;}
	/*.containernews .info{ width: 50%; left: 25%;}*/
}

@media(max-width: 480px) {
.imagehome { margin-top: -85px !important;}
.imagehome .legende { padding:1px 12px;}
	
	.forcefadeobjects ul li{padding: 15px 10px;}
	.col-xs-12.col-sm-8.col-md-8.col-lg-8.services{padding-left:0px; padding-right:0px; overflow: hidden;}
	.clics h4{left:38%;}
	.swiper-button-prev, .swiper-button-next{display:none;}
	
	.descriptionslide{ top: 2%;left: 2%;right: 2%;bottom: 2%;}
}
@media (max-width: 400px) {
	
	.imgrelat .titre-info{ font-size:20px;}
	#navfooter { display: block !important;}
	
	.news a.newslink{ left:10%;}
	/*.containernews .info{ width: 80%; left: 10%; top: 170px;}*/
	
	.col-xs-12.col-sm-4.col-md-4.col-lg-4.bloc{ margin-top:10px;}
	
	.imagehome { margin-top: -70px !important; }
	.imagehome .legende h2{ font-size: 17px; margin-bottom: 0px;}
	.imagehome .legende h2::first-letter{ font-size: 17px; }
	.imagehome .legende p{ font-size: 15px;}
	
	footer .rowfooter {     padding-top: 30px;}
	
	.forcefadeobjects ul{padding-left:0px;}
	.forcefadeobjects ul li{padding: 15px 15px;}
	.objectforce img{max-width:100px; margin-right: 15px;}
	
	#offices .agenceleft #zoneclic{width:100%;}
	
	.services svg#Calque_1{margin-left: -28px; }
	.questions form .groupleft{ padding-left:0px;}
	.questions form .groupright{ padding-left:0px;}
	.groupright textarea{max-width:100%;}

	
}

@media (min-width: 1200px){
	.col-lg-11.descriptionslide { width: 95.667% !important; }
}

#main{ position:relative; }

/* News */
section.content .infoscontainer .infos p.titre-info{ font-weight:bold;}
section.content .infoscontainer .infos .border-info{ border-bottom:#999 1px solid; text-align:center; width:50%; }

@media (min-width: 768px) {

}

span.time{ float:right; background:url(../../images/timer.png) no-repeat left center; padding-left:23px;}
span.closed{ float:right;}
ul.opening-hours-list{
padding-left:0;	
}
ul.opening-hours-list li {
	list-style:none;
	border-bottom-color:#dcdcdc;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 8px 0;
}
.horaires h2{ margin-top:0px; }