@media screen {

/* CSS Document */

/*============== GENERAL ==============*/

img {font:0 !important;	}

div * {
	border: 0;
	padding: 0;
	margin: 0;
	line-height: 150%;
}

table {
	cellpadding: 0;
	cellspacing: 0;
	border-collapse:collapse;
}

#global {
	display:block;
	overflow:hidden;
	width: 784px;
	min-height:300px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(icono/elements/fond.gif);
	background-repeat:repeat-y;	
	font-size:0 !important;
}

/* propriétés de la page */

body {
	border-width: 0;
	padding: 0;
	font-size: 0px;
	margin: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 0px;
	background: #fc7e03 url(icono/degrade.gif) repeat-x top;
	text-align: center;	
}

/*toute les typo même tailles*/
body, body div, body p, body th, body td, body li, body dd { 
   font-size: x-small; 
   voice-family: "\"}\""; 
   voice-family: inherit; 
   font-size: small; }
html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd { font-size: small; }

/* Liens non soulignés */
a	{text-decoration:none;}
* h1, * h2 {text-align:left;}

.logogauche {
	float:left;
	margin: 0 10px 0 0 ;}
.logogauchepetit {float:left;}
.logodroite {
	float:right;
	margin: 10px ;	
}

.banniere img{
	border:none ;
	border-width:0 ;
	font-size:0;
}
	
.banniere {
	display:block;
	overflow:hidden;
	border:none ;
	border-width:0 ;
	font-size:0;
	
	}
	
/* ========================== CONTENU ========================== */

#col1 {
	display:block;
	overflow:hidden;
	zoom:1;
	width:151px;
	float:left;
	padding: 0 0 20px;
	font-size:0;
}

#col3 {
	display:block;
	overflow:hidden;
	zoom:1;
	width:213px;
	float:right;
	padding: 0 0 20px;
	font-size:0;
}

/* ================= Modules colonnes  ================== */

#col1 div.module, #col3 div.module {
	display:block;
	padding: 0 0 10px;
	text-align:left;
}

#col1 .module .entete, #col3 .module .entete{
	display:block;
	overflow:hidden;
	zoom:1;
	background:#DA0D0B url(icono/elements/fleche_inclin_rouge.gif) no-repeat 5px 5px;
	text-align:left;
	padding: 28px 0 5px;
	height:20px;
	width:100%;}
.module .entetemarge a, .module .entetelogo a {	padding:0 !important;}

#col1 .module .entetemarge, #col3 .module .entetemarge{
	display:block;
	background:#DA0D0B url(icono/elements/fleche_inclin_rouge.gif) no-repeat 5px 5px;
	text-align:left;
	padding: 	34px 0 0 10px;
	width:100%;
}

#col1 .module .entetemarge2{
	display:block;
	background:#DA0D0B url(icono/elements/fleche_inclin_rouge.gif) no-repeat 5px 5px;
	text-align:left;
	padding: 	34px 0 10px 10px;
	width:100%;
}

#col1 .module .entetelogo, #col3 .module .entetelogo{
	display:block;
	background-color:#DA0D0B;
	text-align:left;
	padding: 	6px 0 9px 10px;
	width:100%;
}

#col1 .module a, #col3 .module a{
	display:block;
	background-image: url(icono/puces/carre_rouge.gif) no-repeat 3px 16px;
	padding:  10px 3px 0 14px ;
	font-size:.85em;
	text-align:left;
}

#col1 .module .entete a, #col3 .module .entete a{
	display:block;
	background-image: url(icono/puces/carre_rouge.gif) no-repeat 3px 16px;
	padding:  0;
	font-size:.85em;
	text-align:left;
}

#col1 .module a:hover, #col3 .module a:hover{
	color:#DA0D0B;
	text-decoration:none;
	}

#col1 .module .logoag{
	text-align:center;
	background-image:none !important;
	padding:10px 0 0;
}
	
#col1 .module .sommaireag {
	font-weight:bold !important;
	}

#col1 .module .anciensag:hover {
	text-decoration:underline;
	}

#col1 .module a.rubrique, #col3 .module a.rubrique{
	display:block;
	background: url(icono/puces/carre_rouge.gif) no-repeat 3px 10px ;
	padding:  5px 3px 0 14px ;
	font-size:.85em;
	font-weight:bold;
	text-align:left;
}
	
