/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */


/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font-size: 0.8125em; font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; color: #333; }

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Georgia, Times, serif; }
h1 { font-size: 1.70em; color: #000; }
h2 { font-size: 1.40em; font-weight: normal; }
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #003; }
h3 { font-size: 1.20em; font-weight: bold; }
h3.spip {} /* Cf.: spip_style.css */
hr.spip {} /* Cf.: spip_style.css */

/* Autres enrichissements typo */
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
small { font-size: 0.90em; color: #666; }
dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }

/* Listes */
ul.spip {} /* Cf.: spip_style.css */
ol.spip {} /* Cf.: spip_style.css */
dl {}
dt {}
dd {}

/* Citations, code et poesie */
cite {}
q {}
blockquote {}
blockquote.spip {} /* Cf.: spip_style.css */
blockquote.spip_poesie {} /* Cf.: spip_style.css */
.spip_code {} /* Cf.: spip_style.css */
.spip_cadre {} /* Cf.: spip_style.css */
address {}

/* Tableaux */
table.spip {} /* Cf.: spip_style.css */

/* Logos, documents et images */
img { margin: 0; padding: 0; border: 0; }
.spip_logos {} /* Cf.: spip_style.css */
.spip_documents {} /* Cf.: spip_style.css */
.spip_documents_center {} /* Cf.: spip_style.css */
.spip_documents_left {} /* Cf.: spip_style.css */
.spip_documents_right {} /* Cf.: spip_style.css */
.spip_doc_titre {} /* Cf.: spip_style.css */
.spip_doc_descriptif {} /* Cf.: spip_style.css */


/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body { background: #FFF; margin: 0; padding: 0; text-align: center; }

#page { position: relative; width: 58em; margin: 0 auto; text-align: left; }

#entete { width: 58em; margin: 0; padding-top: 1.60em; border-bottom: 2px solid #8B6F92; }
#entete a.accueil { display: block; width: 67%; }
#entete a.accueil img.spip_logos { vertical-align: bottom; line-height: 1em; }
#entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }
#entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/

#conteneur { clear: both; float: left; width: 67%; overflow: hidden; }
#contenu { padding-top: 0.30em; }

#navigation { float: right; width: 30%; margin-top: 1em; overflow: hidden; }
#extra { float: right; clear: right; width: 30%; margin-top: 1em; overflow: hidden; }

#pied { clear: both; width: 100%; margin: 0; padding: 0.40em 0; border-top: 1px solid #8B6F92; text-align: center; font-size: 0.90em; }
#pied img { vertical-align: middle; }

/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

#hierarchie { clear: both; margin-bottom: 2em; font-size: 0.90em; }
#hierarchie, #hierarchie a { color: #666; }

.cartouche { margin-bottom: 2em; }
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
.cartouche p { margin: 0; padding: 0; clear: left; }
.surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em; }
.cartouche .surtitre { margin-bottom: 0.30em; }
.cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }
.cartouche .traductions { font-size: 0.90em; }

