/* -----------------------------------------------------
   -----------------------------------------------------
       MISE À NIVEAU DES STYLES 
   -----------------------------------------------------
   ----------------------------------------------------- */

@import('reset.css');



/* -----------------------------------------------------
   -----------------------------------------------------
       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;
	margin: 2em 0;
	padding: 8px 8px 8px 30px;
	}
#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 {	
	background-color: #EFEAB7;
	border-bottom: 1px solid #CBC7A2;
	border-right: 1px solid #CBC7A2;
	font-size: 125%;
	font-weight: bold;
	margin: 1em 0 0.5em 0;
	padding: 5px; 
	}
#nouvelles_gestion p.retour { 
	margin-top: 3em; 
	}
#nouvelles_gestion form ol, 
#nouvelles_gestion form ul { 
	list-style: none;
	margin-top: 1em; 
	} 
#nouvelles_gestion form li {
	clear: both;
	margin: 0 0 1em 0;
	padding: 0;
	}
#nouvelles_gestion fieldset { 
	border: none;
	border-top: 1px solid #000;
	margin-top: 3em;
	padding: 0.5em;
	}
#nouvelles_gestion fieldset.submit { 
	border: none;
	margin-top: -0.5em; 
	padding: 0;
	}
#nouvelles_gestion legend {
	font-size: 125%;
	font-weight: bold;
	padding: 0 0.5em;
	}
#nouvelles_gestion label { 
	display: block;
	margin: 1em 0 0.2em 0;
	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 { 
	list-style: decimal;
	margin-bottom: 0.5em; 
	margin-left: 1.8em;
	}
	
/* Ordonner les rubriques */
form#NouvellesRubriqueEditForm ol li {
	margin: 0 0 3em 0;
	}
	
/* Modifier les rubriques */
#nouvelles #form_modifier_rubriques li { 
	font-size: 90%;
	list-style: decimal;
	margin-left: 1.8em; 
	}
#nouvelles #form_modifier_rubriques input.text, 
#nouvelles #form_modifier_rubriques select { 
	margin-right: 10px;
	width: auto; 
	}

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


/* -----------------------------------------------------
   -----------------------------------------------------
       STYLES COMMUNS POUR : 
	     1) RUBRIQUE D'ACCUEIL
         2) ARCHIVES DES NOUVELLES
   -----------------------------------------------------
   ----------------------------------------------------- */
ul.floater { 
	float: right;
	list-style: none;
	margin: 0;
	margin-top: -2.2em;
	padding: 0;
	position: relative;
	width: 36px;
	}
ul.floater li {
	float: left;
	margin: 0;
	padding: 0;	
	padding-top: 2px;
	width: 16px;
	}
ul.floater li a {
	float: left;
	height: 16px;
	margin-left: 2px;
	overflow: hidden;
	text-indent: -20000px;
	width: 16px;
	}
ul.floater li a.rss_feed { 
	background: url(../images/rss_16.png) no-repeat 0 0; 
	}
ul.floater li a.rss_info { 
	background: url(../images/rss_info_16.png) no-repeat 0 0; 
	}
ul.liens li { 
	padding: 3px 0 3px 20px; 
	}
ul.liens li { 
	background: url(../images/icone_lien.gif) no-repeat 0 0.2em; 
	}
ul.liens li.doc { 
	background: url(../images/icone_doc.gif) no-repeat 0 0.2em; 
	}


/* -----------------------------------------------------
   -----------------------------------------------------
       RUBRIQUE D'ACCUEIL
   -----------------------------------------------------
   ----------------------------------------------------- */
#nouvelles.accueil {
	float: left;
	margin: 0;
	padding: 0;
	width: 226px;
	}
#nouvelles.accueil .gutter {
	padding: 0 10px; 
	}
#nouvelles.accueil h2 { 
	background: #D9C143;
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 0.5em 0;
	padding: 10px; 
	}
#nouvelles.accueil h3 {
	border-bottom: 1px solid #6B612E;
	color: #6B612E;
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 0.5em 0;
	}
#nouvelles.accueil h4 {	
	font-size: 100%; 
	font-weight: bold;
	margin: 0 0 0.5em 0;
	}
#nouvelles.accueil p { 
	font-size: 90%; 
	line-height: 1.2em;
	margin: 0 0 0.5em 0;
	}
#nouvelles.accueil p.acces_portfolio {
	margin: 1.5em;
	text-align: center;
	}
#nouvelles.accueil ul.items { 
	font-size: 90%; 
	list-style: none;
	margin: 0 0 2em 0;
	}
#nouvelles.accueil ul.items li {
	margin: 0;
	}
#nouvelles.accueil ul.items li ul { 
	list-style: square;
	}
#nouvelles.accueil ul.items li ul li { 
	font-size: 90%;
	margin-left: 2em;
	}
#nouvelles li.archives { 
	font-size: 90%;
	margin: 0 0 0.5em 0;
	text-align: right;
	}
	/* Accès au portfolio */
a.btn {
	border: 1px solid #00e;
	color: #fff;
	padding: 5px;
	text-decoration: none;
	}
a.btn:link, 
a.btn:visited {
	background: #00e url(../images/bg_bouton.png) no-repeat 0 50%;
	}
a.btn:hover {
	background-color: #8080F7;
	background-image: none;
	border-color: #8080F7;
	}
a.btn:active {
	background: #646464 url(../images/bg_bouton.png) no-repeat 0 50%;
	}



/* -----------------------------------------------------
   -----------------------------------------------------
	   ARCHIVES DES NOUVELLES 
   -----------------------------------------------------
   ----------------------------------------------------- */
#archives h2 { 
	background-color: #EFEAB7;
	border-bottom: 1px solid #CBC7A2;
	border-right: 1px solid #CBC7A2;
	font-size: 125%;
	font-weight: bold;
	margin: 1em 0 3em 0;
	padding: 5px; 
	}
#archives h3 {
	background: none;
	border: none;
	font-size: 125%;
	font-weight: bold;
	margin: 0; 
	}
#archives h4 {	
	margin-top: 1em; 
	}
#archives .floater { 
	margin-top: -5.5em; 
	}
#archives p.retour { 
	margin-top: 3em; 
	}
#archives .vignette { 
	margin: 0;
	padding: 0;
	width: 936px; 
	}
#archives .vignette p.img {
	float: left;
	margin: 1em 10px 10px 0;
	padding: 0;
	width: 100px;
	}
#archives ul.items {
	list-style: none;
	}
#archives ul.items li {
	margin: 0 0 3em 0;
	}
#archives ul.items li ul li {
	margin: 0 0 0.5em 3em;
	}
#archives .items p, 
#archives ul.liens { 
	margin-top: 1em; 
	}
/* liste avec vignettes */
#archives .vignette p, 
#archives .vignette ul.liens { 
	margin-left: 110px;
	}
#archives .date_ajout { 
	color: #666;
	font-size: 90%; 
	}




/* -----------------------------------------------------
   -----------------------------------------------------
   		CLEARING FLOATS
   -----------------------------------------------------
   ----------------------------------------------------- */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}