.packs-resa.one {background:#af8b1b;}
.packs-resa.two {background:#1f1e1d;}
.packs-resa.three {background:#DD3939;}
.packs-resa.four {background:#005580;}
.packs-resa.five {background:#FF7657;}
.packs-resa.six {background:#005792;}
.packs-resa.seven {background:#00943E;}

.packs-resa h2 strong {
	display: block;
	margin-bottom: .250rem;
	text-transform: uppercase;
	font-size: 1.125rem;
	line-height: 1.35em;
	color: white;
	}


/* CH?? - FORMULAIRE
/* ---------------------------------------------------------------------------------- */
.formulaire_spip {
	display: block;
	max-width:75rem;
	margin: 0 auto;
	padding-bottom:2.5rem;
	text-align: left;
	}

.formulaire_spip .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	}

.formulaire_spip fieldset {
    position: relative;
    width: 100%;
	height: 100%;
    background: none;
    border: 10px solid #ddd;
    padding: 1.5rem 3.750rem;
	margin: 0 auto;
	}

.formulaire_spip legend {
	padding:.9375rem 1.875rem;
    font-size: 1.250rem;
	font-weight: 700;
	text-align: center;
	}

.formulaire_spip .editer label {
    display: inline-block;
    margin-bottom: .250rem;
    font-size: 1.125rem;
	font-family:"Lato", sans-serif;
    font-weight: 300;
    line-height: 1.5em;
	text-align: left;
	}

.formulaire_spip input[type=email],
.formulaire_spip input[type=text],
.formulaire_spip textarea {
    width: 100%;
    padding:.5rem;
    background: white;
	height: 45px;
    border: none;
    border-radius: 3px;
	font-family:"Lato", sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
	}

.formulaire_spip textarea {min-height: 200px;}

.formulaire_spip  .boutons  {
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
	padding: 0 .9375rem;
	text-align: center;
	}

.formulaire_spip  input[type="submit"]  {
	cursor: pointer;
	width: 100%;
	height: 80px;
	line-height: 80px;
	border: none;
	border-radius: 40px;
	margin-top: 1.875rem;
	background: #0079ff;
	font-weight: 700;
	font-size: 1.375rem;
	color: #FFF;
	-webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
	}

.formulaire_spip  input[type="submit"]:hover,
.formulaire_spip  input[type="submit"]:focus {outline: none;}
.formulaire_spip  input[type="submit"]:active {transform: scale(0.97);}


.formulaire_formidable_1 {padding-bottom:5rem;}
.formulaire_formidable_2 .editer,
.formulaire_formidable_3 .editer {margin-bottom: .9375rem;}

.formulaire_spip.formulaire_formidable_3 .fieldset {margin-bottom: 1.875rem;}

.reponse_formulaire {
	padding :1.875rem;
	margin: 1.875rem 0;
	font-size: 1.250rem;
	line-height: 1.333em;
	text-align: center;
	color:#2d363b;
	}

.reponse_formulaire.reponse_formulaire_erreur {
	background:#ff5252;
	color:white;
	}

.erreur_message {
	position:absolute;
	left: 0;
	bottom:-9px;
	display: inline-block;
	font-size: .875rem;
	line-height: 0;
	color:#ff5252;
	}


/* COORDONNEES & DATES
/* -------------------------- */
.coord,
.vosdates {width: 100%;}

.coord .editer {
	position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc((50% - 4px) - 1.875rem);
    margin-bottom: .9375rem;
	}

.coord .editer:nth-child(2n) {margin-left: 3.750rem;}

	@media only screen and (max-width: 63.9375rem) {
		.formulaire_spip fieldset {padding: 1.5rem 1.875rem;}
		.coord .editer {width: calc((50% - 4px) - .9375rem);}
		.coord .editer:nth-child(2n) {margin-left: 1.875rem;}
		}

	@media only screen and (max-width: 39.9375rem) {
		.formulaire_spip fieldset {padding: 1.5rem 1.5rem;}
		.coord .editer {width: 100%;}
		.coord .editer:nth-child(2n) {
			width: 100%;
			margin-left: 0;
			}
		}


.vosdates {text-align: center;}

.vosdates fieldset {
    padding: 0;
    border: none;
    border-top: 10px solid #ccc;
	}	

.vosdates legend {
	margin-bottom: 1.875rem;
	font-size: 1.750rem;
	line-height: 1.15em;
	}

.vosdates .editer {
    margin: 0 auto 1.5rem;
    width: 50%;
	padding: 0 10%;
	}

.vosdates .editer label {font-weight: 700;}

input.date {
	width: 100% !important;
	padding-right: .5rem !important;
	text-align: center;
	}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	border: 1px solid #0079ff !important;
	-webkit-text-fill-color: #1f1e1d;
	box-shadow: 0 0 0px 1000px white inset;
	transition: background-color 5000s ease-in-out 0s;
	}


/* SELECTION PACK
/* -------------------------- */
.select_packs {
	width: 100%;
	margin-top:3rem;
	margin-bottom: 2rem;
	}

.select_packs fieldset {
	padding: 0;
	border: none;
	border-top:10px solid #0079ff;
	}

.select_packs .fieldset {
	float: left;
    margin: 0 auto;
    width: 50%;
	padding: .9375rem 1.875rem 1.250rem;
	padding-left: 3.750rem;
	}

.select_packs .fieldset:nth-child(2n) {
	padding-right: 3.750rem;
	padding-left: 1.875rem;
	}

.select_packs legend {
	margin-bottom: 1.875rem;
	font-size: 1.750rem;
	line-height: 1.15em;
	color: #0079ff;
	}

.select_packs .fieldset legend {
	width: 100%;
	margin-bottom: .9375rem;
	padding: .5rem;
	font-size: 1rem;
	text-transform: uppercase;
	color: white;
	border-radius: 3px;
	}

.select_packs .one legend {background:#800000;}
.select_packs .two legend {background:#000;}
.select_packs .three legend {background:#996633;}
.select_packs .four legend {background:#5f5f5f;}
.select_packs .five legend {background:#003300;}
.select_packs .six legend {background:#305496;}
.select_packs .seven legend {background:#ff6600;}
.select_packs .eight legend {background:#7030a0;}
.select_packs .nine legend {background:#800000;}

.select_packs .editer-groupe fieldset {border:none !important;}

.select_packs .editer label {
	margin-bottom: .375rem;
	width:calc(100% - 65px);
	}

.select_packs select {
	float:right;
	height:30px;
	border: none;
	}

	@media only screen and (max-width: 63.9375rem) {
		.select_packs .fieldset {
			padding-left: 1.875rem;
			padding-right: .9375rem;
			}

		.select_packs .fieldset:nth-child(2n) {
			padding-right: 1.875rem;
			padding-left: .9375rem;
			}
		.vosdates .editer {width: 60%;}
		}

	@media only screen and (max-width: 39.9375rem) {
		.select_packs .fieldset,
		.select_packs .fieldset:nth-child(2n) {
			float: none;
			width: 100%;
			padding-left: 0;
			padding-right: 0;
			}
		.vosdates .editer {width: 75%;}
		}


/* CODE PROMO
/* -------------------------- */
.fieldset_fieldset_8 {
	width: 100%;
	background: #00e6a0;
    padding: 1.875rem .9375rem;
	margin: 3rem 0;
	}

.fieldset_fieldset_8 fieldset {
	max-width: 320px;
	margin: 0 auto;
	padding: 0 .9375rem;
	border: none;
	}

.fieldset_fieldset_8 legend {
	padding: 0;
	text-transform: uppercase;
	font-size: 1rem;
	}


/* RECAP
/* -------------------------- */
.fieldset_fieldset_7 {width: 100%;}

.fieldset_fieldset_7 fieldset {
	border: none;
	border-top: 10px solid #0079ff;
	}

.fieldset_fieldset_7 legend {
    font-size: 1.750rem;
    color: #0079ff;
	}

.fieldset_fieldset_7 .editer-groupe {
	max-width: 320px;
	margin: 0 auto;
	padding: 0 .9375rem;
	}

.fieldset_fieldset_7 .editer {margin-top: .875rem;}

.fieldset_fieldset_7 label {color: #0079ff;}
.fieldset_fieldset_7 label strong {
	font-weight: 700;
	color: #0079ff;
	}


.formulaire_formidable_3 .editer.saisie_case {
	width:100%;
	margin-top: .125rem;
	margin-bottom: .250rem;
	padding-top: .375rem;
	}

.formulaire_formidable_3 .editer.saisie_case + .saisie_case {
	border-top: 1px solid #ddd;
	margin-bottom: 1.250rem;
	}

.formulaire_spip .editer.saisie_case label {margin-bottom:0}

.explication p {
	padding:1.125rem;
	background: #ddd;
	font-family: "Lato", sans-serif;
	font-size:1rem;
	font-weight:400;
	}

.saisie_case {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	}

.saisie_case > label {width:calc(100% - 65px);}
.saisie_case .choix {
	width: 65px;
	text-align:right;
	}