/*
Theme Name: ESJ Lille - Guide EM
Template: Divi
*/
@import url("../Divi/style.css");
/* YOUR CSS EDITS GO BELOW THIS LINE AND AND CSS RULES YOU MAKE HERE WILL OVERIDE THE MASTER DIVI THEME CSS RULES */
/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}

header {padding-top:20px;}
#emi, #main-menu {padding:0;}
#emi {text-align:-webkit-center; text-align:center;}
#titre, #logo {display:inline-block; padding:10px;}

.et_pb_post_title {padding: 50px !important;}

h1, h2, h3, h4, h5, h6 {line-height: 1.2em;}
/*
 * nav ul#menu-menu-generale a::after {
	content: '';
	transform-origin: 0 0; 
	transform: scaleX(0);
	position: absolute;
	top: 100% !important;
	bottom: 0px;
	left: 0;
	right: 0;
	height: 0.2em; 
	background: #E3182C;
	z-index: -1;
	opacity: 1;
	transition: transform .3s;
}
nav ul#menu-menu-generale a:hover::after {
	transform: scaleX(1);
}
*/
.menu-item.menu01:before, .menu-item.menu02:before, .menu-item.menu03:before,
.menu-item.menu04:before {position:absolute;}
.menu-item.menu01:before {content:"01"; }
.menu-item.menu02:before {content:"02"; }
.menu-item.menu03:before {content:"03"; }
.menu-item.menu04:before {content:"04"; }
.menu-item.menu05:before {content:"05"; }
.menu-item.menu06:before {content:"06"; }
.menu-item.menu07:before {content:"07"; }
.menu-item.menu08:before {content:"08"; }

.menu-item a {padding: 20px 0 !important;}

nav ul#menu-menu-generale a:before, nav ul#menu-menu-generale a:after {
	color: #E3182C;
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}


nav ul#menu-menu-generale a:before {
	margin-right: 4px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}
nav ul#menu-menu-generale a:after {
	margin-left: 4px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}
nav ul#menu-menu-generale li.current_page_item  a:before, nav ul#menu-menu-generale li.current_page_item a:after,
nav ul#menu-menu-generale li:hover a:before, nav ul#menu-menu-generale li:hover a:after{
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

nav ul#menu-footer li {
    width: 100%;
    display: block;
}
nav ul#menu-footer li a {
    padding:0 !important;
}

.sommaire {margin-bottom:50px !important;}
.sommaire h4 {margin-top:-30px;margin-bottom:20px;}
.sommaire h4 span {padding:10px; border: 2px solid #0f2b40; background-color:#FFF; background: linear-gradient(to left, #FFF 50%, #0f2b40 50%) right;
    background-size: 200%;
    transition: .5s ease-out;}
.sommaire:hover h4 span {color:#FFF;background-position: left;}

.titrage-partie .et_pb_column{display:flex;}
.numero {display:inline-block;}
.numero h2 {float:left; line-height:110px; height:110px; width:110px; border-radius:50%; background-color:#0F2B40; font-size:30px; margin-bottom:20px; clear:both; margin-right:20px;}
.titre-partie h2 {line-height:50px;} 

.item-enumeration {padding:0 !important;}
.item-enumeration .et_pb_column {display: flex; align-items: center; padding: 27px 50px 27px 43px; float: none; margin-left: 15%;}
.item-enumeration::before {content: ""; position: absolute; top: 0; bottom: 0; left: 5%; z-index: 3; margin: auto; width: 20px; height: 20px; box-shadow: 0 10px 30px 0 rgba(18,70,113,.3); border: solid 10px #fff; background-color: #E3182C; border-radius: 50%; margin-left: -17px; }
.item-enumeration::after {content: ""; position: absolute; top: 0; bottom: 0; left: 5%; z-index: 0; margin: auto; width: 15%; height: 5px; background-color: #E3182C; visibility:visible;}
.enumeration {background-color: #fff;border: 2px solid #E3182C; padding: 25px;font-size: 1rem; font-style: normal; text-align: center; width:90%;}

.intro-dimension {font-size:20px;}

.illustration-link {background-color:lightgray;}


.et_pb_toggle.et_pb_accordion_item {border:0;}
.et_pb_toggle_open.et_pb_accordion_item {border:2px solid #E3182C;}

.et_pb_toggle h5.et_pb_toggle_title {background-color:#0f2b40; color:#FFF !important;padding:15px 50px 15px 15px; float:left; margin-top:-50px;position:relative;min-width:50% !important;}
.et_pb_toggle h5.et_pb_toggle_title::after{
    content: '';
    position: absolute;
    left: 100%;
    top: 0%;
    width: 0;
    height: 0;
    border-top: solid 25px transparent;
  border-left: solid 25px #0f2b40;
  border-bottom: solid 25px transparent;
    clear: both;
}
.et_pb_toggle_content {clear:both;}

a.big-button.bigred {width:100% !important; padding:30px; color:#FFF !important; border-radius:0; background:unset; background-color: #E3182C !important; text-align:center; width:50%;}
a.big-button.bigred:hover {color:#FFF !important;}

#media0, #media1, #media2, #media3, #media4, #media5 {position:relative;}
.leader-line {z-index:9;}

.frm_button_submit {background-color:#47627a !important; border-color:#47627a !important;}

/* MEDIAS QUERY */
@media (max-width: 980px) {
	.item-enumeration .et_pb_column {margin-left: 5%; padding: 27px 20px 27px 30px;}
	.item-enumeration {width: 95%;}
	.et_pb_accordion .et_pb_toggle.et_pb_accordion_item {margin-bottom:60px;}
	.et_pb_toggle h5.et_pb_toggle_title::after{border-top: none;
		border-left: none;
		border-bottom: none;
	}
	.titre-partie h2 {line-height: normal; font-size: 20px;}
	.sommaire h4 span {display:block;}
	.et_pb_menu #mobile_menu2.et_mobile_menu {top:unset;bottom: 30px;}
	.et_pb_menu #mobile_menu2.et_mobile_menu .menu-item a {padding: 5px 0 !important;}
	.duree-formulaire {background-size:15% !important;}
	.timing {top: -40px !important;}
	.three-columns {width:44% !important;}
	.three-columns.et_pb_column_empty {width:5% !important; display:block;}
	.three-columns.left-col, .three-columns.center-col {float:left;}
	.three-columns.right-col {float:right;}
}

.masked-submit {display: none;}