/*@media only screen and (max-width:450px) {*/
/*.col-md-10, .col-md-12 {*/
/*padding:0;*/
/*}*/
/*}*/


:root {
	--blue : #3BA2C1;
}

.form-group {
	flex-flow   : column;
	align-items : flex-start;
}

.form-control:focus {
	outline      : none;
	box-shadow   : none;
	border-color : #133250;
}

#page form label {
	font-size : 15px;
}

#page form label.required:after {
	display : none;
}

#page form label.required .label-msg:after {
	content : " *";
	color   : #BD2025;
}

#page .btn {
	vertical-align  : unset;
	text-decoration : none;
	border-radius   : 0;
}

#page h3.after_red:after {
	background : #BD2025;
}

@media screen and (min-width : 767px) {
	#page #inscription_date_naissance {
		width : 50%;
	}
}

#page #inscription_date_naissance select {
	width : 33%;
}

#page .form-group {
	position : relative;
}

#page .show_pass {
	position        : absolute !important;
	bottom          : 1px !important;
	left            : 1px !important;
	padding         : 7px 9px !important;

	cursor          : pointer !important;
	display         : flex !important;
	align-items     : center !important;
	justify-content : center !important;

	background      : none !important;
	border          : none !important;
	outline         : none !important;
	box-shadow      : none !important;
	color           : #BD2025 !important;
	width           : auto !important;
	margin          : 0 !important;
}

#page .show_pass.visible {
	color : #133250 !important;
}

#page .show_pass + input {
	padding-left : 40px !important;
}

#page .show_pass .fa-eye-slash {
	display : none;
}

#page .show_pass.visible .fa-eye {
	display : none;
}

#page .show_pass.visible .fa-eye-slash {
	display : block;
}

/* -------------------------------------------- */
/* main.php
/* -------------------------------------------- */
#page {
	padding-bottom : 100px;
}

#page h1 {
	margin-bottom : 50px;
	padding       : 50px 0;
}

#page h1:before, #page h1:after {
	content          : "";
	display          : block;
	position         : absolute;
	height           : 5px;
	width            : 33%;
	bottom           : 0;
	background-color : #2C7FA8;
	left             : 0;
}

#page h1:after {
	left             : inherit;
	right            : 0;
	background-color : #BD2025;
}

#page .box_fidelite {
	background    : #F0F0F0;
	text-align    : left;
	padding       : 15px;
	margin-bottom : 25px;
}

#page .box_fidelite h5 {
	font-weight : bold;
	font-size   : 1.2em;
}


#page .box-wrapper {
	height          : 100%;
	display         : flex;
	align-items     : center;
	justify-content : space-between;
	flex-direction  : column;
}

#page .box-wrapper .lien_invite {
	/*width : 100%;*/
}

#page .box-wrapper .lien_invite .submit {
	margin           : 15px 0 0 0;
	width            : 100%;
	max-width        : none;
	background-color : #E57373;
}

#page .box_compte {
	position       : relative;
	top            : 0;
	left           : 0;
	width          : 100%;
	max-width      : none;
	border         : 1px solid #9EA0A2;
	padding-bottom : 50px;
	margin         : 0;
	height         : 100%;
}

@media (max-width : 575.98px) {
	#page .box_compte {
		min-height : 320px;
	}
}

#page .box_compte h4 {
	background-color : var(--blue);
	color            : #FFFFFF;
	margin           : 0;
	padding          : 10px 0;
	text-align       : center;
	font-size        : 14pt;
	font-weight      : normal;
	font-family      : "FuturaBT-Medium";
}

#page .box_compte .box_content {
	padding    : 10px 20px;
	text-align : justify;
	font-size  : 15px;
}

#page .box_compte .box_content label {
	font-size : 15px;
}

#page .box_compte .box_content input[type="email"],
#page .box_compte .box_content input[type="password"] {
	width         : 100%;
	outline       : none;
	box-shadow    : none;
	border-radius : 0;
}

#page .box_compte .box_content input[type="email"]:focus,
#page .box_compte .box_content input[type="password"]:focus {
	border-color : #133250;
}

#page .bouton_bas {
	position   : absolute;
	bottom     : 0;
	left       : 0;
	right      : 0;
	padding    : 0;
	width      : 100%;
	text-align : center;
	/*background-color:#70413C;	*/
}

#page .bouton_bas .bouton, #page .bouton_bas input.bouton {
	position         : relative;
	top              : 0;
	left             : 0;
	padding          : 10px 0;
	margin           : 0;
	width            : 100%;
	max-width        : none;
	border           : none;
	border-radius    : 0;
	background-color : var(--blue);
	font-family      : "FuturaBT-Medium";
	font-size        : 20px;
	color            : #FFFFFF;
	text-align       : center;
	display          : inline-block;
	box-shadow       : 0px 0px 2px #999999;
	cursor           : pointer;
	white-space      : normal;
	text-decoration  : none;
}

#page #set_cookie {
	margin : 0;
}

#page .container_checkbox {
	position        : relative;
	display         : inline-block;
	width           : auto;
	margin          : 0 15px;
	display         : flex;
	align-items     : center;
	justify-content : flex-start;
}

#page #inscription .container_checkbox {
	margin : 0;
}

#page .container_checkbox input {
	margin-right : 10px;
	opacity      : 0;
}

