/*
FEUILLE DE STYLE PRINCIPALE

RAPPEL DES CODES COULEURS
rubrique1. base
rubrique2. ressources
rubrique3. musees
rubrique4. espaces
rubrique5. annonces
*/

	
/* TOUT */
* {margin: 0; padding: 0; list-style: none; }


/* CORPS DE PAGE */
body
	{
	background-color:#cccccc;
	font-family:"Myriad Roman", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
}
	
#conteneur {
	margin: 0 auto;
	width:925px; 
	text-align:left;
	background: #FFFFFF url(../charte/bg-page-base.png) repeat-y 0 0;
}

.nettoyeur {
	text-transform: none;
}	
	
/* LIENS */
a {color:#0131B4; text-decoration: none;}
a:link {color:#a10505; text-decoration: none;}
a:visited {color:#660000;}
a:hover {color:#990000; text-decoration: underline;}
a:active {color:#cc0000;}

/* TITRES */ 
h2  {font-size: 14px;}
h2_30 {font-size: 14px; font-weight: bold; padding: 0 0 3px 20px; background: transparent url(../charte/bg-li-a-base.gif) no-repeat 0 3px;
	zoom: 1; display: block}

h1, #actualites h2, #ressources_accueil h2, #breves h2, #ressources h2, #actualites_accueil h2 {
	padding: 10px 10px 18px 27px;
	font-size: 17px;
	font-weight: bold;
	color: white;
}
#actualites h2 span, #ressources_accueil h2 span, #breves h2 span, #ressources h2 span, #actualites_accueil h2 span {
	padding: 10px 36px 24px 0;
}

#breves h2 {
	background: transparent url(../charte/bg-h2-base.gif) no-repeat top left;
	margin-top: 10px;
}
#breves h2 span {
	background: transparent url(../charte/bg-h1-2-base.gif) no-repeat top right;
}
h1 span {
	display: block;
	padding: 10px 36px 10px 20px;
	line-height: 26px;
	background: transparent url(../charte/bg-h1-span-base.gif) no-repeat bottom left;
}
h1 span span {
	background: none;
	display: inline;
	padding: 0;
}
h1 {
	padding: 0;
	position: relative;
	left: -20px;
	margin: 10px -20px 5px 0;
	background: transparent url(../charte/bg-h1-base.gif) no-repeat 0 0;
}

#ressources h2 {
	background: transparent url(../charte/bg-h2-ressources.gif) no-repeat top left;
	margin-top: 10px;
}
#actualites_accueil h2 {
	background: transparent url(../charte/bg-h2-actus.gif) no-repeat top left;
	margin-top: 10px;
}
#ressources h2 span {
	background: transparent url(../charte/bg-h1-2-ressources.gif) no-repeat top right;
}
#actualites_accueil h2 span {
	background: transparent url(../charte/bg-h1-2-actus.gif) no-repeat top right;
}
#actualites, #ressources_accueil, #zone_laterale {
	margin: 0;
	z-index: 410;
}
#zone_gauche {
	float: left;
	width: 472px;
}
#zone_droite {
	float: left;
	width: 227px;
}

.five {
	padding-left: 5px;
	display: block;
	margin-left: 5px;
	margin: 5px;
	padding-bottom: 5px;
	font-size: 10px;
}

#actualites .titre {
	width: 227px;
	height: 49px;
	background-image: url(../charte/bg-droite-actus.png);
	* background-image: url(../charte/cale.gif);
	background-repeat: no-repeat;
	* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../charte/bg-droite-actus.png', sizingMethod='scale');
	margin: 0;
	padding: 0;
}
#ressources_accueil .titre {
	width: 227px;
	height: 49px;
	background: transparent url(../charte/bg-droite-ressources-accueil.gif) no-repeat 0 0;
}

