/*---------------------------------------------
LE JEU DE CLASSES GENERALES QUE L'ON UTILISE 
TOUT LE TEMPS POUR DEMARRER NOTRE MISE EN PAGE
---------------------------------------------*/
.wrap100{
	width: 100%;
	margin: 0 auto;
}
.wrap77vw{
	max-width: 77vw;
	margin: 0 auto;
}
.wrap100Nav{
	width: 100%;
	margin: 0 auto;
}
.wrap90{
	width: 90%;
	margin: 0 auto;
	padding: 15px;
}
.wrap90sp{
	width: 90%;


}

.wrap80{
	width: 80%;
	margin: 0 auto;
	padding: 15px;
}

.wrap70{
	width: 70%;
	margin: 0 auto;
	padding: 15px;
}
.wrap50{
	width: 50%;
	margin: 0 auto;
	
}
.wrap50nc{
	width: 50%;

}
.wrap40nc{
	width: 40%;

}
.wrap30{
	width: 30%;
	margin: 0 auto;
}
.wrap30nc{
	width: 30%;
}
.wrap25nc{
	width: 25%;
}
.wrap20{
	width: 20%;
	margin: 0 auto;
	padding: 15px;
}
.wrap20nc{
	width: 20%;
}
.wrap5{
	width: 5%;
	margin: 0 auto;
	
}
.row {
	width: 100%;
}
.row5 {
	width: 5%;
}
.row10 {
	width: 10%;
}
.row15 {
	width: 15%;
}
.row20 {
	width: 20%;
}
.vue {
	width: 100vw;
	min-height: 100vh;
	background-size: cover;
}

.box-s{
 box-shadow: 2px 2px 5px rgba(0,0,0,0.9);
}

.champ {
	display: block;
	width: 100%;
	padding: 5px;
}
.width30{ min-width: 30px;}

.va-c{ vertical-align: center; }

.p-r{ position: relative; }

.p-a{ position: absolute; }

.ml-10{ margin-left: 10px;}

.ml-15{ margin-left: 15px;}

.ml-20{ margin-left: 20px;}

.ml-25{ margin-left: 25px;}

.ml-250{ margin-left: 250px;}

.mr-auto{ margin-right: auto;}

.mr-10{ margin-right: 10px;}

.mr-15{ margin-right: 15px;}

.mr-20{ margin-right: 20px;}

.mr-25{ margin-right: 25px;}

.mt-10{ margin-top: 10px;}

.mt-15{ margin-top: 15px;}

.mt-20{ margin-top: 20px;}

.mt-25{ margin-top: 25px;}

.mb-auto{ margin-bottom: auto;}

.mb-0{ margin-bottom: 0px;}

.b-0{ bottom: 0px;}

.r-0{ right: 0px;}

.mb--15{margin-bottom: -15px;}
.mb-10{ margin-bottom: 10px;}

.mb-15{ margin-bottom: 15px;}

.mb-20{ margin-bottom: 20px;}

.mb-25{ margin-bottom: 25px;}

.mb-50{ margin-bottom: 50px;}

.pd-10{ padding: 10px;}

.pd-15{ padding: 15px;}

.pd-20{ padding: 20px;}

.pd-25{ padding: 25px;}

.pd-50{ padding: 50px;}

.pr-10{ padding-right: 10px;}

.ml-autocalc{ margin-left: calc(100%-20px); }

.ml-auto{ margin-left: auto;}

.mr-0{ margin-right: 0;}

.fc { display: flex; }

.fw { flex-wrap: wrap; }

.jc-sb { justify-content: space-between; }

.jc-c { justify-content: center; }

.jc-sa { justify-content: space-around; }

.jc-fe{ justify-content: flex-end; }

.fc-w{ flex-wrap: wrap; }

.tc{ text-align: center; }

.al-c{ align-items: center; }

.al-fe{ align-items: flex-end; }

.tdn{ text-decoration: none; }

.label { width: 200px; }

.none{ display: none; }

.block{ display: block; }

.absolute{ position: absolute; }

.inline-block{ display: inline-block; }

.flex{ display: flex; }

.c-w {color: white;}

.max-H300{ max-height: 300px;}

/* FAIT MERDER CHECKBOXX A VOIR SI BESOIN EN BACK */
/* input{

	-moz-appearance: textfield;

	&::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin:0;
	}

	&::-o-inner-spin-button {
		-o-appearance: none;
		margin: 0; 
	}
} */

ul{
	list-style-type: none;
}
a{text-decoration: none;}


/*....