/** reset **/
/*
@media only screen and (max-width: 1000px)
@media only screen and (max-width: 750px) and (min-width: 665px)
@media only screen and (max-width: 665px)
@media only screen and (max-width: 500px)
*/
input[type='text'],
input[type='number'],
textarea,
select {
  font-size: 16px;
}
/** template **/
#container, .container { position: relative; width: 960px; margin: 0 auto; }
body {
	background-color: #f0f0f0;
	font-family: 'Spinnaker', sans-serif;
	font-size: 13px;
    font-weight: 600;
}
a {
	font-family: 'Spinnaker', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    text-decoration: underline;
}
a:hover {
	color: #cdd400;
	-webkit-transition: color 0.2s; /* Safari */
    transition: color 0.2s;
}
.spacer {
	min-height: 1px;
    clear: both;
}
#step-1 {
	width: 621px;
	float: left;
	position: relative;
	padding-bottom: 50px;
}
#step-2 {
	width: 621px;
	float: left;
}
#texte_champs_obligatoires {
	width: 621px;
    float: left;
    font-size: 10px;
    margin-top: -20px;
    padding: 0 0 0 7px;
}
#step-3 {
	width: 308px;
	margin-left: 652px;
	display: block;
}
.step-content {
	height: auto !important;
	padding: 20px;
}
#content {
	padding: 0;
	float: none;
	margin-left: 652px;
}
#form-error {
	margin: 0;
}
#form-info {
	background-color: transparent;
    border: none;
    color: #000;
    margin: 0;
    padding: 0;
    height: 0;
}
/* custom select */div.cs-select{margin-top:5px;height:40px;display:inline-block;vertical-align:middle;position:relative;text-align:left;background:#fff;z-index:100;width:100%;max-width:500px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div.cs-select:focus{outline:0}.cs-select select{display:none}.cs-select span{display:block;position:relative;cursor:pointer;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:100%}.cs-select>span{padding-right:0}.cs-select .cs-selected span::after,.cs-select>span::after{speak:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cs-select>span::after{content:'\25BE';right:0}.cs-select .cs-selected span::after{content:'\2713';margin-left:1em}.cs-select.cs-active>span::after{-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}div.cs-active{z-index:200}.cs-select .cs-options{position:absolute;overflow:hidden;width:100%;background:#fff;visibility:hidden;max-height:160px;overflow-y:scroll}.cs-select.cs-active .cs-options{visibility:visible}.cs-select ul{list-style:none;margin:0;padding:0;width:100%}.cs-select ul span{padding:1em}.cs-select ul li.cs-focus span{background-color:#ddd}.cs-select li.cs-optgroup ul{padding-left:1em}.cs-select li.cs-optgroup>span{cursor:default}div.cs-skin-border{background:#fff;font-size:18px;font-weight:400;max-width:600px;margin-bottom:0}@media screen and (max-width:30em){div.cs-skin-border{font-size:1em}}.cs-skin-border>span{border:none;border-color:inherit;-webkit-transition:background .2s,border-color .2s;transition:background .2s,border-color .2s;color:#2e2e2e;text-align:left;line-height:38px;padding:0 0 0 5px;font-size:15px;font-family:'Open Sans',sans-serif}.cs-skin-border .cs-selected span.cs-placeholder::after,.cs-skin-border>span.cs-placeholder::after{font-family:FontAwesome;content:'\f107';background-color:#B8BABB;height:100%;padding:0 3px;line-height:40px;color:#fff}.cs-skin-border ul span::after{content:'';opacity:0}.cs-skin-border .cs-selected span::after{content:'';color:#ddd9c9;font-size:1.5em;opacity:1;-webkit-transition:opacity .2s;transition:opacity .2s}.cs-skin-border.cs-active>span{background:#fff;border-color:#fff;color:#2e2e2e}.cs-skin-border .cs-options{color:#2e2e2e;font-size:.75em;opacity:0;-webkit-transition:opacity .2s,visibility 0s .2s;transition:opacity .2s,visibility 0s .2s}.cs-skin-border.cs-active .cs-options{opacity:1;-webkit-transition:opacity .2s;transition:opacity .2s}.cs-skin-border ul span{-webkit-backface-visibility:hidden;backface-visibility:hidden}.cs-skin-border .cs-options li span:hover,.cs-skin-border li.cs-focus span{background:#f5f3ec}
/* header */
#logo {
	width: auto;
}
#logo h1, #logo a, #logo img {
	padding: 0;
	margin: 0 auto;
}
#header {
	background-color: #0f0f0f;
	overflow: visible;
}
#logo,
#logo h1,
#logo h1 a,
#logo h1 a img {
	width: auto;
	float: none;
	display: block;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
