/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Solution Infomédia
 Author URI: https://solutioninfomedia.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */
.citrus{
font-family: citrus-gothic, sans-serif;
font-weight: 400;
font-style: normal;
}

.citrus-rough{
font-family: citrus-gothic-rough, sans-serif;
font-weight: 400;
font-style: normal;
}
/*
h1,h2,h3,h4,h5,h6{
	font-family: citrus-gothic, sans-serif;
font-weight: 400;
font-style: normal;
}*/


.et_pb_menu .et-menu>li {
    padding-left: 19px;
    padding-right: 19px;
}

.col-menu-flex{
display:flex;
	justify-content: flex-end;
    align-items: center;
gap:20px;
}

.hero-accueil-col2{
	display:flex;
	justify-content: center;
    flex-wrap: wrap;
	align-items: center;
	align-content: center;
	gap:20px;
}

.hero-accueil-col2 .et_pb_button.cta-accueil-tirage{
width: 30vw;
    border-top: none;
    border-left: none;
    border-right: none;
	border-bottom:solid 1px #fff;
    border-radius: 0;
    padding-left: 0!important;
    padding-right: 0;
	color:#fff;
	font-size:25px;
	font-weight:700;
}

.hero-accueil-col2 .et_pb_button.cta-accueil-tirage:hover{
	border-bottom:solid 1px #BFB32C;
	color:#BFB32C;	
}

.hero-accueil-col2 .et_pb_button.cta-accueil-tirage:after{
	position:absolute;
	right:0;
	color:#BFB32C;
}

.dipl_image_card_title{
	font-family: citrus-gothic, sans-serif;
font-weight: 400;
font-style: normal;
	letter-spacing:2px;
	font-size:40px;
}

.dipl_image_card .et_pb_button{
box-shadow: 3px 6px 0px 0px #BFB32C;
	transition:all 300ms;
}

.dipl_image_card .et_pb_button:hover{
box-shadow: 0px 0px 0px 0px #BFB32C;	
transform:box-shadow;
}


.et_pb_button_module_wrapper .et_pb_button{
	padding-left: 1em!important;
}


.bouton-droits-acces-header {

}

.bouton-droits-acces-header a{
	color:#fff;
	border-radius:50px;
	font-size:15px;
	font-weight:700;
	background:#0694AC;
	padding:0.6em 1.2em;
	transition:all 300ms;
}

.bouton-droits-acces-header a:hover{
	background:#BFB32C;
	transform:background;
}

.bouton-droits-acces-header p{
	font-size:13px;
	margin:3px 0;
	text-align:center;
	padding-bottom:0;
	color:#0694AC;
}

.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
    top: calc(100% - 30px);
    left: 0;
}

.nav li li {
    padding: 0;
    margin: 0;
	line-height:1.3em;
	font-weight:500!important;
}

.nav li li a{
	font-weight:500!important;
 padding: 12px 20px;
	width:220px;
}

.et_pb_menu .et-menu-nav>ul ul {
    padding: 10px 0;
}

.has_et_pb_sticky .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
    top: calc(100% - 15px);
}

.et_mobile_menu li a {
    border-bottom: none;
    padding: 7px 5%;
}



.et_mobile_menu .menu-item-has-children,
.et_mobile_menu .menu-item a
{
	background: rgba(255, 255, 255, 0.1);
}



.et_mobile_menu li li a {
	font-weight:500!important;
}

.et_pb_menu .et_mobile_menu ul{
	padding:5% 0;
}

.texte-intro-page{
	width: 30vw;
	color:#fff;
	font-size:20px;	
	line-height:1.4em;
}

.et-pb-arrow-next, .et-pb-arrow-prev{
	opacity:1;
	background:#fff;
	color:#06182C;
}

.et-pb-arrow-next{
	right:22px;
}
	
.et-pb-arrow-prev{
	left:22px;
}


.et_pb_bg_layout_light .et-pb-controllers a {
    background-color: rgba(255, 255, 255, .75);
    border: solid 2px #fff;
}

.et-pb-controllers a {
    border-radius: 12px;
    width: 12px;
    height: 12px;

}



/* ------------------------------------------------------------------------------------------------------------------
 ------------------------------ RESPONSIVE ------------------------------------------------------------------------* /
 
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
 .hero-accueil-col2 {
    flex-direction: column;
}
	
.hero-accueil-col2 .et_pb_button.cta-accueil-tirage {
	width: 80vw;
}
	
.texte-intro-page{
	width: 80vw;
}
	
	body, ul, li, p{
		font-size:18px;
	}
}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
 .hero-accueil-col2 .et_pb_button.cta-accueil-tirage {
	font-size:18px;
	 line-height:1.4em;
}

body, ul, li, p{
	font-size:16px;
	line-height:1.4em;
}
	
.texte-intro-page{
	width: 84vw;
}
	
}