img#1px {width: 1px !important; height: 1px !important; margin: 0 !important; padding: 0 !important;} /*######################### FONTS ##############################*/ @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300); @font-face { font-family: 'League Gothic'; src: url('leaguegothic-italic-webfont.eot'); src: url('leaguegothic-italic-webfont.eot?#iefix') format('embedded-opentype'), url('leaguegothic-italic-webfont.woff') format('woff'), url('leaguegothic-italic-webfont.ttf') format('truetype'), url('leaguegothic-italic-webfont.svg#league_gothic_italicregular') format('svg'); font-weight: normal; font-style: italic; } /* Italic */ @font-face { font-family: 'League Gothic'; src: url('leaguegothic-regular-webfont.eot'); src: url('leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'), url('leaguegothic-regular-webfont.woff') format('woff'), url('leaguegothic-regular-webfont.ttf') format('truetype'), url('leaguegothic-regular-webfont.svg#league_gothicregular') format('svg'); font-weight: normal; font-style: normal; } /*######################### RESET ##############################*/ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h1,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h1,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;} /*######################### RESET FORM ##############################*/ input,label,select,button,textarea{ margin:0;border:0;padding:0;display:inline-block;vertical-align:middle;white-space:normal;background:none;line-height:1;font-size:13px;font-family:Arial;} input:focus{outline:0;} input,textarea{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} button,input[type=reset],input[type=button],input[type=submit],input[type=checkbox],input[type=radio],select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} input[type=date],input[type=datetime],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{} input[type=checkbox],input[type=radio]{width:13px;height:13px;} input[type=file]{} input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;} ::-webkit-search-decoration{display:none;} button,input[type="reset"],input[type="button"],input[type="submit"]{overflow:visible;width:auto;} ::-webkit-file-upload-button{ padding:0;border:0;background:none;} textarea {vertical-align:top;overflow:auto;} select{} select[multiple] {vertical-align:top;} body, html{height:100%;} html {-webkit-font-smoothing: antialiased;} body{margin:0;padding:0;width:100%;position:relative; overflow-x:hidden;font-family: 'Roboto Condensed', serif;font-size:1.1em;color:#292b2b;line-height:150%;font-weight:400; height:100%;} a.clickable { cursor: pointer; } strong{font-weight: bold;} p strong{font-family: 'Roboto Condensed', serif; font-weight:900;} h1, h2, h4, h5{padding: 0;font-weight: normal;line-height: normal;letter-spacing: 0.5px;} h3{letter-spacing: 0.5px;} hr{border-top:1px solid #e8e8e8} a{color:#36a8e0; text-decoration:none;} .main-cont p img{width:100% !important;height:auto !important;display:block;} li, a, span, header #top-menu nav ul li a::before, .share, #logo, header .share img, .gallery-inside ul li .thumb-hover img, header #top-menu nav ul li:first-child img, #drop-menu, header #drop-menu .carrousel .item, header #drop-menu .carrousel .item a img, header #top-menu, header #drop-menu .carrousel .item .thumb-hover, .media ul li a img, .media ul li a, #screen a span img, #screen a, .item, .item a img, .item .thumb-hover, .item .carrousel-texte, #main .gallery-inside ul li .thumb-hover, #mobile-menu, header #top-menu, .mobi-menu, .mobi2-menu, .big-cont-slide .cont-slide .cont-in, .big-cont-slide .cont-slide a, .big-cont-slide .cont-slide h2::before, #screen .cont-screen, #screen .screen-bloc h3::before, .thumbs .up, .thumbs .down, .grid-item .thumb-hover img, .grid-item .thumb-hover, #main .main-cont .big-service h2 img, #main .main-cont .small-service-two h2 img, #main .main-cont .small-service h2 img, #main .main-cont .big-service, #main .main-cont .small-service-two, #main .main-cont .small-service, #main .main-cont .arrow-service, .gridder-list b, .gridder-list h3, .gridder-list img, header #top-menu nav.second ul li .subnav, .toutvoir img{-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} header #search-bloc{-o-transition:.7s;-ms-transition:.7s;-moz-transition:.7s;-webkit-transition:.7s;transition:.7s;} .clear{clear:both;} .clearfix:after { content:""; display:block; clear:both; } .bouton { color: #000000; text-decoration: none; text-transform: uppercase; display: inline-block; padding: 5px 10px 5px 10px; border: 1px solid #000000; font-size: 0.8em; } .bouton:hover { color:#36a8e0 !important; } #ajaxLoader{display:block;margin:50px auto 0 auto;width:30px;position:relative;float:none;} .infiniteScroll{background-color:#36a8e0;padding:10px;color:#ffffff;text-transform:uppercase;margin:20px auto 0 auto;position:relative;display:block;font-family:"League Gothic", sans-serif;width:140px;text-align:center;font-size:23px;} .seo_contenus ul{text-align:center;} .seo_contenus ul li{display:inline-block;border-right:1px solid #e8e8e8;padding:0px 10px 0px 10px; font-size:14px;} .seo_contenus ul li:last-child{border-right:0;} .seo_contenus{padding:100px;} .seo_contenus ul li a{color:#cccccc;} .seo_contenus ul li a:hover{color:#36a8e0;} .normal{text-decoration:none;color:#00699c} i.type-1{position:absolute;right:0.5px;top:-1px;height:50px;width:50px;background:url(../img/icon-mag.png)no-repeat center center;z-index:99999;background-size:60%;} i.type-2{position:absolute;right:0.5px;top:-1px;height:50px;width:50px;background:url(../img/icon-photo.png)no-repeat center center;z-index:99999;background-size:60%;} i.type-3{position:absolute;right:0.5px;top:-1px;height:50px;width:50px;background:url(../img/icon-video.png)no-repeat center center;z-index:99999;background-size:60%;} /*------------------------------------------------------------------------------------------------------------------------*/ /* header */ /*------------------------------------------------------------------------------------------------------------------------*/ #fix{/* height:100%; */ width:100%;position:relative;} header{width:100%;height:auto;position:fixed;z-index:999;} header #logo{position:fixed;top:10px;width:125px;height:auto;left:100px;z-index:9999; } header #logo img{width:100%;height:auto;display:block;} header #top-menu{background-color:rgba(25, 25, 25, 1);height:75px;width:100%;position:fixed;z-index:1;top:0;} header #top-menu nav.first ul{float:left;margin-left:295px;} header #top-menu nav.first ul li{float:left;margin-left:40px;position:relative;height:75px;font-family:"League Gothic", sans-serif;color:#ffffff;text-decoration:none;text-transform:uppercase;font-size:1.3em;cursor:pointer;letter-spacing: 0.5px;} header #top-menu nav.first ul li:first-child{margin-left:0;padding-top:0;cursor:pointer;width:67px; overflow:hidden;} header #top-menu nav.first ul li:first-child a::before{display:none;} header #top-menu nav.first ul li:first-child img{position:absolute;width:67px;height:75px;display:block;} header #top-menu nav.first ul li:first-child img:first-of-type{top:0;} header #top-menu nav.first ul li:first-child img:last-of-type{top:75px;} header #top-menu nav.second ul{float:right;margin-right:70px;position:relative;} header #top-menu nav.second ul li{float:left;margin:0 10px 0 10px;position:relative;height:50px;padding-top:25px;font-family:"Roboto Condensed", sans-serif;color:#a5a5a5;text-decoration:none;text-transform:uppercase;font-size:0.85em;cursor:pointer;} header #top-menu nav.second ul li .container {overflow: hidden; position: relative; height: 50px;} header #top-menu nav.second ul li a{font-family: 'Roboto Condensed', sans-serif;color: #666666;text-decoration:none;text-transform:uppercase;font-weight:700;} header #top-menu nav.second ul li a:hover{color:#36a8e0} header #top-menu nav.second ul li .container a::before{content:'';width:50px;height:50px;display:block;background-color:#36a8e0;position:absolute;bottom:-100px;left:50%;margin-left:-25px;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);} header #top-menu nav.second ul li:hover a::before{bottom:-50px;} header #top-menu nav.second ul li.search{background:url(../img/search.png)no-repeat;background-position:20px;padding-top:25px;height:50px;padding-left:0;width:40px; overflow:hidden; background-color: rgba(54, 54, 54, 0);background-size:17px !important;} header #top-menu nav.second ul li.search input{width:180px;color:#ffffff;position:absolute;left:-200px;padding-left:60px;overflow:hidden;font-size: 17px;padding-top:3px;} header #top-menu nav.second ul li.search a::before{display:none} header #top-menu nav.second > ul > li:last-child{margin-left:0;padding-top:0;cursor:pointer;width:67px;} header #top-menu nav.second > ul > li:last-child a::before{display:none;} header #top-menu nav.second > ul > li:last-child img{position:absolute;} header #top-menu nav.second > ul > li:last-child img:first-of-type{top:0;} header #top-menu nav.second > ul > li:last-child img:last-of-type{top:75px;} header #top-menu nav.second > ul > li:last-child{display:none;} header #top-menu nav.second ul li:hover .subnav, header #top-menu nav.second ul li .subnav.on {display: flex; justify-content: flex-end;opacity:1;} header #top-menu nav.second ul li .subnav {opacity:0;background-color: rgba(54, 54, 54, 1);/* background-color: #36a8e0; */ /* position:absolute; */ float:none; margin:0; display:none; position:fixed; width: 100vw; right:0; text-align:right; padding: 0 20px;} header #top-menu nav.second ul li .subnav > ul {margin:0;} header #top-menu nav.second ul li .subnav li {/* float:left; */float:none; display:inline-block; margin:0; padding:0; height: auto; border-right: 1px solid #212121; } header #top-menu nav.second ul li .subnav li:last-of-type {border-right: none;} header #top-menu nav.second ul li .subnav li a {padding: 15px 30px; display:block;color:#ffffff !important} header #top-menu nav.second ul li .subnav li a:hover {color: #fff; background-color: rgba(255,255,255,0.2);} /* header #top-menu nav.second li.social {margin:0 5px 0 5px;position:absolute;top:-20px;right:0;} header #top-menu nav.second li:nth-of-type(5){margin-right:0;} header #top-menu nav.second li:nth-of-type(6){right:56px;} header #top-menu nav.second li:nth-of-type(7){right:28px;} header #top-menu nav.second li:nth-of-type(8){right:0px;} header #top-menu nav.second li.social img{height: 19px;} */ li.social {margin:0 0px 0 0px;display:inline-block;} li.social:first-child{margin-left:-15px;} li.social img{height: 45px;} .mobi, .mobi2{cursor:pointer;} header .share{position:fixed;top:25px;right:30px;width:20px;height:30px;cursor:pointer;display:block;z-index:9999;} header .share img{width:100%;height:auto;display:block;position:absolute;} header .share img:first-of-type{right:0;} header .share img:last-of-type{right:-200px;} header .share:hover img:first-of-type{right:-200px;} header .share:hover img:last-of-type{right:0;} /*------------------------------------------------------------------------------------------------------------------------*/ /* header carrousel */ /*------------------------------------------------------------------------------------------------------------------------*/ header #drop-menu{width:100%;height:auto;position:fixed;background-color:rgba(20, 20, 20, 0.8);top:-1500px;overflow:hidden; opacity:0; display:none;} header #drop-menu.on, header #drop-menu:hover {top:0!important; opacity: 1;} header #drop-menu .carrousel{} header #drop-menu .carrousel .item{width:150px;position:relative;padding:90px 1px 10px 1px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;/*padding:90px 15px 10px 15px;border-left:1px solid #000000;*/} header #drop-menu .carrousel .item:hover{-webkit-box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.61);-moz-box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.61);box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.61);} header #drop-menu .carrousel .item a{text-decoration:none;} header #drop-menu .carrousel .item a img{width:100%;height:auto;} header #drop-menu .carrousel .item a h3{color:#ffffff;font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:10px;font-size:1.2em;} header #drop-menu .carrousel .item a h3::before{content:'[ '} header #drop-menu .carrousel .item a h3::after{content:' ]'} header #drop-menu .carrousel .item .carrousel-image{overflow:hidden;position:relative;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.8);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.8);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.8);} header #drop-menu .carrousel .item .carrousel-image .thumb-hover{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(255,255,255,0)} header #drop-menu .carrousel .item:hover .carrousel-image .thumb-hover{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(255,255,255,0.2)} header #drop-menu .carrousel .item .carrousel-image .thumb-hover img{opacity:0;width:1px;height:1px;margin-top:-0.5px;margin-left:-0.5px;position:absolute;left:50%;top:50%;} header #drop-menu .carrousel .item:hover .carrousel-image .thumb-hover img{opacity:1;width:60px;height:60px;margin-top:-30px;margin-left:-30px;position:absolute;left:50%;top:50%;-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg);} /*------------------------------------------------------------------------------------------------------------------------*/ /* Slide et bannière */ /*------------------------------------------------------------------------------------------------------------------------*/ /* .big-cont-slide{height:95%;position:relative;} .big-cont-slide .cont-slide .cont-in{position:absolute;bottom:80px;left:100px;width:600px;overflow:hidden;} .big-cont-slide .cont-slide h2{font-family:"League Gothic", sans-serif;color:#ffffff;text-transform:uppercase;font-size:3.5em;text-align:left;padding-right:50px;margin-left:30px;} .big-cont-slide .cont-slide h2::before{content:''; width:5px;height:130px;margin-top:5px;background-color:#36a8e0 ;display:block;left:0px;position:absolute;} .big-cont-slide .cont-slide a{color:#ffffff;text-decoration:none;text-transform:uppercase;font-size:1.2em;display:inline-block;padding:5px 10px 5px 10px;border:2px solid #ffffff;position:absolute;left:30px;bottom:-400px;z-index:99999;} .big-explorer{position:absolute;bottom:100px;width:120px;height:120px;bottom:100px;right:100px;z-index:9;display:none;} .big-explorer img{width:100%;height:auto;} .big-cont-slide:hover a{bottom:0px;} .big-cont-slide:hover .cont-slide .cont-in{padding-bottom:60px;} .big-cont-slide:hover h2::before{height:225px;} .big-cont-slide a:hover{color:#36a8e0} */ /* .pub{height:auto;width:100%;position:relative;background-color:rgba(0, 0, 0, 1);clear:both; background: url('/img/default-ban.jpg')no-repeat center center;background-size: cover;} .pub img{max-width:300px;max-height:250px;display:block;margin:0 auto 0 auto;padding:20px 0 20px 0;width:100%;height:auto;} */ .p-cont{height:auto;width:100%;position:relative;background-color:rgba(0, 0, 0, 1);clear:both; background: url('/img/default-ban.jpg')no-repeat center center;display:flex;background-size: cover;} .p-cont .wrap{width:100%;display:flex;justify-content: space-between;margin:0 auto 0 auto;} .p-cont .wrap.un{max-width:320px;} .p-cont .wrap.deux{max-width:640px;} .p-cont .wrap.trois{max-width:960px;} .p-cont .wrap .p{padding:30px 10px 30px 10px;} .p-cont .wrap .p img:first-of-type{border:1px solid #ffffff;} .p-cont .p img{max-width:300px;max-height:250px;display:block;margin:0 auto 0 auto;width:100%;height:auto;} @media screen and (max-width:768px) { .publicite-cont .wrap{width:100%;display:flex;flex-direction: column;padding-top:10px;padding-bottom:10px;} .publicite-cont .wrap .publicite{padding:10px 10px 10px 10px;} } .big-cont-slide-production{height:95vh;position:relative;display:block;} .big-cont-slide-production .cont-slide .cont-in{position:absolute;top:50%;margin-top:-100px;left:50%;margin-left:-300px;width:600px;overflow:hidden;z-index:99;} .big-cont-slide-production .cont-slide h1{font-family:"League Gothic", sans-serif;color:#ffffff;text-transform:uppercase;font-size:3.5em;text-align:center;padding:0 100px 0 100px;} .big-cont-slide-production .cont-slide p{color:#ffffff;text-align:center;margin-top:15px;} .ban-photo{position:relative;height:500px;width:100%;background-color:#aaa;background-position:center center;background-repeat: no-repeat; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;position:relative;-webkit-box-shadow: inset 0px -28px 47px -20px rgba(0,0,0,0.9);-moz-box-shadow: inset 0px -28px 47px -20px rgba(0,0,0,0.9);box-shadow: inset 0px -28px 47px -20px rgba(0,0,0,0.9);} .ban-photo.no-photo {height: 200px;background-position:center center;background-repeat: no-repeat; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; background-image:url('../img/default-ban.jpg');} .ban-photo.client.no-photo {height: 500px;background-position:center center;background-repeat: no-repeat; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; background-image:url('../img/default-ban.jpg');} .vertical-align{position:absolute;top:75px;bottom:0;right:150px;height:425px;display:table} .vertical-align .align-fix{display:table-cell;vertical-align: middle;} .client-image{box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:5px;background-color:#ffffff;-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);border-radius:5px;max-width:250px;max-height:250px;position:relative;} .client-image img{display:block;width:100%;height:auto;border:1px solid #cccccc;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:20px} /*------------------------------------------------------------------------------------------------------------------------*/ /* media */ /*------------------------------------------------------------------------------------------------------------------------*/ .media{width:40px;/* height:130px; */background-color:#36a8e0;position:fixed;right:-5px;top:330px;z-index:99; padding-bottom: 25px; padding-top: 58px; padding-right:5px; transition: all 500ms ease;} .media:hover {right: 0;} .media a {color: #fff; font-weight:bold; text-transform:uppercase;} .media .rotate { display:block; -ms-transform: rotate(-90deg); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ transform: rotate(-90deg); } .media ul{margin-top:15px;margin-left:0px;} .media ul li{width:20px;height:auto;margin-top:15px;margin-left:11px;} .media ul li:first-child{margin-left:12px;} .media ul li a img{width:100%;height:auto;display:block;} .media ul li a:hover img{-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);} .thumbs{position:absolute;right:100px;top:50%;margin-top:-25px;} .thumbs.under{position:absolute;right:0px;bottom:50px;top:inherit;margin-top:inherit;} .thumbs .up{right:65px;top:0;width:50px;} .thumbs .down{right:0px;top:0;width:50px;} .thumbs .up:hover{top:-5px;} .thumbs .down:hover{top:5px;} .thumbs img{cursor:pointer;display:block;position:absolute;} .thumbs img:hover{opacity:0.7;} .share-content{margin-top:50px;display:block;position:relative;margin-bottom:50px;} #fix #main .main-cont .share-content a.share-btn{cursor:pointer;display:inline-block;padding:12px 15px 10px 40px;color:#ffffff !important;text-transform:uppercase;text-decoration:none;font-family:"League Gothic", sans-serif;font-size:2em;margin-right:10px;} .share-content a.share-btn.share-facebook:hover, .share-content a.share-btn.share-twitter:hover{background-color:#1b1b1b;} .share-content a.share-btn.share-facebook{background:#3b579d url('../img/facebook.png')no-repeat 10px center; background-size:9%;color:#ffffff !important;} .share-content a.share-btn.share-twitter{background:#00abec url('../img/twitter.png')no-repeat 10px center; background-size:9%;color:#ffffff !important;} #medias_sociaux{border-radius:0;} #medias_sociaux span:first-of-type{padding:33px 0 30px 0px;width:100%;display:block;background:#3b579d;display:block;} #medias_sociaux span:last-of-type{padding:33px 0 30px 0px;width:100%;display:block;background:#00abec;display:block;} #medias_sociaux span a.share-facebook{padding-left:30px;margin-left:15px;color:#ffffff;text-transform:uppercase;font-family:"League Gothic", sans-serif;background: url('../img/facebook.png')no-repeat left center; background-size:11%;text-align:left;display:inline-block;font-size:1.5em;} #medias_sociaux span a.share-twitter{padding-left:30px;margin-left:15px;color:#ffffff;text-transform:uppercase;font-family:"League Gothic", sans-serif;background: url('../img/twitter.png')no-repeat left center; background-size:11%;text-align:left;display:inline-block;font-size:1.5em;} /*------------------------------------------------------------------------------------------------------------------------*/ /* main */ /*------------------------------------------------------------------------------------------------------------------------*/ #main .error{padding-top:150px;padding-bottom:50px;background:#36a8e0 url('../img/error404.png') no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;width:100%;} .accueil #main{margin-top:0;border:0; padding-top:50px;} @media screen and (min-width:768px){ .accueil #main{padding-top: 0px;} } #main{width:100%;position:relative;z-index:1;height:auto; /* padding-top: 70px; */} #main .main-cont{width:100%;margin:0 auto 0 auto;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding:50px 100px 50px 100px;max-width:2000px} #main .main-cont p{margin-bottom:20px} #main h1{font-family:"League Gothic", sans-serif; font-size:3em;text-transform:uppercase;color:#1b1b1b;margin-left:0px;position:relative;display:inline-block;width:auto;} #main h2{font-family:"League Gothic", sans-serif; font-size:2em;text-transform:uppercase;color:#1b1b1b;margin-left:50px;position:relative;display:inline-block;height:50px;width:auto;} .accueil #main .main-cont.clearfix h2{font-family:"League Gothic", sans-serif; font-size:2.3em;text-transform:uppercase;color:#1b1b1b;margin-left:0px;position:relative;height:auto;width:auto;margin-bottom:5px;line-height:120%;display:block;text-align: left;} .accueil #main .main-cont.clearfix h3{font-family:"League Gothic", sans-serif; font-size:1.8em;text-transform:uppercase;color:#1b1b1b;margin-left:0px;position:relative;display:inline-block;height:auto;width:auto;margin-bottom:5px;line-height:120%;display:block;} .accueil #main .main-cont.clearfix em{font-style: italic;}x .accueil #main .main-cont.clearfix ul{margin-left:25px;margin-bottom:15px;} .accueil #main .main-cont.clearfix ul li{list-style:disc;} .accueil #main .main-cont.clearfix ul.bxslider-small{margin-left:inherit;margin-bottom:inherit;} .accueil #main .main-cont.clearfix ul.bxslider-small li{list-style:inherit;background-position:center center;} #main h4{font-family:"League Gothic", sans-serif; font-size:1.5em;text-transform:uppercase;color:#1b1b1b;margin-left:0px;position:relative;display:inline-block;height:30px;width:auto;margin-bottom:5px;} #main .main-head{background-color:#ffffff;position:relative;max-width:2000px;width:100%;margin:0 auto 0 auto;} #main .main-head .main-head-left{width:50%;height:50px;float:none;;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;height:auto;position:absolute;padding-left:100px;top:50%;padding-right:50px;transform: translate(0%, -50%); } #main .main-head .main-head-right{margin-left:50%;width:50%;float:left;background-color:#e8e8e8;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:50px 50px 40px 50px;} #main .main-head .main-head-top{width:100%;float:none;;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;height:auto; padding:50px 50px 40px 50px;} #main .main-head .main-head-bottom{width:100%;float:none;;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;height:auto; padding:50px 50px 40px 50px; background-color:#e8e8e8;} #main .main-head.no-text .main-head-left{width:50%;height:100px;float:none;;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;position:relative;left:100px;top:inherit;margin-top:0;padding-top:23px} #main .main-head.no-text .main-head-right{display:none;} #main p{/* font-size:0.9em; */} #main .main-head .main-head-left .wrap h1 {color:#1b1b1b;margin:0;} .withStyle ul { padding-left: 30px; } .withStyle ul li { list-style: disc; padding-bottom: 10px; } #main .main-head-contact{height:auto;} #main .main-head-contact .bloc-4{position:relative;width:25%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;border:1px solid #e8e8e8;float:left;min-height:160px;height:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:35px 25px 25px 25px;} #main .main-head-contact .bloc-4 p{line-height:100%;color:#36a8e0} #main .main-head-contact .bloc-4:nth-of-type(2){min-height:160px;height:auto;} #main .main-head-contact .bloc-4 #map_client{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;} #main .main-head-contact .bloc-4 a{color:#36a8e0;text-decoration:none;} #main .main-head-contact .bloc-3{position:relative;width:33.33333%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;border:1px solid #e8e8e8;float:left;min-height:160px;height:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:35px 25px 25px 25px;} #main .main-head-contact .bloc-3 p{line-height:100%;color:#36a8e0} #main .main-head-contact .bloc-3 #map_client{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;} #main .main-head-contact .bloc-3 a{color:#36a8e0;text-decoration:none;} #main .main-head-contact .bloc-2{position:relative;width:50%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;border:1px solid #e8e8e8;float:left;min-height:160px;height:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:35px 25px 25px 25px;} #main .main-head-contact .bloc-2 p{line-height:100%;color:#36a8e0} #main .main-head-contact .bloc-2 #map_client{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;} #main .main-head-contact .bloc-2 a{color:#36a8e0;text-decoration:none;} #main .main-head-contact .bloc-1{position:relative;width:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;border:1px solid #e8e8e8;float:left;min-height:160px;height:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:35px 25px 25px 25px;} #main .main-head-contact .bloc-1 p{line-height:100%;color:#36a8e0} #main .main-head-contact .bloc-1 #map_client{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;} #main .main-head-contact .bloc-1 a{color:#36a8e0;text-decoration:none;} #main .main-head-template{background-color:#ffffff;position:relative;max-width:2000px;width:100%;margin:0 auto 0 auto;} #main .main-head-template .main-head-left{width:100%;height:50px;float:none;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;height:auto;padding:50px 100px 50px 100px;position:relative;} #main .main-head-template .main-head-right{margin-left:0%;width:100%;float:left;background-color:#e8e8e8;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:50px 100px 50px 100px;} #main p{/* font-size:0.9em; */ margin-bottom: 0.7em;} #main .main-head-template .main-head-left h1 {color:#1b1b1b;margin:0;padding-right:100px;line-height:105%;} #main .main-head-template .main-head-left h1 a{text-decoration:none;display:inline-block;font-size:0.8em;} .video{max-height:500px;height:100%;overflow:hidden;} .videoWrapper {position: relative;padding-bottom: 56.45%; /* 16:9 */padding-top: 0px;max-height:500px;} .videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;max-height:500px;} .gallery-inside{} .gallery-inside ul li{width:33.3333333%;display:block;cursor:pointer;float:left;position:relative;} .gallery-inside ul li img{width:100%;height:auto;display:block;} .gallery-inside ul li img:hover{opacity:0.7;} .gallery-inside ul li .thumb-hover{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(255,255,255,0);cursor:pointer;} .gallery-inside ul li .thumb-hover img{opacity:0;width:1px;height:1px;margin-top:-0.5px;margin-left:-0.5px;position:absolute;left:50%;top:50%;} .gallery-inside ul li:hover .thumb-hover img{opacity:1;width:80px;height:80px;margin-top:-35px;margin-left:-40px;position:absolute;left:50%;top:50%;-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg);} .gallery-inside ul li:hover .thumb-hover{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(255,255,255,0.2)} .ban-inside-large{width:100%;position:relative;} .ban-inside-large .ban-cont{width:50%;position:absolute;left:0;height:100%;top:0;bottom:0;display:block;} .ban-inside-large .video{width:50%;margin-left:50%;float:left;} .ban-inside-side{width:500px;position:relative;float:right;margin-left:30px;margin-bottom:30px;} .ban-inside-side .ban-cont{width:100%;position:relative;height:300px;display:block;} .ban-inside-side .video{width:100%;} .slick-slider .slick-track {display:flex;} .slick-slider .slick-track .slick-slide {background-color: #000;} /*------------------------------------------------------------------------------------------------------------------------*/ /* liste et carrousel */ /*------------------------------------------------------------------------------------------------------------------------*/ /* À supprimer éventuellement ------------- .list .item{width:20%;float:left;height:auto;margin-left:0%;margin-bottom:0%;position:relative;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:1px;} .list .item:nth-of-type(5n+1){clear:both;} .list .item a{text-decoration:none;} .list .item a img{width:100%;height:auto;display:block;} .list .item .carrousel-image{overflow:hidden;position:relative;-webkit-box-shadow: inset 0px -28px 47px -20px rgba(0,0,0,0.9);-moz-box-shadow: inset 0px -28px 47px -20px rgba(0,0,0,0.9);box-shadow: inset 0px -28px 47px -20px rgba(0,0,0,0.9);} .list .item .carrousel-image .thumb-hover{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(255,255,255,0)} .list .item .carrousel-image .thumb-hover img{opacity:0;width:1px;height:1px;margin-top:-0.5px;margin-left:-0.5px;position:absolute;left:50%;top:50%;} .list .item .carrousel-texte{background-color:#1b1b1b;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:5px 15px 10px 15px;overflow:hidden;position:relative;} .list .item .carrousel-texte img{position:absolute;width:20px;height:auto;margin-left:-10px;left:50%;display:block;bottom:50px;z-index:-1;} .list .item .carrousel-texte b{font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:1em;font-weight:normal;color:#36a8e0;text-align:center;display:block;letter-spacing: 0.5px;} .list .item .carrousel-texte h3{color:#ffffff;font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:1.4em;letter-spacing: 0.5px;} .list .item:hover .carrousel-texte{background-color:#36a8e0;} .list .item:hover .carrousel-texte b{color:#1b1b1b} .list .item:hover .carrousel-texte img{position:absolute;width:20px;height:auto;margin-left:-10px;left:50%;display:block;bottom:-30px;display:none;} .list .item:hover .carrousel-image .thumb-hover img{opacity:1;width:80px;height:80px;margin-top:-35px;margin-left:-40px;position:absolute;left:50%;top:50%;-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg);} .list .item:hover .carrousel-image .thumb-hover{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(255,255,255,0.2)} -----------------------------*/ .list{box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:1px 0.5px 10px 0.5px;} .list .item{width:20%;float:left;height:auto;margin-left:0%;margin-bottom:0%;position:relative;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:1px;} .list .item:nth-of-type(5n+1){clear:both;} .list .item a{text-decoration:none;} .list .item a img{width:100%;height:auto;display:block;} .list .item .carrousel-image{overflow:hidden;position:relative;} .list .item .carrousel-image .thumb-hover{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(255,255,255,0)} .list .item .carrousel-image .thumb-hover img{opacity:0;width:1px;height:1px;margin-top:-0.5px;margin-left:-0.5px;position:absolute;left:50%;top:50%;} .list .item .carrousel-texte{background-color:#1b1b1b;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:5px 15px 10px 15px;min-height:93px;display:table;width:100%;} .list .item .carrousel-texte .align{vertical-align: middle;display:table-cell} .list .item .carrousel-texte img{position:absolute;width:20px;height:auto;margin-left:-10px;left:50%;display:block;bottom:50px;z-index:-1;} .list .item .carrousel-texte b{font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:1em;font-weight:normal;color:#36a8e0;text-align:center;display:block;letter-spacing: 0.5px;} .list .item .carrousel-texte h3{color:#ffffff;font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:1.4em;letter-spacing: 0.5px;} /* .carrousel-odd .item:hover {margin-top:-5px} */ .list .item:hover .carrousel-texte{background-color:#36a8e0;} .list .item:hover .carrousel-texte b{color:#1b1b1b} .list .item:hover .carrousel-texte img{position:absolute;width:20px;height:auto;margin-left:-10px;left:50%;display:block;bottom:-30px;display:none;} .list .item:hover .carrousel-image .thumb-hover img{opacity:1;width:80px;height:80px;margin-top:-40px;margin-left:-40px;position:absolute;left:50%;top:50%;-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg);} .list .item:hover .carrousel-image .thumb-hover{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(255,255,255,0.2)} .carrousel-cont{position:relative;margin-bottom:30px;margin-top:50px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:0 11px 0 10px} .carrousel-acc{margin:0px 0 1px 0;overflow:hidden;} .carrousel-acc .item{width:150px;margin:0px 2px 0px 2px;position:relative;padding-bottom:0px;/*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9);*/} .carrousel-acc .item a{text-decoration:none;} .carrousel-acc .item a img{width:100%;height:auto;} .carrousel-acc .item .carrousel-image{overflow:hidden;position:relative;} .carrousel-acc .item .carrousel-image .thumb-hover{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(255,255,255,0)} .carrousel-acc .item .carrousel-image .thumb-hover img{opacity:0;width:1px;height:1px;margin-top:-0.5px;margin-left:-0.5px;position:absolute;left:50%;top:50%;} .carrousel-acc .item .carrousel-texte{background-color:#1b1b1b;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:5px 15px 10px 15px;} .carrousel-acc .item .carrousel-texte img{position:absolute;width:20px;height:auto;margin-left:-10px;left:50%;display:block;bottom:50px;z-index:-1;} .carrousel-acc .item .carrousel-texte b{font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:1em;font-weight:normal;color:#36a8e0;text-align:center;display:block;letter-spacing: 0.5px;} .carrousel-acc .item .carrousel-texte h3{color:#ffffff;font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:1.4em;letter-spacing: 0.5px;} /*.carrousel-acc .item:hover {margin-top:-5px}*/ .carrousel-acc .item:hover .carrousel-texte{background-color:#36a8e0;} .carrousel-acc .item:hover .carrousel-texte b{color:#1b1b1b} .carrousel-acc .item:hover .carrousel-texte img{position:absolute;width:20px;height:auto;margin-left:-10px;left:50%;display:block;bottom:-30px;display:none;} .carrousel-acc .item:hover .carrousel-image .thumb-hover img{opacity:1;width:80px;height:80px;margin-top:-35px;margin-left:-40px;position:absolute;left:50%;top:50%;-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg);} .carrousel-acc .item:hover .carrousel-image .thumb-hover{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(255,255,255,0.2)} .carrousel-odd{margin:0px 0 0px 0;overflow:hidden;} .carrousel-odd .item{width:150px;margin:0px 2px 0px 2px;position:relative;padding-bottom:0px;/*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9);*/} .carrousel-odd .item a{text-decoration:none;} .carrousel-odd .item a img{width:100%;height:auto;} .carrousel-odd .item .carrousel-image{overflow:hidden;position:relative;} .carrousel-odd .item .carrousel-image .thumb-hover{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(255,255,255,0)} .carrousel-odd .item .carrousel-image .thumb-hover img{opacity:0;width:1px;height:1px;margin-top:-0.5px;margin-left:-0.5px;position:absolute;left:50%;top:50%;} .carrousel-odd .item .carrousel-texte{background-color:#1b1b1b;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:5px 15px 10px 15px;min-height:93px;height: 93px;display:table;width:100%;} .carrousel-odd .item .carrousel-texte .align{vertical-align: middle;display:table-cell} .carrousel-odd .item .carrousel-texte img{position:absolute;width:20px;height:auto;margin-left:-10px;left:50%;display:block;bottom:50px;z-index:-1;} .carrousel-odd .item .carrousel-texte b{font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:1em;font-weight:normal;color:#36a8e0;text-align:center;display:block;letter-spacing: 0.5px;} .carrousel-odd .item .carrousel-texte h3{color:#ffffff;font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:1.4em;letter-spacing: 0.5px;} /* .carrousel-odd .item:hover {margin-top:-5px} */ .carrousel-odd .item:not(.not-target):hover .carrousel-texte{background-color:#36a8e0;} .carrousel-odd .item:not(.not-target):hover .carrousel-texte b{color:#1b1b1b} .carrousel-odd .item:not(.not-target):hover .carrousel-texte img{position:absolute;width:20px;height:auto;margin-left:-10px;left:50%;display:block;bottom:-30px;display:none;} .carrousel-odd .item:not(.not-target):hover .carrousel-image .thumb-hover img{opacity:1;width:80px;height:80px;margin-top:-40px;margin-left:-40px;position:absolute;left:50%;top:50%;-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg);} .carrousel-odd .item:not(.not-target):hover .carrousel-image .thumb-hover{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(255,255,255,0.2)} .carrousel-odd .carrousel-texte a {display: block; margin-bottom: 5px; padding: 0px; transition: all 500ms ease;} .carrousel-odd .item.not-target .carrousel-texte a:hover {background-color: rgba(255,255,255,0.1); display:block;} .toutvoir{position:absolute;width:50px;height:auto;right:-80px;top:-8px;} .toutvoir img{width:100%;height:auto;display:block;} .toutvoir img:hover{opacity:0.7;} .share-content .tags{margin-top:30px;padding-right:75px} .share-content .tags li{display:inline-block;margin-right:3px;margin-bottom:6px} .share-content .tags li a{color:#1b1b1b;background-color:#e8e8e8;display:block;padding:5px 10px 5px 10px;text-decoration:none;text-transform:uppercase;font-size:0.8em;} .share-content .tags li a:hover{background-color:#1b1b1b;color:#ffffff;} /*------------------------------------------------------------------------------------------------------------------------*/ /* Accueil screen */ /*------------------------------------------------------------------------------------------------------------------------*/ #screen {width:100%;position:relative;height:100%; /* display:flex; flex-wrap:wrap; */} #screen .extra-big-screen, #screen .big-screen, #screen .small-screen, #screen .small-screen-1-2 { float:left; position:relative;display:block; height:0px; width:100%;background-color:#212121;background-position:center center;background-repeat: no-repeat; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;position:relative;-webkit-box-shadow: inset 0px -28px 47px -20px rgba(0,0,0,0.9);-moz-box-shadow: inset 0px -28px 47px -20px rgba(0,0,0,0.9);box-shadow: inset 0px -28px 47px -20px rgba(0,0,0,0.9); } #screen .extra-big-screen {display:block;padding-bottom: 50%;} #screen .big-screen{padding-bottom: 50%;z-index:99999;} #screen .small-screen{padding-bottom:33.5%;} #screen .small-screen-1-2{padding-bottom:25%; width:50%;} #screen .cont-screen{position:absolute;bottom:50px;left:90px;width:600px;overflow:hidden;} #screen .screen-bloc h3{font-family:"League Gothic", sans-serif;color:#ffffff;text-transform:uppercase;font-size:2em;text-align:left;padding-right:50px;margin-left:30px;padding-top:10px;padding-bottom:5px;line-height: 100%;text-shadow: 1px 1px 5px rgba(55, 55, 55, 1);} #screen .screen-bloc h3::before{content:''; width:5px;height:300px;margin-top:-7px;background-color:#36a8e0 ;display:block;left:0px;position:absolute;} #screen .screen-bloc a{color:#ffffff;text-decoration:none;text-transform:uppercase;font-size:1.2em;display:inline-block;padding:5px 10px 5px 10px;border:2px solid #ffffff;position:absolute;left:30px;bottom:-400px;z-index:99999;text-shadow: 1px 1px 5px rgba(55, 55, 55, 1);-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 1); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 1); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 1);} #screen .screen-bloc:hover a{bottom:0px;} #screen .screen-bloc:hover .cont-screen{padding-bottom:60px;} #screen .screen-bloc:hover h3::before{height:225px;} #screen .screen-bloc a:hover{color:#36a8e0} #screen .screen-bloc:hover span.hover-blanc{background-color:rgba(255, 255, 255, 0.1);position:absolute;left:0;right:0;top:0;bottom:0;} /*------------------------------------------------------------------------------------------------------------------------*/ /* Second menu */ /*------------------------------------------------------------------------------------------------------------------------*/ #main .menu-cont{width:100%;margin:0 auto 0 auto;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding:0px 30px 0px 30px;border;1px solid red;border-bottom:1px solid #dfdfdf;margin-bottom:30px;background-color: rgba(6, 6, 6, 0.9)} #categorie .menu-cont ul{text-align:center;width:auto;display:inline-block;position:relative;} #categorie .menu-cont ul li{float:left;margin-left:40px;margin-rigth:40px;position:relative;height:35px;padding-top:20px;overflow:hidden;letter-spacing: 0.5px;} #categorie .menu-cont ul li a{font-family:"League Gothic", sans-serif;color:#ffffff;text-transform:uppercase;font-size:1.5em;text-align:left;text-decoration:none;background:url('../img/arrow-down.png')no-repeat center center;padding-top:200px;} #categorie .menu-cont ul li a:hover{color:#36a8e0;padding-top:100px;} #mobile-menu{top:49px; left:-5000px; background-color:rgba(25, 25, 25, 0.85);position:absolute;height:90%;width:100%;z-index:99999;display:block;overflow:scroll;padding-bottom:50px;bottom:0;} #mobile-menu ul li{float:none;height:auto;padding:13px 0 10px 10px;width:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;border-bottom:1px solid #d0d0d0;position:relative;} #mobile-menu ul li input{width:97%;color:#ffffff;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;margin-left:0;height:50px;background:url(../img/search.png)no-repeat right center;padding-right:40px;} #mobile-menu ul li a{float:none;font-family:"Roboto Condensed", sans-serif; font-size:0.8em;color:#ffffff;text-decoration:none;text-transform:uppercase;width:100%;display:block;;} #mobile-menu ul li.mob-categorie, #mobile-menu ul li.mob-contact{font-family:"League Gothic", sans-serif; color:#ffffff;font-size:2em;margin-top:30px;text-transform:uppercase;padding-bottom:20px;} /*------------------------------------------------------------------------------------------------------------------------*/ /* footer */ /*------------------------------------------------------------------------------------------------------------------------*/ footer{background-color:#1b1b1b;min-height:200px;width:100%;position:relative;} footer .footer-cont .foot-menu{margin-right:550px;} footer .footer-cont .foot-menu ul{margin-top:10px} footer .footer-cont .foot-menu ul:nth-of-type(2) li a{background-color:#ffffff;color:#1b1b1b} footer .footer-cont .foot-menu ul li{float:none;display:inline-block;margin-right:5px;margin-top:10px;} footer .footer-cont .foot-menu ul li a{color:#ffffff;text-decoration:none;text-transform:uppercase; display:inline-block;padding:5px 10px 5px 10px;border:1px solid #ffffff;font-size:0.8em;} footer .footer-cont .foot-menu ul li a:hover{color:#36a8e0;} footer .footer-cont{max-width:2000px;width:100%;margin:0 auto 0 auto;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding:100px 100px 100px 100px;} footer .infolettre-cont{width:500px;margin:0 auto 0 auto;padding-bottom:75px;position: absolute;right:100px;top:100px;} footer .footer-cont h3{color:#ffffff;font-family:"League Gothic", sans-serif; font-size:2em;text-transform:uppercase;text-align:left;border-bottom:2px solid #36a8e0;padding-bottom:20px;} footer .footer-cont h3:first-of-type{text-align:left;} footer .footer-cont input{margin-top:20px;font-family:"League Gothic", sans-serif; font-size:1.5em;} footer .footer-cont input:first-of-type{background-color:#ffffff;height:55px;padding:0 20px 0 20px;width:75%;float:left;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} footer .footer-cont input:last-of-type{height:55px;padding:0 20px 0 20px;width:23%;float:left;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;background-color:#36a8e0;display:block;text-transform:uppercase;color:#ffffff;margin-left:2%;cursor:pointer} footer .infolettre-cont ul{margin-top:30px;display:block;} footer .infolettre-cont ul li{width:10%;margin-left:10%;float:left;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} footer .infolettre-cont ul li:first-child{margin-left:0%;} footer .infolettre-cont ul li:last-child{margin-right:15%;} footer .infolettre-cont ul li img{width:100%;height:auto;} footer #newsletter-confirmation {color: white; padding: 5px 0; position: relative; top: 10px;} /*------------------------------------------------------------------------------------------------------------------------*/ /* Page production */ /*------------------------------------------------------------------------------------------------------------------------*/ #main .main-cont.prod{padding-bottom:100px; display:flex; flex-wrap: wrap;} #main .main-cont .big-service{background-color:#ffffff;width:100%;border-bottom:1px solid #e8e8e8;position:relative;overflow:hidden;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;position:relative;padding-bottom:25px;overflow:hidden;padding:100px 50px 30px 50px; text-align:center;} #main .main-cont .small-service{background-color:#ffffff;width:50%;display:block;float:left;;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;position:relative;overflow:hidden;padding:50px 50px 20px 50px;} #main .main-cont .small-service-two{background-color:#ffffff;width:50%;display:block;float:left;border-left:1px solid #e8e8e8;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;position:relative;overflow:hidden;padding:50px 50px 20px 50px;} #main .main-cont .big-service p{text-align:center;} #main .main-cont a{text-decoration:none;} #main .main-cont h2{margin-left:0;margin-bottom:0px;text-align:center;display:block;} #main .main-cont .small-service-two h2{text-align:left;position:relative;padding-left:100px;} #main .main-cont .small-service h2{text-align:left;position:relative;padding-left:75px;} #fix #main .main-cont .big-service h2{font-size:3em;position:relative;margin-bottom:25px} .television #fix #main .main-cont .big-service h2{font-size:2em;} #main .main-cont .big-service h2 img{position:absolute;top:-70px;left:50%;margin-left:-50px;} #main .main-cont .small-service-two h2 img{position:absolute;top:50%;left:0;margin-top:-48px;} #main .main-cont .small-service h2 img{position:absolute;top:50%;left:-20px;margin-top:-45px;} #main .main-cont .arrow-service{width:40px;height:40px;position:absolute;right:0;bottom:0;} #main .main-cont .arrow-service img{width:100%;height:auto;display:block;} #main .main-cont .big-service:hover h2 img{-ms-transform: rotate(-15deg);-webkit-transform: rotate(-15deg);transform: rotate(-15deg);} #main .main-cont .small-service-two:hover h2 img{-ms-transform: rotate(-15deg);-webkit-transform: rotate(-15deg);transform: rotate(-15deg);} #main .main-cont .small-service:hover h2 img{-ms-transform: rotate(-15deg);-webkit-transform: rotate(-15deg);transform: rotate(-15deg);} #main .main-cont .big-service:hover .arrow-service, #main .main-cont .small-service:hover .arrow-service, #main .main-cont .small-service-two:hover .arrow-service{right:-50px} #main .main-cont .big-service:hover {background-color:#e8e8e8;} #main .main-cont .small-service-two:hover{background-color:#e8e8e8;} #main .main-cont .small-service:hover{background-color:#e8e8e8;} #main .main-cont .small-service-two a, #main .main-cont .small-service a, #main .main-cont .big-service a{color:#212121;} #portfolio *{-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} #portfolio{background-color:#e8e8e8;padding:50px 0 50px 0;} #fix #main #portfolio h2{font-size:3em;position:relative;margin-bottom:50px;text-align:center;display:block;margin-left:0;} #portfolio .portfolio-item{width:33.3333333%;float:left;border:1px solid #ffffff;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:25px 25px 50px 25px;position:relative;} #portfolio .portfolio-item:nth-of-type(3n+1){clear:both;} #portfolio .portfolio-item p{color:#212121} #portfolio .portfolio-item .portfolio-image{width:100%;height:300px;background: url('../img/big-image2-bw.jpg') no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;margin-bottom:20px;position:relative;overflow:hidden;} #portfolio .portfolio-item .portfolio-image img{width:50px;height:50px;position:absolute;right:5px;top:5px; z-index:1;} #portfolio .portfolio-item .portfolio-image .portfolio-details{background-color: rgba(15, 15, 15, 0.7);width:200px;height:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:20px;webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); z-index: 1; position: relative;} #portfolio .portfolio-item .portfolio-image .bg-image {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; -webkit-filter: grayscale(100%); filter: grayscale(100%); background: url('../img/big-image2-bw.jpg') no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #portfolio .portfolio-item .portfolio-image .portfolio-details h5{color:#ffffff;font-family:"League Gothic", sans-serif;font-size:1.2em;text-transform:uppercase;} #portfolio .portfolio-item .portfolio-image .portfolio-details span{font-size:0.8em;margin:5px 0px 15px 0;display:block;line-height:100%;color:#ffffff;} #portfolio .portfolio-item span.btn{color:#ffffff;font-family:"League Gothic", sans-serif;font-size:1.2em;text-transform:uppercase;padding:10px 15px 10px 15px;display:inline-block;background-color:#212121;position:absolute;bottom:0;right:25px;} #portfolio .portfolio-item .portfolio-image .portfolio-details .extra {opacity:0;} #portfolio .portfolio-item.over{background-color:#ffffff;} #portfolio .portfolio-item.over .portfolio-image .portfolio-details{width:100%;} #portfolio .portfolio-item.over .portfolio-image .portfolio-details h5{color:#00abec} #portfolio .portfolio-item.over .portfolio-image img{right:-65px;} #portfolio .portfolio-item.over span.btn{background-color:#00abec;} #portfolio .portfolio-item.over .btn a{color:white;} #portfolio .portfolio-item.over .portfolio-image .portfolio-details .extra {opacity:1;} #partenaires {clear:both; padding-top:100px;} #partenaires ul {display:flex; align-items: center; flex-grow: 1;} #partenaires ul li {padding: 30px; width: 100%; } #partenaires ul img {width:100%;} #portfolio .portfolio-image{/* -webkit-filter: grayscale(100%); filter: grayscale(100%); */} #equipe{background-color:#ffffff;padding:50px 0 0px 0;} #equipe li{} #equipe li * {z-index:1;} #equipe li .bg-image {position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-position: center center; z-index: 0; -webkit-filter: grayscale(100%); filter: grayscale(100%);} .clickable {cursor: pointer;} #clients {background-color:#ffffff;padding:50px 0 0px 0;} #clients h3 {line-height: 0.9em;} #clients h3 a {color: #000;} #clients h3 a:hover {background-color: transparent;} #clients li{} #clients li * {z-index:1;} #clients li .bg-image {position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-position: center center; z-index: 0; -webkit-filter: grayscale(100%); filter: grayscale(100%);} #fix #main #equipe h2{font-size:3em;position:relative;margin-bottom:50px;text-align:center;display:block;margin-left:0;} #map{height:500px;width:100%;position:relative;} #map iframe, #map #my_map{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;} #map .adresse{position:absolute;top:50%;margin-top:-40px;left:0;padding:20px 30px 20px 30px;display:inline-block;background-color:#212121;} #map .adresse p{font-family:"League Gothic", sans-serif;font-size:1.2em;text-transform:uppercase;-webkit-font-smoothing: antialiased;color:#ffffff;} #map .adresse p a{color:#00abec;text-decoration:none;} #map .adresse p a:hover{color:#ffffff;} /*----------------------------------------------------------------------------------------------------------------------*/ /* SLIDER PLUGIN*/ /*------------------------------------------------------------------------------------------------------------------------*/ .bx-viewport, .bx-wrapper{position:absolute;width:100%;height:100% !important;top:0;left:0;right:0;z-index:0;} .bxslider, .bxslider li, .oneslide, .oneslide li{height: 100% !important;margin-bottom:100px;} .bxslider li, .oneslide li {background-repeat: no-repeat;background-position: top center;background-size: cover;} .bxslider-small, .bxslider-small li{height: 100% !important;margin-bottom:100px;} .bxslider-small li{background-repeat: no-repeat;background-position: bottom center;background-size: cover;z-index:99;} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute;top: 75px;left:46px;z-index:99999999999999999;} /* LOADER */ .bx-wrapper .bx-loading {min-height: 50px;background: url(images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;} /* PAGER */ .bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;} .bx-wrapper .bx-pager.bx-default-pager a {border:1px solid #423d3c;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {background: url('../img/x.png') no-repeat center center; border:1px solid #d9272e} .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;} .bx-wrapper .bx-pager-item {font-size: 0;line-height: 0;} /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev {left: 0px;background: url(images/controls.png) no-repeat top left;z-index:999999;position:absolute;} .bx-wrapper .bx-next {right: 0px;background: url(images/controls.png) no-repeat top right;z-index:999999;position:absolute;} .bx-wrapper .bx-prev:hover {opacity:0.8} .bx-wrapper .bx-next:hover {opacity:0.8} .bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -47px;outline: 0;width: 45.5px;height: 94px;text-indent:-99999999px;z-index:999999;} .bx-wrapper .bx-controls-direction a.disabled {display: none;} /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;width: 80%;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;} /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption {position: relative;text-align:center;margin-top:25px;} .bx-wrapper .bx-caption span {font-family: 'Dancing Script', cursive;color: #ffffff;display: block; font-size: 3.8em;padding:0 50px 0 50px;font-weight:700; text-decoration:none;text-align:center; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);} .bx-wrapper:hover .bx-caption span {} /*----------------------------------------------------------------------------------------------------------------------*/ /* PORTFOLIO PLUGIN*/ /*------------------------------------------------------------------------------------------------------------------------*/ .grid {background: #212121;/* width: 100%; */width: 100vw;left: 50%;/* margin-left: -50%; */margin-left: -50vw; position: relative;clear: both; padding:0px 0 0px 0 ;margin-top:20px;margin-bottom:40px;} .grid:after {content: '';display: block;clear: both;} .grid .grid-item {cursor:pointer;float: left;width: 25%;height: 250px;border: 1px solid #ffffff; box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: url('../img/big-image2.jpg') no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} .grid .grid-item .thumb-hover{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(255,255,255,0);cursor:pointer;} .grid .grid-item .thumb-hover img{opacity:0;width:1px;height:1px;margin-top:-0.5px;margin-left:-0.5px;position:absolute;left:50%;top:50%;} .grid .grid-item:hover .thumb-hover img{opacity:1;width:80px;height:80px;margin-top:-35px;margin-left:-40px;position:absolute;left:50%;top:50%;} .grid .grid-item:hover .thumb-hover{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(255,255,255,0.2)} .grid .paysage.medium{height:250px; width:25%;} .grid .paysage.large{height:500px; width:50%;} .grid .portrait.medium {height: 500px; width:25%;} .grid .portrait.large {height: 1000px; width:50%;} /*----------------------------------------------------------------------------------------------------------------------*/ /* ARTICLE PLUGIN*/ /*------------------------------------------------------------------------------------------------------------------------*/ .droite{float:right;width:49%;position:relative;display:block;margin-left:0.5%;margin-bottom:15px;} .gauche{float:left;width:49%;position:relative;display:block;margin-right:0.5%;margin-bottom:15px;} .centre{width:100%;position:relative;display:block;margin-bottom:20px;max-width: 1600px;margin:30px auto 30px auto;} .centre .ban-cont{height:600px;} .droite .ban-cont{height:400px;} .gauche .ban-cont{height:400px;} .centre iframe{height:600px;width:100%;} .droite iframe{height:400px;width:100%;} .gauche iframe{height:400px;width:100%;} /*----------------------------------------------------------------------------------------------------------------------*/ /* equipe PLUGIN*/ /*------------------------------------------------------------------------------------------------------------------------*/ .gridder{margin:0px;padding:0px;list-style-type:none;width:100%;overflow:hidden;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;background-color:#ffffff;} .gridder-content{display:none;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .gridder-list{display:inline-block;vertical-align:top;position:relative;cursor:pointer;border:1px solid #ffffff;overflow:hidden;} .gridder-list{width:25%;height:375px;background:url('../img/product.jpg') no-repeat center center ; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;margin-left:0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;padding:0;margin-right:-3.7px;background-color:#f2f1ec;} .gridder-list:nth-of-type(4n+1){clear:both;} .gridder-list{cursor:pointer} .gridder-list img{width:50px;height:50px;position:absolute;right:5px;top:5px;} .gridder-list h3{font-family: 'League Gothic', serif; color:#000000;position:absolute;text-transform:uppercase;font-size:2em;bottom:20px;left:0px;background-color:#ffffff;padding:10px 10px 5px 20px} .gridder-list h3 i{font-family: 'Roboto Condensed', serif;font-size:0.4em;display:block;} .gridder-list b{width:50px;height:50px;position:absolute;bottom:-100px;left:50%;margin-left:-25px;background-color:#212121;-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);opacity:0;} .gridder-navigation .gridder-nav.disabled{opacity:0.5} .hasSelectedItem .gridder-list{} .hasSelectedItem .gridder-list.selectedItem{border:10px solid #212121;} .hasSelectedItem .gridder-list.selectedItem b{bottom:-25px;opacity:1;} .hasSelectedItem .gridder-list.selectedItem h3{left:-300px} .hasSelectedItem .gridder-list.selectedItem img{right:-70px;} .gridder-show{display:block;float:left;width:100%;position:relative;background:#212121 url("../images/loading-spin.svg") no-repeat center;padding:75px 100px 75px 100px;} .gridder-show.loading{background:#ffffff url("../images/loading-spin.svg") no-repeat center} .gridder-show span{display:block;width:50%;} .gridder-show span strong{color:#ffffff;text-transform:uppercase;font-weight:700;font-size:3em;line-height:100%;margin-bottom:20px;font-family: 'League Gothic', serif;-webkit-font-smoothing: antialiased;font-weight:normal} .gridder-show a {text-decoration:none;color:#ffffff} .gridder-show span hr{border-top:1px solid #ffffff;padding:0;margin:20px 0 20px 0 ;width:30%;} .gridder-show span small{color:#ffffff;display:block;text-transform:uppercase;font-size:0.9em;} #fix #main .gridder-show span p{color:#ffffff;margin-top:0;padding:0;} #fix #main .gridder-show span i{color:#ffffff;} #fix #main .gridder-show span i::before{content:', ';color:#ffffff;} .gridder-close{font-size:2em;font-weight:300;position:absolute;top:30px;right:230px;font-weight:700;color:#0493c4;} .prev{font-size:3em;font-weight:300;position:absolute;top:30px;right:290px;display:none;} .next{font-size:3em;font-weight:300;position:absolute;top:30px;right:260px;display:none;} .gridder-show .btn{color:#212121;font-family:"League Gothic", sans-serif;font-size:1.3em;text-transform:uppercase;padding:10px 15px 8px 15px;display:inline-block;background-color:#ffffff; margin-top:30px;} .gridder-list:hover{opacity:0.9} .gridder-list a:hover{background-color:#ffffff;color:#3d4f5b;} .hasSelectedItem .gridder-list:hover.selectedItem{opacity:1;} .gridder-show a:hover span{opacity:1;top:10px;} .gridder-show a:hover span b{bottom:20px;} .gridder-show a span b:hover{text-decoration:underline;} .gridder-show .btn:hover{background-color:#00abec} /* ============================= */ /* ===== tableau ===== */ /* ============================= */ table {width:999px;overflow-x:scroll;border:1px solid #e0e0e0;margin-top:10px; -webkit-overflow-scrolling: touch;} table tr {text-align: center;padding-left:20px;} table tr:first-child td, table tr td:first-child{font-family: 'League Gothic', serif;text-transform:uppercase;font-size:1.5em;text-align:center;background-color:#36a8e0;color:#ffffff;} table tr td:first-child{font-size:1.2em;background-color:#212121;max-width:100px;min-width:50px;} table td {padding:15px 10px 15px 10px;border-top: 1px solid #ffffff;border-bottom:1px solid #e0e0e0;border-left: 1px solid #e0e0e0;background-color:#ffffff;text-align: left;font-size:0.9em;max-width:200px;min-width:100px;text-align:center;line-height:100%;} table caption{margin-bottom:20px;font-family:"League Gothic", sans-serif;text-transform:uppercase;font-size:2em;margin-top:40px;text-align:left;} table a:link {color: #000000;font-weight: bold;text-decoration:none;} table a:visited {color: #999999;font-weight:bold;text-decoration:none;} table a:active,table a:hover {color: #bd5a35;text-decoration:underline;} #grille {padding:100px 0 100px 0;background:#36a8e0 url('../img/grille.png') no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #grille .btn{width:350px;background-color:none;font-family:"League Gothic", sans-serif;text-transform:uppercase;display:block;text-align:center;padding:25px 0 25px 0;font-size:2em;margin:0 auto 0 auto;color:#ffffff;border:3px solid #ffffff;} /*----------------------------------------------------------------------------------------------------------------------*/ /* STRUCTURE ADAPTATIVE */ /*------------------------------------------------------------------------------------------------------------------------*/ /*------BIG SCREEN ---*/ @media screen and (min-width:2000px){ #main p{font-size:1em;line-height:150%;} header #logo{position:fixed;top:10px;width:125px;height:auto;left:200px;z-index:9999;} header #top-menu nav.first ul{float:left;margin-left:435px;} #main .main-cont{width:100%;margin:0 auto 0 auto;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding:50px 200px 50px 200px;} #main .main-head-template .main-head-left{width:100%;height:50px;float:none;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;height:auto;padding:50px 200px 50px 200px;position:relative;} #main .main-head-template .main-head-right{margin-left:0%;width:100%;float:left;background-color:#e8e8e8;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:50px 200px 50px 200px;} #main .main-head.no-text .main-head-left{left:150px;} .video{max-height:600px;height:100%;overflow:hidden;} .videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;max-height:600px;} .videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;max-height:600px;} footer .footer-cont{max-width:2000px;width:100%;margin:0 auto 0 auto;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding:100px 200px 100px 200px;} footer .infolettre-cont{width:500px;margin:0 auto 0 auto;padding-bottom:75px;position: absolute;right:200px;top:100px;} #main h2{margin-left:200px;} .thumbs{position:absolute;right:200px;top:50%;margin-top:-25px;} .grid .paysage.medium{height:250px; width:16.6666666666666%;} .grid .paysage.large{height:500px; width:33.3333333333333%;} .grid .portrait.medium {height: 500px; width:16.6666666666666%;} .grid .portrait.large {height: 1000px; width:33.3333333333333%;} /* #screen .big-screen{position:relative;height:900px;width:100%;} #screen .small-screen{position:relative;height:550px;width:100%;} #screen .small-screen-1-2{position:relative;height:550px;width:50%;} */ } /*------BIG SCREEN ---*/ @media screen and (min-width:1600px) and (max-width:1999px){ #main p{font-size:1em;line-height:150%;} header #logo{position:fixed;top:10px;width:125px;height:auto;left:200px;z-index:9999;} header #top-menu nav.first ul{float:left;margin-left:435px;} #main .main-cont{width:100%;margin:0 auto 0 auto;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding:50px 200px 50px 200px;} #main .main-head-template .main-head-left{width:100%;height:50px;float:none;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;height:auto;padding:50px 200px 50px 200px;position:relative;} #main .main-head-template .main-head-right{margin-left:0%;width:100%;float:left;background-color:#e8e8e8;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:50px 200px 50px 200px;} #main .main-head.no-text .main-head-left{left:150px;} .video{max-height:600px;height:100%;overflow:hidden;} .videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;max-height:600px;} .videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;max-height:600px;} footer .footer-cont{max-width:2000px;width:100%;margin:0 auto 0 auto;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding:100px 200px 100px 200px;} footer .infolettre-cont{width:500px;margin:0 auto 0 auto;padding-bottom:75px;position: absolute;right:200px;top:100px;} #main h2{margin-left:200px;} .grid .paysage.medium{height:200px; width:16.6666666666666%;} .grid .paysage.large{height:400px; width:33.3333333333333%;} .grid .portrait.medium {height: 400px; width:16.6666666666666%;} .grid .portrait.large {height: 800px; width:33.3333333333333%;} .thumbs{position:absolute;right:200px;top:50%;margin-top:-25px;} /* #screen .big-screen{position:relative;height:800px;width:100%;} #screen .small-screen{position:relative;height:450px;width:100%;} #screen .small-screen-1-2{position:relative;height:450px;width:50%;} */ } /*------NORMAL SCREEN ---*/ @media screen and (min-width:1280px) and (max-width:1599px) { .carrousel-acc .item .carrousel-texte h3{color:#ffffff;font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:1.2em;line-height:100%;} .carrousel-odd .item .carrousel-texte h3{color:#ffffff;font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:1.2em;line-height:100%;} .carrousel-acc .item .carrousel-texte b{font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:0.9em;font-weight:normal;color:#36a8e0;text-align:center;display:block;} .carrousel-odd .item .carrousel-texte b{font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:0.9em;font-weight:normal;color:#36a8e0;text-align:center;display:block;} #main h2{margin-left:100px;} #main h1{ font-size:2.8em;} .grid .paysage.medium{height:200px; width:20%;} .grid .paysage.large{height:400px; width:40%;} .grid .portrait.medium {height: 400px; width:20%;} .grid .portrait.large {height: 800px; width:40%;} #portfolio{background-color:#e8e8e8;padding:50px 0 50px 0;} #fix #main #portfolio h2{font-size:3em;position:relative;margin-bottom:25px;text-align:center;display:block;margin-left:0;} #portfolio .portfolio-item{width:50%;float:left;border:1px solid #ffffff;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:25px 25px 50px 25px;position:relative;} #portfolio .portfolio-item:nth-of-type(3n+1){clear:none;} #portfolio .portfolio-item:nth-of-type(2n+1){clear:both;} #portfolio .portfolio-item p{color:#212121} #portfolio .portfolio-item .portfolio-image{width:100%;height:300px;background: url('../img/big-image2-bw.jpg') no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;margin-bottom:20px;position:relative;overflow:hidden;} #portfolio .portfolio-item .portfolio-image img{width:50px;height:50px;position:absolute;right:5px;top:5px;} #portfolio .portfolio-item .portfolio-image .portfolio-details{background-color: rgba(15, 15, 15, 0.7);width:200px;height:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:30px;webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);} #portfolio .portfolio-item .portfolio-image .portfolio-details h5{color:#ffffff;font-family:"League Gothic", sans-serif;font-size:1.2em;text-transform:uppercase;} #portfolio .portfolio-item .portfolio-image .portfolio-details span{font-size:0.8em;margin:5px 0px 15px 0;display:block;line-height:100%;color:#ffffff;} #portfolio .portfolio-item span.btn{color:#ffffff;font-family:"League Gothic", sans-serif;font-size:1.2em;text-transform:uppercase;padding:10px 15px 10px 15px;display:inline-block;background-color:#212121;position:absolute;bottom:0;right:25px;} .gridder-list{width:33.333333%;height:375px;} .gridder-list:nth-of-type(4n+1){clear:none;} .gridder-list:nth-of-type(3n+1){clear:both;} .droite{float:right;width:49%;position:relative;display:block;margin-left:0.5%;margin-bottom:15px;} .gauche{float:left;width:49%;position:relative;display:block;margin-right:0.5%;margin-bottom:15px;} .centre{width:100%;position:relative;display:block;margin-bottom:20px;max-width: 1600px;margin:30px auto 30px auto;} .centre .ban-cont{height:500px;} .droite .ban-cont{height:350px;} .gauche .ban-cont{height:350px;} .centre iframe{height:500px;width:100%;} .droite iframe{height:350px;width:100%;} .gauche iframe{height:350px;width:100%;} .vertical-align{position:absolute;top:75px;bottom:0;right:100px;height:425px;display:table} .vertical-align .align-fix{display:table-cell;vertical-align: middle;} .client-image{box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:5px;background-color:#ffffff;-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);border-radius:5px;max-width:250px;max-height:250px;position:relative;} .client-image img{display:block;width:100%;height:auto;border:1px solid #cccccc;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:20px} } /*------SMALL SCREEN ---*/ @media screen and (min-width:1025px) and (max-width:1279px) { header #logo{position:fixed;top:10px;width:125px;height:auto;left:50px;z-index:9999;} header #top-menu nav.first ul{float:left;margin-left:235px;} /* #screen .big-screen{height:500px;width:100%;} #screen .small-screen{height:250px;width:100%;} #screen .small-screen-1-2{height:250px;width:50%;} */ .carrousel-cont{position:relative;margin-bottom:30px;} .carrousel-acc .item .carrousel-texte h3{color:#ffffff;font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:1.1em;line-height:100%;} .carrousel-odd .item .carrousel-texte h3{color:#ffffff;font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:1.1em;line-height:100%;} .carrousel-acc .item .carrousel-texte b{font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:0.8em;font-weight:normal;color:#36a8e0;text-align:center;display:block;} .carrousel-odd .item .carrousel-texte b{font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:0.8em;font-weight:normal;color:#36a8e0;text-align:center;display:block;} .big-cont-slide .cont-slide .cont-in{position:absolute;bottom:50px;left:50px;width:550px;overflow:hidden;} .big-cont-slide .cont-slide h2{font-family:"League Gothic", sans-serif;color:#ffffff;text-transform:uppercase;font-size:3em;text-align:left;padding-right:50px;margin-left:30px;} .big-cont-slide .cont-slide h2::before{content:''; width:5px;height:130px;margin-top:5px;background-color:#36a8e0 ;display:block;left:0px;position:absolute;} .big-cont-slide .cont-slide a{color:#ffffff;text-decoration:none;text-transform:uppercase;font-size:1.2em;display:inline-block;padding:5px 10px 5px 10px;border:2px solid #ffffff;position:absolute;left:30px;bottom:-400px;z-index:99999;} .big-cont-slide:hover a{bottom:0px;} .big-cont-slide:hover .cont-slide .cont-in{padding-bottom:60px;} .big-cont-slide:hover h2::before{height:225px;} .big-cont-slide a:hover{color:#36a8e0} #screen .cont-screen{position:absolute;bottom:20px;left:50px;width:400px;overflow:hidden;} #screen .screen-bloc h3{font-family:"League Gothic", sans-serif;color:#ffffff;text-transform:uppercase;font-size:2em;text-align:left;padding-right:50px;margin-left:30px;padding-top:10px;padding-bottom:5px;line-height: 100%;} #screen .screen-bloc h3::before{content:''; width:5px;height:300px;margin-top:-7px;background-color:#36a8e0 ;display:block;left:0px;position:absolute;} #screen .screen-bloc a{color:#ffffff;text-decoration:none;text-transform:uppercase;font-size:1.2em;display:inline-block;padding:5px 10px 5px 10px;border:2px solid #ffffff;position:absolute;left:30px;bottom:-400px;z-index:99999;} #screen .screen-bloc:hover a{bottom:0px;} #screen .screen-bloc:hover .cont-screen{padding-bottom:40px;} #screen .screen-bloc:hover h3::before{height:225px;} #screen .screen-bloc a:hover{color:#36a8e0} .list .item{width:25%;float:left;height:auto;margin-left:0%;margin-bottom:0%;position:relative;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:1px;/*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9);*/} .list .item:nth-of-type(5n+1){clear:none;} .list .item:nth-of-type(4n+1){clear:both;} .list .item .carrousel-texte h3{color:#ffffff;font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:1.1em;line-height:100%;} .list .item .carrousel-texte b{font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:0.8em;font-weight:normal;color:#36a8e0;text-align:center;display:block;} #main .main-head{background-color:#ffffff;position:relative;} #main .main-head .main-head-left{padding-left:50px;} #main h1{font-size:2.3em;} #main .main-head.no-text .main-head-left{left:50px;} #main .main-head-template{background-color:#ffffff;position:relative;} #main .main-head-template .main-head-left{width:100%;height:50px;float:none;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;height:auto;padding:25px 50px 25px 50px;position:relative;} #main .main-head-template .main-head-right{margin-left:0%;width:100%;float:left;background-color:#e8e8e8;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:50px 50px 50px 50px;} #main p{font-size:0.9em;} .thumbs{position:absolute;right:50px;top:50%;margin-top:-20px;} .thumbs .up{right:55px;top:0;width:40px;} .thumbs .down{right:0px;top:0;width:40px;} .thumbs .up:hover{top:-5px;} .thumbs .down:hover{top:5px;} .thumbs img{cursor:pointer;display:block;position:absolute;} .thumbs img:hover{opacity:0.7;} #main .main-head-template .main-head-left h1 {color:#1b1b1b;margin:0;} .ban-photo.client.no-photo {height: 450px;} .ban-photo{position:relative;height:450px;} .vertical-align{position:absolute;top:75px;bottom:0;right:100px;height:375px;display:table} .vertical-align .align-fix{display:table-cell;vertical-align: middle;} .client-image{box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:5px;background-color:#ffffff;-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);border-radius:5px;max-width:250px;max-height:250px;position:relative;} .client-image img{display:block;width:100%;height:auto;border:1px solid #cccccc;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:20px} .media{width:40px;/* height:130px; */background-color:#36a8e0;position:absolute;right:0;top:320px;} #main .main-cont{width:100%;margin:0 auto 0 auto;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding:50px 50px 50px 50px;} #main h2{margin-left:50px;} footer{background-color:#1b1b1b;min-height:200px;width:100%;position:relative;} footer .footer-cont .foot-menu{margin-right:550px;} footer .footer-cont .foot-menu ul{margin-top:10px} footer .footer-cont .foot-menu ul:nth-of-type(2) li a{background-color:#ffffff;color:#1b1b1b} footer .footer-cont .foot-menu ul li{float:none;display:inline-block;margin-right:5px;margin-top:10px;} footer .footer-cont .foot-menu ul li a{color:#ffffff;text-decoration:none;text-transform:uppercase; display:inline-block;padding:5px 10px 5px 10px;border:1px solid #ffffff;font-size:0.8em;} footer .footer-cont .foot-menu ul li a:hover{color:#36a8e0;} footer .footer-cont{max-width:2000px;width:100%;margin:0 auto 0 auto;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding:100px 50px 100px 50px;} footer .infolettre-cont{width:500px;margin:0 auto 0 auto;padding-bottom:75px;position: absolute;right:50px;top:100px;} footer .footer-cont h3{color:#ffffff;font-family:"League Gothic", sans-serif; font-size:2em;text-transform:uppercase;text-align:left;border-bottom:2px solid #36a8e0;padding-bottom:20px;} footer .footer-cont h3:first-of-type{text-align:left;} footer .footer-cont input{margin-top:20px;font-family:"League Gothic", sans-serif; font-size:1.5em;} footer .footer-cont input:first-of-type{background-color:#ffffff;height:55px;padding:0 20px 0 20px;width:75%;float:left;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} footer .footer-cont input:last-of-type{height:55px;padding:0 20px 0 20px;width:23%;float:left;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;background-color:#36a8e0;display:block;text-transform:uppercase;color:#ffffff;margin-left:2%;cursor:pointer} footer .infolettre-cont ul{margin-top:30px;display:block;} footer .infolettre-cont ul li{width:10%;margin-left:10%;float:left;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} footer .infolettre-cont ul li:first-child{margin-left:0%;} footer .infolettre-cont ul li:last-child{margin-right:15%;} footer .infolettre-cont ul li img{width:100%;height:auto;} .ban-inside-side{width:400px;position:relative;float:right;margin-left:30px;margin-bottom:30px;} .ban-inside-side .ban-cont{width:100%;position:relative;height:250px;display:block;} .ban-inside-side .video{width:100%;} #portfolio{background-color:#e8e8e8;padding:50px 0 50px 0;} #fix #main #portfolio h2{font-size:3em;position:relative;margin-bottom:25px;text-align:center;display:block;margin-left:0;} #portfolio .portfolio-item{width:50%;float:left;border:1px solid #ffffff;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:25px 25px 50px 25px;position:relative;} #portfolio .portfolio-item:nth-of-type(3n+1){clear:none;} #portfolio .portfolio-item:nth-of-type(2n+1){clear:both;} #portfolio .portfolio-item p{color:#212121} #portfolio .portfolio-item .portfolio-image{width:100%;height:300px;background: url('../img/big-image2-bw.jpg') no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;margin-bottom:20px;position:relative;overflow:hidden;} #portfolio .portfolio-item .portfolio-image img{width:50px;height:50px;position:absolute;right:5px;top:5px;} #portfolio .portfolio-item .portfolio-image .portfolio-details{background-color: rgba(15, 15, 15, 0.7);width:200px;height:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:30px;webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);} #portfolio .portfolio-item .portfolio-image .portfolio-details h5{color:#ffffff;font-family:"League Gothic", sans-serif;font-size:1.2em;text-transform:uppercase;} #portfolio .portfolio-item .portfolio-image .portfolio-details span{font-size:0.8em;margin:5px 0px 15px 0;display:block;line-height:100%;color:#ffffff;} #portfolio .portfolio-item span.btn{color:#ffffff;font-family:"League Gothic", sans-serif;font-size:1.2em;text-transform:uppercase;padding:10px 15px 10px 15px;display:inline-block;background-color:#212121;position:absolute;bottom:0;right:25px;} #fix #main #equipe h2{font-size:3em;} .gridder-list{width:33.333333%;height:325px;} .gridder-list:nth-of-type(4n+1){clear:none;} .gridder-list:nth-of-type(3n+1){clear:both;} .gridder-show{padding:75px 50px 75px 50px;} .gridder-close{font-size:2em;font-weight:300;position:absolute;top:30px;right:150px;font-weight:700;color:#0493c4;} .gridder-show span{width:80%;} #map{height:350px;width:100%;position:relative;} .grid .paysage.medium{height:180px; width:25%;} .grid .paysage.large{height:360px; width:50%;} .grid .portrait.medium {height: 360px; width:25%;} .grid .portrait.large {height: 720px; width:50%;} .droite{float:right;width:49%;position:relative;display:block;margin-left:0.5%;margin-bottom:15px;} .gauche{float:left;width:49%;position:relative;display:block;margin-right:0.5%;margin-bottom:15px;} .centre{width:100%;position:relative;display:block;margin-bottom:20px;max-width: 1600px;margin:30px auto 30px auto;} .centre .ban-cont{height:400px;} .droite .ban-cont{height:300px;} .gauche .ban-cont{height:300px;} .centre iframe{height:400px;width:100%;} .droite iframe{height:300px;width:100%;} .gauche iframe{height:300px;width:100%;} } /*------IPAD PORTRAIT ---*/ @media screen and (min-width:768px) and (max-width:1024px) { table{display:block;} header, header #logo, header #top-menu {position:absolute;} header{position:absolute; position: -webkit-sticky; position: -moz-sticky; position: -o-sticky; position: -ms-sticky; position: sticky; top: 0;} header .share{display:none;} header #logo{top:10px;width:125px;height:auto;left:50px;z-index:9999;} header #top-menu nav.first{position:absolute;left:260px;top:0;display:none;} header #top-menu nav.first ul{float:none;margin-left:0;} header #top-menu nav.second ul li{margin:0 10px 0 10px;font-size:1.1em;} header #top-menu nav.second ul{float:right;margin-right:0px} header #top-menu nav.second ul li{float:left;margin:0 10px 0 10px;position:relative;height:50px;padding-top:25px;font-family:"League Gothic", sans-serif;color:#ffffff;text-decoration:none;text-transform:uppercase;font-size:1.2em;cursor:pointer;display:none;} header #top-menu nav.second ul li a{font-family:"League Gothic", sans-serif;color:#ffffff;text-decoration:none;text-transform:uppercase;font-weight: 100} header #top-menu nav.second ul li a:hover{color:#36a8e0} header #top-menu nav.second ul li a::before{content:'';width:50px;height:50px;display:block;background-color:#36a8e0;position:absolute;bottom:-100px;left:50%;margin-left:-25px;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);} header #top-menu nav.second ul li a:hover::before{bottom:-50px;} header #top-menu nav.second ul li.search{background:url(../img/search.png)no-repeat;background-position:20px;padding-left:0;width:60px; margin-right:0px;overflow:hidden; background-color: rgba(54, 54, 54, 0.7);display:none} header #top-menu nav.second ul li.search input{width:180px;color:#ffffff;position:absolute;left:-200px;padding-left:60px;overflow:hidden;} header #top-menu nav.second ul li.search a::before{display:none} header #top-menu nav.second ul li:last-child{margin-left:0;padding-top:0;cursor:pointer;width:67px;display:block;margin-right:0; overflow:hidden; height: 75px;} header #top-menu nav.second ul li:last-child a::before{display:none;} header #top-menu nav.second ul li:last-child img{position:absolute;} header #top-menu nav.second ul li:last-child img:first-of-type{top:0;} header #top-menu nav.second ul li:last-child img:last-of-type{top:75px;} .big-cont-slide .cont-slide .cont-in{position:absolute;bottom:50px;left:50px;width:550px;overflow:hidden;} .big-cont-slide .cont-slide h2{font-family:"League Gothic", sans-serif;color:#ffffff;text-transform:uppercase;font-size:3em;text-align:left;padding-right:50px;margin-left:30px;} .big-cont-slide .cont-slide h2::before{content:''; width:5px;height:130px;margin-top:5px;background-color:#36a8e0 ;display:block;left:0px;position:absolute;} .big-cont-slide .cont-slide a{color:#ffffff;text-decoration:none;text-transform:uppercase;font-size:1.2em;display:inline-block;padding:5px 10px 5px 10px;border:2px solid #ffffff;position:absolute;left:30px;bottom:-400px;z-index:99999;} .big-cont-slide:hover a{bottom:0px;} .big-cont-slide:hover .cont-slide .cont-in{padding-bottom:60px;} .big-cont-slide:hover h2::before{height:225px;} .big-cont-slide a:hover{color:#36a8e0} #screen .cont-screen{position:absolute;bottom:20px;left:50px;width:80%;overflow:hidden;} #screen .screen-bloc h3{font-family:"League Gothic", sans-serif;color:#ffffff;text-transform:uppercase;font-size:2em;text-align:left;padding-right:50px;margin-left:30px;padding-top:10px;padding-bottom:5px;line-height: 100%;} #screen .screen-bloc h3::before{content:''; width:5px;height:300px;margin-top:-7px;background-color:#36a8e0 ;display:block;left:0px;position:absolute;} #screen .screen-bloc a{color:#ffffff;text-decoration:none;text-transform:uppercase;font-size:1.2em;display:inline-block;padding:5px 10px 5px 10px;border:2px solid #ffffff;position:absolute;left:30px;bottom:-400px;z-index:99999;} #screen .screen-bloc:hover a{bottom:0px;} #screen .screen-bloc:hover .cont-screen{padding-bottom:40px;} #screen .screen-bloc:hover h3::before{height:225px;} #screen .screen-bloc a:hover{color:#36a8e0} /* #screen .big-screen{height:500px;width:100%;} #screen .small-screen{height:250px;width:100%;} #screen .small-screen-1-2{height:250px;width:100%;} */ .big-explorer{position:absolute;bottom:100px;width:100px;height:100px;bottom:50px;right:50px;z-index:9;} .carrousel-acc .item{width:150px;margin:0px 10px 0px 10px;position:relative;} .carrousel-odd .item{width:150px;margin:0px 10px 0px 10px;position:relative;} .carrousel-acc .item .carrousel-texte h3{color:#ffffff;font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:1.3em;line-height:100%;} .carrousel-odd .item .carrousel-texte h3{color:#ffffff;font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:1.3em;line-height:100%;} #main .menu-cont{width:100%;margin:0 auto 0 auto;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding:0px 50px 0px 25px;border-bottom:1px solid #dfdfdf;margin-bottom:30px;} #categorie .menu-cont ul{text-align:center;width:auto;display:inline-block;position:relative;} #categorie .menu-cont ul li{float:left;margin-left:20px;margin-rigth:20px;} #categorie .menu-cont ul li a{font-size:1.2em;} footer .footer-cont h3{color:#ffffff;font-family:"League Gothic", sans-serif; font-size:1.5em;text-transform:uppercase;text-align:center;border-bottom:2px solid #36a8e0;padding-bottom:20px;} #mobile-menu{margin-top:25px;} .list .item{width:33.33333333%;float:left;height:auto;margin-left:0%;margin-bottom:0%;position:relative;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:1px;/*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9);*/} .list .item:nth-of-type(5n+1){clear:none;} .list .item:nth-of-type(4n+1){clear:none;} .list .item:nth-of-type(3n+1){clear:both;} .list .item .carrousel-texte h3{color:#ffffff;font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:1.3em;line-height:100%;} #main h1{font-family:"League Gothic", sans-serif; font-size:2em;text-transform:uppercase;color:#1b1b1b;margin-left:0px;position:relative;display:inline-block;height:inherit;width:auto;} #main h2{margin-left:50px;} #main .main-head{background-color:#ffffff;position:relative;} #main .main-head .main-head-left{width:100%;height:auto;float:none;;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;height:auto;position:relative;padding-left:50px;top:0px;padding-top:25px;padding-bottom:25px;margin-top:inherit;transform: translate(0%, 0%); } #main .main-head .main-head-right{margin-top:0px;margin-left:0%;width:100%;float:left;background-color:#e8e8e8;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:25px 25px 25px 25px;} #main .main-head-contact{height:auto;} #main .main-head-contact .bloc-4{position:relative;width:50%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;border:1px solid #e8e8e8;float:left;min-height:150px;height:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:35px 25px 25px 25px;} #main .main-head-contact .bloc-4:nth-of-type(2){min-height:150px;height:auto;} #main .main-head-contact .bloc-4:nth-of-type(2n+1){clear:both;} #main .main-head-contact .bloc-4 iframe{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;} #main .main-head-contact .bloc-4 a{color:#36a8e0;text-decoration:none;} #main .main-head.no-text .main-head-left{width:50%;height:80px;float:none;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;position:relative;padding-left:50px;top:inherit;margin-top:0;padding-top:23px} #main .main-head-template{background-color:#ffffff;position:relative;} #main .main-head-template .main-head-left{width:100%;height:30px;float:none;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;height:auto;padding:25px 50px 25px 50px;position:relative;} #main .main-head-template .main-head-right{margin-left:0%;width:100%;float:left;background-color:#e8e8e8;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:50px 50px 50px 50px;} #main p{font-size:0.9em;} .thumbs{position:absolute;right:50px;top:50%;margin-top:-20px;} .thumbs .up{right:55px;top:0;width:40px;} .thumbs .down{right:0px;top:0;width:40px;} .thumbs .up:hover{top:-5px;} .thumbs .down:hover{top:5px;} .thumbs img{cursor:pointer;display:block;position:absolute;} .thumbs img:hover{opacity:0.7;} #main .main-head-template .main-head-left h1 {color:#1b1b1b;margin:0;} .ban-photo.client.no-photo {height: 450px;} .ban-photo{position:relative;height:450px;} .vertical-align{position:absolute;top:75px;bottom:0;right:100px;height:375px;display:table} .vertical-align .align-fix{display:table-cell;vertical-align: middle;} .client-image{box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:5px;background-color:#ffffff;-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);border-radius:5px;max-width:250px;max-height:250px;position:relative;} .client-image img{display:block;width:100%;height:auto;border:1px solid #cccccc;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:20px} .media{width:40px;/* height:130px; */background-color:#36a8e0;position:absolute;right:0;top:320px;} footer{background-color:#1b1b1b;min-height:200px;width:100%;position:relative;} footer .footer-cont .foot-menu{margin-right:0;margin-top:300px;} footer .footer-cont .foot-menu ul{margin-top:10px} footer .footer-cont .foot-menu ul:nth-of-type(2) li a{background-color:#ffffff;color:#1b1b1b} footer .footer-cont .foot-menu ul li{float:none;display:inline-block;margin-right:5px;margin-top:10px;} footer .footer-cont .foot-menu ul li a{color:#ffffff;text-decoration:none;text-transform:uppercase; display:inline-block;padding:5px 10px 5px 10px;border:1px solid #ffffff;font-size:0.8em;} footer .footer-cont .foot-menu ul li a:hover{color:#36a8e0;} footer .footer-cont{max-width:2000px;width:100%;margin:0 auto 0 auto;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding:50px 50px 50px 50px;} footer .infolettre-cont{width:auto;margin:0 auto 0 auto;padding-bottom:0;position: absolute;right:50px;left:50px;top:100px;} footer .footer-cont h3{color:#ffffff;font-family:"League Gothic", sans-serif; font-size:2em;text-transform:uppercase;text-align:left;border-bottom:2px solid #36a8e0;padding-bottom:20px;} footer .footer-cont h3:first-of-type{text-align:left;} footer .footer-cont input{margin-top:20px;font-family:"League Gothic", sans-serif; font-size:1.5em;} footer .footer-cont input:first-of-type{background-color:#ffffff;height:55px;padding:0 20px 0 20px;width:75%;float:left;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} footer .footer-cont input:last-of-type{height:55px;padding:0 20px 0 20px;width:23%;float:left;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;background-color:#36a8e0;display:block;text-transform:uppercase;color:#ffffff;margin-left:2%;cursor:pointer} footer .infolettre-cont ul{margin-top:30px;display:block;width:500px;} footer .infolettre-cont ul li{width:10%;margin-left:10%;float:left;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} footer .infolettre-cont ul li:first-child{margin-left:0%;} footer .infolettre-cont ul li:last-child{margin-right:15%;} footer .infolettre-cont ul li img{width:100%;height:auto;} #main .main-cont{width:100%;margin:0 auto 0 auto;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding:50px 50px 50px 50px;} .ban-inside-side{width:100%;position:relative;float:none;margin-left:0;margin-bottom:30px;} .ban-inside-side .ban-cont{width:50%;position:absolute;left:0;height:100%;top:0;bottom:0;display:block;} .ban-inside-side .video{width:50%;margin-left:50%;float:left;} #main .main-cont .big-service{background-color:#ffffff;width:100%;border-bottom:1px solid #e8e8e8;position:relative;overflow:hidden;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;position:relative;padding-bottom:25px;overflow:hidden;padding:70px 25px 10px 25px;} #main .main-cont .small-service{background-color:#ffffff;width:100%;display:block;float:left;border-bottom:1px solid #e8e8e8;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;position:relative;overflow:hidden;padding:50px 25px 10px 25px;} #main .main-cont .small-service-two{background-color:#ffffff;width:100%;display:block;float:left;border-left:0;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;position:relative;overflow:hidden;padding:50px 25px 10px 25px;} #fix #main .main-cont .big-service h2{font-size:2.5em;position:relative;margin-bottom:25px} #main .main-cont.prod{padding-bottom:30px;} #main .main-cont .small-service, #main .main-cont .small-service-two {padding-top: 80px; text-align:center;} #main .main-cont .small-service h2 img, #main .main-cont .small-service-two h2 img {left:50%; margin-left:-50px; top:-25px;} #main .main-cont .small-service h2, #main .main-cont .small-service-two h2 {text-align:center; padding:0;} #portfolio{background-color:#e8e8e8;padding:50px 0 50px 0;} #fix #main #portfolio h2{font-size:2.5em;position:relative;margin-bottom:25px;text-align:center;display:block;margin-left:0;} #portfolio .portfolio-item{width:100%;float:left;border:1px solid #ffffff;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:50px 50px 50px 50px;position:relative;} #portfolio .portfolio-item p{color:#212121} #portfolio .portfolio-item .portfolio-image{width:100%;height:350px;background: url('../img/big-image2-bw.jpg') no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;margin-bottom:20px;position:relative;overflow:hidden;} #portfolio .portfolio-item .portfolio-image img{width:50px;height:50px;position:absolute;right:5px;top:5px;} #portfolio .portfolio-item .portfolio-image .portfolio-details{background-color: rgba(15, 15, 15, 0.7);width:200px;height:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:30px;webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);} #portfolio .portfolio-item .portfolio-image .portfolio-details h5{color:#ffffff;font-family:"League Gothic", sans-serif;font-size:1.2em;text-transform:uppercase;} #portfolio .portfolio-item .portfolio-image .portfolio-details span{font-size:0.8em;margin:5px 0px 15px 0;display:block;line-height:100%;color:#ffffff;} #portfolio .portfolio-item span.btn{color:#ffffff;font-family:"League Gothic", sans-serif;font-size:1.2em;text-transform:uppercase;padding:10px 15px 10px 15px;display:inline-block;background-color:#212121;position:absolute;bottom:0;right:50px;} #portfolio .portfolio-item.on {background-color:#ffffff;} #portfolio .portfolio-item.on .portfolio-image .portfolio-details{width:100%;} #portfolio .portfolio-item.on .portfolio-image .portfolio-details h5{color:#00abec} #portfolio .portfolio-item.on .portfolio-image img{right:-65px;} #portfolio .portfolio-item.on span.btn{background-color:#00abec;} #portfolio .portfolio-item.on .btn a{color:white;} #portfolio .portfolio-item.on .portfolio-image .portfolio-details .extra {opacity:1;} #fix #main #equipe h2{font-size:2.5em;margin-bottom:25px;} .gridder-list{width:50%;height:350px;} .gridder-show{padding:75px 50px 75px 50px;} .gridder-show span{width:80%;} .gridder-close{font-size:2em;font-weight:300;position:absolute;top:30px;right:150px;font-weight:700;color:#0493c4;} .gridder-list:nth-of-type(4n+1){clear:none;} .gridder-list:nth-of-type(3n+1){clear:none;} .gridder-list:nth-of-type(2+1){clear:both;} #map{height:350px;width:100%;position:relative;} .grid .paysage.medium{height:150px; width:25%;} .grid .paysage.large{height:300px; width:50%;} .grid .portrait.medium {height: 300px; width:25%;} .grid .portrait.large {height: 600px; width:50%;} .droite{float:right;width:49%;position:relative;display:block;margin-left:0.5%;margin-bottom:15px;} .gauche{float:left;width:49%;position:relative;display:block;margin-right:0.5%;margin-bottom:15px;} .centre{width:100%;position:relative;display:block;margin-bottom:20px;max-width: 1600px;margin:30px auto 30px auto;} .centre .ban-cont{height:350px;} .droite .ban-cont{height:200px;} .gauche .ban-cont{height:200px;} .centre iframe{height:350px;width:100%;} .droite iframe{height:200px;width:100%;} .gauche iframe{height:200px;width:100%;} } /*------IPHONE PAYSAGE----*/ @media screen and (min-width:431px) and (max-width:767px) { #main {/* padding-top: 50px; */} table{display:block;} header .share{display:none;} .media{display:none;} header{position:absolute; position: -webkit-sticky; position: -moz-sticky; position: -o-sticky; position: -ms-sticky; position: sticky; top: 0;} header #logo{position:absolute;top:10px;width:80px;height:auto;left:25px;z-index:9999;} header #logo img{width:100%;height:auto;display:block;} header #top-menu nav.first{position:absolute;right:0;top:0;display:none;} header #top-menu nav.first ul{float:none;margin-left:0;} header #top-menu nav.second ul li{margin:0 10px 0 10px;font-size:1.1em;} header #top-menu{background-color:rgba(0, 0, 0, 0.7);height:50px;width:100%;overflow:hidden;position:absolute;z-index:1;top:0;} header #top-menu nav.second ul{float:right;margin-right:0px} header #top-menu nav.second ul li{float:left;margin:0 10px 0 10px;position:relative;height:50px;padding-top:25px;font-family:"League Gothic", sans-serif;color:#ffffff;text-decoration:none;text-transform:uppercase;font-size:1.2em;cursor:pointer;display:none;} header #top-menu nav.second ul li a{font-family:"League Gothic", sans-serif;color:#ffffff;text-decoration:none;text-transform:uppercase;font-weight: 100} header #top-menu nav.second ul li a:hover{color:#36a8e0} header #top-menu nav.second ul li a::before{content:'';width:50px;height:50px;display:block;background-color:#36a8e0;position:absolute;bottom:-100px;left:50%;margin-left:-25px;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);} header #top-menu nav.second ul li a:hover::before{bottom:-50px;} header #top-menu nav.second ul li.search{background:url(../img/search.png)no-repeat;background-position:13px 15px;padding-left:0;width:50px; margin-right:0px;overflow:hidden; background-color: rgba(54, 54, 54, 0.7);display:block;padding-top:17px;display:none;} header #top-menu nav.second ul li.search input{width:180px;color:#ffffff;position:absolute;left:-200px;padding-left:60px;height:20px;padding-top:0px;margin-top:0;} header #top-menu nav.second ul li.search a::before{display:none} header #top-menu nav.second ul li:last-child{margin-left:0;padding-top:0;cursor:pointer;width:44.5px;display:block;margin-right:0;} header #top-menu nav.second ul li:last-child a::before{display:none;} header #top-menu nav.second ul li:last-child img{position:absolute;width:100%;height:auto;} header #top-menu nav.second ul li:last-child img:first-of-type{top:0;} header #top-menu nav.second ul li:last-child img:last-of-type{top:75px;} .big-cont-slide .cont-slide .cont-in{position:absolute;bottom:25px;left:25px;width:400px;overflow:hidden;} .big-cont-slide .cont-slide h2{font-family:"League Gothic", sans-serif;color:#ffffff;text-transform:uppercase;font-size:1.5em;text-align:left;padding-right:50px;margin-left:20px;} .big-cont-slide .cont-slide h2::before{content:''; width:5px;height:130px;margin-top:5px;background-color:#36a8e0 ;display:block;left:0px;position:absolute;} .big-cont-slide .cont-slide a{color:#ffffff;text-decoration:none;text-transform:uppercase;font-size:0.8em;display:inline-block;padding:2px 5px 2px 5px;border:2px solid #ffffff;position:absolute;left:20px;bottom:-400px;z-index:99999;} .big-cont-slide:hover a{bottom:0px;} .big-cont-slide:hover .cont-slide .cont-in{padding-bottom:40px;} .big-cont-slide:hover h2::before{height:225px;} .big-cont-slide a:hover{color:#36a8e0} .big-cont-slide-production .cont-slide .cont-in { width: 100%; left: 0; margin: 0; padding: 20px; box-sizing: border-box; top: 90px;} .big-cont-slide-production .cont-slide h1 {padding:0;} #screen .cont-screen{position:absolute;bottom:25px;left:25px;width:600px;overflow:hidden;} #screen .screen-bloc h3{font-family:"League Gothic", sans-serif;color:#ffffff;text-transform:uppercase;font-size:1.5em;text-align:left;padding-right:50px;margin-left:20px;padding-top:10px;padding-bottom:5px;line-height: 100%;} #screen .screen-bloc h3::before{content:''; width:5px;height:300px;margin-top:-7px;background-color:#36a8e0 ;display:block;left:0px;position:absolute;} #screen .screen-bloc a{color:#ffffff;text-decoration:none;text-transform:uppercase;font-size:0.8em;display:inline-block;padding:2px 5px 2px 5px;border:2px solid #ffffff;position:absolute;left:20px;bottom:-400px;z-index:99999;} #screen .screen-bloc:hover a{bottom:0px;} #screen .screen-bloc:hover .cont-screen{padding-bottom:40px;} #screen .screen-bloc:hover h3::before{height:225px;} #screen .screen-bloc a:hover{color:#36a8e0} /* #screen .big-screen{height:250px;width:100%;} #screen .small-screen{height:250px;width:100%;} #screen .small-screen-1-2{height:250px;width:100%;} */ .big-explorer{position:absolute;bottom:100px;width:50px;height:50px;bottom:50%;right:50px;margin-right:0px;margin-bottom:-60px;z-index:9;display:none;} header #drop-menu .carrousel .item{width:150px;padding:70px 20px 10px 20px;position:relative;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .carrousel-acc .item{width:150px;margin:0px 5px 0px 5px;position:relative;padding-bottom:0px;} .carrousel-odd .item{width:150px;margin:0px 5px 0px 5px;position:relative;padding-bottom:0px;} .carrousel-acc .item .carrousel-texte h3{color:#ffffff;font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:0.9em;line-height:100%;} .carrousel-odd .item .carrousel-texte h3{color:#ffffff;font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:0.9em;line-height:100%;} .carrousel-acc .item .carrousel-texte b{font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:0.8em;font-weight:normal;color:#36a8e0;text-align:center;display:block;} .carrousel-odd .item .carrousel-texte b{font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:0.8em;font-weight:normal;color:#36a8e0;text-align:center;display:block;} .carrousel-acc .item:hover .carrousel-image .thumb-hover img{opacity:1;width:50px;height:50px;margin-top:-10px;margin-left:-25px;position:absolute;left:50%;top:50%;-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg);} .carrousel-odd .item:hover .carrousel-image .thumb-hover img{opacity:1;width:50px;height:50px;margin-top:-10px;margin-left:-25px;position:absolute;left:50%;top:50%;-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg);} .list .item{width:50%;float:left;height:auto;margin-left:0%;margin-bottom:0%;position:relative;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:1px;/*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9);*/} .list .item:nth-of-type(5n+1){clear:none;} .list .item:nth-of-type(4n+1){clear:none;} .list .item:nth-of-type(3n+1){clear:none;} .list .item:nth-of-type(2n+1){clear:both;} .list .item .carrousel-texte h3{color:#ffffff;font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:1em;line-height:100%;} .list .item .carrousel-texte b{font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:0.8em;font-weight:normal;color:#36a8e0;text-align:center;display:block;} #screen a h3{font-family:"League Gothic", sans-serif;color:#ffffff;text-transform:uppercase;font-size:1.2em;text-align:left;padding-right:50px;position:absolute;bottom:25px;left:40px;} #screen a h3::before{content:''; width:5px;height:40px;margin-top:-7px;background-color:#36a8e0 ;display:block;left:-20px;position:absolute;} #screen a span:hover img{width:70px;height:70px;margin-top:-35px;margin-left:-35px;top:50%;left:50%;opacity:1;position:absolute;-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg);} #main .menu-cont{width:100%;margin:0 auto 0 auto;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding:0px 50px 20px 10px;border-bottom:1px solid #dfdfdf;margin-bottom:30px;} #main h2{font-family:"League Gothic", sans-serif; font-size:1.5em;text-transform:uppercase;color:#1b1b1b;margin-left:25px;} #main h1{font-family:"League Gothic", sans-serif; font-size:2em;text-transform:uppercase;color:#1b1b1b;margin-left:0px;position:relative;display:inline-block;height:inherit;width:auto;} #categorie .menu-cont ul{text-align:center;width:auto;display:block;position:relative;} #categorie .menu-cont ul li{float:left;margin-left:20px;margin-rigth:20px;position:relative;height:25px;padding-top:0px;overflow:hidden;padding-top:20px} #categorie .menu-cont ul li a{font-family:"League Gothic", sans-serif;color:#ffffff;text-transform:uppercase;font-size:1.2em;text-align:left;text-decoration:none;background:url('../img/arrow-down.png')no-repeat center center;padding-top:250px;} #categorie .menu-cont ul li a:hover{padding-top:60px;} #main .main-head.no-text .main-head-left{width:50%;height:80px;float:none;;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;position:relative;left:25px;top:inherit;margin-top:0;padding-top:23px} #main .main-head{background-color:#ffffff;position:relative;} #main .main-head .main-head-left{width:100%;height:auto;float:none;;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;height:auto;position:relative;padding-left:25px;top:0px;padding-top:25px;padding-bottom:25px;margin-top:inherit;transform: translate(0%, 0%); } #main .main-head .main-head-right{margin-top:0px;margin-left:0%;width:100%;float:left;background-color:#e8e8e8;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:25px 25px 25px 25px;} #main .main-head-contact{height:auto;} #main .main-head-contact .bloc-4{position:relative;width:50%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;border:1px solid #e8e8e8;float:left;min-height:150px;height:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:35px 25px 25px 25px;} #main .main-head-contact .bloc-4:nth-of-type(2){min-height:150px;height:auto;} #main .main-head-contact .bloc-4:nth-of-type(2n+1){clear:both;} #main .main-head-contact .bloc-4 iframe{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;} #main .main-head-contact .bloc-4 a{color:#36a8e0;text-decoration:none;} #main .main-head-contact .bloc-3{position:relative;width:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;border:1px solid #e8e8e8;float:left;min-height:150px;height:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:35px 25px 25px 25px;} #main .main-head-contact .bloc-3 p{line-height:100%;color:#36a8e0} #main .main-head-contact .bloc-3 #map_client{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;} #main .main-head-contact .bloc-3 a{color:#36a8e0;text-decoration:none;} #main .main-head-contact .bloc-2{position:relative;width:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;border:1px solid #e8e8e8;float:left;min-height:150px;height:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:35px 25px 25px 25px;} #main .main-head-contact .bloc-2 p{line-height:100%;color:#36a8e0} #main .main-head-contact .bloc-2 #map_client{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;} #main .main-head-contact .bloc-2 a{color:#36a8e0;text-decoration:none;} #main .main-head-contact .bloc-1{position:relative;width:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;border:1px solid #e8e8e8;float:left;min-height:150px;height:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:35px 25px 25px 25px;} #main .main-head-contact .bloc-1 p{line-height:100%;color:#36a8e0} #main .main-head-contact .bloc-1 #map_client{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;} #main .main-head-contact .bloc-1 a{color:#36a8e0;text-decoration:none;} #main p{text-align:justify} #main .main-head-template{background-color:#ffffff;position:relative;} #main .main-head-template .main-head-left{width:100%;height:50px;float:none;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;height:auto;padding:25px 25px 25px 25px;position:relative;} #main .main-head-template .main-head-right{margin-left:0%;width:100%;float:left;background-color:#e8e8e8;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:25px 25px 25px 25px;} #main p{font-size:0.9em;} .thumbs{position:absolute;right:25px;top:50%;margin-top:-13px;} .thumbs .up{right:45px;top:0;width:30px;} .thumbs .down{right:0px;top:0;width:30px;} .thumbs .up:hover{top:-5px;} .thumbs .down:hover{top:5px;} .thumbs img{cursor:pointer;display:block;position:absolute;} .thumbs img:hover{opacity:0.7;} #main .main-head-template .main-head-left h1 {color:#1b1b1b;margin:0;} #main .main-head-template .main-head-left h1 span{display:block;font-size:0.9em;} .ban-photo.client.no-photo {height: 200px;} .ban-photo{position:relative;height:200px;} .vertical-align{position:absolute;top:50px;bottom:0;right:25px;height:150px;display:table} .vertical-align .align-fix{display:table-cell;vertical-align: middle;} .client-image{box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:5px;background-color:#ffffff;-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);border-radius:5px;max-width:125px;max-height:125px;position:relative;} .client-image img{display:block;width:100%;height:auto;border:1px solid #cccccc;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:10px} .media{width:40px;height:130px;background-color:#36a8e0;position:absolute;right:0;top:220px;z-index:0;} footer{background-color:#1b1b1b;min-height:200px;width:100%;position:relative;} footer .footer-cont .foot-menu{margin-right:0;margin-top:250px;} footer .footer-cont .foot-menu ul{margin-top:10px} footer .footer-cont .foot-menu ul:nth-of-type(2) li a{background-color:#ffffff;color:#1b1b1b} footer .footer-cont .foot-menu ul li{float:none;display:inline-block;margin-right:5px;margin-top:10px;} footer .footer-cont .foot-menu ul li a{color:#ffffff;text-decoration:none;text-transform:uppercase; display:inline-block;padding:5px 10px 5px 10px;border:1px solid #ffffff;font-size:0.8em;} footer .footer-cont .foot-menu ul li a:hover{color:#36a8e0;} footer .footer-cont{max-width:2000px;width:100%;margin:0 auto 0 auto;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding:25px 25px 25px 25px;} footer .infolettre-cont{width:auto;margin:0 auto 0 auto;padding-bottom:0;position: absolute;right:25px;left:25px;top:50px;} footer .footer-cont h3{color:#ffffff;font-family:"League Gothic", sans-serif; font-size:1.5em;text-transform:uppercase;text-align:left;border-bottom:2px solid #36a8e0;padding-bottom:20px;} footer .footer-cont h3:first-of-type{text-align:left;} footer .footer-cont input{margin-top:20px;font-family:"League Gothic", sans-serif; font-size:1em;} footer .footer-cont input:first-of-type{background-color:#ffffff;height:55px;padding:0 20px 0 20px;width:75%;float:left;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} footer .footer-cont input:last-of-type{height:55px;padding:0 20px 0 20px;width:23%;float:left;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;background-color:#36a8e0;display:block;text-transform:uppercase;color:#ffffff;margin-left:2%;cursor:pointer} footer .infolettre-cont ul{margin-top:30px;display:block;width:350px;} footer .infolettre-cont ul li{width:10%;margin-left:10%;float:left;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} footer .infolettre-cont ul li:first-child{margin-left:0%;} footer .infolettre-cont ul li:last-child{margin-right:15%;} footer .infolettre-cont ul li img{width:100%;height:auto;} #main .main-cont{width:100%;margin:0 auto 0 auto;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding:25px 25px 25px 25px;} .ban-inside-large{width:100%;position:relative;} .ban-inside-large .ban-cont{width:100%;position:relative;left:0;height:100%;top:0;bottom:0;display:block;height:250px;} .ban-inside-large .video{width:100%;margin-left:0%;float:none;} .ban-inside-side{width:100%;position:relative;} .ban-inside-side .ban-cont{width:100%;position:relative;left:0;height:100%;top:0;bottom:0;display:block;height:250px;} .ban-inside-side .video{width:100%;margin-left:0%;float:none;} .grid-item {float: left;width: 33.333333%;height: 150px;border: 1px solid #ffffff; box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .grid-item--width2 { width: 66.66666666%; } .grid-item--height2 { height: 250px; } #main .main-cont .big-service{background-color:#ffffff;width:100%;border-bottom:1px solid #e8e8e8;position:relative;overflow:hidden;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;position:relative;padding-bottom:25px;overflow:hidden;padding:70px 25px 10px 25px} #main .main-cont .small-service{background-color:#ffffff;width:100%;display:block;float:left;border-bottom:1px solid #e8e8e8;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;position:relative;overflow:hidden;padding:50px 25px 10px 25px;} #main .main-cont .small-service-two{background-color:#ffffff;width:100%;display:block;float:left;border-left:0;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;position:relative;overflow:hidden;padding:50px 25px 10px 25px;} #fix #main .main-cont .big-service h2{font-size:2em;position:relative;margin-bottom:15px} #fix #main .main-cont .big-service p{text-align:justify} #main .main-cont.prod{padding-bottom:30px;} #portfolio{background-color:#e8e8e8;padding:50px 0 50px 0;} #fix #main #portfolio h2{font-size:2em;position:relative;margin-bottom:25px;text-align:center;display:block;margin-left:0;} #portfolio .portfolio-item{width:100%;float:left;border:1px solid #ffffff;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:25px 25px 50px 25px;position:relative;} #portfolio .portfolio-item p{color:#212121} #portfolio .portfolio-item .portfolio-image{width:100%;height:250px;background: url('../img/big-image2-bw.jpg') no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;margin-bottom:20px;position:relative;overflow:hidden;} #portfolio .portfolio-item .portfolio-image img{width:50px;height:50px;position:absolute;right:5px;top:5px;} #portfolio .portfolio-item .portfolio-image .portfolio-details{background-color: rgba(15, 15, 15, 0.7);width:200px;height:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:30px;webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);} #portfolio .portfolio-item .portfolio-image .portfolio-details h5{color:#ffffff;font-family:"League Gothic", sans-serif;font-size:1.2em;text-transform:uppercase;} #portfolio .portfolio-item .portfolio-image .portfolio-details span{font-size:0.8em;margin:5px 0px 15px 0;display:block;line-height:100%;color:#ffffff;} #portfolio .portfolio-item span.btn{color:#ffffff;font-family:"League Gothic", sans-serif;font-size:1.2em;text-transform:uppercase;padding:10px 15px 10px 15px;display:inline-block;background-color:#212121;position:absolute;bottom:0;right:25px;} #fix #main #equipe h2{font-size:2em;margin-bottom:15px;} .gridder-show span strong{font-size:2em;} .gridder-list{width:100%;height:300px;} .gridder-show{padding:50px 25px 50px 25px;} .gridder-show span{width:80%;padding-right:25px;right:25px;} .gridder-close{font-size:2em;font-weight:300;position:absolute;top:30px;right:70px;font-weight:700;color:#0493c4;} .gridder-list:nth-of-type(4n+1){clear:none;} .gridder-list:nth-of-type(3n+1){clear:none;} .gridder-list:nth-of-type(2+1){clear:both;} #map{height:250px;width:100%;position:relative;} .grid .paysage.medium{height:125px; width:33.33333333%;} .grid .paysage.large{height:250px; width:66.666666666%;} .grid .portrait.medium {height: 250px; width:33.333333333%;} .grid .portrait.large {height: 500px; width:66.66666666%;} .droite{float:right;width:100%;position:relative;display:block;margin-left:0px;margin-bottom:20px;margin-top:20px;} .gauche{float:left;width:100%;position:relative;display:block;margin-right:0px;margin-bottom:20px;margin-top:20px;} .centre{width:100%;position:relative;display:block;margin-bottom:20px;max-width: 1600px;margin:30px auto 30px auto;} .centre .ban-cont{height:250px;} .droite .ban-cont{height:250px;} .gauche .ban-cont{height:250px;} .centre iframe{height:250px;width:100%;} .droite iframe{height:250px;width:100%;} .gauche iframe{height:250px;width:100%;} #grille{padding:50px 0 50px 0;} #grille .btn{width:200px;background-color:none;font-family:"League Gothic", sans-serif;text-transform:uppercase;display:block;text-align:center;padding:10px 0 10px 0;font-size:1em;margin:0 auto 0 auto;color:#ffffff;border:3px solid #ffffff;} } /*------IPHONE PORTRAIT----*/ @media screen and (max-width:430px) { #main {/* padding-top: 50px; */} table{display:block;} header .share{display:none;} .media{display:none;} header{position:absolute; position: -webkit-sticky; position: -moz-sticky; position: -o-sticky; position: -ms-sticky; position: sticky; top: 0;} header #logo{position:absolute;top:10px;width:80px;height:auto;left:25px;z-index:9999;} header #logo img{width:100%;height:auto;display:block;} header #top-menu nav.first{position:absolute;right:0;top:0;display:none;} header #top-menu nav.first ul{float:none;margin-left:0;} header #top-menu nav.second ul li{margin:0 10px 0 10px;font-size:1.1em;} header #top-menu{background-color:rgba(0, 0, 0, 0.7);height:50px;width:100%;overflow:hidden;position:absolute;z-index:1;top:0;} header #top-menu nav.second ul{float:right;margin-right:0px} header #top-menu nav.second ul li{float:left;margin:0 10px 0 10px;position:relative;height:50px;padding-top:25px;font-family:"League Gothic", sans-serif;color:#ffffff;text-decoration:none;text-transform:uppercase;font-size:1.2em;cursor:pointer;display:none;} header #top-menu nav.second ul li a{font-family:"League Gothic", sans-serif;color:#ffffff;text-decoration:none;text-transform:uppercase;font-weight: 100} header #top-menu nav.second ul li a:hover{color:#36a8e0} header #top-menu nav.second ul li a::before{content:'';width:50px;height:50px;display:block;background-color:#36a8e0;position:absolute;bottom:-100px;left:50%;margin-left:-25px;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);} header #top-menu nav.second ul li a:hover::before{bottom:-50px;} header #top-menu nav.second ul li.search{background:url(../img/search.png)no-repeat;background-position:13px 15px;padding-left:0;width:50px; margin-right:0px;overflow:hidden; background-color: rgba(54, 54, 54, 0.7);display:block;padding-top:17px;display:none;} header #top-menu nav.second ul li.search input{width:180px;color:#ffffff;position:absolute;left:-200px;padding-left:60px;height:20px;padding-top:0px;margin-top:0;} header #top-menu nav.second ul li.search a::before{display:none} header #top-menu nav.second ul li:last-child{margin-left:0;padding-top:0;cursor:pointer;width:44.5px;display:block;margin-right:0;} header #top-menu nav.second ul li:last-child a::before{display:none;} header #top-menu nav.second ul li:last-child img{position:absolute;width:100%;height:auto;} header #top-menu nav.second ul li:last-child img:first-of-type{top:0;} header #top-menu nav.second ul li:last-child img:last-of-type{top:75px;} .big-cont-slide .cont-slide .cont-in{position:absolute;bottom:25px;left:25px;width:300px;overflow:hidden;} .big-cont-slide .cont-slide h2{font-family:"League Gothic", sans-serif;color:#ffffff;text-transform:uppercase;font-size:2em;text-align:left;padding-right:70px;margin-left:20px;} .big-cont-slide .cont-slide h2::before{content:''; width:5px;height:130px;margin-top:5px;background-color:#36a8e0 ;display:block;left:0px;position:absolute;} .big-cont-slide .cont-slide a{color:#ffffff;text-decoration:none;text-transform:uppercase;font-size:0.8em;display:inline-block;padding:2px 5px 2px 5px;border:2px solid #ffffff;position:absolute;left:20px;bottom:-400px;z-index:99999;} .big-cont-slide:hover a{bottom:0px;} .big-cont-slide:hover .cont-slide .cont-in{padding-bottom:60px;} .big-cont-slide:hover h2::before{height:225px;} .big-cont-slide a:hover{color:#36a8e0} .big-cont-slide-production .cont-slide .cont-in { width: 100%; left: 0; margin: 0; padding: 20px; box-sizing: border-box; top: 90px;} .big-cont-slide-production .cont-slide h1 {padding:0;} #screen .cont-screen{position:absolute;bottom:25px;left:25px;width:300px;overflow:hidden;} #screen .screen-bloc h3{font-family:"League Gothic", sans-serif;color:#ffffff;text-transform:uppercase;font-size:1.5em;text-align:left;padding-right:70px;margin-left:20px;} #screen .screen-bloc h3::before{content:''; width:5px;height:300px;margin-top:-7px;background-color:#36a8e0 ;display:block;left:0px;position:absolute;} #screen .screen-bloc a{color:#ffffff;text-decoration:none;text-transform:uppercase;font-size:0.8em;display:inline-block;padding:2px 5px 2px 5px;border:2px solid #ffffff;position:absolute;left:20px;bottom:-400px;z-index:99999;} #screen .screen-bloc:hover a{bottom:-400px;} #screen .screen-bloc:hover .cont-screen{/* padding-bottom:40px; */ padding-bottom: 0;} #screen .screen-bloc:hover h3::before{height:225px;} #screen .screen-bloc a:hover{color:#36a8e0} /* #screen .big-screen{height:200px;width:100%;} #screen .small-screen{height:200px;width:100%;} #screen .small-screen-1-2{height:200px;width:100%;} */ #screen .small-screen-1-2{width:100%;} .big-explorer{position:absolute;bottom:100px;width:50px;height:50px;bottom:50%;right:50px;margin-right:0px;margin-bottom:-60px;z-index:9;display:none;} header #drop-menu .carrousel .item{width:150px;padding:70px 10px 10px 10px;position:relative;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;border-left:1px solid #1b1b1b;} .big-explorer{position:absolute;bottom:70px;width:70px;height:100px;bottom:50%;right:50%;margin-right:-35px;margin-bottom:-35px;} .carrousel-acc .item{width:150px;margin:0px 5px 0px 5px;position:relative;padding-bottom:0px;} .carrousel-odd .item{width:150px;margin:0px 5px 0px 5px;position:relative;padding-bottom:0px;} .carrousel-acc .item .carrousel-texte h3{color:#ffffff;font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:1em;line-height:100%;} .carrousel-odd .item .carrousel-texte h3{color:#ffffff;font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:1em;line-height:100%;} .carrousel-acc .item .carrousel-texte b{font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:0.8em;font-weight:normal;color:#36a8e0;text-align:center;display:block;} .carrousel-odd .item .carrousel-texte b{font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:0.8em;font-weight:normal;color:#36a8e0;text-align:center;display:block;} .carrousel-acc .item:hover .carrousel-image .thumb-hover img{opacity:1;width:50px;height:50px;margin-top:-10px;margin-left:-25px;position:absolute;left:50%;top:50%;-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg);} .carrousel-odd .item:hover .carrousel-image .thumb-hover img{opacity:1;width:50px;height:50px;margin-top:-10px;margin-left:-25px;position:absolute;left:50%;top:50%;-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg);} .list .item{width:100%;float:left;height:auto;margin-left:0%;margin-bottom:0%;position:relative;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:1px;/*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9);*/} .list .item:nth-of-type(5n+1){clear:none;} .list .item:nth-of-type(4n+1){clear:none;} .list .item:nth-of-type(3n+1){clear:none;} .list .item:nth-of-type(2n+1){clear:none;} .list .item .carrousel-texte h3{color:#ffffff;font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:1.1em;line-height:100%;} .list .item .carrousel-texte b{font-family:"League Gothic", sans-serif;text-transform:uppercase;text-align:center;margin-top:0px;font-size:0.9em;font-weight:normal;color:#36a8e0;text-align:center;display:block;} #screen a h3{font-family:"League Gothic", sans-serif;color:#ffffff;text-transform:uppercase;font-size:1.2em;text-align:left;padding-right:50px;position:absolute;bottom:25px;left:40px;} #screen a h3::before{content:''; width:5px;height:40px;margin-top:-7px;background-color:#36a8e0 ;display:block;left:-20px;position:absolute;} #screen a span:hover img{width:70px;height:70px;margin-top:-35px;margin-left:-35px;top:50%;left:50%;opacity:1;position:absolute;-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg);} #main .menu-cont{width:100%;margin:0 auto 0 auto;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding:0px 50px 20px 10px;border-bottom:1px solid #dfdfdf;margin-bottom:30px;} #main h2{font-family:"League Gothic", sans-serif; font-size:1.5em;text-transform:uppercase;color:#1b1b1b;margin-left:25px;} #main h1{font-family:"League Gothic", sans-serif; font-size:1.5em;text-transform:uppercase;color:#1b1b1b;margin-left:0px;position:relative;display:inline-block;height:inherit;width:auto;} #main h4{font-size:1.2em;} #categorie .menu-cont ul{text-align:center;width:auto;display:block;position:relative;} #categorie .menu-cont ul li{float:left;margin-left:20px;margin-rigth:20px;position:relative;height:25px;padding-top:0px;overflow:hidden;padding-top:20px} #categorie .menu-cont ul li a{font-family:"League Gothic", sans-serif;color:#ffffff;text-transform:uppercase;font-size:1em;text-align:left;text-decoration:none;background:url('../img/arrow-down.png')no-repeat center center;padding-top:250px;} #categorie .menu-cont ul li a:hover{padding-top:60px;} #main .main-head{background-color:#ffffff;position:relative;} #main .main-head .main-head-left{width:100%;height:auto;float:none;;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;height:auto;position:relative;padding-left:25px;top:0px;padding-top:25px;padding-bottom:25px;margin-top:inherit;transform: translate(0%, 0%); } #main .main-head .main-head-right{margin-top:0px;margin-left:0%;width:100%;float:left;background-color:#e8e8e8;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:25px 25px 25px 25px;} #main .main-head-contact{height:auto;} #main .main-head-contact .bloc-4{position:relative;width:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;border:1px solid #e8e8e8;float:left;min-height:120px;height:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:25px 25px 25px 25px;} #main .main-head-contact .bloc-4:first-of-type{height:250px;} #main .main-head-contact .bloc-4:nth-of-type(2){min-height:120px;height:auto;} #main .main-head-contact .bloc-4:nth-of-type(2n+1){clear:both;} #main .main-head-contact .bloc-4 iframe{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;} #main .main-head-contact .bloc-4 a{color:#36a8e0;text-decoration:none;} #main .main-head-contact .bloc-3{position:relative;width:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;border:1px solid #e8e8e8;float:left;min-height:150px;height:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:35px 25px 25px 25px;} #main .main-head-contact .bloc-3 p{line-height:100%;color:#36a8e0} #main .main-head-contact .bloc-3 #map_client{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;} #main .main-head-contact .bloc-3 a{color:#36a8e0;text-decoration:none;} #main .main-head-contact .bloc-2{position:relative;width:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;border:1px solid #e8e8e8;float:left;min-height:150px;height:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:35px 25px 25px 25px;} #main .main-head-contact .bloc-2 p{line-height:100%;color:#36a8e0} #main .main-head-contact .bloc-2 #map_client{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;} #main .main-head-contact .bloc-2 a{color:#36a8e0;text-decoration:none;} #main .main-head-contact .bloc-1{position:relative;width:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;border:1px solid #e8e8e8;float:left;min-height:150px;height:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:35px 25px 25px 25px;} #main .main-head-contact .bloc-1 p{line-height:100%;color:#36a8e0} #main .main-head-contact .bloc-1 #map_client{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;} #main .main-head-contact .bloc-1 a{color:#36a8e0;text-decoration:none;} #main .main-head.no-text .main-head-left{width:50%;height:70px;float:none;;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;position:relative;left:25px;top:inherit;margin-top:0;padding-top:23px} #main p{text-align:justify} #main .main-head-template{background-color:#ffffff;position:relative;} #main .main-head-template .main-head-left{width:100%;height:50px;float:none;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;height:auto;padding:25px 25px 25px 25px;position:relative;} #main .main-head-template .main-head-right{margin-left:0%;width:100%;float:left;background-color:#e8e8e8;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:25px 25px 25px 25px;} #main p{font-size:0.9em;} .thumbs{position:absolute;right:25px;top:50%;margin-top:-13px;display:block;} .thumbs .up{right:45px;top:0;width:30px;} .thumbs .down{right:0px;top:0;width:30px;} .thumbs .up:hover{top:-5px;} .thumbs .down:hover{top:5px;} .thumbs img{cursor:pointer;display:block;position:absolute;} .thumbs img:hover{opacity:0.7;} #main .main-head-template .main-head-left h1 {color:#1b1b1b;margin:0;padding-right:85px;} #main .main-head-template .main-head-left h1 span{display:block;font-size:0.9em;} .ban-photo.client.no-photo {height: 350px;} .ban-photo{position:relative;height:350px;} .vertical-align{position:absolute;top:50px;bottom:0;right:0;left:0;width:100%;height:300px;display:table} .vertical-align .align-fix{display:table-cell;vertical-align: middle;} .client-image{box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:5px;background-color:#ffffff;-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);border-radius:5px;max-width:175px;max-height:175px;position:relative;margin:0 auto 0 auto;} .client-image img{display:block;width:100%;height:auto;border:1px solid #cccccc;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:10px} .media{width:40px;height:130px;background-color:#36a8e0;position:absolute;right:0;top:220px;z-index:0;} footer{background-color:#1b1b1b;min-height:200px;width:100%;position:relative;} footer .footer-cont .foot-menu{margin-right:0;margin-top:320px;} footer .footer-cont .foot-menu ul{margin-top:10px} footer .footer-cont .foot-menu ul:nth-of-type(2) li a{background-color:#ffffff;color:#1b1b1b} footer .footer-cont .foot-menu ul li{float:none;display:inline-block;margin-right:5px;margin-top:10px;} footer .footer-cont .foot-menu ul li a{color:#ffffff;text-decoration:none;text-transform:uppercase; display:inline-block;padding:5px 10px 5px 10px;border:1px solid #ffffff;font-size:0.8em;} footer .footer-cont .foot-menu ul li a:hover{color:#36a8e0;} footer .footer-cont{max-width:2000px;width:100%;margin:0 auto 0 auto;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding:25px 25px 25px 25px;} footer .infolettre-cont{width:auto;margin:0 auto 0 auto;padding-bottom:0;position: absolute;right:25px;left:25px;top:50px;} footer .footer-cont h3{color:#ffffff;font-family:"League Gothic", sans-serif; font-size:1.3em;text-transform:uppercase;text-align:left;border-bottom:2px solid #36a8e0;padding-bottom:20px;} footer .footer-cont h3:first-of-type{text-align:left;} footer .footer-cont input{margin-top:20px;font-family:"League Gothic", sans-serif; font-size:1.5em;} footer .footer-cont input:first-of-type{background-color:#ffffff;height:55px;padding:0 20px 0 20px;width:100%;float:left;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} footer .footer-cont input:last-of-type{height:55px;padding:0 20px 0 20px;width:100%;float:left;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;background-color:#36a8e0;display:block;text-transform:uppercase;color:#ffffff;margin-left:0;cursor:pointer} footer .infolettre-cont ul{margin-top:30px;display:block;width:300px;} footer .infolettre-cont ul li{width:10%;margin-left:10%;float:left;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} footer .infolettre-cont ul li:first-child{margin-left:0%;} footer .infolettre-cont ul li:last-child{margin-right:15%;} footer .infolettre-cont ul li img{width:100%;height:auto;} #main .main-cont{width:100%;margin:0 auto 0 auto;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding:25px 25px 25px 25px;} .share-content .tags{margin-top:30px;padding-right:100px} .share-content .tags li{display:inline-block;margin-right:3px;} .share-content .tags li a{color:#1b1b1b;background-color:#e8e8e8;display:block;padding:5px 10px 5px 10px;text-decoration:none;} .share-content .tags li a:hover{background-color:#1b1b1b;color:#ffffff;} .ban-inside-large{width:100%;position:relative;} .ban-inside-large .ban-cont{width:100%;position:relative;left:0;height:100%;top:0;bottom:0;display:block;height:200px;} .ban-inside-large .video{width:100%;margin-left:0%;float:none;} .ban-inside-side{width:100%;position:relative;} .ban-inside-side .ban-cont{width:100%;position:relative;left:0;height:100%;top:0;bottom:0;display:block;height:200px;} .ban-inside-side .video{width:100%;margin-left:0%;float:none;} .under{display:none;} .bx-wrapper .bx-controls-direction a{display:none;} #main .main-cont .big-service{background-color:#ffffff;width:100%;border-bottom:1px solid #e8e8e8;position:relative;overflow:hidden;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;position:relative;padding-bottom:25px;overflow:hidden;padding:70px 20px 10px 20px} #main .main-cont .small-service{background-color:#ffffff;width:100%;display:block;float:left;border-bottom:1px solid #e8e8e8;;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;position:relative;overflow:hidden;padding:50px 20px 10px 20px;} #main .main-cont .small-service-two{background-color:#ffffff;width:100%;display:block;float:left;border-left:0;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;position:relative;overflow:hidden;padding:50px 20px 10px 20px;} #fix #main .main-cont .big-service h2{font-size:2em;position:relative;margin-bottom:10px} #fix #main .main-cont .big-service p{text-align:justify} #main .main-cont.prod{padding-bottom:30px;} #portfolio{background-color:#e8e8e8;padding:30px 0 30px 0;} #fix #main #portfolio h2{font-size:2em;position:relative;margin-bottom:15px;text-align:center;display:block;margin-left:0;} #portfolio .portfolio-item{width:100%;float:left;border:1px solid #ffffff;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:25px 25px 50px 25px;position:relative;} #portfolio .portfolio-item p{color:#212121} #portfolio .portfolio-item .portfolio-image{width:100%;height:250px;background: url('../img/big-image2-bw.jpg') no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;margin-bottom:20px;position:relative;overflow:hidden;} #portfolio .portfolio-item .portfolio-image img{width:50px;height:50px;position:absolute;right:5px;top:5px;display:none;} #portfolio .portfolio-item .portfolio-image .portfolio-details{background-color: rgba(15, 15, 15, 0.7);width:100%;height:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:30px;webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);} #portfolio .portfolio-item .portfolio-image .portfolio-details h5{color:#ffffff;font-family:"League Gothic", sans-serif;font-size:1.2em;text-transform:uppercase;} #portfolio .portfolio-item .portfolio-image .portfolio-details span{font-size:0.8em;margin:5px 0px 15px 0;display:block;line-height:100%;color:#ffffff;} #portfolio .portfolio-item span.btn{color:#ffffff;font-family:"League Gothic", sans-serif;font-size:1.1em;text-transform:uppercase;padding:10px 15px 10px 15px;display:inline-block;background-color:#212121;position:absolute;bottom:0;right:25px;} #fix #main #equipe h2{font-size:2em;margin-bottom:15px;} .gridder-show span strong{font-size:1.5em;} .gridder-list{width:100%;height:300px;} .gridder-show{padding:50px 25px 50px 25px;} .gridder-show span{width:80%;padding-right:25px;right:25px;} .gridder-close{font-size:2em;font-weight:300;position:absolute;top:30px;right:70px;font-weight:700;color:#0493c4;} .gridder-list:nth-of-type(4n+1){clear:none;} .gridder-list:nth-of-type(3n+1){clear:none;} .gridder-list:nth-of-type(2+1){clear:both;} #map{height:250px;width:100%;position:relative;} #map .adresse{top:0;} .share-content{margin-top:30px;display:block;position:relative;margin-bottom:50px;} #fix #main .main-cont .share-content a.share-btn{display:inline-block;padding:12px 15px 10px 40px;color:#ffffff !important;text-transform:uppercase;text-decoration:none;font-family:"League Gothic", sans-serif;font-size:1.5em;margin-right:10px;} .share-content a.share-btn.share-facebook:hover, .share-content a.share-btn.share-twitter:hover{background-color:#1b1b1b;} .share-content a.share-btn.share-facebook{background:#3b579d url('../img/facebook.png')no-repeat 10px center; background-size:9%;color:#ffffff !important;} .share-content a.share-btn.share-twitter{background:#00abec url('../img/twitter.png')no-repeat 10px center; background-size:9%;color:#ffffff !important;} .grid .paysage.medium{height:125px; width:50%;} .grid .paysage.large{height:250px; width:100%;} .grid .portrait.medium {height: 250px; width:50%;} .grid .portrait.large {height: 500px; width:100%;} .droite{float:right;width:100%;position:relative;display:block;margin-left:0px;margin-bottom:20px;margin-top:20px;} .gauche{float:left;width:100%;position:relative;display:block;margin-right:0px;margin-bottom:20px;margin-top:20px;} .centre{width:100%;position:relative;display:block;margin-bottom:20px;max-width: 1600px;margin:30px auto 30px auto;} .centre .ban-cont{height:175px;} .droite .ban-cont{height:175px;} .gauche .ban-cont{height:175px;} .centre iframe{height:175px;width:100%;} .droite iframe{height:175px;width:100%;} .gauche iframe{height:175px;width:100%;} #grille{padding:50px 0 50px 0;} #grille .btn{width:200px;background-color:none;font-family:"League Gothic", sans-serif;text-transform:uppercase;display:block;text-align:center;padding:10px 0 10px 0;font-size:1em;margin:0 auto 0 auto;color:#ffffff;border:3px solid #ffffff;} } .bounce{-webkit-animation:bounce 2s infinite;-moz-animation:bounce 2s infinite;animation:bounce 2s infinite;} @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); transform: translateY(0); } 40% { -moz-transform: translateY(-30px); transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } 40% { -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -webkit-transform: translateY(-15px); transform: translateY(-15px); } } #main iframe{ width:100%; height:500px } @media screen and (max-width:768px) { #main iframe{ width:100%; height:250px } } #direct { border: solid 1px #36a8e0; padding: 6px 8px; height: 25px !important; top: -6px; color: #36a8e0; } #direct a { color: #36a8e0 !important; } #direct_mobile { padding: 6px 8px; height: 25px !important; top: -6px; color: #36a8e0; background-color: #36a8e0; margin-right: 12px; text-align: center; } #direct_mobile a { color: #fff !important; }