/*
Feuille de style du site d'Emmanuel Régent

Copyright - Emmanuel Régent et Baptiste Mélès - 2007

Conception du visuel : E. Régent
Programmation : B. Mélès
*/

/* ************************************************************ */
/* Couleurs */
/* ************************************************************ */

.grisclair { 
color: #CCCCCC;
             }

.grisfonce { 
color: #666666;
			 }

.legende { 
color: #666666;
font-size: 9pt;
			 }

.bleu { 
color: #0099FF;
 }

/* ************************************************************ */
/* Position du texte */
/* ************************************************************ */

/* Centrer */
.centre { 
text-align: center;
 }

/* Aligner à gauche */
.textegauche { 
text-align: left;
padding-bottom: 4em;
 }

/* ************************************************************ */
/* Formatage divers */
/* ************************************************************ */

/* Format pour les actualités et le texte */
.actualites { 
color: #CCCCCC;
 }

.texte {                             
color: #666666;
 }

/* ************************************************************ */
/* Titres */
/* ************************************************************ */

h2 { 
color: #0099FF;
font-size: 10pt;
margin-bottom: 0;
padding-bottom: 0;
     }

h3 { 
color: #666666;
font-size: medium;
     }

h4 { 
padding-top: 1em;
color: #666666;
font-weight: bold;
     }

h5 { 
padding-top: 0;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
color: #0099FF;
font-size: 10pt;
font-weight: normal;
     }


p {
margin-top: 0;
padding-top: 0;
}


/* ************************************************************ */
/* Général */
/* ************************************************************ */

/* Commencer les boîtes contre les bords du navigateur */
body { 
margin: 0; 
       }

/* ************************************************************ */
/* Liens */
/* ************************************************************ */

/* À quoi doivent ressembler les liens */
#tout a:link { 
color: #CCCCCC;
text-decoration:none;
 }

#tout a:visited { 
color: #CCCCCC;
text-decoration:none;
 }

#tout a:hover { 
color: #0099FF;
text-decoration:none;
 }

#tout a:active { 
color: #0099FF;
text-decoration:none;
 }

/* Mais il y a des exceptions, à commencer par le logo */
div#logo a:link { 
color: #CCCCCC;
text-decoration:none;
} 

div#logo a:visited  { 
color: #CCCCCC;
text-decoration:none;
}

div#logo a:hover { 
color: #0099FF;
text-decoration:none;                   
}


div#logo a:active { 
color: #CCCCCC;
text-decoration:none;
 }

/* ************************************************************ */
/* Liens dans le menu */
/* ************************************************************ */

/* Et le premier niveau de menu */
div#menu ul li a:link { 
color: #CCCCCC;
text-decoration:none;
 }

div#menu ul li a:visited { 
color: #CCCCCC;
text-decoration:none;
 }

div#menu ul li a:hover { 
color: #0099FF;
text-decoration:none;
                 }

div#menu ul li a:active { 
color: #CCCCCC;
text-decoration:none;
 }

/* Le troisième niveau de menu 
(on va dire que le deuxième se comporte comme le premier) */
div#menu ul ul ul li a:link { 
color: #CCCCCC;
text-decoration:none;
 }

div#menu ul ul ul li a:visited { 
color: #CCCCCC;
text-decoration:none;
 }

div#menu ul ul ul li a:hover { 
color: #0099FF;
text-decoration:none;
                 }

div#menu ul ul ul li a:active { 
color: #CCCCCC;
text-decoration:none;
 }

/* Cas particulier  */
a.dernier:hover { 
color: #666666;
 }

/* ************************************************************ */
/* Boîtes */
/* ************************************************************ */

/* Les propriétés de la page entière */
div#tout { 
background-color: white;
color: #CCCCCC;
font-family: "arial narrow", verdana, sans-serif;
 }

/* Le bandeau du haut */
div#bandeau { 
/*background-color: white;*/
color: #CCCCCC;
font-family: "Arial Narrow", verdana, sans-serif;
border-style: solid;
border-width: 2px;
border-color: white white #0099FF;
height: 7em;
width: 150%;
 }

/* Le logo */
div#logo { 
width: 95%; 
height: 5em;
padding-top: 4em;
padding-left: 40px;
font-size: larger;
 }

/* Tout ce qui n'est pas le bandeau */
div#bas { 
width: 100%;
 }

/* Le menu */
div#menu { 
width: 95%;
padding-top: 1em;
padding-left: 42px;
 }


/* Les entrées du menu */
#menu li.gauche {
position: relative; 
float: left;
margin-right: 2em;
}

#menu li.droite { 
position: relative; 
float: right;
 }

#menu li.centre { 
/* pas de float */
position: relative; 
/* width: 10px; */
/* clear: none; */
/* margin-left: auto; */
/* margin-right: auto; */
 }

div#corps { 
position: absolute;
color: #666666;
top: 9em;
left: 600px;
padding-bottom: 3em;
         }

/* Le style de menu */
#menu ul {
list-style: none;
margin: 0; 
padding: 0; 
float: left;
width: 90%;
}

#menu ul ul {
position: relative;
z-index: 500;

}

#menu ul ul ul {
position: absolute;
top: 0;
left: 7em;
z-index: 500;
}

#menu ul ul ul ul {
position: absolute;
top: 0;
left: 10em;
z-index: 500;
}

#menu li {
position: relative;
float: left;
color: #0099FF;
font-size: 10pt;
}

#menu ul li {
position: relative;
float: left;
}

#menu ul ul li {
position: relative;
float: none;
clear: both;
width: 5em;
}

/* Sous-sous-sous-menu par défaut */
#menu ul ul ul li {
position: relative;
float: none;
clear: both;
width: 20em;
}

/* Sous-sous-sous-menu long (particulièrement pour les titres d'oeuvres) */
#menu ul ul ul li.long {
position: relative;
float: none;
clear: both;
width: 20em;
}

/* Sous-sous-sous-menu court */
#menu ul ul ul li.court {
position: relative;
float: none;
clear: both;
width: 7em;
}

#menu ul ul ul ul li {
position: relative;
float: none;
clear: both;
width: 20em;
}