/* CSS Document */

@font-face {
    font-family: ProximaNova;
    src: url(https://libs.iraiser.eu/users/chainedelespoir/font/ProximaNova-Bold.otf);
    font-weight: bold;
}
@font-face {
    font-family: ProximaNova;
    src: url(https://libs.iraiser.eu/users/chainedelespoir/font/ProximaNova-Reg.otf);
    font-weight: normal;
}
@font-face {
    font-family: ProximaNova;
    src: url(https://libs.iraiser.eu/users/chainedelespoir/font/ProximaNova-Sbold.otf);
    font-weight: 200;
}
@font-face {
    font-family: ProximaNova;
    src: url(https://libs.iraiser.eu/users/chainedelespoir/font/ProximaNova-Light.otf);
    font-weight: 100;
}

#container,.container { position: relative; width: 1156px; margin: 0 auto; }

@media only screen and (min-width: 768px) and (max-width: 959px) {
        #container,.container { width: 768px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
        #container,.container { width: 100%; }
}
@media only screen and (max-width: 767px) {
        #container,.container { width: 100%; }
}
#header{
	background: url(https://cdn.iraiser.eu/iniaSx4Kzk3+baWOfu4thQ==/default/origin/bgheader.png) center 41px repeat-x;
	z-index: 100;
}
body{
	background: url(https://cdn.iraiser.eu/iniaSx4Kzk3+baWOfu4thQ==/default/origin/bgbody.jpg) center center repeat;
	font-family: ProximaNova,serif;
}
#main {
    background: #fff;
}
#type-a #main,
#type-b #main {
    background: none;
}
.spacer {
	clear: both;
	min-height: 1px;
}
#reassurance {
	background-color: #fff;
}
/*********************HEADER***********************/
#header .left {
	float: left;
}
#header .right {
	float: right;
}
#logo {
	margin: 0 auto;
    float: none;
    width: auto;
    width: 183px !important;
    z-index: 100;
    position: relative;
}
#logo h1 {
	margin: -23px 0 0 0;
	padding: 0; 
}
#form-cde {
	z-index: 10;
    background-color: #222222;
}
#form-cde .left,
#form-cde .right {
	height: 100%;
	width: 50%;
}
#form-cde .left .div-form-cde {
	line-height: 41px;
}
#form-cde .div-form-cde {
	display: block;
	float: left;
	height: 41px;
	width: 100%;
}
#form-cde input {
	height: 23px;
	border: 1px solid #fff;
	background-color: #222222;
	color: #fff;
	margin-top: 8px;
	float: left;
	margin-right: 19px;
	padding: 0 10px;
}
#form-cde label {
	display: block;
	float: left;
	margin: 0;
	width: auto;
	height: 33px;
	padding-top: 11px;
	margin-right: 5px;
}
#form-cde input#nid {
	width: 65px;
}
#form-cde input#nom {
	width: 151px;
}
#form-cde .right .div-form-cde {
	text-align: right;
}
#form-cde .right input,
#form-cde .right label {
	display: inline-block;
	float: none;
}
.bandeau-form-cde {
    width: 100%;
    position: relative;
    height: 41px;
    padding:0;
    margin: 0;
    text-align: center;
    color: white;
}
.div-form-cde{
    display: inline-block;
    font-size: 14px;
}
#form-cde .bandeau-form-cde input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    background-color: #f4ae10;
    border: 1px solid #fff;
    font-size: 12px;
    padding: 5px 10px;
    color: #fff;
    height: 25px;
    border-color: #f4ae10;
    margin: 8px 0 0 0;
}

.bandeau-form-cde input{
    padding: 2px 3px;
    border-radius: 20px;
    color:#000;
    padding-left: 10px;
}
.bandeau-form-cde label{
	margin-right: 5px;
}
.bandeau-form-cde a{
	text-decoration: underline;
	color:#fff;
	cursor: pointer;
}
#lang {
	display: block;
	width: 100%;
}
#lang p {
	background-color: rgba(0,0,0,0.2);
	border-bottom-right-radius: 17px;
	border-bottom-left-radius: 17px;
	color: #fff;
	width: 100px;
	font-size: 15px;
	float: right;