#dernieres_infos a {
	color: #000000;
}
#dernieres_infos h2 {
	font-size: 15px;
	padding: 0 0 0 5px;
	background: transparent url(../charte/bg-dernieres-infos-h2.gif) no-repeat top left;
}
#dernieres_infos h2 span {
	padding: 2px 10px 2px 0;
	background: transparent url(../charte/bg-dernieres-infos-span.gif) no-repeat top right;
	color: white;
	font-weight: bold;
}

#a_la_une {
	padding: 0px 0 0 0;
	float: right;
	width: 226px;
}
#a_la_une #flash_une h2 {
	background: transparent url(../charte/bg-a-la-une.gif) no-repeat top left;
	color: #666666;
	height: 39px;
	font-size: 24px;
	padding: 20px 0 0 63px;
}
#a_la_une p {
	padding: 5px 0 0 10px;
}

.ligne_separation_a_la_une
{
margin-bottom:20px;
margin-left:10px;
border-bottom: solid 2px gray;
width:200px;
}

#zone_laterale h2  {
	background: transparent url(../charte/bg-h3-droite.gif) no-repeat top left;
	padding: 12px 0 18px 5px;
	position: relative;
	top: -7px;
	margin-bottom: -7px;
	z-index: 75;
}
#zone_laterale h2 span  {
	background: transparent url(../charte/bg-h3-droite-span.gif) no-repeat top right;
	padding: 12px 7px 18px 3px;
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
}

h3.titre, li h3.titre {
	font-size: 14px;
	color: #cc0000;
	background: white url(../charte/bg-h3-titre.gif) no-repeat bottom left;
	position: relative;
	left: -36px;
	top: 0;
	margin: 0 -36px 10px 0;
	padding: 10px 0 0 22px;
}
* html h3.titre, * html li h3.titre {
	top: 10px;
	margin: -10px -36px 10px 0;
	zoom: 1;
}
h3.titre a, li h3.titre a {
	display: block;
	background: white url(../charte/bg-h3-titre-a.gif) no-repeat bottom right;
	color: #cc0000;
	padding: 6px 20px 12px 0;
}
/* LISTES PUCE */
#zone_principale ul li {
	padding: 0 0 3px 20px;
	font-size: 14px;
	background: transparent url(../charte/bg-li-a-base.gif) no-repeat 0 3px;
	zoom: 1;
}


/* FORMULAIRE */ 
form {}
form div {
	margin: 5px;
	display: inline-block;
}
label {}
fieldset {
	margin: 4px 0;
	border: 1px solid #ccc;
	padding: 5px;
	width: 420px;
}

legend {
	font-size: 14px;
	font-variant: small-caps;
	padding-right: 3px;
	padding-left: 3px;
}
.formulaire_spip textarea, #formulaire textarea {
	border: 0;
	width: 419px;
	height: 90px;
	background: white url(../charte/bg-textarea.gif) no-repeat 0 0;
}
.formulaire_spip input, input.champtext {
	border: 0;
	width: 419px;
	height: 23px;
	background: white url(../charte/bg-input.gif) no-repeat 0 0;
}
#formulaire select {
	width: 419px;
}

.spip_forms textarea {
	width: 419px;
}
#zone_principale .spip_forms ul li {
	background: none;
}

.formulaire_spip p.spip_bouton {
	background: white url(../charte/bg-envoi-p.gif) no-repeat bottom right;
	padding: 11px 28px 11px 70px;
	text-align: right;
}
.formulaire_spip p.spip_bouton input {
	background: white url(../charte/bg-envoi-input.gif) no-repeat 0 4px;
	width: auto;
	height: auto;
	padding: 3px 0 0 23px;
	color: #cc0000;
}
.formulaire_spip legend { display: none;}

.formulaire_spip.formulaire_forum {
	width: 100%;
	text-align: center;
}
.formulaire_spip.formulaire_forum legend {
	display: block;
}
.formulaire_spip.formulaire_forum label {
	display: block;
	margin-top: 10px;
	font-weight: bold;
	text-align: left;
}


/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */

