/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/* Style des titres */
.titre-sans-cesures{
	white-space:inherit;
	word-wrap: normal;
}


.btn-categorie-menu a{
	padding:10px;
	background-color: #DBCBFF;
	min-width:120px;
	text-align:center;
}




/* Style du meenu d'entete */
@media (min-width: 979px){
	#section-menu-bas .et_pb_row,
	#section-menu-haut .et_pb_row{
		width: 100%;	
		padding:0 1% 0 1%;
    }
	
	#section-menu-haut .numero-menu-haut {
		font-size: 19px;
		bottom: 0px;
	}

	#section-menu-haut a.btn-don-menu-haut,
	#section-menu-haut a.btn-benevolat-menu-haut {
    font-size: 13px !important;
	}
}

@media (min-width: 1380px){
	#section-menu-bas .et_pb_row,
	#section-menu-haut .et_pb_row{
		width: 88%;
		}
}



/* Style menu d'entete */
#menu-bas .et_pb_menu__menu {
    margin-left: auto !important;
}

	.submenu-calendrier {
		background-color: #2B3D4D;
		padding: 20px 20px !important;
		border-radius: 16px;
		margin-top: 0 !important;
		margin-left:0px !important;
	}

@media (min-width: 981px) and (max-width: 1300px){
	.submenu-activites {
		background-color: #E7ED96;
		padding: 4px 8px !important;
		border-radius: 16px;
		border: 3px solid black;
		margin-top: 0 !important;
		margin-left:0px !important;
	}

	#section-menu-bas .et_pb_column {
		margin-right: 0% !important;
	}

	#menu-bas .submenu-activites {
		margin-left: 0px !important;
	  }

	.grille-activite.et_pb_blurb {
		height: 270px !important;
	}

/*   #menu-bas {
    margin-top: -18px;
  } */
	
	
	#section-menu-haut .et_pb_row {
		padding-right: 65px;
	}

	#section-menu-bas .et_pb_row {
		padding-right: 40px !important;
	}
	
	#section-menu-bas .et_pb_module.et_pb_image.et_pb_image_0_tb_header {
    margin-left: 40px;
	}

}

@media (min-width: 1301px){
	.submenu-activites {
		background-color: #E7ED96;
		padding: 8px 10px 8px 10px !important;
		border-radius: 16px;
		border: 3px solid black;
		margin-top: 0 !important;
		margin-left:24px;

	}
}


@media (min-width: 980px){
	#menu-bas.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
		top: calc(100% - -7px);
		left: 0;
	}

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

	#menu-bas.et_pb_menu .et-menu-nav>ul ul {
		padding: 0px 0;
		text-align: left;
		top: 50px !important;
        border-radius: 10px;
	}

	.submenu-activites > .et-menu li li a {
	/*     padding: 6px 0px !important; */
	/*     width: 200px; */
	}

	li.submenu-activites .sub-menu {
		/* z-index: -1 !important; */
		background-color: #E7ED96;
	/* 	padding-top:50px; */
	}

	li.submenu-activites a {
		margin-left: 0rem !important;
		max-width: 220px;
	}

	li.submenu-activites {
		margin-bottom: -10px !important;
		max-width: 220px;
	}

	.submenu-activites ul.sub-menu {
		max-width: 200px;
	}

	/* ul.sub-menu {
    z-index: -999 !important;
	} */

	.submenu-activites {
		margin-left: 34px !important;
	}
}
	
ul.sub-menu >li > a {
	padding-left:0 !important;
	padding-right:0 !important;
}

.module-res .et_pb_button_wrapper {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 25%);
}


/* 
Style des boutons */


.btn-effect4 {
    width: 220px;
    height: 50px;
    border: none;
    outline: none;
    color: #fff;
    background: #111;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
	background-color: #0cf !important;
}

.btn-effect4:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.btn-effect4:active {
    color: #000
}

.btn-effect4:active:after {
    background-color: #0cf !important;
}

.btn-effect4:hover:before {
    opacity: 1;
}

.btn-effect4:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}



