/* -------------------------------------------------------
 	1. LIENS base
 ------------------------------------------------------- */

a
{
	color: #390;
}
a:link, a:visited
{
	text-decoration: none;
	color:#390;
}
a:hover
{
	text-decoration: underline;
	color:#390;
}


/* -------------------------------------------------------
 	3. Mise en page Body
 ------------------------------------------------------- */

body {
	color:#000000;
	font: 86%/1.0 "Trebuchet MS", "Lucida Grande", "Lucida Sans", Tahoma, Arial, 'Helvetica Neue', Helvetica, Geneva, Lucida, sans-serif;
	margin: 0;
	text-align: center;
	background-color:#E8E6C1;
	background-image:url(img/bamboo50.jpg);
	background-repeat:repeat-y;
	}

/* -------------------------------------------------------
 	3. BANDEAU - ENTETE (inc/inc-bandeau.html)
 ------------------------------------------------------- */
 #entete
{	
	background-image: url(img/bandeau1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: transparent;
	-moz-border-radius: 0px 10px 10px 10px;
	-webkit-border-radius: 0px 10px 10px 10px;
	text-align: right;
}
#entete a.nom-site, 
#entete a.nom-site:link,  
#entete a.nom-site:visited
{	background-image: none;
	color:#FFCC66;
	font-size: 2.8em; 
	font-style: italic;
	text-shadow: Black 0px 5px 5px;
	text-align: left;
	}
#entete a.nom-site:hover
{
	color: #ddd;
	font-style:normal;
	
	/* un peu de CSS3 pour les navigateurs qui le peuvent... */
}
#entete .nom-site span 		/* position du nom du site   */
{
	display: block;
	position: absolute;
	bottom: 30px;
	left: 20px;
}
#entete a.soustitre,
#entete a.soustitre:link,  
#entete a.soustitre:visited 
{	color:#FFFFFF;
	font-size: 1.1em; 
	font-style: italic;
	text-align: left;
	text-shadow: Black 0px 3px 3px;
} 
#entete a.soustitre:hover
{
	color:#FFFFFF;
	font-style: normal;
	text-shadow: white 0px 0px 8px;
	/* un peu de CSS3 pour les navigateurs qui le peuvent... */
}
#entete .soustitre span 		/* position du sous titre du site  */
{
	display: block;
	position: absolute;
	bottom: 10px;
	left: 20px;
}
#entete .diaporama span 		/* position du diaporama  */
{
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: right;
	
	
}
/* -------------------------------------------------------
 	Menu principal (horizontal)
 ------------------------------------------------------- */
#menu-principal {
	position: absolute;
	top: -1.4em;
	margin-top: 0px;
	margin-left: 0px;
	width: 780px;
}

#menu-principal li a
{
	padding: .2em 1em .2em 1em;
	margin: 0 1px 0 0;
	
} 

#menu-principal ul li 
{ float: left; }
#menu-principal-contact {display:none}
#menu-principal-sites {display:none}

/* -------------------------------------------------------
 	3. Colonne de droite
 ------------------------------------------------------- */

#encart
{
	position: absolute;
	top: 190px;
	right: 0px;
	width: 150px;
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	background-color: transparent !important;
}
#encart .menu li.annonce {display: none;}


/* ------------------------------------------------------------------
 	5. NAVIGATION et MENUS
 -------------------------------------------------------------------- */
/* COULEURS des menus */

.menu ul li a,
.menu ul li b, 
.menu ul li a:visited
							{ color:#FFFFFF;
							text-align:center;
							-moz-border-radius: 5px 5px 5px 5px;
							-webkit-border-radius: 5px 5px 5px 5px;
							background-color:#71420F;
							/*opacity: 0.60;	
   							filter:alpha(opacity=60);  
    						-moz-opacity:0.60;*/
							
							
							} 
.menu ul li span			{
							background-color: transparent;
							
							}
.menu ul li a:hover
	 						{ color:#71420F;
							background-color:#FFCC99;
							
							}

/* COULEURS des rubriques */

.menu ul li li a, 
.menu ul li li a:visited	{ color:#663300;
							background-color:#E8E6C1;
							text-align:left;
							} 
.menu ul li li a:hover 		{ color:#71420F;
							background-color:#FFCC99;
							
/* COULEURS des sous-rubriques */
							} 
.menu ul li li li a,
.menu ul li li li a:visited	{ color:#663300;
							background-color:#E8E6C1;

							} 
.menu ul li li li a:hover	{ color:#71420F;
							background-color:#FFCC99;
							
							} 

/*	Pour rendre l’espace transparent entre les blocs des colonnes latérales et espacer les annonces de 5 px */

.menu ul li {
	  		border-top:1px solid transparent;
			
			
			}
.menu ul li li {
				
				border-bottom:1px solid #663300;
				}

/* -------------------------------------------------------
 8. Annonces (colonne de gauche)
------------------------------------------------------- */
#navigation .menu ul li ul li.annonce {
	margin-bottom: 1em;
	line-height: 1em;
	border-bottom:1px solid transparent;
	
}

/* -------------------------------------------------------
 8. Effacer nom rubrique (après nom article)
------------------------------------------------------- */

.rubrique #bloc-contenu h3 .petit-info {display:none}

/* -------------------------------------------------------
 8. Bloc central
------------------------------------------------------- */

#bloc-contenu
{
	border: 1px groove #663300;
	margin: 10px 155px 5px 155px;
	padding: 10px 10px 5px;
	background: white;
	z-index: 20;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	overflow: hidden;
}


/* -------------------------------------------------------
 8. DESCRIPTIF et EDITO (sur page sommaire.html)
------------------------------------------------------- */

h3.descriptif-site {display:none;
}
.edito h3 {
	color:#663300;
	background-color:transparent;
	background-image: url(img/titre-coin.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
		}
.edito h3 a, 
.edito h3 a:link, 
.edito h3 a:visited,
.edito h3 a:hover {
	color:#F33;
	font-size: 90%;
}
/* -------------------------------------------------------
 	14. FORMATS DE TEXTE
 ------------------------------------------------------- */
.suite a,
.suite a:link,
.suite a:visited
{
	
	color: black;
	
}

.suite a:hover
{
	color: black;
	text-decoration: underline;
}
/* -------------------------------------------------------
 	14. FORMATS DE TEXTE SOURCE
 ------------------------------------------------------- */
.source
{
	
	text-align:right;
	
}
/* -------------------------------------------------------
 8. Graphique de popularité  (inc/statistiques.html)
------------------------------------------------------- */

.graph { 
   position: relative; /* IE is dumb */
   width: 150px; 
   border: 1px solid #B1D632; 
   padding: 2px; 
}
    .graph .bar { 
        display: block;
        position: relative;
        background-color:#FFCC33; 
        text-align: center; 
        color: #333; 
        height: 1em; 
        line-height: 1em;            
    }
         .graph .bar span { position: absolute; left: 1em; }
/* -------------------------------------------------------
 8. PIED DE PAGE (inc/inc-bas.html)
------------------------------------------------------- */

#bas,
#bas a,
#bas a:link,
#bas a:visited
{
	text-decoration: none;
	color: #F60;
}
#bas a:hover
{
	text-decoration: underline;
	color: #663300;
}