/*BANNIERE ACCUEIL*/
.en_tete {
    background-image: url(images/banniere.jpg);
    
    /*TAILLE*/
    height: 300px;
    width: 1300px;

    /*POSITIONNEMENT*/
    margin-left: auto;
    margin-right: auto;

    /*BORDURE*/
    border: 2px solid black
}

/*IMAGE D'ILLUSTRATION DES PAGES*/
img.image {

    /*ALLIGNEMENT*/
    float: left;

    /*TAILLE*/
    width: 100px;
    height: auto;

    /*MARGE*/
    margin: 10px
}

/*IMAGE D'ILLUSTRATION DES CONTACTS*/
img.image_contact {

    /*ALLIGNEMENT*/
    float: left;

    /*TAILLE*/
    width: 100px;
    height: auto;

    /*MARGE*/
    margin: 10px;
    
    /*BORDURE*/
    border: 1px solid black
}

/*IMAGE D'ILLUSTRATION DE LA PAGE FORMATION*/
img.image_formation {

    /*ALLIGNEMENT*/
    float: right;

    /*TAILLE*/
    width: 100px;
    height: auto;

    /*MARGE*/
    margin: 10px
}




/*TITRE 1*/
h1 {
    color: dodgerblue;
    text-align: center;
    font-family: cursive
}

/*TITRE 2*/
h2 {
    color: black;
    text-align: left;
    font-family: sans-serif
}

/*TITRE 3*/
h3 {
    color: black;
    text-align: left;
    font-family: sans-serif
}

/*TITRE 4*/
h4 {
    color: black;
    text-align: left;
    font-family: sans-serif
}

/*TEXTE*/
.texte {
    color: black;
    text-align: left;
    font-family: sans-serif
}

/*MISE EN EVIDENCE DANS LE TEXTE*/
.mise_evidence {
    color: black;
    font-family: sans-serif;
    font-style: italic;
}
    

/*CITATIONS*/
.citation {
    color: dodgerblue;
    text-align: justify;
    font-family: sans-serif;
    font-size: 1em;
    font-style: italic;
}

/*SOURCES*/
.source {
    color: dodgerblue;
    text-align: right;
    font-family: sans-serif;
    font-size: 0.75em;
}

/*PIEDS DE PAGE*/
.pied_de_page {
    color: dodgerblue;
    text-align: center;
    font-family: sans-serif
}

/*CONTACT DE LA PAGE "RESSOURCES"*/
.contact {
    color: black;
    font-weight: bold;
    font-family: sans-serif;
}

/*LISTE A PUCES*/
li {
    color: black;
    font-family: sans-serif;
}




/*BARRE DE NAVIGATION*/
ul.navigation {
    list-style-type: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    width: 1300px;
    border: 2px solid black;
    border-top: 0px
    
}

li.navigation {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover:not(.active) {
    background-color: #111;
}

.active {
    background-color: dodgerblue;
}




/*CADRE PAGE RESSOURCES*/
.cadre_ressources {
    background-color: lightskyblue;
    width: 600px;
    border: 5px solid dodgerblue;
    padding: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px
}

/*CADRE CITATIONS*/
.cadre_citation {
    width: 1000px;
    margin-left: auto;
    margin-right: auto
}


/*VIDEO ACCUEIL*/
.video_accueil {

    /*POSITIONNEMENT*/
    display: block;
    width: 560px;
    height: 360px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px
}