body {
	margin: 10px;
	background-color: #DFDCBD;
	/* background-color: #C7CCBC; */

}

p {
	margin: 0;
	border: 0;
	padding: 0;
}

form {
	margin: 0; /* Pas de saut de ligne après les balises FORM ! */
}

#conteneur {
	margin: 0 auto; /* auto = pour centrage ! */
	width: 888px; /* Obligatoire pour centrage */
	font-family: Geneva, Arial, sans-serif;
	color: #000000;
	font-size: small;
	align: center;
}

#bandeau {
	float: left;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 8px;
	padding-left: 32px;
	padding-right: 32px;
	width: 825px;
}

.bandeau_logo {
	margin-right: 30px;
	float: left;
	text-align: left;
}

.bandeau_liens {
	float: right;
	text-align: right;
	padding-top: 15px;
}

.bandeau_pub {
	position: absolute;
	padding-top: 15px;
	width: 468px;
	display: inline;

}

#footer {
	clear: left; /* La boîte du dessus est positionnée à gauche, donc on force le footer à se mettre en dessous */
	clear: right;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #EEEEEE;
	width: 870px;
	font-size: small;
}
/*
#home {
	text-align: left;
	padding-left: 32px;
	padding-right: 32px;
	width: 820px;
	margin-bottom: 15px;
}
*/
#contenu {
	float: right;
	text-align: left;
	margin-left: 15px;
	padding-right: 32px;
	width: 635px;
	margin-bottom: 15px;
}

#menu_gauche {
	float: left;
	text-align: left;
	padding-left: 32px;
	width: 170px;
	margin-bottom: 15px;
}

.contenu_rubrique {
	border: 1px solid #CCCCCC;
	background: #EEEEEE;
	height: 25px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 15px;
	-moz-border-radius: 6px;
}

