/* CSS de la page contact */

/* Met du style à la police du titre */
.titreContact
{
    text-align : center;
    font-family : 'Quicksand', sans-serif;
    height : 150px;
    color : white;
}

/* Permet de changer le style de la police du titre Contact */
.titreContacter
{
    position : relative;
}

/* Permet d'ajouter une ligne blanche en dessous du titre Vous souhaitez être contacté */
.ligneContacter
{
    width : 50px;
    text-align : center;
    position : absolute;
    border-bottom : 3px solid white;
    right : 50%;
    margin-top : 5px;
    margin-right : -25px;
}

/* Ajoute une marge entre le titre et la ligne */
.marginTitreResponsive
{
    margin-top : -15px;
}

/* Définit l'image de fond du container Body */
.block-body
{
    background-color : white;
    background : url('../../img/topContact.png') no-repeat;
    background-size: 1493px;
    margin-top : -15px;
    background-position-x: center;
}

/* Met du style à la police du texte */
.rootContact
{
    font-family : 'Quicksand', sans-serif;
    margin-top : 85px;
}

/* Met la couleur de la police du lien du chemin en noir */
.lienAccueil
{
    color : black;
}

/* Définit le style du nom de Page où on est */
.page
{
    color : #36636e;
    font-weight : bold;
    position : relative;
    border-bottom : 2px solid #386873;
}

/* Style la police de la page contact */
.rowContact
{
    font-family : 'Quicksand', sans-serif;
}

/* Met la police en gras */
.textBold
{
    font-weight : bold;
}

/* Style de la police du paragraphe de description */
.paragrapheDescription
{
    font-weight : bold;
    margin-top : 30px;
}

/* Style du texte du formulaire + marge */
.formulaireContact
{
    font-family : 'Quicksand', sans-serif;
    margin-top : 20px;
    margin-bottom : 50px;
}

/* Couleur du texte du formulaire */
.colorTextFormulaire
{
    color : gray;
}

/* Style de l'input Name */
.inputName
{
    width : 100%;
    border : none;
    background-color : rgb(223, 223, 223);
    padding : 5px;
}

/* Marge entre le label et l'input du dessus */
.marginLabel
{
    margin-top : 10px;
}

/* Style de l'input Mail */
.inputMail
{
    width : 100%;
    border : none;
    background-color : rgb(223, 223, 223);
    padding : 5px;
}

/* Style de l'input Téléphone */
.inputTelephone
{
    width : 100%;
    border : none;
    background-color : rgb(223, 223, 223);
    padding : 5px;
}

/* Style du select Question */
.selectQuestion
{
    width : 100%;
    border : none;
    background-color : rgb(223, 223, 223);
    padding : 5px 5px 5px 0px;
}

/* Style de l'input Select */
.inputSujet
{
    width : 100%;
    border : none;
    background-color : rgb(223, 223, 223);
    padding : 5px;
}

/* Style du textarea Message */
.textMessage
{
    width : 100%;
    border : none;
    background-color : rgb(223, 223, 223);
    padding : 5px;
    resize : vertical;
    height : 100px;
}

/* Ajoute la marge entre le captcha et le bouton envoyer */
.marginEnvoyer
{
    margin-top : 20px;
    margin-right : -15px;
    /*padding : 15px;*/
}

/* Style du bouton Envoyer */
.styleEnvoyer
{
    height : 40px;
}

/* Style de la ligne InfosContact + Déco */
.rowInfosContact
{
    margin-bottom : 100px;
    font-family : 'Quicksand', sans-serif;
    margin-top : 35px;
}

/* Style du block Woippy */
.block-woippy
{
    min-height : 100px;
    background-color : #508f9e;
    border : 10px solid white;
    margin-bottom : -20px;
    z-index : 999;
    color : white;
}

/* Permet d'ajouter du style au titre Woippy */
.titreWoippy
{
    font-weight : bold;
    margin-bottom : 20px;
    position : relative;
}

/* Définit l'espace entre la ligne du titre Woippy */
.ligneWoippy
{
    width : 45px;
    text-align : center;
    position : absolute;
    border-bottom : 3px solid #36636e;
    left : 0;
    margin-top : -15px;
    margin-left : 15px;
}

/* Ajoute une marge entre le paragraphe et le titre */
.margeParagraphe
{
    margin-top : 30px;
}

/* Style du block Woippy */
.block-creteil
{
    min-height : 100px;
    background-color : #36636e; 
    border : 10px solid white;
    margin-top : -20px;
    z-index : 999;
    color : white;
    margin-bottom : 25px;
}

/* Permet d'ajouter du style au titre Woippy */
.titreCreteil
{
    font-weight : bold;
    margin-bottom : 20px;
    position : relative;
}

/* Définit l'espace entre la ligne du titre Woippy */
.ligneCreteil
{
    width : 45px;
    text-align : center;
    position : absolute;
    border-bottom : 3px solid #508f9e;
    left : 0;
    margin-top : -15px;
    margin-left : 15px;
}

/* Index de l'image pour la mettre en fonc d'écran */
.indexImage
{
    z-index : 1;
}

/* Marge entre le captcha et le message */
.captcha
{
    margin-top : 25px;
    padding-left : 0px;
}

@media (max-width : 768px)
{
    .captcha
    {
        margin-left : -20px;
    }
}