/*ANH temp no login form*/
	margin-top: -41px;
}
#lang a {
	color: #fff;
	text-decoration: none;
	font-weight: 100;
	padding: 0 5px;
}
#lang a.current {
	font-weight: bold;
}
/*********************STEPS***********************/
#step-1,
#step-2,
#step-3 {
	width: 344px;
}
#step-1 {
	margin: 0 31px 0 0;
}
#step-2 {
	margin: 0 31px 0 31px;	
}
#step-3 {
	margin: 0 0 0 31px;
	display: block;
    float: left;
}
.step-title {
	height: 112px;
	line-height: 112px;
	text-align: center;
	padding: 0;
}
.step-title h2 {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0;
}
.step-content {
	padding: 0;
}
#step-2 .step-content {
	background-color: #fff;
}
#step-3 .step-content {
	background-color: #fff;
}
.bloc-content h3 {
	padding: 0;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	padding-top: 15px;
}
:focus {
    outline: none;
}
.step-title {
	overflow: visible;
}
#step-1 h2,
#step-2 h2,
#step-3 h2 {
	position: relative;
}
#step-1 h2::before{left: 0;}

#step-2 h2::before{left: -70px;}
#step-2 h2::after{right: -70px;}

#step-3 h2::after {right:0;}

#step-1 h2::before,
#step-1 h2::after,
#step-2 h2::before,
#step-2 h2::after,
#step-3 h2::before,
#step-3 h2::after {
	content: "";
	position: absolute;
	height: 8px;
	top:50%;
	margin-top: -4px;
}

#step-1 h2::before,
#step-3 h2::after {
	width: 21px;
	background: url(https://cdn.iraiser.eu/iniaSx4Kzk3+baWOfu4thQ==/default/origin/bgtitlemini.png) center center no-repeat;
}
#step-2 h2::before,
#step-2 h2::after {	
	width: 113px;
	background: url(https://cdn.iraiser.eu/iniaSx4Kzk3+baWOfu4thQ==/default/origin/bgtitlebig.png) center center no-repeat;
}
/*********************REASSURANCE***********************/
#type-b #reassurance {
	margin-top: 50px;
	padding-top: 45px;
	padding-bottom: 85px;
}
#reassurance h4 {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #ffc233;
	padding: 0 0 15px 0;
}
.step-info {
	width: 344px;
	display: block;
    float: left;
    padding: 0;
}
.step-info:nth-child(1) {
	margin: 0 31px 0 0;
}
.step-info:nth-child(2) {
	margin: 0 31px 0 31px;	
}
.step-info:nth-child(3) {
	margin: 0 0 0 31px;
}
#reassurance p {
	padding: 9px 0;
	font-size: 14px;
}
/*********************SELECT 2***********************/
.select2-container .select2-selection--single {height:38px;border: 1px solid #d9d9d8;border-radius: 19px;}.select2-container--default .select2-selection--single .select2-selection__rendered {line-height:38px;}.select2-container--default .select2-selection--single {border-radius: 19px;}.select2-container--default .select2-selection--single .select2-selection__arrow {height:36px;background-color: transparent;width: 29px;}.select2-container--default .select2-selection--single .select2-selection__arrow b:before {font-family: FontAwesome;content:'\f107';height: 100%;padding: 0 3px;line-height: 35px;color:#f3a50a;font-size:28px;}.select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: transparent transparent transparent transparent;border-style: solid;border-width: 0;height: 0;margin-left: 0;margin-top: 0;position: absolute;top: 0;left:0;width: 0;}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color: transparent transparent transparent transparent;border-width:0 0 0 0;}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before{content:'\f106';}.select2-results__option {height: 15px;}.select2-dropdown{border: 1px solid #d9d9d8;border-radius: 0px;}.select2-container--default .select2-results__option[aria-selected=true]{background-color : transparent;border-top-left-radius: 19px;border-top-right-radius: 19px;}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color: #ffc233;border-radius: 0;}

/*********************STEP 1***********************/
#step-1 .bloc-content {
	padding: 10px 20px;
	max-width: 310px;
    margin: 0 auto;
}
/* montants */.radio-inline{padding-left:5px;padding-right:0;padding-bottom:0}.radio-inline li{margin:0px;padding-bottom:10px}.amount ul li label input{visibility:hidden;display: none}.amount ul.radio-inline{padding:0px}.amount ul.radio-desc li label{padding-right:0}.amount ul.radio-desc li label span{float:left}
.radio-inline li {
	margin: 0 0 0 10px;
}
.radio-inline li:first-child, .radio-inline li:nth-child(n+5) {
	margin: 0 0 0 0;
}
.amount ul li label span {
    background-color: #fff;
    height: 40px;
    border-radius: 40px;
    font-family: ProximaNova, serif;
    font-size: 20px;
    font-weight: 100;
    text-align: center;
    width: auto;
    color: #1d1d1b;
    line-height: 40px;
    padding: 0 12px;
}
.amount ul li label span.active {
    background-color: #222;
    color: #fff;
}
.thumbs {
	margin-bottom: 18px;
}
.thumbs img {
	display: block;
	margin: 0 auto;
}
.free-amount p {
	padding: 0;
}
.free-amount label {
	position: relative;
	height: 40px;
	display: block;
}
.free-amount input[type=text]{
	padding-right: 11%;
    width: 84%;
    text-align: right;
    font-size: 20px;
    font-weight: 100;
}
.free-amount label span {
	position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    line-height: 40px;
    width: 26px;
    text-align: left;
    font-size: 20px;
    font-weight: 100;
}

