/*__________________________________________________________________________________________________________________________

Cette feuille de style contient les styles de la page de contenu :
1. Propriétés de la page
2. Menu gauche
3. Contenu
4. Contenus spécifiques
__________________________________________________________________________________________________________________________*/


/*__________________________________________________________________________________________________________________________

POUR VERIFIER LES EVENTUELS PBS DE MISE EN PAGE : VISUALISATION DU DECOUPAGE 
__________________________________________________________________________________________________________________________
table {border: 1px solid black;}
td {border: 1px dotted gray;}
div {border: 1px solid orange;}
img, form {border: 1px dashed blue;}
h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow;}
ul {border: 1px solid green;}
li {border: 1px solid lightgreen;}
*/

/* _____________________________________________________________________________

	PROPRIETES DE LA PAGE
_____________________________________________________________________________*/

/*__________________________ Titres __________________________*/
h2 {
	/* ___Dimensions et positionnement */
	float: left;
	width: 10.85em;
	/* ___Marges */
	margin: 0 0 0.5em 0;
	padding: 0.5em 0.3em 1.38em 0.3em;
	/* ___Texte */
	font-size: 4em;
	font-weight: normal;
	color: #fff;
	/* ___Décoration */
	background: #eb9d00 url(../images/index/fd_titre_a_la_une.png) top left repeat-x;
}

h2 .date {
	/* ___Dimensions et positionnement */
	display: block;
	/* ___Marges */
	/* ___Texte */
	font-size: 0.6em;
	/* ___Décoration */
}

h3 {
	/* ___Dimensions et positionnement */
	clear: both;
	/* ___Marges */
	margin: 0.5em 1em;
	padding: 0;
	/* ___Texte */
	color: #C60;
	font-size: 2em;
	font-weight: normal;
	/* ___Décoration */
}

h3 a {
	/* ___Dimensions et positionnement */
	display: block;
	/* ___Marges */
	padding: 0.5em 0 0 0 ;
	/* ___Texte */
	color: #C60;
	/* ___Décoration */
	border-top: 1px solid #ddd;
}

h4 {
	/* ___Dimensions et positionnement */
	clear: both;
	/* ___Marges */
	margin: 1em 1.2em 0.5em 1.2em;
	/* ___Texte */
	font-size: 1.8em;
	font-weight: normal;
	/* ___Décoration */
}

/* _____________________________________________________________________________

	MENU GAUCHE
_____________________________________________________________________________*/

#gauche {
	/* ___Dimensions et positionnement */
	float: left;
	width: 25.1em;
	/* ___Marges */
	margin: 0;
	padding: 0;
	/* ___Texte */
	/* ___Décoration */
	background: #f8f7eb;
}

/*__________________________ Rubrique __________________________*/
#gauche li.titre_rub {
	/* ___Dimensions et positionnement */
	display: block;
	/* ___Marges */
	padding: 0.2em 0 0 0;
	margin: 0;
	/* ___Texte */
	color: #a10302;
	font-size: 2.4em;
	font-variant:small-caps;
	text-indent: 0.2em;
	/* ___Décoration 
	background: #ebdfc6;*/
}

#gauche li.titre_rub a {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	color: #a10302;
	/* ___Décoration */
	text-decoration: none;
}

/*__________________________ 1e niv __________________________*/
#gauche ul {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0;
	padding: 0;
	/* ___Texte */
	text-indent: 0;
	/* ___Décoration */
	list-style: none;
}

#gauche ul li {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0.5em 0;
	padding: 0.1em 0.5em;
	/* ___Texte */
	font-variant: small-caps;
	font-size: 0.6em;
	font-weight: bold;
	color: #a10302;
	line-height: 1.1em;
	/* ___Décoration */
	background: #f8f7eb url(../images/contenu/fd_item_menu_gauche.png) top left no-repeat;
}

#gauche ul li a {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	color: #a10302;
	/* ___Décoration */
	text-decoration: none;
} 

#gauche ul li a:hover,
#gauche ul li a:active,
#gauche ul li a:focus
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
	text-decoration: underline;
} 

/*__________________________ 2e niv __________________________*/
#gauche ul ul {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0.7em 0 0 0.5em;
	padding: 0;
	/* ___Texte 
	font-size: 0.6em;*/
	/* ___Décoration */
}

#gauche ul ul li {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0.3em 0 0.3em 0.4em!important;
	padding: 0!important;
	/* ___Texte */
	color: #666!important;
	font-size: 1em !important;
	font-weight: normal!important;
	font-variant: normal!important;
	line-height: normal!important;
	/* ___Décoration */
	list-style:url(../images/commun/puce_rouge.png)!important;
	background: none!important;
}

#gauche ul ul li.actif {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	font-weight: bold!important;
	/* ___Décoration */
}

#gauche ul ul li a {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	color: #666!important;
	/* ___Décoration */
}

/* _____________________________________________________________________________

	CONTENU (à droite)
_____________________________________________________________________________*/

