/* PLUME CMS Feuille de style pour la version 1.2 -- Adaptée pour les 40 propositions */

html{
	font-size : 100%; /*correctif pour bug d'Internet Explorer Windows, bug qui rend « anarchique » le redimensionnement du texte à la volée dans ce navigateur. IE/Win a du mal à gérer des tailles de texte en em si aucune déclaration en pourcentages ne les précède*/
	margin: 0;
	padding: 0;
}

body{
	background: #4f4f4f url("img/bg_rayures.gif") repeat-x fixed top left;
	color: #333;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em; /* il faut exprimer les tailles de typos avec des unites relatives. L'unite em (largeur moyenne de 1 caractere dans la police courante) est couramment utilisee */
	margin: 0;
	padding: 0;
}

div{
	margin: 0;
	padding: 0;
}

p, blockquote, li, h2, dd, dt{
	font-weight: normal;
}

h2{
	color: #036;
}

h3{
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
}

form, fieldset{
	background-color: #363636;
	margin: 5px 9px 0 0;
	padding: 0;
	border: 0;
}

a{
	text-decoration: none;
	color: #333;
}

hr{
	background-color: #9e9e9e;
	border: 0;
	color: #9e9e9e;
	height: 1px;
	margin: 0;
	padding: 0;
}

hr.pointilles{
	background-color : #fff;
	border : 0;
	border-top : dashed 1px #ccc;
	color : #fff;
	height : 1px;
}

hr.invisible{
	display:none;
}

pre{
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
	background-color: #eee;
	padding: 5px;
	margin: 10px;
	overflow: auto;
}

abbr, acronym{ 
	font-style: normal;
	border-bottom: dotted 1px #ccc;
	cursor: help;
}

blockquote, cite{
	color: #666;
	padding: 0 20px 0 20px;
	font-style: italic;
	border-left: 1px dotted #ccc;
}

code{
	margin: 10px;
	display: block;
}

q{
	font-style: italic;
	color: #666;
}

/* ============================================ DISPOSITION DES COLONNES ==================================================== */

#page{
	background-color: #fff;
	width: 960px;
	border: 1px solid white;
	margin: 5px auto 0;
}

/* VERTICAL PADDING ABOVE COLUMNS */

/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */

#mainfloat{ 
	position: relative; 
}
#content{ 
	position: relative; 
}

#menuleft_bas{ 
	position: relative; 
}
#menuright{ 
	position: relative; 
}
h2{ 
	position: relative; 
}

#mainfloat /*Flottant principal (menu de gauche et contenu central)*/{
	float: left; /*flotte à gauche*/
	margin-top: 20px;
	width: 81.5%; /*81.5% de la page en largeur*/
}

#content{
	float: right;
	font-family: "Optima", Arial, sans-serif;
	margin: 20px 0 30px 0;
	min-height: 450px; /*hauteur minimale de la page*/
	text-decoration: none;
	width: 72%;
}

* html #content{
	margin-top: 34px; /*hack IE*/
}

#navigation_content{
	width: 600px;
	margin: 0 auto;
}

#menuright{
	background-image: url("img/bg_menuright.png");
	background-repeat: no-repeat;
	height: 500px;
	margin-left: 83.5%;
	padding: 6px;
	top: 30px;
}

/* ===================================== BANNIERE ALTERNATIVE (SI JAVASCRIPT DESACTIVE) ========================================= */

#contenu_alternatif{
	padding: 9px;
}

#cadre_gris{
	border: 1px solid #d5d5d5;
}

#cadre_gris p{
	padding-left: 25px;
}

#cadre_gris img{
	margin-bottom: -10px; 
}

p#bp_flash{
	padding: 10px 10px 10px 25px; 
	margin: 10px 0px;
}

p#bp_flash img{
	border: none;
}

ul.liste_alt{
	color: #000;
	font-size: 0.75em;
	list-style-type: square;
}

span.couleur_txt_liste{
	color: #000;
}

/* ======================================================= RECHERCHE ============================================================ */