.stitre{
	font-size: 16px;
	text-align: center;
	padding: 5px 0 20px 0;
}
.tax-info {
	font-size: 15px;
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 0;
}
.tax-info strong {
	font-size: 24px;
	font-weight: 200;
}
#step-1 .step-content {
	height: auto !important;
}
#regular h3,
#regular .tax-info,
#regular .stitre {
	color: #fff;
}
/*********************STEP 2***********************/
#step-2 label {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 6px;
	margin-left: 10px;
}
#step-2 .required {
	color: #c44141;
}
#step-2 input {
	width: 90%;
	padding: 0 5%;
}
input[type=text],
input[type=date],
input[type=tel] {
    width: 90%;
    height: 38px;
    border: 1px solid #d9d9d8;
    border-radius: 38px;
    padding: 0 5%;
    font-family: ProximaNova, serif;
    font-size: 14px;
}
#step-2 fieldset {
    padding: 14px 18px 0 18px;
}
#c-civ {
	width: 25%;
	float: left;
	padding-right: 3% !important;
	text-align: left;
}
#c-civ select {
	width: 100%;
}
#c-fname {
	width: 33%;
	float: left;
	padding-right: 3% !important;
}
#c-lname {
	width: 36%;
	float: left;
}
.help {
	display: none;
}
#required-info .help {
	display: inline;
}

