/* GRAND PARENT */
body {
background-color: #330000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

/* PARENT 1 -- Contient 1 div ligneverticale, les images de banniere et 1 autre div ligneverticale */
#entete{
margin-left: auto;
margin-right: auto;
width: 902px;
margin-top: 10px;
}

/* ENFANT DU PARENT 1 "entete" et FRERE DE "banniere" -- Sert à dessiner la ligne verticale bleue entourant la bannière */
.ligneverticale {
width: 10px;
height: 212px;
background-color: #11052F;
float: left;
}

/* ENFANT DU PARENT 1 "entete" et FRERE DE "ligneverticale" -- Sert à contenir la bannière et à éviter que la ligne bleue de droite ne se positionne en dessous*/
#banniere {
float: left;
}

/* PARENT 2 -- Sert à dessiner une ligne horizontale sur toute la largeur de la fenêtre sous la bannière */
#ligneh {
margin-left: auto;
margin-right: auto;
width: 100%;
height: 20px;
background-image: url(images/carre_h.gif);
clear: left;
}

/* PARENT 4 -- Sert à dessiner une ligne horizontale sur toute la largeur de la fenêtre sous le contenu principal*/
#ligne {
margin-left: auto;
margin-right: auto;
width: 100%;
height: 20px;
background-image: url(images/carre.gif);
clear: left;
}

/* PARENT 3 -- Sert à contenir toute la partie centrale et à dessiner la ligne bleue entourant cette partie à droite et à gauche */
.milieu {
margin-left: auto;
margin-right: auto;
width: 902px;
height: auto;
background-image: url(images/fond.gif);
}

/* ENFANT DE PARENT 3 "milieu" et FRERE DE "menu" -- Sert à contenir le texte principal, couleur définie dans la page elle-même en fonction de la section choisie */
#contenu {
margin-left: 20px;
width: 580px;
padding: 10px;
min-height: 400px;
float: left;
display: inline;
position:relative;
}

/* ENFANT DE PARENT 3 "milieu" et FRERE DE "menu" (pas sur toutes les pages)-- Sert à contenir le texte principal, couleur définie dans la page elle-même en fonction de la section choisie */
#contenuelargi {
margin-left: 20px;
width: 800px;
padding: 10px;
height: 400px;
float: left;
}


/* ENFANT DE PARENT 3 "milieu" et FRERE DE "contenu" -- Contenant le menu secondaire à droite de la page, est contenu dans le .milieu et à la droite de #contenu */
#menu {
margin-left: 20px;
margin-top: 20px;
width: 190px;
min-height: 200px;
padding: 10px;
border-style: outset;
border-color: #432222;
float: left;
}

/* ENFANT DE PARENT 3 "milieu" -- Contenant le menu, lui-même contenu dans un class milieu */
#piedpage {
margin-right: 30px;
margin-left: 30px;
text-align: center;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

/* ENFANT DE "menu", PETIT ENFANT DE PARENT 3 "milieu" -- Définit le style de texte du menu */
a.textemenu {
font-style: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 12px;
line-height: 1.7;
}

.textemenupetit {
font-size: 10px;
font-style: italic;
}


/*ENFANT DE "contenu", PETIT ENFANT DE PARENT 3 "milieu" -- Définit le style du texte principal */
.texteprincipal {
font-style: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size:12px;
}
a {
color: #FF33CC;
text-decoration: none;
}

a:hover {
color: #9900FF;
}

.table_index {
border-bottom-style:solid;
border-bottom-width:thin;
border-bottom-color: #660000;
}

.textepetit {
font-size: 10px;
color: #990033;
font-style: italic;
}

.plusgrand {
font-size: 18px;
font-weight: bold;
}

p.temporaire {
font-size: 16px;
color: #FFFFFF;
font-weight: bold;
}

td.murex{
	border-top-style: solid;
	border-top-width: 1px;  
	border-top-color: #660000;
}