/* CSS Document */

html { 
  font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ 
} 

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	background-color: #F3FDEE;
	margin:5px 0;
	color: #000000;
}

/*---------------------------------------------------*/
/*------------------ PARAGRAPHES --------------------*/
/*---------------------------------------------------*/ 
p {
margin:0 auto;
}
 
address { 
  margin: .75em 0; 
  font-style: normal; 
}


hr {
color:#80b80f;
}

/*---------------------------------------------------*/
/*---------------------- LIENS ----------------------*/
/*---------------------------------------------------*/ 

a, a:link, a:visited {
margin:0 auto;
text-decoration:none;
color: #80b80f;
border-bottom: 1px dashed;
}

a:hover, a:focus, a:active {
margin:0 auto;
color: #628B0C;
border-bottom: 1px solid;
font-weight:bold;
}

/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active { 
  outline: none; 
} 


/*---------------------------------------------------*/
/*--------------------- TITRES ----------------------*/
/*---------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
font-size:12px; }

/*Titre des pages*/
h1{
color: #80b80f;
font-size:16px;
border-bottom: 1px solid #628B0C;
text-align:left;
font-weight:bold;
}

/*Sous-titres des pages*/
h2 { 
color: #80b80f;
font-size:14px;
font-weight:bold;
}

/*Titres des actus*/
h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover, h3 a:focus, h3 a:active  {
color: #628B0C;
font-weight:bold;
margin: 4px 0;
}

/*En savoir plus... des actus et zoom*/
h4 { 
position: absolute;
bottom: 0;
right:0;
}

h4 a, h4 a:link, h4 a:visited{
border-bottom: 1px solid;
font-size:11px;
font-weight:bold;
margin:0;
padding:0;
}

h5, h6 { 
font-size:11px;
font-style:italic;
font-weight:bold;
}

/*Message en rouge*/
h5 {
color:#EC1313
}

/*Affichage plus petit, plus clair*/
h6 { 
color:#666666;
}

/*---------------------------------------------------*/
/*--------------------- LISTES ----------------------*/
/*---------------------------------------------------*/
ul, ol { 
  margin: .75em 0 .75em 32px; 
  padding: 0; 
} 
 

/*---------------------------------------------------*/
/*--------------------- IMAGES ----------------------*/
/*---------------------------------------------------*/

img {border:0;}

/* Pas de bordure autour des images dans les liens */ 
a.img { 
  border:0 none; 
} 


/*---------------------------------------------------*/
/*------------------ FORMULAIRES --------------------*/
/*---------------------------------------------------*/
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select { 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
}

/*---------------------------------------------------*/
/*-------------------- TABLEAU ----------------------*/
/*---------------------------------------------------*/
table { 
  margin: 0; 
  border: 1px solid gray; /* Pas de bordure = "none". */ 
  border-collapse: collapse; /* Valeur par défaut: "separate". */ 
  border-spacing: 0; 
} 
table td, table th { 
  padding: 4px; /* Pas de retrait autour du texte = "0". */ 
  border: 1px solid #ccc; /* Pas de bordure = "none". */ 
  vertical-align: top; /* Valeur par défaut: "middle" */
} 



div#tableau_liste table { 
  margin: 0; 
  border: 1px solid #80b80f; /* Pas de bordure = "none". */ 
  border-collapse: collapse; /* Valeur par défaut: "separate". */ 
  border-spacing: 0; 
} 
div#tableau_liste td, div#tableau_liste th { 
  padding: 4px; /* Pas de retrait autour du texte = "0". */ 
  border: 1px solid #80b80f; /* Pas de bordure = "none". */ 
  vertical-align: middle; /* Valeur par défaut: "middle" */ 
  text-align:center;
} 
div#tableau_liste th {
color: #628B0C;
background-color: #F3FDEE;
}

