/*==================================================
										formulaire
									20151203 Gabby
					嚗𦠜��摱&銵典鱓&��誩㭘璅∠� 頛詨�交�雿齿見撘�

   �㺿�鍂.forms.formulaire ��滩�賢���閧鍂 carrie 20151210
==================================================*/

/* BASE */
.forms.formulaire { position: relative; margin-bottom: 0; }
.forms.formulaire > li { 
	margin-bottom: 25px;
	padding-bottom: 0; 
}
.forms.formulaire > li:last-child { margin-bottom: 0px; }
.formulaireColumn { clear: both; }

/* title */
.forms.formulaire .title {
	margin-top: 12px;
	position: relative;
}
.forms.formulaire .title:before {
	content: '';
	display: block;
	width: 30px;
	height: 2px;
	background-color: #000;
	position: absolute;
	top: -12px;
}

/* answer */
.formulaireAnswer { color:#00A0EA; }
.formulaireAnswer.fill { margin:0 5px;}
.formulaireAnswer.inline { 
	display: inline-block; 
	vertical-align: bottom; 
	border-bottom: 1px solid #00A0EA;
}
.formulaireAnswer.picture div {
	display: inline-block;
	vertical-align: top;
	width: 32%;
	margin-right: 1%;
}
.formulaireAnswer.picture div:last-child {
	margin-right: 0;
}

.forms.formulaire .formulaireAnswer .title { margin-top: 0;}
.formulaireAnswer .list li { border-left: none; padding-left: 0; margin-top: 10px;}

/*隤芣�擧����*/
.forms.formulaire p {
	margin-bottom: 12px;
	line-height: 1.5;
	color: #000000;
}
.forms.formulaire .openQ { margin-left: 0;}
.forms.formulaire .alert i ~ .openQ { margin-left: 3px;}
/*�𦆮甈�雿滩���鞟內�����*/
.formulaireContent { /*width: 100%;*/ padding: 0 1px; }

/*隤芣�𤾸�𣇉��*/
.formulaireImage { max-width: 38%; margin-left: 2%; float: right; }
.formulaireImage img { max-height: 210px; }
.formulaireImage ~ .formulaireContent { float: left; max-width: 60%; padding: 0; }

.formulaireImage ~ .formulaireContent .inlineColumn.half { width: 100%; margin: 0; }

.formulaireImage ~ .formulaireContent .inlineColumn.four { width: 31%; }
.formulaireImage ~ .formulaireContent .inlineColumn.four:nth-of-type(4n) { margin-right:2%; }
.formulaireImage ~ .formulaireContent .inlineColumn.four:nth-of-type(3n) { margin-right: 0; }
.formulaireImage ~ .formulaireContent .inlineColumn.four + .inlineColumn.four + .inlineColumn.four + .inlineColumn.four { margin-top:20px; }

.formulaireImage ~ .formulaireContent .inlineColumn.three { width: 31%; margin-right: 2%; }
.formulaireImage ~ .formulaireContent .inlineColumn.three:nth-of-type(3n) { margin-right:0; }


/*��鞟內�����*/
.forms.formulaire .alert {
	border: none;
	background-color: transparent;
	color: #888888;
	padding: 4px 3px 5px;
	margin: 0 0 0 2px;
}

/* ��鞱汗�𧞄�𢒰 */
.formulairePreview,
.formulairePreview label,
.formulairePreview .select-title { font-size: 1.2rem; font-size: 12px; }
.formulairePreview .forms.formulaire p { margin-bottom: 10px;}
.formulairePreview .inlineColumn.half.name { width: 30%; margin-right: 0.5%;}

/* �𦆮銝钅𢒰����厰�� */
.formulaireBtn {
	width: 100%;
    padding: 20px 0px;
    position: relative;
    left: 0px;
    clear: both;
    border-top: 1px solid #cccccc;
}
/*.outerWidth .formulaireBtn {
	background-color: #efefef;
    padding: 25px 40px 22px;
    left: -40px;
    border-top: none;
} 瘝埝�厩鍂��鈭� ��酉閫� 20160324 Gabby*/
.btn-step { padding-left: 0; padding-right: 0; }
.btn-step:link { color:#999999; }
.btn-step:visited { color:#999999; }
.btn-step:hover { color:#333333; }
.btn-step:active { color:#333333; }
.btn-step > i { font-size: 40px; font-size: 4rem; vertical-align: middle; margin-right: 10px; }
.btn-step.right > i { margin-left: 10px; }
.btn-step.next, .btn-blue.send { float: right; }
.btn-blue.send { margin-top: 8px; }
.sendFormButton {
	float: right;
	margin-top: 9px;
}
.formulaire .captcha {
    position: absolute;
    top: 15px;
    /*right: 160px; 隤踵㟲撽𡑒�厩Ⅳ��峕�厰�蓥�滨蔭 20160811 Gabby*/
}

/*�黸蝘�甈𡃏�脫��*/
.forms.formulaire > li.agree { padding-top: 20px; }
/*checkbox*/
.agree label { font-size:16px; font-size:1.6rem; margin-right:8px; } 
.agree label:active div.checker span:after {
	opacity: 1;
  	
  	-webkit-transform: scale(1);
  	-moz-transform: scale(1);
  	-ms-transform: scale(1);
  	-o-transform: scale(1);
 	transform: scale(1);

 	-webkit-transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
	-moz-transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
	-ms-transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
	-o-transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
	transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
} 
.agree div.checker {
	width: auto;
	height: auto;
	margin-right: 5px;
} 
.agree div.checker span {
	background:rgba(255,255,255,0.7);
	height:24px;
	width: 24px;
	border:2px solid #cccccc;
	border-radius: 6px;
	display: block;

	-webkit-transition:all 0.3s ease-in-out;
       -moz-transition:all 0.3s ease-in-out;
         -o-transition:all 0.3s ease-in-out;
            transition:all 0.3s ease-in-out;
} 
.agree div.checker span:after {
	content: '';
	width: 200px;
  	height: 200px;
  	display: block;
  	position: absolute;
  	left:50%;
  	top:50%;
  	margin-left:-100px;
  	margin-top:-100px;
  	opacity: 0;
  	border-radius: 100%;
  	background:rgba(255,255,255,0.3);
  	z-index: -1;

  	-ms-filter: none;
  	filter: none;

  	-webkit-transform: scale(0);
  	-moz-transform: scale(0);
  	-ms-transform: scale(0);
  	-o-transform: scale(0);
  	transform: scale(0);

	-webkit-transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
	-moz-transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
	-ms-transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
	-o-transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
	transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
}
.agree div.checker input { cursor: pointer; width: 24px; height: 24px; }
.agree .checker input:focus { outline: 0; }
.agree .checker { vertical-align: bottom; }
/*皛煾�䭾�劐�讠���梶������*/ 
.agree div.checker:active span, 
.agree div.checker.active span {
	background: #00A0EA;
	border-color:#00A0EA;
}
.agree div.checker:active span:after, 
.agree div.checker.active span:after {
	opacity: 1;

	-webkit-transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
	-moz-transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
	-ms-transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
	-o-transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
	transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
  	
  	-webkit-transform: scale(1);
  	-moz-transform: scale(1);
  	-ms-transform: scale(1);
  	-o-transform: scale(1);
 	transform: scale(1);
}
/*皛煾�删宏��訫�checkbox獢�銝羓������*/
.agree label.focus div.checker span,
.agree label:hover div.checker span,
.agree div.checker.focus span,
.agree div.checker:hover span {
	border-color:#00A0EA;
}
.agree div.checker.focus:active span, .agree div.checker:active:hover span,
.agree div.checker.active:hover span, .agree div.checker.focus.active span {
	background: #00A0EA;
	border-color:#00A0EA;
} 
.agree div.checker span.checked {
	background: #00A0EA;
	border-color:#00A0EA;
} 
.agree div.checker span.checked:before {
	/*font-family: 'MaterialDesignIcons'; 20160328 ��𥟇�躶onicons Gabby*/
	font-family: 'Ionicons';
	color: #ffffff;
	content: "\f122";
	position: absolute;
	top: 3px;
	left: 4px;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 24px;
}
.agree div.checker:active span.checked, 
.agree div.checker.active span.checked {
	background: #00A0EA;
	border-color:#00A0EA;
}
.agree div.checker.focus span.checked,
.agree div.checker:hover span.checked {
	background: #00A0EA;
	border-color:#00A0EA;
}
.agree div.checker.focus:active span.checked,
.agree div.checker:hover:active span.checked,
.agree div.checker.active:hover span.checked,
.agree div.checker.active.focus span.checked {
	background: #00A0EA;
	border-color:#00A0EA;
}
.agree div.checker.disabled span,
.agree div.checker.disabled:active span,
.agree div.checker.disabled.active span {
	background: #dedede;
	border-color:#dedede;
}
.agree div.checker.disabled span.checked,
.agree div.checker.disabled:active span.checked,
.agree div.checker.disabled.active span.checked {
	background: #dedede;
	border-color:#dedede;
}

/*銝衤����������*/
.nextPage {
	margin: 60px 0;
	text-align: center;
	color: #000;
	position: relative;
}
.nextPage span {
	position: relative;
	z-index: 2;
	padding: 0 8px;
	background-color: #ffffff;
}
.nextPage:before {
	content: '';
	background:url(
		data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAJnzpz5zwjjgzgmJiaMYAEYB8RmROaABAD4hQ9o0iqJkwAAAABJRU5ErkJggg==
	) repeat;
	width: 980px;
	height: 8px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -4px;
	margin-left: -490px;
	z-index: 1;    
}
/*.outerWidth .nextPage:before {
	padding: 0 40px;
	left: -40px;
} 瘝埝�厩鍂��鈭� ��酉閫� 20160324 Gabby */

/*�豢���訫�*/
.symbol {
  display: inline-block;
  border-radius: 50%;
  border: 5px double white;
  width: 30px;
  height: 30px;
}
.symbol-empty {
  background-color: #ccc;
}
.symbol-filled {
  background-color: black;
}
.rating-symbol {
	padding-left: 2px;
}
.rating-symbol:first-child {}
 
/*��蝭�蝺�*/
.hr-border {
	border-bottom: 1px solid #222222;
	margin:60px 0 20px;
	width: 100%;
}
.hr-border.dotted { border-style: dotted;}
.hr-border.double { border-style: double; border-bottom-width:4px;}
.hr-border.dashed { border-style: dashed;}

/*��滚蝱銝漤＊蝷� 20160330 Gabby�鰵憓�*/
.invisible { text-align: center; }
.invisible::after {
		content: '';
    display: block;
    background: rgba(0,0,0,0.2);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 498;
    top: 0;
    left: 0;
    overflow: visible;
    visibility: visible;
}
.invisible::before {
		font-family: 'MaterialDesignIcons'; 
		content: "\F209";
    color: #ffffff;
    position: absolute;
    z-index: 499;/*撠𤩺䲰adminbox*/
    font-size: 40px;
		font-size: 4rem;
		top:50%;
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		-o-transform:translateY(-50%);
}
/*��滚蝱銝漤＊蝷� 20160330 Gabby END*/

.forms.formulaire .list li > span.title {
	margin-top:0;
	width: inherit;
	max-width: 80%;
}


/**/
@media screen and (max-width : 979px) {
	.nextPage:before {
		width: 100%;
		left: 0%;
		margin-left: 0;
	}
}
@media screen and (max-width : 800px) {
}
@media screen and (max-width : 680px) {
	.formulaireImage { max-width: 100%; width: 100%; margin-left: 0%; margin-bottom: 10px; float: left; }
	.formulaireImage img { max-height: initial; }
	.formulaireImage ~ .formulaireContent { max-width: 100%; }

	.formulaireImage ~ .formulaireContent .inlineColumn.four { width: 100%; }
	.formulaireImage ~ .formulaireContent .inlineColumn.four:nth-of-type(4n) { margin-right:0%; }
	.formulaireImage ~ .formulaireContent .inlineColumn.four + .inlineColumn.four { margin-top:20px; }

	.formulaireImage ~ .formulaireContent .inlineColumn.three { width: 100%; margin-right: 0%; }
	.formulaireImage ~ .formulaireContent .inlineColumn.three + .inlineColumn.three { margin-top:20px; }

	/*.outerWidth .formulaireBtn { background-color: #f7f7f7; } 瘝埝�厩鍂��鈭� ��酉閫� 20160324 Gabby */
	.formulaire .captcha {
		/*position: relative;
    	right: 30px;
    	text-align: right;
    	background: #eeeeee;
    	padding: 20px 30px;
    	width: 100%;
    	top: initial; 隤踵㟲撽𡑒�厩Ⅳ��峕�厰�蓥�滨蔭 20160811 Gabby*/
	}
	.formulaire .captcha img { width: 130px !important; }
	.formulaireBtn > a { margin-top:60px;  }
	.sendFormButton {
		float: none;
		text-align: right;
		margin: 0 0 15px;
	}

	/* ��鞱汗�𧞄�𢒰 */
	.formulairePreview .formulaireImage { display: block;}
	.formulairePreview .formulaireImage ~ .formulaireContent { max-width: 60%; }
}

@media screen and (max-width : 600px) {

}

@media screen and (max-width : 320px) {
	.formulaire .captcha img { width: 75px !important; }
}