/*Général*/
body
{
direction: ltr;
background-color: #000;
width: 800px;
margin: auto;
color: #FFF;
font-family: Verdana, sans-serif;
font-size: 0.9em;
font-weight: normal;
}
#principal
{
position: relative;
width: 800px;
height: 600px;
background: #000 url(images/design.jpg) no-repeat;
margin: 15px auto 0 auto;
padding: 0;
}
a
{
color: #FFF;
font-size: 0.9em;
font-weight: bold;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}
img
{
border:0;
}

/* Entête de chaque page. */
#header
{
position: relative;
clear: both;
height: 155px;
}
#titre-zone
{
position: relative;
height: 80px;
width: 800px;
padding: 0;
}
#titre-page
{
position: absolute;
bottom: 0px;
left: 60px;
font-family: 'Impact Monotype', sans-serif;
font-size: 0.5em;
font-style: italic;
}
#moteur
{
position: absolute;
top: 10px;
right: 50px;
font-family: 'Impact Monotype', sans-serif;
font-size: 0.8em;
}
ul.liste-menu
{
position: relative;
margin-left: 220px;
padding: 0px;
}
li.liste-menu
{
display: inline;
list-style-type: none;
margin-left: 15px;
}
a.menu-principal
{
border-bottom: 2px white dotted;
font-size: 1em;
font-family: 'Impact Monotype', sans-serif;
}
a.menu-principal:hover
{
text-decoration: none;
background: none;
font-weight: normal;
}
a.menu-principal span
{
display: none;
}
a.menu-principal:hover span
{
position: absolute;
display: inline;
top: 2em;
left: 2em;
font-family: Verdana, sans-serif;
font-size: 0.9em;
font-weight: normal;
text-decoration: none;
}

/*partie contenu.*/
#col-gauche
{
position: relative;
float: left;
width: 230px;
height: 390px;
}
#col-droite
{
position: relative;
float: left;
width: 570px;
height: 390px;
padding:0;
}
#contenu
{
width: 565px;
height: 390px;
overflow: auto;
border-right:;
margin:0;
padding-right:5px;
padding-bottom: O;
}
.sous-titre
{
font-family: 'Impact Monotype', sans-serif;
font-size: 1em;
font-style: italic;
font-weight: bold;
margin-bottom: 1em;
}
p.news-accueil
{
text-align: justify;
margin-top:2em;
}
p.news-accueil span
{
font-size: 0.8em;
font-weight: bold;
}

.titre-sommaire
{
font-family: 'Impact Monotype', sans-serif;
font-size: 1em;
font-style: italic;
font-weight: bold;
margin-bottom: 1em;
text-align: center;
}
a.sommaire
{
color: #FFF;
font-size: 0.9em;
text-decoration: underline;
}
div.illustration
{
text-align: center;
}

div.bas
{
clear: both;
text-align: right;
height: 15px;
line-height: 10px;
padding-top: 0:
margin: 0;
border: O;
}
div.bas ul
{
margin-bottom: 0;
margin-right: 25px;
padding: 0;
}
li.liste-menu-bas
{
display: inline;
list-style-type: none;
margin-left: 15px;
}
li.liste-menu-bas a
{
border-bottom: 2px white dotted;
font-size: 1em;
font-family: 'Impact Monotype', sans-serif;
}
li.liste-menu-bas a:hover
{
text-decoration: none;
background: none;
font-weight: normal;
}

div.intitule-formul
{
float: left;
width:20%;
text-align: left;
font-size:0.8em;
font-weight: bold;
}
div.champ-formul
{
float: left;
width:70%;
font-size:0.8em;
}
div.instruc-formul
{
font-style: italic;
text-align:  left;
font-size:0.8em;
padding-bottom: 2em;
}
.erreur
{
text-align: center;
color: #CC0000;
font-weight: bold;
}
hr
{
clear: both;
color: Gray;
}
hr.separation
{
visibility: hidden;
}

.c{text-align:center;}
.d{text-align:right;}
.g{text-align:left;}
.j{text-align:justify;}

.so{text-decoration:underline;}
.it{font-style:italic;}
.gr{font-weight:bold;}