/* langues */
#lang {
    position: absolute;
    top: 0;
    right: 0;
    width: 180px;
    margin-top: 0;	
}
#lang span {
	display: none;
}
#lang p {
	padding: 0;
}
div.cs-select {
	background: transparent;
	margin: 0;
}
#lang .cs-options span {
	display: block;
}
#lang .cs-select .cs-options {
	visibility: visible;
	overflow: visible;
	background: transparent;
}
#lang .cs-select .cs-options ul li {
	float: left;
	display: block;
	padding: 0;
	margin: 0;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	margin-left: 15px;
	margin-top: 30px;
	text-transform: uppercase;
}
#lang .cs-select ul li span {
	padding: 0;
	background: transparent;
	color: #a5a5a5;
	border: 1px solid #a5a5a5;
	border-radius: 15px;
	height: 30px;
    width: 30px;
    line-height: 30px;
}
#lang .cs-select ul li span:hover,
#lang .cs-select ul li.cs-selected span {
	padding: 0;
	background: #cdd400;
	color: #fff;
	border: 1px solid #cdd400;
	border-radius: 15px;
}
/* #top */
#top {
	height: 214px;
	background: url("https://cdn.iraiser.eu/EfQx5Hb6Ye5oIb6gJWnjDw==/default/origin/header-visuel-resize.jpg") center center no-repeat;
	background-size: cover;
	margin-bottom: 30px;
}
/* title */
.step-title {
	padding: 0;
}
.step-title h2 {
	padding: 10px 0 10px 18px;
	background-color: #cdd400;
	color: #fff;
	font-family: 'Spinnaker', sans-serif;
	font-size: 24px;
	text-transform: uppercase;
}
/* select */
.select2 {
	
}
.select2 .select2-selection__arrow {
	background-color: #5e5e5e;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: transparent;
	position: relative;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b::after {
	content: '\f107';
	font-family: Fontawesome;
	color: #d4d4d4;
	position: absolute;
	top: -7px;
    left: -3px;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent;
	position: relative;	
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b::after {
	content: '\f106';
	font-family: Fontawesome;
	color: #d4d4d4;
	position: absolute;
	top: -7px;
    left: -3px;
}
.select2-container--default .select2-selection--single {
	border: 1px solid #e3e3e3;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	height: 30px;
}
.select2-container .select2-selection--single {
	height: 32px;
}
/* steps */
#step-1,
#step-2,
#step-3 {
	background-color: rgba(255,255,255,1);
	margin-bottom: 30px;
}
.bloc-content {
	padding: 0;
}
/* form */
.intl-tel-input {
	display: block;
	max-height: 32px;
	min-height: 32px;
}
input[type=text],
input[type=date],
input[type=tel] {
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	height: 26px;
	line-height: 26px;
	font-family: 'Spinnaker', sans-serif;
}
input[type=tel] {
    height: 32px;
}
/* step-1 */
.amount ul.radio-inline {
	padding: 0;
}
.radio-inline li {
	margin: 0 5px;
}
#once,
#regular {
	width: 45%;
	float: left;
	border: none;
}
.corpo #once,
.mecenes #once {
	width: 100%;
	padding-top: 10px;
}
.corpo #once .radio-inline li,
.mecenes #once .radio-inline li {
	padding-bottom: 0;
}
.corpo #once h3,
.mecenes #once h3 {
	text-transform: none;
    font-weight: 600;
    padding: 10px 0;
    margin-bottom: 0;
}
.corpo #once fieldset.amount,
.mecenes #once fieldset.amount {
	width: 100%;
	float: left;
}
.free-amount {
	text-align: right;
}
.corpo #once fieldset.free-amount,
.mecenes #once fieldset.free-amount {
	width: 100%;
	float: right;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 20px;
}
.corpo #once fieldset.free-amount p,
.mecenes #once fieldset.free-amount p {
	text-align: right;
}
.corpo #once fieldset.free-amount input[type=text],
.mecenes #once fieldset.free-amount input[type=text] {
	
}
.corpo #once fieldset.free-amount p,
.mecenes #once fieldset.free-amount p {
	padding: 0;
}
#step-1 #or {
	position: relative;
    width: 10%;
    float: left;
    font-size: 25px;
    text-transform: uppercase;
    margin: 50px 0 50px 0;
    text-align: center;
}
#step-1 #or::after,
#step-1 #or::before {
	content:'';
	position: absolute;
	height: 35px;
	width: 1px;
	border-left: 1px solid #000;
	left: 50%;
}
#step-1 #or::after {
	bottom: -40px;
}
#step-1 #or::before {
	top: -40px;	
}
#step-1 #or p {
	padding: 0;
}
#step-1 .renew-info p,
#step-1 p[name^=reserved_] {
	padding: 0;
	min-height: 15px;
	clear: both;
	padding: 8px 0;
}
#link_to_particulier,
#link_to_corpo {
	position: relative;
	z-index: 0;
	float: left;
	margin-right: 15px;
	padding-left: 24px;
	text-decoration: none;
	padding-bottom: 8px;
}
#link_to_particulier::after,
#link_to_corpo::after {
    content: '';
    border: 1px solid #9e9e9e;
    font-family: FontAwesome;
    background: #f1f1f1;
    height: 11px;
    width: 11px;
    display: block;
    border-radius: 11px;
    position: absolute;
    top: 0px;
    left: 1px;
    z-index: 2;
}
.particulier #link_to_particulier::after {
    border: 1px solid #cdd400;
    background: #cdd400;
}
.corpo #link_to_corpo::after {
    border: 1px solid #cdd400;
    background: #cdd400;
}
p[name=reserved_affectation] {
	width: 98%;
    margin-left: 1%;
    margin-right: 1%;
}