#c-fname input,
#c-lname input {
	width: 70%;
    padding: 0px 15%;
}
p[name=reserved_phone] {
	width: 51%;
	float: left;
}
p[name=reserved_phone] input {
	padding-left: 38px !important;
	width: 93% !important;
}
p[name=reserved_donateur] {
	width: 49%;
	float: left;
}
p[name=reserved_donateur] input {
	width: 80% !important;
    padding: 0px 10% !important;
}
#c-addr1 {
	clear: both;
}
#step-2 input#postcode, #step-2 input#city {
	width: 81%;
	padding: 0 7%;
}
#step-2 #c-city label {
	margin-left :5%;
	padding-left: 10px; 
}
#step-2 input#postcode {
	margin-right: 5%;
}
#step-2 input#city {
	margin-left: 5%;
}
#step-2 select#country {
	width: 100%;
}
#required-info {
	color: #bababa;
	font-size: 14px;
}
p[name=reserved_question] textarea {
	height: 82px;
	width: 90%;
	padding: 5%;
	border: 1px solid #d9d9d9;
}
/*********************STEP 3***********************/
.payment p {
	clear: both;
}
#card-expiry label {
	display: block;
	float: left;
	width: 40%;
}
select[name=cardmonth]{
	width: 100%;
}
select[name=cardyear] {
	width: 100%;
}
#step-3 .step-content {
	padding: 0;
}
/* carte credits */
.cs-select select{display:none;}#card-scode #scode{width:20%}#card-scode .help{width:75%}#card-type>p{text-align:center}#card-type .cs-select{background:0 0;min-height:60px;position:relative}#card-type .cs-select .cs-options{position:absolute;overflow:visible;width:100%;visibility:visible;opacity:1;background:0 0}#card-type .cs-placeholder,#card-type .cs-select li:nth-child(1){display:none}#card-type .cs-select li[data-value=mastercard],#card-type li:nth-child(1),#card-type li[data-value=mastercard]{background-image:url(https://libs.iraiser.eu/users/iraiser/logos/mastercard.png)}#card-type .cs-select li[data-value=visa],#card-type li:nth-child(2),#card-type li[data-value=visa]{background-image:url(https://libs.iraiser.eu/users/iraiser/logos/visa.png)}#card-type input{position:absolute;top:46px;left:50%;margin-left:-6px}#card-type .cs-select li[data-value=cartebleue],#card-type li[data-value=cb]{background-image:url(https://libs.iraiser.eu/users/iraiser/logos/cb.png)}#card-type .cs-select li[data-value=bancontact],#card-type li[data-value=bancontact]{background-image:url(https://libs.iraiser.eu/users/iraiser/logos/bancontact.png)}#card-type .cs-select li[data-value=amex],#card-type li[data-value=amex]{background-image:url(https://libs.iraiser.eu/users/iraiser/logos/amex.png)}#card-type .cs-select li[data-value=maestrobe],#card-type li[data-value=maestrobe]{background-image:url(https://libs.iraiser.eu/users/iraiser/logos/maestro.jpg)}#card-type .cs-select li[data-value=maestro],#card-type li[data-value=maestro]{background-image:url(https://libs.iraiser.eu/users/iraiser/logos/maestro.jpg)}#card-type .cs-select span:hover{background-color:transparent}#card-type ul{position:relative;width:100%;display:block}#payment_modes_regular ul{max-width:287px}#card-type .cs-select li,#card-type li{background-repeat:no-repeat;background-position:top center;line-height:1.3;width:25%;display:block;float:left;background-color:transparent;overflow:hidden;position:relative;height:60px;padding-bottom:15px;cursor:pointer;font-size:0}#card-type li label{font-size:0;display:block;height:40px;cursor:pointer}#card-type .cs-select li:after,#card-type .cs-select li:before{position:absolute;top:45px;left:0;font-family:FontAwesome;bottom:0;height:15px;width:99%;text-align:center;line-height:15px;text-indent:0;display:block}#card-type .cs-select li:before{content:"\f10c";color:#ABAAAA;font-size:13px}#card-type .cs-select li:after{content:"\f111";color:#DEDEDE;font-size:10px}#card-type .cs-select li.cs-selected:after{content:"\f111";color:#666;font-size:7px}#card-type .cs-select li span:hover,#payment_modes_once #card-type li span:hover{background:0 0}
#card-type .cs-select li, #card-type li {
	width: 72px;
	height: 72px;
	background-color: #e2e2e2;
	border-radius: 50px;
	padding: 0;
	overflow: visible;
	background-position: center center;
	border: 3px solid transparent;
	margin-right: 23px;
}
#card-type .cs-select {
	min-height: 106px;
}
#card-type .cs-select li:after, #card-type .cs-select li:before {
	top: 79px;
}
#card-type .cs-select li.cs-selected {
	border-color: #ffc233;
}
#card-type .cs-select li:before {
	font-size: 16px;
	color: #fff;
	text-shadow: 1px 0 0 #dadada, -1px 0 0 #dadada, 0 1px 0 #dadada, 0 -1px 0 #dadada, 1px 1px #dadada, -1px -1px 0 #dadada, 1px -1px 0 #dadada, -1px 1px 0 #dadada;
}
#card-type .cs-select li:after {
	color: #fff;
	font-size: 10px;
}
#card-type .cs-select li.cs-selected:after {
	color: #ffc233;
	font-size: 10px;
}
#card-type h4 {
	display: none;
}
#payment_modes_regular ul {
	max-width: 100%;
}
#step-3 label,
#step-3 #card-expiry span {
	font-size: 16px;
	font-weight: bold;
}
#step-3 input {
	margin-top: 5px;
}
#step-3 #card-expiry label {
	margin-top: 5px;
	margin-right: 15px;	
}
#step-3 #card-expiry label span {
	font-size: 14px;
	font-weight: normal;	
}
#step-3 #card-scode .help {
    width: 67%;
    font-size: 12px;
    font-weight: normal;
    margin-top: 5px;
}
.payment h4 {
    position: relative;
    padding: 0;
    z-index: 500;
}
.payment_modes_separator:before,
.ira_separator:before {
    content: '';
    width: 43%;
    position: absolute;
    height: 1px;
    background-color: #C2C2C2;
    top: 50%;  
    left: 58%;
}
.payment_modes_separator:after,
.ira_separator:after {
    content: '';
    width: 43%;
    position: absolute;
    height: 1px;
    background-color: #C2C2C2;
    top: 50%;  
    right: 58%;
}
.payment_modes_separator,
.ira_separator {
	height: 75px;
	width: 100%;
	background: url(https://cdn.iraiser.eu/iniaSx4Kzk3+baWOfu4thQ==/default/origin/ou7.png) center center no-repeat;
	display: block;
    line-height: 77px;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    color: #525252;
    text-transform: uppercase;
    margin: 0 auto;
    position:relative;
    margin-top: 15px;
    margin-bottom: 5px;
}
#paypal-submit,
#check-submit {
	padding:10px;
}
#check-submit {
    margin-top: 0;
}
.paypal_title,
.check_title {
	display: block;
	clear: both;
}
.ira_separator {
}
#ddebit-submit {
	padding: 10px;
}
/*********************FOOTER***********************/
#footer {
	background-color: #222;
	color: #b2b2b2;
}
#footer a {
	color: #b2b2b2;	
}
#powered {
	width: 100%;
}
#footer .tel,
#footer .adresse {
	width: 47%;
	float: left;
	padding: 0 0 0 3%;
	font-size: 16px;
	font-weight: 100;
	margin:30px 0 25px 0;
}
#powered .container {
	position: relative;
}
#powered .container p {
	position: absolute;
	top: 0;
	right: 10px;
}
#footer .tel {
	background: url(https://libs.iraiser.eu/users/chainedelespoir/img/picto_tel.png) left center no-repeat;
}
#footer .adresse {
	background: url(https://libs.iraiser.eu/users/chainedelespoir/img/picto_adress.png) left center no-repeat;
}
#copyright {
    display: block;
    clear: both;
    height: 120px;
    background-color: #181818;
    color: #616161;
    width: 100%;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    padding-top: 12px;
}
#copyright a {
	color: #616161;
	padding: 0 13px;
	text-transform: uppercase;
	font-weight: normal;
	text-decoration: none;
}
.frame {
    border: 10px solid #ffc233;
}
.frame_head {
	background-color: #ffc233;
    padding: 0px 6px 10px;
    text-align: center;
}
.frame_content {
    padding: 14px 6px 14px;
    text-align: center;
}
/*********************greetings***********************/
#greetings {
	border: none;
}
#greetings .unit.size1of2  {
	width: 100%;
	text-align: center
}
#greetings-text, #greetings-comp {
	text-align: center;
}
#greetings .unit.size1of2.lastUnit {
    display: block;
}
#greetings-comp label {
	text-align: center;
}
#greetings-comp input[type=text] {
	margin: 0 auto;
    display: block;
}
#greetings-comp p {
	text-align: center;
}
#greetings-comp select {
	display: inline;
}
/*************************************************************************************************************
*********************************************classique*******************************************************
*************************************************************************************************************/
[data-theme="classique"] #or {
	margin: -51px auto 0;
	position: relative;
	z-index: 100;
	background: url(https://cdn.iraiser.eu/iniaSx4Kzk3+baWOfu4thQ==/default/origin/bgor.png) center center no-repeat;
	height: 84px;
	width: 66px;
	background-color: transparent;
	padding-top: 18px;
}
[data-theme="classique"] #or p {
	height: 66px;
	width: 66px;
	border-radius: 66px;
	background-color: #fff;
	line-height: 66px;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	padding: 0;
}
[data-theme="classique"] #step-1 #once {
	background-color: #ffc233;
	border: none;
	padding-bottom: 61px;
}
[data-theme="classique"] #step-1 #regular {
	background-color: #c44141;
	border: none;
	padding-bottom: 61px;
}
[data-theme="classique"] #step-1 .step-content .bloc:nth-child(2n+1) {
	margin-top: -51px;
	padding-top: 51px;
}

