.no_margin{
    margin: 0!important;
}

.plugin_contact{
    
}

/* col-sm-6 */
@media screen and (min-width: 992px){
    .row_contact > div{
        height: 700px;
    }
}

@media screen and (max-width: 992px){
    .row_contact > div.col_google_maps{
        height: 300px;
    }
}

.row_contact iframe{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(http://www.supdemod.eu/typo3conf/ext/bi_contact/Resources/Public/css/grayscale.svg); /* Firefox 4+ */
    filter: gray; /* IE 6-9 */
    /*pointer-events: none*/
}

.row_contact h3{
    font-size: 43px;
    color: #333332;
    font-family: 'Playfair Display';
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 45px;
}

.row_contact .bloc_formulaire{
    padding: 60px 120px 30px 50px;
}


@media screen and (max-width: 768px){
    .row_contact .bloc_formulaire{
        padding: 10px 20px 10px 20px;
    }
    
    .row_contact h3{
        margin-top: 40px
    }
}

@media screen and (min-width: 1300px){
    .contact_form{
        width: 70%;
    }
}

.contact_form .row > div{
    margin-bottom: 10px;
}

.contact_form input[type="text"]{
    width: 100%;
    background: #272726;
    border: 0;
    padding-left: 15px;
    height: 40px;
    font-size: 18px;
    outline: none;
    color: white;
    font-family: 'Helvetica Neue';
}

.contact_form select{
    width: 100%;
    background: #272726;
    border: 0;
    padding-left: 15px;
    height: 40px;
    font-size: 18px;
    outline: none;
    color: white;
    font-family: 'Helvetica Neue';
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;   
    -webkit-border-radius: 0;  /* Safari 3-4, iOS 1-3.2, Android 1.6- */    
    -moz-border-radius: 0;  /* Firefox 1-3.6 */     
    border-radius: 0;  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    background-image: url(../img/fleche_bas.png);
    background-repeat: no-repeat;
    background-position: 98% center;
}

.contact_form textarea{
    width: 100%;
    background: #272726;
    border: 0;
    padding-left: 15px;
    height: 80px;
    resize: none;
    font-size: 20px;
    outline: none;
    color: white;
    padding-top: 5px;
    font-family: 'Helvetica Neue';
}

.contact_form input[type="submit"]{
    width: 100%;
    background: transparent;
    text-align: center;
    height: 40px;
    font-size: 14px;
    outline: none;
    color: black;
    font-family: 'Playfair Display';
    font-weight: bold;
    border: 1px solid black;
    border-radius: 2px;
    text-transform: uppercase;
    margin-top: 10px;
}

@media screen and (max-width: 992px){
    .contact_form input[type="submit"]{
        width: 50%;
        margin: auto;
        display: block;
    }
}

.contact_form ::-webkit-input-placeholder { /* WebKit browsers */
    color:    white;
    text-transform: uppercase;
}

.contact_form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    white;
   opacity:  1;
   text-transform: uppercase;
}

.contact_form ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    white;
   opacity:  1;
   text-transform: uppercase;
   
}

.contact_form :-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    white;
   text-transform: uppercase;
}


/* Gérer les padding diminués */
@media screen and (min-width: 992px){
    .pr-5{
        padding-right: 5px;
    }

    .pl-5{
        padding-left: 5px;
    }
}

#success_message, #error_message{
    padding-top: 100px;
    color: #e6008b;
    font-family: 'Helvetica Neue';
}

#success_message .merci, #error_message .merci{
    font-size: 70px;
    display: block;
    text-align: center;
}

#success_message .detail_merci, #error_message .detail_merci{
    font-size: 28px;
    display: block;
    text-align: center;
    padding-top: 50px;
}

#societe{
    display: none;
}

.champs_obligatoires{
    display: block;
    font-size: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
}

@media screen and (max-width: 1720px){
    select#formation, #diplome{
        font-size: 14px;
    }
}

@media screen and (max-width: 1480px){
    select#formation, #diplome{
        font-size: 12px;
    }
}

@media screen and (max-width: 1100px){
    select#formation, #diplome{
        font-size: 9px;
    }
}