#easy-access form{
	margin-left: 10px;
}

#easy-access #q {
	font-size: 1em;
	height: 18px;
	width: 150px;
	vertical-align: middle;
}

#easy-access #search-s {
	vertical-align: middle;
	margin-left: -4px;
	height: 22px;
}

input{
	border-width: 1px;
	border-color: #ccc;
}

input[type]{
	background: #fff;
}

input[type=submit]{
	background: #ddd;
	border: 1px solid #ddd;
	color: #000;
	height: 21px;
	width: 38px;
}

input[type=submit]:hover {
	background: #fa7d21;
	border: none;
	color: #fff;
	cursor: pointer;
}

/***********************resultats (score) de la recherche*********************/

.score{
	font-size: 90%;
	color: #fa7d21;
	margin-top: -10px;
	text-align: right;
	border-top: 1px dotted #fa7d21;
	padding: 2px 4px;
}

/* ====================================================== FIL D'ARIANE ========================================================= */

ol.tree, #lieu_ariane{
	font-size: 0.85em;
	position: absolute;
	top: -39px;
}

ol.tree{
	color: #6887A4;
	margin: 0; 
	padding: 0;
	left: 290px; 
}

#lieu_ariane{
	color: #fff;
	left: 220px; 
}

ol.tree a{
	text-decoration: underline;
	color:#fff;
}

ol.tree a:hover{
	text-decoration: none;
}

ol.tree li{
	display: inline;
	padding-right: 0.7em;
	padding-left: 0;
}

ol.tree li:before{
	content: ' \00bb  ';  /*rajout de la puce dans le fil d'Ariane --> before mal interprété par IE*/
	color: #fa7d21;
}

/* ========================================================= CONTENU ============================================================ */

body.category #content h2{
	background-position: 0% 40%;
	font-size: 1.6em;
}

body.category #content h2.restitle, body.news #content h2.restitle{
	color: #f06;
	font-size: 1.4em;
	padding-bottom: 4px;
}

body.category #content h2 a{
	color: #000;
}

body.category #content h2 a:hover{
	color: #999;
	text-decoration: none;
}

#menuleft_bas h2{
	font-size: 120%;
	background: transparent url("img/h2-left.png") 100% 100% no-repeat;
}

#menuleft_bas h3{
	font-size: 100%;
	background: transparent url("img/h3-left.png") 100% 100% no-repeat;
}

#menuleft_bas ul, #menuright ul{
	margin: 0px;
}

#content h2 a{
	color: #000;
}

#content a:hover{
	text-decoration: underline;
}

/****** police + et - **************************************/
	
#ajustement_txt{
	position: absolute;
	right: 0;
	z-index: 1;
}

#ajustement_txt img{
	border: 1px solid #ccc;
	margin-top: 15px;
	padding: 5px;
}

/****** texte global **************************************/

p.contenu_texte{
	text-align: justify;
}

/***** encadres des titres (spécifiques aux articles) --> h2 est enlevé dans category_category.php et rajouté dans le manager *****/

h2.encadre_accueil, h2.encadre_articles, h2.encadre_chap1, h2.encadre_chap2, h2.encadre_chap3, h2.encadre_chap4, h2.encadre_chap5, h2.encadre_chap6, h2.encadre_chap7, h2.encadre_chap8{
	margin: 0;
	padding: 5px;
	color: #fff;
	border: 1px solid #ddd;
}

h2.encadre_articles, h2.encadre_accueil, h2.encadre_sitemap{
	background-color: #eee;
	color: #036;
}
/*Voir aussi la section MENU EN HAUT A GAUCHE*/

/******titres des chapitres des 40 propositions*****************/

span.num_chapitre1, span.num_chapitre2, span.num_chapitre3, span.num_chapitre4, span.num_chapitre5, span.num_chapitre6, span.num_chapitre7, span.num_chapitre8{
	float: left;
	margin: -10px 10px 0 0;
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-size: 2em;
	letter-spacing: -4px;
}

span.num_chapitre1, p.titre_chapitre1{
	color: #ea7398;
}