p[name=reserved_affectation] select,
p[name=reserved_affectation] .select2 {
	display: block;
	margin-top: 7px;
	width: 100%;
}
#once h3,
#regular h3 {
	text-transform: uppercase;
	font-size: 13px;
	text-align: center;
	margin-bottom: 15px;
}
/* montants */.radio-inline{padding-left:5px;padding-right:0;padding-bottom:0}.radio-inline li{margin:0 6px;padding-bottom:6px}.amount ul li label input{visibility:hidden}.amount ul.radio-desc li label{padding-right:0}.amount ul.radio-desc li label span{float:left}
.radio-inline li {
    margin: 0px 1%;
    padding-bottom: 6px;
    width: 23%;
}
.amount ul li label span {
    color: #1d1d1b;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    box-shadow: 0 0px 0px 0 rgba(255, 255, 255, 0) inset, 0 0px 0px 0px transparent;
    padding: 8px 6px;
    border-radius: 4px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    white-space: nowrap;
}
.amount ul li label span.active {
    background: #000000;
    color: #fff;
    border: 1px solid #000000;
}
.free-amount span {
	font-size: 20px;
	font-weight: 300;
	display:inline-block;
}
.free-amount input[type=text] {
	display:inline-block;
	width: 110px;
}
.tax-info {
	position: absolute;
	bottom: 0;
	left: 0;
	font-weight: 300;
	border: 1px solid #cdd400;
	color: #292927;
	margin: 0 5% 20px;
    width: 86%;
    padding: 2%;
}
/* error */
#form-error {
	font-family: 'Spinnaker', sans-serif;
	font-size: 13px;
	background: #dd0606;
	color: #fff;
	margin: 0;
	padding: 15px 18px;
	border: none;
	margin-bottom: 30px;
}
#form-error h3 {
    font-size: 15px;
    letter-spacing: 0px;
    color: #fff;
    margin-bottom: 10px;
    padding: 0;
}
#form-error ul {
	padding:0;
}
#form-error li {
    list-style: none;
    margin: 0;
}
/* coordonées */
p#c-isc,
p[name=reserved_corpo]{
	display: none;
}
#step-2 #c-isc-inf {
	display: none !important;
}
#step-2 fieldset {
	margin: 0;
	padding: 0;
}
#step-2 fieldset p {
	margin: 0 1%;
	float: left;
	clear: none;
	width: 98%;
}
.particulier #step-2 p[name=reserved_fonction] {
	display: none;
}
.corpo #step-2 p[name=reserved_fonction] {
	display: block;
}
#step-2 .hidden {
	display: block !important;
}
#step-2 input,
#step-2 input#postcode, 
#step-2 input#city {
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
}
#step-2 select#country,
#step-2 select,
#step-2 .select2 {
	width: 100%;
}
#step-2 label {
	margin-bottom: 7px;
}
#step-2 fieldset #c-email,
#step-2 fieldset #c-country {
	width: 48%;
}
#step-2 fieldset #c-civ {
	width: 15%;
}
#step-2 fieldset #c-fname,
#step-2 fieldset #c-lname {
	width: 39.5%;
}
#step-2 fieldset p[name=reserved_numero] {
	width: 13%;
}
#step-2 fieldset #c-addr1 {
}
#step-2 fieldset #c-pcode {
	width: 28%;
}
#step-2 fieldset #c-city {
	width: 68% !important;
}
.corpo #step-2 fieldset #c-pcode {
	width: 21%;	
}
.corpo #step-2 fieldset #c-city {
	    width: 40% !important;
}
.corpo #step-2 fieldset p[name=reserved_telephone] {
	    width: 33% !important;
}
.valid {
    background: transparent;
    border-color: #cdd400 !important;
}
.error {
    background: transparent;
    border-color: #dd0606 !important;
}
/* step-3 */

