/*
	FONTS
*/
@font-face {
	font-family: "SeatMetaBold";
	src: url('fonts/MetaPro/MetaWebW07-Bold.woff') format('woff');
}
@font-face {
	font-family: "SeatMetaMedium";
	src: url('fonts/MetaPro/MetaWebW07-Medium.woff') format('woff');
}
@font-face {
	font-family: "SeatMetaNormal";
	src: url('fonts/MetaPro/MetaWebW07-Normal.woff') format('woff');
}
@font-face {
	font-family: "SeatMetaThin";
	src: url('fonts/MetaPro/MetaWebW07-Thin.woff') format('woff');
}

@font-face {
	font-family: 'GTWalsheimPro-Black';
	src: url('fonts/GTWalsheim/GTWalsheimPro-Black.eot');
	src: url('fonts/GTWalsheim/GTWalsheimPro-Black.eot?#iefix') format('embedded-opentype'),
	url('fonts/GTWalsheim/GTWalsheimPro-Black.woff') format('woff'),
	url('fonts/GTWalsheim/GTWalsheimPro-Black.ttf') format('truetype'),
	url('fonts/GTWalsheim/GTWalsheimPro-Black.svg#metapro-lightregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GTWalsheimPro-Light';
	src: url('fonts/GTWalsheim/GTWalsheimPro-Light.eot');
	src: url('fonts/GTWalsheim/GTWalsheimPro-Light.eot?#iefix') format('embedded-opentype'),
	url('fonts/GTWalsheim/GTWalsheimPro-Light.woff') format('woff'),
	url('fonts/GTWalsheim/GTWalsheimPro-Light.ttf') format('truetype'),
	url('fonts/GTWalsheim/GTWalsheimPro-Light.svg#metapro-lightregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GTWalsheimPro-Medium';
	src: url('fonts/GTWalsheim/GTWalsheimPro-Medium.eot');
	src: url('fonts/GTWalsheim/GTWalsheimPro-Medium.eot?#iefix') format('embedded-opentype'),
	url('fonts/GTWalsheim/GTWalsheimPro-Medium.woff') format('woff'),
	url('fonts/GTWalsheim/GTWalsheimPro-Medium.ttf') format('truetype'),
	url('fonts/GTWalsheim/GTWalsheimPro-Medium.svg#metapro-lightregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GTWalsheimRegular';
	src: url('fonts/GTWalsheim/GTWalsheimRegular.eot');
	src: url('fonts/GTWalsheim/GTWalsheimRegular.eot?#iefix') format('embedded-opentype'),
	url('fonts/GTWalsheim/GTWalsheimRegular.woff') format('woff'),
	url('fonts/GTWalsheim/GTWalsheimRegular.ttf') format('truetype'),
	url('fonts/GTWalsheim/GTWalsheimRegular.svg#metapro-lightregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GTWalsheimThin';
	src: url('fonts/GTWalsheim/GTWalsheimThin.eot');
	src: url('fonts/GTWalsheim/GTWalsheimThin.eot?#iefix') format('embedded-opentype'),
	url('fonts/GTWalsheim/GTWalsheimThin.woff') format('woff'),
	url('fonts/GTWalsheim/GTWalsheimThin.ttf') format('truetype'),
	url('fonts/GTWalsheim/GTWalsheimThin.svg#metapro-lightregular') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'GTWalsheimPro-Black';
	src: url('fonts/GTWalsheim/GTWalsheimPro-Black.eot');
	src: url('fonts/GTWalsheim/GTWalsheimPro-Black.eot?#iefix') format('embedded-opentype'),
	url('fonts/GTWalsheim/GTWalsheimPro-Black.woff') format('woff'),
	url('fonts/GTWalsheim/GTWalsheimPro-Black.ttf') format('truetype'),
	url('fonts/GTWalsheim/GTWalsheimPro-Black.svg#metapro-lightregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GTWalsheimPro-Light';
	src: url('fonts/GTWalsheim/GTWalsheimPro-Light.eot');
	src: url('fonts/GTWalsheim/GTWalsheimPro-Light.eot?#iefix') format('embedded-opentype'),
	url('fonts/GTWalsheim/GTWalsheimPro-Light.woff') format('woff'),
	url('fonts/GTWalsheim/GTWalsheimPro-Light.ttf') format('truetype'),
	url('fonts/GTWalsheim/GTWalsheimPro-Light.svg#metapro-lightregular') format('svg');
	font-weight: normal;
	font-style: normal;
}




html, body {
	margin: 0;
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	font-family: GTWalsheimRegular;
	background-color: #e9e9e9;
	overflow-x: hidden;
}


h1 {

	margin: 0;
	font-size: 60px;
	font-family: GTWalsheimPro-Black, sans-serif;
	color: #000000;
	border-left : #c72127 10px solid ;
	padding-left: 10px;
	position: relative;
	margin-bottom: 30px;
	line-height: 60px;}

p {
	color: #000000;
}

form {
}

input.input-error,
select.input-error {
	border: 1px solid #FF0000 !important;
}
label.input-error {
	color: #FF0000 !important;
}

button.go-seat,
select,
input[type="submit"],
input[type="text"] {

	display: block;
	padding: 10px;
	width: 70%;
	font-family: GTWalsheimRegular;
	position: relative;
	top: -15px;
}
input[type="text"] {
	margin-bottom:10px;
}
button.go-seat,
input[type="submit"] {
	width: 100%;
	top: 20px;
	background: #FFFFFF;
	color: #000000;
	border: solid #000000 5px;
	font-family: GTWalsheimPro-Black;
	margin-top: 5%;
}

button.go-seat:hover,
input[type="submit"]:hover {
	background-color:#000000; color:#ffffff;
}

input.radio-madame {
	margin-left: 90px;
}
option {
	color: #222222;
	background-color: #FFFFFF;
}
label {

	position: relative;
	top: -5px;
	display: inline-block;
	font-size: 16px;
	font-family: 'GTWalsheimPro-Medium';
	width: 30%;
	float:left;
	line-height: 16px;
}
label.custom_radio { float:none; display: inline;}
label.optin { font-size: 11px; }

p.error {

	margin: -35px 0 15px 0;
	font-size: 10px;
	color: #F56666;
	display: inline-block;
}

.page {
	width: 100%;
}

.bandeau-top {

	width: 100%;
	height: 80px;
	background-color: #FFFFFF;
}
.bandeau-top img {
	margin-left: 15px;
}

.bg-container {
	padding: 67% 0 0 0;
	font-family: GTWalsheimRegular;
	background-color: #e9e9e9;
	background-repeat: no-repeat;
	background-size: contain;

}
/*/
.form-container {
    padding: 79px 62px !important;
    background: #ffffff;
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
}
*/
.form-container {
	padding: 20px 35px 60px 35px !important;
	background: #ffffff;
	position: absolute;
	top: 0;
	right: 0;
	width: 40%;
	height: 97.7%;
}
.geolocme-container {
	position: relative;
	float: right;
	top: -2px;
	right: 8%;
	z-index: 20;
}
.geolocme-button {
	position: absolute;
	top: 0px;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(images/geolocme.png) center center no-repeat;
	border: 0px;
	cursor: pointer;
}

.cgu {
	color: #222222;
	font-family: GTWalsheimPro-Medium;
	padding: 10px;
	font-size: 12px;
	background-color: #e9e9e9;
}

.bottom {
	width: 100%;
	height: 140px;
	background-image: url(images/bottom_essai.png);
	background-position-x: 70%;
	position: relative;
	bottom: -25px;
}

.page-confirm .form-container p { color : #000000;font-family: GTWalsheimPro-Medium; font-size:16px; line-height:24px; }

.select-style select:focus { outline: none; }


.contener_select .ui-selectmenu-button { position: relative; width: 100% !important; height: 40px; background: #ffffff url(images/select_bg.png) center bottom repeat-x; border: 1px #d5d5d5 solid; }
.contener_select.error .ui-selectmenu-button { border: 1px #ff0000 solid; height: 42px; }
.contener_select .ui-selectmenu-button span.ui-icon { width: 8px; height: 6px; position: absolute; top: 50%; margin-top: -3px; /*right: 1.5em;*/ right: 1.2em; background: url(images/select_puce.png) no-repeat; }
.contener_select .ui-selectmenu-button.ui-corner-top span.ui-icon { background: url(images/select_puce_open.png) no-repeat; }
.contener_select .ui-selectmenu-button .ui-selectmenu-text { line-height: 36px; color : #999999; font-family: 'GTWalsheimRegular'; font-size: 14px;  padding: 0 1.7em 0em 0.8em; }
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active { margin: 0; }
.ui-selectmenu-menu .ui-menu { background: #ffffff; border: 1px #d5d5d5 solid; border-top: 0; }
.ui-selectmenu-menu .ui-menu.selectmenu-overflow { max-height: 275px; }
.ui-selectmenu-menu .ui-menu li { background: #ffffff; height: 48px; line-height: 48px; color : #999999; font-family: 'GTWalsheimRegular'; font-size: 14px;  padding-top: 0; padding-bottom: 0; }
.ui-selectmenu-menu .ui-menu li.ui-state-focus,
.ui-selectmenu-menu .ui-menu li.ui-state-active { background: #000000; color: #ffffff; }


.clear { clear:both ; }


/* force color placeholder*/
input { color : #999999;}
input::-moz-placeholder { color: #999999; }
input::-webkit-input-placeholder { color: #999999;  }
input:-moz-placeholder { color: #999999; opacity:  1; }
input::-moz-placeholder { color: #999999; opacity:  1; }
input:-ms-input-placeholder {color: #999999; }

label.light { font-family: 'GTWalsheimPro-Light';}

/*.offre_seat { width: 60%; float: right; line-height: 1px; padding-right: 70px;}*/
.offre_seat label { color: #999999; font-size: 14px; line-height: 17px; margin-left: 1em; top: 0; }

.bg-container { position: relative;}
.texte_flottant { position: absolute; top: 50px;left: 40px; font-size:28px; color:#ffffff; font-family: 'GTWalsheimPro-Medium'; line-height:42px; min-with: 50%; }
.texte_flottant sup{ font-size : 16px; font-family: 'GTWalsheimPro-Medium'; top: -14px; }
.texte_flottant span { font-size:56px; line-height : 62px;}
.texte_flottant .tf-bottom { position: absolute; top: 700px; }
.texte_flottant span sup{ font-size : 18px; font-family: 'GTWalsheimPro-Black'; position: relative; top: -32px; left: 2px; }
.texte_flottant span b { font-family: 'GTWalsheimPro-Black';}
.logo_flottant .noel-ibiza_nf { position:absolute; top:320px; left:580px; }
.logo_flottant .noel-leon_pa { position:absolute; top:330px; left:80px; }

body .bandeau-top {
	position: relative;
	z-index: 100;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

/* Custom Radio */
input[type="radio"] { display:none; }
input[type="radio"] + label { color :#000000;  font-family: 'GTWalsheimPro-Medium'; font-size: 16px; margin-right:30px; }
input[type="radio"] + label span { display:inline-block; width:23px; height:23px; margin:-1px 4px 0 0; vertical-align:middle; cursor:pointer; -moz-border-radius:  50%; border-radius:  50%; }
input[type="radio"] + label span { background: url(images/circle-black.png) center center no-repeat; background-position: 0 0; background-size: 20px; border: none ;}
/*input[type="radio"] + label.input-error span { background: url(images/circle-red.png) center center no-repeat; background-position: 0 2px; background-size: 20px; border: none ;}*/
input[type="radio"]:checked + label span{ background: url(images/circle-checked.png) center center no-repeat; background-position: 0 0; background-size: 20px; border: none ;}


/* Custom checkbox */
input[type="checkbox"]:not(:checked),
input[type="checkbox"]:checked { position: absolute; left: -9999px;}
input[type="checkbox"]:not(:checked) + label,
input[type="checkbox"]:checked + label { position: relative; padding-left: 30px; cursor: pointer; padding-right: 0; }
input[type="checkbox"]:not(:checked) + label:before { content: ''; position: absolute; left: -4px; top: -5px; width: 23px; height: 23px; background: url(images/circle-black.png) center center no-repeat; background-position: center center; background-size: 20px; border: none ; }
input[type="checkbox"]:not(:checked) + label.input-error:before { border: solid 2px #ffffff;}
input[type="checkbox"]:checked + label:before { border: none; }
input[type="checkbox"]:not(:checked) + label:after,
input[type="checkbox"]:checked + label:after { content: ''; position: absolute; left: -4px; top: -5px; width: 23px; height: 23px; background: url(images/circle-checked.png) center center no-repeat; background-position: center center; background-size: 20px; border: none ; }
input[type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0);}
input[type="checkbox"]:checked + label:after {opacity: 1;transform: scale(1);}
input[type="checkbox"]:disabled:not(:checked) + label:before,
input[type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; }
input[type="checkbox"]:disabled:checked + label:after { color: #999; }
input[type="checkbox"]:disabled + label { color: #aaa; }

.contener_select, .contener_input_text { width: 70%; }
.contener_select.error .ui-selectmenu-button { border: 1px #ff0000 solid; height: 52px; }
.contener_select .ui-selectmenu-button span.ui-icon { width: 8px; height: 6px; position: absolute; top: 50%; margin-top: -3px; /*right: 1.5em;*/ right: 1.2em; background: url(images/select_puce.png) no-repeat; }
.contener_select .ui-selectmenu-button.ui-corner-top span.ui-icon { background: url(images/select_puce_open.png) no-repeat; }
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active { margin: 0; }
.ui-selectmenu-menu .ui-menu { background: #ffffff; border: 1px #d5d5d5 solid; border-top: 0; }
.ui-selectmenu-menu .ui-menu.selectmenu-overflow { max-height: 275px; }
.ui-selectmenu-menu .ui-menu li { background: #ffffff; height: 48px; line-height: 48px; color : #999999; font-family: 'GTWalsheimRegular'; font-size: 14px;  padding-top: 0; padding-bottom: 0; }
.ui-selectmenu-menu .ui-menu li.ui-state-focus,
.ui-selectmenu-menu .ui-menu li.ui-state-active { background: #000000; color: #ffffff; }


.civilite_div { padding-top: 0; position: relative; padding-bottom: 30px; }

.optin.light { width: 100%; margin-left: 0; padding-right: 0; }

.field_row, .row { margin-bottom: 20px; }
body .bottom .bottom-text { display: none; }

body .bandeau-top img {
	position: relative;
	left: 13%;
	margin-left: 0;
}
/*body .page { margin: 0 auto; padding: 0; width: 1440px; }*/
body .page { margin: 0 auto; padding: 0; width: 1200px; }
body .page .cgu { padding: 10px 20px 30px; }

label.modele { top : 0;}
label.distributeur { top : 6px;}
label.projet { top : 10px;}

input[name="tel"] { margin-bottom: 0; }
 #contener_select_distributeur { margin-bottom: 10px; }

@media (max-width: 1440px) {
	body .page { width: 100%; }
	body .bandeau-top img { left: 30px; }
}


@media (max-width: 1400px) {
	.logo_flottant .noel-ibiza_nf { top:300px; left:500px; }
	.logo_flottant .noel-leon_pa { top:330px; left:80px; }
	.texte_flottant .tf-bottom { position: absolute; top: 650px; }
}

@media (max-width: 1280px) {

	.form-container {
		padding : 30px 45px 60px 35px !important;
	}
	h1 { font-size: 60px; margin-bottom: 30px; }
	input[type="radio"] + label { margin-right:15px;}
	button.go-seat, input[type="submit"] { margin-top: 2%;}

	.texte_flottant { top: 60px; left: 60px; }
	.logo_flottant .noel-ibiza_nf img { width:75%; height:75%; }
	.logo_flottant .noel-leon_pa { top:300px; }
	.logo_flottant .noel-leon_pa img { width:75%; height:75%; }
	.texte_flottant .tf-bottom { top: 600px; font-size: 20px; line-height: 35px;}


	.img { max-width:100%; width : auto !important; }
	label { width : 33%; }
	.contener_select, .contener_input_text { width: 67%; }

	button.go-seat, select, input[type="submit"], input[type="text"] { width: 67%; }
	button.go-seat, input[type="submit"] {
		width: 100% !important;margin: 0;
	}
	input[type="text"] {
		margin-bottom: 7px;
	}
	input[type="checkbox"]:not(:checked) + label:after,
	input[type="checkbox"]:checked + label:after  { top : 0; }
	input[type="checkbox"]:not(:checked) + label:before  { top : 0; }
	body .bandeau-top img {
		top: -5px;
	}
	.bandeau-top { height: 65px; }
	button.go-seat, select, input[type="submit"], input[type="text"] { padding : 8px;}
}

@media (max-width: 1200px) {

	h1 { font-size: 52px; line-height: 52px; margin-bottom: 30px; }
	.form-container { padding: 30px 45px 60px 35px !important; height: 100%;}

	input[type="radio"] + label { margin-right:30px;}
	.bg-container { padding : 65% 0 0 0;}
	.img { max-width: 97%; }
	label { display:none ;}

	label.light { display:block ;}

	button.go-seat, select, input[type="submit"], input[type="text"] { width : 100%; }

	.contener_select, .contener_input_text { width : 100%; }
	.texte_flottant { line-height: 36px;font-size: 24px;}
	.texte_flottant span { font-size: 52px; line-height: 54px;}
	.logo_flottant .noel-ibiza_nf img { width:70%; height:70%; }
	.logo_flottant .noel-leon_pa { top:280px; }
	.texte_flottant .tf-bottom { top: 550px; font-size: 18px; line-height: 32px;}

	.bottom { background-image:none; }

	body .bottom { padding-top: 20px; background: #181818; bottom: -20px; position:relative;}
	body .bottom .bottom-text { display: block; }
	body .bottom .bottom-text1 { display:none ; }
	body .bottom .bottom-text2 { display:none ; }
	body .bottom .bottom-text3 { color: #999999; font-family: GTWalsheimRegular; font-size: 12px; text-transform: uppercase; margin: 7px 0 0 25px; opacity: 1; }

	.optin.light { margin : 0%;}
}

@media (max-width: 1120px) {

	.img { max-width:97%; }
	h1 { font-size: 44px; line-height: 44px; margin-bottom: 0px; }

	.form-container { padding: 20px 40px 60px 30px !important; }
	button.go-seat, input[type="submit"] { top: 5px; }

	button.go-seat, select, input[type="submit"], input[type="text"] { padding: 6px; }

	.texte_flottant span { font-size: 46px; line-height: 50px; }
	.logo_flottant .noel-ibiza_nf { top:260px; left:450px; }
	.logo_flottant .noel-leon_pa { top:250px; }
	.texte_flottant .tf-bottom { top:520px; font-size: 16px; line-height: 30px;}
}

@media (max-width: 1024px) {

	button.go-seat, select, input[type="submit"], input[type="text"] { padding : 4px;}
	.offre_seat span { font-size: 10px; }
	.texte_flottant { top: 35px; left: 35px; }
	.texte_flottant span sup {top : -25px;}
	.texte_flottant sup {top : -10px;}
	.logo_flottant .noel-ibiza_nf { top:230px; left:400px; }
	.logo_flottant .noel-leon_pa { top:220px; left:50px; }
}

@media (max-width: 980px) {
	h1 {
		font-size: 40px;
		line-height: 40px;
	}
	.texte_flottant {
		top: 30px;
		left: 30px;
		line-height: 34px;
		font-size: 22px;
	}
	.texte_flottant span {
		font-size: 44px;
		line-height: 48px;
	}
	.logo_flottant .noel-ibiza_nf { top:200px; left:380px; }
	.texte_flottant .tf-bottom { top:500px; font-size: 16px; line-height: 25px;}

	#id_telephone { margin : 0 ;}
	#contener_select_modele { margin-top: 20px;}
}

@media (max-width: 930px) {
	.form-container {
		position : relative;
		width : 100%;
	}
	.img {
		max-width: 100%;
	}
	.offre_seat span { font-size: 16px; }
	.texte_flottant .tf-bottom { top:460px; }
}

@media (max-width: 860px) {
	button.go-seat, select, input[type="submit"], input[type="text"] { padding : 10px;}
	.form-container {
		position : relative;
		width : 100%;
	}
	.img {
		max-width: 100%;
	}
	h1 {
		font-size: 62px;
		line-height: 62px;
		margin-bottom : 40px;
	}
	.offre_seat input[type="radio"] + label {
		margin-right: 2px;
	}
	.texte_flottant .tf-bottom { top:420px; }
}

@media (max-width: 768px) {
	button.go-seat, select, input[type="submit"], input[type="text"] { padding : 10px;}
	.form-container {
		position : relative;
		width : 100%;
	}
	.texte_flottant { line-height: 26px;font-size: 18px; top: 20px; left: 20px;}
	.texte_flottant sup { top: -7px; }
	.texte_flottant span { font-size: 50px;line-height: 50px;}
	.texte_flottant .tf-bottom { top:370px; }
}

@media (max-width: 680px) {
	.texte_flottant span {
		font-size: 44px;
		line-height: 48px;
	}
	.logo_flottant .noel-leon_pa { left:300px; top:200px; }
	.texte_flottant .tf-bottom { top:340px; }
}

@media (max-width: 560px) {
	.texte_flottant span {
		font-size: 35px;
		line-height: 35px;
	}
}

@media (max-width: 480px) {
	.img {
		max-width: 100%;
	}
	.texte_flottant {
		line-height: 20px;
	}
	.texte_flottant span {
		font-size: 30px;
		line-height: 30px;
	}
	.logo_flottant .noel-ibiza_nf {
		top:180px;
		left:300px;
	}
	.logo_flottant .noel-ibiza_nf img {
		width:75%;
		height:75%;
	}
	h1 { margin-right: 20%; }

}

@media (max-width: 425px) {
	h1 {
		font-size: 36px;
		line-height : 36px;
	}
	.sep { height : 0 ;}
	.texte_flottant {
		line-height: 25px;
		font-size: 17px;
		top: 10px;
	}
	.texte_flottant span {
		font-size: 26px;
		line-height: 26px;
	}
	.texte_flottant span sup {
		top: -13px;
		font-size: 12px;
	}
	.texte_flottant sup {
		top: -7px;
		font-size: 10px;
	}
	.logo_flottant .noel-ibiza_nf { top:150px; left:250px; }
	.logo_flottant .noel-leon_pa { top:150px; left:230px; }
	.logo_flottant .noel-leon_pa img { width:75%; height:75%; }
	body .bottom {
		padding-top: 5px;
	}

	input[type="checkbox"]:not(:checked) + label, input[type="checkbox"]:checked + label { padding-right : 0;}
}

@media (max-width: 390px) {
	input[type="radio"] + label { margin-right:15px;}
	h1 {
		margin-right: 11%;
	}
}

@media (max-width: 360px) {
	.texte_flottant {
		font-size: 14px;
		top: 5px;
	}
	.texte_flottant span {
		font-size: 22px;
		line-height: 22px;
	}
	.logo_flottant .noel-ibiza_nf { top:140px; left:230px; }
	.logo_flottant .noel-ibiza_nf img { width:75%; height:75%; }
	.sep {
		height: 7px;
	}
	.offre_seat input[type="radio"] + label {
		margin-right: 0px;
		margin-left: 2px;
	}
}

@media (max-width: 320px) {
	.geolocme-container {right:12%;}
	.texte_flottant {
		font-size: 12px;
		line-height: 12px;
	}
	.texte_flottant span sup{
		top :-10px;
	}
	.texte_flottant sup {
		top: -6px;
		font-size: 9px;
	}
	h1 {
		margin-right: 5%;
	}
	.sep {
		height: 4px;
	}
	button.go-seat{ font-size : 12px; }
}