.chapo { margin-bottom: 1.50em; line-height: 1.40em; font-weight: bold; color: #669; }
.texte { line-height: 1.60em; }
.hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; color: #8B6F92; }
.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
.notes { clear: both; font-size: 0.90em; }

abbr.published { border: 0; }

/* Portfolio */
#documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
#documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
#documents_portfolio a.on .spip_logos { border-color: #F57900; }
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos { border-color: #8B6F92; }


/* Habillage des forums
---------------------------------------------- */
.repondre { clear: both; margin-top: 2.50em; margin-right: 1em; text-align: right; 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.50em; }
.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; color: #333; }
.forum-texte { margin: 0; padding: 0.50em 1em; color: #333; }
.forum-texte .hyperlien {}
.forum-texte .repondre { margin: 0; padding: 0.10em 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: 0; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; background: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }


/* Habillage des petitions
---------------------------------------------- */
#signatures { clear: both; margin: 0 0 2em 0; padding: 0; background: none; }
#signatures table { width: 100%; margin: 1em 0 0 0; }
#signatures thead { text-align: center; color: #555; }
#signatures td { padding: 0.50em; border: 2px solid #FEFEFE; vertical-align: top; }
#signatures td.signature-date { background: #E4F0F0; text-align: center; white-space: nowrap; }
#signatures td.signature-nom { background: #ECF4F4; text-align: center; }
#signatures td.signature-nom small { display: block; }
#signatures td.signature-message { background: #F4F8F8; }
#signatures .formulaire_recherche { margin: 1em 0; text-align: right; } /*Cf.: spip_formulaires.css*/
#signatures .formulaire_recherche input.text { width: 10em; text-align: left; } /*Cf.: spip_formulaires.css*/


/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

/* Habillage general des menus de navigation */
.menu { clear: both; margin-bottom: 2em; text-align: left; }
.menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }
.menu ul { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #DDD; }
.menu ul li { margin: 0.20em 0; padding: 0.20em; border-top: 1px solid #DDD; }
.menu ul li ul { margin-left: 1em; border: 0; }
.menu ul li li { padding: 0; border: 0; }

/* Pagination */
.pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
.pagination .on { font-weight: bold; color: #666; }

/* Rubriques */
.rubriques ul { border: 0; }
.rubriques ul li { background: #EEE; border: 0; }

.formulaire_recherche { margin-bottom: 2em; } /*Cf.: spip_formulaires.css*/

/* Listes d'articles et extraits introductifs */
.articles ul li { clear: both; padding: 0.40em 0.20em; }
.articles ul li h3 { margin: 0.30em 0; }
.articles .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; }
.articles ul li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.articles ul li .introduction { margin-top: 0.30em; line-height: 1.40em; }


/* Couleurs des liens
---------------------------------------------- */
a { color: #604A7F; text-decoration: none; }
a:focus,a:hover,a:active { color: #F57900; text-decoration: underline; }








/* SURCHARGES ALPHAMOSA */

@font-face {
	font-family: '/includes/ComfortaaRegular';
	src: url('/includes/Comfortaa_Regular-webfont.eot');
	src: local('☺'), url('/includes/Comfortaa_Regular-webfont.woff') format('woff'), url('/includes/Comfortaa_Regular-webfont.ttf') format('truetype'), url('/includes/Comfortaa_Regular-webfont.svg#webfonto6XPBG4k') format('svg');
	font-weight: normal;
	font-style: normal;}

body {color: #333;}
h1 { font-family: '/includes/ComfortaaRegular', Verdana, Tahoma, sans-serif; font-size: 22px; line-height: 24px; letter-spacing: -1; color: #D20019; padding-left:20px; margin-bottom: 6px;}
h2 {font: 12px/18px Verdana, Tahoma, sans-serif;
	letter-spacing: 0;
	margin: 0 0 6px 0;
	padding-bottom: 6px;
	color: #5a5a5a;} 
h3.smalltypo {
	color: #999;
	font: 12px/16px '/includes/ComfortaaRegular', Verdana, Tahoma, sans-serif;
	margin-bottom: 20px;
	margin-top: 14px;
	padding-left: 0px;
	text-align: left;
	border-bottom: 1px #CDCDCD solid;
	letter-spacing: 1px;
} 
h3, h3.spip {
	font: 16px/16px '/includes/ComfortaaRegular', Verdana, Tahoma, sans-serif;
	color: #999;
	margin-bottom: 20px; padding-left: 20px;
	margin-top: 14px;
	text-align: left;}
h3 b {	color: #D20019;	font-weight: normal; font-family: '/includes/ComfortaaRegular', Verdana, Tahoma, sans-serif;} 
h6 {/* footer only */  letter-spacing: -1px; margin: 4px 0; color: #333; font-family: '/includes/ComfortaaRegular', Verdana, Tahoma, sans-serif; font-size: 10px; line-height: 20px; } 
p, .texte  {	font: 12px/14px Verdana, Tahoma, sans-serif; text-align: left; vertical-align: top; padding-left:0px;} 
.rouge {color: #D20019; 	font-weight: normal;}
a, a.spip_in, a.spip_url { color: #333; text-decoration: underline; }
a:hover, a.spip_url { text-decoration: none; } 


ul { list-style-type: none; }
li {list-style-type: none; }

/* ============================================================================
COLUMNS & NAV_LEFT 
============================================================================*/
.container { padding-top: 35px; background-color: #FFF;}
.column_tree { vertical-align: top; width: 160px; position: relative; float: left; padding-left: 100px;}

.container ul { padding: 0 0 20px; }
.container ul li { font: 14px/14px '/includes/ComfortaaRegular', Verdana, Tahoma, sans-serif;	padding: 3px 4px 5px;	margin: 3px 0;	border-bottom: 1px solid #bbb; }
.container ul li.current { color: #D20019; }

ul.sub_nav {padding-top:40px; }
ul.sub_nav li { list-style-type: none;  font: 14px/14px '/includes/ComfortaaRegular', Verdana, Tahoma, sans-serif; }
ul.sub_nav li a { text-decoration: none; color: #333;  font: 14px/14px '/includes/ComfortaaRegular', Verdana, Tahoma, sans-serif;}
ul.sub_nav li a.on { text-decoration: none; color: #D20019; font-weight: normal;  font: 14px/14px '/includes/ComfortaaRegular', Verdana, Tahoma, sans-serif;}

.colonnegauche { float: left; width: 220px;	vertical-align: top; margin: 0px 0px 0px 50px; }
.colonnedroite {float:right;width:530px;vertical-align:top;margin-right:50px;}
.clearer {clear:both;height:1px;}
.colonnedroite p, .colonnedroite h2 { padding-left: 0;  }
.colonnedroite .introrubrique a { text-decoration: underline;color: #D20019; }

/* ============================================================================
PAGE STYLES
============================================================================*/
#page/*#main*/ { width: 900px; background-color: #FFFFFF; display: block; margin: 0 auto; padding:0px;  margin-top: 30px;}
#content {	width: 900px;	background-color: #FFFFFF;}
span.top a {display: block; margin:0px;border-width:0px; padding: 0px; height: 155px;}
.filer { border-bottom: 1px #bbb solid; clear: both; display: block; width: 96%; padding-top: 5px; margin:0 2%;height:1px; }
.pane { padding: 10px 20px 10px 50px; position: relative; border-bottom: 1px #d2d2d2 solid; }
.pane h1 { margin-left: 0; margin-top: 0px; margin-bottom: 3px;  font-size: 16px; }
.pane a { color: #D20019; font-size: 10px; }
.pane .published {color: #999; font-size: 12px;  letter-spacing: -1px;}
.pane .published a {font-size: 12px;  }
.pane.last {border-bottom: 0px transparent none;}
.pane.last h1 {padding-left: 0px;}
.pane.sansmarge {padding: 10px 20px 10px 10px; }
p.date { font-size: 10px; }

/* ============================================================================
NAV STYLES
============================================================================*/
#navcontainer { margin-bottom: 0px; padding-top: 0px; }
#navlist { margin-top:25px;padding-right:20px;margin-bottom:0px; float: right; line-height: 12px;}
#navlist li { float: left; list-style-type: none;  }
#navlist li a { padding: 0px 13px 0px 13px; color: #000; font-family: '/includes/ComfortaaRegular', Verdana, Tahoma, sans-serif; border-left: 1px #bbb solid; font-size: 13px; text-decoration: none; }
#navlist li a:hover,
#navlist li a:focus,
#navlist li a.on,
#navlist li#current a { color: #d20019; font-weight: normal; }
#navlist li#active a#current { color: #97be0d; }
#navlist li#current a { font-weight: normal;  }
#navlist li:first-child a,
#navlist li:first-child a:focus,
#navlist li#current:first-child a { color:#666; border:0px;}

/* ============================================================================
IMG display
============================================================================*/
a img 					{ border: 0; outline: 0; }
#content img 			{ border:#d9d9d9 1px solid; padding:4px; float:left; margin:0 8px 5px 0;}
#content img.no_border 	{ border:0px; margin:0px; padding:0px}
#content .column_tree img.spip_logos {border:0px;}
#content .noborders img {border:0px;}
.colonnegauche .noborders img {border:0px;}
body/*.bg*/ { background-image: url('/images/bg2.jpg'); background-repeat: no-repeat; background-color: #FFF; background-attachment: scroll; background-position: center top; }
.img_actu { padding: 80px 0px 5px 0px; } 
.img_actu2 { padding: 10px 0px 5px 0px; } 

/* ============================================================================
TOP Page Styles
============================================================================*/
#intro { padding: 0px 0px 0 0px;	position: relative;	margin: 0 20px 20px 50px;	z-index: 2;}
#intro p {	font-size: 0.8em;	line-height: 1.4em;}
#intro h1 { font-weight: normal; font-size: 1.8em; line-height: 1.5em; text-align: justify;}

/* ============================================================================
SPECIAL STYLES : REFERENCES
============================================================================*/
.container ul.ref_nav { padding: 0px 0px 20px 0px; display: block; }
.container ul.ref_nav li { font: 10px/12px Verdana, Tahoma, sans-serif; padding: 1px 0px 1px 0px; margin: 3px 0; border-bottom: 0px; }
ul.ref_nav li {	list-style-type: none;	padding-left: 0px; }
ul.ref_nav li  a { text-decoration: none; color: #000; }

ul.ref_nav li  a.ref7:hover, ul.ref_nav li  a.ref7on, ul.ref_nav li  a.ref7#active, h3#corporate {color:#6c1b6a; }
ul.ref_nav li  a.ref8:hover, ul.ref_nav li  a.ref8on, ul.ref_nav li  a.ref8#active {color:#d27f37;}
ul.ref_nav li  a.ref9:hover, ul.ref_nav li  a.ref9on, ul.ref_nav li  a.ref9#active {color:#6fb532;}

.ref 				{ background-repeat: no-repeat;	background-position: 0px 0px;	width: 200px;	height: 45px;	}

#a_corporate 		{ background-image: url('/images/a_corporate.jpg');}
#a_territoire 		{ background-image: url('/images/a_territoire.jpg');}
#a_green 			{ background-image: url('/images/a_green.jpg');}
body.ref7 h3 b, 
body.ref7 .coda-slider-wrapper h2 { color:#6c1b6a; font: 12px/16px '/includes/ComfortaaRegular', Verdana, Tahoma, sans-serif;}
body.ref8 h3 b, 
body.ref8 .coda-slider-wrapper h2 { font: 12px/16px '/includes/ComfortaaRegular', Verdana, Tahoma, sans-serif;	 color:#d27f37;}
body.ref9 h3 b, 
body.ref9 .coda-slider-wrapper h2 { font: 12px/16px '/includes/ComfortaaRegular', Verdana, Tahoma, sans-serif;	 color:#64870c;}

body.ref7 { background-image: url('/images/bg_corporate.jpg'); background-repeat: no-repeat; background-color: #FFF; background-attachment: scroll; background-position: center top; }
body.ref8 { background-image: url('/images/bg_territoire.jpg'); background-repeat: no-repeat; background-color: #FFF; background-attachment: scroll; background-position: center top; }
body.ref9 { background-image: url('/images/bg_green.jpg'); background-repeat: no-repeat; background-color: #FFF; background-attachment: scroll; background-position: center top; }


/* ---- CODA SLIDER  ------*/
.coda-slider-wrapper {
	padding: 4px 0 20px 0;
}
.coda-slider { background: #fff; }
.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px;  }
.coda-slider, .coda-slider .panel {	width: 520px;} 
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 520px ;}
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px ;}
.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 80px ; }
.coda-slider p.loading { padding: 20px; text-align: center; }
.coda-slider .panel-wrapper {	padding: 0px;}

body.ref7 .coda-slider-wrapper h2 {	font-size: 18px;}
body.ref7 .coda-nav ul li a.current { 	background: #93117E;
	background: -moz-linear-gradient(top, #93117e, #3c154f);
	background: -webkit-gradient(linear, left top, left bottom, from(#93117e), to(#3c154f));}
body.ref8 .coda-nav ul li a.current { 	background: #f7b134;
	background: -moz-linear-gradient(top, #f7b134, #ea662f);
	background: -webkit-gradient(linear, left top, left bottom, from(#f7b134), to(#ea662f));}
body.ref9 .coda-nav ul li a.current { 	background: #93117E;
	background: -moz-linear-gradient(top, #84b700, #54642c);
	background: -webkit-gradient(linear, left top, left bottom, from(#84b700), to(#54642c));}
.coda-nav ul {	clear: both;	display: block;	float: right;	overflow: hidden;		}
.coda-nav ul li { display: inline; 	font-size: 10px;	border-bottom: 0px #FFF none;  }
.coda-nav ul li a {	color: #fff;	display: block;	float: left;
	margin-right: 1px;	padding: 3px 6px 3px 6px;	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #6d6d6d;
	background: -moz-linear-gradient(top, #6d6d6d, #222222);
	background: -webkit-gradient(linear, left top, left bottom, from(#6d6d6d), to(#222222));}
.coda-slider-wrapper { clear: both; overflow: auto ;}
.coda-slider { float: left; overflow: hidden; position: relative; }
.coda-slider .panel { display: block; float: left; }
.coda-slider .panel-container { position: relative; }
.coda-nav-left, .coda-nav-right { float: left ; display:none;}
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none; }
/* ============================================================================
CSS grayr style pagination
============================================================================*/
div.quotes ul {	border: 0;	margin: 30px 0 0 70px;	padding: 0;}
div.quotes #pagination-clean li{border:0; margin:0; padding:0; font-size:10px; list-style:none;}
div.quotes #pagination-clean li, 
#pagination-clean a {	margin-right: 0px;	border-right: 1px #000 solid;	line-height: 10px;}
div.quotes #pagination-clean .previous-off,
div.quotes #pagination-clean .next-off {display:block;float:left;font-weight:bold;padding:0px 4px;border-right:0px;}
div.quotes #pagination-clean .active, div.quotes #pagination-clean .on a{color:#000;font-weight:bold;display:block;float:left;padding:0px 3px;}
div.quotes #pagination-clean a:link,
div.quotes #pagination-clean a:visited {color:#000;display:block;float:left;padding:0px 3px;text-decoration:none;}
div.quotes #pagination-clean a:hover{text-decoration:none;}


/* ============================================================================
FOOTER & COPYRIGHT
============================================================================*/
#footer { margin-left: 60px; position: relative; margin-top: 30px; display: block; padding-bottom: 5px;}
#footer span {	font: 10px/14px '/includes/ComfortaaRegular', Verdana, Tahoma, sans-serif;	display: inline;	border: none;	padding: 0 10px 0px 10px;}


/* ============================================================================
jquery 'tipsy' plugin style
============================================================================*/
.tooltip { display: none; font-size: 12px; height: 70px; width: 160px; padding: 25px; color: #FFF; }
.tipsy 	{ padding: 5px; font-family: Verdana, Arial; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); }
.tipsy-inner { font-family: Verdana, Arial; margin-bottom: 4px; padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.tipsy-north { background-position: top center;}
.tipsy-south { background-position: bottom center;}
.tipsy-east { background-position: right center;}
.tipsy-west { background-position: left center;}

/* ============================================================================
surchages SPIP
============================================================================*/
#content span.top a img {display: block; margin:0px;border-width:0px; padding: 0px; }

/* effacer certains styles spip */
#conteneur { clear: both; float: left; width: 100%; overflow: hidden; }
#contenu { padding-top: 0.0em; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: 0; }
.spip_documents {text-align: left;
	line-height: normal;
	padding: 0px;
	margin: 0px;
	border: none;}
.spip_documents p { margin: 0px; padding: 0px; }
.spip_documents_center {
	display: block;
	clear: both;
	width: 100%;
	margin: 1em auto;}
.spip_documents_left { float: left; padding: 0px; margin-left: 20px; padding-right: 0px; margin-bottom:0px; }
.spip_documents_right { float: right; margin-left: 0px; margin-bottom: 5px; padding-left: 20px;}
.spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; }
.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }
a.spip_url .spip_out, a.spip_mail { color: #333; text-decoration: underline;}

a.spip_mail {	color: #D20019;}
a.spip_mail:before { content: "\002709"; }
a.spip_mail:before { content: ""; }
spip_documents_left {margin-left: 0px;}
#content .spip_document_196 img , #content .spip_document_197 img, #content .spip_document_198 img  {border:0px;}


.spacer {height: 8px; clear: both;}


ul.selectcat {	margin: 0 0 0 200px;	display: block;	}
ul.selectcat li { display: inline; 	font-size: 11px;	border-bottom: 0px #ddd none;  }
.referenceItem {
  -webkit-transition: color 0.5s linear;
  -moz-transition: color 0.5s linear;
  -o-transition: color 0.5s linear;
  transition: color 0.5s linear;
}
.referenceItem.off {
  color:#eee;
  -webkit-transition: color 0.5s linear;
  -moz-transition: color 0.5s linear;
  -o-transition: color 0.5s linear;
  transition: color 0.5s linear;
}