/*
reset
*/
#card-type>p {text-align: left;}
#card-type input {position: relative;top: auto;left: auto;margin-left: 0px;}

#step-3 .step-content {
	padding: 0;
}
#step-3 .payment {
	padding: 0;
}
#step-3 p,
#card-type h4 {
	font-weight: 600;
    margin: 0% 7% 6% 7%;
    padding: 0;
    width: 86%
}
#step-3 #card-scode {
	margin-bottom: 10%;
}
#step-3 p[name=reserved_charte] {
	margin: 6% 7% 0% 7%;
}
#step-3 p[name=reserved_charte] input {
	margin: 0 5px 0 0;
}
#step-3 p[name=reserved_charte] label {
	cursor: pointer;
	-webkit-transition: color 0.2s; /* Safari */
    transition: color 0.2s;
    text-decoration: underline;
}
#step-3 p[name=reserved_charte] label:hover {
	color: #cdd400;
}
#card-type h4 {
    margin-bottom: 0px;
}
#step-3 p.payment-submit {
	margin: 0;
	padding: 0; 
}
#step-3 p.payment-submit input {
	margin: 0 auto;
	display: block;
}
#step-3 p.payment-submit {
	width: 100%;
}
#step-3 input[type=submit].button {
	font-family: 'Spinnaker', sans-serif;
	font-size: 16px;
	min-height: 66px;
	padding: 23px 69px 23px 0;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	width: 100%;
	white-space: normal;
	cursor: pointer;
	background: #4eb9b2 url("//cdn.iraiser.eu/EfQx5Hb6Ye5oIb6gJWnjDw==/default/origin/bgbuttonelastic.png") center right no-repeat;
	max-width:308px;
}
#step-3 input,
#step-3 .select2 {
	margin-top: 10px;
}
#security-info {
	display: none;
}
#card-type fieldset {
	margin-top: 3px;
}
#card-number input {
	width: 98%;
	padding-left: 1%;
    padding-right: 1%;
}
#card-type .cs-select {
	height: 30px;
	min-height: 30px;
	padding-top: 10px;
}
#card-type .cs-select li, #card-type li {
	height: 32px;
	width: 50px;
	padding: 0 0px 0 25px;
	background-position: top right;
	margin-right: 13px;
	margin-bottom: 0;
}
#card-type .cs-select li:before {
	content: '' !important;
	background-color: transparent;
}
#card-type .cs-select li:after {
	content: '';
    border: 1px solid #9e9e9e;
    font-family: FontAwesome;
    background: #f1f1f1;
    height: 11px;
    width: 11px;
    display: block;
    border-radius: 11px;
    position: absolute;
    top: 9px;
    left: 3px;
    z-index: 2;
}
#card-type .cs-select li.cs-selected:after {
	content: '';
    border: 1px solid #cdd400;
    background: #cdd400;	
}
#card-expiry label {
	display: inline-block;
	width: 47%;
}
#card-expiry > label:nth-child(2) {
	margin-right: 4%;
}
#card-expiry label select,
#card-expiry label .select2 {
	width: 100%
}
#card-expiry .select2 .select2-selection__arrow {
    background-color: #cdd400;
}
#card-expiry .select2-container--default .select2-selection--single .select2-selection__arrow b::after {	
    color: #fff;
}
#card-scode .help {
    font-size: 10px;
    margin-top: 7px;
}
#step-3 h3.paiement_titre {
	font-size: 12px;
    padding: 30px 0 30px 65px;
    font-weight: 600;
    text-transform: uppercase;
}
.payment_modes_separator {
	display: none;
}
.paiement_titre#card-title {
	background: url(https://cdn.iraiser.eu/EfQx5Hb6Ye5oIb6gJWnjDw==/default/origin/pictotitrecb.png) 20px center no-repeat;
}
.paiement_titre#check-title {
	background: url(https://cdn.iraiser.eu/EfQx5Hb6Ye5oIb6gJWnjDw==/default/origin/pictotitrecheck.png) 20px center no-repeat;	
}
#step-3 .renew-info {
	margin:6% 7% 0% 7%; 
	padding: 0;
}
#step-3 .renew-info p {
	margin: 0;
	width: 100%;
}
/* footer */
#footer {
	background-color: #1d1d1b;
	color: #898982;
	margin-top: 30px;
}
#footer .step-info {
	float: left;
	width: 30%;
	padding: 0 2.5%;
	margin-bottom: 45px;
	font-weight: 300;
}
#footer .step-info:first-child {
	padding-left: 0;
}
#footer .step-info:nth-child(3) {
	padding-right: 0;
}
#footer .step-info h4 {
	font-family: 'Andada', serif;
	font-size: 24px;
	line-height: 27px;
	padding: 45px 0 15px 0;
	min-height: 54px;
	position: relative;
	margin-bottom: 30px;
}
#footer .step-info h4::after {
	content: '';
	width: 30%;
	height: 1px;
	border-bottom: 5px solid #caf833;
	bottom: 0;
	left: 0;
	position: absolute;
}
#footer .step-info p {
	padding-left: 0;
	padding-right: 0;
	font-weight: 300;
}
#footer .spacer {
	border-bottom: 1px solid #898982;
}
#copyright,
#copyright a {
	color: #45453f;
	text-decoration: none;
}
#powered,
#copyright {
	margin: 30px 0 25px 0;
	display: block;
    float: left;
    width: 50%;
}
#bottom {
	background: #0f0f0f url(https://donate.louvre.fr//cdn.iraiser.eu/x8cQzaL4yYUK5IOUIV13bA==/default/origin/Logo.png) center center no-repeat ;
	height: 86px;
}
/***********************
greetings
***********************/
#greetings {
	margin:0;
	padding: 0;
	border: none;
	margin-bottom: 30px;
}
#greetings h2 {
    background-color: #cdd400;
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    text-transform: uppercase;
    text-align: left;
    padding: 20px 0 20px 20px;
    width: auto;
    float: left;
    white-space: normal;
    height: auto;
}
#greetings #greetings-comp {
	border: none;
	margin: 0;
	padding: 0;
	float: left;
}
.particulier #greetings #greetings-comp {
    width: 620px;
}
#greetings #greetings-comp p {
	background-color: #fff;
	padding: 15px 20px 15px;
	clear: both;
}
#greetings #greetings-comp h2 {
	float: none;
}
#greetings #greetings-comp fieldset {
    border: none;
    margin: 0;
    padding: 0;
    width: 620px;
    float: left;
    overflow: visible;
}
#greetings #greetings_right_col {
	float: left;
	width: 310px;
	padding-left: 30px
}
#greetings #greetings-text,
#greetings .social_remerciement {
	background-color: #fff;
	padding: 0;
	margin: 0;
	line-height: 20px;
}
#greetings .social_remerciement {
	clear: both;
	padding-bottom: 10px;
}
.mecenes #greetings .social_remerciement {
	padding: 10px 20px 20px;
}
#greetings #greetings-text h2 {
	margin: -10px -20px 10px -20px;
    width: 100%;
    padding-right: 20px;
}
#greetings .separator {
	margin-bottom: 29px;
	height: 1px;
	clear: both;
}
#greetings #greetings-text {
	padding: 10px 20px;
}
#greetings #greetings_right_col p {
	padding: 0px;
}
#greetings #greetings-comp p[name=reserved_remerciement_prenom],
#greetings #greetings-comp p[name=reserved_remerciement_nom] {
	width: 270px;
    float: left;
    clear: none;
}
#greetings p[name=reserved_remerciement_prenom] input,
#greetings p[name=reserved_remerciement_nom] input {
	width: 98%;
}
.particulier #greetings #greetings-comp p[name=reserved_remerciement_certificat] {
	
}
#greetings #greetings-comp p[name=reserved_remerciement_certificat] {
	clear: both;
}
#greetings #greetings-comp p[name=reserved_remerciement_date_naissance],
#greetings #greetings-comp p[name=reserved_remerciement_telephone] {
	width: 270px;
    float: left;
    clear: none;
    padding-bottom: 22px;
    height: 60px;
}
#greetings p[name=reserved_remerciement_date_naissance] input,
#greetings p[name=reserved_remerciement_telephone] input {
	width: 100%;
}
#greetings hr {
    background-color: #333;
    border: 0;
    height: 1px;
    margin-bottom: 20px;
}
.particulier.mecenes #greetings hr:first-child {
    background-color: #fff;
    border: 0;
    height: 1px;
    margin-bottom: 0;
}
#greetings a, #postmail a {
	color: #333;
}
#greetings input[type=submit] {
	font-family: 'Spinnaker', sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-size: 20px;
	border: none;
	height: 66px;
	line-height: inherit;
	margin:0;
	padding: 0;
	font-weight: normal;
	width: 310px;
	padding-right: 69px;
	white-space: inherit;
	background: #4eb9b2 url(https://cdn.iraiser.eu/EfQx5Hb6Ye5oIb6gJWnjDw==/default/origin/bgbutton.png) right center no-repeat;
}
#message_entreprise {
	text-align: left;
	font-size: 10px;
}
/*** mecenes particulier ***/
.mecenes.particulier #greetings #greetings-text {
	overflow: hidden;
}
/*** corpo ***/
.corpo #greetings #greetings_right_col {
    clear: both;
    width: 100%;
    padding-left: 0;
}
.corpo #greetings #greetings-text h2 {
    margin: -10px -20px 10px -20px;
    width: 960px;
}