.et_pb_button.btn-effect5 {
	display: inline-block;
	padding: .75rem 1.25rem;
	color: white !important;
	text-transform: uppercase;
	font-size: 1rem;
	letter-spacing: .15rem;
	transition: all .4s;
	position: relative;
	overflow: hidden;
	z-index: 1 !important;
	background-color: #039bc1 !important;
	border:0px !important;
    border-radius: 25px;
}


.et_pb_button.btn-effect5:after {
    content: '' !important;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0cf !important;
    border-radius: 25px;
    z-index: -2 !important;
	color: #fff !important;
	border:0px !important;
}


.et_pb_button.btn-effect5:before {
    content: '' !important;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #067d9a !important;
    transition: all .4s;
    border-radius: 5rem;
    z-index: -1 !important;
	padding: .75rem 1.25rem;
    border-radius: 25px;
	border:0px !important;
}


.et_pb_button.btn-effect5:hover {
	content: '' !important;
  	color: #fff !important;
	padding: .75rem 1.25rem;
	border:0px !important;
    border-radius: 25px;
}


.et_pb_button.btn-effect5:hover::before {
    width: 100% !important;
	padding: .75rem 1.25rem;
	color: #fff !important;
    border-radius: 25px;
	border:0px !important;
}




.et_pb_button.btn-effect6 {
	color: #FFF;
	transition: all 0.5s;
	width:250px;
	height:50px;
	z-index: 1;
	background-color: rgba(255,255,255,0.1);
	transition: all 0.3s;
	text-align: center;
}

.et_pb_button.btn-effect6:hover {
/* 	opacity: 0 ;
	transform: scale(0.5,0.5); */
}


.et_pb_button.btn-effect6:after {
    content: '' !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 95%;
    height: 80%;
    z-index: 1;
	opacity: 0 !important; 
    transition: all 0.3s;
    /* transform: scale(1.2,1.2) !important; */
    right: 0;
    text-align: center;
}

.et_pb_button.btn-effect6:hover::after {
	content: '' !important;
	position: absolute;
	opacity: 1 !important;
	transform: scale(1,1);
    width: 95%;
    height: 80%;
	border: 2px solid rgba(255,255,255,0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all 0.3s;
    /* transform: scale(1.2,1.2) !important; */
    right: 0;
    text-align: center;
}


.et_pb_button.btn-effect6 :before {
	content: 'xxxx' !important;
	position: absolute;
}








.btn-effect1{
	position: relative;
 	border: none;
    font-size: 18px;
    transition: color 0.5s, transform 0.2s, background-color 0.2s;
    outline: none;
    border-radius: 3px;
    margin: 0 10px;
    padding: 23px 33px;
    border: 3px solid transparent;
}

.btn-effect1 :hover{
	background-color: transparent;
    box-shadow: none;
    color: white;
    transform: translateY(3px);
}

.btn-effect1 :before{
	 content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px solid darken(rgb(24, 24, 61), 10%);
    transition: opacity 0.3s, border 0.3s;
	
}


.btn-effect2{
	position: relative;
 	border: none;
    font-size: 18px;
    transition: color 0.5s, transform 0.2s, background-color 0.2s;
    outline: none;
    border-radius: 3px;
    margin: 0 10px;
    padding: 23px 33px;
    border: 3px solid transparent;
}

.btn-effect2 :hover{
	background-color: transparent;
    box-shadow: none;
    color: white;
    transform: translateY(3px);
}

.btn-effect2 :before{
	 content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px solid darken(rgb(24, 24, 61), 10%);
    transition: opacity 0.3s, border 0.3s;
	
}


.btn-effect2 {
  border: 2px solid rgb(51, 22, 153);
  border-radius: 3rem;
  color: yellow;
  font-family: roboto;
  font-size: 4rem;
  font-weight: 100;
  overflow: hidden;
  padding: 1rem 2rem;
  position: relative;
  text-decoration: none;
  transition: .2s transform ease-in-out;
  will-change: transform;
  z-index: 0;
}

.btn-effect2 :after {
    background-color: yellow;
    border-radius: 3rem;
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-100%, 0) rotate(10deg);
    transform-origin :top left;
    transition: .2s transform ease-out;
    will-change: transform;
    z-index: -1;
}
.btn-effect2 :hover::after {
    transform: translate(0, 0);
}