span.num_chapitre2, p.titre_chapitre2{
	color: #009355;
}

span.num_chapitre3, p.titre_chapitre3{
	color: #009392;
}

span.num_chapitre4, p.titre_chapitre4{
	color: #7088b2;
}

span.num_chapitre5, p.titre_chapitre5{
	color: #60977c;
}

span.num_chapitre6, p.titre_chapitre6{
	color: #9a7aa4;
}

span.num_chapitre7, p.titre_chapitre7{
	color: #00879b;
}

span.num_chapitre8, p.titre_chapitre8{
	color: #067eb4;
}

p.titre_chapitre1, p.titre_chapitre2, p.titre_chapitre3, p.titre_chapitre4, p.titre_chapitre5, p.titre_chapitre6, p.titre_chapitre7, p.titre_chapitre8{
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.7em;
}

/******citations*********************************************************/

div.contenu_citations{
	width: 68%;
	padding-top: 10px;
}

p.citations{
	text-align: justify;
	font-style: italic;
	color: #008875;
}

p#citation3_chap4 /*mise en forme spécifique à la citation 3 du chapitre 4*/{
	padding-left: 55px;
	text-align: justify;
	font-style: italic;
	color: #008875;
}

div.guillemet_gauche, div.guillemet_droit{
	background-repeat: no-repeat;
	height: 44px;
	width: 49px;
}

div.guillemet_gauche{
	background-image: url("img/guillemet_g.png");
	float: left;
	margin: -19px 5px 0 0; 
}

div.guillemet_droit{
	background-image: url("img/guillemet_d.png");
	float: right;
	margin: -45px -55px 0 0; 
}

/******images des 40 propositions******************************************/

#content img#couverture{
	background-repeat: no-repeat;
	float: right;
	margin: 0 0 30px 20px;
}

#content img{
	background-repeat: no-repeat;
	float: right;
	margin: -5px 0 0 17px;
}

/******liens en-bas du contenu********************************************/

ul.extra{
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
}

ul.extra li{
	color: #6887a4;
	display: inline;
	list-style-type: none;
	padding-right: 1em;
	padding-left: 0px;
}

.navigation_g, .navigation_d{
	font-size: 0.9em;
	color: #6887a4;
	padding-right: 0px;
}

.navigation_d{
	padding-right: 18px;
	background: transparent url("img/haut_page_2.png") 100% 40% no-repeat; /*icone*/
}

.feeds, .sitemap, .contact{
	font-size: 0.9em;
	padding-left: 18px;
	color: #ccc;
}

/*.feeds{
	background: transparent url("img/feeds.png") 4% 40% no-repeat;
}*/

.sitemap {
	background: transparent url("img/sitemap.png") 0% 40% no-repeat;
	margin-left: 40px;
}

.contact {
	background: transparent url("img/contact.png") 0% 40% no-repeat;
}

a.navigation_g:hover, a.navigation_d:hover, a.sitemap:hover, a.contact:hover{
	color: #333;
	text-decoration: underline;
}

/* ==================================================== MENU EN HAUT A GAUCHE ===================================================*/

#menuleft_haut{
	margin-top: 20px;
}

#menuleft_haut .niveau1{
	margin-left: 9px; /*10-1 à cause du border*/
	padding-left: 0;
}

#menuleft_haut .rubrique1, #menuleft_haut .rubrique2, #menuleft_haut .rubrique3, #menuleft_haut .rubrique4, #menuleft_haut .rubrique5, #menuleft_haut .rubrique6, #menuleft_haut .rubrique7, #menuleft_haut .rubrique8{
	margin-bottom: 5px;
	font-size: 1.1em;
	line-height: 2em; /*Pour centrer verticalement le contenu textuel dans le menu il faut utiliser la propriété line-height et lui spécifier une valeur égale à celle de la hauteur du menu*/
	background-color: #fff;
	border: 1px solid #ddd;
}

#menuleft_haut .rubrique1{
	background-image: url("img/menu_gauche/bp01.png");
}

