@charset "utf-8";


#blockBurgMobile {

	height: 60px;
	width: 60px;
	position: absolute;
	right: 20px;
top:5px;
display:block;

z-index: 500;
transition: background-image 0.5s ease;
background-image:url(../images/base/burg.png);
background-repeat:no-repeat;

	background-color: #6f59a5;
	
		border-radius: 10px;


}

#toggleBackground:checked + #blockBurgMobile {
  background-image: url(../images/base/burgNo.png);
}

/* Style pour masquer la case à cocher */
input[type="checkbox"] {
  display: none;
}

/* Style pour le label */
label {
  cursor: pointer;
}

/* Style pour le div avec l'image de fond */
.burg {

  background-size: cover;
  background-position: center;
}

/* Premier fond */
#toggleBackground:not(:checked) + label .burg {
  background-image: url(../images/base/burg.png);
}

/* Deuxième fond */


#toggleBackground:checked ~ #menuMobile {
  display: block;
	
	height: 280px;
	
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-color: #f7a600;


}


.content {
  display: none;

}

#menuMobile {
	transition: height 0.2s ease-out;
	height: 0;
  overflow: hidden;
   
	

background-color: #f5f5f5;


	width: 100%;
	position: fixed;
	left: 0;
	top: 90px;
	

	border:0;
	z-index:140;
	padding-top:0;

}



.catMenuMobile {


	height: 50px;
	position: relative;
	width: 100%;
	padding: 0;
	padding-top: 30px;
	margin-left: 0;
	margin-right: 40px;
	font-family: "Oswald", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 24px;
	line-height: 14px;
	color:#6f59a5;
	text-decoration: none;
	text-align: center;
	display: block;
}

.catMenuMobileNone {


	height: 50px;
	position: relative;
	width: 100%;
	padding: 0;
	padding-top: 30px;
	margin-left: 0;
	margin-right: 40px;
	font-family: "Oswald", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 24px;
	line-height: 14px;
	color:#aaa;
	text-decoration: none;
	text-align: center;
	display: block;
}

.catMenuMobile:hover {
	
	color: #f7a600;

  transition:
    color .2s;

		
}

#menu {
display:none;
	height: 0;
	z-index:140;

}




#menuContainer {
	height: 15px;
	left:0;
	width: 600px;

	position: relative;
	top: 0;
	border:0;
	

	justify-content: center;
}



.catMenu {
	height: 15px;
	width: auto;
	padding: 0;
	margin-left: 0;
	margin-right: 40px;
	font-family: "Oswald", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 24px;
	line-height: 14px;
	color:#6f59a5;
	text-decoration: none;
}


.catMenu:hover {
	
	color: #f7a600;

  transition:
    color .2s;

		
}

.catMenuNone {
	height: 15px;
	width: auto;
	padding: 0;
	margin-left: 0;
	margin-right: 40px;
	font-family: "Oswald", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 24px;
	line-height: 14px;
	color:#aaa;
	text-decoration: none;

}



#sousMenu {
	height: 10px;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 6px;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
	position: absolute;
	bottom: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2f5156;
	
}

#sousMenuContainer {
	height: 15px;
	left:50%;
	width: 940px;
	margin-left:-470px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	top: 0;
	border:0;
	
	display: flex;
	justify-content: center;
}


.catSousMenu {
	height: 15px;
	width: auto;
	padding: 0;
	margin-left: 40px;
	margin-right: 40px;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 16px;
	line-height: 14px;
	color:#2f5156;
	text-decoration: none;
	text-transform: uppercase;
}


.catSousMenu:hover {
	
	color: #f7a600;

  transition:
    color .2s;
	

		
}

.catSousMenuNone {
	height: 15px;
	width: auto;
	padding: 0;
	margin-left: 40px;
	margin-right: 40px;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 16px;
	line-height: 14px;
	color: #CCC;
	text-decoration: none;
	text-transform: uppercase;
}



.iconRS {
	height: 28px;
	width: 28px;
	position: relative;
	float:right;
	border-width: 3px;
	border-style: solid;
	border-color: #6f59a5;
	border-radius: 30px;
	margin-left:10px;
	/*opacity:0.8;*/
	
}

.iconRS:hover {

	border-color:#f7a600;
	opacity:1;

  transition:
  /*opacity .2s,*/
    border-color .2s;
}

#RS {
	height: 30px;
	width: 960px;
	left:50%;
	margin-left:-480px;
	top:20px;
	position: absolute;
	display: none;

}


.iconRSmobile {
	height: 38px;
	width: 38px;
	position: relative;
	float:right;
	border-width: 3px;
	border-style: solid;
	border-color: #6f59a5;
	border-radius: 40px;
	/*opacity:0.8;*/
	
}

.iconRSmobile:hover {

	border-color:#f7a600;
	opacity:1;

  transition:
  /*opacity .2s,*/
    border-color .2s;
}

#RSmobile {
	height: 40px;
	width: 100%;
	top:20px;
	position: relative;

	
	 display: flex;
  justify-content: center;
  gap: 15px;

}