html
{
background-color: rgb(240,240,240)
}

body
{
width: 960px;
margin: auto; /* centrage de la page */
margin-top: 0px;
margin-bottom: 5px;
padding: 0px 8px 8px 8px;
background-color: white
}

#en_tete
{
float: left;
width: 600px;
height: 85px;
margin-top: 5px;
}

a img /* Images contenues dans un lien */
{
border: none; /* Pas de bordure */
}

#fil_d_ariane
{
width: 800px;
font-size: small;
margin-top: 10px;
margin-bottom: 0px;
}


/* Couleur police */

.accueil, #menu_1, #menu_2, #menu_1 a, #menu_2 a, #menu_1B, #menu_1B a,.menu_2B, .menu_2B a,  #pied_de_page, #pied_de_page a, a:active, a:focus, .accueil .element_dossier p, .accueil .element_dossier a, .accueil .element_accueil p
{ color: white; /* blanc */ }

h2, #fil_d_ariane, .accueil #fil_d_ariane a, a, .sous_titre, .commentaire, .oeuvre, .accueil h1, #menu_1 a:hover, .accueil #menu_1 a:hover, .accueil #menu_1B a:hover, .accueil #pied_de_page a:hover, .accueil p, #menu_2 .position_menu a:hover, #menu_1 .position_menu a:hover, #menu_1B .position_menu a:hover, .bleu
{ color: rgb(17,70,160); /* bleu foncé */ }

h1, .accueil a, a:hover, #fil_d_ariane a:hover, #menu_2 a:hover, .menu_2B a:hover, #pied_de_page a:hover, #menu_1B a:hover, .intro_dossier, .orange
{ color: rgb(241,156,4); /* orange */ }

.accueil .position_menu, .accueil a:hover, .accueil .element_dossier a:hover, .accueil #fil_d_ariane a:hover
{ color: rgb(252,225,178); /* orange clair (sur bleu clair) */ }

.accueil h2, .accueil #menu_1B, .accueil #menu_1B a
{ color: rgb(171,195,234); /* bleu clair */ }

h3 a
{ color : black }

a:hover, #fil_d_ariane a:hover, #menu_1 a:hover, #menu_2 a:hover, .menu_2B a:hover, #menu_1B a:hover, #pied_de_page a:hover, .element_accueil a:hover, .element_dossier a:hover
{ text-decoration: underline; /* soulignement */ }

a
{ text-decoration: none; /* pas de soulignement */ }


/* Couleur fond */

#pied_de_page, .element_accueil, .element_dossier, .accueil .position_menu, #menu_1B, #menu_2, .menu_2B
{background-color: rgb(17,70,160); /* bleu foncé */ }
 
.accueil, .accueil #colonne, a:active, #menu_1
{ background-color: rgb(171,195,234); /* bleu clair */ }

.element_accueil a:active, .element_dossier a:active, .accueil #menu_1, .accueil #pied_de_page, .position_menu
{ background-color: rgb(241,156,4); /* orange */ }

.accueil #menu_1B
{ background-color: rgb(252,225,178); /* orange clair */ }


/* Format colonne de droite */

#colonne
{
float: right;
width: 130px;
margin: 0px 0px 5px 5px;
border: none;
background-color: white;
padding-top: 5px;
}


/* Format pub*/

.pub
{
float: right;
margin-top: 6px;
clear: both;
}

.pub-illustrative
{
float: left;
margin-right: 6px;

}

/* Format corps*/

#corps
{
margin : 0px;
padding: 0px;
padding-right: 2px;
text-align: justify;
}

h1
{
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
}

h2
{
border-bottom: 2px solid rgb(17,70,160);
margin-top: 25px;
margin-bottom: 5px;
}

h3
{
font-size: large;
font-weight: bold;
padding: 0px;
padding-top: 15px;
margin: 0px;
}

p, q
{
text-align: justify;
padding-right: 8px;
}

h5, .sous_titre
{
font-size: 1.1em;
text-align: center;
margin-top: 5px;
}

.tableau_sigles
{
width: 250px;
float: right;
margin-top: 32px;
}

.tableau_sigles td
{
vertical-align: middle;
height: 20px;
}


/* Format pages articles */

.plus_d_infos
{
text-align: right;
margin: 0px;
}

.sans_marge_bas
{
margin-bottom: 4px;
}

.journal
{
font-size: small;
font-weight: bold;
color: red;
}

.date_article
{
font-size: small;
color: blue;
}

.auteur
{
font-size: small;
font-style: italic;
color: purple;
}

.commentaire
{
margin-top: 4px;
margin-left:10px;
}

.intro_dossier
{
text-align: center;
margin-top: 8px;
margin-bottom: 8px;
}


/* Format complément d'info */

.centre
{
text-align: center;
}

.petit
{
font-size: 0.8em;
}


/* Format page d'accueil */

table 
{
border-collapse: collapse;
vertical-align: top;
}

td 
{
width: 500px;
vertical-align: top;
}

.element_accueil, .element_dossier
{
margin-top: 2px;
padding: 10px;
}

.accueil h2
{

margin-top: 8px;
margin-bottom: 15px;
}

.element_accueil p
{
margin-top: 0px;
margin-bottom: 6px;
}

.pour_vous
{
font-weight: bold;
font-style: normal;font-size: x-large;
padding-top: 15px;
padding-bottom: 10px;
}

.element_accueil  ul
{
padding: 0px;
padding-left: 15px;
margin: 0px;
}

.element_accueil  li
{
margin-bottom: 8px;
}


/* Format Pages accueil secondaires */

.liste_dossiers
{
margin-top: 0px;
margin-bottom: 0px;
}

.element_dossier p
{
margin: 0px;
padding: 0px
}

.source
{
font-size: 0.8em;
color: purple;
font-style: italic;
margin-top: 2px;
}

h4
{
margin-top: 10px;
}


/* Format menus */

#menu_1
{
width: 960px;
}

#menu_2, .menu_2B
{
float: right;
width: 120px;
margin-top: 5px;
}

#menu_1 td, #menu_1B td
{
padding: 2px;
border: 1px solid white;
border-collapse: collapse;
text-align: center;
vertical-align: middle;
}

#menu_2 td, .menu_2B td
{
padding: 0px 2px 0px 5px;
border: 1px solid white;
border-collapse: collapse;
text-align: left;
vertical-align: middle;
height: 38px;
}

#menu_2  ul, .menu_2B ul
{
font-size: 1em;
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-bottom: 0px;
}

.position_menu
{
font-weight: bold;
text-decoration: none;
}

ul ul ul /* puces de niveau 3 */
{
list-style-type: disc;
color: rgb(241,156,4); /* orange */ ;
}


/* Format pied de page*/

#pied_de_page
{
margin: 0px;
margin-top: 5px;
width: 960px;
}

#pied_de_page td
{
padding: 5px;
border: 1px solid white;
border-collapse: collapse;
text-align: center;
vertical-align: middle;
font-size: 0.9em;
}