/*---------------------------------------------------*/
/*------------------ INFOS BULLES -------------------*/
/*---------------------------------------------------*/
.infobulle{
    position: absolute;   
    visibility : hidden;
	color: #811a74;
    border: 1px solid #628B0C;
    padding: 5px;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #F3FDEE;
	max-width:100px;
	z-index:100;
}


/*---------------------------------------------------*/
/*------------------ CADRE GLOBAL -------------------*/
/*---------------------------------------------------*/

div#cadre{
background-color:#FFFFFF;
width:900px; 
margin:0 auto;
position:relative;
height:100%;
min-height:680px;
border: 1px solid #80b80f;
}

*html #cadre { /*Spécifique à Internet Explorer*/
height:100%;}

/*---------------------------------------------------*/
/*-------------------- BANNIERE ---------------------*/
/*---------------------------------------------------*/

div#banniere {
width:900px;
display:block; 
height:114px;
margin:0;
}

div#banniere_haut {
background-image:url(../images/layout/image_banniere_haut.jpg);
background-repeat:no-repeat;
width:900px;
height:88px;
}

div#banniere_bas {
background-image:url(../images/layout/image_banniere_bas.gif);
background-repeat:no-repeat;
width:900px;
height:36px;
}

div#titre_page { /*Sert seulement pour l'impression si la page s'imprime sans image*/
display:none;
}

/*---------------------------------------------------*/
/*---------------------- MENU -----------------------*/
/*---------------------------------------------------*/

div#menu {
width:230px;
height:100%;
margin:0;
margin: 10px;
display:block; 
float: left;
text-align:left;
font-weight:bold;
}

/*div#menu a, div#menu a:hover, div#menu a:visited {
display: block;
margin-bottom: 20px;
color: #628B0C;
}*/

.navigation { 
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:#6b9811 none repeat scroll 0 0;
color:#FFFFFF;
font-family:"Trebuchet MS",sans-serif;
font-size:1.2em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
list-style:none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
width:225px;
      } 
	  
.navigation a, .navigation span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#d5f398 url(../images/admin/menu-item.png) no-repeat scroll left bottom;
color:#FFFFFF;
display:block;
padding:4px 10px;
text-decoration:none;
border-bottom:none;
padding: 4px 10px; 
height:23px;
} 
.navigation .toggleSubMenu a, .navigation .toggleSubMenu span { 
background-image: url(../images/admin/menu-item-deroule.png);


  } 
.navigation .open a, .navigation .open span { 
background-image: url(../images/admin/menu-item-enroule.png);


  } 
.navigation a:hover, .navigation a:focus, .navigation a:active { 
  text-decoration: underline; 
  } 
  
 #navigation .subMenu {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#d5f398 url(../images/admin/subMenu.png) repeat-x scroll 0 0;
border-bottom:1px solid #666666;
font-size:0.8em;
margin:0;
padding:0;
}

.navigation ul.subMenu
{
margin-left:18px;
}
.navigation .subMenu li
{
list-style: disc;
margin-left:0;
padding-left:0;
font-size:0.88em;

}

.navigation ul.subMenu a { 
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
padding:3px;
height:15px;
  }



/*---------------------------------------------------*/
/*-------------------- CONTENU ----------------------*/
/*---------------------------------------------------*/

div#contenu {
width: 610px;
float:left;
height:100%;
text-align:justify;
margin: 10px;
margin-bottom:50px;;
}



/*---------------------------------------------------*/
/*------------------ PIED DE PAGE -------------------*/
/*---------------------------------------------------*/


div#pied {
	width: 900px;
	position:absolute;
	height:34px;
	margin:0;
	bottom:0;
	font-weight:bold;
	border-top: 1px solid #80b80f;
}

div#pied p {
margin-top:10px;
margin-right:10px;
text-align:right;
}

div#pied a, div#pied a:hover, div#pied a:visited {
display: inline;
margin: auto 2px auto 2px;
}

div.spacer {
clear:both;
visibility:hidden;
}