/* CSS Document */
#cont{padding-top:50px;}
.bloc-grid {display:grid; grid-template-columns:2fr 1fr; grid-template-rows:repeat(1, auto); grid-column-gap :20px; column-gap :20px; grid-row-gap:20px; row-gap:20px;}

label, input, textarea, span.error, .li-list_formation {font-size:0.875rem;}
li, label {position:relative;}
.topic {padding-bottom:10px;}
input, textarea {font-family:'open_sansregular', Arial, Helvetica, sans-serif; padding:0; border:1px solid #CCC;}
.checkbox {border:none;}
textarea {width:100%;}
input:focus, textarea:focus {border: 1px dotted #3d4131; background:#f4f4f2;}
input.error, textarea.error {border: 1px dotted  #C00; background:#f4f4f2;}
div.error, label.error, .gray * {display:none;}
label.error {position:absolute; top:19px; left:0; font-size:0.75rem;}
label.error, span.error {color: #C00;}
.gray * {color: gray;}

.map ul {margin-bottom:25px; font-size:14px}
#contener .map ul h4 {font-family:'futurabook', Arial, Helvetica, sans-serif; text-transform:lowercase; font-size:30px; line-height:30px;} 
.map ul li:nth-of-type(2) {text-transform:lowercase; font-family:'futurabook', Arial, Helvetica, sans-serif; font-size:18px;}
.map span {color:#e3ce00;}
.map ul li:nth-of-type(2), .map ul li:nth-of-type(4), .map ul li:nth-of-type(5) {margin-bottom:10px;}
iframe {-webkit-filter:grayscale(100%); filter:grayscale(100%); height:300px;}

.form label, .form span {display:inline-block;}
.form ul:nth-of-type(2) {margin-bottom:20px;}
.form ul:nth-of-type(1) li:first-child, .form ul:nth-of-type(3) li:first-child {font-family:'futuraheavy', Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:16px; padding:10px; color:#fff; background-color:#000;}
.form ul:nth-of-type(1) li:nth-of-type(2), #form ul:nth-of-type(3) li:last-child {padding:10px 0 15px 0;}
.form ul:nth-of-type(2) li label:first-child {width:90px; text-align:right; padding-top:15px;}
.form ul:nth-of-type(2) li {border-top:1px dotted #ccc; padding-bottom:15px;}
.form ul:nth-of-type(2) li:nth-of-type(4) {padding-bottom:0;}
.form ul:nth-of-type(2) li:last-child {border-top:none; padding-top:0;}
.form ul:nth-of-type(4) li {text-align:center;}
.form ul:nth-of-type(4) li:last-child {padding-top:20px;}
.form ul:nth-of-type(4) li:last-child input {border:0; border-radius: 3px; cursor: pointer; background-image: url(../imgs/bt.png); font-size:14px; line-height:20px; color:#e3ce01; width:166px; height:27px; padding-left:16px; *padding-left:10px; transition: all 0.25s ease-in-out 0s}
.form ul:nth-of-type(4) li:last-child input:hover {background-position:bottom left; color:#000;}
.form .reponse ul:nth-of-type(2) li label:first-child {width:auto; text-align:left; padding-top:15px; font-family:'futuraheavy', Arial, Helvetica, sans-serif; }
.form .reponse ul:nth-of-type(2) li > label:nth-of-type(2) {padding-right:15px;}
.form .reponse ul:nth-of-type(3) li:last-child {padding:15px 0;}
.form .reponse label {font-size:16px;}
.form p {margin-top:15px;margin-bottom:30px;}

@media screen and (max-width:359px){
.form ul:nth-of-type(2) li label:first-child {width:100%; text-align:left; padding-top:5px;}
.form ul:nth-of-type(2) li {padding-bottom:15px;}
.form ul:nth-of-type(2) label.error {position:absolute; top:2px; left:160px;}
}
@media screen and (max-width:480px){
#cont{padding-top:60px;}
#contener h4 {font-size:22px; line-height:22px; margin-top:25px; }
#contener .site_credit li:first-child, #contener p {margin-top:5px;}
}
@media screen and (max-width:640px){
.menu {background-color: rgba(255,255,255,1);}
.map ul li:nth-of-type(3), .map ul li:nth-of-type(4) {display:inline-block;}
.map ul li:nth-of-type(4):before {content:" - ";}
}
@media screen and (min-width:641px) and (max-width:909px) {
.map {display:grid; grid-template-columns:2fr 1fr; grid-template-rows:repeat(1, auto); grid-column-gap :5px; column-gap :5px;}
iframe {height:200px;}
}
@media screen and (max-width:909px){
.bloc-grid {grid-template-columns:1fr; grid-row-gap:30px; row-gap:30px;}
.map {border-top:1px dotted #ccc; padding-top:30px;}
iframe {height:200px;}
}