/*---------------------------------------------------------------------------------

 Theme Name:   Altics-Divi-Child
 Theme URI:    https://www.altics.fr
 Description:  Thème enfant pour modification sans touché au thème parent.
 Author:       Jérémy
 Author URI:   https://www.altics.fr
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/


/*------------------------------ Menu mobile avec sous menu ------------------------------*/
.et_pb_menu .et_mobile_menu .menu-item-has-children > a, #main-header .et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
    position: relative;
}
.et_pb_menu .et_mobile_menu .menu-item-has-children > a.toggle-menu, #main-header .et_mobile_menu .menu-item-has-children > a.toggle-menu {
    font-family: 'ETmodules';
    font-size: 18px;
    padding: 10px;
    z-index: 10;
    display: inline-block;
    position: absolute;
    right: 5px;
 }
.et_pb_menu .et_mobile_menu .menu-item-has-children.visible > a.toggle-menu, #main-header .et_mobile_menu .menu-item-has-children.visible > a.toggle-menu {
 	transform: rotate(180deg);
}

.et_pb_menu .et_mobile_menu ul.sub-menu, #main-header .et_mobile_menu ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    transition: all 1.5s ease-in-out;
}
.et_pb_menu .et_mobile_menu .visible > ul.sub-menu, #main-header .et_mobile_menu .visible > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
}
/*------------------------------ FIN Menu mobile avec sous menu ------------------------------*/

/*------------------------------ centrage verticale flèche selecteur ------------------------------*/
.dsm_contact_form_7 .dsm-contact-form-7-select:after {top:40% !important;}
/*------------------------------ FIN centrage verticale flèche selecteur ------------------------------*/

/*------------------------------ flashing menu ------------------------------*/
#main-header {
top: 35px !important;
}
.admin-bar #main-header {
top: 70px !important;
}

#top-header {
    height: 35px !important;
}

#page-container{padding-top: 101px!important;}

@media (max-width: 480px) {
#page-container{padding-top: 70px!important;}
	}
	
#___ytsubscribe_0 > div.fluid-width-video-wrapper{padding-top:0 !important;}
	
/*------------------------------ FIN flashing menu ------------------------------*/

/*---------[GQ - MOBILE MENU BUTTON 1]----https://quiroz.co/-*/
    .mobile_nav.opened .mobile_menu_bar:before {content: "\4d";}
/*----FIN-----[GQ - MOBILE MENU BUTTON 1]----https://quiroz.co/-*/

/* shrink menu on smaller viewports by geno https://quiroz.co/ */
 
    @media only screen and (max-width : 1200px) {
        .container.clearfix.et_menu_container, #top-header .container.clearfix {
            max-width: 100%!important;
            width: 95%!important;}}
 
    @media only screen and (max-width : 1200px) {
        #top-menu li {
            padding-right: 13px!important;}
        #top-menu li a {
            font-size: 14px!important;}}

/* FIN shrink menu on smaller viewports by geno https://quiroz.co/ */


/*Pour que les mots ne brisent pas*/
h1, h2, h3, h4, h5, h6 {
overflow-wrap: normal;
}
/* FIN Pour que les mots ne brisent pas*/

/* Fixer le menu tablette et téléphone */
@media only screen and (max-width: 980px) {
.et_fixed_nav #main-header,
.et_fixed_nav #top-header,
.et_non_fixed_nav.et_transparent_nav #main-header,
.et_non_fixed_nav.et_transparent_nav #top-header {
position: fixed;
}
}
/* FIN Fixer le menu tablette et téléphone */

/* hamburger réduire ou enlever le padding en-dessous */
.mobile_menu_bar { padding-bottom: 15px!important;}
/* FIN hamburger réduire ou enlever le padding en-dessous */

body{font-weight:normal;}
#top-menu > li.menu_contact.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item.page-item-4915.current_page_item.menu-item-150329 > a, #top-menu > li.menu_panel.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item.page-item-7593.current_page_item.menu-item-150330 > a{	
	color: #ffffff!important;
}

/* désactivation des animation tous module sur mobile */
@media (max-width: 480px) {	
	.et_pb_section, .et_pb_section *{
	/*animation:none !important;*/
	}
}