.btn-effect2 :hover {
    border: 2px solid transparent;
    color: indigo;
    transform: scale(1.05);
    will-change: transform;
}



.btn1 {
  z-index:1;
  border: none;
  display: block;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  outline: none;
  overflow: hidden;
  position: relative;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  background-color: #222;
  padding: 17px 60px;
  margin: 0 auto;
  box-shadow: 0 5px 15px rgba(0,0,0,0.20);
}

.btn1 span {
  position: relative; 
  z-index: 1;
}

.btn1:before,
.btn1:after {
  content: "";
  z-index:-1;
  position: absolute;
  left: 0;
  top: 0;
  height: 490%;
  width: 140%;
  background: #78c7d2;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
  transform: translateX(-98%) translateY(-25%) rotate(45deg);
}

.btn1:hover:before {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
}

.btn1:hover:after {
  background: #44b5c4;
  -webkit-transform: translateX(-65%) translateY(-25%) rotate(45deg);
  transform: translateX(-65%) translateY(-25%) rotate(45deg);
}


a.et_pb_button.btn1 {
    z-index:1;
    border: none;
    display: block;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    outline: none;
    overflow: hidden;
    position: relative;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    background-color: #222;
    padding: 17px 60px;
    margin: 0 auto;
    box-shadow: 0 5px 15px rgba(0,0,0,0.20);
  }
  
  a.et_pb_button.btn1 span {
    position: relative; 
    z-index: 1;
  }
  
  a.et_pb_button.btn1:before,
  a.et_pb_button.btn1:after {
    content: "";
    z-index:-1;
    position: absolute;
    left: 0;
    top: 0;
    height: 490%;
    width: 140%;
    background: #78c7d2;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
    transform: translateX(-98%) translateY(-25%) rotate(45deg);
  }
  
  a.et_pb_button.btn1:hover:before {
    -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
    transform: translateX(-9%) translateY(-25%) rotate(45deg);
  }
  
  a.et_pb_button.btn1:hover:after {
    background: #44b5c4;
    -webkit-transform: translateX(-65%) translateY(-25%) rotate(45deg);
    transform: translateX(-65%) translateY(-25%) rotate(45deg);
  }
  


/* CSS for buttons - Double border on hover - Bottom & Right */
.dl-double-border-bottom-right {
 -border-width: 2px; /* set the Button border width */
}

#page-container .et-l .et_pb_section .et_pb_button.dl-double-border-bottom-right::after {
  display: block !important;
  margin: 0;
  top: calc(var(-border-width) * (-1));
  right: calc(var(-border-width) * (-1));
  bottom: calc(var(-border-width) * (-1));
  left: calc(var(-border-width) * (-1));
  border: inherit;
  border-radius: inherit;
  opacity: 1;
  content: '';
  z-index: -1;
}

#page-container .et-l .et_pb_section .et_pb_button.dl-double-border-bottom-right:hover::after {
  top: calc(var(-border-width) * (-1) + var(-border-width) * 2.5);
  right: calc(var(-border-width) * (-1) - var(-border-width) * 2.5);
  bottom: calc(var(-border-width) * (-1) - var(-border-width) * 2.5);
  left: calc(var(-border-width) * (-1) + var(-border-width) * 2.5);
}


:root {
--bordure-bouton: 2px;
}


.dl-double-border-center {
  border-width: var(--bordure-bouton); 
}


#page-container .et-l .et_pb_section .et_pb_button.dl-double-border-center::after {
  display: block !important;
  margin: 0;
  top: calc(var(--bordure-bouton) * (-1));
  right: calc(var(--bordure-bouton) * (-1));
  bottom: calc(var(--bordure-bouton) * (-1));
  left: calc(var(--bordure-bouton) * (-1));
  border: inherit;
  border-radius: inherit;
  opacity: 1;
  content: '';
  z-index: -1;
}

#page-container .et-l .et_pb_section .et_pb_button.dl-double-border-center:hover::after {
  top: calc(var(--bordure-bouton) * (-3.5));
  right: calc(var(--bordure-bouton) * (-3.5));
  bottom: calc(var(--bordure-bouton) * (-3.5));
  left: calc(var(--bordure-bouton) * (-3.5));
}

  