.forum-repondre, .forum-decompte {
	clear: both;
	margin-top: 2.5em;
	padding-top: 2px;
	border-top: 2px solid #CCC;
	font-size: 0.88em;
	font-weight: bold; }

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.5em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }
.forum-chapo small {}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.82em; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #DBC9C9; }
ul ul .forum-chapo { background: #DBC9C9; }
ul ul ul .forum-chapo { background: #ECE1E1; }
ul ul ul ul .forum-chapo { background: #F3EDED; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }
/*  ------------------------------------------ */




.erreur {
	color: #cc0000;
	display: block;
	margin: 13px 0 0 0;
	font-size: 12px;
	background-color: #f8ff96;
	padding: 10px;
}

.spip_form_label {
	text-align: left;
	font-size: 12px;
	color: #000;
	display: inline-block;
}

.spip_form_choix_multiple label {
	text-align: left;
	font-size: 11px;
	color: #000;
	display: inline;
}

.spip_form_label_obligatoire {
	color: #8c0000;
	font-size: 10px;
}
.spip_form_ok {
	color: #191930;
	padding: 20px;
	margin: 20px;
}


.spip_form_ok_confirmation {
	color: #191930;
	display: block;
	margin: 13px 0 0 0;
	font-size: 12px;
	background-color: #ccc;
	padding: 10px;
}

.spip_forms .obligatoire_oublie {
	color:red;
}


/* DIV */		
#entete     {
	width:925px;
	height:195px;
	margin: 0 auto;
	background: #e30100 url(../charte/charte2010/bandeau.png) no-repeat 0 0;
	text-align: left;
	position: relative;
	z-index: 5;
}
#titre_site {
	display: none;
}
#logo     {
	width:925px;
	height:195px;
	margin: 0 auto;
	position: absolute;
	z-index: 11;
}
#flash     {
	width:925px;
	height:195px;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 10;
}

#onglets     {
	top: 120px;
	left: 260px;
	position: absolute;
	z-index: 12;
}
#onglets img { border: none;}
#onglets a { padding: 15px;}
	
/* DIV CORRESPONDANT A L'AFFICHAGE DU PAVE SOMMAIRE */	
#sommaire	{
	width:225px;
	float:left;
	padding: 15px 0 0 0;
	background: transparent url(../charte/bg-sommaire-base.png) no-repeat 0 0;
	z-index: 23
}
#sommaire a {
	color: white;
	font-size: 14px;
}
#sommaire ul li	{
	margin: 17px 0 17px 40px;
	padding: 0 0 0 22px;
}
#sommaire ul li ul li	{
	margin: 5px 0 0 0;
	padding: 0 20px 0 10px;
	position: relative;
	left: -10px;
	margin-right: -10px;
}
#sommaire ul li ul li a	{
	font-size: 11px;
}
#sommaire ul li.menu_1	{
	background: transparent url(../charte/bg-menu-li-base.gif) no-repeat 0 3px;
}
#sommaire ul li.menu_2	{
	background: transparent url(../charte/bg-menu-li-ressources.gif) no-repeat 0 3px;
}
#sommaire ul li.menu_3	{
	background: transparent url(../charte/bg-menu-li-musees.gif) no-repeat 0 3px;
}
#sommaire ul li.menu_4	{
	background: transparent url(../charte/bg-menu-li-espaces.gif) no-repeat 0 3px;
}
#sommaire ul li.menu_5	{
	background: transparent url(../charte/bg-menu-li-annonces.gif) no-repeat 0 3px;
}
#sommaire form {
	margin: 30px 0 20PX 10px;
}
#sommaire form input.btok {
	position: relative;
	top: 5px;
}
.recherche_avancee  {
}
#recherche.cache  {color: white;}

#sommaire a.recherche_avancee {
	display: block;
	font-size: 11px;
	line-height: 28px;
	padding: 8px 0 0 5px;
}
#sommaire a.recherche_avancee b {
	display: block;
	font-weight: normal;
	position: relative;
	top: 0;
}
#sommaire ul li .on, #sommaire ul li a.on   {color:#000000;}    
#sommaire ul li ul li .on, #sommaire ul li ul li a.on   {font-weight:bold;}    

