/***************/
/* GENERALITES */
/***************/

body {
font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 10pt;
margin: 0;
padding: 0;
background: #30e1ff;
color:#0000ff;
z-index:1;
}
ul {
text-align: center;
list-style-type: none;
}

/* Les éléments de texte */

p {
margin:1.5em;
text-align: left;
}

/* Les titres */

h1
{
font-size : 200%;
font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
color : #ff0080;
font-weight: bold;
text-align: center;
text-decoration: underline;
}
h2
{
font-size : 150%;
font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
color : #4000a0;
text-align: center;
font-style: italic;
font-weight: bold;
}
h3
{
font-size : 120%;
font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
color : #bf0f00;
font-style: italic;
text-align: center;
}
h4
{
font-size : 110%;
font-family :  Futura, helvetica, Verdana, Arial, sans-serif;
color : #400080;
text-align: center;
font-style: italic;
}
h5
{
font-size : 105%;
font-family :  Futura, helvetica, Verdana, Arial, sans-serif;
color : #400580;
padding:0.1em 0.1em 0.1em 3.5em;
text-align: left;
font-style: normal;
text-decoration:underline;
}
h6
{
font-size : 100%;
font-family : Futura, helvetica, Verdana, Arial, sans-serif;
color : #400B80;
padding:0.1em 0.1em 0.1em 2.5em;
text-align: left;
font-style: italic;
font-weight:bold;
}
div.center {
    text-align: center;
}
div.center table {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
/*Les réhaussements de caractères*/

cite
{
font-family: serif;
color: #0088ff;
font-size: 1.1em;
font-style: normal;
}
em
{
font-weight: bold;
font-size: 1.05em;
}
abbr
{
font-family: bodoni, garamond, Univers, serif;
font-size: 1.2em;
color: #ee0055;
}
acronym
{
font-family: bodoni, garamond, Univers, serif;
font-size: 1.2em;
color: #ee0055;
}
def
{
font-size: .9em;
color : #007777;
font-style: italic;
text-decoration: underline;
}
pre
{
font-size:150%;
}
pre span
{
font-family: impact;
background-color: rgb(255, 255, 255);
color: rgb(255, 0, 0);
font-weight: bold;
font-size:300%;
}

/*Les Tableaux*/

thead
{
font-size : 110%;
font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
color : #af0000;
font-style: italic;
text-align: center;
}
tbody
{
text-align:center;
}
th
{
font-size : .9em;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
font-style: normal;
text-align: left;
}
/* Les liens */
a:link
{
color: #0000ff;
text-decoration:underline;
font-weight: bold;
}
a:visited
{
color: #440088;
text-decoration:none;
font-weight: bold;
font-style: italic;
}
a:hover
{
color:#ff0000;
text-decoration:none;
font-weight: bold;
font-style: normal;
}
/*----------------------*/
/* Les zones de la page */
/*----------------------*/

/* L'ensemble de la feuille */

#affichageprincipal
{
position: absolute;
width: 99%;
margin: 0em;
padding: 0.1em;
text-align:center;
background:#30e1ff;
z-index:5;
}

/* L'Entête*/

#bandeauhaut {
margin: 0;
padding: 0;
min-height:8em;
z-index:2;
}
#bandeauhaut ul{
text-align:left;
padding:0em;
margin:0;
background:#fee7fa;
}
#bandeauhaut li{
padding:0 1em 0 0;
margin:0;
display:inline;
}
/* Les éléments */
#bandeauhautgauche img{
padding: 0.5em 0 0 0;
margin:0;
float: left;
z-index:3;
}
#bandeauhautdroit img{
margin:0;
padding: 0.5em 0 0 0 ;
float: right;
z-index:3;
}

/* Le Cadre */

ul#menuonglet, #menuonglet li {
list-style-type: none;
margin:0;
padding:0;
z-index:4;
}
/* Le Menu d'onglets */
ul#menuonglet {
width: 100%;
height: 1em;
text-align:center;
}
#menuonglet li {
display: inline;
background-color:#30e1ff;
border-bottom: 4px solid  white;
}
/* Les Onglets */
#menuonglet li a:before {
padding: 0 0 0  20px;
background: yellow url(../images/gauche.gif);
content:"*";
}
#menuonglet li a {
margin:0;
font-size: 1.1em;
background: yellow url(../images/centre.gif);
}
#menuonglet li a:after {
width: 20px;
padding: 0 20px 0 0;
background: yellow url(../images/droite.gif);
content:"*";
}
#menuonglet li a:hover {
background: yellow url(../images/centreover.gif);
}
/* L'Affichage Gauche */

/* Le Cadre */
#carte {
background:#fddefe;
font-size:1.1em;
float:left;
width: 150px;
margin:0  0 0 0.8em ;
padding:0.5em 1em .5em 1em;
list-style-type: none;
z-index:5;
}

/* Les Eléments */
#carte ul{
margin:0;
padding:0;
}
#carte li{
margin-bottom: 0.5em;
}
#carte a.promo {
color: #33cc00;
}
/* L'Affichage Droit */
/* Le Cadre */
#reference {
background: #fddefe;
font-size:1.1em;
float: right;
width:150px;
margin:0 0.8em 0 0 ;
padding:0.5em 1em .5em 1em;
list-style-type: none;
z-index:5;
}
/* Les Eléments */
#reference ul{
margin:0;
padding:0;
}
#reference li {
margin-bottom: 0.5em;
}
#nojvs {
margin: 0.1em;
padding: 0.4em;
color: #FF0000;
text-align: justify;
font-size: 0.7em;
}

/* L'Affichage central */

/* Le Cadre */
#affichage {
background:#fee7fa;
position:relative;
height: auto;
font-size:0.95em;
margin:0;
overflow: hidden;
z-index:6;
}
/* Les éléments */
#affichage ul{
margin: 0;
padding:0 1.5em .5em 1.5em;
}
#affichage li{
margin:0;
padding:0;
list-style-type:none;
}
#affichage p{
text-align:left;
}
#affichage img{
margin:0;
padding:0;
text-align: center;
}
#affichage .discours{
list-style-type: none;
text-align:left;
margin: 0;
padding:0 2.5em 0 4.5em;
}
#affichage .gauche{
float:left;
padding:0.1em .1em 1em .1em;
}
#affichage .droite{
float:right;
padding:0.1em .1em 1em .1em;
}
#affichage .centre{
clear:both;
}
#affichage .informations{
background:#bbccdd;
margin:0;
padding:2em;
text-align:center;
}
#affichage .faq{
margin:0;
padding:5em;
text-align:justify;
}
#affichage .faq li{
text-align:justify;
list-style-type: square;
}
#affichage .faq a:link{
color: #3333aa;
text-decoration:none;
font-style: normal;
font-weight: normal;
}
#affichage .faq a:hover{
color: #00aa00;
text-decoration:none;
font-style: normal;
font-weight: normal;
}
#affichage .faq a:visited{
color: #338888;
text-decoration:none;
font-style: normal;
font-weight: normal;
}

/* L'Affichage inférieur */

/* Le Cadre */
#informations {
clear: both;
height:6.5em;
width: 97%;
background: #ffff00;
margin: 0 0.8em 0 0.8em;
padding: .5em;
list-style-type: none;
z-index:5;
}
/* Les Eléments */
#informations li{
margin:0;
padding: 0.5em;
display: inline;
text-align:center;
}