/*---------------------

  Propriétés générales

-----------------------*/

/*body { behavior:url(csshover.htc); }*/

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt ;
margin: 0;
padding: 0;
background: #FFFFFF;
color: #203F6B;
}

p {
margin: 0 0 5px 0;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

a {
text-decoration: none;
color: blue;
}

a:hover{
text-decoration: underline;
}

/*---------------------

  Les différents cadres

-----------------------*/


/* Conteneur d'affichage*/

#conteneur {
width:800px;
margin-top:0px ;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-color:#FFFFFF;
border: 1px solid #3399FF ;
}


/* Haut de page avec l'image de fond */

#header {
height: 180px;
background: url(Deco/testBanniere9.png) no-repeat left center;
}


/* Espace de titre pour la page */
#titre {
margin-top: 0px;
padding-top: 10px;
padding-bottom: 20px;
margin-left: 200px;
margin-right: 10px;
text-align: center;
color: #203F6B;
font-size: 2.2em;
font-variant: small-caps;
font-weight: bold;
}

#titre .soustitre
{
font-size:0.6em;
font-variant: normal;
}

/* La bande de gauche pour le rappel des sous-menus et les news/agenda */

#gauche {
float:left;
width: 190px;
margin-top: 10px;
padding-bottom: 1px;
background-color: #FFFFFF;
border-top: 1px solid #3399FF ;
border-right: 1px solid #3399FF ;
padding-bottom: 30px;
}


/* Le cadre avec titre de la page, texte, photos,... */

#contenu {
background-color:#FFFFFF;
margin-left: 190px;
margin-right: 10px;
margin-top: 10px;
padding-top: 6px;
padding-left: 10px;
border-left: 1px solid #3399FF ;
padding-bottom: 30px;
/*min-height: 600px;*/
}


/* Très important : le séparateur à mettre sous gauche et contenu */

.separateur
{
clear: both;
}


/* Le pied de page pour toutes infos habituelles...de pied de page */

#pied {
height: 17px;
width: 800px;
background-color: #FFFFFF;
color: #3399FF;
/*font-weight: bold;*/
font-size: 0.9em;
text-align: center;
margin:0 auto;
margin-top: 8px;
margin-bottom: 10px;
line-height: 1.4em;
}

#pied a{
color: #3399FF;
text-decoration: underline;
/*font-weight: bold;*/ 
}

/*---------------------
   Cadre header
-----------------------*/

/* Le lien vers ENF */

#eclaireur a {
float: right;
color: #FFFFFF;
font-size: 0.9em;
text-align: center;
padding-right: 5px;
padding-top: 5px ;
}

#eclaireur a:hover {
text-decoration: underline;
}


/*--------------------------
 
   La barre de menu en haut
   Positionnée en absolute par rapport au haut de la page

----------------------------*/

#menuhaut {
width: 699px;
margin-top: 130px;
margin-left: 101px;
position: absolute;
border-bottom: 1px solid #3399FF ;
padding: 0;
}

/* 
   Dimensionnement des menus : fonction de la largeur (699px) et du nombre de menus (7)
   Distinction de 3 tailles différentes car tous les menus n'ont pas la même taille ! 
   A Calculer pour que ça tombe juste. Attention, ne pas raisonner en %, car ça ne fonctionne pas bien avec IE.
*/

#menuhaut dl {
float: left;
background: #FFFFFF;
width: 104px;
}

#menuhaut dl.grand{
width: 127px;
}

#menuhaut dl.petit{
width: 78px;
}

#menuhaut dt {
cursor: pointer;
text-align: center;
font-weight: bold;
font-variant: small-caps;
text-decoration: none;
line-height: 22px;
margin: 1px;
margin-left: 2px;
padding-left: 8px;
color: #3399FF;
background: url(Deco/carrebleu.jpg) no-repeat left center;
}

#menuhaut dt:hover{
background: url(Deco/carreblanc.jpg) no-repeat left center;
background-color: #3399FF;
color: #FFFFFF;
}

#menuhaut a:hover {
text-decoration: none;
background-color: #3399FF;
color: #FFFFFF;
}

/*
  Pour les menus sans sous-menus
*/

#menuhaut dt a {
color: #3399FF;
margin: 1px;
text-decoration: none;
}

#menuhaut dt:hover a{
color: #FFFFFF;
}

/*
  Les sous-menus : également avec positionnement absolu.
  Là-encore, distinction des MEMES 3 tailles.
*/

#menuhaut dd {
display: none;
border: 1px solid #3399FF;
border-top: 0px;
position: absolute;
margin-top: 1px;
width: 104px;
}

#menuhaut dd.grand{
width: 127px;
}

#menuhaut dd.petit{
width: 78px;
}

#menuhaut li {
text-align: left ;
background: #FFFFFF;
}

#menuhaut li a{
padding-left: 1px;
color: #3399FF;
display: block;
font-size: 1em ;
text-decoration: none ;
height: 100%;
width:100%;
border-top: 1px dotted #3399FF;
}


/*-----------------
  Cadre de gauche
-------------------*/

/* titre des blocs menu, agenda, actu */

