/* ------------------------------------ *
 CSS
 jeudi 8 juin 2006 17:16:28
 HAPedit 3.1.11.111
 * ------------------------------------ */


body {
     margin: 0; /* pour éviter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
     /* padding : 10px; */
     font-family : arial;
     font-size : small;
     background-color : white;
     }

a   {

color : #336600;
font-weight : bold ;
}

a:hover{
color : #FFCC33;
}


#global {
     margin-left: auto;
     margin-right: auto;
     width: 1000px;
     text-align: left; /* on rétablit l'alignement normal du texte */
     /* border : 1px solid black; */
     background-color : white ;
     height:100%;
     background-image : url(../images/interface/fond_page.jpg);
     background-repeat : no-repeat;
     background-position : 0 121px;
	 border-left : 1px dotted #333;
	 border-right : 1px dotted #333;
    }


#entete {
height:121px;
overflow:hidden;
/* background-image : url(../images/interface/vue_aerienne_toon.gif);  */
background-position : right;
background-repeat : no-repeat;
}

#entete .lien_menu{
text-decoration : none;
margin-left : 15px;
position:relative;
bottom:5px;
}


p.derniere_modif {
font-weight:bold;
font-size:90%;
margin:0;
margin-bottom:10px;
}


#logo {

}

#menu_horizontal {
}

#page {
border-top : 1px solid black;
width:1000px;
}

/* Structure particulière à 3 colonnes de la page d'accueil */

.introduction {
border-bottom : 1px solid black;
overflow : hidden;
margin: 0px 0px;
padding : 5px;
font-size : 80%;
}



#menu_gauche { /* définition de la colonne gauche */
  /*position:absolute;*/
  float:left;
  left : 10px;
  width: 220px;
  margin-top : 10px;
  border-right : 1px solid #666666;
  text-align : justify;

  }

#menu_gauche a{
text-decoration : none;
}

#menu_gauche h2  {
border-bottom : 1px solid #666666;

padding-left : 10px;
font-size : 120%;
text-transform:uppercase;
}

#menu_gauche p  {
font-size : 90%;
margin : 5px 0 25px 0;
padding : 0px 8px;
}

#centre_3_col {
/* boite qui "pousse" vers le bas le reste de la page */
   margin: 10px 10px 0 230px;
   padding: 0px 5px;
   /* border : 1px solid black; */
   text-align : justify;
   width : 500px;

}

#centre_3_col h2 {
padding : 0;
color : #CC9933;
border-bottom : 1px solid #CC9933;
margin : 20px 0 5px 0;
font-size : 150%;
}

#centre_3_col h2 img{
vertical-align:middle;
}

#centre_3_col h3 {
margin : 0;
padding : 0;
font-size : 100%;
margin-top : 30px;
}

#centre_3_col h4 {
margin : 0;
padding : 0;
color : #669933;
font-size : 90%;
}


#menu_droit {
    /*position:absolute; */
    float : right;
    margin-right: 10px;
    width: 22%;
    /* border : 1px solid black; */
    margin-top :10px;
    text-align : justify;

}

#menu_droit h2,#menu_droit h3, #menu_droit h4, #menu_droit p {
font-size:90%;
}


#presentation {
border : 1px solid #99CC66;
}

#presentation h2{
background-color: #99CC66;
font-size : 100%;
padding : 5px 8px;
margin : 0;
}

#presentation p{
margin : 0;
padding : 5px 8px;
}

.ss_presentation {
margin-top : 15px;
border : 1px solid #ffcc33;

}

.ss_presentation h2{
font-size : 100%;
background-color : #ffcc33;
padding : 5px 8px;
margin : 0;
}

.ss_presentation h3{
font-size : 100%;
padding : 4px 8px;
border-bottom : 1px solid #ccc;
margin : 8px 2px 0px 2px;
}

.ss_presentation p{
padding : 5px 8px;
margin : 0;
}

.ss_presentation img{
padding : 0px 8px;
}
/* fin de structure 3 colonnes page d'accueil */





/* STRUCTURE 2 colonnes de la rubrique Présentation, Fiches, Contact*/

#centre_2_col {
/* boite qui "pousse" vers le bas le reste de la page */
   margin: 10px 2% 0 25%;
   padding: 0px 10px;
   /* border : 1px solid black; */
   text-align : justify;
}

#centre_2_col h2 {
padding : 0;
color : #CC9933;
border-bottom : 1px solid #CC9933;
margin : 20px 0 5px 0;
font-size : 150%;
}

#centre_2_col h2 img{
vertical-align:middle;
}

#centre_2_col h3 {
margin : 0px 0px 20px 0px;
padding : 10px 30px;
font-size : 130%;
background-image:url("../images/interface/puce_titre.gif");
background-repeat : no-repeat;
background-position:0 5px;
}


#centre_2_col h4 {
margin : 0;
padding : 0;
color : #669933;
font-size : 90%;
}

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

RUBRIQUE PRESENTATION

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

#menu_presentation { /* définition de la colonne gauche pour la rubrique Présentation */
  float:left;
  margin-left : 8px;
  width: 22%;
  margin-top : 50px;
  border : 1px solid #666666;
  text-align : left;
  }


