/* PANNEAU DEROULANT */
div#container div#footer div.panel { width:100%; height:0; background:#e6e6e6 no-repeat; overflow:hidden; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; font-family:exo_regular;}
div#container div#footer.open div.panel { height:510px;}

/* CONTACT - FORMULAIRE */
div#container div#footer div.panel div.contact { z-index:20; float:left; width:33%; height:100%; background-color:white; border-right:1px solid #d0d0d0; color:black; padding-left:1%; padding-right:1%; padding-top:10px; min-width:380px;}
div#container div#footer div.panel div.middle { position:relative; z-index:19; float:left; width:29%; min-width:300px; max-width:350px; height:510px; background:rgba(0,0,0,0) url('../img/contact/bgpattern_middle.png'); border-right:1px solid #d0d0d0; color:black; padding-top:10px; overflow:hidden;}
div#container div#footer div.panel div.social { float:left; width:auto; height:100%; background-color:none;}

div#container div#footer div.panel div.contact h3 { font-size:250%; color:#cb0047;}

/* CHAMPS FORM CUSTOM */
div#container div#footer div.panel div.contact div.field { position:relative; display:none; padding-top:8px;}
div#container div#footer div.panel div.contact div.field.type1 { display:block;}

div#container div#footer div.panel div.contact form { margin:0; padding:0; margin-left:3%; width:97%; margin-top:10px;}
div#container div#footer div.panel div.contact label { display:inline-block; font-family:exo_semibold; line-height:95%; width:20%;}

div#container div#footer div.panel span.frise { display:inline-block; width:2px; height:20px; background:transparent url('../img/contact/frise_black.png') no-repeat; float:right; margin-right:10px;}
div#container div#footer div.panel div.contact input.form_text { border:0; margin:0; background-color:#f1f1f1; width:68%; padding-left:1%; padding-right:1%; line-height:20px; float:right; font-family:exo_regular; }
div#container div#footer div.panel div.contact select.form_select { border:0; margin:0; background-color:#f1f1f1; width:70%; line-height:20px; float:right; font-family:exo_regular; }
div#container div#footer div.panel div.contact textarea.form_textarea { margin:0; border:0; float:left; background-color:#f1f1f1; width:68%; padding:1%; max-width:68%; resize:none; float:right; font-family:exo_regular;}
div#container div#footer div.panel div.contact label.label_textarea { float:left; width:20%;}
div#container div#footer div.panel div.contact input.form_file { width:0; height:0; float:right;}
div#container div#footer div.panel div.contact label.form_file_fakebtn { cursor:pointer; border:0; margin:0; padding:0; width:120px; height:22px; line-height:22px; background-color:black; font-family:exo_semibold; color:white; text-align:center; margin-top:5px; float:right;}
div#container div#footer div.panel div.contact label.form_file_fakebtn:hover { opacity:0.8;}
div#container div#footer div.panel div.contact input.form_submit { cursor:pointer; border:0; margin:0; padding:0; width:120px; height:22px; line-height:22px; background-color:#cb0047; font-family:exo_semibold; color:white; float:right; margin-top:5px;}
div#container div#footer div.panel div.contact input.form_submit:hover { opacity:0.8;}
div#container div#footer div.panel div.contact label.form_file_label { float:left;}

/* MODE ERREUR */
div#container div#footer div.panel label.error { display:none !important;}
div#container div#footer div.panel input.error { background-color:#feedbb !important;}
div#container div#footer div.panel select.error { background-color:#feedbb !important;}
div#container div#footer div.panel textarea.error { background-color:#feedbb !important;}

div#container div#footer div.panel div.contact div.right_block { width:70%; float:right;}

/* NEWSLETTER + MAP */
div#container div#footer div.panel div.middle div.top { padding-left:5%; padding-right:5%;}
div#container div#footer div.panel div.middle div.top h3 { font-size:250%; color:black;}
div#container div#footer div.panel div.middle div.top div.field { margin-top:10px;}
div#container div#footer div.panel div.middle div.top label { display:inline-block; font-family:exo_semibold; line-height:100%; width:20%;}
div#container div#footer div.panel div.middle div.top input.form_text { border:0; margin:0; background-color:white; width:70%; line-height:20px; float:right; font-family:exo_regular; }
div#container div#footer div.panel div.middle div.top input.form_submit { cursor:pointer; border:0; margin:0; padding:0; width:120px; height:22px; line-height:22px; background-color:#cb0047; font-family:exo_semibold; color:white; float:right; margin-top:5px;}
div#container div#footer div.panel div.middle div.top input.form_submit:hover { opacity:0.8;}
div#container div#footer div.panel div.middle div.map { position:absolute; left:0; width:100%; padding-top:10px; bottom:0;}
div#container div#footer div.panel div.middle div.map div.us_label { width:100%; background:white url('../img/contact/gobanner.png') no-repeat; height:100px; background-size:100% 100%;}
div#container div#footer div.panel div.middle div.map div.white_label { position:relative; background:white url('../img/contact/golabel_check.png') 10px center no-repeat; width:100%; padding-top:25px; padding-bottom:25px; padding-left:50px;}
div#container div#footer div.panel div.middle div.map div.white_label div.shadow { z-index:18; position:absolute; left:0; bottom:-20px; height:20px; width:100%; 
background: -moz-linear-gradient(top, rgba(0,0,0,0.20) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.20)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0) 100%);
}
div#container div#footer div.panel div.middle div.map div.white_label div.pointe { z-index:19; position:absolute; left:50%; bottom:-15px; width:30px; height:30px; background-color:white; transform:rotateZ(45deg); -webkit-transform:rotateZ(45deg); margin-left:-15px;}
div#container div#footer div.panel div.middle div.map img.gmap_img { width:100%;}