#col1 .module a.articles, #col3 .module a.articles{
	display:block;
	background-image: url(icono/puces/carre_rou.gif);
	background-position: 6px 10px;
	background-repeat:no-repeat;
	padding:  2px 3px 0 15px ;
	font-size:.85em;
	text-align:left;
}


#col1 .module .ext, #col3 .module .ext{
	font-style:italic;
	font-weight:bold;
	color:#CC0000;
}

/*-------------- Documents --------------*/

#col1 .doc a { padding: 7px !important;}

#col1 .module .typedoc, #col3 .module .typedoc{
	font-weight:bold;
	font-variant:small-caps;
	color:#DA0D0B;
}

#col1 .module .tit, #col3 .module .tit{
	font-weight:bold;
	color:#CC0000;
	text-transform:uppercase;
	line-height: 140%;
}

#col1 .module .surtitre, #col3 .module .surtitre{	line-height: 140%;}

#col1 .module a.articlestipus, #col3 .module a.articlestipus{
	display:block;
	background: url(icono/puces/carre_rou.gif) no-repeat 6px 12px;
	padding:  5px 3px 0 15px ;
	font-size:.85em;
	text-align:left;
}

#col1 .module a.rubriquetipus, #col3 .module a.rubriquetipus{
	display:block;
	background: url(icono/puces/carre_rou.gif) no-repeat 6px 12px;
	padding:  5px 3px 0 14px ;
	font-size:.85em;
	font-weight:bold;
	text-align:left;
}

/*-------------- liens --------------*/

#col1 .liens *, #col3 .liens * {text-align:center ;}
#col1 .liens .titlien, #col3 .liens .titlien, #col1 .liens .cnt, #col3 .liens .cnt {
	display:block;
	overflow:hidden;
	zoom:1;
	padding: 0 0 0 5px;}
#col1 .liens .titlien, #col3 .liens .titlien {	font: bold 1.1em Arial, Helvetica, sans-serif !important;}

#col1 .liens .item, #col3 .liens .item {
	display:block;
	overflow:hidden;
	zoom:1;
	margin: 10px;
	padding:0;}
#col3 .liens .item, #col3 .liens .item .titlien, #col3 .liens .item .cnt { text-align:left;}
#col1 .liens .spip_logos, #col3 .liens .spip_logos {	
	padding: 0 5px 5px 0;
	display:block;
	float:left;
}

/*-------------- matos du moment --------------*/

#col1 .module .toulematos, #col3 .module .toulematos {
	display:block;
	background: url(icono/puces/carre_rouge.gif) no-repeat 14px 12px ;
	padding:  5px 3px 0 26px ;
	font-size:1em;
	font-weight:bold;
	text-align:left;
}

/*-------------- Outils pour articles --------------*/

#outils .titoutil {
	margin:0;
	background: #DDDDDD url(icono/degrade/deg_outil_1.gif) repeat-x bottom ;
	padding: 0 5px;
	display:block;
	overflow:hidden;
	zoom:1;
}

#outils .grotit {
	display:block;
	background: url(icono/elements/fleche_rouge.png) no-repeat ;
	margin: 7px 5px;
	padding:  4px 3px 4px 30px ;
	text-align:left;
}

#outils #imprimer, #outils #envoyer_ami_bouton  {
	display:block;
	background: url(icono/elements/icon_imprim.gif) no-repeat ;
	font: bold .85em Arial, Helvetica, sans-serif;
	margin: 7px 10px;
	padding:  2px 3px 0 23px ;
	text-align:left;}
#outils #envoyer_ami_bouton {background: url(icono/elements/icon_mail.gif) no-repeat ;}

#outils .cnt {
	display:block;
	background: url(icono/degrade/deg_outil_2.gif) repeat-y ;
	padding:  2px 0 0;
	border: 1px solid #575757;
	border-width: 1px 0;}
#outils .spip_bouton {margin: 5px 13px; }

/*-------- Formulaire envoyer à un ami et Recherche --------*/

#formulaire_envoi, #recherche {
	display:none;
	overflow: hidden;
	zoom:1;
	float:left;
}
	
#recherche {
	display:block;
	width: 161px;
}

#envoiami label, #recherche label  {
	font: .85em Arial;
	margin: 3px 0 0 8px; _margin: 3px 0 0 4px; 
	display:block;
	overflow: hidden;
	zoom:1;
	width: 140px;
	float:left;
	color: #DA0D0B;
	width: 125px;}
#recherche label  {margin: 3px 0 0; _margin: 3px 0 0; }