#droite {
	/* ___Dimensions et positionnement */
	float: right;
	width: 69.3em;
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
}

/*__________________________ Fil d'ariane __________________________*/
#droite #ariane {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0em 1.4em 1em 1.4em;
	padding: 0;
	/* ___Texte */
	font-size: 1em;
	/* ___Décoration */
}

#droite #ariane a {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	color: #666;
	/* ___Décoration */
}

/*__________________________ Illustration de la rubrique __________________________*/
#droite .img_rub {
	/* ___Dimensions et positionnement */
	float:right;
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
}

/*__________________________ Textes __________________________*/
#droite p,
#droite ul {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0.5em 1.4em;
	/* ___Texte */
	font-size: 1.4em;
	color: #666;
	/* ___Décoration */
}

#droite ul {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0.5em 1.4em 0.5em 2.6em;
	/* ___Texte */
	/* ___Décoration */
	list-style: url(../images/commun/puce_rouge.png);
}

/*__________________________ Signature de l'article __________________________*/
#droite p.signature_article {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin-top: 2em;
	margin-bottom: 1em;
	padding-bottom: 1em;
	/* ___Texte */
	text-align: right;
	font-style: italic;
	font-size: 1.1em;
	/* ___Décoration */
	border-bottom: 0.1em solid #e7d8ba;
}

/*__________________________ Gros plan sur __________________________*/
#droite #gros_plan, #droite .gros_plan {
	/* ___Dimensions et positionnement */
	overflow: auto;
	/* ___Marges */
	margin-left: 1.6em;
	/* ___Texte */
	/* ___Décoration */
	border-left: 0.5em solid #C60;
}

#gros_plan h3, .gros_plan h3 {
	/* ___Dimensions et positionnement */
	clear: both;
	/* ___Marges */
	margin: 0.5em 1em;
	padding: 0;
	/* ___Texte */
	color: #a10302;
	font-size: 2em;
	font-weight: normal;
	/* ___Décoration */
}

#gros_plan span, .gros_plan span {
	/* ___Dimensions et positionnement */
	display: block;
	/* ___Marges */
	/* ___Texte */
	color: #666;
	font-size: 0.6em;
	font-weight: normal;
	text-transform: uppercase;
	/* ___Décoration */
}

/*__________________________ Images __________________________*/
#droite .image_gauche{
	/* ___Dimensions et positionnement */
	float: left;
	width: 20em;
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
}

#droite .image_droite {
	/* ___Dimensions et positionnement */
	float: right;
	width: 30em;
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
}

#droite .image_gauche,
#droite .image_droite
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0.5em 2em;
	/* ___Texte */
	/* ___Décoration */
	background: #e7d8ba;
}

#droite .image_gauche p,
#droite .image_droite p
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0.5em;
	padding: 0.3em 0;
	/* ___Texte */
	font-style: italic;
	font-size: 1.1em;
	color: #333;
	/* ___Décoration */
}

/*__________________________ Haut de page __________________________*/
#droite .haut_page
{
	/* ___Dimensions et positionnement */
	clear: both;
	/* ___Marges */
	margin-top: 2em;
	margin-bottom: 1em;
	padding-right: 1em;
	/* ___Texte */
	text-align: right;
	/* ___Décoration */
	background: url(../images/contenu/puce_haut_page.png) center right no-repeat;
}

#droite .haut_page a
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	padding-left: 1em;
	/* ___Texte */
	color: #666;
	font-size: 0.9em;
	/* ___Décoration */
	background: url(../images/contenu/puce_haut_page.png) center left no-repeat;
}

/* _____________________________________________________________________________

	CONTENUS SPECIFIQUES
_____________________________________________________________________________*/

/*__________________________ Agenda __________________________*/
#droite .tri_agenda
{
	/* ___Dimensions et positionnement */
	clear: both;
	/* ___Marges */
	padding: 0;
	margin: 0;
	/* ___Texte */
	/* ___Décoration */
}

#droite p.date,
#droite p.theme
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: bold;
	/* ___Texte */
	color: #666;
	/* ___Décoration */
}

#droite p.theme
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	font-size: 1.2em;
	font-weight: normal;
	/* ___Décoration */
}

.csc-textpic-imagewrap
{
	margin: 0.5em 2em 1em 2em;
	background: #e7d8ba;
}

.csc-textpic-imagewrap dd.csc-textpic-caption
{
	margin: 0.5em;
	padding: 0.8em 0.6em 0.3em 0.6em;
	font-style: italic;
	font-size: 1.1em;
	color: #333;
}

.pagebrowser {
	text-align: center;
	font-size: 1.4em;
}

.pagebrowser.pageof {
	color: #666666;
}

.pagebrowser.pages a {
	color: #666666;
}

.pagebrowser.pages b {
	color: #666666;
	font-weight: bold;
}

.pagebrowser.pages span {
	margin:0 2px;
}