#menuleft_haut .rubrique1:hover, #menuleft_haut ul.niveau2_1 li:hover, h2.encadre_chap1{
	background-color: #ea7398;
	color: #fff;
}

#menuleft_haut .rubrique2{
	background-image: url("img/menu_gauche/bp02.png");
}

#menuleft_haut .rubrique2:hover, #menuleft_haut ul.niveau2_2 li:hover, h2.encadre_chap2{
	background-color: #009355;
	color: #fff;
}

#menuleft_haut .rubrique3{
	background-image:url("img/menu_gauche/bp03.png"); /*gris #696a69*/
}

#menuleft_haut .rubrique3:hover, #menuleft_haut ul.niveau2_3 li:hover, h2.encadre_chap3{
	background-color: #009392;
	color: #fff;
}

#menuleft_haut .rubrique4{
	background-image:url("img/menu_gauche/bp04.png"); /*gris #6f6f6f*/
}

#menuleft_haut .rubrique4:hover, #menuleft_haut ul.niveau2_4 li:hover, h2.encadre_chap4{
	background-color: #7088b2;
	color: #fff;
}

#menuleft_haut .rubrique5{
	background-image:url("img/menu_gauche/bp05.png"); /*gris #737373*/
}

#menuleft_haut .rubrique5:hover, #menuleft_haut ul.niveau2_5 li:hover, h2.encadre_chap5{
	background-color: #60977c;
	color: #fff;
}

#menuleft_haut .rubrique6{
	background-image:url("img/menu_gauche/bp06.png"); /*gris #787878*/
}

#menuleft_haut .rubrique6:hover, #menuleft_haut ul.niveau2_6 li:hover, h2.encadre_chap6{
	background-color: #9a7aa4;
	color: #fff;
}

#menuleft_haut .rubrique7{
	background-image:url("img/menu_gauche/bp07.png"); /*gris #7d7d7d*/
}

#menuleft_haut .rubrique7:hover, #menuleft_haut ul.niveau2_7 li:hover, h2.encadre_chap7{
	background-color: #00879b;
	color: #fff;
}

#menuleft_haut .rubrique8{
	background-image:url("img/menu_gauche/bp08.png"); /*gris #818182*/
}

#menuleft_haut .rubrique8:hover, #menuleft_haut ul.niveau2_8 li:hover, h2.encadre_chap8{
	background-color: #067eb4;
	color: #fff;
}

#menuleft_haut span /*texte des rubriques*/{
	cursor: default;
	font-weight: bold;
	margin-left: 10px;
}

#menuleft_haut ul ul {
	display: none; 
	position: absolute; 
	left: 190px; /*espacement entre les différents niveaux du menu*/
	top: 0; 
	margin: 0; 
	padding: 0;
	z-index: 2; /*au dessus par rapport à #ajustement_txt img
	/*border: 1px solid #B0B0B0;*/
}
	
#menuleft_haut li {
	list-style-type: none; 
	position: relative; 
	width: 185px;
	height: 2em; /*hauteur du menu*/
	background-color: #5f5f5f; /*fond du menu*/
	padding: 2px; 
	margin: 0;
}

#menuleft_haut a{
	color: #fff;
	display:block; /*le lien prend toute la taille du conteneur*/
}

/*#menuleft_haut  a:hover{
	color: #5f5f5f;
}*/

/******************taille du niveau 3 variable*****************/

#menuleft_haut ul.niveau3_1 li{
	width: 340px;
	font-size: 0.9em;
	line-height: 2em;
}

#menuleft_haut ul.niveau3_2 li{
	width: 320px;
	font-size: 0.9em;
	line-height: 2em;
}

#menuleft_haut ul.niveau3_3 li{
	width: 378px;
	font-size: 0.9em;
	line-height: 2em;
}

#menuleft_haut ul.niveau3_4 li{
	width: 315px;
	font-size: 0.9em;
	line-height: 2em;
}

#menuleft_haut ul.niveau3_5 li{
	width: 255px;
	font-size: 0.9em;
	line-height: 2em;
}

