/* 
////////////////////////////////////////////////////////
////////////////////////////////////////////////////////
////////////////////////////////////////////////////////
///     MISE A NIVEAU DES STYLES                     ///
////////////////////////////////////////////////////////
////////////////////////////////////////////////////////
//////////////////////////////////////////////////////// */


#nouvelles h2, #nouvelles h3, #nouvelles h4, #nouvelles h5, #nouvelles h6, 
#nouvelles p, #nouvelles ol, #nouvelles ul, #nouvelles li, 
#nouvelles fieldset, #nouvelles form, #nouvelles label, #nouvelles legend {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
#nouvelles ul, #nouvelles ol,
#nouvelles ul li, #nouvelles ol li {
	list-style: none;
}



/* 
////////////////////////////////////////////////////////
////////////////////////////////////////////////////////
////////////////////////////////////////////////////////
///     MISE EN PAGE (LAYOUT)                        ///
////////////////////////////////////////////////////////
////////////////////////////////////////////////////////
//////////////////////////////////////////////////////// */

/* -----------------------------------------------------
   -----------------------------------------------------
       GESTION DES NOUVELLES 
   -----------------------------------------------------
   ----------------------------------------------------- */

/* Feedback (messages d'erreur, etc. ) */
#nouvelles.gestion #feedback { 
	margin: 2em 0;
	padding: 8px 8px 8px 30px;
}

#nouvelles.gestion h2 {	
	margin: 1em 0 0.5em 0;
	padding: 0; 
}
#nouvelles.gestion h2 #quitter { margin-left: 0.5em; }
#nouvelles.gestion p.retour { margin-top: 3em; }
#nouvelles.gestion form ol, #nouvelles.gestion form ul { margin-top: 1em; } 
#nouvelles.gestion form li {
	clear: both;
	margin: 0 0 1em 0;
	padding: 0;
}
#nouvelles.gestion fieldset { 
	margin-top: 3em;
	padding: 0.5em 0;
}
#nouvelles.gestion fieldset.submit { 
	margin-top: -0.5em; 
	padding: 0;
}
#nouvelles.gestion label { 
	display: block;
	width: auto;
}
#nouvelles.gestion input.text, #nouvelles.gestion input.password, #nouvelles.gestion textarea, #nouvelles.gestion select { width: 450px; }
#nouvelles.gestion input.checkbox { margin-right: 5px; }
#nouvelles.gestion input.file { width: 450px; }

/* Ordonner les nouvelles */
#nouvelles ol#ordonner_nouvelles { margin-top: 3em; }
#nouvelles form#form_ordonner_nouvelles li, #nouvelles ol#ordonner_nouvelles li { 
	margin-bottom: 0.5em; 
	margin-left: 1.8em;
}
	
/* Ordonner les rubriques */
#nouvelles #ordonner_rubriques { margin-top: 0.5em; }
#nouvelles #ordonner_rubriques li { 
	margin-bottom: 0.5em;
	margin-left: 1.8em;
}
	
/* Modifier les rubriques */
#nouvelles #form_modifier_rubriques li { margin-left: 1.8em; }
#nouvelles #form_modifier_rubriques input.text, #nouvelles #form_modifier_rubriques select { 
	margin-right: 10px;
	width: auto; 
}

/* Modifier les nouvelles */
#nouvelles li.supprimer label { display: inline; }
#nouvelles li#image ul li img { vertical-align: top; } 
#nouvelles #form_ajouter_nouvelle li#docs ul { margin-top: 1em; } 


/* -----------------------------------------------------
   -----------------------------------------------------
       STYLES COMMUNS POUR : 
	     1) RUBRIQUE D'ACCUEIL (nouvelles_accueil.php)
         2) ARCHIVES DES NOUVELLES (nouvelles_archives.php)
   -----------------------------------------------------
   ----------------------------------------------------- */
#nouvelles .floater { 
	float: right;
	margin: 0;
	margin-top: -2.2em;
	padding: 0;
	position: relative;
	width: 36px;
}
#nouvelles .floater li {
	float: left;
	margin: 0;
	padding: 0;	
	padding-top: 2px;
	width: 16px;
}
#nouvelles .floater li a {
	float: left;
	height: 16px;
	margin-left: 2px;
	overflow: hidden;
	width: 16px;
}
#nouvelles h3 {	margin-top: 2em; }
#nouvelles h4 {	margin-top: 1em; }
#nouvelles ul.liens li { padding: 3px 0 3px 20px; }
/* liste avec vignettes */
#nouvelles .vignette {
	margin: 0;
	padding: 0;
}


/* -----------------------------------------------------
   -----------------------------------------------------
       RUBRIQUE D'ACCUEIL (nouvelles_accueil.php)
   -----------------------------------------------------
   ----------------------------------------------------- */
#nouvelles.la_une {
	float: left;
	padding-bottom: 100px;
	width: 306px;
}
#nouvelles.la_une .gouttiere {	padding: 0.5em 10px 1.5em 10px; }
#nouvelles.la_une h2 { padding: 10px; }
#nouvelles li.archives { margin-top: 2em;}
#nouvelles .items li p, #nouvelles .items ul.liens { margin-top: 0.5em; }
#nouvelles .vignette p.img {
	float: right;
	margin: 0 0 5px 5px;
	padding: 0;
}




/* -----------------------------------------------------
   -----------------------------------------------------
	   ARCHIVES DES NOUVELLES (nouvelles_archives.php)
   -----------------------------------------------------
   ----------------------------------------------------- */