#col1 .spip_bouton {
	height: 24px;
	color: #fff;
	font-weight:bold;
	background: #EA2C30;
	cursor:pointer;
	margin-top: 7px;
	border: 2px solid #DA0D0B;}
#col1 .spip_bouton:hover {color: #FFB700;}

#envoyerami { display:block; overflow:hidden; zoom:1; float:left; }
.envoiamiCacher { display:none }
#envoyerami #kapcha { text-align:center; }

#cryptogram {
	border: 1px solid #DA0D0B;
	padding: 5px 0 0;
	background: #fff;}
#envoiami #kapcha_text {width: 137px; padding-top: 5px }
#col1 #envoiami #kapcha_text a {
	display:inline;
	padding: 0 0 10px 5px; _padding: 0 0 10px 0;
}

#envoiami .kapcha {
	position: relative;
	left: -25px;
	padding:0 !important;
}

#envoyerami .erreur {
	color:#DA0D0B;
	font: bold .9em Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	padding: 0 0 0 7px; _padding: 0 0 0 9px;
	display:block;
}

#envoiami .envoiamiForm, #envoiami .envoiamiCode, #recherche .forml {
	display: block;
	overflow: hidden;
	float:left; _float:none;
	border: 1px solid #575757;
	background: #DDDDDD;
	padding: 3px 5px;
	font: .8em/120% Verdana, Arial, Helvetica, sans-serif;}
#recherche .forml { margin: 5px 8px 0; _margin: 5px 4px 0; }
#envoiami input, #envoiami textarea, #recherche input {
	 width: 125px !important;
	 margin: 3px 0 0 8px;}
#envoiami input { height: 12px;}
#col1 #recherche .spip_bouton { margin: 5px 7px 0 0!important; width: 137px !important; }


/*-------------- Module Recherche --------------*/

/*-------------- chantiers haut droite --------------*/

#col3 .gateau {
	display:block;
	text-align:left;
	background-color:#FFFFFF;
	margin:0 0 10px;
	font-size:0;
}

 #col3 .gateau .partgateau {
 	display:block;
 	float:left;
	padding:0;
}

 #col3 .gateau .rabe {
 	display:block;
	width:100%;
 	float:left;
	padding:3px 0 0 8px;
	border: 1.5px solid #fff;
	background-color:#FFE66A;
}

/*============== Colonne centre ==============*/

#col2 {
	display:block;
	overflow:hidden;
	zoom:1;
	z-index:100;
	width:414px;  _width:412px;
	text-align:left!important;
	margin:0 0 0 1px;
}

#site {
	display:block;
	overflow:hidden;
	zoom:1;
	width:417px; _width:404px;
}

#col2 .chaporub {
	display:block;
	margin: 10px 15px;
	font-weight:bold;
}

.chaporub p {
	font-size:.9em;
	line-height: 120% ;
}

#col2 .chaporub:first-letter, #col2 .chaporub p:first-letter {
	 font-size: 140%;
	 font-weight:bold;
	 color:#CC0000;
}

/*-------------- liste articles /rubriques --------------*/

#col2 .liste, #col2 .liste9, #col2 .liste10, #col2 .liste11, #col2 .liste12 {
	display:block;
	overflow:hidden;
	zoom:1;
	width:390px; _width:400px;
	margin: 15px auto;
	_padding: 0 0 0 10px}
a:hover.liste,  a:hover.liste9, a:hover.liste10, a:hover.liste11, a:hover.liste12 {	color:#da0d0b;}

#col2 .liste .date, #col2 .liste9 .date, #col2 .liste10 .date, #col2 .liste11 .date, #col2 .liste12 .date {
	display:block;
	overflow:hidden;
	padding: 3px 10px 5px 5px  ;
	font: italic normal .8em Arial, Helvetica, sans-serif;
	text-align:right;
}

#col2 .liste .surtitre, #col2 .liste9 .surtitre, #col2 .liste10 .surtitre, #col2 .liste11 .surtitre, #col2 .liste12 .surtitre {
	display:block;
	color:#444;
	padding: 2px 0 2px 3px ;
	border-bottom: 1px dotted #c00;
	margin: 5px 0 0 ;
	font: bold .8em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

#col2 .liste .titre, #col2 .liste .titre, #col2 .liste9 .titre, #col2 .liste10 .titre, #col2 .liste11 .titre, #col2 .liste12 .titre {
	display:block;
	border-bottom: 3px dotted #c00;
	background-color:#FFFFFF;
	padding: 0 0 3px 1px;
	margin:0 0 .4em;
	font: bold 1.2em Arial, Helvetica, sans-serif;
}