.titreBloc
{
cursor: pointer;
background: url(Deco/raquoH.png) no-repeat 2px center;
background-color: #3399FF ;
color: #FFFFFF;
text-align: left;
font-weight: bold ;
line-height: 16px;
letter-spacing: 0px;
font-variant: small-caps;
padding-left: 15px;
border-top: 1px solid #3399FF ;
border-bottom: 1px solid #3399FF ;
}


/* Rappel du menu à gauche */

#menugauche {
margin-right: 2px;
margin-left: 2px;
margin-top : 0px;
padding-top: 2px;
padding-bottom: 5px;
background-color: #FFFFFF ;
}

#menugauche dl {
display: block;
}

#menugauche dt {
margin-top: 2px;
margin-bottom: 5px;
}

#menugauche a {
padding-left: 25px;
color: #203F6B;
}

#menugauche a:hover {
text-decoration: none;
background-color: #FFFFFF ;
color: #3399FF ;
font-weight: bold;
}

/* Boite pour actualité et agenda */

.evenement {
margin-right: 2px;
margin-left: 2px;
margin-top : 0px;
padding-top: 2px;
padding-bottom: 8px;
border: 0px solid #3399FF;
}

.evenement dl{
display: block;
padding-left: 1px;
}

.evenement dt {
font-size: 0.8em ;
font-weight: bold ;
color: #203F6B;
}

.evenement dd {
color: #203F6B;
font-size: 0.9em;
text-align: left;
margin-left: 0px;
margin-bottom: 6px;
}

.lienMenu{
margin-top: 5px;
text-align: center;
}

.lienMenu a{
font-size: 0.9em;
font-weight: bold;
color: #203F6B;
text-decoration: none;
}

.lienMenu a:hover{
color: #3399FF;
}

.dateEvt{
font-size: 0.9em;

}


/*-----------------------
   Utilisés partout (ou nulle part)
-------------------------*/

/* Tous les liens en interne [ lien ]*/

.renvoi {
margin-right: 10px;
text-align: right;
margin-top: 1px;
font-size: 0.9em;
font-weight: bold;
color: #3399FF;
}

.renvoi a{
font-weight: bold;
color: #3399FF;
}

.renvoi a:hover{
text-decoration: underline;
}

.sommaire{
text-align: center;
margin: 0px;
font-size: 0.9em;
font-weight: bold;
color: #203F6B;
}

.sommaire a{
font-weight: bold;
color: #3399FF;
}

.sommaire a:hover{
text-decoration: underline;
}


/* Faire ressortir un mot*/

.relief {
font-weight: bold;
color: #203F6B;
}

.listeLiens dt
{
background: url(Deco/carrebleu5x5.jpg) no-repeat left center;
padding-left: 12px;
}

.listeLiens dd
{
padding-left : 60px;
}




/* Pas utilisé pour l'instant */

#connexion {
color: #FFFFFF;
font-size: 0.8em;
font-weight: bold;
text-align: right;
padding-top: 5px;
}

#connexion input{
font-size: 0.9em;
}

/*----------------
  Cadre contenu
------------------*/


#contenu h1{
color: #203F6B;
font-size: 2.2em;
text-align: center;
padding-top: 0;
margin-bottom: 60px;
font-variant: small-caps;
margin-top: 10px;
}


#contenu h2{
color: #203F6B;
font-size: 1em;
letter-spacing: 1px;
text-align: left;
line-height: 20px ;
padding-left: 10px;
margin-top: 30px;
margin-bottom: 15px;
background-color: #efedf4;
border-bottom: 1px solid #203F6B ;
border-top: 1px solid #203F6B ;
}

#contenu h3{
font-size: 1em;
margin-bottom: 10px;
margin-top: 20px;
}

#contenu .para{
float: left;
width: 100%;
margin-bottom: 10px;
}

#contenu li{
line-height: 1.5em;
margin-left: 10px;
}

#contenu ul{
margin-top: 5px;
}

.imgDroite{
float: right;
margin-right: 5px;
padding-left: 7px;
padding-bottom: 2px;
/* Faire une fonction javascript qui redimensionne à la volée*/
}

.imgGauche{
float: left;
margin-left: 5px;
padding-right: 7px;
padding-bottom: 2px;
/* Faire une fonction javascript qui redimensionne à la volée*/
}


#contenu blockquote{
text-align: justify;
color: #203F6B;
font-size: 1em;
line-height: 1.2em;
margin: 5px;
}

#contenu .notes{
font-size: 0.8em;
margin-top: 50px;
}

#contenu select {
font-size: 1em;
color: #203F6B;
}

#contenu input {
font-size: 1em;
}

#contenu textarea {
font-size: 1.1em;
}


/* Partie dédiée au livre d'or */
#contenu .quoiLO {

}

#contenu .quiLO {
text-align: right;
font-weight: bold;
border-bottom: 1px dotted #203F6B;
padding-bottom: 5px;
padding-right: 10px;
margin-bottom: 10px;
margin-top: 3px;
}


/* Partie utilisé pour l'affichage du plan*/

#plan dt{
color: #203F6B;
font-size: 1em;
font-weight: bold;
letter-spacing: 1px;
text-align: left;
line-height: 20px ;
padding-left: 10px;
margin-top: 15px;
margin-bottom: 5px;
background-color: #efedf4;
border-bottom: 1px solid #203F6B ;
border-top: 1px solid #203F6B ;
}

#plan dd{
padding-left: 20px;
}