/** clearing **/ .clear {clear: both; font-size: 0.1px; height: 0.1px; line-height: 0.1px; float: none; display: table;} /** block grid **/ .autogrid, .autogrid:before,.autogrid:after {-moz-box-sizing: border-box; box-sizing:border-box;} .autogrid {padding-left: 1%; padding-right: 1%; position: relative; display: block; float: left;overflow: hidden;} /** block grid wrapper **/ .autogrid_wrapper {margin-left: -1%; margin-right: -1%;} /** non block **/ .autogrid:not(.block) {padding-left: 0; padding-right: 0; margin-left: 1%; margin-right: 1%;} /* .block.autogrid.first, .block.autogrid:first-child {margin-left: -1%;} */ /* .block.autogrid.last, .block.autogrid:last-child {margin-right: -1%;} */ /** Non block grid **/ .full {width: 98%;} .one_half {width: 48%;} .one_third {width: 31.3333%;} .one_fourth {width: 23%;} .one_fifth {width: 18%;} .one_sixth {width: 14.6667%;} /** Block grid **/ .block.full {width: 100%;} .block.one_half {width: 50%;} .block.one_third {width: 33.3333%;} .block.one_fourth {width: 25%;} .block.one_fifth {width: 20%;} .block.one_sixth {width: 16.6667%;} .block.two_third {width: 66.6667%;} .block.two_fourth {width: 50%;} .block.three_fourth {width: 75%;} .block.two_fifth {width: 40%;} .block.three_fifth {width: 60%;} .block.four_fifth {width: 80%;} .block.two_sixth {width: 33.3333%;} .block.three_sixth {width: 49.9999%;} .block.four_sixth {width: 66.6667%;} .block.five_sixth {width: 83.3333%;} /** Non block grid system **/ /** odd split: 2 elements per row **/ .n2:not(.block).one_third {width: 32%;} .n2:not(.block).two_third {width: 64%;} .n2:not(.block).one_fourth {width: 24%;} .n2:not(.block).two_fourth {width: 48%;} .n2:not(.block).three_fourth {width: 72%;} .n2:not(.block).one_fifth {width: 19.2%;} .n2:not(.block).two_fifth {width: 38.4%;} .n2:not(.block).three_fifth {width: 57.6%;} .n2:not(.block).four_fifth {width: 76.8%;} .n2:not(.block).one_sixth {width: 16%;} .n2:not(.block).two_sixth {width: 32%;} .n2:not(.block).three_sixth {width: 48%;} .n2:not(.block).four_sixth {width: 64%;} .n2:not(.block).five_sixth {width: 80%;} /** odd split: 3 elements per row **/ .n3:not(.block).one_half {width: 47%;} .n3:not(.block).two_third {width: 62.6667%;} .n3:not(.block).one_fourth {width: 23.5%;} .n3:not(.block).two_fourth {width: 47%;} .n3:not(.block).three_fourth {width: 70.5%;} .n3:not(.block).one_fifth {width: 18.8%;} .n3:not(.block).two_fifth {width: 37.6%;} .n3:not(.block).three_fifth {width: 56.4%;} .n3:not(.block).four_fifth {width: 75.2%;} .n3:not(.block).one_sixth {width: 15.6667%;} .n3:not(.block).two_sixth {width: 31.3333%;} .n3:not(.block).three_sixth {width: 47%;} .n3:not(.block).four_sixth {width: 62.6667%;} .n3:not(.block).five_sixth {width: 78.3333%;} /** odd split: 4 elements per row **/ .n4:not(.block).one_half {width: 46%;} .n4:not(.block).one_third {width: 30.6667%;} .n4:not(.block).two_third {width: 61.3333%;} .n4:not(.block).two_fourth {width: 46%;} .n4:not(.block).three_fourth {width: 69%;} .n4:not(.block).one_fifth {width: 18.4%;} .n4:not(.block).two_fifth {width: 36.8%;} .n4:not(.block).three_fifth {width: 55.2%;} .n4:not(.block).four_fifth {width: 73.6%;} .n4:not(.block).one_sixth {width: 15.3333%;} .n4:not(.block).two_sixth {width: 30.6667%;} .n4:not(.block).three_sixth {width: 46%;} .n4:not(.block).four_sixth {width: 61.3333%;} .n4:not(.block).five_sixth {width: 76.6667%;} /** odd split: 5 elements per row **/ .n5:not(.block).one_half {width: 45%;} .n5:not(.block).one_third {width: 30%;} .n5:not(.block).two_third {width: 60%;} .n5:not(.block).one_fourth {width: 22.5%;} .n5:not(.block).two_fourth {width: 45%;} .n5:not(.block).three_fourth {width: 67.5%;} .n5:not(.block).two_fifth {width: 36%;} .n5:not(.block).three_fifth {width: 54%;} .n5:not(.block).four_fifth {width: 72%;} .n5:not(.block).one_sixth {width: 15%;} .n5:not(.block).two_sixth {width: 30%;} .n5:not(.block).three_sixth {width: 45%;} .n5:not(.block).four_sixth {width: 60%;} .n5:not(.block).five_sixth {width: 75%;} /** odd split: 6 elements per row **/ .n6:not(.block).one_half {width: 44%;} .n6:not(.block).one_third {width: 29.3333%;} .n6:not(.block).two_third {width: 58.6667%;} .n6:not(.block).one_fourth {width: 22%;} .n6:not(.block).two_fourth {width: 44%;} .n6:not(.block).three_fourth {width: 66%;} .n6:not(.block).one_fifth {width: 17.6%;} .n6:not(.block).two_fifth {width: 35.2%;} .n6:not(.block).three_fifth {width: 52.8%;} .n6:not(.block).four_fifth {width: 70.4%;} .n6:not(.block).two_sixth {width: 29.3333%;} .n6:not(.block).three_sixth {width: 44%;} .n6:not(.block).four_sixth {width: 58.6667%;} .n6:not(.block).five_sixth {width: 73.3333%;} .border-inner {border-left: 1px solid #ddd;} .border-inner.first, .border-inner:first-child {border-left: 0;} .border-inner.last, .border-inner:last-child {border-right: 0;} /** optical correction **/ /* .autogrid.block.border-inner {margin-left: -0.75%; padding-left: 1.75%;} */ /** grid options **/ .autogrid.break {clear:left; margin-left: 0;} .autogrid.full.break {width: 100%;clear:both;float: none;padding-left: 0;padding-right: 0;} /** same height **/ .autogrid.same-height {display: table-cell; float: none; vertical-align: top;} /** flexible same height **/ .autogrid_wrapper.same-height, .autogrid_wrapper .inner.same-height {display: flex; display: -webkit-flex; display: -ms-flexbox; height: 100%; clear: both;} /** autogrid full **/ .autogrid.full {padding-left: 0; padding-right: 0;} .autogrid_wrapper .autogrid.full {padding-left: 1%; padding-right: 1%;} /** no gutter **/ .autogrid_wrapper.no_gutter {margin-left: 0; margin-right: 0;} .autogrid.no_gutter {padding-left: 0; padding-right: 0;} /** tablets **/ @media only screen and (min-width: 768px) and (max-width: 990px) { .autogrid.adjust_mobile {width: 50% !important} } /** phones **/ @media only screen and (max-width: 767px) { .autogrid {width: 100%!important;} .autogrid.same-height, .autogrid_wrapper.same-height, .autogrid_wrapper .inner.same-height {display: block;} .border-inner {border-left: 0;} .ce_autogridSpacer {margin: 0!important; line-height: 0!important;} } @charset "utf-8"; /* CSS Document */ /* CLIENT : SOFAR SITE WEB : www.cabinetsofar.com DATE DE CREATION : JANVIER 2017 CREATION : SAMUEL TRICOT / www.iGweb.fr */ /* Open+Sans:400,400i,600,700 font-family: 'Open Sans', sans-serif; Montserrat:400,700 font-family: 'Montserrat', sans-serif; */ /***********************************/ /* LAYOUT */ /***********************************/ body {font-family: 'Open Sans', sans-serif;font-size: 1em;background-color: #f5f5f5;} #top .inside, .header .inside, #footer .inside, #bottom .inside, body.sidebar #container, #main .mod_article:not(.fullwidth):not(.autogrid):not(.smallwidth), .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_wrapper.article, .ce_bgimage-inside, .ce_text_image_bar .inside, .ce_headerimage .ce_headerimage_inside, .ce_video_background .ce_video_background_inside, #offcanvas-top .offcanvas-top-inside, .ce_calltoaction .ce_calltoaction_inside, .mod_breadcrumb .mod_breadcrumb_inside { padding-left: 40px; padding-right: 40px; } #top .inside, .header .inside, #footer .inside, #bottom .inside, body.sidebar #container, #main .mod_article:not(.autogrid), .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_wrapper.article, .ce_text_image_bar .inside, .ce_headerimage .ce_headerimage_inside, .ce_video_background .ce_video_background_inside, #offcanvas-top .offcanvas-top-inside, .ce_calltoaction .ce_calltoaction_inside, .mod_breadcrumb .mod_breadcrumb_inside { max-width: 1240px; margin-left: auto; margin-right: auto; } #main .mod_article {padding-top: 50px;padding-bottom: 60px;} /********** header + stickyheader **********/ #header {padding-bottom: 10px; top: 0px;z-index: 9999;background-color: #f5f5f5;} .header.original {line-height: 40px!important;} .header.cloned {background: rgb(255,255,255);box-shadow: 0 0 2px 2px rgba(0,0,0,0.1); transition: line-height 0.3s ease; -webkit-transition: line-height 0.3s ease; } .header.original .mainmenu ul ul li a.trail:after, .header.original .mainmenu ul ul li a.active:after {display: none;} .stickyheader .header.cloned {line-height: 25px;background-color: rgba(255,255,255,0.90); -webkit-animation: fadeInDown 1s; animation: fadeInDown 1s; } .stickyheader {position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;display: none;} body.fixed-header .stickyheader {display: block;} /********** FIN header + stickyheader **********/ #container {position: relative;width: 100%;margin: 0 auto;background-color: #f5f5f5} /********** Footer **********/ #footer {background-color: #323f47 !important;position: relative;width: 100%;margin: 0 auto;} #footer, #footer a {color: #f29400;} #footer .logo-footer img {width: 300px;float: right;margin-right: 20px;} #footer p, .mentions p {font-size: 0.9em;} #footer p, #footer strong, #footer h4, .mentions p, .mentions p strong {color: #c8c8c8 !important;} #footer h4 {font-size: 1.6em !important; text-align: center;} #footer a, #footer a:hover , .mentions a, .mentions a:hover {color: #E78F04 !important;} #footer .ce_hyperlink a, #footer a.btn {background-color: #f29400 !important;border-color: #f29400 !important;border-width: 2px;font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 1.1em; font-weight: 700; color: #fff !important;padding-left: 20px !important;padding-right: 20px !important; -webkit-transition: 0.2s linear 0s; -moz-transition: 0.2s linear 0s; -o-transition: 0.2s linear 0s; -ms-transition: 0.2s linear 0s; transition: 0.2s linear 0s;} #footer .ce_hyperlink a:hover, #footer a.btn:hover {background-color: #222C33 !important; border-color: #222C33 !important;color: #fff;} .adresse-footer {margin-top: 40px;} /********* logo ***********/ #title h2 {margin:0 !important; background-image:none !important; padding:0 !important;float: left;font-size: 1.3em;border: none;} #title h2 a {color:#fff;} #title h2 a img {left:0; margin-top:15px; margin-left: 0px; margin-bottom:0;z-index:999;width: 290px;height: auto;} #stickyheader #title h2 a img {width: 200px; height:auto;float: none;margin-top: 10px;margin-bottom: 10px;} .stickyheader .header.cloned .logo {transition: height 0.3s ease;-webkit-transition: height 0.3s ease; } /******** fin logo *********/ /********** RGPD **********/ #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a, #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {color: #ffffff !important}#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain:hover, #tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover {background: rgba(0, 0, 0, 0.2) !important;}#tarteaucitron #tarteaucitronServices .tarteaucitronHidden, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden {background: rgba(0, 0, 0, 0.07) !important}#tarteaucitron .tarteaucitronBorder, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden, #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {border-color:#002C3D !important}#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain, #tarteaucitron #tarteaucitronServices .tarteaucitronLine {background: rgba(0, 0, 0, 0.1) !important}#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName b, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b, #tarteaucitronAlertSmall #tarteaucitronCookiesNumber, #tarteaucitronAlertSmall #tarteaucitronManager, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle b, #tarteaucitron #tarteaucitronInfo a, #tarteaucitron h1,#tarteaucitron .tarteaucitronTitle button {color:#ffffff !important} #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine, #tarteaucitronAlertBig, #tarteaucitronAlertSmall, .tac_activate, .tac_activate .tac_float, .tac_activate .tac_float b, #tarteaucitron #tarteaucitronClosePanel, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle:hover, #tarteaucitron #tarteaucitronInfo, #tarteaucitron #tarteaucitronServices .tarteaucitronDetails, #tarteaucitron #tarteaucitronServices .tarteaucitronTitle, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle, #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover, div#tarteaucitronServices {background: #032D3E !important;color:#ffffff !important}html body #tarteaucitronRoot #tarteaucitronAlertBig span{color:#ffffff!important}html body #tarteaucitronRoot #tarteaucitronPrivacyUrl{background-color:#41e079!important}html body #tarteaucitronRoot #tarteaucitronPrivacyUrl{color:#ffffff!important}html body #tarteaucitronRoot button.tarteaucitronAllow{background-color:#12b383!important}html body #tarteaucitronRoot button.tarteaucitronAllow{color:#fff!important}html body #tarteaucitronRoot li.tarteaucitronLine.tarteaucitronIsAllowed{border-color:#12b383!important}html body #tarteaucitronRoot #tarteaucitronDotGreen{background-color:#12b383!important}html body #tarteaucitronRoot button.tarteaucitronDeny{background-color:#b83b3b!important}html body #tarteaucitronRoot button.tarteaucitronDeny{color:#fff!important}html body #tarteaucitronRoot li.tarteaucitronLine.tarteaucitronIsDenied{border-color:#b83b3b!important}html body #tarteaucitronRoot #tarteaucitronDotRed{background-color:#b83b3b!important} div#tarteaucitronInfo {border-color: #00161F !important;} #tarteaucitronRoot #tarteaucitronAlertBig {padding: 5px 5% !important;width: 90% !important;} #tarteaucitronRoot h2 {color: #fff !important;} #tarteaucitronAlertBig {background: #323F47 !important;} #tarteaucitronAlertBig #tarteaucitronPersonalize {color: #000 !important; background: #A2BF06 !important;text-transform: uppercase !important;font-size: 0.9em !important;} #tarteaucitronAlertBig #tarteaucitronCloseAlert {background: #fff !important;color: #092a49 !important;text-decoration: none;} #tarteaucitronPercentage {background: #2A2A2A !important;} .tarteaucitronOpenPanel {cursor: pointer} #tarteaucitronRoot div#tarteaucitron {top:10px !important;} .explanation p {font-size: 0.95em; text-align: left; margin-bottom: 20px;} .widget-checkbox.rgpd {margin-bottom: 0px;} .widget-checkbox.rgpd fieldset {margin-top: 20px;margin-bottom: 0px;padding: 0px;border: 0px solid rgba(0,0,0,0.2);} /********** FIN RGPD **********/ p, li {font-family: 'Open Sans', sans-serif;font-size: 1.1em; line-height: 1.4em;text-align: justify;color:#323f47;font-weight: 400 !important; } h1, h2, h3, h4 {font-family: 'Montserrat', sans-serif; color:#323f47 !important; font-size:2.2em !important; font-weight:400; } .ce_headline_extended {margin-bottom: 30px;} a, p a {color: rgb(152,152,152); text-decoration:none; -webkit-transition: 0.2s linear 0s; -moz-transition: 0.2s linear 0s; -o-transition: 0.2s linear 0s; -ms-transition: 0.2s linear 0s; transition: 0.2s linear 0s; } a:hover { color:#f29400 ;} strong {font-weight: 700;color: #323f47;} em {font-style: italic; color:#323f47;font-size: 1.05em;} #cboxNext,#cboxPrevious,#cboxClose { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNzAuNXB4IiBoZWlnaHQ9IjY1cHgiIHZpZXdCb3g9IjAgMCAxNzAuNSA2NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTcwLjUgNjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNzAuNSwwaC00Ni42NjZDMTIyLjI3LDAsMTIxLDEuMjY5LDEyMSwyLjgzNHY1OS4zMzFjMCwxLjU2NSwxLjI3LDIuODM1LDIuODM0LDIuODM1SDE3MC41Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTAsMGg0Ni42NjZDNDguMjMsMCw0OS41LDEuMjY5LDQ5LjUsMi44MzR2NTkuMzMxQzQ5LjUsNjMuNzMsNDguMjMsNjUsNDYuNjY2LDY1SDAiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9Ijc4LjI1IiB5MT0iNS4xMDkiIHgyPSI5NC4zNzUiIHkyPSIyMS4yMzQiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9Ijk0LjM3NSIgeTE9IjUuMTA5IiB4Mj0iNzguMjUiIHkyPSIyMS4yMzQiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjM3LjUiIHkxPSIxMS4zNTkiIHgyPSIxMC43NSIgeTI9IjMyLjUiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjM3LjY3OCIgeTE9IjUzLjA1NSIgeDI9IjEwLjkyOCIgeTI9IjMxLjkxNCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTMzIiB5MT0iMTEuMzU5IiB4Mj0iMTU5Ljc1IiB5Mj0iMzIuNSIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTMzIiB5MT0iNTMuNjQxIiB4Mj0iMTU5Ljc1IiB5Mj0iMzIuNSIvPjwvc3ZnPg==); } .docs-internes h5 {margin-bottom: 5px;} .ce_download_small {margin-bottom: 30px;} .ce_download_small {background-color : #323E46;} .ce_download_small {color: #F5F5F5;} .ce_download_small .ce_download_small_inside a {border-color: #323E46;} /*.ce_download_small .ce_download_small_inside a:hover {border-color: #F1930D;}*/ .ce_download_small .ce_download_small_inside:hover {background-color : #F1930D;} .ce_download_small .ce_download_small_inside a:after {color: #F5F5F5; -webkit-transition: 0.2s linear 0s; -moz-transition: 0.2s linear 0s; -o-transition: 0.2s linear 0s; -ms-transition: 0.2s linear 0s; transition: 0.2s linear 0s;} /*.ce_download_small .ce_download_small_inside a:hover:after {color: #F1930D;}*/ .ce_download:after {display: none;} .ce_downloads_box {margin-bottom:10px;} .ce_downloads_box .ce_downloads_box_inside {background-color :#323E46;} .ce_downloads_box .ce_downloads_box_inside h5{color: #F5F5F5;} .ce_downloads_box .ce_downloads_box_inside{padding-top: 5px;} .ce_downloads_box .ce_downloads_box_inside{padding-bottom: 5px;} .ce_downloads_box .ce_downloads_box_inside { border: solid 1px #323E46;} /********** Divider **********/ .ce_divider_extended.version2 { background-color: #323F47;} /********** TOP ***********/ #footer .totop {background-color: #F29400; bottom:1%; top:inherit; right:1%; left:inherit; opacity:0.6; position:fixed; z-index:99;} #footer .totop:hover {opacity:1;} #footer a.totop {text-decoration:none;color:#fff !important;} #footer a.totop:hover { color:#fff !important;} .offcanvas-trigger { display:none} #top-wrapper {width: 100%;} #top-wrapper.fixed {box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);background: rgba(0,0,0,0.8);} #top {position: relative;z-index: 1100;font-size: 0.9em;line-height: 35px;background: #323f47;color:#ffffff;} #top-wrapper.fixed #top {max-height: 0;overflow: hidden;} #top:hover {overflow: visible;} #top,#top a, #top strong {color:#ffffff;} .mod_top_phone, .mod_top_mail {opacity: 0.8;} #top .mod_top_mail {float: left;} #top .mod_top_mail a {padding: 0 8px;display: inline-block;transition: background 0.3s ease;-webkit-transition: background 0.3s ease;} #top .mod_top_mail i {margin: 0 5px;} #top .mod_top_mail a:hover {background: #A1B72B;color: #fff!important;} #top .mod_top_phone {float: left;margin-right: 15px;} #top .mod_top_phone i {margin: 0 5px 0 10px;} #header .mod_top_mail, #header .mod_top_phone {display: none;} #top .mod_socials {overflow: hidden;float: right;margin-left: 15px;} #top .mod_socials a {display: block;float: left;text-align: center;line-height: 35px;} #top .mod_socials a i {width: 35px;font-size: 1em;;color: #fff;line-height: 35px;} .mod_socials i {transition: All 0.3s ease;-webkit-transition: All 0.3s ease; opacity:0.8;} .mod_socials i:hover {opacity:1;} .mod_socials li {float:left;transition: All 0.3s ease;-webkit-transition: All 0.3s ease;} .mod_socials li.viadeo a {background-image: url("../../files/cto_layout/images/viadeo.svg");background-repeat: no-repeat;background-position: center center;text-indent: -999999px;display: block;width: 38px;height: 36px;padding: 0;position: relative;border: none;opacity:0.8;} .mod_socials li.viadeo a:hover {opacity:1;} .mod_socials li:hover {background-color:#EE7355;} /********** MENU **********/ .mainmenu {float:right !important;margin-top:60px;} .mainmenu ul li a i.fa {font-size: 1.6em;top: 60%;} .mainmenu ul li.cabinet a i.fa {font-size: 1.5em;top: 55%;} .mainmenu ul li.contact a i.fa {font-size: 1.4em;top: 50%;} .mainmenu ul li {float:left;line-height: 0.7em; margin:0 !important;} .mainmenu li a {font-family: 'Open Sans', sans-serif; font-weight:700 !important;padding: 0px 15px !important;color: #323f47;text-transform:uppercase !important;} .mainmenu li a span {font-size: 0.9em;} .mainmenu li a:hover, .mainmenu li.active a, .mainmenu li a.active, .header.original .mainmenu ul li a.trail, .header.cloned .mainmenu ul li a.trail {color: #F29400 !important;} .mainmenu ul li a:hover {opacity: 1;} .mainmenu ul li a.trail, .mainmenu ul li a.active {color: #323f47;} .mainmenu .accueil {display: none;} .mainmenu ul li a.recrute, .mainmenu li a.recrute:hover, .mainmenu ul li a.recrute i.fa {color: #A9C605 !important;} .mainmenu ul li a.facturation, .mainmenu li a.facturation:hover, .mainmenu ul li a.facturation i.fa {color: #F29502 !important;} .stickyheader .header.cloned .mainmenu {margin-top:30px;} /* MENU BURGER */ .smartmenu {display: none;} .smartmenu-content .mod_navigation ul.level_1, .smartmenu-scrollable {overflow: auto;} .smartmenu-content .smartmenu-scrollable {overflow: auto;} .smartmenu-scrollable li {text-align: center;} .smartmenu-content .smartmenu-table {background-color: rgba(47, 72, 88, 0.8);} .smartmenu-content .smartmenu-close {cursor: pointer;} .smartmenu .smartmenu-trigger {margin-top: 22px;} .smartmenu .smartmenu-trigger .line {height: 3px;background: #323F47;} .smartmenu .smartmenu-trigger .line:before {margin-top: 9px;height: 3px;} .smartmenu .smartmenu-trigger .line:after {height: 3px;} /********** flux fb et twitter **********/ #bottom {background-color: #252e34 !important;} #bottom h4 {color: #c8c8c8 !important;font-size: 1.6em !important; text-align: center;} /* FB */ .file-actu {text-align: center;} /********** COOKIES ***********/ #cookiebar {padding: 20px;position: fixed; bottom: 60px !important;right: 10px !important;color: #fff;width: 230px;z-index: 99;float: right;left: inherit;line-height: 1.2em;font-size: 0.8em;text-align: justify;background-color: rgba(75,75,75,0.90); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} #cookiebar span {padding-bottom: 15px;display: block;margin-right: 0;} #cookiebar button {background-color:#F29400; color:#fff;margin-top: 20px;} /********* SUIVEUR *********/ .suiveur {position: fixed;right: 0;top: 180px;width: 200px;z-index: 999;} .suiveur li {background-color:#e4007b; -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.3); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .suiveur li:hover {background-color: #c40068; -webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3); } .suiveur li a {color: #FFFFFF;text-decoration: none;font-size: 0.9em;text-transform: uppercase;display: block;padding: 15px 10px 15px 50px;} .suiveur li.so-connect a {background: url(../../files/cto_layout/images/lock-01.svg) no-repeat 14px 12px;} .suiveur-cwe-cegid {position: fixed;right: 0;top: 300px;width: 200px;z-index: 999;} .suiveur-cwe-cegid li {background-color:#F59511; -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.3); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .suiveur-cwe-cegid li:hover {background-color:#F59511; -webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3); } .suiveur-cwe-cegid li a {color: #FFFFFF;text-decoration: none;font-size: 0.9em;text-transform: uppercase;display: block;padding: 15px 10px 15px 50px;} .suiveur-cwe-cegid li.cwe-cegid a {background: url(../../files/cto_layout/images/lock-01.svg) no-repeat 14px 12px;} .suiveur-cloud {position: fixed;right: 0;top: 240px;width: 200px;z-index: 999;} .suiveur-cloud li {background-color: #a9c606; -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.3); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .suiveur-cloud li a {color: #FFFFFF;text-decoration: none;font-size: 0.9em;text-transform: uppercase;display: block;padding: 15px 10px 15px 50px;} .suiveur-cloud li.cloud a {background: url(../../files/cto_layout/images/lock-01.svg) no-repeat 14px 12px;} .suiveur.new li a {padding: 15px 10px 15px 60px;} .suiveur.new {width: 260px;} .suiveur.new li.new a {background: url(../../files/cto_layout/images/new-01.svg) no-repeat 14px 12px;} /***********************************/ /* ACCUEIL */ /***********************************/ /********** SLIDER **********/ .tp-loader, .tp-bannertimer, .tp-arr-imgholder {display:none !important;} .ce_revolutionslider_text {margin-left: 40px;font-family: 'Montserrat', sans-serif; color: #f29400;} .vert .ce_revolutionslider_text.bold {color: #A9C606;} .ce_revolutionslider_text.ajuste-marge {margin-left: 35px;} .ce_revolutionslider_hyperlink {margin-left: 40px;background-color: transparent !important;border-color: #f29400 !important;border-width: 2px;font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 0.95em; font-weight: 700; color: #f29400;padding-left: 20px !important;padding-right: 20px !important; -webkit-transition: 0.2s linear 0s; -moz-transition: 0.2s linear 0s; -o-transition: 0.2s linear 0s; -ms-transition: 0.2s linear 0s; transition: 0.2s linear 0s;} .ce_revolutionslider_hyperlink:hover {background-color: #f29400 !important; color: #fff;} .vert .ce_revolutionslider_hyperlink {border-color: #A9C606 !important;color: #A9C606;} .vert .ce_revolutionslider_hyperlink:hover {background-color: #A9C606 !important; color: #fff;} /********** custommenu **********/ #slider .custommenu {background-color: /*#323f47*/ rgba(50, 63, 71, 0.95);} #slider .custommenu li {width: 12.5%;border-left: 1px solid #252f35;} #slider .custommenu li.last {border-right: 1px solid #252f35;} #slider .custommenu li a {font-weight: normal; font-size: 0.9em; padding: 70px 10px 20px 10px;} #slider .custommenu li:hover {background-color: #212a30;} #slider .custommenu li.creation {background-image: url('../../files/cto_layout/images/creation.svg');background-position: center 15px;background-repeat: no-repeat;} #slider .custommenu li.compta {background-image: url('../../files/cto_layout/images/compta.svg');background-position: center 15px;background-repeat: no-repeat;} #slider .custommenu li.social {background-image: url('../../files/cto_layout/images/social.svg');background-position: center 15px;background-repeat: no-repeat;} #slider .custommenu li.audit {background-image: url('../../files/cto_layout/images/audit.svg');background-position: center 15px;background-repeat: no-repeat;} #slider .custommenu li.juridique {background-image: url('../../files/cto_layout/images/juridique.svg');background-position: center 15px;background-repeat: no-repeat;} #slider .custommenu li.particuliers {background-image: url('../../files/cto_layout/images/particuliers.svg');background-position: center 15px;background-repeat: no-repeat;} #slider .custommenu li.formation {background-image: url('../../files/cto_layout/images/formation.svg');background-position: center 15px;background-repeat: no-repeat;} #slider .custommenu li.informatique {background-image: url('../../files/cto_layout/images/informatique.svg');background-position: center 15px;background-repeat: no-repeat;} /********** accroche **********/ .color-accent, .color-accent p, .color-accent i, .color-accent h1, .color-accent h2, .color-accent h3, .color-accent h4, .color-accent h5, .color-accent h6, .color-accent a:not(.link-white) {color: #f29400 !important;} .ce_headline_extended h3.background-text {font-size: 9.5em !important; color: #323f47; opacity: 0.06;font-weight: 700;} .accroche p strong {font-weight: normal; color: #f29400;} .texte-accroche .ce_hyperlink {text-align: center;margin-top: 25px;} /* liens */ .ce_hyperlink a, a.btn, a.link {background-color: transparent !important;border-color: #f29400 !important;border-width: 2px;font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 0.95em; font-weight: 700; color: #f29400;padding-left: 20px !important;padding-right: 20px !important; -webkit-transition: 0.2s linear 0s; -moz-transition: 0.2s linear 0s; -o-transition: 0.2s linear 0s; -ms-transition: 0.2s linear 0s; transition: 0.2s linear 0s;} .ce_hyperlink a:hover, a.btn:hover, a.link:hover {background-color: #f29400 !important; color: #fff;} .ce_hyperlink.vert a {border-color: #A9C606 !important;color: #A9C606 ;} .ce_hyperlink.vert a:hover {background-color: #A9C606 !important; color: #fff;} /* fin liens*/ /********** VIDEO **********/ .ce_hyperlink_lightbox_video.hyperlink_color_accent svg polygon {fill:#303E46;} .ce_hyperlink_lightbox_video.hyperlink_color_accent svg circle {stroke: #303E46;} .zone-bg-video {margin-top: -98px;} /********** Actu **********/ .ce_bgimage_content_start.img-left-67 .ce_bgimage_content_left { width: 45% !important;} .actualites .ce_bgimage_content_start .bg_overlay { background-color: #fff;} .actualites h2 { color: #6f1c7b !important;} .actualites .batons figure {position: absolute;width: 75px;right:0px;margin-top: -85px;} .actualites .rssBody li {font-size: 1em;} .bandeau-actu {height: 410px;} .ce_bgimage_content_start .ce_bgimage_extended_inside {height: 100%} /* Flux d'actualités */ .rssFeed {font-family: 'Open Sans', sans-serif;font-size: 1em;color:#323f47;margin-bottom: 2em;} .rssFeed a {text-decoration: none;font-size:0.45em;color:#323f47;font-family: 'Open Sans', sans-serif; line-height: 0.5em;} .rssFeed a:hover {color: #323f47;font-size:0.45em;font-family: 'Open Sans', sans-serif;text-decoration: underline;} .rssHeader {padding: 0.2em 0; display: none } .rssBody {overflow:auto;width: 70%;font-family: 'Open Sans', sans-serif;font-size:1em;color:#323f47;border: none; margin-bottom: 13px; } .rssBody p {font-size: 1em; text-align: left;} .rssRow h4, .rssRow p, .rssRow div {margin: 0; } .rssRow h4 {line-height: 0.8em; padding-bottom: 10px;} .odd {background:null;border-bottom: none;} .even {background:null;border-bottom: none;} .rssRow h4{clear:both;} .rssCategories{font-family: 'Open Sans', sans-serif;font-size:0.9em;color:#6f1c7b;font-weight:bold;float:left; text-transform: uppercase;} .rssDate{font-family: 'Open Sans', sans-serif;font-size:0.9em;color:#323f47;font-style:italic;float:left; margin-right: 10px !important;} .rssHeader a, .rssHeader a:hover {text-decoration: none;font-size:1.1em;color:#fff;font-family: 'Open Sans', sans-serif;background-color: #6f1c7b !important;padding: 5px 15px;} /********** Les agences **********/ .agences-accueil .color-accent { color: #92ac01 !important;} #map .dlh_googlemap {height: 500px; width: 100%; margin-top: 20px;} #map .routinglink input.submit {width: auto !important;min-width: auto !important;padding: 5px;margin-left: 5px;background: #92AC01;} #map input.text {padding: 5px;width: 70%;} #map-bureaux .dlh_googlemap {height: 510px; width: 100%;} .batons figure {position: absolute;width: 75px;right: -30px;margin-top: -59px;} /***********************************/ /* PAGES INTER */ /***********************************/ .bandeau-inter h2 {color: #fff !important; font-size: 2.5em !important;margin-bottom: 0;} /* File d'ariane */ .mod_breadcrumb {border-top: none;border-bottom: none;} .mod_breadcrumb_inside {padding-left: 0 !important;padding-right: 0 !important;} .mod_breadcrumb li, .mod_breadcrumb a {color: #fff !important;} .mod_breadcrumb a:hover {text-decoration: underline;} /* Page Bureaux */ .ce_teambox.frame .teambox_inside {margin-bottom: 20px; min-height: 430px} .ce_teambox h5 {font-size: 1.05em;} .ce_teambox p {font-size: 0.95em;} .ce_teambox img { -webkit-transition: 0.2s linear 0s; -moz-transition: 0.2s linear 0s; -o-transition: 0.2s linear 0s; -ms-transition: 0.2s linear 0s; transition: 0.2s linear 0s; } .ce_teambox:hover img { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); } .ce_teambox .socials {display: none;} /* Page services */ .ce_iconbox_v2.style2:hover {background-color: rgb(225,225,225);} .ce_iconbox_v2.style2 {border-top: 1px solid rgb(225,225,225);} .ce_iconbox_v2.no-border.style2 {border-top: none;} .ce_iconbox_v2.style2 h3 {color: #323f47 !important;font-size: 1.75em !important;} .ce_iconbox_v2.style2:hover i, .ce_iconbox_v2.style2:hover .headline, .ce_iconbox_v2.style2:hover .content, .ce_iconbox_v2.style2:hover a { color: #323f47 !important; } .ce_iconbox_v2.style2:hover .headline:after {background: #323f47 !important;} .ce_iconbox_v2.style2 a.link {padding: 12px 20px;border: 2px solid rgb(152,152,152); margin-top: 20px;} .ce_iconbox_v2.style2:hover a.link {border: 2px solid #323f47 !important;} .ce_iconbox_v2.style2:hover a.link {color: #f29400} .ce_iconbox_v2.style2 a.link:hover {background-color: #323f47 !important;border: 2px solid #323f47 !important;color: #fff !important} .ce_iconbox_v2.style2 .link:after {display: none;} .ce_iconbox_v2.style2 p {text-align: left;} .ce_iconbox_v2.style2 .ce_iconbox_outside {padding: 10% 6% 15% 6%;} .ce_iconbox_v2.style2 .content {padding-bottom: 15px;} .ce_iconbox_v2.style3 .ce_iconbox_outside {padding: 15%;background: #323f47 !important;border-radius:0px !important;border: 1px solid rgb(220,220,220);border-left: none !important;border-top: none !important; min-height: 337.42px} .ce_iconbox_v2.no-min-height.style3 .ce_iconbox_outside {min-height: inherit;padding: 8% 15%;} .ce_iconbox_v2.style3 h3, .ce_iconbox_v2.style3 .headline, .ce_iconbox_v2.style3 p, .ce_iconbox_v2.style3 a, .ce_iconbox_v2.style3 li { color: #fff !important; } .ce_iconbox_v2.style3 a.link {padding: 12px 20px;border: 2px solid #fff !important; margin-top: 20px;} .ce_iconbox_v2.style3 a.link:hover {background-color: #f29400 !important;border: 2px solid #f29400 !important;color: #fff !important} .ce_iconbox_v2.style3 a.link:after {margin-left: 10px;} .ce_iconbox_v2.style3 a:hover.link:after {margin-left: 15px;} .ce_iconbox_v2.style3 p {padding-bottom: 20px;text-align: left;} .ce_iconbox_v2.style3 li {color: #fff !important;list-style-position: outside;list-style-type: disc;} /***********************************/ /* PAGES SOFAL ET SC EXPERTISE */ /***********************************/ .sofal .color-accent {color: #00B9E9 !important;} .sofal.ce_hyperlink a {border-color: #00B9E9 !important;color: #00B9E9 !important;} .sofal.ce_hyperlink a:hover { background-color: #00B9E9 !important;color: #fff !important;} .cs-expertise .color-accent {color: #6F1F7A !important;} .cs-expertise.ce_hyperlink a {border-color: #6F1F7A !important;color: #6F1F7A !important;} .cs-expertise.ce_hyperlink a:hover { background-color: #6F1F7A !important;color: #fff !important;} /***********************************/ /* SITE BUTEL */ /***********************************/ .butel #title h2 a img {margin-top: 20px;width: 350px;} .butel .mainmenu {margin-top: 40px;} .butel .stickyheader .header.cloned .mainmenu {margin-top: 20px;} /***********************************/ /* PAGES CONTACT */ /***********************************/ .champ-conditionnel {display: none;} #formulaire label, input, textarea, select {font-family: 'Open Sans', sans-serif; font-size:1em;} input:focus, textarea:focus {border: 1px solid #F39F19;} #formulaire input.submit {background-color: transparent !important;border-color: #f29400 !important;border-width: 2px;font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 0.95em; font-weight: 700; color: #f29400;padding-left: 20px !important;padding-right: 20px !important; border-radius: 0 !important; width: auto; -webkit-transition: 0.2s linear 0s; -moz-transition: 0.2s linear 0s; -o-transition: 0.2s linear 0s; -ms-transition: 0.2s linear 0s; transition: 0.2s linear 0s;} #formulaire input.submit:hover {background-color: #f29400 !important; color: #fff;} /**************************************/ /* media queries /**************************************/ @media screen and (max-width: 1440px) { #cookiebar {padding: 10px 20px; bottom: 10px !important;right: 60px !important;width: auto;} .bandeau-actu {height: auto;} .actualites .batons figure {margin-top: -80px;} } @media screen and (max-width: 1220px) { .mainmenu {margin-top: 10px;} } @media screen and (max-width: 1024px) { #top .inside, .header .inside, #footer .inside, #bottom .inside, body.sidebar #container, #main .mod_article:not(.fullwidth):not(.autogrid):not(.smallwidth), .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_wrapper.article, .ce_bgimage-inside, .ce_text_image_bar .inside, .ce_headerimage .ce_headerimage_inside, .ce_video_background .ce_video_background_inside, #offcanvas-top .offcanvas-top-inside, .ce_calltoaction .ce_calltoaction_inside, .mod_breadcrumb .mod_breadcrumb_inside {padding-left: 20px;padding-right: 20px;} #top .inside, .header .inside, #footer .inside, #bottom .inside, body.sidebar #container, #main .mod_article:not(.autogrid), .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_wrapper.article, .ce_text_image_bar .inside, .ce_headerimage .ce_headerimage_inside, .ce_video_background .ce_video_background_inside, #offcanvas-top .offcanvas-top-inside, .ce_calltoaction .ce_calltoaction_inside, .mod_breadcrumb .mod_breadcrumb_inside {max-width: 100%;margin-left: auto;margin-right: auto;} .mainmenu li a {padding: 0px 10px !important;} } @media screen and (max-width: 960px) { .smartmenu {display: block;} } @media screen and (max-width: 800px) { .autogrid {width: 100%!important;} .autogrid.same-height, .autogrid_wrapper.same-height, .autogrid_wrapper .inner.same-height {display: block;} #slider .custommenu {position: relative;} #slider .custommenu li {border: none;} #slider .custommenu li {width: 100%; float: none; border-left: none!important;border-bottom: 1px solid #252f35 !important;} #slider .custommenu li.last {border-right: none !important;} .ce_bgimage_content_left { display: none !important;} div#logo-pied-de-page {text-align: center;} #footer .logo-footer img {margin: auto; float: none} #footer .batons figure {right: 10px;} .suiveur {position: absolute;top: 180px;} } @media only screen and (max-width: 767px){ /* smartmenu burgger réactiv */ #top {display: block;} .header.original { visibility: visible;} .smartmenu {display: block;} #fix-wrapper, #top-wrapper {background-color: #F5F5F5;} /*Fin réactiv smartmenu */ .mod_top_phone, .mod_top_mail {display: none;} body.fixed-header .header.cloned {height: 106px;} .suiveur {position: absolute;top: 170px;} } @media only screen and (max-width: 767px){ #cookiebar {right: 0px !important;} } @media only screen and (max-width: 414px){ /*.suiveur, .suiveur-cwe-cegid {display: none;}*/ .suiveur-cwe-cegid {top: inherit;bottom: 10px;} .ce_revolutionslider {display: none;} #slider .custommenu {padding-top: 80px;} #footer .batons figure {display: none;} #cookiebar button {margin-top: 15px;} } @media only screen and (max-width: 375px){ #title h2 a img {width: 250px;} } @media only screen and (max-width: 360px){ #title h2 a img {width: 230px;} } @media only screen and (max-width: 320px){ #title h2 a img {width: 200px;} }