:root {
--bordure-bouton: 3px;
--bordure-couleur: #2b3d4d;
--btn-background: #2b3d4d;
}


.dl-double-border-center {
  border-width: var(--bordure-bouton); 
}


#page-container .et-l .et_pb_section .et_pb_button.dl-double-border-center::after {
  display: block !important;
  margin: 0;
  top: calc(var(--bordure-bouton) * (-1));
  right: calc(var(--bordure-bouton) * (-1));
  bottom: calc(var(--bordure-bouton) * (-1));
  left: calc(var(--bordure-bouton) * (-1));
  border: inherit;
  border-radius: inherit;
  opacity: 1;
  content: '';
  z-index: -1;
}

#page-container .et-l .et_pb_section .et_pb_button.dl-double-border-center:hover::after {
  top: calc(var(--bordure-bouton) * (-3.5));
  right: calc(var(--bordure-bouton) * (-3.5));
  bottom: calc(var(--bordure-bouton) * (-3.5));
  left: calc(var(--bordure-bouton) * (-3.5));
}




/* CSS for buttons - Animated Lines on hover - Corners */
.dl-lines-corners {
  border-width: var(--bordure-bouton); /* set line width */
  border-color: var(--bordure-couleur); /* set line color */
}

#page-container .et-l .et_pb_section .et_pb_button.dl-lines-corners::before,
#page-container .et-l .et_pb_section .et_pb_button.dl-lines-corners::after {
  display: block !important;
  margin: 0;
  content: '';
  border-radius: inherit;
  border-width: var(--bordure-bouton);
  border-color: transparent;
  border-style: solid;
  opacity: 1;
  width: 0;
  height: 0;
}

#page-container .et-l .et_pb_section .et_pb_button.dl-lines-corners::before {
  top: calc(var(--bordure-bouton) * (-1));
  left: calc(var(--bordure-bouton) * (-1));
  bottom: auto;
  right: auto;
  border-right: none;
  border-bottom: none;
}

#page-container .et-l .et_pb_section .et_pb_button.dl-lines-corners::after {
  top: auto;
  left: auto;
  bottom: calc(var(--bordure-bouton) * (-1));
  right: calc(var(--bordure-bouton) * (-1));
  border-left: none;
  border-top: none;
}

#page-container .et-l .et_pb_section .et_pb_button.dl-lines-corners:hover::before,
#page-container .et-l .et_pb_section .et_pb_button.dl-lines-corners:hover::after {
  width: calc(100% + var(--bordure-bouton));
  height: calc(100% + var(--bordure-bouton));
  border-color: var(--bordure-couleur);
}

.dl-icon-right.survol.btn-noir,
.dl-icon-right.no-survol.btn-noir{
  --btn-background: white;
}


	
.dl-icon-right.survol::after {
	position: absolute;
	top: 0;
	bottom: 0;
	display: flex!important;
	align-items: center;
	justify-content: center;
	opacity: 1;
	right: -40px;
	width: 40px;
	background: var(--btn-background);
	margin: 0;
/* 	transition: all 0.8s ease-in-out; */
	transition: opacity 1.9s ease-in-out;
}

.dl-icon-right.no-survol::after {
    position: relative;
    top: 0;
    bottom: 0;
    opacity: 1;
    right: 0px;
    color: var(--btn-background) !important;
    margin: 0;
    margin-left: 2% !important;
/* 	transition: all 0.8s ease-in-out; */
	transition: opacity 1.9s ease-in-out;
	color:transparent !important;

}



#page-container .et-l .et_pb_section .et_pb_button.dl-icon-right.survol:hover::after {
 	transform: translateX(-40px);
/* 	right: 0; */
/* 	transition: all 0.6s ease-in-out; */
	transition: transform 0.4s ease-in, opacity 0.5s ease-out;

}


#page-container .et-l .et_pb_section .et_pb_button.dl-icon-right {
 	overflow: hidden;
	transition: all 0.6s ease-in-out;
}