#col2 .liste .tit, #col2 .liste .tit, #col2 .liste9 .tit, #col2 .liste10 .tit, #col2 .liste11 .tit, #col2 .liste12 .tit {
	display:block;
	line-height:130%;
	font-size:.9em;
	padding: .3em 0 .3em 13px;
}


#col2 .liste .soustitre, #col2 .liste9 .soustitre, #col2 .liste10 .soustitre, #col2 .liste11 .soustitre, #col2 .liste12 .soustitre {
	display:block;
	font-weight:bold;
	padding: 0 0 3px 3px ;
	color:#17588C;
}

#col2 .liste .cnt, #col2 .liste9 .cnt, #col2 .liste10 .cnt, #col2 .liste11 .cnt, #col2 .liste12 .cnt {
	display:block;
	padding: 0 3px ;
}

#col2 .cnt, #col2 .cnt * {	line-height:125%;}

.liste a:hover, .liste9 a:hover, .liste10 a:hover, .liste11 a:hover, .liste12 a:hover {	color:#CC0000;}

#col2 .liste .titre { color:#c00;border-bottom: 3px dotted #c00; background: url(icono/degrade/rouge.gif) repeat-x bottom; }
#col2 .liste9 .titre { color:#ff7701;border-bottom: 3px dotted #ff7701; background: url(icono/degrade/jaune.gif) repeat-x bottom; }
#col2 .liste10 .titre { color:#cc3b1b;border-bottom: 3px dotted #cc3b1b; background: url(icono/degrade/orange.gif) repeat-x bottom; }
#col2 .liste11 .titre { color:#db0134;border-bottom: 3px dotted #db0134; background: url(icono/degrade/rose.gif) repeat-x bottom; }
#col2 .liste12 .titre { color:#015e80;border-bottom: 3px dotted #015e80; background: url(icono/degrade/bleu.gif) repeat-x bottom; }

#col2 .liste .tit { background:  url(icono/puces/carre_rouge.gif) no-repeat 2px 10px }
#col2 .liste9 .tit { background:  url(icono/puces/carre_jaune.gif) no-repeat 2px 10px }
#col2 .liste10 .tit { background:  url(icono/puces/carre_orange.gif) no-repeat 2px 10px }
#col2 .liste11 .tit { background:  url(icono/puces/carre_rose.gif) no-repeat 2px 10px }
#col2 .liste12 .tit { background:  url(icono/puces/carre_bleu.gif) no-repeat 2px 10px }

#col2 .liste .soustitre { color:#c00; }
#col2 .liste9 .soustitre { color:#ff7701; }
#col2 .liste10 .soustitre { color:#cc3b1b; }
#col2 .liste11 .soustitre { color:#db0134; }
#col2 .liste12 .soustitre { color:#015e80; }

#col2 .liste .surtitre {border-bottom: 1px dotted #c00; }
#col2 .liste9 .surtitre {border-bottom: 1px dotted #ff7701; }
#col2 .liste10 .surtitre {border-bottom: 1px dotted #cc3b1b; }
#col2 .liste11 .surtitre {border-bottom: 1px dotted #db0134; }
#col2 .liste12 .surtitre {border-bottom: 1px dotted #015e80; }

/*-------------- tous les documents --------------*/

#col2 .liste .titdoc {
	color:#c00;
	padding: 0 0 0 1px;
	font: bold .9em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

#col2 .liste .doc {
	display:block;
	overflow:hidden;
	zoom:1;
	padding: 4px; 
	_margin: 0 8px 0 0 :}
#col2 .liste .doc:hover {background-color:#ffe8c6;}
#col2 .liste .cntdoc {	padding: 0 3px ;}

#col2 .liste .taille {
	font-style:italic;
	font-size:.8em;
	display:block;
}

.logodoc {
	float:left;
	margin: 3px 7px 0 0 ;
}

/*-------------- liens --------------*/

#col2 .liste .voirsyndic {
	display:block;
	overflow:hidden;
	font-style:italic;
	padding: 1px 3px 1px;
	font-size:.85em;
	font-weight:bold;
	color:#c00;
}

#col2 .liste .syndicblanc {
	background-color:#FFFFFF;
	font-weight:normal;
	font-size:.9em;
}

/*-------------- articles /rubriques même --------------*/