/*************************************************************************************************************
*********************************************partenaires*******************************************************
*************************************************************************************************************/
[data-theme="parrainage"] #step-1 #once {
	background-color: #ffc233;
	border: none;
	padding-bottom: 61px;
}
[data-theme="parrainage"] #step-1 #regular {
	background-color: #c44141;
	border: none;
	padding-bottom: 61px;
}
[data-theme="parrainage"] #step-1 .step-content .bloc:nth-child(2n+1) {
	margin-top: -51px;
	padding-top: 51px;
}
[data-theme="parrainage"] #step-1 .bloc-content {
	min-height: 140px;
}
[data-theme="parrainage"] #or {
	margin: -51px auto 0;
	position: relative;
	z-index: 100;
	background: url(https://cdn.iraiser.eu/iniaSx4Kzk3+baWOfu4thQ==/default/origin/bgor.png) center center no-repeat;
	height: 84px;
	width: 66px;
	background-color: transparent;
	padding-top: 18px;
}
[data-theme="parrainage"] #or p {
	height: 66px;
	width: 66px;
	border-radius: 66px;
	background-color: #fff;
	line-height: 66px;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	padding: 0;
}
[data-theme="parrainage"] fieldset.amount,
[data-theme="parrainage"] fieldset.amount ul {
	display: inline-block;
	float: left;
	margin-right: 10px;
}
[data-theme="parrainage"] .tax-info {
	font-size: 16px;
	text-transform: none;
	padding-top: 4px;
	text-align: left;
}
[data-theme="parrainage"] .tax-info br {
	display: none;
}
[data-theme="parrainage"] .tax-info strong {
	font-size: 16px;
	text-transform: none;
}
[data-theme="parrainage"] #once .bloc-content h3 {
	padding-bottom: 43px;
	background: url(https://cdn.iraiser.eu/iniaSx4Kzk3+baWOfu4thQ==/default/origin/bgtitleonceparrainage.png) center 54px no-repeat;
}
[data-theme="parrainage"] #regular .bloc-content h3 {
	padding-bottom: 43px;
	background: url(https://cdn.iraiser.eu/iniaSx4Kzk3+baWOfu4thQ==/default/origin/bgtitleregularparrainage.png) center 54px no-repeat;
}
[data-theme="parrainage"] p[name=reserved_pays] {
	background-color: #fff;
	text-align: center;
	margin-top: 25px;
    padding: 10px 20px;
}
[data-theme="parrainage"] input[name=reserved_pays] {    
	margin-left: 20px;
    top: 50%;
    margin-top: 14px;
}
[data-theme="parrainage"] label[for=reserved_pays_auchoix] {    
	margin-top: 10px;
}
[data-theme="parrainage"] p[name=reserved_pays] label[for=reserved_pays] {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	height: 61px;
	line-height: 61px;
}
[data-theme="parrainage"] p[name=reserved_pays] span {
	font-size: 16px;
    font-weight: bold;
    margin-left: 5px;
    display: inline-table;
    margin-top: 11px;
}
[data-theme="parrainage"] .flag {
	margin-bottom: 10px;
}