#nouvelles.archives h2 { 
	margin: 1em 0 0.5em 0;
	padding: 0; 
}
#nouvelles.archives .floater { margin-top: -1.8em; }
#nouvelles p.retour { margin-top: 3em; }
#nouvelles.archives .vignette { width: 936px; }
#nouvelles.archives .vignette p.img {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	width: 100px;
}
#nouvelles.archives .items p, #nouvelles.archives ul.liens { margin-top: 1em; }
#nouvelles.archives .vignette p, #nouvelles.archives .vignette ul.liens { margin-left: 110px;}




/* 
////////////////////////////////////////////////////////
////////////////////////////////////////////////////////
////////////////////////////////////////////////////////
///		TYPOGRAPHIE                                  ///
////////////////////////////////////////////////////////
////////////////////////////////////////////////////////
//////////////////////////////////////////////////////// */


/* -----------------------------------------------------
   -----------------------------------------------------
		GESTION DES NOUVELLES
   -----------------------------------------------------
   ----------------------------------------------------- */

/* Feedback (messages d'erreur, etc. ) */
#nouvelles.gestion #feedback {
	border-top: 1px solid;
	border-left: none;
	border-bottom: 1px solid;
	border-right: none;
	font-weight: bold;
}
#nouvelles.gestion #feedback.erreur {
	background: #F0B4B4 url(../images/icone_erreur.gif) no-repeat 8px 0.6em;
	border-top-color: #c00;
	border-bottom-color: #c00;
	color: #c00;
}
#nouvelles.gestion #feedback.succes {
	background: #C3E7CE url(../images/icone_succes.gif) no-repeat 8px 0.6em;
	border-top-color: #093;
	border-bottom-color: #093;
	color: #093;
}

#nouvelles.gestion h2 {
	border-bottom: 1px solid #A3B2BE;
	color: #ff5412;
	font-size: 1.6em;
	font-weight: bold;
	margin: 1em 0 0.5em 0;
	padding: 0;
}
#nouvelles.gestion h2 #quitter { font-weight: normal; }
#nouvelles.gestion form ul, #nouvelles.gestion form ol { list-style: none; }
#nouvelles.gestion legend {
	font-size: 125%;
	font-weight: bold;
}

/* Ordonner les nouvelles */
#nouvelles #form_ordonner_nouvelles li, #nouvelles ol#ordonner_nouvelles li { list-style: decimal; }

/* Modifier les nouvelles */
#nouvelles li#docs h3 { 
	font-size: 110%;
	font-weight: bold;
}
#nouvelles li#docs ul { list-style: none; }
	
/* Ordonner les rubriques */
#nouvelles #ordonner_rubriques li { list-style: decimal; }
	
/* Modifier les rubriques */
#nouvelles #form_modifier_rubriques li { 
	font-size: 90%;
	list-style: decimal;
}


/* -----------------------------------------------------
   -----------------------------------------------------
       STYLES COMMUNS POUR :
         1) RUBRIQUE D'ACCUEIL (nouvelles_accueil.php)
         2) ARCHIVES DES NOUVELLES (nouvelles_archives.php)
   -----------------------------------------------------
   ----------------------------------------------------- */
#nouvelles .floater { list-style: none; }
#nouvelles .floater li a { text-indent: -20000px; }
#nouvelles .floater li a.rss_feed { background: url(../images/rss_16.png) no-repeat 0 0; }
#nouvelles .floater li a.rss_info { background: url(../images/rss_info_16.png) no-repeat 0 0; }
#nouvelles ul.liens li { background: url(../images/icone_lien.gif) no-repeat 0 0; }
#nouvelles ul.liens li.doc { background: url(../images/icone_doc.gif) no-repeat 0 0; }



/* -----------------------------------------------------
   -----------------------------------------------------
       RUBRIQUE D'ACCUEIL (nouvelles_accueil.php) 
   -----------------------------------------------------
   ----------------------------------------------------- */
#nouvelles.la_une {
	background: #B5CEE3 url(../images/bg_contenu_secondaire.png) repeat-x 0 100%;
	line-height: 1.2em;
}
#nouvelles.la_une h2 { 
	background-color: #294B68; 
	color: #fff;
	font-size: 120%;
	font-weight: bold;
}
#nouvelles.la_une h3 {
	border-bottom: 1px solid #A3B2BE;
	color: #294B68;
	font-size: 120%;
	font-weight: bold;
}
#nouvelles.la_une h4 {	
	color: #000;
	font-size: 100%; 
	font-weight: bold;
}
#nouvelles.la_une p { font-size: 100%; }
#nouvelles.la_une p.archives { text-align: right; }
#nouvelles.la_une ul.liens { font-size: 100%; }
#nouvelles.la_une a:link, #nouvelles.la_une a:visited {
	color: #0164a7;
	text-decoration: underline;
}
#nouvelles.la_une a:hover {
	color: #000;
	text-decoration: underline;
}
#nouvelles.la_une a:active {
	color: #0164a7;
	text-decoration: underline;
}
 

/* -----------------------------------------------------
   -----------------------------------------------------
		ARCHIVES DES NOUVELLES (nouvelles_archives.php)
   -----------------------------------------------------
   ----------------------------------------------------- */
#nouvelles.archives h2 {
	border-bottom: 1px solid #A3B2BE;
	color: #ff5412;
	font-size: 1.6em;
	font-weight: bold;
	margin: 1em 0 0.5em 0;
}
#nouvelles.archives h3 {
	background: none;
	border: none;
	font-size: 125%;
	font-weight: bold;
}
#nouvelles.archives .floater { margin-top: -3em; }
#nouvelles .date_ajout { 
	color: #666;
	font-size: 90%; 
}