#articles {
	display:block;
	overflow:hidden;
	zoom:1;
	margin: 17px 5px 0 10px;
}

#articles .spip_logos {	display:block;}

#articles .grotit, #articles .moyentit{
	display:block;
	overflow:hidden;
	padding: .1em .3em .05em;
	margin: 0 0 10px;
	color:#CC0000;
	font-weight:bold;
	font-size:1.8em;
	line-height:130%;
}

#articles .moyentit {
	padding: .1em .3em .2em;
	font-size:1.4em;
}

.surtitsom, #articles .surtit, #articles .soustit {
	display:block;
	overflow:hidden;
	padding: .1em 0.3em .3em;
	color:#CC0000;
	font: bold 1.1em/110% Arial, Helvetica, sans-serif;
	font-variant:small-caps;}
.surtitsom { padding:0 0 .3em 1px; }
#articles .soustit {padding: .2em 0.3em .3em;}

#articles .chapo{
	padding: 1em .2em .5em ;
	display:block;
	overflow:hidden;
	zoom:1;
	font-weight:bold;
	font-size:.9em;
	line-height:160%;
}

#articles .texte {
	padding:0 .2em 0 ;
	display:block;
	overflow:hidden;
	zoom:1;
	font-size:.9em;
}

#articles .lien {
	display:block;
	overflow:hidden;
}

