:root {
	--pageBackGroundColor:#eee;     /* fond de la page */
	--elementsBackGroundColor:#eee; /* fond de la page */
	--headerBackGroundColor:#0c6588; /* fond de l'entête (header) + (image de fond) */
	--menuBackGroundColor:#e2f7ff   ;/* fond du menu */
	--mainBackGroundColor:#fff     ; /* fond du contenu principal */
	--footerBackGroundColor:#333   ; /* fond du footer */
	--titleColor:#333              ; /* couleur des titres */
	--textColor:#555               ; /* couleur des textes */
    --textHeaderColor:#e2f7ff      ; /* couleur des textes de l'entête */
    --textFooterColor:#ddd          ;/* couleur des textes du footer */
    --linkButtonColor:#0c6588   ;    /* couleur des liens/boutton */
    --hoverLinkButtonColor:#000  ;   /* couleur des liens/boutton au survol */
    --linkFooterColor:#eee        ;  /* couleur des liens du footer */
    
}

.header form{
    border: 1px solid #000;
    background-color :var(--menuBackGroundColor);
    padding:1em;
    width : 500px;
    border-radius:50px;
    display:flex;
    justify-content: center;
    color:#fff;
}

.header input,
.header select
{
    border:var(--menuBackGroundColor) 1px dashed;
        background-color :var(--menuBackGroundColor) ;
        width : 200px;
        color:black;
        -webkit-appearance :none

}

.header input{
    width : 250px;
}
.header select{
                width : 150px;
}
.header p{
    margin :0;
    font-weight: bold;
}