/*--------------------------------------------------------------------------------------------
LE JEU DE CLASSES GENERALES QUE L'ON UTILISE TOUT LE TEMPS POUR DEMARRER NOTRE MISE EN PAGE
--------------------------------------------------------------------------------------------*/

.wrap {
	max-width: 1120px;
	min-width: 320px;
	margin: 0 auto;
	padding: 0 20px;
}

.fc {
	display: flex;
}

.fw {
	flex-wrap: wrap;
}

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

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

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

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

.grid {
	display: grid;
}

.text-center {
	text-align: center;
}

.extraLight {
	font-weight: 200;
}

.bold {
	font-weight: bold;
}

.semiBold {
	font-weight: 500;
}

.regular {
	font-weight: 400;
}

.italic {
	font-style: italic;
}

strong {
	font-weight: inherit;
}

em {
	font-style: inherit;
}

li {
	list-style-type: none;
}

a {
	transition: 400ms;
}

.display-inline {
	display: inline;
}

.blueColor {
	color: var(--bleu);
}

.redColor {
	color: var(--rouge);
}

.whiteColor {
	color: #fff;
}

.lightBlueColor {
	color: var(--bleu-clair);
}

body h1,
body h2 {
	line-height: 1.2;
}

.uppercase {
	text-transform: uppercase;
}

p {
	margin: 0;
}

.txt273 {
	font-size: 273%;
	line-height: 1.2;
}

.txt265 {
	font-size: 265%;
	line-height: 1.2;
}

.txt250 {
	font-size: 250%;
	line-height: 1.2;
}

.txt230 {
	font-size: 230%;
	line-height: 1.2;
}

.txt200 {
	font-size: 200%;
	line-height: 1.2;
}

.txt160 {
	font-size: 160%;
	line-height: 1.3;
}

.txt150 {
	font-size: 150%;
	line-height: 1.4;
}

.txt140 {
	font-size: 140%;
}

.txt130 {
	font-size: 130%;
}

.txt120 {
	font-size: 120%;
}

.txt110 {
	font-size: 110%;
}

.txt100 {
	font-size: 100%;
}

.txt90 {
	font-size: 90%;
}

.txt80 {
	font-size: 80%;
}

.marg-bot-152 {
	margin-bottom: 152px;
}

.marg-bot-90 {
	margin-bottom: 90px;
}

.marg-bot-80 {
	margin-bottom: 80px;
}

.marg-bot-70 {
	margin-bottom: 70px;
}

.marg-bot-60 {
	margin-bottom: 60px;
}

.marg-bot-50 {
	margin-bottom: 50px;
}

.marg-bot-40 {
	margin-bottom: 40px;
}

.marg-bot-30 {
	margin-bottom: 30px;
}

.marg-bot-20 {
	margin-bottom: 20px;
}

.marg-bot-10 {
	margin-bottom: 10px;
}

.marg-bot-5 {
	margin-bottom: 5px;
}

.pad-top-100 {
	padding-top: 100px;
}

.pad-top-80 {
	padding-top: 80px;
}

.pad-top-70 {
	padding-top: 70px;
}

.pad-top-60 {
	padding-top: 60px;
}

.pad-top-50 {
	padding-top: 50px;
}

.pad-top-40 {
	padding-top: 40px;
}

.pad-top-30 {
	padding-top: 30px;
}

.pad-top-20 {
	padding-top: 20px;
}

.pad-top-10 {
	padding-top: 10px;
}

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

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

.pad-bot-70 {
	padding-bottom: 70px;
}

.feedback {
	font-weight: bold;
}

.alerte-rouge {
	border: #ff0600 solid 2px;
	color: #ff0600;
}

.alert-danger {
	color: #ff0600;
}

.alerte-verte {
	border: green solid 2px;
	color: green;
}

.alerte {
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 9px;
	padding: 10px 20px;
	font-weight: bold;
	position: absolute;
	left: 50%;
	top: 70px;
	transform: translate(-50%);
	text-align: center;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	font-size: 110%;
	z-index: 9;
}

.fermer {
	cursor: pointer;
}

.nothing {
	font-family: 'Nothing You Could Do', cursive;
}

.btn {
	border-radius: 100px;
	padding: 10px 18px;
	display: block;
	cursor: pointer;
	transition: 400ms;
	text-align: center;
	border: none;
}

.blueBtn {
	color: var(--bleu);
	background-color: var(--bleu-clair);
}

.redBtn {
	color: var(--bordeau) !important;
	background-color: var(--rouge);
}

.whiteBtn {
	background-color: #fff;
	color: var(--bleu);
}

.btn:hover {
	transform: translateY(5px);
	transition: 200ms;
}

.montserrat {
	font-family: 'Montserrat', sans-serif;
}

.floatRight {
	float: right;
	margin: 0 0 30px 30px;
	width: 450px;
	display: block;
	border-radius: 14px;
}

.floatLeft {
	float: left;
	margin: 0 30px 30px 0;
	width: 450px;
	display: block;
	border-radius: 14px;
}

.puce li {
	list-style-type: none;
}

.puce li:before {
	content: '';
	width: 8px;
	height: 8px;
	display: inline-block;
	background-color: var(--rouge);
	border-radius: 5px;
	margin-right: 7px;
	transform: translatey(-1px);
}

.whiteSpace {
	white-space: nowrap;
}

.green-color {
	background-color: #1bb602;
	padding: 4px 6px;
	color: white !important;
	display: inline-block;
	border-radius: 5px;
	margin-bottom: 5px;
}

.red-color {
	background-color: var(--bordeau);
	padding: 4px 6px;
	color: white !important;
	display: inline-block;
	border-radius: 5px;
	margin-bottom: 5px;
}

.noCesure {
	word-break: keep-all;
}

.error {
	font-size: 85%;
	color: red;
}

/*RESPONSIVE*/
@media(max-width: 1000px) {

	.floatRight,
	.floatLeft {
		width: 350px;
	}
}

@media(max-width: 650px) {

	.floatRight,
	.floatLeft {
		width: 85%;
		float: inherit;
		margin: 0 auto 15px auto;
	}
}

@media(max-width: 500px) {
	.wrap {
		padding: 0 12px;
	}
}



/*----------------------
COOKIES
----------------------*/
.cookie-alert {
	padding: 20px;
	color: #fff;
	background-color: var(--rouge);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 10;
}

.cookie-alert p,
.cookie-alert a {
	margin: auto 0;
}

.cookie-alert p {
	width: 75%;
}

.cookie-alert a {
	background-color: #fff;
	padding: 7px 40px;
	border-radius: 50px;
	color: var(--bleu);
}