span#mots, span#plan, span#flux, span#panier {
	display: block;
	width: 37px;
	height: 28px;
	float: left;
	position: relative;
}

span#mots {
	background-image: url(../charte/mots.png);
	* background-image: url(../charte/cale.gif);
	background-repeat: no-repeat;
	* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../charte/mots.png', sizingMethod='scale');
	padding: 0;
	margin: 0 auto;
}
span#plan {
	background-image: url(../charte/plan.png);
	* background-image: url(../charte/cale.gif);
	background-repeat: no-repeat;
	* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../charte/plan.png', sizingMethod='scale');
}
span#flux {
	background-image: url(../charte/flux.png);
	* background-image: url(../charte/cale.gif);
	background-repeat: no-repeat;
	* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../charte/flux.png', sizingMethod='scale');
}
span#panier {
	background-image: url(../charte/panier.png);
	* background-image: url(../charte/cale.gif);
	background-repeat: no-repeat;
	* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../charte/panier.png', sizingMethod='scale');
}
.langues {
	margin: 24px 0 24px 9px;
	clear: both;
}
.langues a {
	width: 34px;
	height: 25px;
	padding-bottom: 10px
}
.langues a.fr {
	* background-image: url(../charte/cale.gif);
	background-repeat: no-repeat;
	* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../charte/drapeau_fr.png', sizingMethod='scale');
}
.langues a.en {
	* background-image: url(../charte/cale.gif);
	background-repeat: no-repeat;
	* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../charte/drapeau_en.png', sizingMethod='scale');
}
.langues a.de {
	* background-image: url(../charte/cale.gif);
	background-repeat: no-repeat;
	* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../charte/drapeau_de.png', sizingMethod='scale');
}
.langues a.sp {
	* background-image: url(../charte/cale.gif);
	background-repeat: no-repeat;
	* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../charte/drapeau_sp.png', sizingMethod='scale');
}

.langues a img {
	border: 0;
	width: 34px;
	height: 25px;
}

/* DIV CORRESPONDANT AU CENTRE DROITE DE LA PAGE */
#zone_principale,
.contenu {
	float: left;
	width: 700px;
	position: relative;
	z-index: 400;
}


/* DIV CORRESPONDANT ? L'AFFICHAGE DU PIED DE PAGE */
#footer_1 {
	clear: both;
	position: relative;
	top: 0;
	left: 211px;
	width: 714px;
	background: transparent url(../charte/bg-pied-base.gif) no-repeat bottom right;
	z-index: 20;
}
* html #footer_1 {
	top: -100px;
	margin-bottom: -100px;
}
#pied   {
	position: relative;
	color:#e30100;
	background: transparent url(../charte/bg-pied.gif) no-repeat bottom left;
	font-size: 10px;
}
#pied a {
	color:#e30100;
	text-decoration:none;
}
#pied p {
	padding: 103px 0 7px 30px;
	z-index: 500;
}
#pied a:hover, a:active {color:#DC2128;}


/* DIV CORRESPONDANT ? L'AFFICHAGE DU PAVE ACTUALITES CSTI */	
#actualites ul li, #ressources_accueil ul li, #breves ul li, #ressources ul li, #actualites_accueil ul li, #zone_laterale ul li {
	background: transparent url(../charte/bg-li-accueil.gif) no-repeat bottom left;
	padding: 8px 18px 8px 18px;
	font-size: 13px;
}

#flash_lateral     {
	position: relative;
	top: 0;
	right: 0;
	z-index: 12;
	background-color: red;
}

