/*LE FOND ET LA MISE EN PAGE GENERALE*/
body {
background:url('../images/back.gif');
margin:10px 0 10px 0;
padding:0;
font-family:verdana,arial,helvetica,sans-serif;
font-size:0.8em;
text-align:center;
}

/*imge sans bordures*/
img {
border:none;
}
/***************************************************** */
/*LES BLOCS GENERAUX*/

/* les couleurs des menus*/
#menuhaut a, #onglet a, #menugauche a, a#hdp, a.bouton, a.liens_ext
{
color:#FFFFFF;
text-decoration: none;
border-bottom:solid 2px #4F9F00;
font-weight:bold;
}

#menuhaut a:hover, #onglet a:hover, #menugauche a:hover, a#hdp:hover, a.bouton:hover, a.liens_ext:hover
{
/*border-bottom:solid 2px #1F70FF;*/
border-bottom:solid 2px yellow;
color:yellow;
}

#menuhaut #actif1, #onglet #actif2, #menugauche #actif3
{
color:yellow;
}

a.news {
font-weight:bold;
color:#4F9F00;
}

a.news:hover{
color:yellow;
}

a.news {
font-weight:bold;
color:#4F9F00;
}

a.suivant {
font-weight:bold;
color:#4F9F00;
}

a.suivant:hover{
color:yellow;
}

a.actuel {
font-weight:bold;
color:yellow;
}

/* le bloc global qui contient tous les autres*/
#global {
background-color:#000000;
width:970px;
margin:0 auto 0 auto;
}

/*l'en tête */
#entete {
height: 100px;
margin :0;
background: #80FF00 url('../images/entete.jpg') no-repeat;
/*background-position: 85px 0px;*/
}
/*le menu de l'en tête */
#menuhaut {
width:110px;
height:100px;
float:right;
background:#000000;
margin:0;
padding:0;
line-height:180%;
} 
#menuhaut ul {list-style-type: none;
margin:0;
padding:0;
}
#menuhaut li {margin-bottom: 0px;}

#menuhaut a {
width: 110px; 
height: 23px;
display: block;
text-align: center;
font-size:0.8em;
}
 /* les onglets*/
#onglet {
font-family:arial,verdana;
line-height:300%;
margin:10px 0 10px 0;
height:50px;
}

#onglet ul {list-style-type: none;
margin:0;
padding:0;
}
#onglet li {
margin-bottom: 0px;
float:left;
}

#onglet a {
width: 194px; 
height: 40px;
display: block;
text-align: center;
font-size:1.4em;
}

/* la colonne de gauche*/
#gauche {
float:left;
width: 180px;
padding:0;
}

#gauche h1{
color:#FFFFFF;
font-weight:bold;
font-family:arial,verdana,helvetica,sans-serif;
font-size:1.2em;
margin-top:0;
padding-top:0;
}

#gauche img {
margin-top:10px;
}

/*le menu de gauche*/
#menugauche {
width:180px;
margin:0;
padding:0;
line-height:180%;
} 
#menugauche ul {list-style-type: none;
margin:0;
padding:0;
}
#menugauche li {
margin-bottom: 0px;
}
#menugauche a {
width: 180px; 
height: 23px;
display: block;
text-align: center;
font-size:0.8em;
}

/* le bloc central (le contenu de la page)*/
#centre {
background-color:#CCCCCC;
margin:0 0 0 180px;
padding:5px 0 10px 0;
height: auto !important;/*HACK MIN-HEIGHT POUR IE*/
height: 1400px;/*HACK MIN-HEIGHT POUR IE*/
min-height: 1400px;
}

#inscription {
background-color:#CCCCCC;
margin:0 10px 0 10px;
padding:5px 0 10px 0;
}


/*le pied*/
#pied {
width:970px;
margin:3px auto 0 auto;
font-size:0.8em;
line-height:180%;
color:#FFFFFF;
height:20px;
background:#000000;
}
#pied p{
margin:0;
padding:0;
text-align:center;
}