/* Bouton en survol de la page accueil  */
.btn-accueil .et_pb_button:hover:after{
	padding-left:2%;
}

@media only screen and (min-width: 768px) and (max-width: 980px){
	.et_pb_section_2.photo-decouvrez-activites:after {
		width: 35% !important;
		height: 100% !important;
	}
}


/* Désactivé la couleur des menu en survol */
#menu-menu-principal .et_mobile_menu li a:hover, .nav ul li a:hover {
 background-color: rgba(0,0,0,0) !important;
}


/*** Change Mobile Columns By DiviMundo.com ***/

/* 2 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .two-col-mob .et_pb_column {
        width:47.25% !important;
    }
    
html .et-db .two-col-mob .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }

    html .et-db .two-col-mob .et_pb_column:not(:nth-child(2n)) {
            margin-right:5.5% !important;
    }
}

/* 3 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .three-col-mob .et_pb_column {
        width:29.6667% !important;
    }

    html .et-db .three-col-mob .et_pb_column:nth-last-child(-n+3) {
        margin-bottom:0;
    }

    html .et-db .three-col-mob .et_pb_column:not(:nth-child(3n)) {
        margin-right:5.5% !important;
    }
}

/* 4 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .four-col-mob .et_pb_column {
        width:20.875% !important;
    }

html .et-db .four-col-mob .et_pb_column:nth-last-child(-n+4) {
        margin-bottom:0;
    }

    html .et-db .four-col-mob .et_pb_column:not(:nth-child(4n)) {
        margin-right:5.5% !important;
    }
}

/* 5 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .five-col-mob .et_pb_column {
        width:15.6% !important;
    }

    html .et-db .five-col-mob .et_pb_column:nth-last-child(-n+5) {
        margin-bottom:0;
    }

    html .et-db .five-col-mob .et_pb_column:not(:nth-child(5n)) {
        margin-right:5.5% !important;
    }
}

/* 6 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .six-col-mob .et_pb_column {
        width:12.083% !important;
    }

    html .et-db .six-col-mob .et_pb_column:nth-last-child(-n+6) {
        margin-bottom:0;
    }

    html .et-db .six-col-mob .et_pb_column:not(:nth-child(6n)) {
        margin-right:5.5% !important;
    }
}

/*** Change Tablet Columns By DiviMundo.com ***/

/* 1 Column Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .one-col-tab .et_pb_column {
        margin-right:0 !important;
        width:100% !important;
    }
    
        html .et-db .one-col-tab .et_pb_column:not(:last-child) {
        margin-bottom:30px !important;
    }
}

/* 2 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .two-col-tab .et_pb_column {
        width:47.25% !important;
    }

.two-col-tab .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }

    html .et-db .two-col-tab .et_pb_column:not(:nth-child(2n)) {
        margin-right:5.5% !important;
    }
}

/* 3 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .three-col-tab .et_pb_column {
        width:29.6667% !important;
    }

html .et-db .three-col-tab .et_pb_column:nth-last-child(-n+3) {
        margin-bottom:0;
    }

    html .et-db .three-col-tab .et_pb_column:not(:nth-child(3n)) {
        margin-right:5.5% !important;
    }
}

/* 4 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .four-col-tab .et_pb_column {
        width:20.875% !important;
    }

html .et-db .four-col-tab .et_pb_column:nth-last-child(-n+4) {
        margin-bottom:0;
    }

    html .et-db .four-col-tab .et_pb_column:not(:nth-child(4n)) {
        margin-right:5.5% !important;
    }
}

/* 5 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .five-col-tab .et_pb_column {
        width:15.6% !important;
    }

.five-col-mob .et_pb_column:nth-last-child(-n+5) {
        margin-bottom:0;
    }
    
    html .et-db .five-col-tab .et_pb_column:not(:nth-child(5n)) {
        margin-right:5.5% !important;
    }
}

/* 6 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .six-col-tab .et_pb_column {
        width:12.083% !important;
    }

    html .et-db .six-col-tab .et_pb_column:nth-last-child(-n+6) {
        margin-bottom:0;
    }

    html .et-db .six-col-tab .et_pb_column:not(:nth-child(6n)) {
        margin-right:5.5% !important;
    }
}




/* Style du header en tablette verticale */
@media (min-width: 770px) and (max-width: 980px ) {

}




