.et_pb_with_border .et_pb_image_wrap{border:0 solid #333}.et_pb_image{margin-left:auto;margin-right:auto;line-height:0}.et_pb_image.aligncenter{text-align:center}.et_pb_image.et_pb_has_overlay a.et_pb_lightbox_image{display:block;position:relative}.et_pb_image{display:block}.et_pb_image .et_pb_image_wrap{display:inline-block;position:relative;max-width:100%}.et_pb_image .et_pb_image_wrap img[src*=".svg"]{width:auto}.et_pb_image img{position:relative}.et_pb_image_sticky{margin-bottom:0!important;display:inherit}.et_pb_image.et_pb_has_overlay .et_pb_image_wrap:hover .et_overlay{z-index:3;opacity:1}@media (min-width:981px){.et_pb_section_sticky,.et_pb_section_sticky.et_pb_bottom_divider .et_pb_row:nth-last-child(2),.et_pb_section_sticky .et_pb_column_single,.et_pb_section_sticky .et_pb_row.et-last-child,.et_pb_section_sticky .et_pb_row:last-child,.et_pb_section_sticky .et_pb_specialty_column .et_pb_row_inner.et-last-child,.et_pb_section_sticky .et_pb_specialty_column .et_pb_row_inner:last-child{padding-bottom:0!important}}@media (max-width:980px){.et_pb_image_sticky_tablet{margin-bottom:0!important;display:inherit}.et_pb_section_sticky_mobile,.et_pb_section_sticky_mobile.et_pb_bottom_divider .et_pb_row:nth-last-child(2),.et_pb_section_sticky_mobile .et_pb_column_single,.et_pb_section_sticky_mobile .et_pb_row.et-last-child,.et_pb_section_sticky_mobile .et_pb_row:last-child,.et_pb_section_sticky_mobile .et_pb_specialty_column .et_pb_row_inner.et-last-child,.et_pb_section_sticky_mobile .et_pb_specialty_column .et_pb_row_inner:last-child{padding-bottom:0!important}.et_pb_section_sticky .et_pb_row.et-last-child .et_pb_column.et_pb_row_sticky.et-last-child,.et_pb_section_sticky .et_pb_row:last-child .et_pb_column.et_pb_row_sticky:last-child{margin-bottom:0}.et_pb_image_bottom_space_tablet{margin-bottom:30px!important;display:block}.et_always_center_on_mobile{text-align:center!important;margin-left:auto!important;margin-right:auto!important}}@media (max-width:767px){.et_pb_image_sticky_phone{margin-bottom:0!important;display:inherit}.et_pb_image_bottom_space_phone{margin-bottom:30px!important;display:block}}
.et_overlay{z-index:-1;position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:hsla(0,0%,100%,.9);opacity:0;pointer-events:none;-webkit-transition:all .3s;transition:all .3s;border:1px solid #e5e5e5;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.et_overlay:before{color:#2ea3f2;content:"\E050";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:32px;-webkit-transition:all .4s;transition:all .4s}.et_portfolio_image,.et_shop_image{position:relative;display:block}.et_pb_has_overlay:not(.et_pb_image):hover .et_overlay,.et_portfolio_image:hover .et_overlay,.et_shop_image:hover .et_overlay{z-index:3;opacity:1}#ie7 .et_overlay,#ie8 .et_overlay{display:none}.et_pb_module.et_pb_has_overlay{position:relative}.et_pb_module.et_pb_has_overlay .et_overlay,article.et_pb_has_overlay{border:none}div.sib-sms-field {
display: inline-block;
position: relative;
width: 100%;
}
.sib-sms-field .sib-country-block {
position: absolute;
right: auto;
left: 0;
top: 0;
bottom: 0;
padding: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sib-country-block .sib-toggle.sib-country-flg {
z-index: 1;
position: relative;
width: 46px;
height: 100%;
padding: 0 0 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #dbdbdb;
cursor: pointer;
}
.sib-country-block .sib-toggle .sib-cflags {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
height: 15px;
width: 20px;
background-repeat: no-repeat;
background-color: #dbdbdb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-image: url(//www.croix-sas.eu/wp-content/plugins/mailin/img/flags/fr.png);
}
.sib-country-block .sib-toggle .sib-icon-arrow {
position: absolute;
top: 50%;
margin-top: -2px;
right: 6px;
width:  0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid;
}
.sib-sms-field ul.sib-country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0px;
margin: 0px 0px 0px -1px;
box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 4px;
background-color: white;
border: 1px solid rgb(204, 204, 204);
white-space: nowrap;
max-height: 150px;
overflow-y: scroll;
overflow-x: hidden;
top: 50px;
width: 250px;
}
.sib-sms-field ul.sib-country-list li.sib-country-prefix {
font-size: 14px;
padding:1px 10px;
cursor: pointer;
}
.sib-sms-field ul.sib-country-list li.sib-country-prefix:hover {
background-color: #dbdbdb;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box {
width: 20px;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box .sib-flag {
height: 18px;
width: 20px;
background-image: url(//www.croix-sas.eu/wp-content/plugins/mailin/img/flags/ad.png);
vertical-align: middle;
display: inline-block;
background-repeat:no-repeat;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box .sib-dial-code {
margin-left: 20px;
}
.sib-sms-field .sib-sms {
padding-right: 6px;
padding-left: 52px;
margin-left: 0;
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-right: 0;
}
.sib-multi-lists.sib_error {
color: #A94442;
}@media (max-width: 481px) {
body.page-id-78 .et_contact_bottom_container {
margin-top: 25px;
}
body.page-id-78 .iconesRSpageContact {
text-align: center;
}
header .logo_container:before,
header .logo_container:after {
height: 80px; }
header > div.container.et_menu_container {
width: 95% !important;
}
.logo_container:after {
display: none;
}
.logo_container:before {
background: url(//www.croix-sas.eu/wp-content/themes/Divi-child/images/background-logo.png) no-repeat center right !important;
width: 300px !important;
left: -100px !important;
}
.logo_container a #logo {
max-width: 120px !important;
}
div.logo_container a #logo {
margin-top: 0px;
}
div.bloc2imagesHome > div > div > div > p:first-child {
height: 76px;
}
div.bloc2imagesHome > div > div > div > p:last-child {
width: 90%;
margin-top: 20px;
font-size: 15px;
line-height: 22px;
}
.logo_container a #logo {
max-width: 175px;
}
.et-fixed-header .logo_container:after, .et-fixed-header .logo_container:before {
height: 108px !important;
}
#logo, #main-header, .container, .logo_container {
transition: .4s ease-in-out;
-webkit-transition: .4s ease-in-out;
}
#et_top_search {
position: absolute;
top: -15px;
right: 50px;
}
#linkedinHeader {
top: 0px !important;
left: -85px !important;
}
#youtubeHeader {
top: 0px !important;
left: -130px; 
}
.et_mobile_menu {
border-top: 3px solid #e30002
}
#blocTitrePrincipalHome {
width: 90%;
padding-top: 0px;
}
.mobile_menu_bar:before {
color: #e30002 !important;
} h1 {
font-size: 45px !important;
}
#blocTitrePrincipalHome p {
font-size: 25px;
}
#fondVideoHome {
height: 500px;
}
#colonneGaucheBlocVideoHome {
height: 185px !important;
}
.bloc2imagesHome > div > div > div > p:first-child {
font-size: 22px !important;
}
h2 {
font-size: 26px !important;
}
#titreSecteursActivite h2::before, 
#titreLabelsEtCertifications h2::before, 
#titreLaSocieteCroix h2::before {
height: 70px !important;
width: 60px !important;
}
#titreQuelquesChiffres h2::before {
height: 90px !important;
width: 60px !important;
left: 30px !important;
top: -30px !important;
}
.containerTitreH2QuelquesChiffres,
.containerTitreH2LabelsEtCertif {
padding: 0px;
}
.bloc2imagesHome,
.bloc2imagesHome > div > div,
.bloc2imagesHome > div > div:after {
width: 100% !important;
}
#containerSecteursActivite > div:nth-child(2) {
padding-bottom: 0 !important;
}
.bloc2imagesHome > div > div > div > p:last-child {
opacity: 1 !important;
}
#fondGrisVideoYoutube, #fondGrisVideoYoutube > div {
padding-top: 0px !important;
}
#fondGrisVideoYoutube > div {
width: 90%;
}
#colonneDroiteBlocVideoHome > div:last-child {
margin: 0 auto;
} .et_pb_row {
width: 90% !important;
}
#containerLogosHome > div > div.et_pb_image {
width: 45%;
justify-content: center;
}
#titreLabelsEtCertifications h2::before {
width: 50% !important;
} footer #footer-widgets > div.footer-widget:nth-child(1) {
width: 100% !important;
}
#main-footer {
display: flex;
flex-direction: column;
height: auto !important;
}
#footer-bottom {
position: relative !important;
}
footer #footer-widgets > div.footer-widget:nth-child(1) > div,
footer #footer-widgets > div.footer-widget:nth-child(1) > div iframe,
#footer-bottom {
width: 100% !important;
}
#footer-bottom > div.container {
padding: 0px 10px !important;
}
div#footer-widgets:after {
width: 100% !important;
bottom: 15px !important;
}
footer #footer-widgets > div.footer-widget:nth-child(2) {
text-align: center;
margin: 0 auto !important;
width: 100% !important;
padding-top: 0px !important;
}
footer #footer-widgets > div.footer-widget:nth-child(2) > div {
width: 100%;
}
#containerBoutonsFooter {
margin: 20px auto !important;
width: 80% !important;
}
#containerBoutonsFooter > a.boutonTravers {
font-size: 15px !important;
}
#containerIconesRSFooter {
margin: 35px auto;
}
#footer-bottom {
margin-bottom: 40px;
}
footer #footer-widgets > div.footer-widget:nth-child(1) > div > div, 
footer #footer-widgets > div.footer-widget:nth-child(1) > div > div > iframe {
height: 300px !important;
} body.home h2::before {
display: none !important;
}
#wpfront-scroll-top-container {
right: 10px !important;
bottom: 10px !important;
}
#bloc4iconesBottom {
margin-top: 0 !important;
padding-top: 0 !important;
}
#containerSecteursActivite + div > div:first-child {
padding: 0 !important;
} #main-header .et_search_outer .et-search-form input {
right: 30px;
}
#et_top_search {
margin: 0 !important;
top: 23px;
}
} 
@media (min-width: 481px) and (max-width: 981px) {
header .logo_container:before,
header .logo_container:after {
height: 150px;
}
.logo_container a #logo {
max-width: 175px;
}
.et-fixed-header .logo_container:after, .et-fixed-header .logo_container:before {
height: 108px !important;
}
#logo, #main-header, .container, .logo_container {
transition: .4s ease-in-out;
-webkit-transition: .4s ease-in-out;
}
#et_top_search {
position: absolute;
top: -15px;
right: 50px;
}
#linkedinHeader {
top: 0px !important;
left: -85px !important;
}
#youtubeHeader {
top: 0px !important;
left: -130px; 
}
.et_mobile_menu {
border-top: 3px solid #e30002
}
#blocTitrePrincipalHome {
width: 90%;
}
.mobile_menu_bar:before {
color: #e30002 !important;
} .bloc2imagesHome {
width: 100% !important;
}
#containerSecteursActivite > div:nth-child(2) {
padding-bottom: 0 !important;
}
.bloc2imagesHome > div > div > div > p:last-child {
opacity: 1 !important;
}
#bloc3chiffresHome > div:nth-child(1),
#bloc3chiffresHome > div:nth-child(2) {
width: 50% !important;
}
#fondGrisVideoYoutube, #fondGrisVideoYoutube > div {
padding-top: 0px !important;
}
#fondGrisVideoYoutube > div {
width: 90%;
}
#colonneDroiteBlocVideoHome > div:last-child {
margin: 0 auto;
} .et_pb_row {
width: 90% !important;
}
#containerLogosHome > div > div.et_pb_image {
width: 25%;
justify-content: center;
} footer #footer-widgets > div.footer-widget:nth-child(1) {
width: 100% !important;
}
#main-footer {
display: flex;
flex-direction: column;
height: auto !important;
}
#footer-bottom {
position: relative !important;
}
footer #footer-widgets > div.footer-widget:nth-child(1) > div,
footer #footer-widgets > div.footer-widget:nth-child(1) > div iframe,
#footer-bottom {
width: 100% !important;
}
#footer-bottom > div.container {
padding: 0px 10px !important;
}
div#footer-widgets:after {
width: 100% !important;
bottom: 15px !important;
}
footer #footer-widgets > div.footer-widget:nth-child(2) {
text-align: center;
margin: 0 auto !important;
width: 100% !important;
padding-top: 0px !important;
}
footer #footer-widgets > div.footer-widget:nth-child(2) > div {
width: 100%;
}
#containerBoutonsFooter {
margin: 20px auto !important;
}
#containerIconesRSFooter {
margin: 35px auto;
} #et-main-area > #fondGrisVideoYoutube {
padding-top: 15px !important;
}
#colonneGaucheBlocVideoHome {
float: none !important;
margin: 50px auto;
}
} 
@media (min-width: 980px) and (max-width: 1430px) {
#top-menu > li:nth-child(6):after {
display: none !important;
}
.et_header_style_left header  #et-top-navigation nav>ul>li>a, 
.et_header_style_split header #et-top-navigation nav>ul>li>a {
padding-bottom: 30px;
}
header .nav li ul {
margin-top: -10px;
} .et-fixed-header #top-menu-nav {
position: relative;
transition: 0.4s ease-in-out;
}
header.et-fixed-header ul#top-menu > li.lang-item {
top: -40px;
transition: 0.4s ease-in-out;
}
.et-fixed-header #et_top_search {
transition: 0.4s ease-in-out;
}
footer #footer-bottom #footer-info {
font-size: 10px;
} #top-menu {
top: -22px;
position: relative;
}
div#et_top_search {
margin-top: -8px;
margin-right: -35px;
}
#main-header.et-fixed-header ul#top-menu {
top: 0;
}
header.et-fixed-header ul#top-menu > li.lang-item {
top: 0;
}
header.et-fixed-header #et_top_search {
margin-top: 12px;
} a#linkedinHeader {
display: none;
}
body #top-menu > li:last-child > a:first-child {
right: -30px;
top: 5px;
}
body #top-menu > li:nth-last-child(2) {
margin-right: 0;
}
body #top-menu > li > a {
font-size: 18px;
}
}
@media (min-width: 980px) and (max-width: 1150px) {
#top-menu li {
padding-right: 15px;
}
header > div.container.et_menu_container {
width: 95%;
}
header #top-menu > li > a {
font-size: 17px;
}
} #pageProduit_categorie, #containerTitreSearchResults {
height: 250px;
display: flex;
align-items: center;
justify-content: center;
background: #004599;
}
#pageProduit_categorie ul li {
display: flex;
align-items: center;
justify-content: center;
}
#pageProduit_categorie ul li a, body.search #containerTitreSearchResults h1 {
pointer-events: none;
color: #FFFFFF;
font-size: 60px;
font-weight: bold;
font-family: 'Barlow Condensed', sans-serif !important;
text-transform: uppercase;
}
body.post-template-template-produit .logo_container:after,
body.post-template-template-produit .logo_container:before {
height: 190px;
}
#pageProduit_titre {
height: 300px;
display: flex;
align-items: center;
justify-content: center;
}
#pageProduit_titre h1 {
color: #004599;
font-size: 50px;
text-transform: uppercase;
position: relative;
}
#pageProduit_titre h1:before {
content: '';
background: url(//www.croix-sas.eu/wp-content/themes/Divi-child/images/rectangle-rouge2.png) no-repeat center center;
height: 90px;
width: 80px;
position: absolute;
left: -85px;
top: -20px;
background-size: contain;
}
#pageProduit_contenu {
max-width: 1180px;
margin: 0 auto;
padding: 0px 15px;
display: flex;
justify-content: space-between;
padding-bottom: 125px;
}
.colonne_contenu {
width: 47%;
}
#pageProduit_fondGris {
background-color: #f7f7f7;
padding: 75px 0px;
}
#containerDetailBottom {
display: flex;
justify-content: space-between;
max-width: 1180px;
margin: 0 auto;
position: relative;
padding: 0px 15px;
}
#containerDetailBottom > div.detailBottom {
width: 30%;
position: relative;
}
#containerDetailBottom > div.detailBottom > span, .colonne_contenu > h3 {
margin-bottom: 15px;
display: block;
font-size: 22px;
line-height: 30px;
font-weight: bold;
color: #353740;
}
.colonne_contenu > h3 {
line-height: normal;
margin-bottom: initial;
}
#containerDetailBottom > div.detailBottom ul li {
line-height: 38px;
margin-left: 10px;
position: relative;
}
#containerDetailBottom > div.detailBottom ul li:before {
content: '';
width: 3px;
height: 3px;
background: #e30002;
position: absolute;
border-radius: 50%;
left: -10px;
top: 18px;
}
#containerDetailBottom > div:nth-child(2):before,
#containerDetailBottom > div:nth-child(3):before {
content: '';
background: #004599;
height: 100%;
width: 1px;
left: -25px;
position: absolute;
}
body.post-template-template-produit .et-fixed-header .logo_container:after,
body.post-template-template-produit .et-fixed-header .logo_container:before {
height: 99px;
} @media (min-width: 481px) and (max-width: 980px) {
body.post-template-template-produit .logo_container:after, 
body.post-template-template-produit .logo_container:before {
height: 140px;
}
#pageProduit_categorie ul li a {
line-height: 65px;
text-align: center;
}
#pageProduit_contenu {
flex-wrap: wrap;
}
.colonne_contenu {
width: 95%;
margin: 0 auto;
}
.colonne_contenu > img {
margin: 0px auto 50px auto;
display: block;
}
#pageProduit_titre {
height: 250px;
}
#containerDetailBottom {
padding: 0px 30px;
}
} @media (max-width: 480px) {
#pageProduit_categorie ul li {
text-align: center;
}
body.post-template-template-produit .logo_container:after, 
body.post-template-template-produit .logo_container:before { height: 80px;
}
#pageProduit_categorie ul li a {
line-height: 45px;
text-align: center; font-size: 40px;
}
#pageProduit_titre h1:before {
display: none;
}
#pageProduit_titre h1 {
text-align: center;
padding-bottom: 0px;
}
#pageProduit_contenu {
flex-wrap: wrap;
}
.colonne_contenu {
width: 95%;
margin: 0 auto;
}
.colonne_contenu > img {
margin: 0px auto 50px auto;
display: block;
}
#pageProduit_titre {
height: 200px;
}
#containerDetailBottom {
padding: 0px 30px;
}
#pageProduit_titre {
width: 90%;
margin: 0 auto;
}
#containerDetailBottom {
flex-wrap: wrap;
}
#containerDetailBottom > div.detailBottom {
width: 100%;
text-align: center;
margin-bottom: 25px;
}
#containerDetailBottom > div.detailBottom ul li {
margin-left: 0px;
}
#containerDetailBottom > div:nth-child(2):before, 
#containerDetailBottom > div:nth-child(3):before {
display: none;
}
} @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap");
body.category #containerTitreCategoryResults {
height: 250px;
display: flex;
align-items: center;
justify-content: center;
background: #004599;
}
#containerTitreCategoryResults h1 {
pointer-events: none;
color: #FFFFFF;
font-size: 60px;
font-weight: bold;
font-family: 'Barlow Condensed', sans-serif !important;
text-transform: uppercase;
text-align: center;
max-width: 1100px;
}
div.pageCategorie {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 1180px;
margin: 0 auto;
padding: 75px 0px;
}
div.resumeProduit {
height: auto;
border: 1px solid #d8d8d8;
width: 375px;
margin-bottom: 30px;
}
div.resumeProduit > h2,
div.resumeProduit > span {
height: 75px;
font-family: 'Montserrat' !important;
display: flex;
align-items: center;
padding: 0px 15px;
font-weight: bold;
font-size: 24px;
color: #004599;
line-height: 130%;
}
div.resumeProduit > div.extraitProduit {
height: auto;
align-items: center;
display: flex;
padding: 0px 15px;
}
.pageCategorieImageProduit {
height: 190px;
}
div.pageCategorieImageProduit > img {
height: 190px;
width: 100%;
object-fit: cover;
}
.pageCategorieVoirPlus {
padding: 15px;
}
.pageCategorieVoirPlus a {
padding: 5px 10px;
border: 2px solid #e30002;
display: table;
transform: skewX(-10deg);
transition: 0.3s;
margin: 0 auto;
}
.pageCategorieVoirPlus a span {
transform: skewX(10deg);
display: block;
font-weight: bold;
color: #e30002;
transition: 0.3s;
text-align: center;
}
.pageCategorieVoirPlus a:hover {
background: #e30002;
}
.pageCategorieVoirPlus a:hover span {
color: #FFFFFF;
}
div.imgParDefautPageCateProduit {
display: flex;
align-items: center;
justify-content: center;
}
div.imgParDefautPageCateProduit > img {
height: 150px;
width: 75%;
object-fit: contain;
} @media (min-width: 481px) and (max-width: 980px) {
div.pageCategorie {
width: 95%;
}
div.resumeProduit {
width: 48%;
}
} @media (max-width: 480px) {
#containerTitreCategoryResults h1 {
padding: 0px 15px;
text-align: center;
}
div.pageCategorie {
width: 90%;
padding: 25px 0px;
}
div.resumeProduit {
width: 100%;
}
div.resumeProduit > h2,
div.resumeProduit > span {
height: auto;
padding: 20px 20px 5px 20px;
font-size: 20px !important;
}
} body.category-23.category #containerTitreCategoryResults {
height: 350px;
} body.blog #left-area article p.post-meta,
body.blog #left-area div.pagination {
display: none !important;
}
body.blog #left-area article {
height: auto;
border: 1px solid #d8d8d8;
width: 375px;
margin-bottom: 30px !important;
padding: 15px;
}
body.blog #left-area article > a {
margin: -15px -15px 15px -15px;
}
body.blog #et-main-area div.container {
width: 1180px !important;
}
#containerTitreBlogResults {
height: 250px;
display: flex;
align-items: center;
justify-content: center;
background: #004599;
animation: fadeInDown 0.5s;
}
body.blog #containerTitreBlogResults h1 {
pointer-events: none;
color: #FFFFFF;
font-size: 60px;
font-weight: bold;
font-family: 'Barlow Condensed', sans-serif !important;
text-transform: uppercase;
}
body.blog #main-content {
animation: fadeIn 1s;
} @media (min-width: 481px) and (max-width: 980px) {
body.blog #et-main-area div.container {
width: 95% !important;
}
body.blog #left-area article {
width: 48%;
}
} @media (max-width: 480px) {
body.blog #et-main-area div.container {
width: 90% !important;
}
body.blog #left-area article {
width: 100%;
}
body.blog #left-area article h2 {
margin-bottom: 15px;
text-align: center;
}
body.blog #main-content > div.container {
padding-top: 30px !important;
}
} @-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
} article.category-actualites div.et_post_meta_wrapper p.post-meta, 
article.category-the-last-news div.et_post_meta_wrapper p.post-meta, 
#comment-wrap {
display: none !important;
}
article.category-actualites div.et_post_meta_wrapper,
article.category-the-last-news div.et_post_meta_wrapper {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 25px;
}
article.category-actualites div.et_post_meta_wrapper > img,
article.category-the-last-news div.et_post_meta_wrapper > img {
max-height: 300px;
max-width: 500px;
object-fit: cover;
}
article.category-actualites,
article.category-the-last-news {
margin-bottom: 0px !important;
padding-bottom: 0px !important;
} @media (min-width: 481px) and (max-width: 980px) {
article.category-actualites,
article.category-the-last-news {
width: 100%;
}
article.category-actualites div.et_post_meta_wrapper > img,
article.category-the-last-news div.et_post_meta_wrapper > img {
max-height: 200px;
max-width: 50%;
}
} @media (max-width: 480px) {
article.category-actualites div.et_post_meta_wrapper > img,
article.category-the-last-news div.et_post_meta_wrapper > img {
max-width: 100%;
}
article.category-actualites div.et_post_meta_wrapper,
article.category-the-last-news div.et_post_meta_wrapper {
flex-direction: column;
}
article.category-actualites h1,
article.category-the-last-news h1 {
margin-bottom: 35px !important;
}
}
body.blog #et-main-area #main-footer > div.container,
body.blog #et-main-area #main-footer #footer-bottom > div.container {
width: auto !important;
} @font-face {
font-family: 'Barlow Condensed';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTxwL3I-JCGChYJ8VI-L6OO_au7B46r2z3bWuQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
a, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a {
color: #004599;
}
h1, h2 {
font-family: 'Barlow Condensed', sans-serif !important;
}
body {
font-size: 15px;
}
.logo_container:after {
content: '';
width: 10000px;
height: 230px;
position: absolute;
background: white;
left: -9995px;
transition: .4s ease-in-out;
top: 0;
}
.logo_container:before {
height: 230px;
width: 454px;
background: url(//www.croix-sas.eu/wp-content/themes/Divi-child/images/background-logov2.png) no-repeat center center;
content: '';
position: absolute;
transition: .4s ease-in-out;
left: -100px;
}
.logo_container a #logo {
margin-top: 40px;
max-height: 100px;
}
#main-header.et-fixed-header {
box-shadow: 0 0 30px rgba(7,51,84,0.17) !important;
}
#main-header {
background-color: #f7f7f7;    
}
.et-fixed-header .logo_container:after,
.et-fixed-header .logo_container:before {
height: 99px;
}
.et-fixed-header .logo_container:before {
left: -200px;
}
.et-fixed-header .logo_container a #logo {
max-height: 50px;
margin-top: 0px;
}
#top-menu > li > a {
font-size: 20px;
color: #353740;
font-weight: bold;
font-family: 'Barlow Condensed', sans-serif !important;
text-transform: uppercase;
}
#et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after {
content: '';
background: url(//www.croix-sas.eu/wp-content/themes/Divi-child/images/trianglerouge.png) no-repeat center center;
height: 7px;
background-size: contain;
width: 14px;
position: absolute;
top: 6px;
right: 0px;
}
header > div.container.et_menu_container {
max-width: 1400px;
width: 90%;
transition: 0.4s ease-in-out;
}
.et_header_style_left .et-fixed-header #et-top-navigation, 
.et_header_style_split .et-fixed-header #et-top-navigation {
padding-top: 30px;
padding-bottom: 22px;
}
#top-menu > li:nth-last-child(2) {
border: 3px solid #004599;
transform: skewX(-10deg);
height: 40px;
padding-right: 0px;
margin-right: 75px;
transition: 0.4s ease-in-out;
}
#top-menu > li:nth-last-child(2):hover {
background: #004599;
}
#top-menu > li:nth-last-child(2):hover a {
color: #FFFFFF;
}
#top-menu > li:nth-last-child(2) > a {
transform: skewX(10deg);
padding-left: 15px;
padding-right: 20px;
padding-top: 10px;
text-transform: uppercase;
color: #004599;
padding-bottom: 0 !important;
}
#top-menu > li:nth-last-child(2) > a:hover {
opacity: initial !important;
transition: unset !important;
}
.et_header_style_left .logo_container {
width: auto;
}
#top-menu > li:nth-last-child(2):after {
content: '';
height: 160px;
width: 2px;
background: #004599;
position: absolute;
top: -70px;
right: -30px;
transition: .4s ease-in-out;
opacity: 1;
}
.et-fixed-header #top-menu > li:nth-last-child(2):after {
top: -93px;
}
ul#top-menu > li.pll-parent-menu-item {
top: 25px;
}
ul#top-menu > li.pll-parent-menu-item > a {
padding-bottom: 10px !important;
}
ul#top-menu > li.lang-item {
top: 25px;
}
#et_top_search {
margin: 40px 0 0 25px;
transition: 0.4s ease-in-out;
}
#linkedinHeader {
position: absolute !important;
padding: 0 !important;
width: 26px;
height: 26px;
background: url(//www.croix-sas.eu/wp-content/themes/Divi-child/images/linkedinHeader.png);
background-repeat: no-repeat;
top: -44px;
left: 33px;
background-size: contain;
}
#youtubeHeader {
position: absolute !important;
padding: 0 !important;
width: 26px;
height: 26px;
background: url(//www.croix-sas.eu/wp-content/themes/Divi-child/images/youtubeHeader.png);
background-repeat: no-repeat;
top: -45px;
right: -5px;
background-size: contain;
}
#main-header {
box-shadow: 0 0 30px rgba(7,51,84,0.17)!important;
}
.et_search_outer .et-search-form input {
right: -30px;
}
.et_pb_menu_hidden #top-menu > li:nth-last-child(2):after {
opacity: 0;
}
.nav li ul {
border-top: 3px solid #e30002;
margin-top: -35px;
}
#top-menu li li a {
padding: 0;
}
.et_mobile_menu li a:hover, 
.nav ul li a:hover {
opacity: 1;
background-color: #FFFFFF;
}
#top-menu > li > ul.sub-menu > li > a {
padding: 5px 0px;
transition: 0.15s;
}
#top-menu > li > ul.sub-menu > li > a:hover {
color: #004599;
}   .bloc2imagesHome > div > div > div > p:first-child {
padding: 0;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
font-size: 25px;
color: #FFFFFF;
position: relative;
line-height: 30px;
}
.bloc2imagesHome > div > div > div > p:first-child:after {
content: '';
width: 80%;
position: absolute;
height: 1px;
background: white;
bottom: 0;
}
.bloc2imagesHome > div > div > div > p:last-child {
width: 80%;
margin: 0 auto;
margin-top: 40px;
color: white;
opacity: 0;
transition: 0.4s ease-in-out;
}
.bloc2imagesHome > div > div > div {
z-index: 1;
}
.bloc2imagesHome > div > div:after {
content: '';
width: 550px;
height: 100%;
background: rgba(0, 0, 0, 0);
transition: 0.4s ease-in-out;
position: absolute;
top: 0;
}
.bloc2imagesHome > div > div:hover:after {
background: rgba(0, 69, 153, 0.7);
}
.bloc2imagesHome > div > div:hover > div > p:last-child {
opacity: 1;
} #titreSecteursActivite h2,
#titreLabelsEtCertifications h2,
#titreLaSocieteCroix h2,
#titreProcess h2,
#titreQuelquesChiffres h2 {
font-size: 50px;
color: #004599;
display: table;
margin: 0 auto;
position: relative;
}
#titreSecteursActivite h2::before,
#titreLabelsEtCertifications h2::before,
#titreLaSocieteCroix h2::before,
#titreProcess h2::before,
#titreQuelquesChiffres h2::before {
content: '';
background: url(//www.croix-sas.eu/wp-content/themes/Divi-child/images/rectangle-rouge2.png) no-repeat center center;
height: 90px;
width: 80px;
position: absolute;
left: -85px;
top: -20px;
background-size: contain;
}
#titreLaSocieteCroix h2 {
margin-bottom: -10px;
}
#titreLaSocieteCroix h2::before {
top: -15px;
} #bloc4chiffresHome div.percent p,
#bloc3chiffresHome div.percent p {
font-family: 'Barlow Condensed', sans-serif !important;
}
#containerLogosHome > div {
display: flex;
flex-wrap: wrap;
}
#containerLogosHome > div > div.et_pb_image {
height: 100px;
display: flex;
align-items: center;
}
body #page-container #colonneDroiteBlocVideoHome #boutonPlus {
transform: skewX(10deg);
width: 100%;
height: 100%;
padding: 0px !important;
border: none;
display: flex;
align-items: center;
justify-content: center;
}
body #page-container #colonneDroiteBlocVideoHome #boutonPlus:hover {
background-color: transparent;
}
#colonneDroiteBlocVideoHome > div:last-child {
transform: skewX(-10deg);
width: 55px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border: 3px solid #e30002;
transition: 0.3s;
}
#colonneDroiteBlocVideoHome > div:last-child:hover {
background: #e30002;
}
#colonneDroiteBlocVideoHome > div:last-child:hover #boutonPlus {
color: #FFFFFF !important;
}
#colonneGaucheBlocVideoHome { margin-top: 95px;
height: 400px;
}
#colonneGaucheBlocVideoHome > div {
height: 100%;
}
#colonneGaucheBlocVideoHome > div > div:first-child,
#colonneGaucheBlocVideoHome > div > div:first-child > div {
height: 100%;
}
#colonneDroiteBlocVideoHome {
padding-top: 0px;
}
#colonneDroiteBlocVideoHome > div:nth-child(2) {
margin-bottom: 10px;
}   footer#main-footer > div.container {
max-width: 100%;
width: 100%;
}
footer #footer-widgets > div.footer-widget:nth-child(1) {
width: 600px;
margin-bottom: 0;
margin-right: 50px;
}
footer #footer-widgets > div.footer-widget:nth-child(1) > div > .title {
display: none;
}
footer #footer-widgets > div.footer-widget:nth-child(1) > div > div,
footer #footer-widgets > div.footer-widget:nth-child(1) > div > div > iframe {
height: 400px;
}
footer #footer-widgets {
padding: 0;
height: 400px;
}
footer#main-footer {
background-color: #353740;
height: 400px;
position: relative;
}
#footer-bottom {
height: 50px;
padding: 0;
position: absolute;
right: 0;
width: calc(100vw - 620px);
bottom: 0px;
background-color: initial;
}
#footer-bottom > div.container {
width: 100%;
padding-left: 30px;
max-width: initial;
}
#footer-bottom #footer-info {
padding: 0;
font-size: 12px;
font-weight: 500;
}
#footer-bottom #footer-info a {
font-weight: 500;
} footer #footer-widgets > div.footer-widget:nth-child(2) {
padding-top: 50px;
margin-bottom: 0px;
}
footer #footer-widgets > div.footer-widget:nth-child(2) span {
font-family: 'Barlow Condensed', sans-serif !important;
font-size: 30px;
color: #FFFFFF;
padding-bottom: 10px;
line-height: 1em;
font-weight: 500;
display: block;
}
footer #footer-widgets > div.footer-widget:nth-child(3),
footer #footer-widgets > div.footer-widget:nth-child(4) {
display: none;
}
#containerBoutonsFooter {
display: flex;
width: 300px;
justify-content: space-between;
margin: 20px 0px 20px 10px;
}
#containerBoutonsFooter > a.boutonTravers {
border: 3px solid white;
padding: 5px 20px;
transform: skewX(-10deg);
font-size: 20px;
font-family: 'Barlow Condensed';
transition: 0.3s;
}
#containerBoutonsFooter > a.boutonTravers:hover {
background: white;
color: #353740;
}
#containerBoutonsFooter > a.boutonTravers span {
display: block;
transform: skewX(10deg);
}
#containerIconesRSFooter {
display: flex;
width: 70px;
justify-content: space-between;
}
#containerIconesRSFooter a {
transition: 0.3s;
}
#containerIconesRSFooter a:hover {
transform: rotateY(30deg);
}
div#footer-widgets:after {
content: '';
width: calc(100% - 600px);
right: 0;
height: 1px;
position: absolute;
background: #F7F7F7;
bottom: 75px;
visibility: visible;
} body:not(.home) #main-content > div.container {
padding-top: 80px;
}
body:not(.home) #main-content {
margin-bottom: 60px;
}
body:not(.home):not(.postid-384):not(.postid-312):not(.postid-276):not(.postid-368) #main-content > div.container h1 {
color: #004599;
text-align: center;
font-size: 45px;
margin-bottom: 50px;
}
body.search #main-content {
min-height: calc(100vh - 400px - 158px - 250px);
margin-bottom: 0px;
}
body:not(.home).et_right_sidebar #main-content .container:before {
display: none !important;
}
body:not(.home) header.et-fixed-header .nav li ul {
margin-top: 0px;
} .page-id-78 #main-content,
.page-id-1651 #main-content {
margin-bottom: 0px !important;
}
.iconesRSpageContact li.et-social-youtube a {
background-color: transparent !important;
background-image: url(//www.croix-sas.eu/wp-content/themes/Divi-child/images/youtubeFooter.png);
top: 10px;
background-repeat: no-repeat;
}
.iconesRSpageContact li.et-social-youtube a:before {
display: none !important;
} @media (max-width: 1430px) {
body.home #et-main-area {
margin-top: -40px;
}
} body.search p.post-meta span.author,
body.search p.post-meta span.published,
body.search div.container:before {
display: none;
}
body.search p.post-meta {
color: white;
}
body.search #left-area article p.post-meta > span + a {
margin-left: -43px;
}
body.search article > a > img {
max-height: 200px;
object-fit: cover;
}
body.search article {
width: 525px;
height: 300px;
border: 1px solid #e3e3e3;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
body.search article > h2,
body.search article > p {
margin-left: 20px;
}
body.search article > a {
margin-bottom: 20px !important;
}
#containerTitreSearchResults, #containerTitreBlogResults {
background: url(//www.croix-sas.eu/wp-content/uploads/2020/01/fond-bleu-1536x672.jpg) !important;
}
body.search #left-area div.pagination {
display: none;
}
#left-area {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
padding-right: 0px !important;
} body.search #left-area article:not(.has-post-thumbnail) {
height: auto;
padding: 25px;
box-sizing: border-box;
}
body.search #left-area article:not(.has-post-thumbnail) > p.post-meta {
margin-bottom: 0px !important;
padding-bottom: 0px !important;
} #main-header .et_mobile_menu .menu-item-has-children > a { 
background-color: transparent;
position: relative; 
}
#main-header .et_mobile_menu .menu-item-has-children > a:after { 
font-family: 'ETmodules';
text-align: center;
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
position: absolute; 
}
#main-header .et_mobile_menu .menu-item-has-children > a:after { 
font-size: 16px;
content: '\4c';
top: 13px;
right: 10px; 
}
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { 
content: '\4d'; 
}
#main-header .et_mobile_menu ul.sub-menu { 
display: none !important;
visibility: hidden !important;
transition: all 1.5s ease-in-out;
}
#main-header .et_mobile_menu .visible > ul.sub-menu { 
display: block !important;
visibility: visible !important; 
} section#pageProduit_categorie ul.post-categories li {
display: none;
}
section#pageProduit_categorie ul.post-categories li:first-child {
display: block;
} div.pageCategorie:after {
content: "";
width: 375px;
}
body:not(.home) h1 {
pointer-events: none;
color: #FFFFFF;
font-size: 60px;
font-weight: bold;
font-family: 'Barlow Condensed', sans-serif !important;
text-transform: uppercase;
} body.page-id-453 #left-area article {
margin: 0 auto;
} article.category-offres-demploi .post-meta {
display: none !important;
}
article.category-offres-demploi div.pageCategorieVoirPlus {
margin-top: 75px;
}
body.category-hors-alimentaire #containerTitreCategoryResults h1,
body.category-agro-alimentaire #containerTitreCategoryResults h1,
body.category-alimentation-infantile #containerTitreCategoryResults h1,
body.category-petfood #containerTitreCategoryResults h1 {
font-size: 44px;
}
.mfp-figure figcaption {
display: none !important;
}
body.category-offres-demploi div.resumeProduit > div.extraitProduit {
display: none;
}
article.category-actualites {
width: 100%;
}
#retour_arriere_produit {
position: absolute;
left: calc((100% - 1140px) /2 );
border: 2px solid #e30002;
width: 90px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
transition: 0.5s;
color: #e30002;
font-size: 16px;
top: 30px;
}
#retour_arriere_produit:hover {
background: #e30002;
color: #FFFFFF;
}
#pageProduit_titre {
position: relative;
} header.et-fixed-header .nav li ul {
margin-top: 0px;
}
@media (min-width: 1300px) {
body.blog #left-area article {
width: 345px;
padding: 15px !important;
}
body.blog #left-area article a img {
height: 215px;
width: 100%;
object-fit: cover;
}
body.blog #left-area:after {
content: '';
width: 345px;
}
} #youtubeHeader,
.iconesRSpageContact li.et-social-youtube a,
#containerIconesRSFooter > a:last-child {
display: none !important;
}
body:not(.home) #page-container #boutonPlus {
transform: skewX(-10deg);
height: 40px;
display: table;
align-items: center;
justify-content: center;
border: 3px solid #e30002;
transition: 0.3s;
font-size: 24px;
color: #e30002 !important;
width: auto;
padding: 2px 20px!important;
}
body:not(.home) #page-container #boutonPlus:hover {
background: #e30002 !important;
color: #FFFFFF !important;
}
#top-menu > li:last-child > a:first-child img {
height: 26px !important;
width: 26px !important;
border-radius: 50%;
object-fit: cover;
}
#top-menu > li:last-child > a:first-child {
padding: 0;
position: relative;
right: 20px;
}
ul#top-menu > li.lang-item {
top: 0;
}
#linkedinHeader {
top: 0;
}
#et_top_search {
margin: 12px -50px 0 61px;
}
body.page-id-1816 h1,
body.page-id-1832 h1,
body.page-id-1836 h1,
body.page-id-1842 h1 {
display: none;
}
body.page-id-1816 #left-area,
body.page-id-1832 #left-area,
body.page-id-1836 #left-area,
body.page-id-1842 #left-area {
justify-content: center;
}
body.single-post #left-area {
display: block;
margin-bottom: -75px;
}