/* general */
a{color:#333; text-decoration:underline;font-weight:400}
#top-header a, #main-header a,.footer-module a,.et_pb_video_overlay_hover a, a.et_pb_newsletter_button, a.et_pb_button, a.nodeco, a.tag{text-decoration:none;}
a:hover{color:#e75012;}

/*formulaire */
div.contact > div.wpcf7-form-control-wrap > div.g-recaptcha{padding:0 0 0 150px;}

.wpcf7-mail-sent-ok{text-align:center;}
.wpcf7-not-valid-tip{display:block;}

/* Navigation */
.footer-module a, a.et_pb_newsletter_button{color:#fff}
.footer-module a:hover{color:#e75012!important;}

#top-menu li li a {
    width: 240px;
}

.nav li ul {
    width: 260px;
	border-radius: 5px;
}


@media (min-width: 980px) {
	
	.menu_contact a {
	padding: 0;
	border-radius: 6px;
	border: solid 2px #e75012;
	transition: 0.3s;
	}

	.menu_contact a,.et-fixed-header #top-menu .menu_contact a{
	padding: 5px 10px 5px 10px!important;
	opacity: 1;
	background: #e75012!important;
	color: #ffffff!important;
	}

	.menu_contact a:hover {
	color: #ffffff!important;
	background: #e75012!important;
	}
	
		.menu_panel a{
	padding: 0;
	border-radius: 6px;
	border: solid 2px #323842;
	transition: 0.3s;
	}

	.menu_panel a,.et-fixed-header #top-menu .menu_panel a{
	padding: 5px 10px 5px 10px!important;
	opacity: 1;
	color: #ffffff!important;
	background: #323842!important;
	}

	.menu_panel a:hover {
	color: #ffffff!important;
	background: #323842!important;
	}
}

.et_pb_equal_columns >.et_pb_column {
margin-top:auto;
margin-bottom:auto;
}

/*----------Customized Top Header----------*/
 
#top-header .et-social-icons {
display: inline-block;
}
 
.menu_tel {
width: 140px;
}
 
.menu_tel:before {
font-family: 'ETmodules';
content: '\e090';
float: left;
}
 
.menu_win {
width: 135px;
}
 
.menu_win:before {
font-family: 'ETmodules';
content: '\e076';
float: left;
}
 
 
#top-header .et-social-icons li {
margin-top: -2px;
margin-left: 5px;
}
 
#et-secondary-nav, #et-secondary-nav li {
display: inline-block;
margin-right: 15px;
}
 
@media only screen and (max-width: 980px) {
 
	.menu_tel {
	width: 100%;
	}
	 
	.menu_win {
	width: 100%;
	}
	 
	.menu_tel:before {
	margin-top: 10px;
	margin-right: 12px;
	}
	 
	.menu_win:before {
	margin-top: 10px;
	margin-right: 12px;
	}
 
}

/* Home */
div.timeline-Tweet.u-cf.js-tweetIdInfo.js-clickToOpenTarget > p.timeline-Tweet-text{font-size:1rem!important;}

