/********************************************************************
    Couleurs utilisées:     #000000 : Noir 
                            #242424 : Gris très foncé
                            #3A3A3A : Gris foncé
                            #CCCCCC : Gris
                            #FFFFFF : Blanc
*********************************************************************
    Polices utilisées : 'Berkshire Swash', cursive; : pour le logo
                        'Muli', sans-serif; : pour le reste
    avec les CDN de google
*********************************************************************/

/* debut de l'entête */     
header{
    /*background: rgba(0, 0, 0, 0) url("../images/imagehead1.jpg") no-repeat 0 0 / cover; */   
    /*background: #CCCCCC url("../images/entete.jpg") center top no-repeat; */
    background: #CCCCCC center top no-repeat;
    color: #300040;
    padding: O%;
    position: relative;
}

/*******************
LE LOGO #logo
******************* */
#logo{
    width: 410px;
	float: left;
}

/*******************
LE LOGO #logo titre
******************* */
#logo h1{
	margin: 0;
    text-align: center;
}
#logo h1 a,
#logo h1 a:link,
#logo h1 a:visited,
#logo h1 a:active,
#logo h1 a:hover{
    font-family: 'Berkshire Swash', cursive;
	color: black;
	text-decoration : none;
	letter-spacing: -1px;
	font-size: 50px;
}
#logo h1 a span{
	color: #3A3A3A;
	letter-spacing: -1px;
	font-size: 50px;
}


/* *************************** 
Les effets d hover sur logo
**************************** */
#logo h1 a:hover span{
	color: #FFFFFF;
}

/*******************
FIN LOGO #logo
*******************/

/******************   
entete partager en 3 div
********************/

#renseignement{
	width: 560px;
	float : left;
}

#numero{
	width: 200px;
	float : left;
    margin-top: 30px;
}
#reseignement #numero h2{
    color: #3A3A3A;
    font-size: 17px;
    text-align: center;
    margin:0;
    font-family: 'Muli', sans-serif;
}
#numero h3{
    color: #3A3A3A;
    font-size: 12px;
    text-align: center;
    margin:0;
    font-family: 'Muli', sans-serif;
}

/* date du jour en JavaScript */
#date{
    margin-top: 1px;
    text-align: center;
    font-weight: bold;
    color: #3A3A3A;
    font-family: 'Muli', sans-serif;
    font-size: 14px;
}

/* fin menu*/