*{margin:0;padding:0;border:none;outline:none;} *, *:before, *:after {-webkit-box-sizing: border-box;box-sizing: border-box;} *::-moz-selection { background: none repeat scroll 0 0 #0176FF; color: #FFFFFF; } *::selection { background: none repeat scroll 0 0 #0176FF; color: #FFFFFF; } @font-face { font-family: 'gotham_book'; src: url(//www.corne-bleue.com/wp-content/themes/cornebleue/fonts/GothamBook.eot); src: url(//www.corne-bleue.com/wp-content/themes/cornebleue/fonts/GothamBook.eot?#iefix) format('embedded-opentype'), url(//www.corne-bleue.com/wp-content/themes/cornebleue/fonts/GothamBook.woff) format('woff'), url(//www.corne-bleue.com/wp-content/themes/cornebleue/fonts/GothamBook.ttf) format('truetype'), url(//www.corne-bleue.com/wp-content/themes/cornebleue/fonts/GothamBook.svg#gotham_book) format('svg'); font-weight: normal; font-style: normal; font-display: swap; } body{font-family:'Open sans',arial,sans-serif;font-weight:300;font-size:18px;color:#000;background:#FFF;position:relative;top:0!important;} h1{font-size:50px;margin:0;padding:0 0 20px;font-family:'gotham',arial,sans-serif;font-weight:bold;color:#000;text-transform:uppercase;text-align:center;} h2{font-size:35px;margin:0 0 20px 0;font-family:'gotham',arial,sans-serif;font-weight:normal;color:#000;text-transform:uppercase;text-align:center;} h2.h2commeh1{font-size:50px;margin:0;padding:0 0 20px;font-family:'gotham',arial,sans-serif;font-weight:bold;color:#000;background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/bg-h1.png) no-repeat center bottom;text-transform:uppercase;text-align:center;} h1 + h2{margin-top:10px;} h3{font-size:25px;margin:0 0 20px 0;font-family:'gotham',arial,sans-serif;font-weight:normal;color:#000;} h3.h3commeh2{font-size:35px;margin:10px 0 20px 0;font-family:'gotham',arial,sans-serif;font-weight:normal;color:#000;text-transform:uppercase;text-align:center;letter-spacing:inherit;} h3 .bleu{color:#0176FF;} h2 + h3{margin-top:10px;} h4{font-weight:400;margin-bottom:20px;} a{text-decoration:none;color:#000; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} a:hover{color:#0176FF;} ul{list-style:none outside none;} img{display:block;border:none;margin:0;padding:0;} input {-webkit-appearance: none;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;-ms-border-radius:0;border-radius:0;} #cont_header{position:absolute;width:auto;left:30px;top:30px;right:30px;padding:0;height:auto;z-index:30000; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} body:not(.home,.page-template-page-cms) #cont_header, #cont_header.fixed{background:#FFFFFF;} .page-template-page-cms #cont_header.fixed, .home #cont_header.fixed{background:none;} #header{width:100%;max-width:100%;height:80px;margin:0 auto;background:#FFFFFF;position:relative;top:0;padding-right:80px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-justify-content:flex-end; justify-content:flex-end;} .page-template-page-cms #header, .home #header{background:none;} .parent-pageid-9 #header{background:rgba(255,255,255,0.9);} .fixed #header{height:80px;} #logo{position:absolute;left:0;top:0;z-index:13;width:auto;height:80px;} body:not(.home, .page-template-page-cms) #logo{height:80px;} .home #logo{top:150px;left:20px;background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/logo-H.png) no-repeat center center;-webkit-background-size:250px;-moz-background-size:250px;background-size:250px; transform:rotate(-90deg); transform-origin:50px 50%;} .page-template-page-cms #logo{height:80px;left:20px;background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/logo-H.png) no-repeat center center;-webkit-background-size:250px;-moz-background-size:250px;background-size:250px;} #logo img{width:auto;height:100%;} .page-template-page-cms #logo img, .home #logo img{opacity:0;} .fixed #logo{height:80px;} .page-template-page-cms .fixed #logo img, .home .fixed #logo img{opacity:0;} #slider{width:100%;min-height:1080px;max-height:1440px;margin:0 auto; position:relative;border:30px solid #FFFFFF;background:linear-gradient(to right, #62F3CB, #00ABC4);} #slider:after{display:block;content:"";position:absolute;left:50%;bottom:-60px;width:1px;height:120px;background:#0176FF;z-index:1;} #slider .sliderContent{position:absolute;z-index:1;left:140px;top:0;right:0;bottom:0; } @media screen and (max-width: 767px){ #slider{min-height:580px;} } #page{width:100%;margin:0 auto 0;} .page-template-page-cms #page, .home #page{margin:0 auto 0;} #contenu{width:100%;margin:0;} .blog #contenu{padding:0 0;overflow:hidden;} #aside{display:none;} .contenu-article .widget_login_wid{ margin-bottom:40px;padding-left:20px;padding-right:20px;} #cont-footer{width:100%;height:auto;padding:0 0 30px;position:relative;background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/bg-contfooter.jpg) repeat-x left bottom #1E1E1E;} #footer{height:auto;width:100%;margin:auto;position:relative;border-left:30px solid #FFFFFF;border-right:30px solid #FFFFFF;} .grecaptcha-badge{opacity:0;visibility:hidden;} #backtotop{opacity:0;z-index:2010;} #backtotop a{display:none;position:fixed;z-index:2010;right:60px;bottom:80px;overflow:hidden;background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/backtotop.png) no-repeat left top transparent;border:none; -webkit-border-radius:60px; -moz-border-radius:60px; -o-border-radius:60px; -ms-border-radius:60px; border-radius:60px;} #backtotop a span{display:block;background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/backtotop.png) no-repeat left -60px transparent;width:60px;height:60px;opacity:0;} #backtotop.enable a{display:block;} button.gdpr-preferences{display:inline-block;padding:20px;text-transform:uppercase;background:#333;color:#FFF;font-size:16px;margin-bottom:20px;cursor:pointer; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} button.gdpr-preferences:hover{background:#0176FF;} body .gdpr.gdpr-privacy-bar, body .gdpr.gdpr-reconsent-bar{max-width:480px;left:50%;margin-left:-240px;bottom:30px;} body .gdpr.gdpr-privacy-bar .gdpr-wrapper, body .gdpr.gdpr-reconsent-bar .gdpr-wrapper{display:block;padding:20px;} body .gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-content, body .gdpr.gdpr-reconsent-bar .gdpr-wrapper .gdpr-content{display:block;padding:0 0 15px;} body .gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-content p, body .gdpr.gdpr-reconsent-bar .gdpr-wrapper .gdpr-content p{font-size:13px;line-height:15px;padding-right:10px;} body .gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-right, body .gdpr.gdpr-reconsent-bar .gdpr-wrapper .gdpr-right{-webkit-justify-content:center;justify-content:center;} body .gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-right .gdpr-buttons, body .gdpr.gdpr-reconsent-bar .gdpr-wrapper .gdpr-right .gdpr-buttons{width:100%; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-justify-content:space-between; justify-content:space-between;} body .gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-right .gdpr-buttons button.gdpr-preferences, body .gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-right .gdpr-buttons button.gdpr-agreement{width:49%;height:40px;line-height:40px;background:none;border:1px solid #FFFFFF;text-shadow:none;font-size:12px;text-decoration:none;padding:0 10px;margin:0; text-transform:uppercase!important;position:relative; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; -ms-box-shadow:none; box-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border-radius:0;} body .gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-right .gdpr-buttons button.gdpr-preferences:hover, body .gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-right .gdpr-buttons button.gdpr-agreement:hover{color:#808080;border-color:#808080;} body .gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-right .gdpr-buttons button.gdpr-preferences:before {display:none;} a.buttonGA{display:inline-block;padding:20px;text-transform:uppercase;background:#333;color:#FFF!important;font-size:16px;margin-bottom:0;cursor:pointer; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} a.buttonGA:hover{background:#0176FF;} body .gdpr.gdpr-privacy-preferences .gdpr-wrapper .gdpr-content .gdpr-tabs li button.gdpr-active, body .gdpr.gdpr-privacy-preferences .gdpr-wrapper .gdpr-content .gdpr-tabs li a.gdpr-active, body .gdpr.gdpr-reconsent .gdpr-wrapper .gdpr-content .gdpr-tabs li button.gdpr-active, body .gdpr.gdpr-reconsent .gdpr-wrapper .gdpr-content .gdpr-tabs li a.gdpr-active, body .gdpr.gdpr-general-confirmation .gdpr-wrapper .gdpr-content .gdpr-tabs li button.gdpr-active, body .gdpr.gdpr-general-confirmation .gdpr-wrapper .gdpr-content .gdpr-tabs li a.gdpr-active{background-color:#0176FF;} body .gdpr.gdpr-privacy-preferences .gdpr-wrapper .gdpr-content .gdpr-tabs li button:hover, body .gdpr.gdpr-privacy-preferences .gdpr-wrapper .gdpr-content .gdpr-tabs li a:hover, body .gdpr.gdpr-reconsent .gdpr-wrapper .gdpr-content .gdpr-tabs li button:hover, body .gdpr.gdpr-reconsent .gdpr-wrapper .gdpr-content .gdpr-tabs li a:hover, body .gdpr.gdpr-general-confirmation .gdpr-wrapper .gdpr-content .gdpr-tabs li button:hover, body .gdpr.gdpr-general-confirmation .gdpr-wrapper .gdpr-content .gdpr-tabs li a:hover{color:#0176FF;} body .gdpr.gdpr-privacy-preferences .gdpr-wrapper>form>footer input[type="submit"], body .gdpr.gdpr-privacy-preferences .gdpr-wrapper .reconsent-form>footer input[type="submit"], body .gdpr.gdpr-reconsent .gdpr-wrapper>form>footer input[type="submit"], body .gdpr.gdpr-reconsent .gdpr-wrapper .reconsent-form>footer input[type="submit"], body .gdpr.gdpr-general-confirmation .gdpr-wrapper>form>footer input[type="submit"], body .gdpr.gdpr-general-confirmation .gdpr-wrapper .reconsent-form>footer input[type="submit"]{height:50px;line-height:20px;border:none;text-shadow:none;text-decoration:none; display:inline-block;padding:15px;text-transform:uppercase;background:#0176FF;color:#FFF;font-size:13px;margin-bottom:0;cursor:pointer; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; -ms-box-shadow:none; box-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border-radius:0;} body .gdpr.gdpr-privacy-preferences .gdpr-wrapper>form>footer input[type="submit"]:hover, body .gdpr.gdpr-privacy-preferences .gdpr-wrapper .reconsent-form>footer input[type="submit"]:hover, body .gdpr.gdpr-reconsent .gdpr-wrapper>form>footer input[type="submit"]:hover, body .gdpr.gdpr-reconsent .gdpr-wrapper .reconsent-form>footer input[type="submit"]:hover, body .gdpr.gdpr-general-confirmation .gdpr-wrapper>form>footer input[type="submit"]:hover, body .gdpr.gdpr-general-confirmation .gdpr-wrapper .reconsent-form>footer input[type="submit"]:hover{background:#333;} body .gdpr.gdpr-privacy-preferences .gdpr-wrapper .gdpr-mobile-menu button:hover, body .gdpr.gdpr-reconsent .gdpr-wrapper .gdpr-mobile-menu button:hover, body .gdpr.gdpr-general-confirmation .gdpr-wrapper .gdpr-mobile-menu button:hover{color:#0176FF;} body .gdpr.gdpr-privacy-preferences .gdpr-wrapper .gdpr-mobile-menu button:hover:after, body .gdpr.gdpr-reconsent .gdpr-wrapper .gdpr-mobile-menu button:hover:after, body .gdpr.gdpr-general-confirmation .gdpr-wrapper .gdpr-mobile-menu button:hover:after{border-top-color:#0176FF;} body .gdpr-request-form input[type=submit]{display:inline-block;padding:20px;text-transform:uppercase;background:#333;color:#FFF;font-size:16px;margin-bottom:20px;cursor:pointer; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} body .gdpr-request-form input[type=submit]:hover{background:#0176FF;} body .gdpr-request-form input[type=email]{display:inline-block;line-height:19px;padding:19px 20px;text-transform:lowercase;background:#FFF;color:#333;font-size:16px;margin-bottom:20px;cursor:pointer;border:1px solid #333333; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} body .gdpr-request-form input[type=email]:focus{ -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; -ms-box-shadow:none; box-shadow:none;} body .gdpr.gdpr-privacy-bar .gdpr-content a{color:#808080;} body .gdpr.gdpr-privacy-bar .gdpr-content a:hover{color:#0176FF;} body .gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-content p, body .gdpr.gdpr-reconsent-bar .gdpr-wrapper .gdpr-content p{line-height:20px;} #contact .content_form .acceptance{margin-top:20px;} #contact .content_form .acceptance input[type=checkbox]{width:14px;height:14px;float:left;margin:1px 5px 20px 0;padding:0;-webkit-appearance:checkbox;-moz-appearance:checkbox;} #contact .content_form .acceptance span.wpcf7-list-item-label{font-size:14px;} #contact .content_form .acceptance span.wpcf7-list-item{margin:0;} @media screen and (max-width: 767px){ body .gdpr.gdpr-privacy-bar, body .gdpr.gdpr-reconsent-bar{bottom:20px;} body .gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-content p, body .gdpr.gdpr-reconsent-bar .gdpr-wrapper .gdpr-content p{text-align:left;} } @media screen and (max-width: 520px){ body .gdpr.gdpr-privacy-bar, body .gdpr.gdpr-reconsent-bar{width:auto;max-width:480px;left:20px;margin-left:0;right:20px;} } @media screen and (max-width: 359px){ body .gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-right .gdpr-buttons{-ms-flex-direction:column;flex-direction:column;} body .gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-right .gdpr-buttons button.gdpr-preferences{width:100%;margin:0 0 10px;padding:0;} body .gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-right .gdpr-buttons button.gdpr-agreement{width:100%;margin:0;padding:0 10px;} } body #cookie-law-info-bar{max-width:480px;left:50%!important;margin-left:-200px;bottom:30px!important;padding:20px 0 0;background:#FFFFFF!important;color:#000000!important;border-radius:10px;box-shadow:0 0 10px #000000;} body #cookie-law-info-bar .cli_messagebar_head{display:block;margin-bottom:10px;font-weight:700;font-size:16px;text-align:left;padding:0 25px;} body #cookie-law-info-bar .cli_messagebar_head span{display:block;font-size:20px;} body #cookie-law-info-bar .titreCookieBar{display:block;margin-bottom:10px;font-weight:700;text-align:left;} body #cookie-law-info-bar .texteCookieBar{display:block;margin-bottom:20px;text-align:left;padding:0 25px;} body #cookie-law-info-bar .linkCookieBar{width:100%;border-top:1px solid #000000; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-justify-content:flex-end; justify-content:flex-end;} body #cookie-law-info-bar #CONSTANT_OPEN_URL{display:block!important;width:100%!important;margin:10px!important;} body #cookie-law-info-bar .cookie_action_close_header_reject, body #cookie-law-info-bar .cli_settings_button, body #cookie-law-info-bar .cookie_action_close_header{ width:33.33%!important;font-size:12px;line-height:14px;padding:10px 10px;margin:0!important;text-transform:uppercase;text-align:center; border:none;color:#000000!important;cursor:pointer!important;background:#FFFFFF!important;font-weight:700!important; display:-webkit-box!important; display:-webkit-flex!important; display:-moz-box!important; display:-ms-flex!important; display:flex!important; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-align-content:center; align-content:center; -webkit-justify-content:center; justify-content:center;} body #cookie-law-info-bar .cookie_action_close_header_reject, body #cookie-law-info-bar .cli_settings_button{border-right:1px solid #000000;} body #cookie-law-info-bar .cookie_action_close_header{background:#372984!important;color:#FFFFFF!important;} body #cookie-law-info-bar .cookie_action_close_header_reject:hover, body #cookie-law-info-bar .cli_settings_button:hover, body #cookie-law-info-bar .cookie_action_close_header:hover{background:#000000!important;color:#FFFFFF!important;} body #cookie-law-info-bar .cookie_action_close_header_reject{border-radius:0 0 0 10px;} body #cookie-law-info-bar .cookie_action_close_header{border-radius:0 0 10px 0;} @media screen and (max-width: 1440px){ #cookie-law-info-bar span.texteCookieBar{width:100%;max-width:1280px;margin:0 auto 10px;text-align:center!important; -webkit-justify-content:center; justify-content:center;} #cookie-law-info-bar span.linkCookieBar{width:100%; -webkit-justify-content:center; justify-content:center;} } @media screen and (max-width: 767px){ body .gdpr.gdpr-privacy-bar .gdpr-wrapper, body .gdpr.gdpr-reconsent-bar .gdpr-wrapper{padding:20px 30px;} } @media screen and (max-width: 520px){ body #cookie-law-info-bar{width:auto;max-width:480px;left:20px!important;margin-left:0;right:20px!important;bottom:20px!important;} body #cookie-law-info-bar .titreCookieBar{text-align:center;} } #headerSearch{position:fixed;left:0;top:-15%;width:100%;height:15%;z-index:55000; background:rgba(255,255,255,0.96);overflow:hidden; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-justify-content:center; justify-content:center; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;} #headerSearch.open{top:0;height:100%;} #headerSearch .widget{width:100%;max-width:870px;margin:0 auto 0; -webkit-align-self:center; align-self:center;} #headerSearch .widget > form{padding:0 20px;} #headerSearch form > div{position:relative; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-justify-content:center; justify-content:center;} #headerSearch form label{display:none;} #headerSearch input[type=text]{display:block;width:100%;height:60px;line-height:60px;background:none;border:none;border-bottom:2px solid #0176FF;padding:0 60px 0 40px; font-family:'gotham',arial,helvetica,sans-serif;font-weight:900;font-size:35px;} #headerSearch input[type=text]::-webkit-input-placeholder {color:#1E1E1E;text-transform:none;} #headerSearch input[type=text]:-moz-placeholder {color:#1E1E1E;text-transform:none;} #headerSearch input[type=text]::-moz-placeholder {color:#1E1E1E;text-transform:none;} #headerSearch input[type=text]:-ms-input-placeholder {color:#1E1E1E;text-transform:none;} #headerSearch input[type=submit]{display:block;width:60px;height:60px;position:absolute;right:0;top:0;z-index:1;cursor:pointer;text-indent:-999em; background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/btnSearchHeaderN.png) no-repeat center center;-webkit-background-size:60px;-moz-background-size:60px;background-size:60px; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;} #headerSearch input[type=submit]:hover{background-image:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/btnSearchHeaderH.png);} #headerSearch .btnSearchClose{width:50px;height:50px;position:absolute;top:0;right:0;z-index:1;cursor:pointer;} #headerSearch .btnSearchClose .layer{width:30px;height:3px;position:absolute;left:50%;top:50%;background:#1E1E1E;margin-left:-15px;margin-top:-1.5px; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;} #headerSearch .btnSearchClose .layer1{ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);} #headerSearch .btnSearchClose .layer2{ -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);} #headerSearch .btnSearchClose:hover .layer{background:#0176FF;} #btnContact{width:200px;height:40px; cursor:pointer;background:#0176FF;color:#FFFFFF;font-size:14px;line-height:40px;margin-top:20px; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;} #btnContact span{display:block;width:100%;height:100%;text-align:center;text-transform:uppercase;} body:not(.home) #btnContact:hover, #btnContact:hover{background:#1E1E1E;} #btnPhone{margin-left:40px;margin-right:20px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-justify-content:center; justify-content:center; } #btnPhone a{display:block;width:200px;height:40px;line-height:40px;font-size:14px;text-transform:uppercase;text-align:center;color:#FFFFFF;border:1px solid #FFFFFF;font-weight:400; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px;} body:not(.home) #btnPhone a{color:#1E1E1E;border:1px solid #1E1E1E;} body.page-template-page-cms #btnPhone a{color:#FFFFFF;border:1px solid #FFFFFF;} #btnPhone a:hover{background:#1E1E1E;border-color:#1E1E1E;color:#FFFFFF;} body:not(.home) #btnPhone a:hover{color:#FFFFFF;} body.page-template-page-cms #btnPhone a:hover{background:#1E1E1E;border-color:#1E1E1E;color:#FFFFFF;} #menumobile{width:40px;height:40px;margin:20px 20px 0 20px;position:absolute;z-index:51000;right:0;top:0;cursor:pointer; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;} .fixed #menumobile{position:fixed;width:100px;height:100px;top:30px;right:0;margin:0;background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/bgMenuMobile.png) no-repeat 15px 10px #FFFFFF;-webkit-background-size:30px;-moz-background-size:30px;background-size:30px; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.5); -moz-box-shadow:0 0 10px rgba(0,0,0,0.5); box-shadow:0 0 10px rgba(0,0,0,0.5);} #menumobile .layer{ display:block;width:35px;height:3px;background:#1E1E1E;position:absolute;left:2.5px;margin-left:0; -webkit-border-radius:1px; -moz-border-radius:1px; -o-border-radius:1px; -ms-border-radius:1px; border-radius:1px; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #menumobile.open .layer{background:#FFFFFF;} .page-template-page-cms #menumobile .layer, .home #menumobile .layer{background:#FFFFFF;} .fixed #menumobile .layer{background:#1E1E1E;left:12.5px;} #menumobile .layer-1{top:7px;} #menumobile .layer-2{top:18.5px;} #menumobile .layer-3{top:30px;} #menumobile:hover .layer-1{top:11px;} #menumobile:hover .layer-2{top:18.5px;} #menumobile:hover .layer-3{top:27px;} #menumobile.open .layer-1{top:14px;} #menumobile.open .layer-2{top:18.5px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);} #menumobile.open .layer-3{top:23px;} #menumobile.open:hover .layer-1{top:11px;} #menumobile.open:hover .layer-3{top:27px;} .fixed #menumobile .layer-1{top:62px;} .fixed #menumobile .layer-2{top:73.5px;} .fixed #menumobile .layer-3{top:85px;} .fixed #menumobile:hover .layer-1{top:66px;} .fixed #menumobile:hover .layer-2{top:73.5px;} .fixed #menumobile:hover .layer-3{top:82px;} .fixed #menumobile.open .layer-1{top:69px;} .fixed #menumobile.open .layer-2{top:73.5px;} .fixed #menumobile.open .layer-3{top:78px;} .fixed #menumobile.open:hover .layer-1{top:66px;} .fixed #menumobile.open:hover .layer-3{top:82px;} #nav{position:fixed;right:-300px;top:30px;bottom:30px; background:#1E1E1E;z-index:50000;opacity:0;visibility:hidden;overflow:hidden; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease 0s;} #nav.open{right:30px;left:calc(50% - 90px);width:auto;opacity:1;visibility:visible; transition:all 0.3s cubic-bezier(.75,.27,.09,1.73) 0s;} #nav > ul{width:100%;height:100%;position:relative;padding:80px 0; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-justify-content:center; justify-content:center;} #nav > ul > li#menuTopNav{position:absolute;left:0;top:0;width:100%;height:80px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-justify-content:space-between; justify-content:space-between;} #nav > ul > li#menuTopNav .linkMenu{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; } #nav > ul > li#menuTopNav .linkMenu a{font-size:20px;line-height:20px;color:#FFFFFF;text-transform:uppercase;font-weight:700;padding:30px;} #nav > ul > li#menuTopNav .linkMenu a:hover{color:#0176FF;} #nav > ul > li#menuTopNav .linkSearch{padding-right:80px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; } #nav > ul > li#menuTopNav .linkSearch #btnSearch{font-size:20px;line-height:20px;color:#FFFFFF;text-transform:uppercase;font-weight:700;padding:30px;cursor:pointer;} #nav > ul > li#menuTopNav .linkSearch #btnSearch:hover{color:#0176FF;} #nav > ul > li#menuTopNav .linkSearch .btnClose{display:none; } #nav > ul > li#custom_html-5{width:100%;height:50px;position:absolute;left:0;bottom:30px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-justify-content:flex-end; justify-content:flex-end;} #nav > ul > li#custom_html-5 > div{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-justify-content:center; justify-content:center;} #nav > ul > li#custom_html-5 .reseauxNavMobile{padding:0 30px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap;} #nav > ul > li#custom_html-5 .reseauxNavMobile a{display:block;width:50px;height:50px;margin:0 10px;padding:0;text-indent:-999em;} #nav > ul > li#custom_html-5 .reseauxNavMobile a.facebook{background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/img-fb.jpg) no-repeat left top;margin-left:0; -webkit-background-size:50px; -moz-background-size:50px; background-size:50px;} #nav > ul > li#custom_html-5 .reseauxNavMobile a.instagram{background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/img-insta.jpg) no-repeat left top;margin-right:15px; -webkit-background-size:50px; -moz-background-size:50px; background-size:50px;} #nav > ul > li#custom_html-5 .reseauxNavMobile a.linkedin{background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/img-in.jpg) no-repeat left top; -webkit-background-size:50px; -moz-background-size:50px; background-size:50px;} #nav > ul > li#custom_html-5 .reseauxNavMobile a.facebook:hover{background-image:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/bg-facebook.jpg);} #nav > ul > li#custom_html-5 .reseauxNavMobile a.instagram:hover{background-image:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/bg-instagram.jpg);} #nav > ul > li#custom_html-5 .reseauxNavMobile a.linkedin:hover{background-image:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/bg-linkedin.jpg);} #nav > ul > li#nav_menu-4{} #nav > ul > li#nav_menu-4 > div{width:100%;margin:0 auto;padding:0 30px;} #nav > ul > li#nav_menu-4 > div > ul{width:100%;} #nav > ul > li#nav_menu-4 > div > ul > li{position:relative;margin:0 0 10px 0;} #nav > ul > li#nav_menu-4 > div > ul > li > a{display:inline-block;font-family:'Open sans',arial,sans-serif;font-size:50px;line-height:50px;font-weight:700;text-transform:uppercase;padding:0 15px;text-align:left;color:#FFFFFF;position:relative;} #nav > ul > li#nav_menu-4 > div > ul > li > a:hover{color:#0176FF;padding-left:95px;} #nav > ul > li#nav_menu-4 > div > ul > li > a span{display:block;position:absolute;left:-80px;bottom:5px;height:1px;width:0;background:#0176FF;text-indent:-999em; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #nav > ul > li#nav_menu-4 > div > ul > li > a:hover span{width:160px;} #nav > ul > li#nav_menu-4 > div > ul > li ul{padding:5px 0;} #nav > ul > li#nav_menu-4 > div > ul > li ul li a{display:block;font-size:30px;line-height:35px;font-weight:400;font-family:'Open sans',arial,sans-serif;color:#FFFFFF;text-transform:uppercase;padding:0 15px;} #nav > ul > li#nav_menu-4 > div > ul > li ul li a span{display:none;} #nav > ul > li#nav_menu-4 > div > ul > li ul li a:hover{color:#0176FF;padding-left:55px;} #nav .menuClose{position:fixed;z-index:0;left:0;top:0;right:0;bottom:0;} .page-id-13 #page{overflow:hidden;} #page p{line-height:22px;margin:0 0 20px;} #page ul{margin:0 0 20px;} .error-404{max-width:1200px;margin:0 auto;padding:80px;min-height:800px;} .error-404 h1{margin-top:200px;color:#000;text-align:center;} #slider:before{display:block;content:"";position:absolute;z-index:2;left:calc(50% - 90px);top:-30px;right:0;bottom:0;background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/bgSlider.png) no-repeat left bottom;} #slider .sliderTitle{position:absolute;z-index:3;left:0;top:250px;width:100%;padding-left:50px;} #slider .sliderTitle p.title{font-size:90px;line-height:80px;color:#FFFFFF;text-align:left;margin-bottom:40px;font-weight:700;text-transform:uppercase;} #slider .sliderTitle .widget ul{margin-left:30%;padding:0; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap;} #slider .sliderTitle .widget ul li{margin:0;} #slider .sliderTitle .widget ul li a{display:inline-block;font-size:18px;text-transform:uppercase;color:#FFFFFF;padding:6px 0;position:relative;} #slider .sliderTitle .widget ul li:first-child a:after{display:block;content:"";width:120px;height:1px;position:absolute;left:-135px;top:50%;background:#FFFFFF; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #slider .sliderTitle .widget ul li a:hover{padding-left:20px;} #btnScroll{width:100px;position:absolute;left:50%;margin-left:-50px;bottom:90px;cursor:pointer;z-index:4;} #btnScroll .flecheScroll{width:32px;height:42px;margin:0 auto 10px;border:2px solid #FFFFFF;position:relative; border-radius:20px;} #btnScroll .flecheScroll .layer{position:absolute;display:block;width:12px;height:2px;background:#FFFFFF;} #btnScroll .flecheScroll .fleche1{top:12px; -webkit-animation: animFleche1 1s ease-out 0.5s alternate infinite; animation: animFleche1 1s ease-out 0.5s alternate infinite;} #btnScroll .flecheScroll .fleche2{top:19px; -webkit-animation: animFleche1 1s ease-out 1s alternate infinite; animation: animFleche1 1s ease-out 1s alternate infinite;} #btnScroll .flecheScroll .fleche3{top:26px; -webkit-animation: animFleche1 1s ease-out 1.5s alternate infinite; animation: animFleche1 1s ease-out 1.5s alternate infinite;} #btnScroll .flecheScroll .layer1, #btnScroll .flecheScroll .layer3, #btnScroll .flecheScroll .layer5{left:4px; transform:rotate(45deg);} #btnScroll .flecheScroll .layer2, #btnScroll .flecheScroll .layer4, #btnScroll .flecheScroll .layer6{right:4px; transform:rotate(-45deg);} #btnScroll > span{display:block;font-size:12px;text-transform:uppercase;color:#FFF;text-align:center;} @-webkit-keyframes animFleche1{ 0%{ opacity:0 }100%{ opacity:1; } } @keyframes animFleche1{ 0%{ opacity:0 }100%{ opacity:1; } } #slider .bx-wrapper{border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin:0;background:none;height:100%;} #slider .bx-wrapper .bx-viewport{height:100%!important;} #mainSliderUL{height:100%;} #mainSliderUL li{position:relative;height:100%;} #mainSliderUL li img{width:100%;height:auto;} #mainSliderUL li .caption{width:100%;max-width:1000px;position:absolute;left:50%;top:35%;margin-left:-500px;opacity:0; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #mainSliderUL li.open .caption{top:45%;opacity:1;} #mainSliderUL li .caption h3{display:block;width:100%;font-size:40px;line-height:45px;font-family:'Exo',arial,helvetica,sans-serif;color:#FFFFFF;text-align:center;text-transform:uppercase;margin:0;padding-bottom:20px;text-shadow:0 0 5px rgba(30,30,30,0.3);} #mainSliderUL li .caption .lcp_excerpt p{text-align:center;margin:0;color:#FFFFFF;} #slider .bx-wrapper .bx-controls{position:absolute;left:0;bottom:30px;width:100%;z-index:10;display:none;} #slider .bx-wrapper .bx-controls .bx-pager{left:0;bottom:0;padding:15px 0 15px 0;} #slider .bx-wrapper .bx-pager.bx-default-pager a{width:12px;height:12px;background:rgba(255,255,255,0.5); -webkit-border-radius:9px; -moz-border-radius:9px; -o-border-radius:9px; -ms-border-radius:9px; border-radius:9px;} #slider .bx-wrapper .bx-pager.bx-default-pager a.active, #slider .bx-wrapper .bx-pager.bx-default-pager a:focus, #slider .bx-wrapper .bx-pager.bx-default-pager a:hover{background:#FFFFFF;} @media screen and (max-height: 900px){ #slider .sliderTitle p.title{font-size:70px;line-height:60px;color:#FFFFFF;} #slider .sliderTitle .widget ul{margin-left:15%;} } @media screen and (max-width: 1900px){ #slider:before{background-position:right bottom;left:0;} } @media screen and (max-width: 1024px){ #slider .sliderTitle p.title{font-size:70px;line-height:60px;color:#FFFFFF;} #slider .sliderTitle .widget ul{margin-left:30%;} } #blockAccueil{width:100%;padding:0 30px;position:relative;overflow:hidden;} #blockAccueil .blockAccueilContainer{width:100%;max-width:1740px;margin:0 auto;padding:120px 60px;position:relative;z-index:11;} #blockAccueil .blockAccueilContainer:before{display:block;content:"";width:450px;height:500px;background:#0176FF;position:absolute;left:-450px;top:50%;margin-top:-250px;} #blockAccueil .blockAccueilContainer:after{display:block;content:"";width:450px;height:500px;background:#0176FF;position:absolute;left:100%;top:0;} #blockAccueil h1{font-size:90px;line-height:80px;font-family:'Open sans',arial,helvetica,sans-serif;font-weight:700;text-transform:uppercase;text-align:left;margin:0 0 120px;padding:0;color:#0176FF;} #blockAccueil h1 span{display:block;font-size:35px;line-height:35px;color:#1E1E1E;} #blockAccueil .textContainer{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-justify-content:center; justify-content:center;} #blockAccueil .blockText{width:50%;max-width:900px;margin:0 auto;} #blockAccueil .blockText p{font-size:18px;line-height:32px;margin:0;padding:0;} #blockAccueil .blockText p:first-child{max-width:660px;margin-bottom:80px;} #blockAccueil .blockText p strong{font-weight:700;color:#0176FF;} #blockAccueil .blockText p.link{text-align:right;} #blockAccueil .blockText p.link a{font-size:16px;line-height:20px;text-transform:uppercase;color:#B4B4B4;font-weight:400;padding-right:65px;position:relative;} #blockAccueil .blockText p.link a:after{display:block;content:"";position:absolute;right:0;top:50%;width:45px;height:1px;background:#B4B4B4;z-index:1; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #blockAccueil .blockText p.link a:hover{color:#0176FF;} #blockAccueil .blockText p.link a:hover:after{background:#0176FF;right:5px;} #blockAccueil .blockSpinner{width:50%; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-justify-content:center; justify-content:center;} #blockAccueil .blockSpinner p{font-size:35px;line-height:40px;font-family:'Open sans',arial,helvetica,sans-serif;font-weight:900;text-align:center;text-transform:none;margin:0;position:relative;} #blockAccueil .blockSpinner p span span{color:#0176FF;font-weight:900;} #blockTherme{width:100%;padding:0 30px 60px;} #blockTherme ul{list-style:none;padding:0;margin:0;position:relative;z-index:2; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap;} #blockTherme ul li{width:25%;min-height:160px;text-align:center; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-align-content:center; align-content:center; -webkit-justify-content:center; justify-content:center;} #blockTherme ul li span{display:block;font-size:30px;line-height:30px;color:#1E1E1E;font-weight:700;text-transform:uppercase;text-align:center;} #textSpinner{display:inline-block;width:100%;height:40px;line-height:40px;position:absolute;left:0;top:0;overflow:hidden;} #textSpinner span{display:block;position:absolute;left:0;top:0;width:100%;height:40px;line-height:40px;opacity:0;} #textSpinner span.text1{z-index:1;} #textSpinner span.text2{z-index:2;} #textSpinner span.text3{z-index:3;} #textSpinner span.text4{z-index:4;} #titleSpinner{display:inline-block;width:100%;height:80px;line-height:80px;position:relative;overflow:hidden;} #titleSpinner span{display:block;position:absolute;left:0;top:0;width:100%;height:80px;line-height:80px;opacity:0;} #titleSpinner span.text1{z-index:1;} #titleSpinner span.text2{z-index:2;} #blockExpertise{width:100%;padding:120px 0 0;background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/bgExpertises.jpg) repeat-x left 900px #DE5C4D;border-left:30px solid #FFFFFF;border-right:30px solid #FFFFFF;position:relative;} #blockExpertise:before{display:block;content:"";position:absolute;z-index:1;left:50%;top:-60px;width:1px;height:120px;background:#1E1E1E;} #blockExpertise h2{font-size:90px;line-height:80px;font-family:'Open sans',arial,helvetica,sans-serif;font-weight:700;text-transform:uppercase;text-align:left;margin:0 0 80px 120px;padding:0;color:#FFFFFF;max-width:700px;} #blockExpertise h2 span{display:block;font-size:35px;line-height:35px;color:#1E1E1E;font-family:'gotham',arial,helvetica,sans-serif;max-width:540px;text-transform:none;} #blockExpertise .expertises{width:100%; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-justify-content:flex-end; justify-content:flex-end;} #blockExpertise .expertises .expertise{width:50%;padding-left:120px;margin-bottom:160px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-justify-content:flex-end; justify-content:flex-end;} #blockExpertise .expertises .expertise.web{ -webkit-transform:translateY(-160px); -moz-transform:translateY(-160px); transform:translateY(-160px);} #blockExpertise .expertises .expertise.communication{ -webkit-transform:translateY(160px); -moz-transform:translateY(160px); transform:translateY(160px);} #blockExpertise .expertises .expertise.marketing{margin-bottom:0; -webkit-transform:translateY(-160px); -moz-transform:translateY(-160px); transform:translateY(-160px);} #blockExpertise .expertises .expertiseContainer{width:100%;background:#FFFFFF;padding:120px 80px;position:relative;} #blockExpertise .expertises .expertiseContainer:before{display:block;content:"";position:absolute;z-index:1;left:-80px;top:-120px;color:#F5F5F5;opacity:0.4;font-size:200px;line-height:160px;font-weight:700;} #blockExpertise .expertises .web .expertiseContainer:before{content:"01";} #blockExpertise .expertises .communication .expertiseContainer:before{content:"02";} #blockExpertise .expertises .marketing .expertiseContainer:before{content:"03";opacity:1;} #blockExpertise .expertises .expertise h3{font-size:35px;line-height:35px;text-transform:uppercase;font-weight:700;margin:0;padding:0;font-family:'Open sans',arial,helvetica,sans-serif;} #blockExpertise .expertises .expertise h3 + p{font-size:18px;line-height:20px;margin:0 0 40px;} #blockExpertise .expertises .expertise ul{list-style:none;margin:0 0 20px;padding:0;} #blockExpertise .expertises .expertise ul li{font-size:18px;line-height:30px;text-transform:uppercase;position:relative;} #blockExpertise .expertises .expertise ul li:first-child:before{display:block;content:"";width:120px;height:1px;background:#1E1E1E;position:absolute;left:-140px;top:50%;z-index:1;} #blockExpertise .expertises .expertise p.link{text-align:right;padding:0;margin:0;} #blockExpertise .expertises .expertise p.link a{display:inline-block;font-size:16px;line-height:20px;text-transform:uppercase;color:#B4B4B4;font-weight:400;padding-right:65px;position:relative; } #blockExpertise .expertises .expertise p.link a:after{display:block;content:"";position:absolute;right:0;top:50%;width:45px;height:1px;background:#B4B4B4;z-index:1; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #blockExpertise .expertises .expertise p.link a:hover{color:#0176FF;} #blockExpertise .expertises .expertise p.link a:hover:after{background:#0176FF;right:5px;} #blockServices{width:100%;padding:0 0 120px;margin-top:-160px;background:#DE5C4D;border-left:30px solid #FFFFFF;border-right:30px solid #FFFFFF;} #blockServices h2{font-size:90px;line-height:80px;font-family:'Open sans',arial,helvetica,sans-serif;font-weight:700;text-transform:uppercase;text-align:left;margin:0 0 0 120px;padding:0;color:#FFFFFF;max-width:700px;position:relative;} #blockServices h2:before{display:block;content:"04";position:absolute;z-index:1;left:-80px;top:-270px;color:#F5F5F5;opacity:1;font-size:200px;line-height:160px;font-weight:700;} #blockServices h2 span{display:block;font-size:35px;line-height:35px;color:#1E1E1E;font-family:'gotham',arial,helvetica,sans-serif;max-width:540px;text-transform:none;} #blockServices .services{width:100%;padding-left:820px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap;} #blockServices .services .service{padding-left:140px;} #blockServices .services .service ul{list-style:none;margin:0;padding:0;} #blockServices .services .service ul li{font-size:18px;line-height:30px;text-transform:uppercase;position:relative;} #blockServices .services .service ul li:first-child:before{display:block;content:"";width:120px;height:1px;background:#1E1E1E;position:absolute;left:-140px;top:50%;z-index:1;} #blockServices .services p.link{width:100%;text-align:right;padding:0 120px 0 0;margin:40px 0 0 0;} #blockServices .services p.link a{display:inline-block;font-size:16px;line-height:20px;text-transform:uppercase;color:#FFFFFF;font-weight:400;padding-right:65px;position:relative;} #blockServices .services p.link a:after{display:block;content:"";position:absolute;right:0;top:50%;width:45px;height:1px;background:#FFFFFF;z-index:1; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #blockServices .services p.link a:hover{color:#B4B4B4;} #blockServices .services p.link a:hover:after{background:#B4B4B4;right:5px;} #blockExpertCMS{width:100%;padding:0 30px; position:relative;} #blockExpertCMS:before{display:block;content:"";position:absolute;z-index:1;left:50%;top:-60px;width:1px;height:120px;background:#1E1E1E;} #blockExpertCMS:after{display:block;content:"";position:absolute;z-index:1;left:0;bottom:0;width:50%;height:1px;background:linear-gradient(to right, #62F3CB, #00ABC4);} #blockExpertCMS .blockExpertCMSContainer{width:100%;padding:120px 90px 0;position:relative;z-index:11;} #blockExpertCMS .titleExpertCMS{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-justify-content:flex-end; justify-content:flex-end;} #blockExpertCMS h2{font-size:90px;line-height:80px;font-family:'Open sans',arial,helvetica,sans-serif;font-weight:700;text-transform:uppercase;text-align:left;margin:0 0 100px;padding:0;color:#1E1E1E;max-width:700px;position:relative;} #blockExpertCMS h2 span{display:block;font-size:35px;line-height:35px;color:#1E1E1E;font-family:'gotham',arial,helvetica,sans-serif;text-transform:none;} #blockExpertCMS .listeCMS{width:100%; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap;} #blockExpertCMS .listeCMS .cms{width:33.33%;padding:0 30px;margin-bottom:80px;} #blockExpertCMS .listeCMS .cms h3{font-size:35px;line-height:35px;text-transform:uppercase;text-align:center;font-weight:700;margin:0 auto 40px;padding:80px 0 0;font-family:'Open sans',arial,helvetica,sans-serif;max-width:500px;} #blockExpertCMS .listeCMS .cms.referencement h3{max-width:300px;} #blockExpertCMS .listeCMS .cms.trafoc h3{max-width:600px;} #blockExpertCMS .listeCMS .cms.wordpress h3{background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/logoCMS/logoWordpress.jpg) no-repeat center top;-webkit-background-size:auto 55px;-moz-background-size:auto 55px;background-size:auto 55px;} #blockExpertCMS .listeCMS .cms.prestashop h3{background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/logoCMS/logoPrestashop.jpg) no-repeat center top;-webkit-background-size:auto 55px;-moz-background-size:auto 55px;background-size:auto 55px;} #blockExpertCMS .listeCMS .cms.shopify h3{background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/logoCMS/logoShopify.jpg) no-repeat center top;-webkit-background-size:auto 55px;-moz-background-size:auto 55px;background-size:auto 55px;} #blockExpertCMS .listeCMS .cms.trafic h3{background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/logoCMS/logoAcquisition.jpg) no-repeat center top;-webkit-background-size:auto 55px;-moz-background-size:auto 55px;background-size:auto 55px;} #blockExpertCMS .listeCMS .cms.referencement h3{background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/logoCMS/logoReferencement.jpg) no-repeat center top;-webkit-background-size:auto 55px;-moz-background-size:auto 55px;background-size:auto 55px;} #blockExpertCMS .listeCMS .cms.community h3{background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/logoCMS/logoCommunity.jpg) no-repeat center top;-webkit-background-size:auto 55px;-moz-background-size:auto 55px;background-size:auto 55px;} #blockExpertCMS .listeCMS .cms p{font-size:18px;line-height:30px;margin-bottom:40px;} #blockExpertCMS .listeCMS .cms p.link{width:100%;text-align:right;padding:0;margin:0;} #blockExpertCMS .listeCMS .cms p.link a{display:inline-block;font-size:16px;line-height:20px;text-transform:uppercase;color:#B4B4B4;font-weight:400;padding-right:65px;position:relative;} #blockExpertCMS .listeCMS .cms p.link a:after{display:block;content:"";position:absolute;right:0;top:50%;width:45px;height:1px;background:#B4B4B4;z-index:1; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #blockExpertCMS .listeCMS .cms p.link a:hover{color:#0176FF;} #blockExpertCMS .listeCMS .cms p.link a:hover:after{background:#0176FF;right:5px;} .page-template-page-cms #blockExpertCMS{background:#FFFFFF;position:relative;z-index:3;} .page-template-page-cms #blockExpertCMS:before{display:none;} .page-template-page-cms #blockExpertCMS:after{display:none;} .page-template-page-cms #blockExpertCMS .graphics{display:none;} .page-template-page-cms #blockExpertCMS .blockExpertCMSContainer{padding:90px 90px 0;} .page-template-page-cms #blockExpertCMS .titleExpertCMS{-webkit-justify-content:flex-start;justify-content:flex-start;} .page-template-page-cms #blockExpertCMS .titleExpertCMS h2{max-width:100%;} .blockCasclients{width:100%;padding:80px 0 0;position:relative;background:#FFFFFF;} .blockCasclientsFirst{padding:40px 0;} .blockCasclients .blockCasclientsContainer{position:relative;} .blockCasclients .blockCasclientsContainer:before{display:block;content:"";position:absolute;z-index:1;left:45%;right:0;top:90px;height:1px;background:linear-gradient(to right, #62F3CB, #00ABC4);} .blockCasclients .titleCasClients{padding:0 30px;margin:0 auto;position:relative;z-index:10;} .blockCasclients h2{font-size:90px;line-height:80px;font-family:'Open sans',arial,helvetica,sans-serif;font-weight:700;text-transform:uppercase;text-align:left;margin:0 0 100px 120px;padding:0;color:#1E1E1E;max-width:700px;position:relative;} .blockCasclients h2 span{display:block;font-size:35px;line-height:35px;color:#1E1E1E;font-family:'gotham',arial,helvetica,sans-serif;text-transform:none;} .blockCasclients ul{overflow:hidden;margin:0;} .blockCasclients ul li{display:block;width:50%;position:relative;float:left;} .blockCasclients ul li .blockImage{overflow:hidden;position:relative;} .blockCasclients ul li .blockImage .imgBlank{max-width:100%;height:auto;margin:0;padding:0;} .blockCasclients ul li .blockImage a{position:absolute;z-index:1;left:0;top:0;bottom:0;right:0;width:100%; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-align-content:center; align-content:center; -webkit-justify-content:center; justify-content:center;} .blockCasclients ul li .blockImage a img{width:auto;height:100%; -webkit-align-self:center; align-self:center;} .blockCasclients ul li .blockHover{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;padding:30px; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-align-content:center; align-content:center; -webkit-justify-content:center; justify-content:center;} .blockCasclients ul li .blockHover p.catTitle{font-size:20px;line-height:20px;color:#FFFFFF;text-transform:uppercase;text-align:center;position:relative;margin-bottom:5px;margin-top:0;opacity:1; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;} .blockCasclients ul li .blockHover h3{font-size:30px;line-height:30px;margin:0 0 0;padding:0;color:#FFFFFF;font-weight:700;font-family:'Open sans',arial,helvetica,sans-serif;text-align:center; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .blockCasclients ul li:hover .blockHover h3{margin:0 0 30px;} .blockCasclients ul li .blockHover p.desc{max-width:580px;margin:0 auto 0;font-size:18px;line-height:30px;text-align:center;color:#FFFFFF;height:0;overflow:hidden;opacity:0; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .blockCasclients ul li:hover .blockHover p.desc{height:auto;margin:0 auto 30px;opacity:1;} .blockCasclients ul li .blockHover .fullLinkContainer{text-align:center;margin:0;opacity:0; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .blockCasclients ul li:hover .blockHover .fullLinkContainer{opacity:1;} .blockCasclients ul li .blockHover a.fullLink{display:inline-block;font-size:16px;line-height:20px;text-transform:uppercase;color:#FFFFFF;font-weight:400;padding-right:65px;position:relative;} .blockCasclients ul li .blockHover a.fullLink:after{display:block;content:"";position:absolute;right:0;top:50%;width:45px;height:1px;background:#FFFFFF;z-index:1; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .blockCasclients ul li .blockHover a.fullLink:hover{color:#1E1E1E;} .blockCasclients ul li .blockHover a.fullLink:hover:after{background:#1E1E1E;right:5px;} @-webkit-keyframes animCas{ 0%{ right:40px;bottom:40px; }100%{ right:20px;bottom:20px; } } @keyframes animCas{ 0%{ right:40px;bottom:40px; }100%{ right:20px;bottom:20px; } } .imageEntete{width:100%;height:300px;overflow:hidden; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-justify-content:center; justify-content:center;} .imageEntete img{width:auot;height:100%;} #blockExigence{width:100%;background:#F5F5F5;position:relative;} #blockExigence .blockExigenceContainer{width:100%;height:900px;border-left:30px solid #FFFFFF;border-right:30px solid #FFFFFF;position:relative;z-index:10; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-align-content:center; align-content:center; -webkit-justify-content:center; justify-content:center;} #blockExigence .blockExigenceContainer h2{font-size:90px;line-height:80px;font-family:'Open sans',arial,helvetica,sans-serif;font-weight:700;text-transform:uppercase;text-align:left;margin:0 0 100px;padding:0;color:#06B2BA;max-width:700px;position:relative;} #blockExigence .blockExigenceContainer p.link{text-align:center;} #blockExigence .blockExigenceContainer p.link a{display:inline-block;width:100%;max-width:300px;height:60px;line-height:60px;font-size:16px;text-transform:uppercase;font-weight:600;position:relative;color:#06B2BA;} #blockExigence .blockExigenceContainer p.link a:before{display:block;content:"";position:absolute;z-index:1;left:0;top:0;width:80%;height:1px;background:#06B2BA; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #blockExigence .blockExigenceContainer p.link a:after{display:block;content:"";position:absolute;z-index:1;right:0;bottom:0;width:1px;height:0;background:#06B2BA; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #blockExigence .blockExigenceContainer p.link a .trait1{display:block;position:absolute;z-index:1;right:0;bottom:0;width:100%;height:1px;background:#06B2BA; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #blockExigence .blockExigenceContainer p.link a .trait2{display:block;position:absolute;z-index:1;left:0;top:0;width:1px;height:100%;background:#06B2BA; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #blockExigence .blockExigenceContainer p.link a:hover:before{background:#06B2BA;width:100%;} #blockExigence .blockExigenceContainer p.link a:hover:after{background:#06B2BA;height:100%;} #blockExigence .blockExigenceContainer p.link a:hover .trait1{width:80%;} #blockExigence .blockExigenceContainer p.link a:hover .trait2{height:0;} #blockProjet{width:100%;padding:0;background:#06B2BA;position:relative;} #blockProjet:after{display:block;content:"";position:absolute;z-index:1;pointer-events:none;left:50%;bottom:-160px;margin-left:-505px;width:1010px;height:1380px;background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/bgSlider.png) no-repeat center center;} #blockProjet .blockProjetContainer{width:100%;height:900px;border-left:30px solid #FFFFFF;border-right:30px solid #FFFFFF;background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/bgProjetHome.jpg) no-repeat center center;padding:160px 120px 0 120px;} #blockProjet .blockProjetContainer h2{position:relative;z-index:2;font-size:90px;line-height:80px;font-family:'Open sans',arial,helvetica,sans-serif;font-weight:700;text-transform:uppercase;text-align:left;margin:0 0 160px 0;padding:0;color:#FFFFFF;max-width:700px;position:relative;} .page-template-page-cms #blockProjet .blockProjetContainer h2{max-width:100%;padding-right:30px;} #blockProjet .blockProjetContainer h2 span{display:block;margin-left:200px;} #blockProjet .blockProjetContainer p.link{position:relative;z-index:2;text-align:center;} #blockProjet .blockProjetContainer p.link a{display:inline-block;width:100%;max-width:300px;height:60px;line-height:60px;font-size:16px;text-transform:uppercase;font-weight:600;position:relative;color:#FFFFFF;} #blockProjet .blockProjetContainer p.link a:before{display:block;content:"";position:absolute;z-index:1;left:0;top:0;width:80%;height:1px;background:#FFFFFF; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #blockProjet .blockProjetContainer p.link a:after{display:block;content:"";position:absolute;z-index:1;right:0;top:0;width:1px;height:0;background:#FFFFFF; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #blockProjet .blockProjetContainer p.link a:hover:before{background:#FFFFFF;width:100%;} #blockProjet .blockProjetContainer p.link a:hover:after{background:#FFFFFF;height:100%;} #blockProjet .blockProjetContainer p.link a:before{display:block;content:"";position:absolute;z-index:1;left:0;top:0;width:80%;height:1px;background:#FFFFFF; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #blockProjet .blockProjetContainer p.link a:after{display:block;content:"";position:absolute;z-index:1;right:0;bottom:0;width:1px;height:0;background:#FFFFFF; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #blockProjet .blockProjetContainer p.link a .trait1{display:block;position:absolute;z-index:1;right:0;bottom:0;width:100%;height:1px;background:#FFFFFF; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #blockProjet .blockProjetContainer p.link a .trait2{display:block;position:absolute;z-index:1;left:0;top:0;width:1px;height:100%;background:#FFFFFF; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #blockProjet .blockProjetContainer p.link a:hover:before{width:100%;} #blockProjet .blockProjetContainer p.link a:hover:after{height:100%;} #blockProjet .blockProjetContainer p.link a:hover .trait1{width:80%;} #blockProjet .blockProjetContainer p.link a:hover .trait2{height:0;} #blockProjet .blockProjetContainer p.link.tarifs a:before{left:inherit;right:0;width:80%;} #blockProjet .blockProjetContainer p.link.tarifs a:hover:before{width:100%;} #blockProjet .blockProjetContainer p.link.tarifs a:after{bottom:inherit;top:0;height:100%;} #blockProjet .blockProjetContainer p.link.tarifs a:hover:after{height:0;} #blockProjet .blockProjetContainer p.link.tarifs a .trait1{right:inherit;left:0;} #blockProjet .blockProjetContainer p.link.tarifs a:hover .trait1{width:80%;} #blockProjet .blockProjetContainer p.link.tarifs a .trait2{top:inherit;bottom:0;height:0;} #blockProjet .blockProjetContainer p.link.tarifs a:hover .trait2{height:100%;} #blockMenu{width:100%;padding:0 30px;} #blockMenu ul{list-style:none;padding:0;margin:0;position:relative;z-index:2; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap;} #blockMenu ul li{width:20%;min-height:160px;padding:0 20px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-align-content:center; align-content:center; -webkit-justify-content:center; justify-content:center;} #blockMenu ul li:nth-child(4){width:40%;} #blockMenu ul li a{display:block;font-size:30px;line-height:30px;color:#1E1E1E;font-weight:700;text-transform:uppercase;} #blockMenu ul li:nth-child(1) a{max-width:240px;} #blockMenu ul li:nth-child(2) a{max-width:200px;} #blockMenu ul li:nth-child(3) a{max-width:200px;} #blockMenu ul li:nth-child(4) a{max-width:450px;} #blockMenu ul li a:hover{color:#0176FF;} .blockContact{width:100%;margin:0 auto;padding:0; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-flow: row wrap; -webkit-flex-flow: row wrap; -moz-box-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;} #map{width:50%!important;height:auto!important;padding-bottom:0;} #map #wpgmza_map{height:100%!important;min-height:652px;} #contact{width:50%;margin:0 auto;padding:0 0 80px;} #contact h1{margin-left:20px;margin-right:20px;} #contact p.upline_form{font-size:12px!important;max-width:1100px;margin:0 auto 20px;padding:0;} #contact .content_form{width:100%;max-width:1380px;margin:0 auto 0;padding-bottom:0px;position:relative;} #contact .content_form form{margin:0 20px;} #contact .content_form hr{height:1px;background:#C4C4C4;margin:10px auto 20px;padding:0;border:none;} #contact .content_form .groupe{overflow:hidden;margin:0 auto; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-flow: row wrap; -webkit-flex-flow: row wrap; -moz-box-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;} #contact .content_form .field{width:50%;float:left;overflow:hidden;} #contact .content_form .groupe2 .field{width:100%;} #contact .content_form .groupe2 .field:last-child{overflow:visible;position:relative;height:auto;} #contact .content_form .field span{display:block;width:100%;padding:0 0 0 10px;} #contact .content_form .field_left span{padding:0 10px 0 0;} #contact .content_form .groupe2 .field span{padding:0;} #contact .content_form .groupe2 .field span.ajax-loader{width:16px;height:16px;} #contact .content_form .groupe2 .field span.wpcf7-not-valid-tip{padding:0 20px;} #contact .content_form .field input, #contact .content_form .field select, #contact .content_form .field textarea{display:inline-block;font-family:'gotham',arial,sans-serif;border:none;border-bottom:1px solid rgba(240,240,240,0.9);width:100%;height:40px;padding:0 20px;font-size:14px;color:#000000;margin:0 0 20px 0; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; -ms-box-shadow:none; box-shadow:none;} #contact .content_form .field input:focus, #contact .content_form .field select:focus, #contact .content_form .field textarea:focus{border-bottom:2px solid #0176FF;} #contact .content_form .field select{border:1px solid rgba(240,240,240,0.9);} #contact .content_form .filefield input{height:auto;margin:0;padding:20px;} #contact .content_form .field textarea{padding:20px;height:170px;margin-bottom:20px;} #contact .content_form .field div.captcha{float:none;width:100%;height:auto; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-flow: row wrap; -webkit-flex-flow: row wrap; -moz-box-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;} #contact .content_form .field div.captcha img{margin:0 10px 0 0;width:auto;height:40px;} #contact .content_form .field div.captcha span{width:150px;} #contact .content_form .field div.captcha input{display:block;width:100%;height:40px;color:#000000;font-size:14px;text-transform:none;padding:0 10px;margin:0;} #contact .content_form .field div.submit{float:none;height:80px;margin-top:20px;padding:0;} #contact .content_form .field div.submit input{margin:0;width:100%;height:80px;background:#323232;font-size:18px;color:#FFF;font-weight:300;text-transform:uppercase;text-align:center;border:none; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #contact .content_form .field div.submit input:hover{background:#0176FF;cursor:pointer;} #contact .content_form .field p.small{font-size:8px!important;line-height:10px;margin-right:10px;} #contact .content_form .groupe0 .field{height:64px;line-height:64px;width:100%;} #contact .content_form .groupe0 .field input{width:auto;height:auto;float:left;margin:25px 10px 0 0;} #contact .content_form .groupe0 .field .wpcf7-list-item{float:left;display:inline-block;margin:0;padding:0;width:auto!important;} #contact .content_form .groupe0 .field .wpcf7-list-item label span{font-size:16px;color:#FFFFFF;text-transform:uppercase;display:inline-block;width:auto;} #contact .content_form .groupe0 .field .wpcf7-list-item-label{width:inherit;display:inline;padding:0 10px 0 0;font-size:16px;color:#1E1E1E;} #contact .content_form div.wpcf7-response-output{position:absolute;z-index:2000;left:0;top:100%;margin:0 0 0 10px;padding:10px 20px;background:rgba(255,255,255,1);color:#000000;width:100%;border:none;} #contact .content_form div.wpcf7-validation-errors{color:red;} #contact .content_form span.wpcf7-not-valid-tip{position:absolute;left:0;top:45px;padding:0 20px 0 30px;font-size:12px;line-height:14px;} #contact .content_form .field_left span.wpcf7-not-valid-tip{padding:0 20px 0 20px;} #contact .content_form .captcha span.wpcf7-not-valid-tip{padding:0 0 0 10px!important;width:200px!important;} #contact *::-webkit-input-placeholder {color:#464646;text-transform:uppercase; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #contact *:-moz-placeholder {color:#464646;text-transform:uppercase; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #contact *::-moz-placeholder {color:#464646;text-transform:uppercase; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #contact *:-ms-input-placeholder {color:#464646;text-transform:uppercase; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #contact .content_form .field input:focus::-webkit-input-placeholder {color:#C2C2C2;} #contact .content_form .field select:focus::-webkit-input-placeholder {color:#C2C2C2;} #contact .content_form .field textarea:focus::-webkit-input-placeholder {color:#C2C2C2;} #contact .content_form .field input:focus:-moz-placeholder {color:#C2C2C2;} #contact .content_form .field select:focus:-moz-placeholder {color:#C2C2C2;} #contact .content_form .field textarea:focus:-moz-placeholder {color:#C2C2C2;} #contact .content_form .field input:focus::-moz-placeholder {color:#C2C2C2;} #contact .content_form .field select:focus::-moz-placeholder {color:#C2C2C2;} #contact .content_form .field textarea:focus::-moz-placeholder {color:#C2C2C2;} #contact .content_form .field input:focus:-ms-input-placeholder {color:#C2C2C2;} #contact .content_form .field select:focus:-ms-input-placeholder {color:#C2C2C2;} #contact .content_form .field textarea:focus:-ms-input-placeholder {color:#C2C2C2;} #contact .content_form .field div.captcha input::-webkit-input-placeholder{text-transform:none;} #contact .content_form .field div.captcha input:-moz-placeholder{text-transform:none;} #contact .content_form .field div.captcha input::-moz-placeholder{text-transform:none;} #contact .content_form .field div.captcha input:-ms-input-placeholder{text-transform:none;} .headerCMS{width:100%;max-height:1440px;margin:0 auto;position:relative;border:30px solid #FFFFFF; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flexbox-flow:row wrap; flex-flow:row wrap; -webkit-align-items:stretch; align-items:stretch;} .headerCMSBg{width:100%;position:relative;overflow:hidden;} .headerCMSBg .sphere{width:680px;height:680px;position:absolute;top:50%;margin-top:-340px;right:120px;z-index:1; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;} .headerCMSContainer{width:100%;padding-top:150px;padding-left:50px;position:absolute;left:0;top:0;right:0;bottom:0;z-index:2; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flexbox-flow:column wrap; flex-flow:column wrap; -webkit-justify-content:center; justify-content:center;} .headerCMSContainer .headerCMSContainerInner{width:100%;} .headerCMSContainer h1{font-size:90px;line-height:80px;color:#FFFFFF;text-align:left;margin-bottom:40px;font-weight:700;text-transform:uppercase;} .headerCMSContainer .texteHeaderCMS{width:100%;position:relative;} .headerCMSContainer .texteHeaderCMS .logoHeader{width:20%;position:absolute;left:50px;top:0;} .headerCMSContainer .texteHeaderCMS .logoHeader img{width:100%;height:auto;} .headerCMSContainer .texteHeaderCMS h2{font-size:30px;line-height:35px;color:#FFFFFF;text-align:center;margin:0 auto 40px;font-weight:700;text-transform:uppercase;max-width:870px;font-family:"gotham_book",helvetica,arial,sans-serif;} .headerCMSContainer .texteHeaderCMS h2 strong{ background:linear-gradient(#0176FF, #0176FF) bottom no-repeat; background-position:0 28px; background-size:100% 3px;} .headerCMSContainer .texteHeaderCMS p{font-size:25px;line-height:30px!important;color:#FFFFFF;text-align:center;margin:0 auto 40px!important;max-width:750px;font-family:"gotham_book",helvetica,arial,sans-serif;} .headerCMSContainer .texteHeaderCMS p.link a{display:inline-block;width:100%;max-width:300px;height:60px;line-height:60px;font-size:16px;text-transform:uppercase;font-weight:600;position:relative;color:#FFFFFF;} .headerCMSContainer .texteHeaderCMS p.link a:before{display:block;content:"";position:absolute;z-index:1;left:0;top:0;width:80%;height:1px;background:#FFFFFF; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .headerCMSContainer .texteHeaderCMS p.link a:after{display:block;content:"";position:absolute;z-index:1;right:0;bottom:0;width:1px;height:0;background:#FFFFFF; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .headerCMSContainer .texteHeaderCMS p.link a .trait1{display:block;position:absolute;z-index:1;right:0;bottom:0;width:100%;height:1px;background:#FFFFFF; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .headerCMSContainer .texteHeaderCMS p.link a .trait2{display:block;position:absolute;z-index:1;left:0;top:0;width:1px;height:100%;background:#FFFFFF; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .headerCMSContainer .texteHeaderCMS p.link a:hover:before{background:#FFFFFF;width:100%;} .headerCMSContainer .texteHeaderCMS p.link a:hover:after{background:#FFFFFF;height:100%;} .headerCMSContainer .texteHeaderCMS p.link a:hover .trait1{width:80%;} .headerCMSContainer .texteHeaderCMS p.link a:hover .trait2{height:0;} @media screen and (max-height: 900px){ .headerCMSContainer{padding-top:120px; -webkit-justify-content:flex-start; justify-content:flex-start;} .headerCMSContainer h1 {font-size:70px;line-height:60px;color:#FFFFFF;} } .sectionCMS .blockPhotoAvantages{width:100%;overflow:hidden; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flexbox-flow:row wrap; flex-flow:row wrap; -webkit-justify-content:flex-end; justify-content:flex-end;} .sectionCMS .blockPhotoAvantages .blockPhoto{width:50%;padding:40px 80px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-flow:column nowrap; -webkit-flex-flow:column nowrap; -moz-box-flow:column nowrap; -ms-flexbox-flow:column nowrap; flex-flow:column nowrap; -webkit-justify-content:flex-end; justify-content:flex-end;} .sectionCMS .blockPhotoAvantages .blockPhoto img{ -webkit-align-self:flex-end; align-self:flex-end;} .sectionCMS .blockPhotoAvantages .blockAvantages{width:50%;padding:40px 80px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flexbox-flow:column wrap; flex-flow:column wrap; -webkit-justify-content:center; justify-content:center;} .sectionCMS .blockPhotoAvantages .blockAvantages h2{font-size:45px;line-height:50px;color:#17AB8E;font-weight:bold;text-transform:uppercase;text-align:left;padding-top:170px;background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/wordpress/logo-avantages-wordpress.png) no-repeat left top;} .sectionCMS .blockPhotoAvantages .blockAvantages ul{list-style:none;margin-bottom:60px!important;} .sectionCMS .blockPhotoAvantages .blockAvantages ul li{position:relative;padding:0 0 0 75px;font-size:23px;line-height:28px;min-height:60px;margin:20px 0; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-justify-content:center; justify-content:center;} .sectionCMS .blockPhotoAvantages .blockAvantages ul li:before {display:block;content:"1";width:60px;height:60px;position:absolute;top:50%;left:0;margin-top:-30px;background:#17AB8E;color:#FFFFFF;text-align:center;line-height:60px; -webkit-box-shadow:0 0 8px rgba(30,30,30,0.5); -moz-box-shadow:0 0 8px rgba(30,30,30,0.5); -o-box-shadow:0 0 8px rgba(30,30,30,0.5); -ms-box-shadow:0 0 8px rgba(30,30,30,0.5); box-shadow:0 0 8px rgba(30,30,30,0.5); -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; -ms-border-radius:30px; border-radius:30px;}} .sectionCMS .blockPhotoAvantages .blockAvantages ul li:nth-child(1):before{content:"1";} .sectionCMS .blockPhotoAvantages .blockAvantages ul li:nth-child(2):before{content:"2";} .sectionCMS .blockPhotoAvantages .blockAvantages ul li:nth-child(3):before{content:"3";} .sectionCMS .blockPhotoAvantages .blockAvantages ul li:nth-child(4):before{content:"4";} .sectionCMS .blockPhotoAvantages .blockAvantages ul li:nth-child(5):before{content:"5";} .sectionCMS .blockPhotoAvantages .blockAvantages ul li:nth-child(6):before{content:"6";} .sectionCMS .blockPhotoAvantages .blockAvantages ul li:nth-child(7):before{content:"7";} .sectionCMS .blockPhotoAvantages .blockAvantages ul li:nth-child(8):before{content:"8";} .sectionCMS .blockPhotoAvantages .blockAvantages ul li:nth-child(9):before{content:"9";} .sectionCMS .blockPhotoAvantages .blockAvantages p.link{text-align:left;padding-left:100px;} .sectionCMS .blockPhotoAvantages .blockAvantages p.link a{display:inline-block;width:100%;max-width:300px;height:60px;line-height:60px;font-size:16px;text-transform:uppercase;text-align:center;font-weight:600;position:relative;color:#17AB8E;} .sectionCMS .blockPhotoAvantages .blockAvantages p.link a:before{display:block;content:"";position:absolute;z-index:1;left:0;top:0;width:80%;height:1px;background:#17AB8E; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .sectionCMS .blockPhotoAvantages .blockAvantages p.link a:after{display:block;content:"";position:absolute;z-index:1;right:0;bottom:0;width:1px;height:0;background:#17AB8E; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .sectionCMS .blockPhotoAvantages .blockAvantages p.link a .trait1{display:block;position:absolute;z-index:1;right:0;bottom:0;width:100%;height:1px;background:#17AB8E; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .sectionCMS .blockPhotoAvantages .blockAvantages p.link a .trait2{display:block;position:absolute;z-index:1;left:0;top:0;width:1px;height:100%;background:#17AB8E; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .sectionCMS .blockPhotoAvantages .blockAvantages p.link a:hover:before{background:#17AB8E;width:100%;} .sectionCMS .blockPhotoAvantages .blockAvantages p.link a:hover:after{background:#17AB8E;height:100%;} .sectionCMS .blockPhotoAvantages .blockAvantages p.link a:hover .trait1{width:80%;} .sectionCMS .blockPhotoAvantages .blockAvantages p.link a:hover .trait2{height:0;} .sectionCMS .blockQuelType{width:100%;background:#FFFFFF;padding:50px 30px;position:relative;overflow:hidden;} .sectionCMS .blockQuelType .blockQuelTypeImage{position:absolute;left:60%;top:50%;margin-top:-530px;z-index:2; } .sectionCMS .blockQuelType .blockQuelTypeTexte{width:100%;min-height:900px;padding:60px 0 0 120px;background:#17AB8E;} .sectionCMS .blockQuelType .blockQuelTypeTexte *{position:relative;z-index:3;} .sectionCMS .blockQuelType .blockQuelTypeTexte h2{font-size:90px;line-height:80px;font-weight:bold;color:#E6E6E6;opacity:0.2;text-transform:uppercase;text-align:left;margin:0 0 60px;} .sectionCMS .blockQuelType .blockQuelTypeTexte h3{font-size:50px;line-height:55px;font-weight:bold;color:#FFFFFF;text-transform:uppercase;text-align:left;margin:0 0 60px;max-width:700px;} .sectionCMS .blockQuelType .blockQuelTypeTexte p{font-size:20px;line-height:30px!important;color:#FFFFFF;text-align:left;margin:0!important;max-width:750px;} .sectionCMS .blockQuelType .blockQuelTypeTexte p strong{ background:linear-gradient(#0176FF, #0176FF) bottom no-repeat; background-position:0 22px; background-size:100% 3px;} .sectionCMS .blockQuelType .blockQuelTypeTexte p.link{text-align:left;padding-top:40px;} .sectionCMS .blockQuelType .blockQuelTypeTexte p.link a{display:inline-block;width:100%;max-width:300px;height:60px;line-height:60px;font-size:16px;text-transform:uppercase;text-align:center;font-weight:600;position:relative;color:#FFFFFF;} .sectionCMS .blockQuelType .blockQuelTypeTexte p.link a:before{display:block;content:"";position:absolute;z-index:1;left:0;top:0;width:80%;height:1px;background:#FFFFFF; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .sectionCMS .blockQuelType .blockQuelTypeTexte p.link a:after{display:block;content:"";position:absolute;z-index:1;right:0;bottom:0;width:1px;height:0;background:#FFFFFF; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .sectionCMS .blockQuelType .blockQuelTypeTexte p.link a .trait1{display:block;position:absolute;z-index:1;right:0;bottom:0;width:100%;height:1px;background:#FFFFFF; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .sectionCMS .blockQuelType .blockQuelTypeTexte p.link a .trait2{display:block;position:absolute;z-index:1;left:0;top:0;width:1px;height:100%;background:#FFFFFF; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .sectionCMS .blockQuelType .blockQuelTypeTexte p.link a:hover:before{background:#FFFFFF;width:100%;} .sectionCMS .blockQuelType .blockQuelTypeTexte p.link a:hover:after{background:#FFFFFF;height:100%;} .sectionCMS .blockQuelType .blockQuelTypeTexte p.link a:hover .trait1{width:80%;} .sectionCMS .blockQuelType .blockQuelTypeTexte p.link a:hover .trait2{height:0;} .sectionCMS .blockChiffres{width:100%;min-height:900px;background:#696E8E;border-left:30px solid #FFFFFF;border-right:30px solid #FFFFFF;margin-top:-50px;position:relative;z-index:1; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-justify-content:center; justify-content:center;} .sectionCMS .blockChiffres h2{font-size:45px;line-height:50px;color:#FFFFFF;font-weight:bold;text-transform:uppercase;text-align:center;margin:0 0 80px;} .sectionCMS .blockChiffres .listeChiffres{width:100%;max-width:1280px;margin:0 auto 80px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-justify-content:center; justify-content:center;} .sectionCMS .blockChiffres .listeChiffres .donnees{width:33.33%;} .sectionCMS .blockChiffres .listeChiffres .donnees p{margin:0!important;color:#FFFFFF;text-align:center;} .sectionCMS .blockChiffres .listeChiffres .donnees p.nombre{font-size:50px;line-height:50px!important;font-weight:bold;} .sectionCMS .blockChiffres .listeChiffres .donnees p.texte{font-size:35px;line-height:40px!important;} .sectionCMS .blockChiffres p.link{text-align:center;} .sectionCMS .blockChiffres p.link a{display:inline-block;width:100%;max-width:300px;height:60px;line-height:60px;font-size:16px;text-transform:uppercase;text-align:center;font-weight:600;position:relative;color:#FFFFFF;} .sectionCMS .blockChiffres p.link a:before{display:block;content:"";position:absolute;z-index:1;left:0;top:0;width:80%;height:1px;background:#FFFFFF; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .sectionCMS .blockChiffres p.link a:after{display:block;content:"";position:absolute;z-index:1;right:0;bottom:0;width:1px;height:0;background:#FFFFFF; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .sectionCMS .blockChiffres p.link a .trait1{display:block;position:absolute;z-index:1;right:0;bottom:0;width:100%;height:1px;background:#FFFFFF; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .sectionCMS .blockChiffres p.link a .trait2{display:block;position:absolute;z-index:1;left:0;top:0;width:1px;height:100%;background:#FFFFFF; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .sectionCMS .blockChiffres p.link a:hover:before{background:#FFFFFF;width:100%;} .sectionCMS .blockChiffres p.link a:hover:after{background:#FFFFFF;height:100%;} .sectionCMS .blockChiffres p.link a:hover .trait1{width:80%;} .sectionCMS .blockChiffres p.link a:hover .trait2{height:0;} .page-id-8580 .sectionCMS .blockPhotoAvantages .blockAvantages h2{color:#964561;background-image:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/wordpress/logo-avantages-prestashop.png);} .page-id-8580 .sectionCMS .blockPhotoAvantages .blockAvantages ul li:before{background:#964561;} .page-id-8580 .sectionCMS .blockPhotoAvantages .blockAvantages p.link a{color:#964561;} .page-id-8580 .sectionCMS .blockPhotoAvantages .blockAvantages p.link a:before{background:#964561;} .page-id-8580 .sectionCMS .blockPhotoAvantages .blockAvantages p.link a:after{background:#964561;} .page-id-8580 .sectionCMS .blockPhotoAvantages .blockAvantages p.link a .trait1{background:#964561;} .page-id-8580 .sectionCMS .blockPhotoAvantages .blockAvantages p.link a .trait2{background:#964561;} .page-id-8580 .sectionCMS .blockPhotoAvantages .blockAvantages p.link a:hover:before{background:#964561;} .page-id-8580 .sectionCMS .blockPhotoAvantages .blockAvantages p.link a:hover:after{background:#964561;} .page-id-8580 .sectionCMS .blockQuelType .blockQuelTypeTexte{background:#964561;} .page-id-8580 .sectionCMS .blockChiffres{background:#5CB5D7;} .page-id-8583 .sectionCMS .blockPhotoAvantages .blockAvantages h2{color:#696E8E;background-image:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/wordpress/logo-avantages-woocommerce.png);} .page-id-8583 .sectionCMS .blockPhotoAvantages .blockAvantages ul li:before{background:#696E8E;} .page-id-8583 .sectionCMS .blockPhotoAvantages .blockAvantages p.link a{color:#696E8E;} .page-id-8583 .sectionCMS .blockPhotoAvantages .blockAvantages p.link a:before{background:#696E8E;} .page-id-8583 .sectionCMS .blockPhotoAvantages .blockAvantages p.link a:after{background:#696E8E;} .page-id-8583 .sectionCMS .blockPhotoAvantages .blockAvantages p.link a .trait1{background:#696E8E;} .page-id-8583 .sectionCMS .blockPhotoAvantages .blockAvantages p.link a .trait2{background:#696E8E;} .page-id-8583 .sectionCMS .blockPhotoAvantages .blockAvantages p.link a:hover:before{background:#696E8E;} .page-id-8583 .sectionCMS .blockPhotoAvantages .blockAvantages p.link a:hover:after{background:#696E8E;} .page-id-8583 .sectionCMS .blockQuelType .blockQuelTypeTexte{background:#696E8E;} .page-id-8583 .sectionCMS .blockChiffres{background:#33916E;} .page-id-8586 .sectionCMS .blockPhotoAvantages .blockAvantages h2{color:#008060;background-image:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/wordpress/logo-avantages-shopify.png);} .page-id-8586 .sectionCMS .blockPhotoAvantages .blockAvantages ul li:before{background:#008060;} .page-id-8586 .sectionCMS .blockPhotoAvantages .blockAvantages p.link a{color:#008060;} .page-id-8586 .sectionCMS .blockPhotoAvantages .blockAvantages p.link a:before{background:#008060;} .page-id-8586 .sectionCMS .blockPhotoAvantages .blockAvantages p.link a:after{background:#008060;} .page-id-8586 .sectionCMS .blockPhotoAvantages .blockAvantages p.link a .trait1{background:#008060;} .page-id-8586 .sectionCMS .blockPhotoAvantages .blockAvantages p.link a .trait2{background:#008060;} .page-id-8586 .sectionCMS .blockPhotoAvantages .blockAvantages p.link a:hover:before{background:#008060;} .page-id-8586 .sectionCMS .blockPhotoAvantages .blockAvantages p.link a:hover:after{background:#008060;} .page-id-8586 .sectionCMS .blockQuelType .blockQuelTypeTexte{background:#008060;} .page-id-8586 .sectionCMS .blockChiffres{background:#E1B93A;} .sectionCMS .actusCasClient {display:block;width:100%;padding:0;position:relative;z-index:3;} .sectionCMS .actusCasClientContainer{width:100%;max-width:100%;margin:0 auto;padding:100px 0 30px;text-align:center;position:relative;} .sectionCMS .actusCasClientContainer:before{display:block;content:"";position:absolute;z-index:1;left:60%;right:0;top:190px;height:1px;background:linear-gradient(to right, #62F3CB, #00ABC4);} .sectionCMS .actusCasClient .titleCasClients{padding:0 30px;margin:0 auto;position:relative;z-index:10;} .sectionCMS .actusCasClient h2{font-size:90px;line-height:80px;font-family:'Open sans',arial,helvetica,sans-serif;font-weight:700;text-transform:uppercase;text-align:left;margin:0 0 100px 120px;padding:0;color:#1E1E1E; position:relative;} .sectionCMS .actusCasClient h2 span{display:block;font-size:35px;line-height:35px;color:#1E1E1E;font-family:'gotham_book',arial,helvetica,sans-serif;text-transform:none;} .sectionCMS .actusCasClient ul{width:100%;margin:0!important; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-justify-content:center; justify-content:center;} .sectionCMS .actusCasClient ul li{width:50%;position:relative; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap;} .sectionCMS .actusCasClient ul li .blockImage{position:relative;overflow:hidden;} .sectionCMS .actusCasClient ul li .blockImage .imgBlank{width:100%;height:auto;} .sectionCMS .actusCasClient ul li .blockImage a{position:absolute;left:0;top:0;right:0;bottom:0; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-align-content:center; align-content:center; -webkit-justify-content:center; justify-content:center;} .sectionCMS .actusCasClient ul li .blockImage a img{width:auto;height:100%;align-self:center;} .sectionCMS .actusCasClient ul li .blockHover{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;padding:30px; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-align-content:center; align-content:center; -webkit-justify-content:center; justify-content:center;} .sectionCMS .actusCasClient ul li .blockHover p.catTitle{font-size:20px;line-height:20px!important;color:#FFFFFF;text-transform:uppercase;text-align:center;position:relative;margin-bottom:5px!important;margin-top:0!important;opacity:1; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;} .sectionCMS .actusCasClient ul li .blockHover h3{font-size:30px;line-height:30px;margin:0 0 0;padding:0;color:#FFFFFF;font-weight:700;font-family:'Open sans',arial,helvetica,sans-serif;text-align:center; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .sectionCMS .actusCasClient ul li:hover .blockHover h3{margin:0 0 40px;} .sectionCMS .actusCasClient ul li .blockHover p.desc{max-width:580px;margin:0 auto 0!important;font-size:18px;line-height:30px!important;text-align:center;color:#FFFFFF;height:0;overflow:hidden;opacity:0; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .sectionCMS .actusCasClient ul li:hover .blockHover p.desc{height:auto;margin:0 auto 40px!important;opacity:1;} .sectionCMS .actusCasClient ul li .blockHover .fullLinkContainer{text-align:center;margin:0!important;opacity:0; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .sectionCMS .actusCasClient ul li:hover .blockHover .fullLinkContainer{opacity:1;} .sectionCMS .actusCasClient ul li .blockHover a.fullLink{display:inline-block;font-size:16px;line-height:20px;text-transform:uppercase;color:#FFFFFF;font-weight:400;padding-right:65px;position:relative;} .sectionCMS .actusCasClient ul li .blockHover a.fullLink:after{display:block;content:"";position:absolute;right:0;top:50%;width:45px;height:1px;background:#FFFFFF;z-index:1; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .sectionCMS .actusCasClient ul li .blockHover a.fullLink:hover{color:#1E1E1E;} .sectionCMS .actusCasClient ul li .blockHover a.fullLink:hover:after{background:#1E1E1E;right:5px;} div.logged-in, div.pageDistri{text-align:center;} div.logged-in a{display:inline-block;padding:10px 15px;background:#1E1E1E;color:#FFFFFF;font-weight:normal;} div.logged-in a:hover{background:#0176FF;} #blockExtranet{width:100%;max-width:1440px;margin:0 auto 0;padding:0 0 80px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flexbox-flow:row wrap; flex-flow:row wrap; -webkit-align-items:stretch; align-items:stretch;} #blockExtranet .blockLeft{width:35%;padding-right:10px;position:relative;z-index:1;} #blockExtranet .blockLeftContainer{padding:80px 50px 50px;background:#F5F5F5;} #blockExtranet .blockLeftContainer h2{position:relative;margin-top:0;text-align:left;font-size:18px;line-height:22px;color:#1E1E1E;padding-top:20px;font-family:"gotham_book",helvetica,arial,sans-serif;} #blockExtranet .blockLeftContainer h2:before {display:block;content:"";position:absolute;width:50px;height:2px;background:#0176FF;left:0;top:0;margin:0;} #blockExtranet .blockLeftContainer p{font-size:14px;line-height:20px;margin-bottom:50px;text-transform:uppercase;} #blockExtranet .blockLeftContainer button{display:block;width:100%;max-width:230px;padding:15px 30px 15px 30px;background:#1E1E1E; color:#FFFFFF;text-transform:uppercase;font-size:14px;line-height:20px;margin:0 auto;cursor:pointer; -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; -ms-border-radius:50px; border-radius:50px; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #blockExtranet .blockLeftContainer button:hover{background-color:#0176FF;color:#FFFFFF;padding:15px 30px;} #blockExtranet .login-wrap{width:65%;max-width:1440px;margin:0 auto;background:#FFFFFF;border:none!important;position:relative;padding:0!important; opacity:0;visibility:hidden;left:-31%; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #blockExtranet .login-wrap.open{opacity:1;visibility:visible;left:0;} #blockExtranet .login-wrap .login-form{height:100%;} #blockExtranet .login-wrap form{background:#F5F5F5;padding:80px 40px 50px;height:100%; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flexbox-flow:row wrap; flex-flow:row wrap; -webkit-align-content:center; align-content:center;} #blockExtranet .login-wrap .log-form-group{width:30%;padding:0 10px;position:relative;} #blockExtranet .login-wrap .log-form-group:nth-child(5){width:40%;} #blockExtranet .login-wrap .log-form-group:nth-child(7){width:100%;margin-top:55px;-webkit-align-self:flex-end;align-self:flex-end;} #blockExtranet .login-wrap .log-form-group.extra-links{display:none;} #blockExtranet .login-wrap .log-form-group label{display:inline-block;width:100%;font-size:14px;line-height:24px;margin-bottom:10px;text-align:left;text-transform:uppercase;padding-left:10px;color:#1E1E1E;} #blockExtranet .login-wrap .log-form-group input{display:inline-block;font-family:'Open sans',arial,sans-serif;border:1px solid #FFFFFF;width:100%;height:50px;padding:0 20px;font-size:14px;color:#1E1E1E;margin:0 0 15px 0; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow:none;} #blockExtranet .login-wrap .log-form-group img.captcha{margin:0 auto;position:absolute;right:10px;bottom:17px;border-radius:50px;} #blockExtranet .login-wrap .login-submit{width:100%;} #blockExtranet .login-wrap .login-submit input[type=submit]{display:block;width:100%;max-width:230px;height:auto;padding:15px 30px 15px 30px;background:#1E1E1E; color:#FFFFFF;text-transform:uppercase;font-size:14px;line-height:20px;border:none;margin:0 auto;cursor:pointer; -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; -ms-border-radius:50px; border-radius:50px; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #blockExtranet .login-wrap .login-submit input[type=submit]:hover{background-color:#17ABE9;color:#FFFFFF;padding:15px 30px;} @media screen and (min-width: 1440px){ .page-id-32 #page #contenu{min-height:1000px;} } @media screen and (max-width: 1260px){ #blockExtranet .blockLeftContainer h2::before {display:block;position:absolute;} #blockExtranet .blockLeftContainer{padding:80px 40px 50px;} #blockExtranet .login-wrap form{padding:80px 30px 50px;} #blockExtranet .login-wrap .log-form-group{width:28%;padding:0 8px;} #blockExtranet .login-wrap .log-form-group:nth-child(5){width:44%;} #blockExtranet .login-wrap .log-form-group label{padding-left:0;} } @media screen and (max-width: 1079px){ #blockExtranet .blockLeft{width:100%;padding-right:0;padding-bottom:20px;} #blockExtranet .blockLeftContainer{padding:40px;} #blockExtranet .login-wrap{width:100%;left:0;top:-200px;height:0;overflow:hidden;} #blockExtranet .login-wrap.open{left:0;top:0;height:auto;} #blockExtranet .login-wrap form{padding:40px 32px;} #blockExtranet .login-wrap .log-form-group:nth-child(7){margin-top:25px;} } @media screen and (max-width: 767px){ #blockExtranet .blockLeftContainer{padding:40px 20px;} #blockExtranet .blockLeftContainer button{max-width:100%;} #blockExtranet .login-wrap form{padding:40px 12px;} #blockExtranet .login-wrap .log-form-group{width:100%;} #blockExtranet .login-wrap .log-form-group:nth-child(5){width:100%;} #blockExtranet .login-wrap .login-submit input[type="submit"]{max-width:100%;} } #flyingWidget{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(22,22,22,0.9);z-index:60000;opacity:0;visibility:hidden; -webkit-transition:all 0.2s ease-out 0s; -moz-transition:all 0.2s ease-out 0s; -o-transition:all 0.2s ease-out 0s; -ms-transition:all 0.2s ease-out 0s; transition:all 0.2s ease-out 0s;} #flyingWidget.open{opacity:1;visibility:visible;} #flyingWidget .flyingWidgetClose{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;} #flyingWidget .close{position:absolute;top:0;right:0;width:30px;height:30px;background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/close.png) no-repeat center center;background-size:30px;} #flyingWidget ul{width:100%;height:100%;padding:0 20px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow: column wrap; -webkit-flex-flow: column wrap; -moz-box-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-justify-content:center; justify-content:center;} #flyingWidget ul li{display:block;width:100%;max-width:708px;margin:-400px auto 0;background:#FFFFFF;padding:20px 20px 10px;position:relative;z-index:2; -webkit-transition:all 0.3s ease-out 0.2s; -moz-transition:all 0.3s ease-out 0.2s; -o-transition:all 0.3s ease-out 0.2s; -ms-transition:all 0.3s ease-out 0.2s; transition:all 0.3s ease-out 0.2s;} #flyingWidget.open ul li{margin:0 auto 0;} #flyingWidget ul li .formContainer{width:100%; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow: row wrap; -webkit-flex-flow: row wrap; -moz-box-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;} #flyingWidget ul li .formContainer .blockLeft{width:50%; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow: column wrap; -webkit-flex-flow: column wrap; -moz-box-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-justify-content:center; justify-content:center;} #flyingWidget ul li .formContainer .blockLeft p{padding-top:80px;background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/logo.png) no-repeat center top;background-size:200px;} #flyingWidget ul li .formContainer .blockRight{width:50%;} #flyingWidget ul li form p.upline{text-align:center;padding:0 30px;margin-bottom:20px;} #flyingWidget ul li form .groupe{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow: row wrap; -webkit-flex-flow: row wrap; -moz-box-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } #flyingWidget ul li form .groupe .field{width:100%;} #flyingWidget ul li form .groupe .field_left{width:50%;padding-right:5px;} #flyingWidget ul li form .groupe .field_left:nth-child(2){padding-right:0;padding-left:5px;} #flyingWidget ul li form .groupe .field input{display:inline-block;font-family:'Open sans',arial,sans-serif;border-bottom:1px solid #F0F0F0;width:100%;height:50px;padding:0 10px;font-size:14px;color:#1E1E1E;margin:0 0 20px 0; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #flyingWidget ul li form .groupe .field input:focus{border-bottom:2px solid #0176FF;} #flyingWidget ul li form .groupe .field > .captcha{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow: row wrap; -webkit-flex-flow: row wrap; -moz-box-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;} #flyingWidget ul li form .groupe .field .captcha img{width:auto;height:30px;margin:0 10px 10px 0;border:1px solid #F0F0F0;} #flyingWidget ul li form .groupe .field .captcha input{width:224px;height:30px;margin-bottom:0;} #flyingWidget ul li form .groupe .field .submit{position:relative;} #flyingWidget ul li form .groupe .field .submit .ajax-loader{position:absolute;right:10px;top:17px;} #flyingWidget ul li form .groupe .field .submit input{font-size:16px;text-transform:uppercase;color:#FFFFFF;background:#0176FF;border:none;margin-bottom:10px; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #flyingWidget ul li form .groupe .field .submit input:hover{background:#1E1E1E;} #flyingWidget *::-webkit-input-placeholder {color:#CCCCCC;text-transform:none;font-style:italic;opacity:1;} #flyingWidget *:-moz-placeholder {color:#CCCCCC;text-transform:none;font-style:italic;opacity:1;} #flyingWidget *::-moz-placeholder {color:#CCCCCC;text-transform:none;font-style:italic;opacity:1;} #flyingWidget *:-ms-input-placeholder {color:#CCCCCC;text-transform:none;font-style:italic;opacity:1;} #flyingWidget ul li form div.wpcf7-response-output{width:100%;margin:0 0 10px 0;padding:10px;} #flyingWidget ul li form div.wpcf7-validation-errors{border:1px solid #FF0000;color:#FF0000;font-size:14px;} #flyingWidget ul li form span.wpcf7-not-valid-tip{font-size:11px;margin-bottom:4px;} #flyingWidget ul li form .groupe .field .acceptance{margin:0 0 10px;} #flyingWidget ul li form .groupe .field .acceptance label{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow: row wrap; -webkit-flex-flow: row wrap; -moz-box-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } #flyingWidget ul li form .groupe .field .acceptance input[type=checkbox]{width:14px;height:14px;float:left;margin:0 5px 14px 0;padding:0;-webkit-appearance:checkbox;-moz-appearance:checkbox;} #flyingWidget ul li form .groupe .field .acceptance span.wpcf7-list-item-label{width:300px;} #flyingWidget ul li form .groupe .field .acceptance span.wpcf7-list-item-label span{display:inline-block;font-size:12px;line-height:14px;} #flyingWidget ul li form .groupe .field .acceptance span.wpcf7-list-item{margin:0;} @media screen and (max-width: 767px){ #flyingWidget ul li{max-width:400px;} #flyingWidget ul li .formContainer .blockLeft{width:100%;} #flyingWidget ul li .formContainer .blockRight{width:100%;} } #searchResults article{margin-bottom:30px;} #searchResults article h3{margin-bottom:15px;} #searchResults .nav-links{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow: row wrap; -webkit-flex-flow: row wrap; -moz-box-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content:center; justify-content:center;} #searchResults .nav-links > span, #searchResults .nav-links > a{display:block;padding:0 5px;border-right:1px solid #1E1E1E;} #searchResults .nav-links > a:last-child{border:none;} .img_confiance{text-align:center;} .img_confiance img{display:inline-block;margin:0;} .pageblock{padding:140px 20px 200px;max-width:1440px;width:100%;margin:0 auto;} .search .pageblock{padding-bottom:100px;} .pageblock h1 + p{margin-top:50px!important;font-weight:bold;text-transform:uppercase;} .pageblock h2{margin:50px 0 30px;} .pageBlockContainer, .pageBlockExtranet{padding:80px 80px 0;max-width:1440px;position:relative;z-index:1;margin: 0 auto 0;border-top:5px solid #0176FF;background:#FFFFFF;} .pageBlockContainer{padding:80px;} .pageBlockContainer h1, .pageBlockExtranet h1{font-size:35px;line-height:40px;text-align:left;position:relative;padding-top:25px;padding-bottom:0;margin-bottom:80px;text-transform:none;} #blockPlus h1{margin-bottom:0;} .pageBlockContainer h1:before , .pageBlockExtranet h1:before {display:block;content:"";position:absolute;left:0;top:0;width:60px;height:2px;background:#0176FF;} .pageBlockContainer h2{font-size:30px;} .pageBlockContainer .pageblock{padding:0;} #blockPlus{width:100%;padding:0;} #blockPlus .blockPlusContainer{width:100%;max-width:1280px;margin:0 auto; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow: row wrap; -webkit-flex-flow: row wrap; -moz-box-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;} .blockplus{width:33.33%;padding:80px 40px; border-bottom:1px solid #E6E6E6;} .blockplus .block{width:100%;max-width:1200px;margin:0 auto;} .blockplus .block .text{margin:0 auto;width:100%;max-width:750px;text-align:center;} .blockplus .block .text h2{font-size:30px;margin-bottom:40px;} .blockplus .block .text p{font-size:16px;} .blockplus .block .text p:last-child{margin:0!important;} .block_even .block .text{max-width:750px;} .blockplus .block .image{display:none;width:400px;float:right;} .block_even .block .image{float:left;} .blockplus .block .image img{display:block;width:100%;height:auto;} .blockplus .block .text a{display:inline-block;position:relative;min-width:220px;height:60px;line-height:60px;text-transform:uppercase;color:#1E1E1E;font-size:16px;padding:0 15px;font-weight:600;font-family:'gotham',arial,helvetica,sans-serif;margin-top:20px; border-top:1px solid #969696;border-bottom:1px solid #969696;} .blockplus .block .text a:before {display:block;content:"";position:absolute;left:50%;width:0;top:-1px;bottom:-1px;border-top:1px solid #0176FF;border-bottom:1px solid #0176FF;z-index:1; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .blockplus .block .text a:hover{color:#0176FF;} .blockplus .block .text a:hover:before {left:0;width:100%;} #page .pageblock p a{color:#0176FF;} #page .pageblock p a:hover{color:#191919;} #page .pageblock p.linkpage{text-align:center;} #page .pageblock p.linkpage a{display:inline-block;position:relative;line-height:20px;text-transform:uppercase;color:#1E1E1E;font-size:16px;padding:20px 15px;margin-top:20px;font-weight:600;font-family:'gotham',arial,helvetica,sans-serif; border-top:1px solid #969696;border-bottom:1px solid #969696;} #page .pageblock p.linkpage a:before {display:block;content:"";position:absolute;left:50%;width:0;top:-1px;bottom:-1px;border-top:1px solid #0176FF;border-bottom:1px solid #0176FF;z-index:1; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #page .pageblock p.linkpage a:hover{color:#0176FF;} #page .pageblock p.linkpage a:hover:before {left:0;width:100%;} #page .pageblock p.linkdevis{text-align:center;} #page .pageblock p.linkdevis a{display:inline-block;line-height:20px;color:#FFFFFF;text-transform:uppercase;text-align:center;font-size:16px;font-weight:600;margin:20px auto 0;padding:20px 20px; font-family:'gotham',arial,helvetica,sans-serif;background:#0176FF; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; -ms-border-radius:30px; border-radius:30px;} #page .pageblock p.linkdevis a:hover{background:#1E1E1E;color:#FFFFFF;} #page .pageblock ul li{position:relative;padding-left:15px;} #page .pageblock ul li:before {display:block;content:"";width:6px;height:6px;background:#0176FF;position:absolute;left:0;top:9px;} .referenceHeader{width:100%;height:460px;position:relative;overflow:hidden;margin-top:0!important;} .referenceHeader:before{display:block;content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;border:30px solid #FFFFFF;border-bottom:none;} .referenceHeader img{width:2560px;max-width:inherit;height:460px;position:absolute;left:50%;margin-left:-1280px;} .referencepage{width:100%;max-width:1440px;margin:-100px auto 0;padding:80px 80px 200px;overflow:hidden;position:relative;background:#FFFFFF;border-top:5px solid #0176FF;} .referencepage h1{margin-bottom:20px;} .referencepage .back{width:24px;height:24px;margin:0 auto 40px;position:relative;cursor:pointer;} .referencepage .back .layer{ display:block;width:9px;height:9px;background:#0176FF;position:absolute; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; } .referencepage .back .layer-1{top:2px;right:13px;} .referencepage .back .layer-2{top:2px;right:2px;} .referencepage .back .layer-3{top:13px;right:13px;} .referencepage .back .layer-4{top:13px;right:2px;} .referencepage .back:hover .layer-1{top:0px;right:15px;} .referencepage .back:hover .layer-2{top:0px;right:0px;} .referencepage .back:hover .layer-3{top:15px;right:15px;} .referencepage .back:hover .layer-4{top:15px;right:0px;} .referencepage .blockTexte{overflow:hidden;width:100%;position:relative; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-flow: row wrap; -webkit-flex-flow: row wrap; -moz-box-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;} .referencepage .galerie{float:left;width:100%;max-width:596px;} .referencepage .blockTexte .galerie{width:50%;-webkit-align-self:flex-end;align-self:flex-end;} .referencepage .galerie img{display:block;margin:0;width:100%;height:auto;} .post .referencepage .galerie img{max-width:530px;margin-bottom:20px;} .referencepage .texte{float:right;width:534px;text-align:left;} .referencepage .blockTexte .texte{width:50%;max-width:604px;padding-left:70px;} .referencepage .texte p{font-size:16px;} .referencepage .texte p.exergue{margin-top:0px!important;font-weight:bold;text-transform:uppercase;font-size:20px;font-family:'gotham',arial,sans-serif;} .referencepage .texte p a{display:inline-block;min-width:220px;height:60px;line-height:60px;text-transform:uppercase;color:#1E1E1E;font-size:16px;padding:0 15px;font-weight:600;font-family:'gotham',arial,helvetica,sans-serif;margin:40px 0 0; border-top:1px solid #969696;border-bottom:1px solid #969696;text-align:center;} .referencepage .texte p a:hover{border-color:#1E1E1E;} .referencepage .texte .addtoany_shortcode{height:30px;margin-top:40px;} .referencepage .texte .caracteristiques{width:100%;height:auto;margin:120px 0 0;overflow:hidden;} .referencepage .texte .caracteristiques .typeProjet{float:left;width:130px;height:160px;text-align:center;} .referencepage .texte .caracteristiques .typeProjet img{margin:0 auto 25px;} .referencepage .texte .caracteristiques .typeProjet span{font-size:18px;line-height:22px;color:#0176FF;font-weight:300;text-transform:uppercase;} .referencepage .texte .caracteristiques .caractProjet{float:left;padding-left:20px;margin-left:10px;border-left:1px solid #000;} #page .referencepage .texte .caracteristiques .caractProjet p.title{font-weight:bold;font-size:20px;line-height:22px;font-family:'gotham',arial,sans-serif;margin-bottom:30px;} #page .referencepage .texte .caracteristiques .caractProjet ul{margin-bottom:0;} #page .referencepage .texte .caracteristiques .caractProjet ul li{font-size:16px;line-height:22px;font-weight:300;font-family:'gotham',arial,sans-serif;} .referencepage .grandeGalerie2{overflow:hidden;margin-top:80px;width:100%;} .referencepage .grandeGalerie{overflow:hidden;margin-top:80px;width:100%;} .referencepage .grandeGalerie img{width:100%;height:auto;margin:0 0 15px;border:1px solid #000;} .referencepage .grandeGalerie2 img{width:100%;height:auto;margin:0 0 15px;border:1px solid #000;} .pagereferences{width:100%;padding:0;margin:0;overflow:hidden;} .pagereferences .refheader{width:100%;height:400px;background:#1E1E1E;overflow:hidden;position:relative;border-top:1px solid #ccc;} .pagereferences .refheader .blockRefheader{width:100%;max-width:1700px;height:100%;margin:0 auto;position:relative;} .pagereferences .refheader h1{display:block;width:100%;background:none;line-height:50px;padding:160px 0 0;margin:0;font-size:50px;color:#FFFFFF;text-transform:none;font-weight:300;font-family:'gotham',arial,sans-serif;} .pagereferences .refheader .filtre-mobile{display:none;width:100%;height:80px;line-height:80px;border-top:1px solid #CCC;overflow:hidden;} .pagereferences .refheader .filtre-mobile .filtrer{display:block;position:relative;float:right;padding:0 70px 0 20px;height:80px;line-height:80px;background:none;font-size:18px;text-transform:uppercase;color:#CCC;cursor:pointer; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .pagereferences .refheader .filtre-mobile .filtrer:hover{color:#FFF;} .pagereferences .refheader .filtre-mobile .filtrer .layer{ display:block;width:8px;height:8px;background:#CCC;position:absolute; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; } .pagereferences .refheader .filtre-mobile .filtrer .layer-1{top:31px;right:36px;} .pagereferences .refheader .filtre-mobile .filtrer .layer-2{top:31px;right:26px;} .pagereferences .refheader .filtre-mobile .filtrer .layer-3{top:41px;right:36px;} .pagereferences .refheader .filtre-mobile .filtrer .layer-4{top:41px;right:26px;} .pagereferences .refheader .filtre-mobile .filtrer:hover .layer-1{top:29px;right:38px;background:#FFF;} .pagereferences .refheader .filtre-mobile .filtrer:hover .layer-2{top:29px;right:24px;background:#FFF;} .pagereferences .refheader .filtre-mobile .filtrer:hover .layer-3{top:43px;right:38px;background:#FFF;} .pagereferences .refheader .filtre-mobile .filtrer:hover .layer-4{top:43px;right:24px;background:#FFF;} .pagereferences .refheader .filtre-mobile .filtrer.open .layer-1{top:29px;right:38px;background:#FFF;} .pagereferences .refheader .filtre-mobile .filtrer.open .layer-2{top:29px;right:24px;background:#FFF;} .pagereferences .refheader .filtre-mobile .filtrer.open .layer-3{top:43px;right:38px;background:#FFF;} .pagereferences .refheader .filtre-mobile .filtrer.open .layer-4{top:43px;right:24px;background:#FFF;} .pagereferences .refheader .filter-button-group{position:absolute;left:0;top:180px;width:100%;height:200px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-flow: row wrap; -webkit-flex-flow: row wrap; -moz-box-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content:center; justify-content:center; -webkit-transition:all 0.2s ease-out 0s; -moz-transition:all 0.2s ease-out 0s; -o-transition:all 0.2s ease-out 0s; -ms-transition:all 0.2s ease-out 0s; transition:all 0.2s ease-out 0s;} .pagereferences .refheader .filter-button-group button{display:block;padding:0 15px;width:170px;height:auto;line-height:22px;background:none;cursor:pointer;font-size:18px;text-transform:uppercase;color:#0176FF;font-weight:300;font-family:'gotham',arial,sans-serif; -webkit-transition:all 0.2s ease-out 0s; -moz-transition:all 0.2s ease-out 0s; -o-transition:all 0.2s ease-out 0s; -ms-transition:all 0.2s ease-out 0s; transition:all 0.2s ease-out 0s;} .pagereferences .refheader .filter-button-group button.all{position:absolute;left:20px;top:50%;float:none;width:20px;height:20px;margin:-10px 0 0 0;padding:0;} .pagereferences .refheader .filter-button-group button:hover{color:#FFFFFF;} .pagereferences .refheader .filter-button-group button.all .layer{ display:block;width:8px;height:8px;background:#0176FF;position:absolute; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; } .pagereferences .refheader .filter-button-group button.all .layer-1{top:1px;right:11px;} .pagereferences .refheader .filter-button-group button.all .layer-2{top:1px;right:1px;} .pagereferences .refheader .filter-button-group button.all .layer-3{top:11px;right:11px;} .pagereferences .refheader .filter-button-group button.all .layer-4{top:11px;right:1px;} .pagereferences .refheader .filter-button-group button.all:hover .layer-1{top:-1px;right:13px;} .pagereferences .refheader .filter-button-group button.all:hover .layer-2{top:-1px;right:-1px;} .pagereferences .refheader .filter-button-group button.all:hover .layer-3{top:13px;right:13px;} .pagereferences .refheader .filter-button-group button.all:hover .layer-4{top:13px;right:-1px;} @media screen and (max-width: 1620px){ .pagereferences .refheader .filter-button-group button{font-size:18px;line-height:20px;width:12.5%;padding:0 5px;} .pagereferences .refheader .filter-button-group button.all{top:0;left:50%;margin:0 0 0 220px;} } @media screen and (max-width: 1370px){ } .pagereferences .refgrid{background:#333;} .pagereferences .refgrid .refgrid-sizer, .pagereferences .refgrid .refgrid-item{width:16.66%;} .pagereferences .refgrid .refgrid-item-horizontale, .pagereferences .refgrid .refgrid-item-big{width:33.32%} .pagereferences .refgrid .refgrid-item{overflow:hidden;} .pagereferences .refgrid .refgrid-item .item-img img{display:block;width:100%;height:auto;margin:0; -webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; -ms-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s;} .pagereferences .refgrid .refgrid-item:hover .item-img img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);} .pagereferences .refgrid .refgrid-item .item-hover{position:absolute;left:0;top:100%;margin-top:-10px;right:0;bottom:0;background:rgba(23,171,233,0.80);overflow:hidden;padding:20px; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .pagereferences .refgrid .refgrid-item:hover .item-hover{top:10px;} .pagereferences .refgrid .refgrid-item .item-hover .block{padding:20px 20px;text-align:left;color:#FFF;width:100%;height:100%;border:1px solid #FFF;} .pagereferences .refgrid .refgrid-item-photos .item-hover .block{border:none;} .pagereferences .refgrid .refgrid-item .item-hover .block h2{color:#FFF;font-weight:normal;font-family:'gotham_book',arial,sans-serif;font-size:20px;margin-top:20px;margin-bottom:15px;text-align:left;text-transform:none;} .pagereferences .refgrid .refgrid-item .item-hover .block p{font-size:14px;margin-bottom:15px!important;line-height:16px!important;font-family:'gotham_book',arial,sans-serif;} .pagereferences .refgrid .refgrid-item .item-hover .block a{color:#FFF;display:block;text-align:center;background:none;padding:0;width:100%;height:100%;position:absolute;left:0;top:100%;margin:0 auto; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; -ms-border-radius:20px; border-radius:20px;} .pagereferences .refgrid .refgrid-item:hover .item-hover .block a{top:0;} .pagereferences .refgrid .refgrid-item .item-hover .block a span{display:block;background:#FFF;position:absolute;text-indent:-999em; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; border-radius:2px;} .pagereferences .refgrid .refgrid-item .item-hover .block a span.plus_un{width:28px;height:2px;left:50%;margin-left:-14px;bottom:50px;} .pagereferences .refgrid .refgrid-item .item-hover .block a span.plus_deux{width:2px;height:28px;left:50%;margin-left:-1px;bottom:37px;} .pagereferences .refgrid .refgrid-item-photos .item-hover .block a span.backgroundImg{background:rgba(0,0,0,0.6);position:fixed;left:0;top:0;z-index:50000;width:100%;height:0;overflow:hidden;opacity:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border-radius:0; -webkit-transition:opacity 0.3s ease-out 0s; -moz-transition:opacity 0.3s ease-out 0s; -o-transition:opacity 0.3s ease-out 0s; -ms-transition:opacity 0.3s ease-out 0s; transition:opacity 0.3s ease-out 0s;} .pagereferences .refgrid .refgrid-item-photos .item-hover .block a span.backgroundImg.open{height:100%;opacity:1;} .pagereferences .refgrid .refgrid-item-photos .item-hover .block a img{position:absolute;left:50%;top:50%;z-index:50000;width:auto;height:auto;max-width:1000px;max-height:1000px;opacity:0; -webkit-transition:opacity 0.3s ease-out 0.1s; -moz-transition:opacity 0.3s ease-out 0.1s; -o-transition:opacity 0.3s ease-out 0.1s; -ms-transition:opacity 0.3s ease-out 0.1s; transition:opacity 0.3s ease-out 0.1s;} .pagereferences .refgrid .refgrid-item-photos .item-hover .block a img.imgLoadEnd{opacity:1;} #articles{overflow:hidden;padding-top:140px;} .blog .post, .archive .post{float:left;width:20%;margin:0 auto;padding:20px 0;text-align:center; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .blog .post:nth-child(2n), .archive .post:nth-child(2n){background:#F5F5F5;} .blog .post:hover, .archive .post:hover{background:#0176FF;color:#FFF;} .blog .post:hover a, .archive .post:hover a{color:#FFF;} .blog .post:hover a:hover, .archive .post:hover a:hover{color:#000;} .blog .post .contenu-article .beforemore, .archive .post .contenu-article .beforemore{margin-top:20px;min-height:100px;} .blog .post .contenu-article > a, .archive .post .contenu-article > a{ margin-bottom:20px;height:280px;overflow:hidden; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-flow: row wrap; -webkit-flex-flow: row wrap; -moz-box-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content:center; justify-content:center;} .blog .post .contenu-article > a img, .archive .post .contenu-article > a img{height:100%;width:auto;} .blog .post .contenu-article p, .archive .post .contenu-article p{padding:0 20px;} .blog .post .en-tete-article span.categories, .archive .post .en-tete-article span.categories{display:block;text-align:center;text-transform:uppercase;padding:0 20px;line-height:22px;} .blog .post .en-tete-article span.tags, .archive .post .en-tete-article span.tags{display:block;text-align:center;padding:0 20px;line-height:22px;} .blog .post .contenu-article img, .archive .post .contenu-article img{display:block;width:100%;height:auto;} .blog .post .contenu-article a.more-link, .archive .post .contenu-article a.more-link{display:block;max-width:220px;margin:0 auto;height:60px;line-height:60px;color:#1E1E1E;text-transform:uppercase;text-align:center;font-size:16px;font-weight:600;font-family:'gotham',arial,helvetica,sans-serif; border-top:1px solid #969696;border-bottom:1px solid #969696;} .blog .post:hover .contenu-article a.more-link, .archive .post:hover .contenu-article a.more-link, .blog .post .contenu-article a.more-link:hover, .archive .post .contenu-article a.more-link:hover{border-color:#FFFFFF;color:#FFFFFF;} .archive .post{width:100%!important;height:600px;position:relative;padding:0;} .archive .post .casBackground{width:100%;height:100%;overflow:hidden;} .archive .post .casBackground img{width:auto;height:600px;position:relative;left:50%;margin-left:-1280px;} .archive .post .casText{width:100%;position:absolute;left:0;top:0;bottom:0;right:0;z-index:1;background:rgba(0,0,0,0.5); -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-justify-content:center; justify-content:center;} .archive .post .casText:hover{background:none;} .archive .post .casTextContainer{width:100%;max-width:1440px;padding:40px 80px;margin:0 auto; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-flow: row wrap; -webkit-flex-flow: row wrap; -moz-box-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;} .archive .post:nth-child(2n) .casTextContainer{ -webkit-justify-content:flex-end; justify-content:flex-end; } .archive .post .casContent{width:50%;text-align:left; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .archive .post .casText:hover .casContent{background:rgba(0,0,0,0.5);padding:40px 80px 30px;} .archive .post .casContent a, .archive .post .casContent p, .archive .post .casContent h2{color:#FFFFFF;max-width:400px;} .archive .post .casContent h2{max-width:400px;font-size:35px;line-height:40px;text-align:left;position:relative;padding-top:25px;padding-bottom:0;margin-bottom:20px;text-transform:none;color:#FFFFFF;font-family:'gotham',arial,helvetica,sans-serif;font-weight:700;} .archive .post .casContent h2:before {display:block;content:"";position:absolute;left:0;top:0;width:60px;height:2px;background:#0176FF;} .archive .post .casContent h2 a:hover{color:#0176FF;} .archive .post .casContent p{font-size:18px;line-height:32px!important;} .archive .post .casContent p:last-child{margin-bottom:0!important;} .archive .post .casContent span{display:block;display:block;text-align:left;padding:0;font-size:14px;line-height:16px;} .archive .post .casContent span.categories{text-transform:uppercase;} .archive .post .casContent span.tags{font-style:italic;} .archive .post .casContent span a:hover{color:#0176FF;} .archive .post .casContent a.more-link{display:inline-block;font-size:18px;line-height:20px;padding:15px 30px;color:#FFFFFF;text-transform:uppercase;border:1px solid #FFFFFF;font-family:'gotham',arial,helvetica,sans-serif; font-weight:500;position:relative;overflow:hidden;margin-top:20px; -webkit-transition: color 0.5s ease-out 0s !important; -moz-transition: color 0.5s ease-out 0s !important; -o-transition: color 0.5s ease-out 0s !important; -ms-transition: color 0.5s ease-out 0s !important; transition: color 0.5s ease-out 0s !important;} .archive .post .casContent a.more-link span{position:relative;z-index:1;} .archive .post .casContent a.more-link:before{display:block;content:"";position:absolute;left:-10px;top:-20px;width:20px;height:20px;z-index:0;background:#FFFFFF; -webkit-border-radius:300px; -moz-border-radius:300px; -o-border-radius:300px; -ms-border-radius:300px; border-radius:300px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} .archive .post .casContent a.more-link:hover{color:#0176FF;} .archive .post .casContent a.more-link:hover:before {background:#FFFFFF;left:-300px;top:-300px;width:600px;height:600px;} .archive .post:nth-child(2n) .casContent{text-align:right;} .archive .post:nth-child(2n) .casContent h2{text-align:right;margin-left:auto;} .archive .post:nth-child(2n) .casContent h2:before {left:inherit;right:0;} .archive .post:nth-child(2n) .casContent p{text-align:right;margin-left:auto!important;} .archive .post:nth-child(2n) .casContent span{text-align:right;} .archive .post .casContent h2{position:relative;top:500px;opacity:0; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} .archive .post.anim .casContent h2{top:0;opacity:1;} .archive .post .casContent p{position:relative;top:500px;opacity:0; -webkit-transition: all 0.5s ease-out 0.3s; -moz-transition: all 0.5s ease-out 0.3s; -o-transition: all 0.5s ease-out 0.3s; -ms-transition: all 0.5s ease-out 0.3s; transition: all 0.5s ease-out 0.3s;} .archive .post.anim .casContent p{top:0;opacity:1;} @media screen and (max-width: 1260px){ .archive .post .casTextContainer{padding:40px;} .archive .post .casText:hover .casContent{padding:40px 40px 30px;} } @media screen and (max-width: 767px){ .archive .post .casTextContainer{padding:40px 20px;} .archive .post .casText:hover .casContent{padding:40px 20px 30px;} .archive .post .casContent{width:100%;} } .single .post .beforemore{display:none;} #navigation {width:100%;height:60px;overflow:hidden;background:#F5F5F5;} #navigation span{display:block;width:50%;height:60px;} #navigation .anciens, #navigation .precedent{float:left;} #navigation .recents, #navigation .suivant{float:right;text-align:right;} #navigation span a{display:block;height:60px;line-height:60px;padding:0 20px;margin:0;color:#FFF;border:1px solid #000;background:#000;} #navigation span a:hover{color:#FFF;border-color:#0176FF;background:#0176FF;} .post-template-single-references .contenu-article > p:first-child{margin-bottom:0!important;} .post-template-single-references .referenceHeader{margin-top:0!important;} .post-template-single-references .referencepage{padding-bottom:80px;margin-top:100px;opacity:0;position:relative; -webkit-transition: margin-top 0.3s ease-out 0s, opacity 0.3s ease-out 0s; -moz-transition: margin-top 0.3s ease-out 0s, opacity 0.3s ease-out 0s; -o-transition: margin-top 0.3s ease-out 0s, opacity 0.3s ease-out 0s; -ms-transition: margin-top 0.3s ease-out 0s, opacity 0.3s ease-out 0s; transition: margin-top 0.3s ease-out 0s, opacity 0.3s ease-out 0s;} .post-template-single-references .referencepage.anim{margin-top:0;opacity:1;} .post-template-single-references .referencepage p{line-height:32px!important;} .post-template-single-references .referencepage h1{font-size:35px;line-height:40px;text-align:left;position:relative;padding-top:25px;padding-bottom:0;margin-bottom:20px;text-transform:none;} .post-template-single-references .referencepage h1:before {display:block;content:"";position:absolute;left:0;top:0;width:60px;height:2px;background:#0176FF;} .post-template-single-references .referencepage ul.mots_cle{list-style:none outside none; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap;} .post-template-single-references .referencepage ul.mots_cle li{font-size:18px;line-height:20px;padding:0 10px;border-right:1px solid #0176FF;color:#0176FF;} .post-template-single-references .referencepage ul.mots_cle li:first-child{padding-left:0;} .post-template-single-references .referencepage ul.mots_cle li:last-child{padding-right:0;border:none;} .post-template-single-references .referencepage ul.mots_cle li a{font-size:18px;line-height:20px;color:#0176FF;} .post-template-single-references .referencepage ul.mots_cle li a:hover{color:#1E1E1E;} .post-template-single-references .blockPhotoObjectifs{padding-bottom:80px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap;} .post-template-single-references .blockPhotoObjectifs .blockPhoto{width:60%;padding-right:40px;} .post-template-single-references.postid-6948 .blockPhotoObjectifs .blockPhoto{padding-top:40px;} .post-template-single-references .blockPhotoObjectifs .blockPhoto img{max-width:100%;height:auto;} .post-template-single-references .blockPhotoObjectifs .blockObjectifs{width:40%;padding-left:40px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-justify-content:center; justify-content:center;} .post-template-single-references .blockPhotoObjectifs .blockObjectifs h2{font-size:23px;line-height:28px;font-weight:bold;text-align:left;margin:0 0 20px;color:#0176FF;} .post-template-single-references .blockPhotoObjectifs .blockObjectifs p.exergue{font-size:25px;line-height:32px!important;font-weight:bold;text-align:left;margin:0 0 20px!important;font-family:'gotham',arial,helvetica,sans-serif;} .post-template-single-references .blockTexteActions{padding-bottom:80px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap;} .post-template-single-references .blockTexteActions .blockTexte{width:60%;padding-right:40px;display:block; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;} .post-template-single-references .blockTexteActions .blockTexte .bleue{color:#0176FF;} .post-template-single-references .blockTexteActions .blockActions{width:40%;padding-left:40px;} .post-template-single-references .blockTexteActions .blockActions h2{font-size:23px;line-height:28px;font-weight:bold;text-align:left;margin:0 0 20px;color:#0176FF;} .post-template-single-references .blockTexteActions .blockActions ul{list-style:none outside none;} .post-template-single-references .blockTexteActions .blockActions ul li{position:relative;padding:0 0 0 75px;font-size:23px;line-height:28px;min-height:60px;margin:20px 0; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-justify-content:center; justify-content:center;} .post-template-single-references .blockTexteActions .blockActions ul li:before {display:block;content:"1";width:60px;height:60px;position:absolute;top:50%;left:0;margin-top:-30px;background:#0176FF;color:#FFFFFF;text-align:center;line-height:60px; -webkit-box-shadow:0 0 8px rgba(30,30,30,0.5); -moz-box-shadow:0 0 8px rgba(30,30,30,0.5); -o-box-shadow:0 0 8px rgba(30,30,30,0.5); -ms-box-shadow:0 0 8px rgba(30,30,30,0.5); box-shadow:0 0 8px rgba(30,30,30,0.5); -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; -ms-border-radius:30px; border-radius:30px;} .post-template-single-references .blockTexteActions .blockActions ul li:nth-child(2):before {content:"2";} .post-template-single-references .blockTexteActions .blockActions ul li:nth-child(3):before {content:"3";} .post-template-single-references .blockTexteActions .blockActions ul li:nth-child(4):before {content:"4";} .post-template-single-references .blockTexteActions .blockActions ul li:nth-child(5):before {content:"5";} .post-template-single-references .blockTexteActions .blockActions ul li:nth-child(6):before {content:"6";} .post-template-single-references .blockTexteActions .blockActions ul li:nth-child(7):before {content:"7";} .post-template-single-references .blockTexteActions .blockActions ul li:nth-child(8):before {content:"8";} .post-template-single-references .blockTexteActions .blockActions ul li:nth-child(9):before {content:"9";} .post-template-single-references .blockTexteActions .blockActions ul li:nth-child(10):before {content:"10";} .post-template-single-references .blockLibre0{width:100%;margin-top:-160px;padding-bottom:60px;} .post-template-single-references .blockLibre0Container{width:100%;max-width:1440px;margin:0 auto;padding:0 80px;position:relative; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap;} .post-template-single-references .blockLibre0Container .chemin{position:absolute;left:50%;top:-120px;width:1600px;height:2380px;margin-left:-800px;z-index:2;background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/bogeforez-chemin.png) no-repeat left top;pointer-events:none;} .post-template-single-references .blockLibre0Container .blockImageLeft{width:30%;} .post-template-single-references.postid-8278 .blockLibre0Container .blockImageLeft{width:30%;opacity:0; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; -webkit-transform:translate(-100px,0); -moz-transform:translate(-100px,0); transform:translate(-100px,0);} .post-template-single-references.postid-8278 .anim .blockLibre0Container .blockImageLeft{width:30%;opacity:1; -webkit-transform:translate(0,0); -moz-transform:translate(0,0); transform:translate(0,0);} .post-template-single-references .blockLibre0Container .blockImageLeft img{width:100%;max-width:380px;height:auto;} .post-template-single-references .blockLibre0Container .blockImageRight{width:78.125%;position:absolute;right:-180px;top:40px;z-index:1;} .post-template-single-references.postid-8278 .blockLibre0Container .blockImageRight{width:70%;position:absolute;right:0;top:40px;z-index:1;} .post-template-single-references.postid-8278 .blockLibre0Container .blockImageRight{opacity:0; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; -webkit-transform:translate(-00px,0); -moz-transform:translate(100px,0); transform:translate(100px,0);} .post-template-single-references.postid-8278 .anim .blockLibre0Container .blockImageRight{opacity:1; -webkit-transform:translate(0,0); -moz-transform:translate(0,0); transform:translate(0,0);} .post-template-single-references .blockLibre0Container .blockImageRight img{width:100%;max-width:1000px;height:auto;} .post-template-single-references.postid-8278 .blockLibre0Container .blockImageRight img{max-width:900px;margin-left:auto;} .post-template-single-references .bogeLibre1{width:100%; } .post-template-single-references .bogeLibre1Container{width:100%;max-width:1440px;margin:0 auto;padding:160px 80px 80px;position:relative; } .post-template-single-references.postid-8278 .bogeLibre1Container{padding:360px 80px 80px;} .post-template-single-references .bogeLibre1Container > div{width:100%;position:relative; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap;} .post-template-single-references .bogeLibre1Container .depliantVerso{position:absolute;top:-520px;right:0;width:100%;max-width:900px;z-index:3;} .post-template-single-references.postid-8278 .bogeLibre1Container .depliantVerso{position:absolute;top:-320px;right:0;width:100%;max-width:1200px;z-index:3;} .post-template-single-references .bogeLibre1Container .depliantVerso img{width:100%;height:auto;} .post-template-single-references .bogeLibre1Container .blockImage{width:60%;} .post-template-single-references .bogeLibre1Container .objetpub .blockImage{max-width:730px;position:relative;z-index:1;padding-right:40px;} .post-template-single-references .bogeLibre1Container .blockImage img{width:100%;height:auto;} .post-template-single-references .bogeLibre1Container .covering .blockImage img{margin-left:-40px;} .post-template-single-references .bogeLibre1Container .blockText{width:40%;padding:40px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-justify-content:center; justify-content:center;} .post-template-single-references .bogeLibre1Container .blockText p{max-width:400px;color:#000000;text-align:left;font-size:18px;line-height:32px!important;margin-bottom:0!important;} .post-template-single-references .bogeLibre1Container .blockText h2{max-width:400px;font-size:35px;line-height:40px;text-align:left;position:relative;padding-top:25px;padding-bottom:0;margin-bottom:20px;text-transform:none;color:#000000;font-family:'gotham',arial,helvetica,sans-serif;font-weight:700;} .post-template-single-references .bogeLibre1Container .blockText h2:before {display:block;content:"";position:absolute;left:0;top:0;width:60px;height:2px;background:#0176FF;} .post-template-single-references .blockBgImage{width:100%;overflow:hidden;position:relative;} .post-template-single-references.postid-6948 .blockBgImage1{margin-top:0;} .post-template-single-references.postid-6948 .blockBgImage3{margin-top:-200px;} .post-template-single-references .blockBgImage .blockImage{width:100%; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-justify-content:center; justify-content:center;} .post-template-single-references .blockBgImage .blockImage img{width:auto;height:460px;} .post-template-single-references.postid-8278 .blockBgImage1 .blockImage img{width:auto;height:840px;} .post-template-single-references.postid-8278 .blockBgImage3 .blockImage img{width:auto;height:930px;} .post-template-single-references.postid-6948 .blockBgImage1 .blockImage img{width:auto;height:844px;} .post-template-single-references.postid-6948 .blockBgImage3 .blockImage img{width:auto;height:930px;} .post-template-single-references .blockBgImage .blockTexte{position:absolute;left:0;top:0;width:100%;height:100%;display:block;background:rgba(30,30,30,0.5);} .post-template-single-references .blockBgImage .blockTexte .blockTexteContainer{width:100%;max-width:1440px;margin:0 auto;height:100%;padding:0 80px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-justify-content:center; justify-content:center;} .post-template-single-references.postid-8278 .blockBgImage1 .blockTexte .blockTexteContainer, .post-template-single-references.postid-8278 .blockBgImage3 .blockTexte .blockTexteContainer, .post-template-single-references.postid-6948 .blockBgImage1 .blockTexte .blockTexteContainer{ -webkit-justify-content:flex-start; justify-content:flex-start; } .post-template-single-references.postid-8278 .blockBgImage3 .blockTexte .blockTexteContainer .ipad{width:60%;-webkit-align-self:flex-end;align-self:flex-end;position:absolute;right:80px;bottom:-170px;} .post-template-single-references.postid-6948 .blockBgImage3 .blockTexte .blockTexteContainer .ipad{width:50%;-webkit-align-self:flex-end;align-self:flex-end;} .post-template-single-references.postid-8278 .blockBgImage3 .blockTexte .blockTexteContainer .ipad img{width:100%;max-width:840px;height:auto;} .post-template-single-references.postid-6948 .blockBgImage3 .blockTexte .blockTexteContainer .ipad img{width:100%;height:auto;} .post-template-single-references .blockBgImage .blockTexte .blockTexteContainer a{display:inline-block;font-size:18px;line-height:20px;padding:15px 30px;color:#FFFFFF;text-transform:uppercase;border:1px solid #FFFFFF;font-family:'gotham',arial,helvetica,sans-serif;font-weight:500;position:relative;overflow:hidden;} .post-template-single-references .blockBgImage .blockTexte .blockTexteContainer .link a{margin-top:40px; -webkit-transition: color 0.5s ease-out 0s !important; -moz-transition: color 0.5s ease-out 0s !important; -o-transition: color 0.5s ease-out 0s !important; -ms-transition: color 0.5s ease-out 0s !important; transition: color 0.5s ease-out 0s !important; } .post-template-single-references .blockBgImage .blockTexte .blockTexteContainer a span{position:relative;z-index:1;} .post-template-single-references .blockBgImage .blockTexte .blockTexteContainer a:before{display:block;content:"";position:absolute;left:-10px;top:-20px;width:20px;height:20px;z-index:0;background:#FFFFFF; -webkit-border-radius:300px; -moz-border-radius:300px; -o-border-radius:300px; -ms-border-radius:300px; border-radius:300px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} .post-template-single-references .blockBgImage .blockTexte .blockTexteContainer a:hover{color:#0176FF;} .post-template-single-references .blockBgImage .blockTexte .blockTexteContainer a:hover:before {background:#FFFFFF;left:-300px;top:-300px;width:600px;height:600px;} .post-template-single-references .blockBgImage .blockTexte .blockTexteContainer p{max-width:400px;color:#FFFFFF;text-align:left;font-size:18px;line-height:32px!important;margin-bottom:0!important;} .post-template-single-references .blockBgImage .blockTexte .blockTexteContainer h2{max-width:400px;font-size:35px;line-height:40px;text-align:left;position:relative;padding-top:25px;padding-bottom:0;margin-bottom:20px;text-transform:none;color:#FFFFFF;font-family:'gotham',arial,helvetica,sans-serif;font-weight:700;} .post-template-single-references .blockBgImage .blockTexte .blockTexteContainer h2:before {display:block;content:"";position:absolute;left:0;top:0;width:60px;height:2px;background:#0176FF;} .post-template-single-references .blockBgImage .blockTexte .blockTexteContainer > h2{position:relative;top:1000px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} .post-template-single-references.postid-8278 .blockBgImage1 .blockTexte .blockTexteContainer > h2{margin-top:100px;z-index:3;} .post-template-single-references.postid-8278 .blockBgImage3 .blockTexte .blockTexteContainer > h2{margin-top:100px;z-index:3;} .post-template-single-references.postid-6948 .blockBgImage1 .blockTexte .blockTexteContainer > h2{margin-top:100px;z-index:3;} .post-template-single-references .blockBgImage.anim .blockTexte .blockTexteContainer > h2{top:0;} .post-template-single-references .blockBgImage .blockTexte .blockTexteContainer > p{position:relative;top:1000px;opacity:0; -webkit-transition: all 0.4s ease-out 0.5s; -moz-transition: all 0.4s ease-out 0.5s; -o-transition: all 0.4s ease-out 0.5s; -ms-transition: all 0.4s ease-out 0.5s; transition: all 0.4s ease-out 0.5s;} .post-template-single-references .blockBgImage.anim .blockTexte .blockTexteContainer > p{top:0;opacity:1;} .post-template-single-references .blockBgImage .blockTexte .blockTexteContainer a{position:relative;top:1000px;opacity:0; -webkit-transition: all 0.4s ease-out 0.5s; -moz-transition: all 0.4s ease-out 0.5s; -o-transition: all 0.4s ease-out 0.5s; -ms-transition: all 0.4s ease-out 0.5s; transition: all 0.4s ease-out 0.5s; } .post-template-single-references .blockBgImage.anim .blockTexte .blockTexteContainer a{top:0;opacity:1;} .post-template-single-references.postid-6948 .blockBgImage3{overflow:visible;} .post-template-single-references.postid-6948 .blockBgImage3 .blockImage{overflow:hidden;} .post-template-single-references.postid-6948 .blockBgImage3 .blockTexte .blockTexteContainer>h2, .post-template-single-references.postid-6948 .blockBgImage3 .blockTexte .blockTexteContainer>p{z-index:6;} .post-template-single-references.postid-6948 .blockBgImage3 .feuille{position:absolute;left:50%;z-index:0;} .post-template-single-references.postid-6948 .blockBgImage3 .feuille1{z-index:5;top:350px;margin-left:-800px;width:240px;height:288px;background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/bogeforez-feuille-1.png) no-repeat center center;background-size:cover; transform:rotate(160deg);} .post-template-single-references.postid-6948 .blockBgImage3 .feuille2{z-index:4;top:515px;margin-left:-760px;width:140px;height:172px;background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/bogeforez-feuille-2.png) no-repeat center center;background-size:cover; transform:rotate(230deg);} .post-template-single-references.postid-6948 .blockBgImage3 .feuille3{z-index:3;top:700px;margin-left:-600px;width:160px;height:196px;background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/bogeforez-feuille-2.png) no-repeat center center;background-size:cover; transform:rotate(60deg);} .post-template-single-references.postid-6948 .blockBgImage3 .feuille4{z-index:3;top:760px;margin-left:-700px;width:250px;height:300px;background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/bogeforez-feuille-1.png) no-repeat center center;background-size:cover; } .post-template-single-references.postid-6948 .blockBgImage3 .feuille5{z-index:2;top:840px;margin-left:-350px;width:180px;height:220px;background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/bogeforez-feuille-2.png) no-repeat center center;background-size:cover; } .post-template-single-references.postid-8278 .blockBgImage3{overflow:visible;} .post-template-single-references.postid-8278 .blockBgImage3 .blockImage{overflow:hidden;} .post-template-single-references.postid-8278 .blockBgImage3 .blockTexte .blockTexteContainer>h2, .post-template-single-references.postid-8278 .blockBgImage3 .blockTexte .blockTexteContainer>p{z-index:6;} .post-template-single-references .referenceFooter{width:100%;max-width:1600px;margin:0 auto;padding:80px 0;} .post-template-single-references.postid-8278 .referenceFooter{padding:200px 80px 80px;} .post-template-single-references .referenceFooter .blockLienSite{padding-bottom:80px;max-width:1000px;margin:0 auto;} .post-template-single-references .referenceFooter .blockLienSite p:first-child{text-align:center;font-size:35px;line-height:40px!important;font-family:'gotham',arial,helvetica,sans-serif;font-weight:500;margin:0 auto!important;padding:0 20px;} .post-template-single-references .referenceFooter p.linkSite{text-align:center;padding-top:80px;margin:0!important;} .post-template-single-references .referenceFooter p.linkSite a{display:inline-block;font-size:18px;line-height:20px;padding:15px 30px;color:#0176FF;text-transform:uppercase;border:1px solid #0176FF;font-family:'gotham',arial,helvetica,sans-serif;font-weight:500;position:relative;overflow:hidden;} .post-template-single-references .referenceFooter p.linkSite a:before{display:block;content:"";position:absolute;left:-10px;top:-20px;width:20px;height:20px;z-index:-1;background:#0176FF; -webkit-border-radius:300px; -moz-border-radius:300px; -o-border-radius:300px; -ms-border-radius:300px; border-radius:300px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} .post-template-single-references .referenceFooter p.linkSite a:hover{color:#FFFFFF;} .post-template-single-references .referenceFooter p.linkSite a:hover:before {background:#0176FF;left:-400px;top:-400px;width:800px;height:800px;} .post-template-single-references .referenceFooter .blockLienContact{text-align:center;} .post-template-single-references .referenceFooter h2{display:inline-block;font-size:35px;line-height:40px!important;font-family:'gotham',arial,helvetica,sans-serif;font-weight:700;position:relative;text-align:left;text-transform:none;padding-top:25px;padding-bottom:0;margin-bottom:0;} .post-template-single-references .referenceFooter h2:before {display:block;content:"";position:absolute;left:0;top:0;width:60px;height:2px;background:#0176FF;} .post-template-single-references .referenceFooter .actusCasClient {display:block;width:100%;} .post-template-single-references .referenceFooter .actusCasClientContainer{width:100%;max-width:1440px;margin:0 auto;padding:0 0 80px;text-align:center;} .post-template-single-references .referenceFooter .actusCasClientContainer h2{margin-bottom:40px;} .post-template-single-references .referenceFooter .actusCasClient ul{width:100%; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-justify-content:center; justify-content:center;} .post-template-single-references .referenceFooter .actusCasClient ul li{width:50%;position:relative; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap;} .post-template-single-references .referenceFooter .actusCasClient ul li .blockImage{position:relative;overflow:hidden;} .post-template-single-references .referenceFooter .actusCasClient ul li .blockImage .imgBlank{width:100%;height:auto;} .post-template-single-references .referenceFooter .actusCasClient ul li .blockImage a{position:absolute;left:0;top:0;right:0;bottom:0; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-align-content:center; align-content:center; -webkit-justify-content:center; justify-content:center;} .post-template-single-references .referenceFooter .actusCasClient ul li .blockImage a img{width:auto;height:100%;align-self:center;} .post-template-single-references .referenceFooter .actusCasClient ul li .blockHover{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;padding:30px; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-align-content:center; align-content:center; -webkit-justify-content:center; justify-content:center;} .post-template-single-references .referenceFooter .actusCasClient ul li .blockHover p.catTitle{font-size:20px;line-height:20px!important;color:#FFFFFF;text-transform:uppercase;text-align:center;position:relative;margin-bottom:5px!important;margin-top:0!important;opacity:1; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;} .post-template-single-references .referenceFooter .actusCasClient ul li .blockHover h3{font-size:30px;line-height:30px;margin:0 0 0;padding:0;color:#FFFFFF;font-weight:700;font-family:'Open sans',arial,helvetica,sans-serif;text-align:center; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .post-template-single-references .referenceFooter .actusCasClient ul li:hover .blockHover h3{margin:0 0 40px;} .post-template-single-references .referenceFooter .actusCasClient ul li .blockHover p.desc{max-width:580px;margin:0 auto 0!important;font-size:18px;line-height:30px!important;text-align:center;color:#FFFFFF;height:0;overflow:hidden;opacity:0; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .post-template-single-references .referenceFooter .actusCasClient ul li:hover .blockHover p.desc{height:auto;margin:0 auto 40px!important;opacity:1;} .post-template-single-references .referenceFooter .actusCasClient ul li .blockHover .fullLinkContainer{text-align:center;margin:0;opacity:0; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .post-template-single-references .referenceFooter .actusCasClient ul li:hover .blockHover .fullLinkContainer{opacity:1;} .post-template-single-references .referenceFooter .actusCasClient ul li .blockHover a.fullLink{display:inline-block;font-size:16px;line-height:20px;text-transform:uppercase;color:#FFFFFF;font-weight:400;padding-right:65px;position:relative;} .post-template-single-references .referenceFooter .actusCasClient ul li .blockHover a.fullLink:after{display:block;content:"";position:absolute;right:0;top:50%;width:45px;height:1px;background:#FFFFFF;z-index:1; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .post-template-single-references .referenceFooter .actusCasClient ul li .blockHover a.fullLink:hover{color:#1E1E1E;} .post-template-single-references .referenceFooter .actusCasClient ul li .blockHover a.fullLink:hover:after{background:#1E1E1E;right:5px;} .page-id-9 .referencepage, .page-id-9 .referenceFooter{display:none;} .post-template-single-references .groupeGalerie{width:100%;max-width:1440px;margin:0 auto;padding:80px 80px 0;} .post-template-single-references .groupeGalerie .groupeGalerieContainer{width:100%;} .post-template-single-references .groupeGalerie .galerieItem, .post-template-single-references .groupeGalerie .galerieSizer{width:50%;overflow:hidden;} .post-template-single-references .groupeGalerie .galerieItem img{width:100%;height:auto; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} .post-template-single-references .groupeGalerie .galerieItem:hover img{ transform:scale(1.2);} .post-template-single-references .groupeGalerie .galerieItemTexte{padding:40px 80px 80px;} .post-template-single-references .groupeGalerie .galerieItemTexte p{margin:0!important;font-size:18px;line-height:32px!important;} .post-template-single-references .groupeGalerie .galerieItemTexte h2{display:inline-block;font-size:35px;line-height:40px!important;font-family:'gotham',arial,helvetica,sans-serif;font-weight:700;position:relative;text-align:left;text-transform:none;padding-top:25px;padding-bottom:0;margin-bottom:20px;} .post-template-single-references .groupeGalerie .galerieItemTexte h2:before {display:block;content:"";position:absolute;left:0;top:0;width:60px;height:2px;background:#0176FF;} .post-template-single-references #blockZoneLibre{width:100%;max-width:1440px;margin:0 auto;padding:80px 80px;} .post-template-single-references #blockZoneLibre .blockImageTexte{width:100%;margin-bottom:40px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap;} .post-template-single-references #blockZoneLibre .blockImageTexte .blockImage{width:60%;padding-right:40px;} .post-template-single-references #blockZoneLibre .blockImageTexte .blockImage .wp-caption{width:100%!important; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap;} .post-template-single-references #blockZoneLibre .blockImageTexte .blockImage img{order:2;max-width:100%;height:auto;} .post-template-single-references #blockZoneLibre .blockImageTexte .blockImage p.wp-caption-text{order:1;font-size:18px;line-height:20px!important;font-family:'gotham',arial,helvetica,sans-serif;font-weight:700;text-transform:uppercase;text-align:center;} .post-template-single-references #blockZoneLibre .blockImageTexte .blockTexte{width:40%;padding-left:40px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-justify-content:center; justify-content:center;} .post-template-single-references #blockZoneLibre .blockImageTexte .blockTexte h2{display:inline-block;font-size:35px;line-height:40px!important;font-family:'gotham',arial,helvetica,sans-serif;font-weight:700;position:relative;text-align:left;text-transform:none;padding-top:25px;padding-bottom:0;margin-bottom:20px;} .post-template-single-references #blockZoneLibre .blockImageTexte .blockTexte h2:before {display:block;content:"";position:absolute;left:0;top:0;width:60px;height:2px;background:#0176FF;} .post-template-single-references #blockZoneLibre .blockImageTexte .blockTexte p{font-size:18px;line-height:32px!important;text-align:left;margin:0!important;} .post-template-single-references #blockZoneLibre .blockGalerie .gallery{width:100%; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap;} .post-template-single-references #blockZoneLibre .blockGalerie .gallery .gallery-item{width:25%; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap;} .post-template-single-references #blockZoneLibre .blockGalerie .gallery .gallery-item .gallery-caption{order:1;margin:0!important;font-size:18px;line-height:20px!important;font-family:'gotham',arial,helvetica,sans-serif;font-weight:700;text-transform:uppercase;text-align:center;} .post-template-single-references #blockZoneLibre .blockGalerie .gallery .gallery-item .gallery-icon{order:2;} .post-template-single-references #blockZoneLibre .blockGalerie .gallery .gallery-item .gallery-icon img{width:100%;height:auto;border:none;margin:0 auto;} .post-template-single-references .groupeTrio{width:100%;padding:0 0 80px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap;} .post-template-single-references .groupeTrio .element{width:33.33%;} .post-template-single-references .groupeTrio .elementPhoto{position:relative;} .post-template-single-references .groupeTrio .elementPhoto > img.blank{width:100%;height:auto;} .post-template-single-references .groupeTrio .elementPhoto .masque{position:absolute;z-index:1;left:0;top:0;right:0;bottom:0;background:#323232; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-align-content:center; align-content:center; -webkit-justify-content:center; justify-content:center;} .post-template-single-references .groupeTrio .elementPhoto .masque img{width:auto;height:100%;-webkit-align-self:center;align-self:center;} .post-template-single-references .groupeTrio .elementPhoto .legende{position:absolute;z-index:2;left:0;right:0;bottom:0;height:60px;background:rgba(50,50,50,0.5);padding:0 20px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-align-content:center; align-content:center; -webkit-justify-content:center; justify-content:center;} .post-template-single-references .groupeTrio .elementPhoto .legende span{display:inline-block;font-size:16px;line-height:20px;color:#FFFFFF;} .post-template-single-references .groupeTrio .elementTexte{padding:80px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-align-content:center; align-content:center; -webkit-justify-content:center; justify-content:center;} .post-template-single-references .groupeTrio .elementTexteContainer{-webkit-align-self:center;align-self:center;} .post-template-single-references .groupeTrio .elementTexteContainer h2{max-width:400px;font-size:35px;line-height:40px;text-align:left;position:relative;padding-top:25px;padding-bottom:0;margin-bottom:20px; text-transform:none;color:#000;font-family:'gotham',arial,helvetica,sans-serif;font-weight:700;} .post-template-single-references .groupeTrio .elementTexteContainer h2:before {display:block;content:"";position:absolute;left:0;top:0;width:60px;height:2px;background:#0176ff;} .post-template-single-references .groupeTrio .elementTexteContainer p{max-width:400px;color:#000;text-align:left;font-size:18px;line-height:32px!important;margin-bottom:0!important;} .post-template-single-references .groupePhotoTexte{width:100%;padding:80px;} .post-template-single-references .groupePhotoTexte .style1{width:100%;max-width:1280px;margin:0 auto 80px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap;} .post-template-single-references .groupePhotoTexte .style1 .blockTitre{width:50%;margin-bottom:40px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-align-content:center; align-content:center; -webkit-justify-content:center; justify-content:center;} .post-template-single-references .groupePhotoTexte .style1 .blockTexte{width:50%;margin-bottom:40px;} .post-template-single-references .groupePhotoTexte .style1 .blockTitre h2{font-size:35px;line-height:40px;text-align:left;position:relative;padding-top:25px;padding-bottom:0;margin-bottom:20px; text-transform:none;color:#000;font-family:'gotham',arial,helvetica,sans-serif;font-weight:700;-webkit-align-self:center;align-self:center;} .post-template-single-references .groupePhotoTexte .style1 .blockTitre h2:before {display:block;content:"";position:absolute;left:0;top:0;width:60px;height:2px;background:#0176ff;} .post-template-single-references .groupePhotoTexte .style1 .blockTexte p{color:#000;text-align:left;font-size:18px;line-height:32px!important;margin-bottom:0!important;} .post-template-single-references .groupePhotoTexte .style1 .blockPhoto{width:100%;} .post-template-single-references .groupePhotoTexte .style1 .blockPhoto img{width:100%;height:auto;} .post-template-single-references .groupePhotoTexte .style2{width:100%;max-width:1280px;margin:0 auto 80px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap;} .post-template-single-references .groupePhotoTexte .style2 .blockTexte{width:50%;padding:80px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-align-content:center; align-content:center; -webkit-justify-content:center; justify-content:center;} .post-template-single-references .groupePhotoTexte .style2 .blockTexteContainer{-webkit-align-self:center;align-self:center;} .post-template-single-references .groupePhotoTexte .style2 .blockTexteContainer h2{max-width:400px;font-size:35px;line-height:40px;text-align:left;position:relative;padding-top:25px;padding-bottom:0;margin-bottom:20px; text-transform:none;color:#000;font-family:'gotham',arial,helvetica,sans-serif;font-weight:700;} .post-template-single-references .groupePhotoTexte .style2 .blockTexteContainer h2:before {display:block;content:"";position:absolute;left:0;top:0;width:60px;height:2px;background:#0176ff;} .post-template-single-references .groupePhotoTexte .style2 .blockTexteContainer p{max-width:400px;color:#000;text-align:left;font-size:18px;line-height:32px!important;margin-bottom:0!important;} .post-template-single-references .groupePhotoTexte .style2 .blockPhoto{width:50%;} .post-template-single-references .groupePhotoTexte .style2 .blockPhoto img{width:100%;height:auto;} .post-template-single-references.postid-7094 .referencepage ul.mots_cle{margin-bottom:40px!important;} .post-template-single-references.postid-7094 .blockBgImage .blockTexte .blockTexteContainer{padding:80px;position:relative; -webkit-justify-content:flex-start; justify-content:flex-start;} .post-template-single-references.postid-7094 .blockBgImage1 .blockImage img{width:auto;height:844px;} .post-template-single-references.postid-7094 .blockBgImage3 .blockImage img{width:auto;height:930px;} .post-template-single-references.postid-7094 .bowigoLibre1{width:100%;} .post-template-single-references.postid-7094 .bowigoLibre1Container{width:100%;max-width:1440px;margin:0 auto;padding:200px 80px 80px;position:relative; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-justify-content:center; justify-content:center;} .post-template-single-references.postid-7094 .bowigoLibre1Container .blockImage{width:60%;} .post-template-single-references.postid-7094 .bowigoLibre1Container .blockImage img{width:100%;height:auto;margin-left:-30px;} .post-template-single-references.postid-7094 .bowigoLibre1Container .blockText{width:40%;padding:40px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-justify-content:center; justify-content:center;} .post-template-single-references.postid-7094 .bowigoLibre1Container .blockText p{max-width:400px;color:#000000;text-align:left;font-size:18px;line-height:32px!important;margin-bottom:0!important;} .post-template-single-references.postid-7094 .bowigoLibre1Container .blockText h2{max-width:400px;font-size:35px;line-height:40px;text-align:left;position:relative;padding-top:25px;padding-bottom:0;margin-bottom:20px;text-transform:none;color:#000000;font-family:'gotham',arial,helvetica,sans-serif;font-weight:700;} .post-template-single-references.postid-7094 .bowigoLibre1Container .blockText h2:before {display:block;content:"";position:absolute;left:0;top:0;width:60px;height:2px;background:#0176FF;} .post-template-single-references.postid-7094 .blockBgImage3 .blockTexte .blockTexteContainer .reseaux{width:50%;position:relative; -webkit-align-self:flex-end; align-self:flex-end;} .post-template-single-references.postid-7094 .blockBgImage3 .blockTexte .blockTexteContainer .reseaux img{width:100%;max-width:600px;height:auto;} .post-template-single-references.postid-7094 .bowigoLibre1Container .ipad{position:absolute;left:0;top:-420px;z-index:1;width:100%;max-width:820px;} .post-template-single-references.postid-7094 .bowigoLibre1Container .ipad img{margin-left:15px;width:100%;height:auto;max-width:820px;} .post-template-single-references.postid-7094 .blockBgImage .blockTexte .blockTexteContainer .iphones{position:absolute;right:150px;top:-200px;z-index:1;width:50%;max-width:600px;} .post-template-single-references.postid-7094 .blockBgImage{overflow:visible;} .post-template-single-references.postid-7094 .blockBgImage .blockImage{overflow:hidden;} .post-template-single-references.postid-7175 .referencepage ul.mots_cle{margin-bottom:40px!important;} .post-template-single-references.postid-7175 .blockBgImage .blockTexte .blockTexteContainer{padding:80px;position:relative; -webkit-justify-content:flex-start; justify-content:flex-start;} .post-template-single-references.postid-7175 .blockBgImage1 .blockImage img{width:auto;height:844px;} .post-template-single-references.postid-7175 .blockBgImage3 .blockImage img{width:auto;height:930px;} .post-template-single-references.postid-7175 .blockTexteActions{padding-bottom:0;} .post-template-single-references.postid-7175 .blockBgImage1{overflow:visible;} .post-template-single-references.postid-7175 .blockBgImage1 .blockImage{overflow:hidden;} .post-template-single-references.postid-7175 .blockBgImage1 .plaquette{width:50%;position:absolute;top:0;right:0;z-index:1;} .post-template-single-references.postid-7175 .blockBgImage1 .plaquette img{width:100%;max-width:500px;height:auto;} .post-template-single-references.postid-7175 .bogeLibre1Container{padding-top:0;padding-bottom:0;} .post-template-single-references.postid-7175 .bogeLibre1Container .depliantVerso{position:relative;top:inherit;right:inherit;max-width:100%;margin-top:-350px;} .post-template-single-references.postid-7175 .bogeLibre1Container .packaging{padding:80px 0 0;} .post-template-single-references.postid-7175 .bogeLibre1Container .packaging .blockImage img{max-width:720px;} .post-template-single-references.postid-7175 .bogeLibre1Container .plaquetteBox{z-index:1;} .post-template-single-references.postid-7175 .bogeLibre1Container .plaquetteBox img{max-width:100%;height:auto;margin:0 auto;} .post-template-single-references.postid-7175 .blockBgImage3{overflow:visible;margin-top:-160px;} .post-template-single-references.postid-7175 .blockBgImage3 .blockImage{overflow:hidden;} .post-template-single-references.postid-7175 .blockBgImage3 .blockTexte .blockTexteContainer{display:block;} .post-template-single-references.postid-7175 .blockBgImage3 .blockTexte .blockTexteContainer .screens{position:relative;z-index:3;margin-top:-150px;pointer-events:none;} .post-template-single-references.postid-7175 .blockBgImage3 .blockTexte .blockTexteContainer .screens img{width:100%;max-width:1080px;height:auto;margin:0 auto;} .post-template-single-references.postid-7175 .referenceFooter .blockLienSite{padding-top:250px;} @media screen and (max-width: 1600px){ .post-template-single-references .blockLibre0Container .chemin{left:0;width:100%;margin:0;background-position:center top;} .post-template-single-references .blockLibre0Container .blockImageRight{right:0;padding-left:80px;width:70%;} } @media screen and (max-width: 1440px){ .post-template-single-references.postid-7094 .blockBgImage .blockTexte .blockTexteContainer .iphones{right:40px;} .post-template-single-references .referenceFooter .actusCasClient ul li .blockHover p.desc{display:none;} } @media screen and (max-width: 1260px){ .post-template-single-references .blockBgImage .blockTexte .blockTexteContainer{padding:0 40px;} .post-template-single-references .referenceFooter{padding:80px 0;} .post-template-single-references.postid-8278 .referenceFooter{padding:200px 0 80px;} .post-template-single-references .groupeGalerie{padding:80px 40px 0;} .post-template-single-references .groupeGalerie .galerieItemTexte{padding:40px 40px 40px;} .post-template-single-references #blockZoneLibre{padding:80px 40px;} .post-template-single-references .blockLibre0Container{padding:0 40px;} .post-template-single-references .bogeLibre1Container .depliantVerso{top:-420px;} .post-template-single-references .bogeLibre1Container{padding:260px 40px 80px;} .post-template-single-references.postid-8278 .bogeLibre1Container{padding:360px 40px 80px;} .post-template-single-references .bogeLibre1Container .blockImage{width:50%;} .post-template-single-references .bogeLibre1Container .covering .blockImage img{margin-left:-20px;} .post-template-single-references .bogeLibre1Container .blockText{width:50%;padding:40px 0;} .post-template-single-references.postid-6948 .blockBgImage3{margin-top:-150px;} .post-template-single-references.postid-7094 .blockBgImage .blockTexte .blockTexteContainer{padding:80px 40px; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap;} .post-template-single-references.postid-7094 .blockBgImage .blockTexte .blockTexteContainer .iphones{top:0!important;right:0;} .post-template-single-references.postid-7094 .blockBgImage .blockTexte .blockTexteContainer .iphones img{max-width:100%;height:auto;} .post-template-single-references.postid-7094 .bowigoLibre1Container{padding-top:0;padding-left:40px;padding-right:40px;} .post-template-single-references.postid-7094 .bowigoLibre1Container .ipad{position:relative;top:0;margin-top:-200px;} .post-template-single-references.postid-7094 .bowigoLibre1Container .blockText{padding:40px 0;} .post-template-single-references.postid-7094 .bowigoLibre1Container .blockImage{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-justify-content:center; justify-content:center; } .post-template-single-references.postid-7094 .bowigoLibre1Container .blockImage img{margin-left:-20px;} .post-template-single-references.postid-7175 .blockBgImage .blockTexte .blockTexteContainer{padding:80px 40px;} .post-template-single-references.postid-7175 .bogeLibre1Container .blockText{padding-left:40px;} .post-template-single-references.postid-7175 .blockBgImage3 .blockTexte .blockTexteContainer .screens{margin-top:-75px;} } @media screen and (max-width: 1239px){ .post-template-single-references .referencepage{opacity:1;} } @media screen and (max-width: 1199px){ .post-template-single-references .referenceFooter .actusCasClient ul li{width:50%;} .post-template-single-references.postid-7094 .blockBgImage3 .blockImage img{height:800px;} } @media screen and (max-width: 1023px){ .post-template-single-references .referenceFooter .actusCasClientContainer{padding-bottom:40px;} .post-template-single-references .blockPhotoObjectifs{padding:0;} .post-template-single-references .blockPhotoObjectifs .blockPhoto{width:100%;padding:0;margin-bottom:40px;} .post-template-single-references .blockPhotoObjectifs .blockPhoto img{margin:0 auto;} .post-template-single-references .blockPhotoObjectifs .blockObjectifs{width:100%;padding:0;} .post-template-single-references .blockTexteActions .blockTexte{width:100%;padding:0;margin-bottom:40px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;} .post-template-single-references .blockTexteActions{padding:0;} .post-template-single-references .blockTexteActions .blockActions{width:100%;padding:0;} .post-template-single-references #blockZoneLibre .blockImageTexte .blockImage{width:100%;padding-right:0;} .post-template-single-references #blockZoneLibre .blockImageTexte .blockImage img{margin:0 auto;} .post-template-single-references #blockZoneLibre .blockImageTexte .blockTexte{width:100%;padding-left:0;} .post-template-single-references #blockZoneLibre .blockGalerie .gallery{max-width:640px;} .post-template-single-references #blockZoneLibre .blockGalerie .gallery .gallery-item{width:50%;max-width:300px;} .post-template-single-references.postid-6948 .blockPhotoObjectifs .blockPhoto{padding-top:20px;} .post-template-single-references .blockLibre0{margin-top:-40px;padding-bottom:0;margin-bottom:-30px;} .post-template-single-references .blockLibre0Container .chemin{display:none;} .post-template-single-references.postid-8278 .blockLibre0Container .blockImageRight, .post-template-single-references .blockLibre0Container .blockImageRight{position:relative;width:100%;z-index:2;padding:0;} .post-template-single-references .blockLibre0Container .blockImageLeft{width:100%;} .post-template-single-references.postid-8278 .blockLibre0Container .blockImageRight img, .post-template-single-references .blockLibre0Container .blockImageLeft img{margin:0 auto;} .post-template-single-references .bogeLibre1Container{padding-top:40px;} .post-template-single-references.postid-8278 .bogeLibre1Container{padding:260px 40px 40px;} .post-template-single-references .bogeLibre1Container .depliantVerso{position:relative;left:inherit;top:inherit;right:inherit;margin:-460px auto 0;} .post-template-single-references.postid-8278 .bogeLibre1Container .depliantVerso{top:-260px;margin-top:0;} .post-template-single-references .bogeLibre1Container .blockImage{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-justify-content:center; justify-content:center; } .post-template-single-references.postid-6948 .blockBgImage3{margin-top:-40px;} .post-template-single-references.postid-8278 .blockBgImage3 .blockTexte .blockTexteContainer .ipad{width:auto;right:40px;left:40px;} .post-template-single-references.postid-8278 .blockBgImage3 .blockTexte .blockTexteContainer .ipad img{margin:0 auto;} .post-template-single-references.postid-7094 .blockBgImage .blockTexte .blockTexteContainer{padding:40px 40px;} .post-template-single-references.postid-7094 .blockBgImage1 .blockImage img{height:700px;} .post-template-single-references.postid-7094 .blockBgImage.anim .blockTexte .blockTexteContainer > h2{width:50%;} .post-template-single-references.postid-7094 .bowigoLibre1Container .ipad{margin-top:-150px;} .post-template-single-references.postid-7094 .bowigoLibre1Container .ipad img{margin:0;} .post-template-single-references.postid-7094 .bowigoLibre1Container{padding-bottom:40px;} .post-template-single-references.postid-7094 .bowigoLibre1Container .blockImage{width:50%;} .post-template-single-references.postid-7094 .bowigoLibre1Container .blockText{width:50%;} .post-template-single-references.postid-7094 .blockBgImage3 .blockImage img{height:600px;} .post-template-single-references.postid-7175 .blockBgImage .blockTexte .blockTexteContainer{display:block;padding:40px 40px;} .post-template-single-references.postid-7175 .blockBgImage .blockTexte .blockTexteContainer > h2, .post-template-single-references.postid-7175 .blockBgImage .blockTexte .blockTexteContainer > p{width:50%;} .post-template-single-references.postid-7175 .blockLibre0{margin-bottom:30px;} .post-template-single-references.postid-7175 .blockBgImage1 .plaquette{top:70px!important;} .post-template-single-references.postid-7175 .bogeLibre1Container .depliantVerso{margin-top:-120px;} .post-template-single-references.postid-7175 .bogeLibre1Container .packaging{padding-top:40px;} .post-template-single-references.postid-7175 .blockBgImage3 .blockTexte .blockTexteContainer .screens{margin-top:0px;} .post-template-single-references.postid-7175 .referenceFooter .blockLienSite{padding-top:200px;} } @media screen and (max-width: 900px){ .post-template-single-references .blockBgImage .blockTexte .blockTexteContainer{padding-top:40px; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-justify-content:flex-start; justify-content:flex-start; } .post-template-single-references.postid-8278 .blockBgImage1 .blockTexte .blockTexteContainer, .post-template-single-references.postid-8278 .blockBgImage3 .blockTexte .blockTexteContainer, .post-template-single-references.postid-6948 .blockBgImage1 .blockTexte .blockTexteContainer{padding-top:0; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; } .post-template-single-references.postid-6948 .blockBgImage3 .blockTexte .blockTexteContainer>h2, .post-template-single-references.postid-6948 .blockBgImage3 .blockTexte .blockTexteContainer>p{width:100%;} .post-template-single-references.postid-6948 .blockBgImage3 .blockTexte .blockTexteContainer .ipad{width:100%;} .post-template-single-references.postid-6948 .blockBgImage3 .blockTexte .blockTexteContainer .ipad img{width:100%;max-width:500px;margin:0 auto;} .post-template-single-references.postid-6948 .blockBgImage3{margin-bottom:80px;} .post-template-single-references.postid-7094 .blockBgImage3 .blockTexte .blockTexteContainer > p{width:50%;} .post-template-single-references.postid-7094 .blockBgImage3 .blockTexte .blockTexteContainer .reseaux{position:absolute;top:20px!important;right:0;} .post-template-single-references.postid-7094 .blockBgImage1 .blockImage img{height:600px;} .post-template-single-references.postid-8278 .bogeLibre1Container{padding:160px 40px 40px;} .post-template-single-references.postid-7175 .bogeLibre1Container .depliantVerso{margin-top:-190px;} .post-template-single-references.postid-7175 .referenceFooter .blockLienSite{padding-top:100px;} } @media screen and (max-width: 800px){ .post-template-single-references.postid-7175 .referenceFooter .blockLienSite{padding-top:50px;} } @media screen and (max-width: 767px){ .post-template-single-references .referencepage{padding-bottom:40px;} .post-template-single-references .blockBgImage .blockTexte .blockTexteContainer{padding:40px 15px; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap;} .post-template-single-references .referencepage h1{font-size:22px;line-height:25px;} .post-template-single-references .referencepage ul.mots_cle li{width:33.33%;border:none!important;padding:5px 5px 5px 0!important;} .post-template-single-references .referencepage ul.mots_cle li a{font-size:14px;} .post-template-single-references .blockBgImage .blockTexte .blockTexteContainer h2{font-size:22px;line-height:25px;} .post-template-single-references .blockBgImage .blockTexte .blockTexteContainer p{font-size:14px;line-height:24px!important;text-align:left;} .post-template-single-references .blockTexteActions .blockActions ul li{font-size:20px;line-height:25px;} .post-template-single-references .blockPhotoObjectifs .blockObjectifs p.exergue{font-size:22px;line-height:25px!important;} .post-template-single-references .referencepage p{font-size:14px;line-height:24px!important;} .post-template-single-references .referencepage p{font-size:14px;line-height:24px!important;} .post-template-single-references .referenceFooter{padding:40px 0;} .post-template-single-references.postid-8278 .referenceFooter{padding:200px 0 40px;} .post-template-single-references .referenceFooter .blockLienSite{padding-bottom:40px;} .post-template-single-references .referenceFooter .blockLienSite p:first-child{font-size:22px;line-height:25px!important;} .post-template-single-references .referenceFooter p.linkSite{padding-top:40px;} .post-template-single-references .referenceFooter h2{font-size:20px;line-height:25px!important;} .post-template-single-references .blockTexteActions .blockTexte{margin-bottom:20px;} .post-template-single-references .blockTexteActions .blockActions ul li{padding:0 0 0 55px;font-size:17px;line-height:20px;min-height:40px;} .post-template-single-references .blockTexteActions .blockActions ul li:before {width:40px;height:40px;margin-top:-20px;line-height:40px;} .post-template-single-references .groupeGalerie{padding:40px 15px 0;} .post-template-single-references .groupeGalerie .galerieItemTexte{padding:20px;} .post-template-single-references .groupeGalerie .galerieItemTexte h2{font-size:22px;line-height:25px!important;} .post-template-single-references .groupeGalerie .galerieItemTexte p{font-size:14px;line-height:24px!important;} .post-template-single-references #blockZoneLibre{padding:40px 15px;} .post-template-single-references #blockZoneLibre .blockImageTexte .blockTexte h2{font-size:22px;line-height:25px!important;} .post-template-single-references #blockZoneLibre .blockImageTexte .blockTexte p{font-size:14px;line-height:24px!important;} .post-template-single-references .blockLibre0Container{padding:0 15px;} .post-template-single-references .bogeLibre1Container{padding:40px 15px 40px;} .post-template-single-references .bogeLibre1Container .blockImage{width:100%;} .post-template-single-references .bogeLibre1Container .covering{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; } .post-template-single-references .bogeLibre1Container .covering .blockImage{order:2;} .post-template-single-references .bogeLibre1Container .covering .blockText{order:1;} .post-template-single-references .bogeLibre1Container .covering .blockImage img{margin:0 auto;max-width:500px;} .post-template-single-references .bogeLibre1Container .blockText{width:100%; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap;} .post-template-single-references .bogeLibre1Container .objetpub .blockImage{padding:0;} .post-template-single-references .bogeLibre1Container .objetpub .blockImage img{margin:0 auto;max-width:500px;} .post-template-single-references.postid-6948 .blockBgImage3{margin-top:-125px;} .post-template-single-references.postid-6948 .blockBgImage1 .blockImage img{height:400px;} .post-template-single-references .bogeLibre1Container .depliantVerso{margin-top:-120px;} .post-template-single-references .bogeLibre1Container .blockText h2{font-size:22px;line-height:25px;} .post-template-single-references .bogeLibre1Container .blockText p{font-size:14px;line-height:24px!important;text-align:left;} .post-template-single-references.postid-6948 .blockBgImage3 .blockTexte .blockTexteContainer{padding:80px 15px 0; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap;} .post-template-single-references .referenceFooter .actusCasClient ul li{width:100%;} .post-template-single-references .referenceFooter .actusCasClient ul li:last-child{display:block;} .post-template-single-references .referenceFooter .actusCasClient ul li .blockImage a{ -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-align-content:center; align-content:center; } .post-template-single-references.postid-7094 .blockBgImage1 .blockImage img{height:844px;} .post-template-single-references.postid-7094 .blockBgImage .blockTexte .blockTexteContainer{display:block;} .post-template-single-references.postid-7094 .blockBgImage.anim .blockTexte .blockTexteContainer > h2{width:100%;} .post-template-single-references.postid-7094 .blockBgImage .blockTexte .blockTexteContainer{padding:40px 20px;} .post-template-single-references.postid-7094 .blockBgImage .blockTexte .blockTexteContainer .iphones{position:relative;top:inherit!important;right:inherit!important;left:0;width:100%;max-width:500px;margin:0 auto;} .post-template-single-references.postid-7094 .blockBgImage .blockTexte .blockTexteContainer .iphone2{position:absolute;max-width:100%;bottom:0;} .post-template-single-references.postid-7094 .bowigoLibre1Container .ipad{margin-top:-80px;} .post-template-single-references.postid-7094 .bowigoLibre1Container{padding-left:20px;padding-right:20px;} .post-template-single-references.postid-7094 .bowigoLibre1Container .blockImage{width:100%;} .post-template-single-references.postid-7094 .bowigoLibre1Container .blockImage img{margin:0 auto;} .post-template-single-references.postid-7094 .bowigoLibre1Container .blockText{width:100%;max-width:400px;padding-bottom:0;} .post-template-single-references.postid-7094 .bowigoLibre1Container .blockText h2{font-size:22px;line-height:25px;} .post-template-single-references.postid-7094 .bowigoLibre1Container .blockText p{font-size:14px;line-height:24px!important;text-align:left;} .post-template-single-references.postid-7094 .blockBgImage3 .blockTexte .blockTexteContainer .reseaux{position:relative;top:inherit!important;right:inherit!important;left:0;width:100%;max-width:500px;margin:0 auto;} .post-template-single-references.postid-7094 .blockBgImage3 .blockTexte .blockTexteContainer > p{width:100%;} .post-template-single-references.postid-7094 .blockBgImage3 .blockImage img{height:840px;} .post-template-single-references.postid-7175 .blockBgImage .blockTexte .blockTexteContainer{padding:40px 20px;} .post-template-single-references.postid-7175 .blockBgImage .blockTexte .blockTexteContainer > h2, .post-template-single-references.postid-7175 .blockBgImage .blockTexte .blockTexteContainer > p{width:100%;} .post-template-single-references.postid-7175 .blockBgImage1 .plaquette{top:40px!important;width:100%;position:relative;} .post-template-single-references.postid-7175 .blockBgImage1 .plaquette img{margin:0 auto;} .post-template-single-references.postid-7175 .bogeLibre1Container .depliantVerso{margin-top:80px;} .post-template-single-references.postid-7175 .blockBgImage3{margin-top:-80px;} .post-template-single-references.postid-7175 .bogeLibre1Container .blockText{padding-left:0;} .post-template-single-references.postid-7175 .referenceFooter .blockLienSite{padding-top:0;} .post-template-single-references.postid-8278 .bogeLibre1Container{padding:80px 15px 40px;} .post-template-single-references.postid-8278 .blockBgImage1 .blockImage img{height:700px;} } @media screen and (max-width: 640px){ .post-template-single-references .groupeGalerie .galerieItem, .post-template-single-references .groupeGalerie .galerieSizer{width:100%;} .post-template-single-references.postid-7175 .blockBgImage3 .blockImage img{height:800px;} } @media screen and (max-width: 480px){ .post-template-single-references #blockZoneLibre .blockGalerie .gallery{max-width:340px;} .post-template-single-references #blockZoneLibre .blockGalerie .gallery .gallery-item{width:100%;max-width:300px;} .post-template-single-references.postid-8278 .blockBgImage3 .blockImage img{height:460px;} .post-template-single-references.postid-6948 .blockBgImage1 .blockTexte .blockTexteContainer{padding-top:0;} .post-template-single-references.postid-6948 .blockBgImage3{margin-bottom:0;} .post-template-single-references.postid-6948 .blockBgImage3 .blockTexte .blockTexteContainer{ -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap;} .post-template-single-references.postid-7094 .blockBgImage1 .blockImage img{height:800px;} .post-template-single-references.postid-7094 .blockBgImage3 .blockImage img{height:760px;} .post-template-single-references.postid-7175 .bogeLibre1Container .depliantVerso{margin-top:40px;} .post-template-single-references.postid-7175 .blockBgImage3{margin-top:-40px;} .post-template-single-references.postid-7175 .blockBgImage3 .blockImage img{height:700px;} .post-template-single-references.postid-8278 .bogeLibre1Container{padding:40px 15px 40px;} .post-template-single-references.postid-8278 .blockBgImage1 .blockImage img{height:600px;} .post-template-single-references.postid-8278 .bogeLibre1Container .depliantVerso{top:-200px;} .post-template-single-references.postid-8278 .blockBgImage3 .blockTexte .blockTexteContainer > h2{margin-top:40px;} .post-template-single-references .referencepage ul.mots_cle li{width:50%;} } @media screen and (max-width: 420px){ .post-template-single-references.postid-7094 .blockBgImage1 .blockImage img{height:750px;} .post-template-single-references.postid-7175 .blockBgImage1 .blockImage img{height:780px;} } @media screen and (max-width: 359px){ .post-template-single-references.postid-7094 .blockBgImage1 .blockImage img{height:700px;} .post-template-single-references.postid-7094 .blockBgImage3 .blockImage img{height:700px;} .post-template-single-references.postid-7175 .blockBgImage1 .blockImage img{height:730px;} .post-template-single-references.postid-7175 .blockBgImage3 .blockImage img{height:620px;} } #footer .blockFooter{width:100%;position:relative;padding:160px 120px 320px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-justify-content:space-between; justify-content:space-between;} #footer .blockFooter .footerTitle{width:40%;position:relative;z-index:10;} #footer .blockFooter .footerTitle h2{font-size:55px;line-height:60px;text-transform:uppercase;color:#FFFFFF;padding:0;margin:0;max-width:540px;text-align:left;font-family:'Open sans',arial,helvetica,sans-serif;font-weight:700;} #footer .blockFooter .footerLinks{display:none;width:30%;padding:0 20px;position:relative;z-index:10;} #footer .blockFooter .footerLinks ul{list-style:none;margin:0;padding:0;} #footer .blockFooter .footerLinks ul li{display:block;padding:3px 0;} #footer .blockFooter .footerLinks ul li a{display:block;font-size:16px;line-height:20px;font-weight:700;color:#FFFFFF;font-family:'gotham',arial,helvetica,sans-serif;text-transform:uppercase;} #footer .blockFooter .footerLinks ul li a:hover{color:#0176FF;} #footer .blockFooter .footerContact{width:30%;position:relative;z-index:10;} #footer .blockFooter .footerContact .reseaux{width:100%;margin-bottom:50px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-justify-content:center; justify-content:center;} #footer .blockFooter .footerContact .reseaux a{display:block;width:50px;height:50px;margin:0 15px;padding:0;} #footer .blockFooter .footerContact .reseaux a.facebook{background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/bg-facebook.jpg) no-repeat left top;margin-left:0; -webkit-background-size:50px; -moz-background-size:50px; background-size:50px;} #footer .blockFooter .footerContact .reseaux a.instagram{background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/bg-instagram.jpg) no-repeat left top;margin-right:20px; -webkit-background-size:50px; -moz-background-size:50px; background-size:50px;} #footer .blockFooter .footerContact .reseaux a.linkedin{background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/bg-linkedin.jpg) no-repeat left top; -webkit-background-size:50px; -moz-background-size:50px; background-size:50px;} #footer .blockFooter .footerContact .reseaux a img{display:block;width:50px;margin:0;padding:0; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;} #footer .blockFooter .footerContact .reseaux a:hover img{opacity:0;} #footer .blockFooter .footerContact .telephone p{display:block;text-align:center;font-size:28px;line-height:28px;font-weight:700;font-family:'Open sans',arial,helvetica,sans-serif;color:#FFFFFF;margin:0;padding:0;} #footer .blockFooter .footerContact .telephone p a{display:block;text-align:center;font-size:15px;line-height:18px;font-weight:400;font-family:'Open sans',arial,helvetica,sans-serif;color:#FFFFFF;} #footer .blockFooter .footerContact .telephone p a:hover{color:#0176FF;} #footer .blockFooter .footerContact .adresse p{display:block;text-align:center;font-size:14px;line-height:18px;font-weight:400;font-family:'Open sans',arial,helvetica,sans-serif;color:#FFFFFF;text-transform:uppercase;letter-spacing:0.015em;} #footer .blockFooter .footermenu{width:30px;height:15px;overflow:hidden;position:absolute;bottom:0;left:50%;margin-left:-15px;background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/bg-footermenu.jpg) no-repeat left top;cursor:pointer;} #footer .blockFooter .footermenu:hover{background-position:right top;} #footer .menufooter{margin:0 auto;overflow:hidden; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-justify-content:center; justify-content:center;} #footer .moduletable {width:25%;max-width:300px;height:0px;overflow:hidden;} #footer .moduletable h3 {padding:0 10px;font-size:14px;text-transform:uppercase;margin:20px 0 10px;font-weight:normal;color:#0176FF;} #footer .menu_menufooter{float:left;list-style:none outside none;width:190px;} #footer .menu_menufooter a{display:block;padding:0 10px 0 10px;margin:0;font-size:12px;color:#646464;font-weight:normal;} #footer .menu_menufooter a:hover, #footer .menu_menufooter .active a {color:#0176FF;} #footer .last{background:none;} #footer .bottomFooter{min-height:60px;width:100%;background:#1E1E1E;text-align:center;padding:0 20px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-justify-content:center; justify-content:center;} #footer .bottomFooter .copyright{width:100%;height:auto;line-height:20px;color:#808080;font-size:12px;} #footerMobile{display:none;width:100%;height:60px;background:#1E1E1E;position:fixed;left:0;bottom:-60px;z-index:30000; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #footerMobile.fixed{bottom:0;} #footerMobile .footerMobileContainer{width:100%; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:row wrap; -webkit-flex-flow:row wrap; -moz-box-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-justify-content:center; justify-content:center;} #footerMobile .footerMobileContainer > div{width:33.33%;} #footerMobile .footerMobileContainer > div a{display:block;width:100%;height:60px;border-right:1px solid #323232;} #footerMobile .footerMobileContainer > div a span{display:block;width:100%;padding-top:20px;font-size:14px;text-align:center;color:#FFFFFF;text-transform:uppercase;font-weight:bold;} @media screen and (max-width: 767px){ #footerMobile{display:block;} } .graphics{position:absolute;left:0;top:0;right:0;bottom:0;z-index:10;pointer-events:none;} .graphics .graph{position:absolute;z-index:1;pointer-events:none;} .graphicsFooter .graph{background:linear-gradient(to top, #62F3CB, #00ABC4);} .graphicsFooter .graph1{left:0;right:0;top:55%;height:1px;} .graphicsFooter .graph2{left:66%;top:0;bottom:40%;width:1px;} .graphicsFooter .graph3{left:40%;right:34%;top:60%;height:1px;} .graphicsFooter .graph4{left:40%;top:60%;bottom:0;width:1px;} .graphicsFooter .graph5{left:0;right:95%;top:20%;height:1px;} .graphicsFooter .graph6{left:5%;top:20%;bottom:25%;width:1px;} .graphicsFooter .graph7{left:5%;right:0;top:75%;height:1px;} .graphicsExigence .graph{background:linear-gradient(to right, #62F3CB, #00ABC4);} .graphicsExigence .graph1{left:0;right:30%;top:15%;height:1px;} .graphicsExigence .graph2{left:0;right:80%;top:30%;height:1px;} .graphicsExigence .graph3{left:20%;top:30%;bottom:10%;width:1px;background:linear-gradient(to top, #62F3CB, #00ABC4);} .graphicsExigence .graph4{left:20%;right:0;top:90%;height:1px;} .graphicsExigence .graph5{left:0;right:70%;top:60%;height:1px;} .graphicsExigence .graph6{left:30%;top:0;bottom:40%;width:1px;background:linear-gradient(to bottom, #62F3CB, #00ABC4);} .graphicsExigence .graph7{left:75%;right:0;top:60%;height:1px;} .graphicsExigence .graph8{left:75%;top:40%;bottom:40%;width:1px;background:linear-gradient(to top, #62F3CB, #00ABC4);} .graphicsExigence .graph9{left:75%;right:10%;top:40%;height:1px;background:linear-gradient(to left, #62F3CB, #00ABC4);} .graphicsExigence .graph10{left:90%;top:40%;bottom:25%;width:1px;background:linear-gradient(to bottom, #62F3CB, #00ABC4);} .graphicsExigence .graph11{left:90%;right:0;top:75%;height:1px;background:linear-gradient(to left, #62F3CB, #00ABC4);} .graphicsExpertCMS .graph{background:linear-gradient(to right, #62F3CB, #00ABC4);} .graphicsExpertCMS .graph1{left:0;right:50%;top:20%;height:1px;} .graphicsExpertCMS .graph2{left:0;right:90%;top:30%;height:1px;} .graphicsExpertCMS .graph3{left:10%;top:0;bottom:70%;width:1px;background:linear-gradient(to bottom, #62F3CB, #00ABC4);} .graphicsAccueil .graph{background:#0176FF;} .graphicsAccueil .graph1{left:35%;right:0;top:45%;height:1px;} .graphicsAccueil .graph2{left:35%;right:45%;top:20%;height:1px;} .graphicsAccueil .graph3{left:55%;top:20%;bottom:15%;width:1px;} .graphicsAccueil .graph4{left:55%;right:0;top:85%;height:1px;} .graphicsAccueil .graph5{left:90%;right:0;top:55%;height:1px;} .graphicsAccueil .graph6{left:90%;top:55%;bottom:0;width:1px;} #xmap ul{list-style:none outside none;} #xmap ul.level_0 li{font-weight:bold;} #xmap ul.level_1 li{font-weight:normal;} #xmap ul li ul{margin-left:10px;} #xmap ul a:hover{color:#0176FF;} #gererComptesMail{width:100%;max-width:360px;margin:0 auto;} #afficherMails{display:block;width:100%;height:60px;line-height:60px;margin-bottom:20px;padding:0 10px;text-align:center;cursor:pointer;background:#0176FF;color:#FFFFFF;text-transform:uppercase; font-size:16px;font-weight:600;font-family:'gotham',arial,helvetica,sans-serif; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #afficherMails:hover{background:#1E1E1E;} .blockDomaine{height:0;overflow:hidden;padding-top:0;background:#F7F7F7; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .blockDomaine.open{height:auto;padding:20px 0;} .blockDomaineContainer{padding:0 20px 1px;} .blockDomaineContainer label{margin-bottom:20px;} .blockDomaineContainer .info{font-size:13px;line-height:15px;} .blockDomaineContainer input{width:100%;height:60px;line-height:60px;font-size:16px;border:none;padding:0 10px;margin-bottom:20px;background:#FFFFFF;} .blockDomaineContainer button{display:block;width:100%;height:60px;line-height:60px;padding:0 10px;text-align:center;cursor:pointer;background:#0176FF;color:#FFFFFF;text-transform:uppercase; font-size:16px;font-weight:600;font-family:'gotham',arial,helvetica,sans-serif; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .blockDomaineContainer button:hover{background:#1E1E1E;} #resultatDomaine{background:#FFFFFF;padding:0 20px;border-top:10px solid #FFFFFF;} #resultatDomaine h3{padding-top:20px;} #resultatDomaine table{width:100%;border-collapse: collapse;margin-bottom:20px;} #resultatDomaine table tbody{width:100%;} #resultatDomaine table tbody tr{width:100%;} #resultatDomaine table tbody tr td{width:50%;padding:10px 10px 10px 0;border-bottom:1px solid #E6E6E6;} #resultatDomaine table tbody tr td button{display:block;width:100%;padding:10px;text-align:center;cursor:pointer;background:#0176FF;color:#FFFFFF;text-transform:uppercase; font-size:14px;font-weight:600;font-family:'gotham',arial,helvetica,sans-serif; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #resultatDomaine table tbody tr td button:hover{background:#1E1E1E;} .passwordForm{display:block;width:100%;max-width:360px;position:fixed;z-index:1;top:0;left:50%;margin-left:-180px;background:#FFFFFF;opacity:0;visibility:hidden;box-shadow:0 0 5px rgba(0,0,0,0.5); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .passwordForm.open{top:100px;opacity:1;visibility:visible;} .passwordFormContainer{padding:20px;} .passwordFormContainer .close{display:block;position:absolute;top:0;right:0;width:30px;height:30px;z-index:1;cursor:pointer;background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/close.png) no-repeat center center;-webkit-background-size:30px;-moz-background-size:30px;background-size:30px;} .passwordForm p.info{font-size:13px;line-height:16px!important;} .passwordForm input{width:100%;height:60px;line-height:60px;font-size:16px;border:1px solid #E6E6E6;padding:0 10px;margin-bottom:20px;} .passwordForm button{display:block;width:100%;height:60px;line-height:60px;padding:0 10px;text-align:center;cursor:pointer;background:#0176FF;color:#FFFFFF;text-transform:uppercase; font-size:16px;font-weight:600;font-family:'gotham',arial,helvetica,sans-serif; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .passwordForm button:hover{background:#1E1E1E;} .passwordForm .success{position:absolute;left:0;top:0;right:0;bottom:0;background:#FFFFFF;text-align:center;padding:20px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flex; display:flex; -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-justify-content:center; justify-content:center;} .passwordForm .success p{margin:0!important;} .logoClient img{margin:0 auto;} @media screen and (max-width: 1920px){ .blog .post, .archive .post{width:25%;} #nav.open{left:auto;width:1011px;} } @media screen and (max-width: 1680px){ #blockServices .services{width:50%;margin-left:50%;padding:0;} #blockServices .services .service{width:50%;padding-right:10px;} } @media screen and (max-width: 1600px){ .pagereferences .refgrid .refgrid-sizer, .pagereferences .refgrid .refgrid-item{width:20%;} .pagereferences .refgrid .refgrid-item-horizontale, .pagereferences .refgrid .refgrid-item-big{width:40%} } @media screen and (max-width: 1460px){ .blog .post, .archive .post{width:33.33%;} } @media screen and (max-width: 1439px){ #blockAccueil .blockAccueilContainer{padding:80px 30px;} #blockAccueil h1{font-size:72px;line-height:64px;margin-bottom:96px;} #blockAccueil h1 span{font-size:28px;line-height:28px;} #blockAccueil .blockText p{line-height:28px;} #blockAccueil .blockText p:first-child{margin-bottom:72px;} #blockAccueil .blockSpinner p{font-size:32px;line-height:35px;} .graphicsAccueil .graph1{top:40%;} .graphicsAccueil .graph2, .graphicsAccueil .graph3{top:18%;} #blockExpertise{padding:100px 0 0;background-position:left 840px;} #blockExpertise h2{font-size:72px;line-height:64px;margin-bottom:96px;margin-left:30px;} #blockExpertise h2 span{font-size:28px;line-height:28px;} #blockExpertise .expertises .expertiseContainer{padding:100px 60px;} #blockExpertise .expertises .expertiseContainer:before{font-size:160px;line-height:128px;top:-100px;} #blockExpertise .expertises .expertise.communication { -webkit-transform: translateY(128px); -moz-transform: translateY(128px); transform: translateY(128px);} #blockServices{margin-top:-100px;} #blockServices h2{font-size:72px;line-height:64px;margin-bottom:40px;margin-left:30px;} #blockServices h2 span{font-size:28px;line-height:28px;} #blockServices h2:before{font-size:160px;line-height:128px;top:-200px;left:0;} #blockServices .services{width:100%;max-width:768px;margin:0 auto;} #blockExpertCMS h2{font-size:72px;line-height:64px;margin-bottom:80px;max-width:600px;} #blockServices h2 span{font-size:28px;line-height:28px;} .page-template-page-cms #blockExpertCMS .blockExpertCMSContainer{padding:90px 30px 0;} #blockExpertCMS .blockExpertCMSContainer{padding:120px 30px 0;} .blockCasclients h2{font-size:72px;line-height:64px;margin-bottom:80px;margin-left:30px;} .blockCasclients h2 span{font-size:28px;line-height:28px;} .blockCasclients ul li .blockHover p.desc{display:none;} #blockExigence .blockExigenceContainer{height:720px;} #blockExigence .blockExigenceContainer h2{font-size:72px;line-height:64px;} #blockProjet .blockProjetContainer{padding:160px 30px 0 30px;height:720px;} #blockProjet .blockProjetContainer h2{font-size:72px;line-height:64px;} #footer .blockFooter{padding:120px 30px 320px;} #footer .blockFooter .footerTitle h2{line-height:50px;} #map{width:33.3%!important;} #contact{width:66.7%;} .pagereferences .refgrid .refgrid-sizer, .pagereferences .refgrid .refgrid-item{width:25%;} .pagereferences .refgrid .refgrid-item-horizontale, .pagereferences .refgrid .refgrid-item-big{width:50%} .headerCMSContainer .texteHeaderCMS .logoHeader{left:-20px;} .sectionCMS .blockQuelType .blockQuelTypeTexte{padding:60px 30px 20px;} .sectionCMS .actusCasClient h2{font-size:72px;line-height:64px;margin-bottom:80px;margin-left:30px;} .sectionCMS .actusCasClient h2 span{font-size:28px;line-height:28px;} .sectionCMS .actusCasClient ul li .blockHover p.desc{display:none;} } @media screen and (max-width: 1260px){ #slider .sliderTitle .widget ul li{margin:0 30px;} #blockAccueil{padding:0 30px;} #blockExpertise{background-image:none;} #blockExpertise .expertises{padding-top:40px;} #blockExpertise .expertises .expertise{width:100%;padding-right:30px; -webkit-transform:none!important; -moz-transform:none!important; transform:none!important;} #blockExpertise .expertises .expertise.web{order:1;} #blockExpertise .expertises .expertise.communication{order:2;} #blockExpertise .expertises .expertise.marketing{order:3;margin-bottom:160px;} #blockExpertise .expertises .marketing .expertiseContainer:before{opacity:0.4;} #blockServices{margin-top:0;} #blockServices h2{padding-top:60px;} #blockServices h2:before{top:-100px;opacity:0.4;} .page-template-page-cms #blockExpertCMS .blockExpertCMSContainer{padding:80px 0 0;} #blockExpertCMS .blockExpertCMSContainer{padding:120px 0 0;} .blockCasclients{padding:120px 0 0;} .blockCasclientsFirst{padding:40px 0;} .blockplus{padding:80px 20px;} .pageblock{padding:140px 20px 60px;} .pageBlockExtranet{padding:140px 40px 80px;} .pageBlockContainer{padding:140px 40px 80px;} .headerCMSContainer{padding:120px 30px 0;} .headerCMSContainer h1{font-size:60px;line-height:50px;padding:0;} .headerCMSContainer .texteHeaderCMS h2{font-size:25px;line-height:30px;max-width:100%;} .headerCMSContainer .texteHeaderCMS h2 strong{background-position:0 24px;} .headerCMSContainer .texteHeaderCMS p{font-size:20px;line-height:25px;max-width:100%;} .headerCMSContainer .texteHeaderCMS .logoHeader{display:none;} .sectionCMS .blockPhotoAvantages .blockPhoto{width:100%;padding:40px 30px;} .sectionCMS .blockPhotoAvantages .blockPhoto img{width:100%;max-width:100%;height:auto;margin:0 auto;} .sectionCMS .blockPhotoAvantages .blockAvantages{width:100%;padding:40px 30px;} .sectionCMS .blockQuelType .blockQuelTypeImage{left:40%;} } @media screen and (max-width: 1239px){ #page{margin-top:100px;} .post-template-single-references #page, .page-id-13 #page, .category #page, .search-results #page{margin-top:0;} .referenceHeader{display:none;} .referencepage{margin-top:0!important;padding:140px 40px 80px;border:none;} .referencepage .galerie{float:none;width:100%;max-width:530px;margin:0 auto;} .referencepage .blockTexte .galerie{width:50%;max-width:596px;bottom:inherit;top:0;} .referencepage .texte{float:none;width:100%;max-width:620px;margin:0 auto 50px;} .referencepage .blockTexte .texte{float:right;width:50%;max-width:604px;} .referencepage .grandeGalerie img{width:49.5%;margin:0 1% 8px 0;} .pageBlockContainer, .pageBlockExtranet{margin-top:-100px;border:none;padding-top:140px;} .page-id-13 .pageBlockContainer{margin-top:1px;} } @media screen and (max-width: 1200px){ .blockplus .block .text{float:none;margin:0 auto;} .blockplus .block .image{float:none;width:100%;text-align:center;} .blockplus .block .image img{max-width:400px;margin:0 auto;} .pagereferences .refheader{height:auto;} .pagereferences .refheader h1{line-height:80px;font-size:50px;padding:0;} .pagereferences .refheader .filtre-mobile{display:block;position:absolute;left:0;top:0;z-index:50;} .pagereferences .refheader .filter-button-group{height:0;position:relative;left:inherit;top:inherit;width:100%;padding-top:0;overflow:hidden;} .pagereferences .refheader .filter-button-group.anim{height:450px;margin-bottom:20px;} .pagereferences .refheader .filter-button-group button{padding:0;margin:0;width:100%;height:50px;line-height:50px;border:none;} .pagereferences .refheader .filter-button-group button img{display:none;} .pagereferences .refheader .filter-button-group button span{display:block;} .pagereferences .refheader .filter-button-group button br{display:none;} .pagereferences .refheader .filter-button-group button.all{background:none;position:relative;right:inherit;left:inherit;top:inherit;height:50px;line-height:50px;padding:0;margin:0;text-indent:inherit;} } @media screen and (max-width: 1159px){ #contact h1{max-width:1130px;padding:20px 0 0;} } @media screen and (max-width: 1140px){ #map{min-height:1100px;} #wpgmza_map{min-height:1100px;} #contact .content_form .groupe2 .field:last-child{height:auto;padding-bottom:0px;} #contact .content_form .field div.captcha{width:100%;float:none;} #contact .content_form .field div.submit{float:none;width:100%;margin:20px 0 0 0;padding-left:0;} #contact .content_form div.wpcf7-response-output{margin:0 0 0 10px;padding:10px;} .blog .post, .archive .post{width:50%;} .pagereferences .refgrid .refgrid-sizer, .pagereferences .refgrid .refgrid-item{width:33.33%;} .pagereferences .refgrid .refgrid-item-horizontale, .pagereferences .refgrid .refgrid-item-big{width:66.66%} .pagereferences .refheader .filter-button-group button{font-size:18px;line-height:20px;padding:0 10px;} } @media screen and (max-width: 1070px){ #nav.open{left:30px;width:auto;} #blockProjet:after{left:30px;right:30px;width:auto;margin-left:0;} } @media screen and (max-width: 1023px){ #nav > ul > li#menuTopNav .linkMenu a{padding-right:0;} #nav > ul > li#nav_menu-4 > div > ul > li > a{padding:0;} #nav > ul > li#nav_menu-4 > div > ul > li ul li a{padding:0;} #slider .sliderTitle .widget ul li{margin:0 20px;} #blockAccueil h1{font-size:54px;line-height:48px;margin-bottom:72px;} #blockAccueil h1 span{font-size:21px;line-height:21px;margin-top:5px;} #blockAccueil .blockSpinner p{margin-top:-50px;} .graphicsAccueil .graph1{top:30%;} .graphicsAccueil .graph2, .graphicsAccueil .graph3{top:30px;} #btnPhone{margin-left:20px;margin-right:0;} #blockTherme ul li{width:50%;min-height:80px; } #blockExpertise h2{font-size:54px;line-height:48px;max-width:600px;} #blockExpertise h2 span{font-size:21px;line-height:21px;margin-top:5px;} #blockExpertise .expertises .expertise{padding-left:96px;margin-bottom:120px;} #blockExpertise .expertises .expertise.marketing{margin-bottom:120px;} #blockExpertise .expertises .expertiseContainer{padding:80px 60px;} #blockExpertise .expertises .expertiseContainer:before{font-size:120px;line-height:96px;top:-70px;left:-70px;} #blockServices h2{font-size:54px;line-height:48px;margin-bottom:72px;max-width:600px;} #blockServices h2 span{font-size:21px;line-height:21px;margin-top:5px;} #blockServices h2:before{font-size:120px;line-height:96px;top:-70px;} #blockServices .services p.link{padding-right:30px;} #blockExpertCMS h2{font-size:54px;line-height:48px;margin-bottom:60px;max-width:390px;} #blockExpertCMS h2 span{font-size:21px;line-height:21px;margin-top:5px;} #blockExpertCMS .listeCMS .cms{width:50%;} .blockCasclients h2{font-size:54px;line-height:48px;margin-bottom:60px;max-width:390px;} .blockCasclients h2 span{font-size:21px;line-height:21px;margin-top:5px;} .blockCasclients ul li{width:100%!important;} .blockCasclients ul li .blockImage .imgBlank{width:100%!important;height:280px!important;} #blockExigence .blockExigenceContainer{height:540px;} #blockExigence .blockExigenceContainer h2{font-size:54px;line-height:48px;} #blockProjet .blockProjetContainer h2{font-size:54px;line-height:48px;margin-bottom:100px;} #blockProjet .blockProjetContainer h2 span{margin-left:110px;} #blockMenu ul li{width:40%;min-height:120px; -webkit-align-content:flex-start; align-content:flex-start;} #blockMenu ul li:nth-child(4){width:60%;} #footer .blockFooter{padding:80px 30px 320px;} #footer .blockFooter .footerTitle h2{font-size:54px;line-height:48px;} #footer .blockFooter .footerTitle{width:100%;margin-bottom:40px;} #footer .blockFooter .footerLinks{width:50%;padding:0 20px 0 0;} #footer .blockFooter .footerContact{ width:100%;padding:0;} .referencepage .blockTexte .galerie{float:none;position:relative;left:inherit;bottom:inherit;width:100%;max-width:596px;margin:0 auto 50px;} .referencepage .blockTexte .texte{float:none;width:100%;max-width:604px;margin:0 auto;text-align:center;padding-left:0;} .referencepage .texte .caracteristiques{margin-top:50px;} .referencepage .texte .caracteristiques .typeProjet{float:none;display:inline-block;} .referencepage .texte .caracteristiques .caractProjet{float:none;display:inline-block;text-align:left;} .blockplus{padding:40px 20px;width:50%;} .pageBlockExtranet{padding:140px 40px 40px;} .pageBlockExtranet h1{margin-bottom:40px;} .pageBlockContainer{padding:140px 40px 40px;} .pageBlockContainer h1{margin-bottom:40px;} .sectionCMS .blockQuelType .blockQuelTypeImage{display:none;} .sectionCMS .blockChiffres .listeChiffres .donnees {padding:0 10px;} .sectionCMS .blockChiffres .listeChiffres .donnees p.nombre{font-size:45px;} .sectionCMS .blockChiffres .listeChiffres .donnees p.texte{font-size:26px;line-height:32px!important;} .sectionCMS .blockChiffres p.link{padding:0 20px;} .sectionCMS .actusCasClientContainer{padding-top:60px;} .sectionCMS .actusCasClient h2{font-size:54px;line-height:48px;margin-bottom:60px;} .sectionCMS .actusCasClient h2 span{font-size:21px;line-height:21px;margin-top:5px;} .sectionCMS .actusCasClient ul li{width:100%!important;} .sectionCMS .actusCasClient ul li .blockImage .imgBlank{width:100%!important;height:280px!important;} .post-template-single-references.postid-8278 .anim .blockLibre0Container .blockImageLeft{width:100%;} } @media screen and (max-width: 920px){ #map{width:100%!important;height:350px!important;min-height:inherit;float:none; -webkit-box-ordinal-group:2; -moz-box-ordinal-group:2; -ms-flex-order:2; -webkit-order:2; order:2; } #map #wpgmza_map{min-height:350px!important;} #contact{max-width:1200px;width:100%;float:none;margin:0 auto; -webkit-box-ordinal-group:1; -moz-box-ordinal-group:1; -ms-flex-order:1; -webkit-order:1; order:1;} #contact h1{margin-left:0;margin-right:0;} #contact .content_form form{margin:0;padding:0;} .page-template-page-cms #btnPhone{display:none;} } @media screen and (max-width: 800px){ #contact .content_form .field{float:none;width:100%;} #contact .content_form .field p.small{margin:0;} #contact .content_form .field span.wpcf7-form-control-wrap{padding:0;} #contact .content_form .groupe2 .field:last-child{margin-top:20px;} #contact .content_form .field div.captcha img{margin:0 0 10px 0;} #contact .content_form .field div.captcha {float:none;width:228px;} #contact .content_form .groupe0 .field_left span.wpcf7-list-item{padding:0 20px 0 10px;} #contact .content_form div.wpcf7-response-output{font-size:12px;margin:0;} #contact .content_form span.wpcf7-not-valid-tip{font-size:12px;padding:0 20px;} #contact .content_form .captcha span.wpcf7-not-valid-tip{padding:0 10px;} #contact .content_form .field div.submit{padding-left:0;} } @media screen and (max-width: 767px){ h1{font-size:40px;} h2{font-size:25px;line-height:30px;} #cont_header{left:20px;top:20px;right:20px;} #menumobile{right:0;top:0;} #menumobile .layer{left:2.5px;} .fixed #menumobile{width:85px;top:20px;} .home .fixed #menumobile{width:90px;} #nav.open{left:20px;top:20px;right:20px;bottom:20px;} #nav > ul > li#nav_menu-4 > div{padding:0 20px;} #nav > ul > li#nav_menu-4 > div > ul > li > a{font-size:35px;line-height:30px;padding:0;} #nav > ul > li#nav_menu-4 > div > ul > li ul li a{font-size:24px;line-height:28px;padding:0;} #nav > ul > li#menuTopNav .linkMenu{display:block;width:100%;padding-top:15px;} #nav > ul > li#menuTopNav .linkMenu a{display:block;padding:5px 20px;} #nav > ul > li#menuTopNav .linkSearch #btnSearch{padding:5px 20px;} #nav > ul > li#custom_html-5{bottom:50px;} #backtotop a{right:40px;bottom:70px;} #slider:after {height:60px;bottom:-30px;} #slider .sliderTitle{bottom:30%;padding-left:20px;} #slider .sliderTitle p.title{font-size:50px;line-height:44px;} #slider .sliderTitle .widget ul{margin-left:40px;} #slider .sliderTitle .widget ul li a{padding:5px 0;} #slider .sliderTitle .widget ul li{margin:0;width:100%;} #btnScroll{bottom:45px;} #headerSearch input[type=text]{font-size:25px;} #blockAccueil{padding:0 20px;} #blockAccueil .graphics{display:none;} #blockAccueil .blockAccueilContainer{padding:40px 20px;} #blockAccueil h1{ margin-bottom:40px; } #blockAccueil h1 span{ } #blockAccueil .blockText{width:100%;margin-bottom:40px;} #blockAccueil .blockText p{ } #blockAccueil .blockText p:first-child{margin-bottom:20px;} #blockAccueil .blockSpinner{width:100%;} #blockAccueil .blockSpinner p{ margin-top:0;} #blockTherme{padding:20px 20px 50px;} #blockTherme ul li{min-height:inherit;padding:20px;} #blockTherme ul li span{font-size:25px;line-height:25px;} #blockExpertise{padding-top:60px;border-left:20px solid #FFFFFF;border-right:20px solid #FFFFFF;} #blockExpertise:before{height:60px;top:-30px;} #blockExpertise h2{ margin-bottom:40px;margin-left:0; padding:0 20px;} #blockExpertise h2 span{ } #blockExpertise .expertises .expertise{padding:0 20px;margin-bottom:90px;} #blockExpertise .expertises .expertise.marketing{margin-bottom:90px;} #blockExpertise .expertises .expertiseContainer{padding:40px 20px;} #blockExpertise .expertises .expertiseContainer:before{font-size:80px;line-height:64px;top:-50px;left:20px;} #blockExpertise .expertises .expertise h3{font-size:30px;line-height:30px;} #blockServices{padding:0 0 80px;border-left:20px solid #FFFFFF;border-right:20px solid #FFFFFF;} #blockServices h2{margin:0 0 40px;padding:30px 20px 0;} #blockServices h2:before{font-size:80px;line-height:64px;top:-50px;left:20px;} #blockServices .services .service{width:100%;padding:0 20px 0 40px;} #blockServices .services .service:first-child{margin-bottom:20px;} #blockExpertCMS{padding:0 20px;} #blockExpertCMS:before{height:60px;top:-30px;} #blockExpertCMS h2{margin-left:20px;margin-right:20px;} #blockExpertCMS .blockExpertCMSContainer{padding:80px 0 0;} #blockExpertCMS .listeCMS .cms{width:100%;padding:0 20px;margin-bottom:60px;} #blockExpertCMS .listeCMS .cms h3{margin-bottom:30px;} #blockExpertCMS .listeCMS .cms p{margin-bottom:30px;} .blockCasclients{padding:60px 0 0;} .blockCasclientsFirst{padding:40px 0 0;} .blockCasclients .titleCasClients{padding:0 20px;} .blockCasclients h2{margin-left:20px;} #blockExigence .blockExigenceContainer{border-left:20px solid #FFFFFF;border-right:20px solid #FFFFFF;} #blockExigence .blockExigenceContainer h2{padding:0 20px;} #blockProjet:after{left:20px;right:20px;} #blockProjet .blockProjetContainer{padding:160px 20px 0 20px;border-left:20px solid #FFFFFF;border-right:20px solid #FFFFFF;} #blockProjet .blockProjetContainer h2 span{margin-left:30px;} #blockMenu{padding:40px 20px;} #blockMenu ul li{width:100%!important;min-height:inherit;padding:20px;} #footer{border-left:20px solid #FFFFFF;border-right:20px solid #FFFFFF;} #footer .blockFooter{padding:60px 20px 80px;} #footer .blockFooter .footerLinks{width:100%;padding:0;margin-bottom:40px;} #footer .blockFooter .footerContact{width:100%;padding:0;} #footer .blockFooter .footerContact .reseaux{margin-bottom:40px;} #cont-footer{padding:0 0 20px;border-bottom:60px solid #FFFFFF;} #footer .bottomFooter .copyright{height:auto;} .pageblock{padding:140px 20px 30px;} .pageBlockExtranet{padding:140px 20px 0px;} .pageBlockContainer{padding:140px 20px 40px;} .pageblock h1{padding:0;} .page-id-3256 .pageblock h1{padding:25px 0 0;} .pageBlockContainer .pageblock h1{padding:25px 0 0;} .pageblock h2{margin:40px 0 20px;} .referencepage{padding:140px 20px 40px;} #log_forms{margin:0 auto 40px;} .pagereferences .refgrid .refgrid-sizer, .pagereferences .refgrid .refgrid-item{width:50%;} .pagereferences .refgrid .refgrid-item-horizontale, .pagereferences .refgrid .refgrid-item-big{width:100%} .blog .post, .archive .post{width:100%;} .blockplus{padding:40px 0;width:100%;} #titleSpinner{height:48px;line-height:48px;} #titleSpinner span{height:48px;line-height:48px;} .post-template-single-references .referenceFooter .actusCasClient ul li .blockImage .imgBlank{height:240px!important;} .post-template-single-references .referenceFooter .actusCasClient ul li .blockHover{opacity:1;visibility:visible;background:rgba(0,0,0,0.3);} .post-template-single-references .referenceFooter .actusCasClient ul li .blockHover p.catTitle{margin-top:0!important;opacity:1;} .home #cont_header{left:20px;top:20px;right:20px;} #btnPhone{display:none;} #slider{border:20px solid #FFFFFF;} .headerCMS{border:20px solid #FFFFFF;} .headerCMSContainer{padding:100px 20px 0;} .headerCMSContainer h1{font-size:38px;line-height:35px;margin-bottom:30px;} .headerCMSContainer .texteHeaderCMS h2{margin-bottom:20px;font-size:16px;line-height:20px;} .headerCMSContainer .texteHeaderCMS h2 strong{background-position:0 15px;} .headerCMSContainer .texteHeaderCMS p{margin-bottom:20px!important;font-size:16px;line-height:20px!important;} .headerCMSContainer .texteHeaderCMS p.link{margin-bottom:0!important;} .sectionCMS .blockPhotoAvantages .blockPhoto{padding:40px 20px;} .sectionCMS .blockPhotoAvantages .blockAvantages{padding:40px 20px;} .sectionCMS .blockPhotoAvantages .blockAvantages h2{font-size:40px;line-height:45px;padding-top:70px;-webkit-background-size:235px;-moz-background-size:235px;background-size:235px;} .sectionCMS .blockPhotoAvantages .blockAvantages p.link{padding-left:0;text-align:center;} .sectionCMS .blockPhotoAvantages .blockAvantages ul{margin-bottom:40px!important;} .sectionCMS .blockQuelType{padding:20px 20px 50px;} .sectionCMS .blockQuelType .blockQuelTypeTexte{padding:80px 20px;} .sectionCMS .blockQuelType .blockQuelTypeTexte h2{font-size:50px;line-height:44px;margin-bottom:40px;} .sectionCMS .blockQuelType .blockQuelTypeTexte h3{font-size:40px;line-height:38px;margin-bottom:40px;} .sectionCMS .blockChiffres{padding:80px 0 60px;min-height:inherit;border-left:20px solid #FFFFFF;border-right:20px solid #FFFFFF;} .sectionCMS .blockChiffres h2{margin-bottom:40px;font-size:40px;line-height:45px;} .sectionCMS .blockChiffres .listeChiffres{margin-bottom:40px;} .sectionCMS .blockChiffres .listeChiffres .donnees{width:100%;padding-bottom:30px;} .sectionCMS .blockChiffres .listeChiffres .donnees:last-child{padding-bottom:0;} .sectionCMS .actusCasClient .titleCasClients{padding:0 20px;} .sectionCMS .actusCasClient h2{margin-left:0;font-size:45px;line-height:40px;padding:0;} .page-template-page-cms #blockExpertCMS h2{margin-left:0;margin-right:0;font-size:45px;line-height:40px;} .page-template-page-cms #blockExpertCMS .blockExpertCMSContainer{padding:30px 0 0;} .page-template-page-cms #blockProjet .blockProjetContainer{padding:60px 20px 60px 20px;height:auto;border-left:20px solid #FFFFFF;border-right:20px solid #FFFFFF;} .page-template-page-cms #blockProjet .blockProjetContainer h2{font-size:40px;line-height:36px;margin-bottom:60px;} } @media screen and (max-width: 700px){ #page .pagetext .left, #page .pagetext .right{width:100%;} } @media screen and (max-width: 639px){ #contact .content_form .field div.captcha {float:none;width:100%;} #contact .content_form .field div.submit{margin:20px 0 0;} #contact .content_form .captcha span.wpcf7-not-valid-tip{padding:0 10px;} #contact .content_form .message span.wpcf7-not-valid-tip{padding:0 20px;} } @media screen and (max-width: 599px){ .blockCasclients ul li{width:100%;} .blockCasclients ul li:nth-child(3), .blockCasclients ul li:nth-child(4){width:100%;} .blockCasclients ul li .blockImage .imgBlank{min-height:175px;} .blockCasclients ul li .blockImage a{ -webkit-box-flow:column wrap; -webkit-flex-flow:column wrap; -moz-box-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap;} .blockCasclients ul li:nth-child(2) .blockImage a img{width:auto;height:100%;} .blockCasclients ul li .blockImage .imgBlank{height:280px!important;} .pagereferences .refheader h1{font-size:40px;} .pagereferences .refheader .filtre-mobile .filtrer{text-indent:-999em;} .referencepage .grandeGalerie img{width:100%;margin:0 0 8px 0;} } @media screen and (max-width: 530px){ #btnContact{display:none;} .referencepage{padding-top:120px;} .pagereferences .refgrid .refgrid-sizer, .pagereferences .refgrid .refgrid-item{width:100%;} .pagereferences .refgrid .refgrid-item-horizontale{min-height:320px;} .pagereferences .refgrid .refgrid-item-horizontale img{width:640px;height:320px;} .referencepage h1{font-size:36px;} } @media screen and (max-width: 500px){ #footer .bottomFooter{padding:10px 20px;} } @media screen and (max-width: 479px){ #slider .sliderTitle{top:210px;} #slider .sliderTitle p.title{font-size:40px;line-height:35px;margin-bottom:20px;} #slider .sliderTitle .widget ul{margin-left:40px;} #slider .sliderTitle .widget ul li a{padding:5px 0;} #btnScroll{display:none;} .home #logo{top:130px;-webkit-background-size:200px;-moz-background-size:200px;background-size:200px;} #headerSearch input[type=text]{font-size:20px;padding:0 50px 0 0;} #nav > ul > li#nav_menu-4 > div > ul > li > a{font-size:30px;line-height:25px;} #page .blockaccueil h1{font-size:40px;} #page .blockaccueil h1{max-width:240px;margin-left:auto;margin-right:auto;} #navigation span a{font-size:14px;} div.logged-in a{margin-top:20px;margin-bottom:40px;} #titleSpinner{height:40px;line-height:40px;} #titleSpinner span{height:40px;line-height:40px;} } @media screen and (max-width: 450px){ .referencepage .texte .caracteristiques{margin:60px 0 0;} .referencepage .texte .caracteristiques .typeProjet{display:block;margin:0 auto 30px;} .referencepage .texte .caracteristiques .caractProjet{display:block;margin:0;padding:0;border:none;text-align:center;} } @media screen and (max-width: 400px){ #btnContact{display:none;} .home #logo{left:-20px;top:-10px; -webkit-transform:none; -moz-transform:none; transform:none; } #slider .sliderTitle{top:80px;} #slider .sliderTitle p.title{margin-bottom:20px;font-size:26px;line-height:26px;} #titleSpinner{height:36px;line-height:36px;} #titleSpinner span{height:36px;line-height:36px;} #slider .sliderTitle .widget ul li a{font-size:14px;padding:3px 0;} #nav > ul{padding:120px 0 40px;} #nav > ul > li#menuTopNav .linkMenu a{font-size:16px;line-height:16px;padding:2px 20px;} #nav > ul > li#menuTopNav .linkSearch #btnSearch{font-size:16px;line-height:16px;padding:2px 20px;} #nav > ul > li#nav_menu-4 > div > ul > li{margin-bottom:0;} #nav > ul > li#nav_menu-4 > div > ul > li > a{font-size:20px;line-height:15px;padding:0;} #nav > ul > li#nav_menu-4 > div > ul > li ul{padding:2px 0;} #nav > ul > li#nav_menu-4 ul.sub-menu li a{font-size:16px!important;line-height:20px!important;padding:0!important;} #nav > ul > li#custom_html-5{display:none;} #nav > ul > li#custom_html-5 .reseauxNavMobile{padding:0 5px;} #blockAccueil h1{font-size:36px;line-height:32px;} #blockAccueil h1 span{font-size:18px;line-height:18px;} #blockAccueil .blockText p{font-size:16px;line-height:24px;} #blockAccueil .blockSpinner p{font-size:28px;line-height:32px;} #blockAccueil .blockText p.link a{font-size:15px;} #blockTherme{padding-top:0;} #blockTherme ul li{padding:10px;} #blockTherme ul li span{font-size:22px;line-height:22px;} #blockExpertise h2{font-size:36px;line-height:32px;} #blockExpertise h2 span{font-size:18px;line-height:18px;} #blockExpertise .expertises .expertise h3{font-size:23px;line-height:23px;} #blockExpertise .expertises .expertise h3 + p{font-size:16px;line-height:18px;margin-bottom:30px;} #blockExpertise .expertises .expertise ul li{font-size:16px;line-height:24px;} #blockExpertise .expertises .expertise p.link a{font-size:15px;} #blockServices h2{font-size:36px;line-height:32px;} #blockServices h2 span{font-size:18px;line-height:18px;} #blockServices .services .service ul li{font-size:16px;line-height:24px;} #blockServices .services p.link a{font-size:15px;} #blockExpertCMS h2{font-size:36px;line-height:32px;margin-bottom:30px;} #blockExpertCMS h2 span{font-size:18px;line-height:18px;} #blockExpertCMS .listeCMS .cms{margin-bottom:40px;} #blockExpertCMS .listeCMS .cms h3{font-size:25px;line-height:25px;margin-bottom:20px;} #blockExpertCMS .listeCMS .cms p{font-size:16px;line-height:24px;margin-bottom:20px;} #blockExpertCMS .listeCMS .cms p.link a{font-size:15px;} .blockCasclients h2{font-size:36px;line-height:32px;} .blockCasclients h2 span{font-size:18px;line-height:18px;} .blockCasclients ul li .blockHover p.catTitle{font-size:16px;} .blockCasclients ul li .blockHover h3{font-size:25px;line-height:25px;} .blockCasclients ul li:hover .blockHover h3{margin:0 0 20px;} .blockCasclients ul li .blockHover a.fullLink{font-size:15px;} #blockExigence .blockExigenceContainer h2{font-size:36px;line-height:32px;} #blockExigence .blockExigenceContainer p.link a{max-width:260px;} #blockProjet .blockProjetContainer{height:540px;} #blockProjet .blockProjetContainer h2{font-size:36px;line-height:32px;margin-bottom:40px;} #blockMenu ul li{padding:10px 20px;} #blockMenu ul li a{font-size:25px;line-height:25px;} .pagereferences .refheader .filter-button-group.anim{height:360px;} .pagereferences .refheader h1{font-size:30px;} .pagereferences .refheader .filtre-mobile .filtrer{text-indent:-999em;} .pagereferences .refheader .filter-button-group button{height:40px;line-height:40px;} .pagereferences .refheader .filter-button-group button.all{height:40px;line-height:40px;} #cont-footer{border-bottom:40px solid #FFFFFF;} #footerMobile{height:40px;} #footerMobile .footerMobileContainer > div a{height:40px;} #footerMobile .footerMobileContainer > div a span{padding-top:10px;} #footer .blockFooter .footerTitle h2{font-size:34px;line-height:30px;} .headerCMSContainer h1{font-size:30px;line-height:30px;margin-bottom:30px;} .headerCMSContainer .texteHeaderCMS h2{font-size:16px;line-height:20px;} .headerCMSContainer .texteHeaderCMS p{font-size:16px;line-height:20px!important;} .sectionCMS .blockPhotoAvantages .blockAvantages h2{font-size:30px;line-height:35px;} .sectionCMS .blockPhotoAvantages .blockAvantages ul li{padding:0 0 0 55px;font-size:17px;line-height:20px;min-height:40px;} .sectionCMS .blockPhotoAvantages .blockAvantages ul li:before {width:40px;height:40px;margin-top:-20px;line-height:40px;} .sectionCMS .blockQuelType .blockQuelTypeTexte h2{font-size:40px;line-height:40px;} .sectionCMS .blockQuelType .blockQuelTypeTexte h3{font-size:30px;line-height:30px;} .sectionCMS .blockChiffres h2{font-size:30px;line-height:35px;} .sectionCMS .actusCasClient h2{font-size:35px;line-height:30px;padding:0;} .page-template-page-cms #blockExpertCMS h2{font-size:35px;line-height:30px;} .page-template-page-cms #blockExpertCMS .listeCMS .cms{padding:0;} .page-template-page-cms #blockProjet .blockProjetContainer h2{font-size:30px;line-height:28px;} } @media screen and (max-width: 359px){ #navigation span a{font-size:12px;} #header-sidebar ul li h2.widgettitle{padding-top:50px;background:url(//www.corne-bleue.com/wp-content/themes/cornebleue/images/bg-espace-client.png) no-repeat 30px 50px;} #contact .content_form .field div.submit input{font-size:16px;} } @media screen and (max-width: 330px){ .pagereferences .refheader .filter-button-group.anim{height:360px;} .pagereferences .refheader h1{font-size:30px;} .pagereferences .refheader .filtre-mobile .filtrer{text-indent:-999em;} .pagereferences .refheader .filter-button-group button{height:40px;line-height:40px;} .pagereferences .refheader .filter-button-group button.all{height:40px;line-height:40px;} }