/* Style du header en tablette HORIZONTAL */
@media (min-width: 981px) and (max-width: 1300px ) {
	#menu-bas nav.et-menu-nav > ul > li > a {
		font-size: 14px !important;
	}
}


/* Style du menu en mobile */
.tel-mobile a {
    font-weight: 700 !important;
    font-size: 16px !important;
}

.sous-menu-mobile {
    border-radius: 5px;
    padding: 2px 0;
}

.sous-menu-mobile.menu-item-has-children>a {
    font-weight: 500 !important;
    background-color: #e7ed96 !important;
}


/* --------------------Style du popup de cookie------------------ */
@keyframes fade {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

#cookie-consent-options {
    accent-color: #AFDBBC;
}
#cookie-consent-options{
	animation: fade 0.6s ease none;
}


.cookie-consent-banner {
    background-color: #f8f9fa;
    width: 40%;
	color: black;
	padding: 30px;
    font-size: 14px;
    text-align: center;
    z-index: 1000;
	animation: fade 1.0s ease none;
    display: none !important;
    float: right;
    position: fixed;
    bottom: 0;
    right: 0;
    margin: 0 20px 20px 0;
	box-shadow: 0px 2px 18px 0px rgb(30 30 31 / 67%);
	border-radius:15px;
}


@media (max-width: 767px) {
	.cookie-consent-banner {
		width: auto;
    margin: 0 20px 20px 20px;
	}

}

.cookie-consent-banner p {
    max-width: 600px;
    text-align: center;
    margin: 0 auto !important;
}

.cookie-consent-button {
    color: black !important;
    border: 0px solid #EB7F23;
    border-radius: 0px;
    letter-spacing: 1px;
    font-size: 13px;
	font-weight:500;
	font-family: 'Roboto';
    text-transform: none !important;
	padding: 22px;
    transition: all 300ms ease 0ms;
	margin-bottom:0.8rem;
	border-radius:7px;
}

.cookie-consent-button.btn-grayscale:hover {
    color: black !important;
    letter-spacing: 3px!important;
    background-image: initial;
    background-color: white;
	  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
}

.cookie-consent-button.btn-outline:hover {
    color: black !important;
    letter-spacing: 3px!important;
    background-image: initial;
    background-color: white;
	  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
}

.cookie-consent-button.btn-success:hover {
    color: black !important;
    letter-spacing: 3px!important;
    background-image: initial;
    background-color: white;
	  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
}

.cookie-consent-button:active {
    opacity: .5;
}

.cookie-consent-button.btn-success {
    background-color: #E7ED96;
    color: black !important;
}

.cookie-consent-button.btn-grayscale {
    background-color: #E7ED96;
    color: black;
    border: 0px solid #AFDBBC;
}

#reject-all.cookie-consent-button.btn-grayscale {
    background-color: #E7ED96;
    color: black;
}

#btn-reject-all.cookie-consent-button.btn-outline:hover {
    color: black !important;
    letter-spacing: 3px!important;
    background-color: white;
	box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
}

.cookie-consent-button.btn-choix:hover {
    color: black !important;
    letter-spacing: 3px!important;
    background-color: white;
	box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
}


.cookie-consent-button.btn-choix {
    background-color: #E7ED96;
    color: white;
    border: 0px solid #AFDBBC;
}


.cookie-consent-button.btn-outline {
    border: 0px solid #ff6900 !important;
    background-color: #2b3d4d;
    color: white !important;
}

#btn-accept-some{
	display: none;
}

input[type="checkbox"]:checked::before {
    background-color: #fff;
    transform: scale(1);
}

.cookie-consent-options {
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
		display: none;
}

.cookie-consent-options label {
    margin: 0 10px;
    font-size: 14px;
}

.cookie-consent-options input {
    margin-right: 5px;
}

#cookie-consent-banner p {
    padding-bottom: 0.8rem;
}

.cookie-consent-options{
	padding-top: 0.8rem;
}