#menuleft_haut ul.niveau3_6 li{
	width: 378px;
	font-size: 0.9em;
	line-height: 2em;
}

#menuleft_haut ul.niveau3_7 li{
	width: 305px;
	font-size: 0.9em;
	line-height: 2em;
}

#menuleft_haut ul.niveau3_8 li{
	width: 285px;
	font-size: 0.9em;
	line-height: 2em;
}

/*******************************************************/

#menuleft_haut li:hover ul.niveau2_1, #menuleft_haut li:hover ul.niveau2_2, #menuleft_haut li:hover ul.niveau2_3, #menuleft_haut li:hover ul.niveau2_4, #menuleft_haut li:hover ul.niveau2_5, #menuleft_haut li:hover ul.niveau2_6, #menuleft_haut li:hover ul.niveau2_7, #menuleft_haut li:hover ul.niveau2_8, #menuleft_haut li li:hover ul.niveau3_1, #menuleft_haut li li:hover ul.niveau3_2, #menuleft_haut li li:hover ul.niveau3_3, #menuleft_haut li li:hover ul.niveau3_4, #menuleft_haut li li:hover ul.niveau3_5, #menuleft_haut li li:hover ul.niveau3_6, #menuleft_haut li li:hover ul.niveau3_7, #menuleft_haut li li:hover ul.niveau3_8, #menuleft_haut li.sfhover ul.niveau2, #menuleft_haut li li.sfhover ul.niveau3_1, #menuleft_haut li li.sfhover ul.niveau3_2, #menuleft_haut li li.sfhover ul.niveau3_3, #menuleft_haut li li.sfhover ul.niveau3_4, #menuleft_haut li li.sfhover ul.niveau3_5, #menuleft_haut li li.sfhover ul.niveau3_6, #menuleft_haut li li.sfhover ul.niveau3_7, #menuleft_haut li li.sfhover ul.niveau3_8 {
	display: block;
}
		
#menuleft_haut li.plus { /*fleche*/
	background-position: right; 
	background-image: url("img/fleche_menu.gif");
	background-repeat: no-repeat;
	border-bottom: 1px solid #b0b0b0;
}

/* ======================================================= MENU EN BAS A GAUCHE ======================================================== */

#menuleft_bas{
	margin-right: 74%;
	text-align: right;
}

/* ======================================================= SCROLL TEXTE A DROITE ======================================================= */

#menuright h2{
	background: transparent url("img/h2-right.png") 0% 100% no-repeat;
	font-size: 120%;
}

#menuright ul a, #menuleft_bas ul a{
	text-decoration: none;
}

#menuright ul a:hover, #menuleft_bas ul a:hover{
	text-decoration: none;
	color: #000;
}

#menuright img{
	border: none;
	margin: 30px 0 0 30px;
}

#texte_defilant{
	margin-top: 70px;
	padding-left: 10px;
}

#lien_scroller{
	color: #fa7d21;
	text-decoration: none;
}

#lien_scroller:hover{
	text-decoration: underline;
}

span.txt1{
	font-size: 150%;
	color: #515150;
}

span.txt2{
	font-size: 140%;
	color: #515150;
}

/* ======================================================= FOOTER ========================================================= */

#footer{
	background: url(img/bg_footer.gif) repeat-x scroll left top;
	clear: both;
	text-align: center;
	margin-bottom: 0;
	border: none;
	height: 44px;
}

#liens_footer{
	color: #fff;
	float: left;
	margin-left: 30px;
}

#liens_footer a{
	color: #fff;
	font-weight: bold;
	line-height: 44px;
}

#liens_footer a:hover{
	text-decoration: underline;
	color: #fa7d21;
}

#logo_footer{
	float: right;
	margin-right: 30px;
}

#logo_footer img{
	border: none;
	padding: 0;
	vertical-align: bottom;
}

#hr_footer{
	margin: 0 auto;
	width: 550px; 
}

/******validateurs*********************************/

#validator{
	text-align: center;
	margin: auto;
	padding: 15px 0;
	width: 962px;
}