.rub .moyentit, .rub .grotit  { color:#c00;border-bottom: 3px dotted #c00; background: #ffe4d9; }
.rub9 .moyentit, .rub9 .grotit  { color:#ff7701;border-bottom: 3px dotted #ff7701; background: #fff1dd; }
.rub10 .moyentit, .rub10 .grotit  { color:#cc3b1b;border-bottom: 3px dotted #cc3b1b; background: #ffe8c6; }
.rub11 .moyentit, .rub11 .grotit  { color:#db0134;border-bottom: 3px dotted #db0134; background: #fae1ea; }
.rub12 .moyentit, .rub12 .grotit  { color:#015e80;border-bottom: 3px dotted #015e80; background: #d4e4e9; }

/* Pour la syndicatio des articles "la JC près de chez toi" */
.rub h3.grotit { margin: 0 5px 0 10px; padding: 5px; }

#articles.rub .pagination, #articles.rub h3, #articles.rub .cs_blocs h4 { color:#c00; background-color: #ffe4d9; }
#articles.rub9 .pagination, #articles.rub9 h3, #articles.rub9 .cs_blocs h4 { color:#ff7701; background-color: #fff1dd; }
#articles.rub10 .pagination, #articles.rub10 h3, #articles.rub10 .cs_blocs h4 { color:#cc3b1b; background-color: #ffe8c6; }
#articles.rub11 .pagination, #articles.rub11 h3, #articles.rub11 .cs_blocs h4 { color:#db0134; background-color: #fae1ea; }
#articles.rub12 .pagination, #articles.rub12 h3, #articles.rub12 .cs_blocs h4 { color:#015e80; background-color: #d4e4e9; }

.liste .surtitsom, #articles.rub legend, #articles.rub  .surtit { color:#c00; background: url(icono/degrade/rouge.gif) repeat-x bottom; }
.liste9 .surtitsom, #articles.rub9 legend, #articles.rub9  .surtit { color:#ff7701;background: url(icono/degrade/jaune.gif) repeat-x bottom; }
.liste10 .surtitsom, #articles.rub10 legend, #articles.rub10  .surtit { color:#cc3b1b; background: url(icono/degrade/orange.gif) repeat-x bottom;}
.liste11 .surtitsom, #articles.rub11 legend, #articles.rub11  .surtit { color:#db0134; background: url(icono/degrade/rose.gif) repeat-x bottom;}
.liste12 .surtitsom, #articles.rub12 legend, #articles.rub12  .surtit { color:#015e80; background: url(icono/degrade/bleu.gif) repeat-x bottom; }

#articles a {
	color:#CC0000;
	font-weight:bold;
}
#articles a:hover {text-decoration:underline;}

#articles h3, #articles .cs_blocs h4 {
	color:#CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:.2em .3em .3em;
	margin: .8em 0 .5em;
	font-weight:bold;
	line-height:130%;}
#articles .cs_blocs h4 { padding:.3em .3em .3em 20px; }

#articles h4, #articles h5 {
	color:#CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: .8em 0 .5em;
	font-weight:bold;
	line-height:130%;
}

#articles h3 {font-size:1.4em; }
#articles h4 {font-size:1.2em; }
#articles h5 {font-size:1.1em; }

/* Texte Spip */

ul li.spip {
	display:block;
	overflow:hidden;
	background: url(icono/elements/fleche_jaune.gif) no-repeat 2px 3px;
	padding:  0 0 .6em 20px;
	font-size:1em; 
	}
	
p.spip {
	padding-bottom: .5em;
	font-size:1em; 
}

.spip_in, #col11 .spip_glossaire{
	font-weight:bold;
	color:#CD1F25;
}

.spip_out{
	font-weight:bold;
	color:#CD1F25;
	background: url(/squelettes/icono/puces/puce_sortir.gif) no-repeat 2px 2px ; 
	padding: 0px 0px 0px 18px !important;
}

table.spip, table.spip td, table.spip th {
	padding: 3px 10px;
	border-collapse: collapse;
}

table.spip {margin: 2px 0 8px;}

table.spip th {
	background: #DA0D0B;
	color: #fff;
	font-size: 1.3em;
}

.row_even {background: #fff;}

#articles.rub table.spip td { border:1px solid #c00;  }
#articles.rub9 table.spip td { border:1px solid #ff7701;  }
#articles.rub10 table.spip td { border:1px solid #cc3b1b; b }
#articles.rub11 table.spip td { border:1px solid #db0134; }
#articles.rub12 table.spip td { border:1px solid #015e80; }

#articles.rub table.spip { border:1px solid #c00; background: #ffe4d9; }
#articles.rub9 table.spip { border:1px solid #ff7701; background: #fff1dd; }
#articles.rub10 table.spip { border:1px solid #cc3b1b; background: #ffe8c6; }
#articles.rub11 table.spip { border:1px solid #db0134; background: #fae1ea; }
#articles.rub12 table.spip { border:1px solid #015e80; background: #d4e4e9; }

.spip_documents_left, .spip_documents_right, .spip_documents_center {
	text-align:center;
	background: #FFF1DD;
	padding:7px !important;
display: block;
overflow:hidden;
}

#articles.rub .forml,
#articles.rub .spip_documents_left,
#articles.rub .spip_documents_right,
#articles.rub .spip_documents_center
	{ border:1px solid #c00; background: #ffe4d9; }
#articles.rub9 .forml,
#articles.rub9 .spip_documents_left,
#articles.rub9 .spip_documents_right,
#articles.rub9 .spip_documents_center
	{ border:1px solid #ff7701; background: #fff1dd; }
#articles.rub10 .forml,
#articles.rub10 .spip_documents_left,
#articles.rub10 .spip_documents_right,
#articles.rub10 .spip_documents_center
 	{ border:1px solid #cc3b1b; background: #ffe8c6; }
#articles.rub11 .forml,
#articles.rub11 .spip_documents_left,
#articles.rub11 .spip_documents_right,
#articles.rub11 .spip_documents_center
 	{ border:1px solid #db0134; background: #fae1ea; }
#articles.rub12 .forml,
#articles.rub12 .spip_documents_left,
#articles.rub12 .spip_documents_right,
#articles.rub12 .spip_documents_center
	{ border:1px solid #015e80; background: #EDF4F8; }

.spip_documents_left {margin : 2px 10px 0 0; float:left;}
.spip_documents_right {margin : 2px 0 0 5px; float:right;}
.spip_documents_center {margin : 2px auto; width:auto !important ;}
.spip_doc_titre, .spip_doc_descriptif { text-align:center; width:auto !important ; padding:0 !important ; margin:0 !important}

/* -------- formulaires dans articles -------- */

#articles .label { width : 360px !important; }

.spip_form_champ
, .spip_forms legend
, .spip_forms label
, .spip_forms input
, .spip_form_label_obligatoire
, .forml
, .formulaire_signature label
{ 
	display:block !important;
	overflow:hidden !important;
	zoom:1 !important;
	float:left !important;
}

#articles legend {
	color:#CC0000;
	font: bold 1.2em/130% Verdana, Arial, Helvetica, sans-serif;
	padding:.9em .3em .3em;
	margin: 0 0 .5em;
}

#articles label {
	font: bold 1em/130% Verdana, Arial, Helvetica, sans-serif;
	margin: 0 5px 0 0;
}

.spip_form_champ {
	margin: 5px 0 ;
	width:390px;
}

.spip_form_label_obligatoire {
color:#CC0000;
font-style:italic;
font-size: .9em;
}

#articles input.ligne, #articles input.code_postal, #articles input.formo, #articles input.date-picker{
	border : 1px solid #DA0D0B;
	margin : 3px 0 5px;
	padding:0;
	width: 387px;
}

#articles .spip_form_choix_unique {
	height:30px;
	width: 387px;
	padding:0;
	margin:0;
}

#col2 #articles .spip_form_choix_unique input {
	margin: 5px 5px 0 10px;
	width: 20px;
}

#col2 #articles .spip_form_choix_unique label {
	width: 350px;
	padding: 3px 0; *padding: 5px 0;
}

.rub legend {border-bottom: 2px dotted #c00 !important; }
.rub9 legend {border-bottom: 2px dotted #ff7701; }
.rub10 legend {border-bottom: 2px dotted #cc3b1b; }
.rub11 legend {border-bottom: 2px dotted #db0134; }
.rub12 legend {border-bottom: 2px dotted #015e80; }

#col2 .spip_form_ok {
	display:block;
	border: 2px solid #B01B1F;
	padding: 5px 0px ;
	margin: 10px auto 20px;
	text-transform:uppercase;
	font : bold 1em Arial, Helvetica, sans-serif;
	color: #fff;
	text-align:center;
	width: 393px;
	background: #EA2C30;
}

.spip_forms .erreur {
	display:block;
	margin: 10px auto 20px; *margin: 0 auto 20px;
	padding: 0 0 5px; *padding: .2em 0 ;
	text-transform:uppercase;
	font : bold 1em Arial, Helvetica, sans-serif;
	color: #fff;
	text-align:center;
	width: 388px;
	background: #EA2C30;
}

.spip_bouton  {width : 390px; text-align: center;}
.spip_bouton input {
	display:block;
	float:none !important;
	cursor:pointer;
	border: 2px solid #B01B1F;
	padding: 3px 0px ;
	margin: 10px auto 20px;
	text-transform:uppercase;
	font : bold 1em Arial, Helvetica, sans-serif;
	color: #fff;
	text-align:center;
	width: 100px;
	background: #EA2C30;}
.spip_bouton input:hover {color:#FFB700;}

/* ----- Formulaires pétition ----- */

.formulaire_signature .forml {width: 185px;}
.formulaire_signature #message {
	width: 390px;
	height: 100px;
	margin: 5px 5px 0;
}

.formulaire_signature .spip_bouton {margin: 15px 0 0 5px;}

.formulaire_signature .description {
	font: bold .9em Arial, Helvetica, sans-serif;
	padding: 10px 5px 5px;
}

.formulaire_signature label {
	padding: 0 0 0 5px;
	width: 200px;
}

.formulaire_signature fieldset p {
	display:block;
	overflow:hidden;
	zoom:1;
	padding: 3px 0 ;}
#signatures { margin: 0 0 40px;	}

/*-------------- fil d'ariane --------------*/

#col2 .ariane {
	display:block;
	margin: 15px 5px 0 10px;
	padding: 4px 5px 5px;
	background-color:#f1f6f8;
	font-size:.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:150%;}
#col2 .ariane a {color:#015e80;}
#col2 .ariane a:hover {	text-decoration:underline;}

/*-------------- Pagination --------------*/

.pagination {
	padding:2px;
	text-align:center;
	margin: 10px 0;
}

/*============== PAGE IMPRIMER ==============*/

body.imprimer {
	width:100%;
	text-align : left;
}

.imprimer .bt_imprimer {
	font: bold .8em/100% Verdana, Helvetica, sans-serif;
	background: #DD2524;
	border-bottom: 5px solid #FF9505;
	padding: 10px;
	color:#fff}
.imprimer .bt_imprimer a { color:#fff ; }

.imprimer .sommaire_enavant {
	width:100%;
	float: none;
	margin : 10px auto;
	padding: 10px;
	text-align: left;
	background: #fff;
}

.sommaire_enavant .surtit {
	margin: 0 10px;
	font: bold 1.2em Arial, Helvetica, sans-serif;
}


/*============== RUBRIQUE ==============*/

#col2 .liste .titre {
	display:block;
	overflow:hidden;
	zoom:1;
	clear:both;
	border-bottom: 3px dotted #da0d0b;
	color:#da0d0b;
	padding: 2px 5px 5px 2px;
	font-weight: bold;
	margin: 5px 0 ;
}
	
/*-------------- MODULE DEPLIANT --------------*/	
	
#col1 .module a.depliant, #col3 .module a.depliant{
	display:block;
	overflow:hidden;
	background: none !important;
	margin:  10px 3px 0 14px ;
	padding:0;
	font-size:.85em;
	text-align:left;
	width:134px;
}

#col1 .module a.depliant, #col3 .module a.depliant{
	font-weight:bold;
}

#col1 .module a.ssrub, #col3 .module a.ssrub{
	font-weight: normal;
	color:#CC0000;
	background: none !important;
}


#col1 .module a.depliantpuce, #col3 .module a.depliantpuce{
	display:block;
	overflow:hidden;
	background: none !important;
	margin:  5px 0 0 2px !important;
	padding:0;
	font-size:.85em;
	text-align:left;
	font-weight:bold;
}

.pucegauche	{
	display:block;
	overflow:hidden;
	background: none !important;
	margin:  7px 0 0 !important;
	padding:0 !important;
	font-size:.85em;
	text-align:left;
	float:left;
	width:143px;
}

/*============== CARTE "la JC près de chez toi" ==============*/

.carte_france {
	display:block;
	margin:20px 0 0 ;
}

/*============== PLAN ==============*/

.plan {
	display:block;
	padding: 5px 20px;
}

.plan .grotitreplan {
	border-top: 3px dotted #da0d0b;
	border-bottom: 2px dotted #da0d0b;
	display:block;
	padding: 2px 0 2px ;
	margin: 15px 0 5px ;
	font-weight:bold;
	text-transform:uppercase;}
.plan .titreplan a, .plan .tititreplan a, .plan .grotitreplan a{color:#080006;}
.plan a:hover {	color: #CC0000;}

.plan .titreplan {
	display:block;
	margin: 10px 0 0  ;
	font-weight:bold;
}

.plan .tititreplan {
	display:block;
	margin: 0 0 0 ;
}

.planmarge {
	display:block;
	padding: 0 0 0 10px;
}

/*============== PIED ==============*/

#pied {
	display:block;
	overflow:hidden;
	clear:both;
	background-color:#da0d0b;
	border-top: 5px solid #FFF;
	border-bottom: 5px solid #FFF;
	padding: 1px 0 3px;
	color:#FFFFFF;
	font-weight: bold;
	z-index:1;
}

#pied a {
	color:#FFFFFF;
	padding: 0 5px;
	font-size: .9em;
}
	
#pied a:hover {text-decoration:underline;}

.coord{
	display:block;
	background-color:#FFFFFF;
	font-size:.9em;
	padding: 0 0 10px;
}
	
/* ========================== ELEMENTS RECURENTS ========================== */

.fondrouge {background-color:#da0d09;}
.rouge {color: #DA0D0B; }
.spip_surligne { background-color: #FEB400; padding: 0 .2em; }
.invisible	 	{display:none !important;}
.gras		 	{font-weight:bold;}
.italic 		 	{font-style:italic;}
.spacetablo {width:10%;}
.bloc {display: block; overflow:hidden; zoom:1;}
.droite { float:right; padding: 0 5px 5px;}

.sardine {
	margin:0!important;
	padding:0!important;
	font-size:0!important;
	border:0!important;
}

.alert {
	display:block;
	border: 2px solid #B01B1F;
	padding: 5px ;
	margin: 10px auto 0px;
	color: #fff;
	text-align:center;
	background: #EA2C30 ;
	font: bold 1.1em Arial, Helvetica, sans-serif;
}

.petitalert {
	display:block;
	overflow:hidden;
	zoom:1;
	float:left;
	width:125px;
	border: 2px solid #B01B1F;
	padding: 5px ;
	margin: 10px 7px 5px; _margin: 5px 3px;
	color: #fff;
	text-align:center;
	background: #EA2C30 ;
	font: bold .9em Arial, Helvetica, sans-serif;
}

.alert .tit {
	text-transform:uppercase;
	font : bold 1.2em Arial, Helvetica, sans-serif;}
.alert .cnt {font: bold 1.2em Arial, Helvetica, sans-serif;
}

/* -------------------------- espacements -------------------------- */

.espace0 , .espace0 * {font-size: 5px; line-height: 3px;}
.espace1 , .espace1 *{font-size: 5px;	line-height: 6px;}
.espace2 , .espace2 *{font-size: 5px;	line-height: 10px;}
.espace3 , .espace3 *{font-size: 5px;	line-height: 10px;}

}

@media print {
* { float: none !important;}
img.droite, .lesoutils { display:none; }
 }