#actualites, #ressources_accueil, #zone_laterale {
	width: 227px;
	float: right; 
	background: transparent url(../charte/bg-actus.gif) repeat-x top left;
	margin-top: 34px;
}
#ressources_accueil {
	background: none;
	margin: 0;
}
#actualites p, #ressources_accueil p, #zone_laterale p {
	padding: 5px 0 10px 38px;
} 
#actualites ul li, #zone_laterale ul li {
	background: none;
}
#actualites ul li a, #ressources_accueil ul li a, #zone_laterale ul li a {
	background: transparent url(../charte/bg-li-a-actus.gif) no-repeat 0 3px;
}
#ressources_accueil ul li a {
	background: transparent url(../charte/bg-li-a-ressources.gif) no-repeat 0 3px;
}

/* DIV CORRESPONDANT ? L'AFFICHAGE DU PAVE JAUNE RESSOURCES EN LIGNE */
#ressources {
	width:442px;
	float:left;
	background: transparent url(../charte/bg-ressources.gif) no-repeat 0 25px;
}
#actualites_accueil  {
	width:472px;
	float:left;
	background: transparent url(../charte/bg-base.gif) no-repeat 35px 25px;
}

#ressources ul li a {
	background: transparent url(../charte/bg-li-a-ressources.gif) no-repeat 0 3px;
}
#actualites_accueil ul li a {
	background: transparent url(../charte/bg-li-a-actus.gif) no-repeat 0 3px;
}

/* DIV CORRESPONDANT A L'AFFICHAGE DU PAVE ROUGE : BREVES DE L'OCIM */
#breves,
#zone_principale {
	width:472px;
	float:left;
	background: transparent url(../charte/bg-base.gif) no-repeat 35px 25px;
}

#zone_principale {
	width:432px;
	padding: 0 20px 0 20px;
	float:left;
	background: transparent url(../charte/bg-base.gif) no-repeat 35px 35px;
}

#zone_principale.big {
	width:659px;
	padding: 0 20px 0 20px;
	float:left;
	background: transparent url(../charte/bg-base.gif) no-repeat 262px 35px;
}
#breves h3    {font-size:12px;}
#breves ul li a {
	background: transparent url(../charte/bg-li-a-base.gif) no-repeat 0 3px;
}
#actualites ul li a, #ressources_accueil ul li a, #breves ul li a, #ressources ul li a, #actualites_accueil ul li a, #zone_laterale ul li a {
	padding: 0 18px 0 18px;
	color: #000000;
	font-size: 13px;
	display: block;
}

#dernieres_infos {
	background: transparent url(../charte/bg-dernieres-infos.gif) no-repeat 0 0;
	padding: 18px 5px 20px 20px;
	float: right;
	width: 213px;
	min-height: 165px;
}
#dernieres_infos ul li {
	padding: 18px 5px 20px 20px;
}
* html #dernieres_infos {
	height: 165px;
}
#descriptif_site {
	color: #c1b2b2;
	font-size: 10px;
}
#descriptif_site p   { padding: 0 10px 0 14px;}	    