/*** page custo ***/
#charte_ethique {
	background-color: rgba(255,255,255,1);
    margin-bottom: 30px;
    padding: 20px 10px;
}
#link_to_charte {
	display: none;
}
#closeTab {
    background-color: #cdd400;
    padding: 6px 10px;
    color: #fff;
    text-decoration: none;
    margin: 0 10px;
    display: inline-block;
    border-radius: 4px;
}

/****************TOUS MECENES*********************/
body.mecenes #step-1 p[name=reserved_mecenes_prenom],
body.mecenes #step-1 p[name=reserved_mecenes_nom] {
	clear: none;
	float: left;
	width: 49%;
}
body.mecenes #step-1 p[name=reserved_mecenes_nom] {
	clear: none;
	float: right;
}
body.mecenes #step-1 p[name=reserved_mecenes_prenom] label,
body.mecenes #step-1 p[name=reserved_mecenes_nom] label{
	margin-bottom: 7px;
    display: block;
}
body.mecenes #step-1 p[name=reserved_mecenes_prenom] input,
body.mecenes #step-1 p[name=reserved_mecenes_nom] input{
	width: 98%;
    padding-left: 1%;
    padding-right: 1%;
}
body.mecenes #once{
	width: 100%;
}
body.mecenes p[name^=reserved_mecenes] {
	clear: both;
    width: 100%;
}
.mecenes #once .radio-inline li {
	
}
.mecenes #once .tax-info {
	position: relative;
	clear: both;
	width: 96%;
	margin-left: 0;
	margin-right: 0;
}
.mecenes #step-1 {
	padding-bottom: 0;
}

