/* Définition des polices personnalisées */

 
/* Eléments principaux de la page */
 

/* Header */
/* Bar de navigation */

#logo1
{
    display: inline-block;
}
 
nav
{
    display: inline-block;
    margin: auto;
    height: auto;
    position: absolute;
    top: 0;
    z-index: 4;
}

nav ul
{
    list-style-type: none;

}
 
nav li
{
    display: inline-block;
    margin-right: 15px;
    border-radius: 10px;
    border: 5px solid rgb(235,235,235);
    background: rgba(35,35,35,0.5);
}
 
nav a
{
    
    margin: 5px;
    padding: 5px;
    height: auto;
    border-radius: 10px;
    font-size: 1.3em;
    vertical-align: middle;
    color: rgb(235,235,235);
    padding-bottom: 3px;
    text-decoration: none;
}
 
nav a:hover
{
    color: greenyellow;

}

/* corp de la page */
body
{
    margin: 0; /* Marge extérieure de 0px */
    padding: 0; /* Marge intérieure de 0px */
    font-family: "Arial"; /* Indique la police à utiliser */
    color: white; /* Couleur de la police */
    overflow: auto; /*gestion des paragraphe */
    background-color: rgb(255,255,255); /* Couleur de fond du blocs */
}
header, section, intro
{
    display: block; /* Gestion de l'alignement des blocs */
    width: auto; /* Largeur */
    height: auto; /* Hauteur */
}

a
{
    text-decoration: none; /* Presentation du texte */
    color: white; /* Couleur de la police */
}
#intro
{
    margin-top: 0;
    margin-left: 15px;
    margin-right: 15px;
    position: absolute;
    left: 10%;
    right: 10%;
    z-index: 1;
    cursor: pointer;
}
@media all and (max-width: 800px)
{
    #intro
{
    margin-top: 0;
    margin-left: 15px;
    margin-right: 15px;
    position: absolute;
    left: 10%;
    right: 10%;
    z-index: 1;
    cursor: pointer;
}
}
#intro p
{
    background: rgba(35,35,35,0.5);
    text-align: center;
    vertical-align: central;
    font-size: 40px;
    color: rgb(235,235,235);
    border: 5px solid rgb(235,235,235);
    border-radius: 10px;
    width: 100%;
    height: heightS;
    padding-left: 10px;
    display: block;
    margin: auto;
    margin-top: 15px;
}
#myVideo /* Vidéo de fond d'écran */
{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    z-index: 0;
    cursor: pointer;
}
.screen /* emplacement du visuel Pause Play */
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0,0,0,0.59);
}
.screen img /* Visuel Pause Play */
{
    width: auto;
    height: auto;
    display: block;
    margin: auto;
    margin-top: 30%;
}



/* Footer */

/* Taille des caractéres p et ul utilisés dans la partie pied de page */
footer p, footer ul
{
    font-size: 0.6em;
}
/* Taille des Titres h1 utilisés dans la partie pied de page */
footer h2
{
    font-size: 0.8em;
    text-align: left;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
#liens-bas
{
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 120px;
    background-color: rgba(0,0,80,0.74);
    z-index: 3;
    line-height: 10px;
    text-align: center;}
@media all and (max-width: 800px)
{
    #liens-bas
{
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 240px;
    background-color: rgba(0,0,80,0.74);
    z-index: 3;
    line-height: 10px;
    text-align: center;
}
}
#liens-bas h1
{
    color: rgb(235,235,235);
    line-height: 10px;
    text-align: center; 
    font-size: 30px;
}
/* On définie pour le premier block du pied de page */
#liens-bas .premier
{
    background-image: none; /* pas d'image de fond */
    float: left; /* position gauche */
    padding: 5px 10px 10px 10px; /* Marges intérieures haut, gauche, bas, droite */
}
#liens-bas .premier h2
{
    
}
/* On définie pour les bocks <div> du pied de page */
#liens-bas div
{
    display: inline-block; /* l'alignement des blocks */
    background: transparent url('images/separator.png') repeat-y 0 15px; /* l'image de fond */
    float: left; /* la position des blocks */
    height: 120px; /* la hauteur des blocks */
}
/* on définie pour les listes ul des blocks de pied de page */
.autres
{
    width: 80px; /* Largeur */
    margin: 5px; /* Marge extérieure */
    padding: 0;	/* Marge intérieure */
}
/* on définie pour les lignes il des listes de pied de pages */
.autres li 
{
    text-align: left;
    margin: 0 0 5px 5px; /* Marge extérieure */
    padding: 0; /* Marge intérieure */
    list-style-type: none;
}
h2
{
    margin: 10px 10px 10px 10px;
    font-size: 14px;
    text-transform: uppercase; /* transforme le texte en majuscules */
}
p
{
    text-align: left;
    margin: 5px 0 5px 5px; /* Marge extérieure */
}