
#contact > header{
    margin: 0 auto;
    max-width: var(--site-content-max-width);
    padding: 1.6rem;
}
#contactFieldset{
    display: grid;

}
#contactForm{
    margin: 0 auto;
    max-width: var(--site-content-max-width);
    padding: 1.6rem;
}
/* ::::: imported */
#contact{
    background-image                        : url("/medias/pictures/contact/contactBackground.jpg");
    background-repeat                       : no-repeat;
    background-size                         : cover;
    background-position                     : center;
    height                                  : 100vh;
    position                                : relative;
}
#contact > header{
}
#contact > header h1{
    font-size                               : 3.2rem;
    font-weight                             : 300;
}
#contact > header p{
    font-size                               : 1.6rem;
    font-weight                             : 300;
}
/* ::::: form */
#contactForm fieldset{
    border                                  : 0;
}
#contactForm input[type="email"],
#contactForm input[type="tel"],
#contactForm input[type="text"],
#contactForm textarea{
    background                              : transparent;
    border-bottom                           : .1rem solid #D2D2D2;
    border-left                             : none;
    border-right                            : none;
    border-top                              : none;
    box-shadow                              : none;
    font-size                               : 1.6rem;
    margin                                  : 0;
    padding                                 : 1.2rem 0;
    resize                                  : none;
}
#contactForm input[type="email"]:focus,
#contactForm input[type="tel"]:focus,
#contactForm input[type="text"]:focus,
#contactForm textarea:focus{
    border-bottom-color                     : #000000 !important;
    outline                                 : none;
}
#contactForm input[type="submit"]{
    background                              : #000000;
    border                                  : none;
    color                                   : #FFFFFF;
    font-size                               : 1.6rem;
    padding                                 : .8rem 3.2rem;
    width                                   : auto;
}
/* form */
:invalid{
}
:optional{
}
:required{
}
:valid{
}
::-webkit-input-placeholder{
    color                                   : #CC0000;
}
::-moz-placeholder{
    color                                   : #CC0000;
}
::placeholder{
    color                                   : #CC0000;
}
.sCp{
    padding                                 : 0 .8rem;
}