/*************************************************************************************************************
*********************************************event*******************************************************
*************************************************************************************************************/

[data-theme="event"] #step-1 #once {
	background-color: #ffc233;
	border: none;
	padding-bottom: 61px;
}

#type-b[data-theme="event"] {
	background: url(https://cdn.iraiser.eu/iniaSx4Kzk3+baWOfu4thQ==/default/origin/bgevent.jpg) center top no-repeat;
	background-size: contain;
}
[data-theme="event"] .step-title h2 {
	color: #fff;
}
[data-theme="event"] #step-2 .step-content,
[data-theme="event"] #step-3 .step-content {
	background-color: rgba(255,255,255,0.9);
}
[data-theme="event"] h1.titre-event {
	font-size: 40px;
	color:#fff;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}
[data-theme="event"] #once .visuel {
	margin-bottom: 17px;
}
input[type="tel"]::placeholder {
    font-style: italic;
    opacity: 0.4;
}

/*********************RESPONSIVE***********************/
@media only screen and (min-width: 768px) and (max-width: 959px) {
    #step-1 h2::before,#step-1 h2::after,#step-2 h2::before,#step-2 h2::after,#step-3 h2::before,#step-3 h2::after {
		content: "";
		position: absolute;
		height: 0;
		top:0;
		margin-top:0;
		background: none;
	}
	#step-1, #step-2, #step-3 {
    	margin: 0;
	}
	.payment-submit input {
		margin: 0 auto;
		display: block;
	}
	#security-info p {
		text-align: center !important;
	    width: 100%;
	    background-color: #E2E2E1;
	}
	#header {
		background: none;
	}
	#lang {
		position: absolute;
	    top: 41px;
	    right: 22px;
	}

	#lang,
	#lang a {
		color: #222;
	}
	#logo h1 {
		display: block;
		float: none;
		clear: both;
		width: 96px;
		margin:0 auto;
	}
	#logo h1 a {
		background: url(https://cdn.iraiser.eu/iniaSx4Kzk3+baWOfu4thQ==/default/origin/logomobile.jpg) center center no-repeat;
		height: 80px;
		width: 96px;
		display: block;
	}
	#logo h1 a img {
		display: none;
	}
	[data-theme="event"] h1.titre-event,
	[data-theme="event"] .step-title h2 {
		color:#222;
	}
	#form-cde .left {
		display: none;
	}
	#form-cde .right {
		width: 100%;
	}

	#reassurance .step-info {
		width: 90% !important;
		margin: 0 5% !important;
		padding: 0 !important;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	#step-1 h2::before,#step-1 h2::after,#step-2 h2::before,#step-2 h2::after,#step-3 h2::before,#step-3 h2::after {
		content: "";
		position: absolute;
		height: 0;
		top:0;
		margin-top:0;
	}        
	#step-1, #step-2, #step-3 {
    	margin: 0;
	}
	
	#lang,
	#lang a {
		color: #222;
	}
	#container{
		margin: 0;
	}
	.payment-submit input {
		margin: 0 auto;
		display: block;
	}
	#security-info p {
		text-align: center !important;
	    width: 100%;
	    background-color: #E2E2E1;
	}
	#header {
		background: none;
	}
	#lang {
		position: absolute;
	    top: 41px;
	    right: 22px;
	}

	#lang,
	#lang a {
		color: #222;
	}
	#logo h1 {
		display: block;
		float: none;
		clear: both;
		width: 96px;
		margin:0 auto;
	}
	#logo h1 a {
		background: url(https://cdn.iraiser.eu/iniaSx4Kzk3+baWOfu4thQ==/default/origin/logomobile.jpg) center center no-repeat;
		height: 80px;
		width: 96px;
		display: block;
	}
	#logo h1 a img {
		display: none;
	}
	[data-theme="event"] h1.titre-event,
	[data-theme="event"] .step-title h2 {
		color:#222;
	}
	#form-cde .left {
		display: none;
	}
	#form-cde .right {
		width: 100%;
	}
	#reassurance .step-info {
		width: 90% !important;
		margin: 0 5% !important;
		padding: 0 !important;
	}
}
@media only screen and (max-width: 767px) {
	#step-1 h2::before,#step-1 h2::after,#step-2 h2::before,#step-2 h2::after,#step-3 h2::before,#step-3 h2::after {
		content: "";
		position: absolute;
		height: 0;
		top:0;
		margin-top:0;
	}
	#step-1, #step-2, #step-3 {
    	margin: 0;
	}

	#container{
		margin: 0;
	}
	body #reassurance .step-info {
    	margin:0;
    	padding: 10px 5%;
    	width: 90%; 
		display: none;
	}
	.payment-submit input {
		margin: 0 auto;
		display: block;
	}
	#security-info p {
		text-align: center !important;
	    width: 100%;
	    background-color: #E2E2E1;
	}
	#header {
		background: none;
	}
	#lang {
		position: absolute;
		/* ANH fix cause no login form */
	    top: 41px;
	    right: 0px;
	}
	#lang,
	#lang a {
		color: #222;
	}
	#logo h1 {
		display: block;
		float: none;
		clear: both;
		width: 96px;
		margin:0 auto;
	}
	#logo h1 a {
		background: url(https://cdn.iraiser.eu/iniaSx4Kzk3+baWOfu4thQ==/default/origin/logomobile.jpg) center center no-repeat;
		height: 80px;
		width: 96px;
		display: block;
	}
	#logo h1 a img {
		display: none;
	}
	[data-theme="event"] h1.titre-event,
	[data-theme="event"] .step-title h2 {
		color:#222;
	}
	#form-cde .left {
		display: none;
	}
	#form-cde .right {
		width: 100%;
	}
	#form-cde .right label {
		float: left;
		display: block;
		font-size: 13px;
	}
	#form-cde .right input {
		float: left;
		display: block;
		margin-right: 0;
		width: 80px !important;
	}
	#form-cde input#nid {
		margin-right: 5px;
	}
	.bandeau-form-cde {
		height: 82px;
	}
	#form-cde .bandeau-form-cde input[type="submit"] {
		width: auto !important;
		float: right;
		margin-right: 16px;
	}
	#footer .adresse,
	#footer .tel {
		background: none;
	}
}