/* **************************************************** */

/*Le bouton haut de page*/

a#hdp {
width: 100px; 
height: 20px;
margin:15px auto auto auto;
line-height:180%;
display: block;
font-size:0.8em;
text-align: center;
background:#000000;
}

/*les boutons*/

a.bouton {
margin:0 5px 10px 5px;
font-size:0.8em;
padding: 0.3em 10px 0.2em 10px; 
background:#000000;
}

/* les liens externes */

a.liens_ext {
margin:0 5px 10px 5px;
font-size:0.8em;
padding: 0.3em 10px 0.2em 10px; 
background:#000000;
}

/*mise en forme des NEWS*/
h1.news {
text-align:left;
padding:2px 5px 2px 5px;
font-size:1em;
margin:0 10px 0 10px;
background:black;
color:#FFFFFF;
border-bottom:solid 2px yellow;
}

h2.news {
font-size:1em;
color:#666666;
text-align:right;
}

p.news {
text-align:left;
padding:2px 5px 10px 5px;
margin:0 10px;
}

/*mise en forme des COMMUNIQUES DE PRESSE*/

p.presse {
text-align:justify;
padding:2px 5px 10px 5px;
margin:10px;
}

/*FORMULAIRE DE LA PAGE CONTACT*/

.formp{
margin-top:15px;
text-align:center;
font-weight:bold;
}

.formulaire{
text-align:justify;
padding:3px 10px 5px 10px;
width: 98%;/*pour ce gros C.. d'IE*/
margin: 10px auto;
}

.inscription{
text-align:justify;
padding:3px 10px 5px 10px;
margin: 0 10px 0 10px;
}

label{
width:30%;
float:left;
text-align:right;
}

fieldset{
margin:10px 2% 0 2%;
padding:5px;
}

legend{
font-weight:bold;
color:#000000;
}

.news input{
font-weight:bold;
cursor:pointer;
}

.alerte{
background:yellow;
font-weight:bold;
color:red;
text-align:center;
padding:10px;
width:650px;/*pour ce gros C.. d'IE*/
margin:0 auto 10px auto;
}

.alerte1{
background:yellow;
font-weight:bold;
color:red;
text-align:justify;
padding:10px;
width:94%;/*pour ce gros C.. d'IE*/
margin:10px auto 10px auto;
}

submit{
cursor:pointer;
}

/*******************************************************/
/* ***************LES TEXTES****************************/

h1 {
font-family:arial,verdana,helvetica,sans-serif;
font-size:1.5em;
color:#376F00;
}

h2 {
margin:5px 10px 5px 10px;
text-align:left;
font-size:1em;
font-weight:bold;
}

p {
margin:5px 10px 5px 15px;
text-align:justify;
}

/*les lignes horizontales*/

hr {
width:650px;
}

/*la page historique*/
.histo {
width:384px;
float:left;
margin:0 3px 0 3px;
}

.recap {
width:48%;
float:left;
margin:0 3px 0 3px;
}


/*texte particulier*/
.centre{
text-align:center;
margin-top:80px;
}

.gauche{
text-align:left;
margin-left:3px;
}

.center{
text-align:center;
}

/*les listes ordonnées*/
ol{
padding:0 0 0 40px;
text-align:left;
}

/* LES TABLEAUX*/

table{
border-collapse:collapse;
border:none;/*2px solid black;*/
margin:20px auto 0 auto;
width:775px;
}

th{
text-align:center;
font-size:9pt;
background:#444444;
color:yellow;
}
td{
text-align:center;
font-size:7pt;
}

th, td{
border:none;
}

/*la page résultats*/
.resultats {
width:256px;
height:230px;
float:left;
margin:0 0 0 3px;
border: solid 1px #4F9F00;
}

.resultats1 {
width:386px;
float:left;
margin:3px 0 10px 3px;
border: solid 1px #4F9F00;
}
.pilote {
width:256px;
float:left;
margin:5px 0 0 3px;
border: solid 1px #4F9F00;
}