/* --------------------------------------------------------- */
/* 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: Arial, Helvetica, sans-serif; color: #333;  }

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Arial, Helvetica, sans-serif /*"Arial Black", Gadget, sans-serif*/; font-weight:bold; color:#e62934;  }
h1 { font-size: 1.70em;  }
h2 { font-size: 1.40em; }
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active {  }
h3 { font-size: 1.20em; font-weight: bold; }
h3.spip {font-size: 1.10em; font-weight: bold;text-align: left;margin: 1em;} /* Cf.: spip_style.css */
hr.spip { margin: 1em auto; color:#e9E9F5; background: none; text-decoration:none; text-shadow: none;}/* Cf.: spip_style.css */

/* Autres enrichissements typo */
strong { font-weight: bold; color:#e62934; }
em, i { font-style: italic; color:#e62934; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
small { font-size: 10px; color: #565152; }
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 */


/* 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 */

/*----------ADMIn boutons flottants------------*/
/* Les boutons d'admin survolent la page (sauf # FORMULAIRE_ADMIN) */
.spip-admin-bloc,
.spip-admin-float { z-index: 100; position: fixed; left: 1000px; top: 0; white-space: nowrap; margin-top:30px; }

/* Couleurs et design des boutons d'admin */
.spip-admin-boutons { margin: 0; padding:0px; background: #666; border: 0; font-weight: bold; font-size:10px;
-webkit-border-bottom-left-radius: .3em; -webkit-border-bottom-right-radius: .3em;
-moz-border-radius-bottomleft: .3em; -moz-border-radius-bottomright: .3em;
border-radius: 0 0 .3em .3em;
opacity: .7; }
.spip-admin-boutons,
a.spip-admin-boutons,
.spip-admin-boutons a { color: #FFF; text-decoration: none; }
a:focus.spip-admin-boutons,
.spip-admin-boutons a:focus,
a:hover.spip-admin-boutons,
.spip-admin-boutons a:hover { opacity: 1; }
a:active.spip-admin-boutons,
.spip-admin-boutons a:active { background-color: #333; opacity: 1; }


/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body { margin: 0px; padding: 0; border: 0; text-align: center; :/*background-image:url(images/fond-ligne.gif); background-repeat:repeat-x; background-position: 0px 99px;*/}

#page { position: relative; width: 953px; margin: 0 auto; text-align: left; border-left: 1px solid #e62934; border-right:1px solid #e62934; border-top:0; border-bottom:0; background-image:url(../IMG/decoupes/background-page.jpg);background-position: 501px 100px;background-repeat:repeat-y;}

#entete { width:955px; margin: 0; padding:0; border:0; /*background-image: url(../IMG/siteon0.jpg); background-repeat:no-repeat;*/ }
#entete a.accueil { display: block; width: 100%;}
#entete a.accueil img.spip_logos { vertical-align: top; margin:0px; padding:0px; text-align:left;  }
#entete a.accueil #nom_site_spip {vertical-align:top; line-height:95px;  font-size:42px; letter-spacing:0px; color:#e62934; padding:25px 20px 28px 4px;}
#entete a:hover.accueil #nom_site_spip { color:#FFF  /*#756745#cb9932*/; text-decoration:none; background-color:#e62934; }
#menubabi{ /*background-image: url(images/fond-bouton.jpg);background-repeat:no-repeat;*/ }

#conteneur { clear: both; float: right; width:100%; overflow: hidden; color: #333; padding:0px; margin:0px;  /*background-image: url(img/2012-accueil.jpg); background-repeat:no-repeat; background-position: 48px 0px;*/}
#contenu { padding: 7px 0px 0px 10px; width:790px}


#conteneur-rub3 {  clear: both; float: left; width:100%; overflow: hidden; color: #333; padding:0px; margin:0px;}
#contenu-rub3{ padding: 7px 0px 0px 10px;width:790px; float:left;margin:0px;}

#conteneur-art4 {  clear: both; float: left; width:100%; overflow: hidden; color: #333; padding:0px; margin:0px;}
#contenu-art4{ padding: 7px 0px 0px 10px; width:790px; float:left;margin:0px; border:0px;}

#contenu-entree { padding: 0px; text-align:left;}
#texte{ padding: 50px 2px 20px 0px;}
#texte a{ font-weight:bold;}
#texte a:hover{ background-color:#e62934;}

/* Liste des artistes */
#navigation { float:right; width: 150px; margin:0px; padding: 0px; border:0px; background-image:url(../IMG/decoupes/fond-navig.jpg); background-repeat:no-repeat;}
/* Habillage general des menus de navigation (liste des articles sur article*/
.menu { margin:15px 0px 5px 0px;  padding:0px; border:0px;}
.menu ul li a{ display:block; padding:0px 1px 0px 1px; font-size:10px; font-weight:normal; color:#565152; margin:0px;}
.menu ul li a:hover{  color:#FFF; background-color: #e62934;}
.menu ul li a.on { color:#FFF; background-color: #565152;  }
.menu .spip_logos{ 
position:relative;
text-align:right; 
margin:0px; 
padding:0px;
border:0px;}
.menu h2  {  font-size:11px; font-weight:normal; color:#e62934; letter-spacing:2px; margin:0px; padding:0px; /*float: left; clear:both; display:block;position: absolute; left: 0; top: 200; width: 30%;  vertical-align:top; margin:0px; text-align: left; */}
.menu h2 a{  color:#e62934; margin:0px; padding:0px;}
.menu p { margin:0 0; padding: 0 0; }
.menu ul { margin: 0; padding: 0; list-style: none; }
.menu ul li { margin:0; padding: 0; font-size:9px; line-height:12px; letter-spacing:0px;}
.menu ul li ul { margin:0px; border: 0; }
.menu ul li li { padding: 0; border: 0; }

/* Liste des news à droite*/
#extra {float: right; clear:none; height: inherit; width: 150px; background-image:url(../IMG/decoupes/fond-news.jpg); background-repeat:no-repeat; margin:0px 0px 0px 10px; padding:0px; vertical-align:top; }
.menu-breves {padding:27px 0px 0px 2px;}
.menu-breves h2  { font-size:27px; text-align:center; font-weight:bold; color: #9F846C; letter-spacing:19px; /*float: left; clear:both; display:block;position: absolute; left: 0; top: 200; width: 30%;  vertical-align:top;*/}
.menu-breves ul{ list-style: none; margin: 0; padding: 0px;  }
.menu-breves li {line-height: 42px;}
.menu-breves a{display:block; color:#565152; font-size:12px; font-weight:bold; letter-spacing:0px; }
.menu-breves a:hover{color:#FFF; background: #e62934;
text-decoration: none; 
/*opacity: 0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
filter: alpha(opacity=80);*/}

.page_recherche .menu ul {float:left; clear:none; margin: 5px;}
.page_recherche .menu ul a { font-size:12px; letter-spacing:1px; line-height:14px; 	}


/* Listes d'articles et extraits introductifs */
.articles ul li { padding: 0.40em 0.20em; }
.articles ul li h3 { margin: 0.30em 0; }
.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; }

#pied { clear: both; width:100%; color:#565152; margin: 0px; padding: 3px 0px 2px 2px; text-align: left;  background-image: url(../IMG/decoupes/fond-pied.gif); background-position: 0px 0px;background-repeat:no-repeat;/*border-top: 1px solid #e62934;opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=90);*/
}
#pied img { vertical-align: middle; }
#pied a { color: #e9E9F5; text-decoration:none;font-size:11px; letter-spacing: 1px;}
#pied a:hover { color:#FFF; }

#pied-entree{color:#565152; margin: 0; }
#pied-entree a { }
#pied-entree a:hover { color:#565152; }

/* Formulaires de recherche (site / petitions) */
.formulaire_recherche { float:right; position: absolute; left: 805px; bottom:0px; display: block; margin:0px; padding: 0px; background: none; border:0px; }
.formulaire_recherche * {  margin: 0px; padding: 0px;  }
.formulaire_recherche label {margin: 0px; padding: 0px; }
.formulaire_recherche input.text { width:125px; margin: 0px; padding: 2px 0px 2px 0px; font-size:12px; color: #565152; background:none; border: 1px solid #e62934;/*background: #FFF url(rechercher.gif) no-repeat left center; border:dotted 1px #957962; */}
.formulaire_recherche input.submit { font-size:15px; font-weight:bold; color:#FFF; background-color:#e62934; margin: 0px; padding: 0px 1px 0px 1px; border:0px;}

/* 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%; }


/* Couleurs des liens
---------------------------------------------- */
a { color:#999; text-decoration: none;}
a:hover {color:#e62934; text-decoration:none; }
a:focus, a:active, a.on { color:#FFF; background-color: #565152; text-decoration:none; }
a.spip_out, a.spip_in, a.spip_glossaire, a.spip_mail { color: #e62934;}
a:hover.spip_out, a:hover.spip_in, a:hover.spip_glossaire, a:hover.spip_mail { color:#FFF; background-color: #e62934; }

/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

#hierarchie { clear: both; margin-bottom: 2em; font-size: 0.90em; }
#hierarchie, #hierarchie a { color: #666; }

.cartouche { margin:0px; }
.cartouche p { margin: 0; padding: 0; clear: left; }
.surtitre, .soustitre { font-size: 0.90em; color:  #e62934; text-transform: uppercase; letter-spacing: 0.10em; }
.cartouche .surtitre { margin-bottom: 0.30em; }
.cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }
.cartouche h1 { 
font-size:18px;
color: #e62934;
letter-spacing: 2px;
line-height:28px; 
text-align: left; 
padding:2px 0px 5px 0px;
/*text-shadow: 2px 2px 2px #999;*/ }

/*.cartouche .traductions { margin:0px; float: right; clear:none; background-color: #3f7c8f;}*/
.traductions2 { float:right; display:block; font-size:14px; margin:0px; padding: 2px; background-color:#FFF; }
.traductions { float:right; display:block;position: absolute; right: 150px; top: 102px;  font-size:14px; margin:0px; padding: 1px 0px 0px 0px; }
.traductions a, .traductions2 a{ color: #e62934;background-color:#FFF; border:1px solid #e62934; font-weight:normal; padding: 2px 2px 0px 3px; margin:0px;text-decoration: none; }
.traductions a:hover,.traductions2 a:hover { background-color:#e62934; color:#FFF; border:1px solid #e62934;}
.traductions a:focus,.traductions a:active, .traductions2 a:focus,.traductions2 a:active{ 
color:#FFF ;background-color:#e62934; border:1px solid #e62934;}

.chapo { line-height: 1.40em; color: #333;text-align:justify; padding-right:20px;}

.texte { line-height: 1.40em; text-align:justify; padding-right:20px;}
.hyperlien { display: block; border-left:1px dashed #e62934; padding: 0.50em 1em; color: #999; }
.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
.notes { clear: both; font-size: 0.90em; }

abbr.published { border: 0; }

/* IMAGES et DOCUMENTS*/
.cartouche .spip_logos { float: right; margin:10px 0px 0px 5px; }
.articles .spip_logos { float: right; clear: right; margin: 0px 0px 0px 16px; }

/* Portfolio */
#documents_portfolio { clear: both; margin: 0px auto; text-align: center; }
#documents_portfolio .spip_logos { margin: 0px 0px 5px 0px; border: 1px solid #e9E9F5; }
#documents_portfolio a.on .spip_logos { border: 1px solid #e62934;background:none;}
#documents_portfolio a.on  { background:none;}
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos {  border: 1px solid #e62934; background:none;}

#grande_image{ clear: both; text-align: center; }
#grande_image img{ border: 1px solid #e62934;text-align: center;}

.spip_doc_titre{width: 100%; color:#e62934;margin: 5px auto; padding: 0; line-height:11px; font-weight: bold; }
.spip_doc_descriptif {width: 100%; color:#565152; line-height:12px; margin: 5px auto; padding: 0; text-align:center;clear: both; }

dl { width: 100%;}
dt { width: 100%;}
dd { width: 100%;}

.spip_documents { text-align: center; line-height: normal; }
.spip_documents p { margin: 0; padding: 0; }
.spip_documents_center { display: block; clear: both; width: 100%; margin: 5px auto; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; }


/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

/* 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 { border: 0; }


/*  Plan du site
---------------------------------------------- */
.page_plan #contenu{ font-size: 10px;}
.page_plan #contenu h2 { font-size: 16px; font-weight: bold; float:left; clear:both;
}

.page_plan #contenu h3 { font-size: 16px; font-weight: bold; margin:2px; padding:2px; float:left; clear:both;}
.page_plan #contenu  li strong{ background-color: #e62934; color:#FFF;}
.page_plan #contenu ul {
display: block; 
float:left;
clear:both;
margin:0px; 
padding:0px;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 	 }

.page_plan #contenu li { 
color:#e62934; 
width:110px;
float:left;
clear:none;
position:relative;
list-style-type:none;
list-style-position:outside;
margin: 0px; 
padding: 0px;}


.page_plan #contenu ul li ul li { border-left: 1px solid #e62934; border-bottom: 1px solid #e62934;}
.page_plan #contenu li a { 
padding: 0px 0px 0px 2px;
margin:0px;
}

.page_plan #contenu .spip_logos{ 
float:right; 
clear: none; 
position:relative;
text-align:right; 
margin:0px; 
padding:0px;
border:0px;}

/*  Page breve-liste
---------------------------------------------- */
.page_breve-liste #contenu{ float:left; clear:none;width:780px;}
.page_breve-liste #contenu h2 { font-size: 18px; font-weight: bold; color:#565152; clear:none; }

.page_breve-liste #contenu h3 { font-size: 16px; font-weight: bold; margin:2px; padding:2px;  }
.page_breve-liste #contenu  li strong{ }
.page_breve-liste #contenu ul {
float: left; clear:none;
display: block; 
margin:0px 5px 0px 0px; 
padding:0px;
list-style-type:none;
list-style-position:outside;
position:relative; }

.page_breve-liste #contenu li { font-size:14px;
width:385px;
list-style-type:none;
list-style-position:outside;
margin: 0px; 
padding:0px 0px 10px 0px;}

.page_breve-liste #contenu .spip_logos{ 
float: right; clear:none;
position:relative;
text-align:right; 
margin:0px 0px 0px 2px; 
padding:0px;
border:0px;}
.titre-breve-liste{ display:block;background-color: #e9E9F5; color:#e62934; letter-spacing:3px; font-size:16px; padding: 1px 0px 2px 4px;}
.titre-breve-liste:hover, .titre-breve-liste.on,  .titre-breve-liste:focus, .titre-breve-liste:active{ background-color:#e62934; color:#e9E9F5}
.page_breve-liste small { color:#e62934; font-size:10px; letter-spacing:0px;}


/*  liste article sommaire
---------------------------------------------- */

.page_sommaire #page { color:#FFFFFF; border:0px 1px 0px 1px; border-color:#e62934; }
.page_sommaire #page #conteneur{ color:#FFFFFF; width: 100%; margin:0px; padding:0px;background-image:url(../IMG/decoupes/fond-sommaire.gif); background-repeat:no-repeat;  }
.page_sommaire #page #contenu{ color:#FFFFFF; margin:0px; padding:0px; }
.page_sommaire #extra {margin: 0px;}
.page_sommaire #contenu .menu_articles h2{ color:#e62934; font-weight:bold; font-size:20px;}
.page_sommaire #contenu .menu_articles{text-align:center; width:298px;}
.page_sommaire #contenu .menu_articles ul { 
display: block; 
float:left;
/*clear:both;*/
margin:0px; 
padding:0px;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
	text-align:center;}

.page_sommaire #contenu .menu_articles li {
border: 0px;
float:left;
clear:none;
position:relative;
list-style-type:none;
list-style-position:outside;
margin: 0px;
padding:0px;
background: none;
	text-align:center;}

.page_sommaire #contenu .menu_articles .spip_logos{
	text-align:center;
float:left;
clear: none; 
position:relative;
margin: 0px; 
padding:0px;
border: 0px;}
/*---------------------- MENU DEPLIANT BANDEAU---------------------*/
.rub{
	margin: 0px;
	padding: 0px;
	width: 140px;
	letter-spacing: 3px;
	text-align: center;
	font-family: "Century Gothic", "Trebuchet MS", verdana, arial, sans-serif;
	color: #E57C1E; 
	font-weight: bold;
	font-size: 15px;
}
.menutitle { 
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 11px;
	color: #613418;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.submenu ul{
	color: #CC6600;
	margin: 0;
	padding: 0;
	line-height: 1.2em;
	letter-spacing: 0px;
}
.submenu li a{
	list-style: square inside;
	border: 0;
	color: #CC6600;	
	font-weight: normal;	
	font-size: 11px;
	letter-spacing: 0px;
	margin: 0;
	padding: 0;
	line-height: 1.3em;
}
.element{
	margin-top: 0px;
	padding: 0px;
}
.element ul{
	font-size: 11px;
	letter-spacing: 0px;
	margin: 0;
	padding: 0;
	text-align: left;
}
.element ul ul{
	margin-left: 0px;
	padding: 0;
	text-align: left;
	border: 0;
}
.element ul li{
	list-style: square inside;
	color: #CC6600;
	border: 0;
	margin: 0;
	padding: 0;
	line-height: 1.3em;
}
.element h1, .element h2, .element h3, .element h4, .element h5, .element h6{
	font-weight: normal;
	font-size: 11px;
	margin-top: 0;
	margin-bottom: 0;
	letter-spacing: 0;
}

/*  Nav avec images
---------------------------------------------- */
#nav li ul a .spip_logos{ 
float:right; 
clear: none; 
position:relative;
text-align:right; 
margin:0px; 
padding:0px;
border:0px;
vertical-align: top;}

/* 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 #e9E9F5; }
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*/

