/************************************ PAGE ************************************/

div#page{
    float:right;
    width:648px;
    margin-top:0px;
    padding:0px;
    border:0px solid black;
}

div#page h1{
    padding:5px 10px 10px 10px;
    font-size:2em;
    font-weight:bold;
    text-decoration:underline;
}

div#page p#intro{
    padding:20px 10px 10px 10px;
    font-size:1em;
}

/*Sur page accueil uniquement*/
/****************************** CONTENEUR PAGE ********************************/

div#conteneur_page{
    background-color: transparent;
    background-image: url(../img/conteneur_rubrique.png);
    background-repeat: no-repeat;
    background-position:0px 0px;

    margin-top:5px;
    height:398px;
    width:637px;
}

div.conteneur_cours{
    float:left;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position:0px 0px;
    
    margin:13px 0px 0px 13px;
    height:178px;
    width:299px;

    cursor:pointer;
}

 div.conteneur_cours h2.h2_index{
    margin:8px auto 10px auto;
    font-size:1.3em;
    font-weight:bold;
    text-decoration:none;
    color:#fff;
    text-align:center;
    border:0px solid black;
}

/*Sur les rubriques cours*/
/**************************** CONTENEUR RUBRIQUE ******************************/

div#conteneur_rubrique_haut, div#conteneur_rubrique_centre, div#conteneur_rubrique_bas{
    margin:0px 0px 0px 0px;
    padding:0;
    width:637px;
    border:0px solid black;
}

div#conteneur_rubrique_haut{
    background-color: transparent;
    background-image: url(../img/conteneur_rubrique_haut.png);
    background-repeat: no-repeat;
    background-position:0px 0px;
    height:4px;
}

div#conteneur_rubrique_centre{
    background-color: transparent;
    background-image: url(../img/conteneur_rubrique_centre.png);
    background-repeat: repeat-y;
    margin-top:0px;
}

div#conteneur_rubrique_bas{
    background-color: transparent;
    background-image: url(../img/conteneur_rubrique_bas.png);
    background-repeat: no-repeat;
    background-position:0px 0px;
    height:6px;
}

div#conteneur_rubrique_centre h1{
    float:left;
    padding:5px 10px 10px 10px;
    font-size:1.4em;
    font-weight:bold;
    text-decoration:underline;
    color:#184ad4;
    color:#ff0000;
}

div#conteneur_rubrique_centre h2{
    padding:5px 10px 10px 10px;
    font-size:1.2em;
    font-weight:bold;
    text-decoration:underline;
    color:#184ad4;
}

div#conteneur_rubrique_centre h3{
    padding:5px 10px 5px 10px;
    font-size:1em;
    font-weight:bold;
    text-decoration:underline;
    color:#333;
}

div#conteneur_rubrique_centre p#text{
    padding:5px 10px 10px 10px;
    line-height:16px;
}

div#conteneur_rubrique_centre strong{
    font-weight:bold;
}



div#conteneur_rubrique_centre img#langue{
    float:right;
    margin:0px 4px 3px 0px;
}

div#conteneur_rubrique_centre div#bandeau_gris{
    background-color:#CCC;
    margin-left:1px;
    width:635px;
    height:260px;
}

div#conteneur_rubrique_centre div#bandeau_gris #photo_bandeau{
    float:right;
    margin:7px 7px 0px 0px;
    border:0px solid black;
    width:407px;
    height:244px;
}

div#conteneur_rubrique_centre div#bandeau_gris img#photo_bandeau{
    float:right;
    margin:7px 7px 0px 0px;
}

div#conteneur_rubrique_centre div#bandeau_gris p#text_bandeau{
    float:left;
    padding:10px 10px 10px 10px;
    width:174px;
    height:155px;
    line-height:20px;
    color:#444;
    font-size:1em;
    font-weight:bold;
    border:0px solid black;
}

div#conteneur_rubrique_centre div#bandeau_gris img#logo_esf{
    float:left;
    margin:14px 0px 0px 26px;
}