span.line2 {
	border-bottom: solid 4px;
	padding: 0 0 5px 0;
	border-color: rgba(231, 80, 18, 1.0);
}
span.puce-plus {
    color: rgba(231,80,18,1.0);
    font-weight: bold;
}
span.tips:before{
	content:url(https://www.altics.fr/wordpress/wp-content/uploads/2020/10/30.png);
	margin:0 1rem 0 0;
}

span.gras{font-weight:600;}
span.text-moving{background-color:#00bc9d;padding: 1em 0.9em 1em 0.9em;display:block;position:absolute;max-width:8em;line-height:1.6em;font-size:1.6em;font-weight:700;color:#FFF;bottom:0;right:0}

.home-header-cas{background-image:url(https://www.altics.fr/wordpress/wp-content/uploads/2018/03/cas-client-2.png);background-repeat:no-repeat;display:inline-block;margin:0 auto;width:337px;height:220px;transition-property:background-position;transition-duration:1s}
.home-header-cas-1{background-position:-5px -5px}
.home-header-cas-2{background-position:-5px -2305px}
.home-header-cas-3{background-position:-5px -1845px}
.home-header-cas-4{background-position:-5px -925px}
.home-header-cas-5{background-position:-5px -465px}
.home-header-cas-6{background-position:-5px -1385px}
.home-header-cas-1:hover{background-position:-5px -235px}
.home-header-cas-2:hover{background-position:-5px -2535px}
.home-header-cas-3:hover{background-position:-5px -2075px}
.home-header-cas-4:hover{background-position:-5px -1155px}
.home-header-cas-5:hover{background-position:-5px -695px}
.home-header-cas-6:hover{background-position:-5px -1615px}

@media (min-width: 980px){
#skinnyform.et_pb_newsletter .et_pb_newsletter_fields {
  flex-wrap: nowrap !important;
}
#skinnyform.et_pb_newsletter .et_pb_newsletter_fields > p.et_pb_newsletter_button_wrap {
  flex-basis: 50%;
  padding: 0 1em;
}
}
 
#skinnyform .et_pb_newsletter_form {
  padding-left: 0px;
} 

  /*--- mailjet --*/ 

iframe.news{height:55px;}
    @media all and (max-width: 980px) {
iframe.news{height:100px;}
}

div.mj-subscribe-button:hover{
	background-color:#323842 !important;
	color:#ffffff !important;
}

.mj-subscribe-button-content:hover{
	color:#323842;
}

/* contact form 7 */
svg.icon{fill: #000000;height: 12px;width: 8px;margin-right: 5px;position: relative;}
li.et_pb_tab_active {background-color:#333!important;}
li.et_pb_tab_active a{color:#fff !important;}
li.et_pb_tab_active a::before {content: "─ ";}
.dsm_contact_form_7 .wpcf7-form-control.wpcf7-select{color:rgba(0, 0, 0, 0.3);}
.wpcf7 p{font-weight:normal; line-height:30px; text-align:left!important;}
.wpcf7-submit{padding:0.5rem 3rem!important;}
.wpcf7-submit:hover{padding:0.5rem 3rem!important;}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus,select:focus,.wpcf7-form-control.wpcf7-select:focus {border:1px solid #e75012; color:#3e3e3e;}
.floatform{width:200px; margin:1rem auto;}
.dsm_contact_form_7 input.text, .dsm_contact_form_7 input.title, .dsm_contact_form_7 input[type="date"], .dsm_contact_form_7 input[type="email"], .dsm_contact_form_7 input[type="number"], .dsm_contact_form_7 input[type="password"], .dsm_contact_form_7 input[type="tel"], .dsm_contact_form_7 input[type="text"], .dsm_contact_form_7 input[type="url"], .dsm_contact_form_7 select, .dsm_contact_form_7 textarea, select.wpcf7-form-control,.dsm_contact_form_7 .wpcf7-form-control.wpcf7-select{padding:0.77rem;}
.dsm_contact_form_7 label{display:inline-flex; width:150px; vertical-align:top;}
@media (min-width: 1300px){
.dsm_contact_form_7 input.text, .dsm_contact_form_7 input.title, .dsm_contact_form_7 input[type="date"], .dsm_contact_form_7 input[type="email"], .dsm_contact_form_7 input[type="number"], .dsm_contact_form_7 input[type="password"], .dsm_contact_form_7 input[type="tel"], .dsm_contact_form_7 input[type="text"], .dsm_contact_form_7 input[type="url"], .dsm_contact_form_7 select, .dsm_contact_form_7 textarea, select.wpcf7-form-control,.dsm_contact_form_7 .wpcf7-form-control.wpcf7-select{width:50%;}
}
.dsm_contact_form_7 .wpcf7-form-control.wpcf7-textarea{height:100px;}
span.dsm-contact-form-7-select{padding-bottom:1rem;}

/*contenu*/
.float{float:left; padding:0 1rem 1rem 1rem;}
.clear{clear:both;}
.ld-tip {
    list-style-type: none;
    background-image: url(https://www.altics.fr/wordpress/wp-content/uploads/2018/01/tips.png);
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: 10px;
    width: 24px;
    height: 36px;
    display: inline-block;
}

/* tag */
.tags {
  list-style: none;
  margin: 0;
  overflow: hidden; 
  padding: 0;
}

.tags li {
  float: left;
  list-style: none;
}

.tag {
  background: #eee;
  border-radius: 3px 0 0 3px;
  color: #999;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 20px 0 23px;
  position: relative;
  margin: 0 10px 10px 0;
  text-decoration: none;
}

.tag::before {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 6px;
  left: 10px;
  position: absolute;
  width: 6px;
  top: 10px;
}

.tag::after {
  background: #fff;
  border-bottom: 14px solid transparent;
  border-left: 10px solid #eee;
  border-top: 13px solid transparent;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}

.tag:hover {
  background-color: #e75012;
  color: white;
}

.tag:hover::after {
   border-left-color: #e75012; 
}

/*-----Responsive Image Grid-----*/

/*Setting for the HTML*/

.ds-collection figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	min-width: 300px;
	width: 100%;
	background: #fff;
	text-align: center;
}

.ds-collection figure img {
	position: relative;
	display: block;
	min-width: 100%;
	opacity: 0.8;
}

.ds-collection figure figcaption {
	padding: 1em;
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.ds-collection figure figcaption::before,
.ds-collection figure figcaption::after {
	pointer-events: none;
}

.ds-collection figure figcaption,
.ds-collection figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ds-collection-button a {
	color: #fff;
	background-color: #00bc9d;
	padding: 10px 30px;
	cursor: pointer;
}

.ds-collection-button a:hover {
	color: #fff;
	background-color: #001423;
	padding: 10px 30px;
	border: 1px solid #fff;
}

.ds-collection figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.ds-collection figure h2 {
	font-size: 1.2rem;
	color: #fff;
	background-color: #000;
   	opacity: .7;
	padding: 0.625rem;
	display: inline-block;
	font-weight:500;
}

.ds-collection figure h2,
.ds-collection figure p {
	margin: 0;
}

.ds-collection figure p {
	font-size: 0.9rem !important;
	font-weight:300;
}

.ds-collection figure p.link {
	margin: 0.625rem;
} 

/*Media Queries*/
@media only screen and ( max-width: 1490px ) { 
.ds-collection figure h2 {
	font-size: 80%;
}
	p.hide {
	display: none !important;
} 
}

/*Hover effects*/

figure.ds-collection-hover {
	background: #001423;
}

figure.ds-collection-hover img {
	opacity: 1;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.ds-collection-hover:hover img {
	opacity: 0.4;
}

figure.ds-collection-hover  figcaption::before,
figure.ds-collection-hover  figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.ds-collection-hover  figcaption::before {
	border-top: medium double #fff;
	border-bottom: medium double #fff;
    -webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.ds-collection-hover  figcaption::after {
	border-right: medium double #fff;
	border-left: medium double #fff;
    -webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.ds-collection-hover  h2 {
	margin-top: 1rem;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}


figure.ds-collection-hover  p {
	padding: 0.5rem 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.ds-collection-hover:hover figcaption::before,
figure.ds-collection-hover:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.ds-collection-hover:hover h2,
figure.ds-collection-hover:hover p {
	opacity: 1;
	background-color: transparent;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


 /************************ Style client ********************/
/* GENERAL CSS */
/* filter and pagination */
.dvcs_portfolio .et_pb_portfolio_filters {
    text-align: center;
}
.dvcs_portfolio .et_pb_portfolio_filters > ul {
    display: inline-block;
    box-shadow: 0 0 55px 2px rgba(0, 0, 0, 0.01);
}
.dvcs_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a,
.dvcs_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}
.dvcs_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li a,
.dvcs_portfolio .et_pb_portofolio_pagination ul li a {
    border: 2px solid #f9f9f9;
    margin: -2px -2px 0 0;
    background-color: #fff;
    -webkit-transition: all 0.65s ease;
         -o-transition: all 0.65s ease;
            transition: all 0.65s ease;
}
.dvcs_portfolio .et_pb_portofolio_pagination {
    text-align: center;
    border-top: none;
    margin-top: 40px;
}
.dvcs_portfolio .et_pb_portofolio_pagination ul {
    display: inline-block;
    box-shadow: 0 0 55px 2px rgba(0,0,0,0.01);
}
.dvcs_portfolio .et_pb_portofolio_pagination ul li {
    padding: 0;
}
.dvcs_portfolio .et_pb_portofolio_pagination ul li a {
    padding: 10px 12px;
}
/* end filter and pagination */

/* portfolio item */
/* bring the hovered item above the adjacent items by transitioning the z-index */
.dvcs_portfolio .et_pb_portfolio_item {
    z-index: 1;
    -webkit-transition: z-index 0.65s ease;
         -o-transition: z-index 0.65s ease;
            transition: z-index 0.65s ease;
}
.dvcs_portfolio .et_pb_portfolio_item:hover {
    z-index: 999;
}
/* end */
.dvcs_portfolio .et_pb_portfolio_item h2{
    margin-top: 0 !important;    
}
/* move the title and meta above the portfolio item image */
.dvcs_portfolio h2.et_pb_module_header,
.dvcs_portfolio p.post-meta  {
    position: absolute;
    opacity: 0;
    left: 50%;
    -webkit-transform: translatex(-50%);
        -ms-transform: translatex(-50%);
            transform: translatex(-50%);
    width: auto;
    height: auto;
    text-align: center;
    padding: 0;
    -webkit-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
    -webkit-transition-delay: 0.05s;
         -o-transition-delay: 0.05s;
            transition-delay: 0.05s;
}
.dvcs_portfolio h2.et_pb_module_header {
    top: 80px;
}
.dvcs_portfolio p.post-meta {
    bottom: 80px;
}
/* end */
/* show title and meta on hover */
.dvcs_portfolio .et_pb_portfolio_item:hover h2.et_pb_module_header,
.dvcs_portfolio .et_pb_portfolio_item:hover p.post-meta {
    opacity: 1;
    -webkit-transition-delay: 0.55s;
         -o-transition-delay: 0.55s;
            transition-delay: 0.55s;
}
.dvcs_portfolio .et_pb_portfolio_item:hover h2.et_pb_module_header {
    bottom: 60px;
}
.dvcs_portfolio .et_pb_portfolio_item:hover p.post-meta {
    bottom: 40px;
}
/* end */
/* show overlay icon when hovering the portfolio item */
.dvcs_portfolio .et_pb_portfolio_item:hover .et_portfolio_image .et_overlay {
    z-index: 3;
    opacity: 1;
}
/* end */
/* end portfolio item */

.note{
font-family: Roboto Condensed;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 2rem;
  display:block;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #FF730A;
  }
  
a.no-style-land{
	margin-left:15px;
	
}

/* END GENERAL CSS */

/* SECTION AND EFFECT SPECIFIC CSS */
/* set hover and active colors for filter and pagination */
.dvcs_portfolio.effect-strips .et_pb_portfolio_filters li a.active,
.dvcs_portfolio.effect-strips .et_pb_portfolio_filters li a:hover,
.dvcs_portfolio.effect-strips .et_pb_portofolio_pagination ul li a.active,
.dvcs_portfolio.effect-strips .et_pb_portofolio_pagination ul li a:hover {
    background-color: #a565fd;
    color: #fff !important;
}
/* end hover and active colors for filter and pagination */

/* STRIPS EFFECT */
.effect-strips .et_pb_portfolio_item,
.effect-strips .et_portfolio_image {
    overflow: hidden;
}
.effect-strips h2.et_pb_module_header,
.effect-strips p.post-meta {
    z-index: 4;
}
.effect-strips .et_pb_portfolio_item > a {
    display: block;
    position: relative;
    overflow: hidden;
}
.effect-strips .et_pb_portfolio_item > a:before,
.effect-strips .et_pb_portfolio_item > a:after,
.effect-strips .et_portfolio_image:before,
.effect-strips .et_portfolio_image:after {
    content:'';
    position: absolute;
    opacity: 0;
    height: 102%;
    width: 26%;
    -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: all 0.4s ease;
         -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
}
.effect-strips .et_portfolio_image:before {
    top: -1%;
    left: 25%;
}
.effect-strips .et_portfolio_image:after {
    bottom: 0;
    left: 50%;
}
.effect-strips .et_portfolio_image:before  {
    -webkit-transition-delay: 0.105s;
         -o-transition-delay: 0.105s;
            transition-delay: 0.105s;
}
.effect-strips .et_portfolio_image:after {
    -webkit-transition-delay: 0.21s;
         -o-transition-delay: 0.21s;
            transition-delay: 0.21s;
}
.effect-strips .et_pb_portfolio_item > a:before {
    top: -1%;
    left: 0;
    margin: 0 !important;
    z-index: 1;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
}
.effect-strips .et_pb_portfolio_item > a:after {
    bottom: 0;
    right: 0;
    -webkit-transition-delay: 0.35s;
         -o-transition-delay: 0.35s;
            transition-delay: 0.35s;
}
.effect-strips .et_pb_portfolio_item:hover > a:before,
.effect-strips .et_pb_portfolio_item:hover > a:after,
.effect-strips .et_pb_portfolio_item:hover .et_portfolio_image:before,
.effect-strips .et_pb_portfolio_item:hover .et_portfolio_image:after {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
.effect-strips .et_pb_portfolio_item:hover .et_portfolio_image:before,
.effect-strips .et_pb_portfolio_item:hover .et_portfolio_image:after {
    background-color: #a565fd; /* set 2nd and 3rd strip color here */
    opacity: 1;
}
.effect-strips .et_pb_portfolio_item:hover > a:before,
.effect-strips .et_pb_portfolio_item:hover > a:after{
    background-color: #a565fd; /* set 1st and 4th strip color here */
    opacity: 1;
}
/* END STRIPS EFFECT */
/* END SECTION AND EFFECT SPECIFIC CSS */

.ten-columns .et_pb_module {width: 10%; float: left;}
.nine-columns .et_pb_module {width: 11.11%; float: left;}
.eight-columns .et_pb_module {width: 12.5%; float: left;}
.seven-columns .et_pb_module {width: 14.28%; float: left;}
.six-columns .et_pb_module {width: 16.66%; float: left;}
.five-columns .et_pb_module {width: 20%; float: left;}

@media (max-width: 980px){
.ten-columns .et_pb_module {width: 20%;}
.nine-columns .et_pb_module {width: 33.3%;}
.eight-columns .et_pb_module {width: 25%;}
.seven-columns .et_pb_module {width: 25%;}
.six-columns .et_pb_module {width: 33.3%;}
.five-columns .et_pb_module {width: 33.3%;}
}
 
@media all and (max-width: 767px) {
.ten-columns .et_pb_module {width: 100%;}
.nine-columns .et_pb_module {width: 100%;}
.eight-columns .et_pb_module {width: 100%;}
.seven-columns .et_pb_module {width: 100%;}
.six-columns .et_pb_module {width: 100%;}
.five-columns .et_pb_module {width: 100%;}
}

@media only screen and (max-width: 480px) {
 
.two-columns .et_pb_column {
width: 50%!important;
}
 
.three-columns .et_pb_column {
width: 33.33%!important;
}
 
.four-columns .et_pb_column {
width: 25%!important;
}
}


/* Largeurs des colonnes en version mobile */

@media all and (min-width:300px) and (max-width:767px) {

    #ma_ligne .et_pb_column:nth-child(1) {
      width: 47.25% !important;
    }
    #ma_ligne .et_pb_column:nth-child(2) {
      width: 47.25% !important;
    }
    #ma_ligne .et_pb_column:nth-child(3) {
      width: 47.25% !important;
    }
	#ma_ligne .et_pb_column:nth-child(4) {
      width: 47.25% !important;
    }
}

/* contact form 7 recapcha hidden */
.grecaptcha-badge {visibility: hidden !important;}

/* onetrust */
#onetrust-banner-sdk:focus {
    outline: none !important;
}

/* force color menu bug cache */
#top-header, #et-secondary-nav li ul {
    background-color: #323842 !important;
}

.nav li ul {
    border-top: 3px solid #e84f12 !important;
}
.nav li ul, .et_mobile_menu {
    border-color: #e84f12 !important;
}