small {font-size: 10px; color: #666666;}
.cartouche p small {font-size: 12px; color: white;}

/* CLASSES */    
.hierarchie, .hierarchie a     {font-size:10px; color:#663333;}
.apparent       {visibility: visible; display: block;}
.cache          {display: none;}
.note_recherche     {font-size:10px; color:white ; margin-left:20px; margin-right:20px; text-align:justify;}

.date           {font-size:10px; color:#CCCCCC;}
.spip_logos     {border:0px solid #CCCCCC; padding:0px; margin-left:10px; margin-right:10px; clear: left;}
.recherche      {font-size:10px; color:#303030;}
.descriptif     {font-size:11px; color:#333333; margin: 0 10px 0 10px; line-height: 14px;} 
#zone_principale .descriptif     {margin: 0 10px 10px 10px;} 
.descriptif.agenda     {color: #999999;} 

.dernier_ajout  {font-size:10px; text-align:center;}
.hautdepage     {text-align:right; margin-right:5px; margin-left:5px;  background-color: #F5F1F0;}
.logo_rubrique  {}
.spip_logos     {border:0;} /* Pour annuler les classes SPIP*/
.nom_site       {display: none;}
.menu-titre     {font-size: 13px; color: #333333;}
.pagination     {clear: both; padding: 5px 0; margin: 10px 0; border-top: #cccccc 1px dotted;}
.pagination .on     {color: #cccccc; font-weight: bold;}
.invisible {font-size: 13px;}
.g	{width: 1px; float: right; position: relative; right: -2px; margin-left: -2px;}
.g img	{width: 1px; height: 100px; border-width: 0;}
table.clear td span.titre a, table.clear td .descriptif {
	color: #e30000;
	font-weight: normal;
}
table.clear td .descriptif {
	font-style: italic;
	font-size: 11px;
	margin: 0;
}


/* CLASSES PROPRES AUX CONTENUS DES ARTICLES */
.logo_article   {margin-right:1px;}
.logo_auteur   {padding:5px;}
.surtitre       {font-size:16px; font-variant:small-caps; color:#333333;}
li span.titre	{display: block;}
.titre          {font-weight:bold;
	margin-top: 7px;
}
.soustitre      {font-weight:bold; color:#000000; border-bottom: #cccccc dotted 1px; margin: 4px 0; padding: 0 0 4px 0;}
.chapo          {font-weight:bold; color:#333333; font-size: 14px;}
ul li span.chapo          {display: block; color:#666666; font-size: 10px; font-weight: normal;}
.texte          {}
.lien           {}
.ps             {color:#666666; font-size:11px;margin-top: 15px;}
.spip_note      {color:#5A5E6B; font-size:11px; font-style:italic;}
.date_article   {margin-right:10px; font-size:10px; color: #9e9e9e;}
li span.date_article   {display: block;}

/* CLASSES PROPRES AUX CONTENUS DES BREVES */
.date_breve     {font-size:10px; color:#CCCCCC; margin-left:10px;}
.texte_breve    {margin:0 10px 0 10px;}
.lien_breve     {margin:0 10px 0 10px;}
.notes_breve    {margin:0 10px 0 10px;}


.clear {clear: both;}
span.clear {display: block;}
.clear_all {clear: both; font-size: 1px;
}

b, strong {font-weight: bold;}

/* PLACER EN FIN DE LA LISTE DES CSS */    

/* DIV CORRESPONDANT ?? L'AFFICHAGE DU PAVE LATERAL DROIT */
#zone_laterale p {
	background: transparent url(../charte/bg-p-droite.gif) no-repeat bottom center;
	padding: 5px 10px;
	clear: both;
}
#zone_laterale p.date {
	width: 227px;
	height: 43px;
	background-image: url(../charte/bg-droite-base.png);
	* background-image: url(../charte/cale.gif);
	background-repeat: no-repeat;
	* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../charte/bg-droite-base.png', sizingMethod='scale');
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 700;
}

#zone_laterale p.date span {
	padding: 13px 10px 21px 27px;
	display: block;
	color: white;
	font-size: 12px;
}
.cartouche {
	width: 227px;
	height: 43px;
	background-image: url(../charte/bg-droite-base.png);
	* background-image: url(../charte/cale.gif);
	background-repeat: no-repeat;
	* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../charte/bg-droite-base.png', sizingMethod='scale');
	margin: 0;
	padding: 0;
	position: relative;
	top: -30px;
	margin-bottom: -30px;
	left: 248px;
	z-index: 700;
	float: right;
}
#zone_principale.big .cartouche {
	width: 100%;
	height: 43px;
	background-image: none;
	margin: 0;
	padding: 0;
	position: static;
	margin-bottom: 0px;
	float: none ;
}

.cartouche p {
	padding: 13px 10px 21px 27px;
	color: white;
	font-size: 12px;
}

p.spip {
	margin-top: 7px;
}

p.alaune{margin:10px}
#breves{ margin-bottom : 10px;}
h2.obs a{font-size:1.2em;}