#menu_presentation h2{
background-color: #99CC66;
font-size : 120%;
padding : 5px 10px;
margin : 0;
text-transform:uppercase;
}

#menu_presentation h2 a{
text-decoration : none;
color : black;
}

#menu_presentation h2 a:hover{
text-decoration : none;
color : #FFCC33;
}

#menu_presentation p{
margin : 0;
padding : 0;
}

#menu_presentation p a{
display : block;
text-decoration:none;
padding : 3px 14px;
border-top: 1px solid #666666;
}

#menu_presentation p a:link {

}

#menu_presentation p a:hover {
background-color : #FFCC33;     /* ou vert clair #CCFF99 */
color:#666666;
}

#menu_presentation p a:active {

}

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

RUBRIQUE FICHES PRATIQUES

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

#menu_fiche { /* définition de la colonne gauche pour la rubrique fiche */
  float:left;
  margin-left : 8px;
  width: 22%;
  margin-top : 50px;
  text-align : left;

  }

#categories {
 border : 1px solid #666666;
}

#categories h2{
background-color: #99CC66;
font-size : 120%;
padding : 5px 10px;
margin : 0;
text-transform:uppercase;
}

#categories h2 img{
vertical-align: middle;
}

#categories h2 a{
text-decoration : none;
color : black;
}

#categories h2 a:hover{
text-decoration : none;
color : #FFCC33;
}

#categories p{
margin : 0;
padding : 0;
}

#categories p a{
display : block;
text-decoration:none;
padding : 3px 14px;
border-top: 1px solid #666666;
}

#categories p a:link {

}

#categories p a:hover {
background-color : #FFCC33;     /* ou vert clair #CCFF99 */
color:#666666;
}

#categories p a:active {

}

#articles_courants {
margin : 10px 3px;
border-left: 1px solid #666666;
width: 75%;

}

#articles_courants h3{
background-image:url("");
background-color: #ccc;
font-size : 100%;
padding : 5px 10px;
margin : 0px 0px 15px 0px;
/* border-bottom: 1px solid #666666; */
}

#articles_courants h3 a{
text-decoration : none;
color : black;
}

#articles_courants h3 a:hover{
text-decoration : none;
color : #FFCC33;
}

#articles_courants ul{
margin : 5px 40px;
padding : 0;
font-size:85%;
}

#articles_courants li{
margin : 0;
padding :0;
}

#articles_courants a{
text-decoration:none;
}

#articles_courants a:link {
}

#articles_courants a:hover {
}

#articles_courants img{
vertical-align : middle;
margin-right : 4px;
}

#articles_courants p{
margin : 0;
padding : 5px 20px;
}

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

#rubriques_courantes {
margin : 10px 0px 10px 20px;
border: 1px solid #666666;
width: 35%;
text-align:left;
float : right;
}

#rubriques_courantes h3{
background-image:url("");
background-color : #FFFF66;
font-size : 100%;
padding : 5px 10px;
margin : 0;
border-bottom: 1px solid #666666;
}

#rubriques_courantes h3 a{
text-decoration : none;
color : black;
}

#rubriques_courantes h3 a:hover{
text-decoration : none;
color : #FFCC33;
}

#rubriques_courantes p{
padding : 5px 8px;
margin : 0;
font-size:85%;
}

#rubriques_courantes p a{
text-decoration:none;
}

#rubriques_courantes p a:link {
}

#rubriques_courantes p a:hover {
}

#rubriques_courantes p img{
padding : 0px 8px;
}

/* Téléchargment */

#telechargement {
margin : 10px 3px;
padding : 0px;
border: 1px solid #666666;
}

#telechargement h3{
background-image:url("");
background-color: #FFCC33;
font-size : 100%;
padding : 5px 10px;
margin : 0;
border-bottom: 1px solid #666666;
}

#telechargement img{
vertical-align : middle;
padding : 10px 10px 10px 30px;
}


#telechargement .bouton_telechargement a{
border : 1px solid #666666;
text-decoration : none;
padding: 6px;
background-color: #99CC66;
text-transform:uppercase;
margin-left:40px;
}

#telechargement .bouton_telechargement a:hover{
background-color : #FFCC33;
color : #000;
border : 1px solid #000;
text-align : center;
}

#telechargement div.download{
padding : 10px;
border-bottom : 1px solid #ccc;
}

#telechargement div{
padding : 10px;
}

/* fin de structure 2 colonnes */



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

PIED DE PAGE

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

#pied {
background-image : url(../images/interface/fond_bas_droit.jpg);
background-position : right bottom;
background-repeat : no-repeat;
text-align : center;
font-size : 80%;
margin-top : 30px;
border-top : 1px solid black;
padding-top : 0px;
clear:both;
}

#pied table{
margin:0 auto;
border:none;
}

#pied table tr.row_even {background-color:#FFF;vertical-align:top;}


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

Styles SPIP

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

table.spip {
border : 1px solid black;
empty-cells:show;
}

tr.row_even {
background-color : #ccc;
}

table.spip td {
padding : 5px 5px;

}

table.spip th {
border : 1px solid black;
padding : 5px 5px;
text-align:center;
}