@media only screen and (max-width: 1000px) {
	#container, .container { width: 85%; }
	#step-1 {
		width: 100%;
		clear: both;
		position: relative;
		padding-bottom: 80px;
	}
	#step-2 {
		width: 100%;
		clear: both;
		padding-bottom: 35px;
	}
	#texte_champs_obligatoires {
		width: 96%;
		margin-top: -67px;
		padding: 0 0 0 4%;
	}
	#step-3 {
		width: 100%;
		clear: both;
		display: block;
	}
		#logo img, .radio-desc img, .thumbs img {
	    height: auto;
	    max-width: 100%;
	}
	.payment-submit, #next-submit {
	    text-align: left !important;
	    padding: 0 !important;
	}
	#step-1, #step-2, #step-3 {
		margin-bottom: 20px;
	}
	p[name=reserved_affectation] select, p[name=reserved_affectation] .select2 {
	    display: block;
	    margin-top: 7px;
	    width: 100%;
	    /*width: 280px;*/
	}
	label[for=reserved_corpo_entreprise], 
	label[for=reserved_corpo_particulier] {
		margin-bottom: 20px;
	}
	.step-title h2 {
		font-size: 18px;
	}
	#step-2 fieldset p {
		width: 98% !important;
		margin: 0 1% !important;
	}
	#step-2 fieldset #c-civ {
		width: 15% !important;
	}
	#step-2 fieldset #c-fname,
	#step-2 fieldset #c-lname {
		width: 39.5% !important;
	}
	/*#step-2 fieldset #c-civ {
	    width: 28% !important;
	}
	#step-2 fieldset #c-fname {
		width: 68% !important;
	}*/
	#step-2 fieldset #c-pcode {
		width: 25% !important;
	}
	#step-2 fieldset #c-city {
		width: 71% !important;
	}
	.corpo #step-2 fieldset p[name=reserved_telephone] {
	    width: 29% !important;
	}
	#step-3 {
		margin: 0;
		padding-bottom: 30px;
	}
	#step-3 p.payment-submit {
	    width: 100%;
	}
	#step-3 h3.paiement_titre {
	    margin: 0% 4% 1% 4%;
	}
	#step-3 p {
		margin: 1% 7%;
	}
	#card-scode .help {
	    margin-top: 19px;
	}
	#content {
		margin: 0;
	}
	#footer .step-info {
		display: block;
		width: 90%;
		padding: 0 5% !important;
	}
	#powered {
		float: left !important;
	}
	#powered img {
		width: 50%;
    	height: auto;
	}
	#copyright {
	    font-size: 10px;
	}
	/*
	#greetings-comp fieldset {
	    padding: 0px !important;
	}
	#greetings #greetings-comp fieldset {
	    width: 60%;
	    overflow: hidden;
	}
	#greetings h2 {
    	font-size: 18px;
    	width: 100%;
	}
	#greetings #greetings_right_col {
	    float: left;
	    width: 35%;
	    padding-left: 5%;
	    overflow: hidden;
	}
	#greetings #greetings-comp p[name=reserved_remerciement_date_naissance],
	#greetings #greetings-comp p[name=reserved_remerciement_telephone] {
	    width: auto;
	    float: none;
	    clear: both;
	}
	#greetings #greetings-comp p[name=reserved_remerciement_telephone] {
		padding-bottom: 22px;
	}
	*/
	#greetings #greetings-comp {
		width: 100%;
	}
	.particulier #greetings #greetings-comp {
	    width: 100%;
	}
	#greetings #greetings-comp fieldset {
	    width: 100%;
	    overflow: hidden;
	    float: none;
	    clear: both;
	    padding: 0 !important;
	}
	#greetings #greetings_right_col {
	    width: 100%;
	    overflow: hidden;
	    float: none;
	    clear: both;
	    padding-left: 0%;
	}
	#greetings #greetings_right_col h2 {
		/*margin: -10px 0px 25px -20px;*/
	    padding-right: 30px;
	    width: 100%;
	}
	#greetings #greetings-comp p[name=reserved_remerciement_date_naissance], 
	#greetings #greetings-comp p[name=reserved_remerciement_telephone] {
		width: 45%;	
		padding-left: 2.5%;
	    padding-right: 2.5%;
	    margin-bottom: 30px;
	    max-height: 87px;
	}
	#greetings #btn_remerciement_submit {
	    margin-top: 30px;
	}
}
@media only screen and (max-width: 783px) {
	#card-scode .help {
	    margin-top: 15px;
	}
}
@media only screen and (max-width: 750px) and (min-width: 665px){
	.radio-inline li,
	.mecenes #once .radio-inline li {
	    margin: 0 1%;
	    padding-bottom: 6px;
	    width: 48%;
	}
}
@media only screen and (max-width: 685px) {
	.corpo #once h3, .mecenes #once h3,
	.corpo #once fieldset.amount, .mecenes #once fieldset.amount,
	.corpo #once fieldset.free-amount, .mecenes #once fieldset.free-amount {
		max-width: 100%;
		width: 100%;
	}
}
@media only screen and (max-width: 665px) {
	#logo {
		margin-top: 48px;
	}
	#top {
		height: 65px;
	}
	#once, #regular {
	    width: 100%;
	    float: none;
	    border: none;
	}
	#step-1 #or {
    	width: 100%;
	}
	#step-1 #or::after, #step-1 #or::before {
	    content: '';
	    position: absolute;
	    height: 1px;
	    width: 55px;
	    border-bottom: 1px solid #000;
	    border-left: 0px solid #000;
	}
	#link_to_particulier, #link_to_corpo {
		float: none;
    	display: block;
	}
	.radio-inline li {
    	width: 46%;
    	margin: 0 2%;
    	font-size: 17px;
	}
	#step-1 #or {
    	margin: 20px 0 30px 0;
	}
	#step-1 #or::before {
	    left: 50%;
    	margin-left: 	30px;
	}
	#step-1 #or::after {
	    left: 50%;
	    margin-left: -90px;
	}
	#step-1 #or::before,
	#step-1 #or::after {
	    top: 50%;
	}
	#once h3, #regular h3 {
    	font-size: 17px;
	}
	#header .container {
		width: 100%;
	}
	#lang {
		width: 100%;
	}
	#lang {
		background: #fff;
		height: 48px;
		position: absolute;
		top: -48px;
		left: 0;
		border-bottom: 2px solid #cdd400;
		width: 100%;
	}
	#lang .cs-select .cs-options ul {
		text-align: center;
	}
	#lang .cs-select .cs-options ul li {
		margin-top: 10px;
		float: none;
		display: inline-block;
	}
	#greetings #greetings-comp fieldset {
	    width: 100%;
	    overflow: hidden;
	    float: none;
	    clear: both;
	}
	#greetings #greetings_right_col {
	    width: 100%;
	    overflow: hidden;
	    float: none;
	    clear: both;
	    margin-top: 30px;
	    padding-left: 0%;
	}
	#greetings #greetings_right_col h2 {
		/*margin: -10px 0px 25px -20px;*/
	    padding-right: 30px;
	    width: 100%;
	}
	#step-2 fieldset #c-pcode {
		width: 35% !important;
	}
	#step-2 fieldset #c-city {
		width: 61% !important;
	}
	.corpo #step-2 fieldset #c-pcode,
	.corpo #step-2 fieldset #c-city,
	.corpo #step-2 fieldset p[name=reserved_telephone] {
		width: 98% !important;
	}
}
@media only screen and (max-width: 500px) {
	#container, .container { width: 100%; }
	#lang {
		background: #fff;
		height: 48px;
		position: absolute;
		top: -48px;
		left: 0;
		border-bottom: 2px solid #cdd400;
		width: 100%;
	}
	#lang .cs-select .cs-options ul {
		text-align: center;
	}
	#lang .cs-select .cs-options ul li {
		margin-top: 10px;
		float: none;
		display: inline-block;
	}
	#step-2 fieldset #c-civ {
		width: 98% !important;
	}
	#step-2 fieldset #c-fname,
	#step-2 fieldset #c-lname {
		width: 98% !important;
	}
}
@media only screen and (max-width: 350px) {
	#step-2 fieldset #c-pcode,
	#step-2 fieldset #c-city {
		width: 100% !important;
	}
	#step-2 {
	    padding-bottom: 40px;
	}
	#texte_champs_obligatoires {
	    margin-top: -76px;
	}
	#step-3 p.payment-submit input {
	    width: 100%;
	}
}
@media only screen and (max-width: 343px) {
	#card-scode .help {
	    margin-top: 8px;
	}
	#card-type .cs-select li, #card-type li {
	    clear: both;
	    float: none;
	    margin: 10px auto 0;
	}
	.cs-select .cs-options {
    	max-height: 115px;
	}
	#card-type .cs-select {
    	height: 136px;
	}
}



.required {
	display: inline-block !important;
	color: #333 !important;
}