/*----------------------------------------------- 
	BODY
-------------------------------------------------*/
body { 
	background: #EAEAEA; /* Couleur du fond de la page */
	color: #666; /* Couleur du texte */
	margin: 0; /* Marge extérieures  */ 
	padding: 0; /* Marges intérieures */ 
	text-align: center; /* Permet de centrer la page */ 
	font-size: 0.80em; /* Grosseur du caractère */
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; /* Police de caractère  */ 
	}
/* ----------------------------------------------
	CONTENANT
-------------------------------------------------*/
#contenant { 
	width: 792px; /* Largeur de la page */
	padding: 0; 
	margin: 20px auto; /* Marges : 20pixels en haut et en bas, 0 pixel à droite et gauche */
	text-align: left; /* Justifier le texte à gauche */
	background: #eaeaea url(images/page-fond.jpg) repeat-y center; /* ombragé gauche et droite*/
	}
/*------------------------------------------------ 
	ENTÊTE
-------------------------------------------------*/
#entete { 
	position: relative; /* Condition pour poditionner les objets de l'entête */
	margin: 0;
	background: url(images/entete-top.jpg) no-repeat center top; /* Ombragé du haut */
	} 
/*------------------------------------------------ 
	MENU DE NAVIGATION HAUT
-------------------------------------------------*/
#menuhaut {
margin-right:20px;
list-style-type: none;
padding:12px;
text-align: right;
}
#menuhaut li {
display: inline;
}
#menuhaut a {
color: #004785;
text-decoration: none;
}
#menuhaut a:hover {
color: #993300;
}
/*------------------------------------------------ 
	BANDEAU
-------------------------------------------------*/
#topbando { 
	margin-left: 17px;
	} 
/*------------------------------------------------ 
	FIL D'ARIANE
-------------------------------------------------*/
#hierarchie { 
	font-size: 0.77em;
	} 
/*------------------------------------------------
	CENTRE DE LA PAGE (CONTENU)
 ------------------------------------------------*/
#colcentre {
	float:left;
	width:570px;
	margin-left: 10px;
	padding: 0 10px;
	border-right: 1px solid #ccc;
	} 
#actualites {
	float:left;
	width:270px;
	} 
#fils_rss {
	margin-left: 10px;
	float:left;
	width:270px;
	} 
#actualites ul, #fils_rss ul {
	list-style:square;
	} 
#actualites li, #fils_rss li {
	margin-left:-20px;
	} 
/* ----------------------------------------------
	MENU VERTICAL DROITE 
 ------------------------------------------------*/
#coldroite {
	float:left;
	width: 160px; /* Largeur colonne */
	} 

.menuDroite ul { 
	padding: 5px 0 0 0; 
	margin: 0; 
	width: 150px; /* Largeur colonne */
	list-style-type: none;
	}
.menuDroite li {
	margin-bottom: 6px;
	padding: 3px;
	line-height: 20px; /* hauteur ligne */
	}
.menuDroite li a:link, 
.menuDroite li a:visited ,
.menuDroite li a:active, 
.menuDroite li a:focus {
	display: block; 
	padding: 0; 
	text-decoration: none; 
	border: 1px solid #BFBFBF; 
	font-weight: bold;
	font-size: 11px;
	color: #828282;
	} 
.menuDroite li a:hover {
	color: #993300; /* Couleur du lien en survol  */
	} 
/*------------------------------------------------
	LES FORUMS DES BREVES OSD CLUB
 ------------------------------------------------*/
.forum-repondre {
	font-size: 0.90em;
}
.forum-repondre img  {
	border: 0;
}
.forum-decompte {
	margin-top: 20px;
	margin-left: 10px;
	font-size: 0.90em;
}
/*------------------------------------------------
	PIED DE PAGE
 ------------------------------------------------*/
#pied { 
	clear: both; 
	margin: 0; 
	padding: 0 30px 0 0; 
	font-size: 9px; 
	text-align: left; 
	height: 140px; 
	position: relative; 
	color: #999; 
	background: url(images/pied-fond.jpg) no-repeat center bottom; /* Ombragé du bas */
	z-index: 10;
	}
#slogan_pied /* pied de la page */ {
	text-align: center;
	margin: 20px;
 	}
#logomyvisit /* Logo phpMyvisit */ {
	text-align: right;
	margin: 0;
 	}

/*------------------------------------------------
	SITE MAP
 ------------------------------------------------*/
#plan {
	margin-top: 20px;
	margin-left: 30px;
	}
#plan ul { 
	list-style-type: none; 
	padding: 0; 
	margin: 0; 
	color: #666666;
	}
#plan ul ul li { 
	background: url(images/plan-puce.gif) no-repeat; 
	margin: 0; 
	padding: 6px 0 0 36px; 
	}
#plan ul ul li.dernier { 
	background-image: url(images/plan-dernier.gif); 
	}
#plan a, #plan li a {
	color: #666;
	}
#plan a:hover, 
#plan li a:hover {
	color: #0066CC;
}
/*------------------------------------------------
	CORRECTION DES STYLES DE BASE
 ------------------------------------------------*/
 h1 { font-size:16px; }
/*------------------------------------------------
	DIVERS
 ------------------------------------------------*/
.clear {
	clear: both; /* Utile pour les floats */
	}
.decalage {
	margin-left: 20px; /* Utile marge gauche */
	}
.menu-titre {
	font-size: 12px; /* Grosseur police */
	font-weight: bold; /* épaisseur police */
	}
.pairs {
	background: #F5F5F7;
	margin-left: 50px;
	}
.pairs a {
	background: #F5F5F7;
	color: #004785;
	text-decoration: none;
	}
.impairs {
	background: #FFFFFF;
	margin-left: 50px;
	}
.impairs a {
	color: #004785;
	text-decoration: none;
	}
.titre a {
	font-size: 0.9em; /* Grosseur police */
	font-weight: bold; /* épaisseur police */
	text-decoration: none;
	color: #666; /* Couleur du texte */
	}
.titre a:hover {
	text-decoration: underline;
	}