a:link { text-decoration: underline; color: #000000; }
a:visited { text-decoration: underline; color: #000000; }
a:hover { text-decoration: none; color: #B50008; }
a:active { text-decoration: none; color: #B50008; }

a.menu:link { text-decoration: none; color: #000000; }
a.menu:visited { text-decoration: none; color: #000000; }
a.menu:hover { text-decoration: none; color: #B50008; }
a.menu:active { text-decoration: none; color: #B50008; }

a.bandeau:link { font-size: 11px; font-weight: bold; text-decoration: none; color: #555555; }
a.bandeau:visited { font-size: 11px; font-weight: bold; text-decoration: none; color: #555555; }
a.bandeau:hover { font-size: 11px; font-weight: bold; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #B50008; color: #B50008; }
a.bandeau:active { font-size: 11px; font-weight: bold; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #B50008; color: #B50008; }

a.bouton:link { line-height: 23px; background: url(/images21/degrade-gris-1.gif) repeat-x; font-weight: bold; padding: 3px 5px; border: 1px solid #555555; color: #555555; text-decoration: none; font-size: 12px; }
a.bouton:visited { line-height: 23px; background: url(/images21/degrade-gris-1.gif) repeat-x; font-weight: bold; padding: 3px 5px; border: 1px solid #555555; color: #555555; text-decoration: none; font-size: 12px; }
a.bouton:hover { line-height: 23px; background: url(/images21/degrade-gris-1.gif) repeat-x; font-weight: bold; padding: 3px 5px; border: 1px solid #000000; color: #000000; text-decoration: none; font-size: 12px; }

a.bouton_rouge:link { background: url(/images21/degrade-gris-1.gif) repeat-x; font-weight: bold; padding: 1px 15px; border: 1px solid #B50008; color: #B50008; text-decoration: none; font-size: 12px; }
a.bouton_rouge:visited { background: url(/images21/degrade-gris-1.gif) repeat-x; font-weight: bold; padding: 1px 15px; border: 1px solid #B50008; color: #B50008; text-decoration: none; font-size: 12px; }
a.bouton_rouge:hover { background: url(/images21/degrade-gris-1.gif) repeat-x; font-weight: bold; padding: 1px 15px; border: 1px solid #B50008; color: #B50008; text-decoration: none; font-size: 12px; }

a.bouton_bleu:link { background: url(/images21/degrade-gris-1.gif) repeat-x; font-weight: bold; padding: 1px 6px; border: 1px solid #296B94; color: #296B94; text-decoration: none; font-size: 12px; }
a.bouton_bleu:visited { background: url(/images21/degrade-gris-1.gif) repeat-x; font-weight: bold; padding: 1px 6px; border: 1px solid #296B94; color: #296B94; text-decoration: none; font-size: 12px; }
a.bouton_bleu:hover { background: url(/images21/degrade-gris-1.gif) repeat-x; font-weight: bold; padding: 1px 6px; border: 1px solid #296B94; color: #296B94; text-decoration: none; font-size: 12px; }


.footer_menu_titre {
	float: left;
	width: 300px;
	padding-right: 15px;
	text-align: right;
	font-weight: bold;
	line-height: 1.4em;
}

.footer_menu_contenu {
	color: #666666;
	text-align: left;
	line-height: 1.4em;
}

/**** + Fond de page ****/
#page_haut {
	background-image: url(/images21/fonds/principal-1.jpg);
	background-repeat: no-repeat;
	width: 888px;
	height: 14px;
}
#page_milieu {
	background-image: url(/images21/fonds/principal-2.jpg);
	background-repeat: repeat-y;
	width: 888px;
}
#page_bas {
	background-image: url(/images21/fonds/principal-3.jpg);
	background-repeat: no-repeat;
	width: 888px;
	height: 9px;
}
/**** - Fond de page ****/

/**** + Fonds standards ****/
.encart_std_haut {
	background-image: url(/images21/tab-1-dessus.jpg);
	background-repeat: no-repeat;
	width: 640px;
	height: 5px;
}
.encart_std_milieu {
	background-image: url(/images21/tab-1-milieu.jpg);
	background-repeat: repeat-y;
	width: 640px;
	text-align: center;
	padding-bottom: 15px;
}
.encart_std_bas {
	background-image: url(/images21/tab-1-dessous.jpg);
	background-repeat: no-repeat;
	width: 640px;
	height: 5px;	
}
/**** - Fonds standards ****/

/**** + Fonds commentaires ****/
.encart_comm_haut {
	background-image: url(/images21/commentaires/dessus-bulle-carree.jpg);
	background-repeat: no-repeat;
	width: 640px;
	height: 25px;
}
.encart_comm_milieu {
	background-image: url(/images21/commentaires/cote-bulle-carree.jpg);
	background-repeat: repeat-y;
	width: 640px;
	text-align: left;
}
.encart_comm_bas {
	background-image: url(/images21/ombre-640.gif);
	background-repeat: no-repeat;
	width: 640px;
	height: 14px;	
}
/**** - Fonds standards ****/

/**** + Listes avec puces rouges ****/

ul.liste1 {
	list-style-image: url(/images21/fleche-rond-top3.gif);
	list-style-type: square;
	margin: 0;
	padding-left: 15px;
}

/* ul li {
	margin: 0em 0em 0em 0em;
} */
/**** + Listes avec puces rouges ****/


.formulaire {
	border : 1px solid gray;
	font-family: Geneva, Arial, sans-serif;
	font-size: 11px;
	color: #706B30;
	background-image: url(/images21/degrade-input.jpg);
	background-repeat: repeat-x;
	padding: 2px;
}

.reconnaitre_btn {
	text-indent : 25px;
	text-align : justify;
}

.confirmation {
	margin-left: 80px;
	border: 1px solid #666666;
	background: #EEEEEE;
	width: 400px;
	padding: 20px;
	text-align: center;
}

/**** + Cadres du menu de gauche ****/
.cadre_menu_rouge {
	border: 1px solid #B50008;
	margin: 0 auto; /* auto = pour centrage ! */
	margin-top: 3px;
	width: 168px; /* Obligatoire pour centrage */
	color: #000000;
	font-size: 11px;
	-moz-border-radius: 6px;
}

.cadre_menu_bleu {
	border: 1px solid #296B94;
	margin: 0 auto; /* auto = pour centrage ! */
	margin-top: 3px;
	width: 168px; /* Obligatoire pour centrage */
	color: #000000;
	font-size: 11px;
	-moz-border-radius: 6px;
}

.cadre_menu_jaune {
	border: 1px solid #FFBD08;
	margin: 0 auto; /* auto = pour centrage ! */
	margin-top: 3px;
	padding-top: 5px;
	width: 168px; /* Obligatoire pour centrage */
	color: #000000;
	font-size: 11px;
	-moz-border-radius: 6px;
}
/**** - Cadres du menu de gauche ****/

.cadre_fond_gris {
	border: 1px solid #CCCCCC;
	margin: 0 auto; /* auto = pour centrage ! */
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	width: 608px; /* Obligatoire pour centrage */
	background: #EEEEEE;
	color: #000000;
}

.chroniques_gras {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	display: inline;
}

.petit {
	font-size: 11px;
}

.titre_encart_std {
	background: #EEEEEE;
	height: 25px;
	padding-top: 9px;
	margin-left: 15px;
	width: 611px;
	text-align: center;
	float: center;
}

.cadre_commentaire {
	border: 1px solid #E8E8E8;
	margin: 0 auto; /* auto = pour centrage ! */
	width: 638px; /* Obligatoire pour centrage */
	color: #000000;
	text-align: center;
	padding-bottom: 15px;
}

/**** + Ombres automatiques ****/
.o1 {
	float: left;
	background: url(/images21/ombres/ombre.gif) right 100%;
	margin: 0px 0px 0px 0px;
}

.o2 {
	background: url(/images21/ombres/coin_bl.gif) no-repeat bottom left;
}

.o3 {
	padding: 0px 6px 6px 0px;
	background: url(/images21/ombres/coin_tr.gif) no-repeat top right;
}
/**** - Ombres automatiques ****/

.liste_profil_gauche {
	float: left;
	text-align: right;
	width: 170px;
	font-weight: bold;
	margin-right: 15px;
	line-height: 1.7em;
}

.liste_profil_droite {
	text-align: left;
	line-height: 1.7em;
	margin-right: 40px;
}

/* Dossier AKIRA : Récupéré depuis CSF */
H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	display: inline;
}

H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	display: inline;
}

A.menu-pls:link {font-family:  Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none; font-weight: normal;}
A.menu-pls:visited {font-family:  Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none; font-weight: normal;}
A.menu-pls:hover {font-family:  Arial, Helvetica, sans-serif; font-size: 14px; color: #B50008; text-decoration: none; font-weight: normal;}

/* Dossier AKIRA : Ajouts de Cyril */
.paragraphe-indente:first-letter { padding-left: 41px; }
.paragraphe-indente { text-align: justify; }

.paragraphe-sans-indente { text-align: justify; }

.menu-dossier,.menu-dossier:visited { text-decoration:none; background-color:#EEEEEE; }
.menu-dossier:hover { background-color: #CCCCCC; cursor: pointer; }

.copyright { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: italic; color:#777777; }

.css_tooltip span.tooltip {
    visibility: hidden;
    display: block;
    position: relative;
    text-align: center; 
    left:0;
    top: -3em;
    left: 2em;
    width: 100%;
    border: solid 1px;
    padding: 2px;
    z-index:1;
    background-color: #f8f8cb;
    color: black;
}
.css_tooltip:hover span.tooltip { 
    visibility: visible;
}