
<style type="text/css">

/*------------------------------------------- Defaut ------------------------------------------------------*/
.reset {


}

@media (max-width: 800px) {
	
body.login form	{
width: calc(100% - 60px)!important;	
}		
	
.ligne_form {
display: block	!important;		
margin-bottom: 0!important;			
}	
	
.ligne_form .bloc_label {
margin-bottom: 20px	!important;			
}	

.ligne_form_colonne {
display: flex !important;
margin-bottom: 20px !important;
}	
	
.ligne_form_colonne .bloc_label {
margin-bottom: 0px	!important;			
}	
	
}
	
@media (max-width: 1200px) {
	
h1 {
font-size: 20px!important;
}
	
.mobile {
display:block!important;
}
	
.no-mobile {
display:none!important;
}		
	
nav {
width: 0!important;
top: 50px!important;
left:-100%!important;	
visible: hidden!important;	
transition: 0.6s all;		
}

nav.open {
width: 100%!important;
display: block!important;	
left:0!important;	
top: 50px!important;	
visible: visible!important;	

}	
	
header, .barre_bouton {
width: 100%!important;
left:0!important;	
}	
	
header a.icone i.mobile {
font-size: 28px;
margin-left: 30px;	
}	
	
.page {
margin-left: 0!important;
}		
	
.fenetre {
display:block!important;		
}	
	
.fenetre section .contenu {
max-height: 100%!important;
height: 100%!important;		
}	
	
.colonne section .contenu {
width:100%!important;		
}	
	

.bt_search_mobile {
font-size: 30px;		
}
	
.barre_recherche {
height: auto;
flex-direction: column;	
align-items: normal;	
row-gap: 20px;	
background-color: #eceded;	
padding: 20px;	
margin-bottom: 20px;	
}	
	
	
	
}

</style>	

	