#validator img{
	border: 0;
}

/*********************************************/

/*p.modified{ 
	color: #666;
	font-size: .8em;
	padding: 4px 0 0 13px;
	margin: -2em 1em -0.5em 0;
	background: url("img/p-modified.png") 0% 80% no-repeat;
}

modified a{
	text-decoration: none;
}

p.modified a:hover{
	color: #1771A0;
	text-decoration: underline;
}*/

.resources-number, .comment-closed{
	color: #999;
	font-style: italic;
}

/*.resource{
	float: left;
}*/

.resource p{ 
	margin-bottom: 20px;
}

/*#art-description {}*/


.style_liste {
	margin: 10px;
	padding: 0px;
	list-style-image: url("img/fleche_liste.gif");
	list-style-position: inside;
}

#content .art-page-title {
	/*width: 88%;*/
	margin: 0 0 10px 0; /*marge de 10px entre les titres h2 des articles et hr*/
}

#art-title {
	margin: 10px 0 -10px 0;
	font-size: 2.2em;
	color: #000;
	font-variant: small-caps;
	font-weight: 100;
}

#art-pages-list{
	padding: 3px;
	border: 1px solid #ddd;
}

#art-pages-list h3{
	font-size: 100%;
	text-decoration: underline;
	color: #333;
	padding-left: 25px;
}

#art-pages-list li.current a  /*liste des pages des articles*/{
	text-decoration: none;
	color: #fa7d21;
}

.liste_s-titre{
	list-style-image: url("img/fleche_liste_s-titre.gif");
	list-style-position: inside;
	padding: 0;
}

div.col-content{
	padding: 1em 10px;
}

div.col-content h2, div.col-content h3{
	padding-bottom: 0px;
	margin-bottom: 0.2em;
}

div.col-content li{
	display: block;
	list-style: none;
}

div.col-content ol li{
	list-style-type: decimal;
	margin-left: 1.2em;
}

div.col-content a{
	text-decoration: underline;
}

div.col-content ul, div.col-content ol{
	margin-top: 0;
	margin-left: 7px;
	padding-left: 0;
	margin-right: 10px;
	padding-right: 0;
}







img.px-left { 
	margin:3px 12px 10px 0;
	float: left;
	display:block;
}

img.px-center{ 
	margin:8px auto 8px auto;
	display: block;
}

img.px-right{ 
	margin:3px 0 10px 12px;
	float: right;
	display:block;
}

.associated-link{
	text-align: right;
}

/* ================================================== PLAN DU SITE ===================================================== */

#sitemap{
	margin-bottom: 50px; 
}

#sitemap h2.encadre_sitemap{
	border: 1px solid #ddd;
	margin: 0 0 50px 0;
	padding: 5px;
}

#sitemap h3{
	font-size: 120%;
	border-bottom: 1px solid #EDEDED;
	background-color: #F9F9F9;
	padding: 0px 4px;
}

#sitemap h3 a, #sitemap li.subcatlism a{
	color: #363636;
}

#sitemap li{
	font-size: .9em;
	color: #363636;
}

#sitemap li.nodeco{
	list-style-type: none;
}

#sitemap li.nodeco a{
	color: #98C6E6;
}

#sitemap li.nodeco li{
	list-style-type: circle;
	color: #98C6E6;
}

#sitemap li.subcatlism{
	color: #fa7d21;
}

#sitemap li.subcatlism p{
	padding: 10px 0 0 0;
}

#sitemap p{
	color: #666;
	font-size: 90%;
	font-style: italic;
	margin-top: -10px;
}

/* ======================================================= ERREUR 404 ========================================================= */

#content_404{
	background-color: #333;
	border: 1px solid #fff;
	margin: 50px auto;
	width: 800px;
}

#content_404 p{
	color: #fff;
	padding-left: 90px;
}

.err404{
	color: #fff;
	padding: 20px 0 0 90px;
	background: url("img/err404.png") 4% 90% no-repeat;
	font-weight: 100;
	font-size: 2.5em;
}