/* 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:#fff /*ebeff2*/;font-family: DINProLight !important; } .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;} .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:50px; 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; } .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;} section.content{ position:relative; width:90%; margin-top:30px; margin-bottom:50px;} section.content article { float: left; margin-right: 8%; text-align: center; width: 28%; min-width:260px; } section.content article img{ margin-bottom:20px; } section.content article h2{ margin-bottom:20px; height:65px; font-size:29px;} section.content article p{ text-align:justify; font-size:15px;} section.content article.last {margin-right:0; float:right;} .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: #e08f4d; color:#FFF; text-transform: uppercase; border-radius: 5px; padding:5px;} .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;} /****************************************************************************************************/ /*********************************** SVG Services CSS ******************************************/ /****************************************************************************************************/ /* bulles blanches au hover */ /* bulles blanches au hover */ svg #polyline168:hover, svg #polyline776:hover, svg #polyline70:hover, svg #polyline12:hover, svg #polyline106:hover {fill:#FFF; cursor: pointer;} svg #polyline168:hover ~ #g184 > .st1, svg #polyline776:hover ~ #g802 > .st1, svg #polyline776:hover ~ #g822 > .st1, svg #polyline776:hover ~ #g844 > .st1, svg #polyline106:hover ~ #g124 > .st1 { fill: #708ad4; cursor: pointer; } svg #polyline70:hover ~ #g96 > #g94 > .st1{ fill:#88cbec;cursor: pointer; } svg #polyline12:hover ~ #g38 > .st1, svg #polyline12:hover ~ #g60 > .st1{ fill:#39a7df; cursor: pointer;} /* bulles bleu clair au hover */ svg #path246:hover, svg #path464:hover, svg #path504:hover, svg #path194:hover, svg #path594:hover, svg #path568:hover, svg #path420:hover, svg #path360:hover {fill:#2672a0; cursor: pointer; } svg #path246:hover ~ #g264 > .st2, svg #path246:hover ~ #g282 > .st2, svg #path504:hover ~ #g526 > .st2, svg #path504:hover ~ #g544 > .st2, svg #path504:hover ~ #g558 > .st2, svg #path194:hover ~ #g218 > .st2, svg #path194:hover ~ #g236 > .st2, svg #path594:hover ~ #g622 > .st2, svg #path568:hover ~ #g584 > .st2, svg #path420:hover ~ #g432 > .st2, svg #path420:hover ~ #g454 > .st2, svg #path360:hover ~ #g384 > .st2, svg #path360:hover ~ #g410 > .st2, svg #path464:hover ~ #g464p > .st2{fill:#FFF; cursor: pointer;} /* bulles bleu fonce hover */ svg #path748:hover, svg #path716:hover, svg #path292:hover, svg #path314:hover, svg #path340:hover, svg #path134:hover {fill:#486090; cursor: pointer;} svg #path716:hover ~ #g158 > .st4, svg #g294:hover ~ #g304 > .st4, svg #path314:hover ~ #g330 > .st4, svg #path340:hover ~ #g350 > .st4, svg #path134:hover ~ #g158 > .st4{ fill:#FFF; cursor: pointer;} /****************************************************************************************************/ .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) { 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; }