#page .container_checkbox .checkbox {
	position        : absolute;
	top             : 0;
	left            : 0;
	margin          : 0;
	width           : 20px;
	height          : 20px;
	display         : flex;
	align-items     : center;
	justify-content : center;
	background      : #FFFFFF;
	border-radius   : 4px;
	border          : 1px solid #3C3C3B;
	font-size       : 14px;
}

#page .container_checkbox .checkbox svg {
	color      : var(--blue);
	transform  : scale(0);
	transition : transform 0.15s ease-in-out;
}

#page .container_checkbox input:checked + .checkbox svg {
	transform : scale(1);
}


#page #mdp_oublie {
	text-align    : right;
	font-size     : 9pt;
	margin-bottom : 0;
}

#page #mdp_oublie a {
	/*color:#808285;*/
	text-decoration : none;
}


#page input[type="text"], input[type="password"], #page input[type="tel"] {
	padding : 3px;
}

#page textarea {
	margin  : 0;
	padding : 3px;
}

#page select {
	padding : 3px;
}

#page .encart {
	text-align    : justify;
	/*color:#777753;*/
	font-size     : 15px;
	margin-bottom : 50px;
}

@media (min-width : 1200px) {
	#page .encart {
		font-size : 20px;
	}
}


#page #encart p {
	margin      : 0;
	line-height : 18px;
}

#page table {
	margin-left : 25px;
	margin-top  : 20px;
}

#page table tr td {
	position   : relative;
	top        : 0;
	left       : 0;
	width      : 230px;
	text-align : right;
	font-size  : 20px;
}

#page tr td + td {
	text-align : left;
	width      : 480px;
}

#page tr td + td span {
	display     : inline-block;
	margin-left : 3px;
	/*color:#FF0000;*/
}

.cgv span {
	display     : inline-block;
	margin-left : 10px;
	color       : #FF0000;
}

#page table tr td b, .cgv b {
	color : #FF0000;
}

#page #civilite {
	width : 200px;
}

#page #jour {
	width : 65px;
}

#page .obligatoire {
	float : right !important;
}

#page .obligatoire b {
	color : #FF0000;
}

#page .coche {
	flex-flow   : row;
	align-items : center;
}

#page .coche label {
	margin-left : 10px;
}

#page label a {
	color : #8E0D2B;
}

#page .form-check {
	display         : flex;
	align-items     : center;
	justify-content : flex-start;
	margin-bottom   : 1em;
}

#page .form-check input {
	margin-top   : 0;
	margin-right : 15px;
}


/* --------------------------------------------------------------- */
/*
/* Erreurs formulaires
/*
/* --------------------------------------------------------------- */
#page .invalid-feedback .form-error-icon {
	display : none;
}

#page .invalid-feedback .form-error-message {
	font-size : 15px;
	color     : #BD2025;
}


#page .container_checkbox {
	display         : flex;
	align-items     : center;
	justify-content : flex-start;

}

#page .container_checkbox input {
	position     : relative;
	margin-right : 15px;
	opacity      : 1;
	cursor       : pointer;
}

#page .container_checkbox label {
	margin : 0;
	cursor : pointer;
}

#page .container_checkbox input:before {
	content               : "";
	position              : absolute;


	top                   : 50%;
	left                  : 0;
	transform             : translate(0, -50%);
	width                 : 20px;
	height                : 20px;

	-webkit-border-radius : 50%;
	-moz-border-radius    : 50%;
	border-radius         : 50%;

	background            : #FFFFFF;
	border                : 2px solid #3BA2C1;
}

#page .container_checkbox input[type=checkbox]:before {
	border-radius : 0;
}

#page .container_checkbox input:after {
	content               : "";
	position              : absolute;

	width                 : 10px;
	height                : 10px;

	background            : #3BA2C1;
	-webkit-border-radius : 50%;
	-moz-border-radius    : 50%;
	border-radius         : 50%;
	top                   : 50%;
	left                  : 5px;
	transform             : translate(0, -50%) scale(0);
	-webkit-transition    : transform 0.15s;
	-moz-transition       : transform 0.15s;
	-ms-transition        : transform 0.15s;
	-o-transition         : transform 0.15s;
	transition            : transform 0.15s;
}

#page .container_checkbox input[type=checkbox]:after {
	-webkit-border-radius : 0;
	-moz-border-radius    : 0;
	border-radius         : 0;
}

#page .container_checkbox input:checked:after {
	transform : translate(0, -50%) scale(1);
}


/* ----------------------------------------- */
/* Pour la page mot de passe oublié
/* ----------------------------------------- */
#page p span.obligatoire {
	position   : absolute;
	top        : 6px;
	left       : 225px;
	color      : #FF0000;
	width      : 250px;
	text-align : left;
}

@media only screen and (max-width : 450px) {
	#page .box_compte {
		width : 100%;
	}

	#page .box_compte .contenu input[type="text"], #page .box_compte .contenu input[type="password"] {
		width : 100%;
	}

	#form_inscription tr > td:first-child {
		display : none;
	}

	#page input[type="text"], #page input[type="password"], #page input[type="tel"], #page textarea {
		width : 95%;
	}

	#page #civilite, #page #pays {
		width : 95% !important;
	}

	#page tr td + td span {
		margin : 0;
	}
}

@media screen and (max-width : 768px) {
	#page {
		padding-bottom : 0;
	}
}