


*, img, a{ outline:none !important;}
img{
	max-width: 100%;
	height: auto;
}
iframe{
	max-width:100%;
}

.no-padding{ padding:0;}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:17px;
	line-height:20px;
	background:#f99d1c;
}

header,
footer{ 
	width:100%;
	text-align:center;
}
.container {
    max-width: 980px;
	width:100% !important;
}


h4{ 
	margin: 5px 0 20px;
    position: relative;
	font-size:25px;
}
p{ font-size:17px;}
b, strong {
    font-weight:bold;
}
h4:after{
	background:#f99d1c;
	position:absolute;
	width:120px;
	content:'';
	height:5px;
	left:50%;
	transform:translateX(-50%);
	bottom:-10px;
}


.cont, .logo{
	-webkit-transition: -webkit-transform 2s ease-in-out;
	 -webkit-transform:scale(0);
	transform:scale(0);
	opacity:0;
	
}
.bloc_ecran .container {
	background:#fff;
	text-align:center;
	padding:20px 20px 30px;
}

footer .container{ padding:20px;}
footer a{ color:#fff}
footer p {
    font-size: 15px;
    font-weight: bold;
}
footer a.fcb {
    width: 50px;
    height: 50px;
    background: url("../img/fcb.jpg") no-repeat scroll center top;
    float: right;
    margin-top: 20px;
	cursor:pointer;
	max-width:100%;
}
.bloc_ecran .formulaire{
	width:100%;
	position:relative;
	-webkit-transition: -webkit-transform 2s ease-in-out;
	 -webkit-transform:scale(0);
	transform:scale(0);
	opacity:0;
	max-width:575px;
	margin:0 auto;	
	text-align:left;
}

/********************/
 .formulaire .acf-form {
    display: inline-block;
    margin-top: 10px;
    width: 100%;
}
 .formulaire .acf-fields > .acf-field {
    margin-top: 15px;
	padding:5px 0px;
	border:none;
}
 .formulaire .acf-field .acf-label{ margin:0 !important;}

 .formulaire label {
    color: #000;
    font-size: 16px !important;
    font-weight: 100 !important;
    position: absolute;
    top: 10px;
    z-index: 10;
	text-transform:none;
}
 .formulaire label.active{
	font-size:12px !important;
	top:-10px;
	color: #f99d1c;
}
 .formulaire input,
 .formulaire select{
    background: none;
    border: none;
    border-bottom: 1px solid #000;
    box-sizing: border-box !important;
    color: #121212;
    height: 35px !important;
    padding: 0 5px !important;
    position: relative;
    font-size: 16px !important;
    font-weight: 100 !important;
}
 .formulaire textarea{
    background: none;
    border: none;
    border-bottom: 1px solid #c3c3c3;
    box-sizing: border-box !important;
    color: #121212;
    padding: 0 5px !important;
    position: relative;
    font-size: 16px !important;
    font-weight: 100 !important;
}
 .formulaire input:focus,  .formulaire input:active,  .formulaire select:focus,  .formulaire select:active,  .formulaire textarea:focus,  .formulaire textarea:active{
    border-bottom: 1px solid #f99d1c;
}

 .formulaire .button{
	background: url("../img/bt-envoyer.jpg") no-repeat scroll center top;
    height: 37px !important;
    width: 400px;
	border:none !important;
	margin-top:20px;
	
}
 .formulaire .acf-form-submit{ text-align:center;}

 .formulaire .acf-error .acf-input-wrap input, .formulaire .acf-error .acf-input-wrap select, .formulaire .acf-error .acf-input-wrap textarea{ border-bottom:1px solid #F55E4F;}
 .formulaire .acf-error-message p {
    line-height: 1;
    margin: 0.2em 0;
}
.acf-error-message {
    padding: 1px 30px !important;
}
.acf-error-message .acf-icon {
    top: 3px !important;
    right: 7px !important;
}
.acf-field .acf-error-message {
    position: absolute;
    right: 0;
	padding: 1px 12px !important;
	top:-18px;
}


/************************************/


.anim4{
    -webkit-transform:scale(1) !important;
	transform:scale(1) !important;
	opacity:1 !important;
}

@media only screen and (max-width: 650px) {
.acf-field .acf-label label, .formulaire input, .formulaire select, .acf-input-wrap {
    width: 100% !important;
}
footer .pos-left  {
    width: calc(100% - 60px) !important;
}
footer .pos-right  {
    width: 60px !important;
	padding:0;
}
}
