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


/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html {  } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { 
behavior: url ("csshover3.htc");
font-size: 11.3px; font-family: Arial, sans-serif; color: #111; 
 letter-spacing:0.05em;
}

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Arial, Comic, sans-serif; }
h1 { font-size: 1.70em; }
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 {color:#0C459A;} /* Cf.: spip_style.css */
hr.spip {} /* Cf.: spip_style.css */
.texte p {margin-bottom:5px ;}

/* 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: #1b1b1b/*background:url('http://127.0.0.1/spip2/squelettes/images/fond2.jpg') repeat-x */; margin: 0; padding: 0; text-align: center;}

#page { 
background: #fff; 
position: relative; width: 1000px; margin: 30px auto 0 auto; text-align: left; border:4px solid #aaa; letter-spacing:0.06em;line-height:1.5em;}
/*
#entete { width: 58em; margin: 0; padding-top: 1.60em; border-bottom: 2px solid #8B6F92; }
#entete a.accueil { display: block; width: 67%; }

#entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }*/

#top { height:120px; margin: 0 0 0 0;
opacity:0.8;
filter:alpha(opacity=80);
}
#top .formulaire_menu_lang { position: absolute; right: 2em; top: 1em; display: block;  
font-size:1.2em; font-weight:bold;} /*Cf.: spip_formulaires.css*/
#top .accueil img{ padding:25px 0 0 20px;
opacity:0.6;
filter:alpha(opacity=60); }
#top .accueil img:hover{
opacity:0.8;
filter:alpha(opacity=80); }
div#top {float:left; width:100%; }
div.slogan-site {
text-transform:uppercase; font-size:1.6em; font-weight:bold;font-family:Arial; color: #fff;
float:left; width:1000px;
text-align:right; margin-top:-22px;
}


#conteneur { clear: both; float: left; width:968px; overflow: hidden; margin:0 14px 0 16px;}
#content { float: left; position:relative; padding:0; width:78.2%; margin-right: 15px;}
#event { float: left;  position:relative; padding:0; width:78.2%; margin-right: 15px;}
#navigation { float:left;  position:relative; width: 18%; margin-left: 1.8em; }
#droite {float:right;  position:relative; width: 18.6%; margin-top:10px;}

/*
#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 { margin-bottom: 1em; font-size: 0.90em; }
#hierarchie, #hierarchie a { color: #666; }

.cartouche { margin-bottom: 1.3em; }
.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.95em;}
.titre small.trad { font-size: 0.60em;  color:#ddd; margin:0 0 0 15px; }
.titre small.trad a{color:#ddd; font-weight:bold;font-variant:small-caps;}
.titre small.trad a:hover {color:#bbb;}

.chapo { margin-bottom: 1.50em; font-weight: 600; color:#053987;}
.texte { line-height: 1.6em; text-align:justify; color:#000; }
.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: ; } /*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; }




/* LIENS
---------------------------------------------- */
a { color: #0C459A; text-decoration: none; }
a:focus,a:hover,a:active { color: /*#F57900*/; text-decoration: underline; }
.ancretop  {float:right;margin:-22px 15px 0 0;font-size:0.7em; }

div#foot {height:57px; padding: 0 0 0 0 ; text-align:center; }

.cartouche h1 {color:#0C459A;}

#footer { position:relative; width:965px;  height:70px; margin: 20px 15px 15px 15px; overflow:hidden;
}
/******** FOOTER ********/
#footer .formulaire_recherche {float:left; background:#c74d21; padding:17px 12px 20px 10px; margin-right:1.1em;height:70px;}
#footer .formulaire_recherche label {color:#fff; font-weight:normal;}
#footer .formulaire_recherche input#recherche {border:none;}
#footer .formulaire_recherche input.submit { width:23px; background:none; color:#fff; border:none; font-weight:bold; }

#footer div.icon {float:left; padding: 0; margin:-1px 0.95em 0 0;}
#footer .icon table {border-collapse:collapse;}
#footer .quick {float:left; padding:26px 14px 26px; background:#e96333;  margin-right:1.7em;}
#footer .quick select { background:#fff; border:none; color:#e96333; font-weight:bold; height:20px; width:14em; }

#footer .links {float:left; padding:9px 10px 13px; background:#F0844D;  margin-right:20px; width:15.8em;height:70px;}
#footer .links h5 {color:#fff; font-size:1.1em; font-weight:bold; margin-bottom:2px;}
#footer .links h5 a{color:#fff;font-size:0.85em; margin-left:1.2em;}
#footer .links p {background:#fff; width:15.5em; float:right;font-size:0.85em;padding:2px 5px;margin:0px;letter-spacing:0;line-height:1.5;}
#footer .links .spip_out {color:#F0844D; }

#footer div.newsletter {float:right; padding: 10px 8px; background:#f74707;  max-width:15.8em;height:65px;color:#fff;}
div.newsletter a {color:#fff;}
div.newsletter div {font-size:0.9em;padding:5px 4px;margin-left:-5px;}
div.newsletter h5 {font-size:1.15em; font-weight:bold; color:#fff; padding-left: 10px;}


/********************/
/*********** PARTNERS ************/
div#ad { margin: 0 0 25px 0; background-color:#fff; width:auto; text-align:center; padding:8px 0; border: ; border-top:4px solid #777;}
#ad .titre {color:#444; font-size:1.4em; font-weight:bold; float:left; font-variant:small-caps; margin:11px 0 0 20px;}
#ad .div-ad { position:relative; margin-right:20px; }

#ad2 {float:right;position:relative; width:11%; background:; margin-top: 1em;}
#ad2 h5 {text-align:center; color:#444; font-weight:bold; margin-bottom:8px;}
#ad2 .div-ad img {padding:5px 0 10px 2px; }
/*********************************/

#navigation ul {list-style:none;}
#navigation li {}

.voiraussi { margin:-20px 0 10px 0; padding:0 0 0 8px;}

/************* RIGHT - EVENTS ***************/

#extra {background:#e96333;padding:5px 0 5px 10px; }
#extra h3 {color:#fbfbfb;}
#extra div { margin:0px; padding:2px 0 0 6px;}
#extra a {color:#fff;}
#extra .extra-rub {font-weight:bold;}

.artiste {}
.artiste ul {margin:0; padding:0;list-style:none;font-weight:bold;}
.artiste li {position:absolute; right:-2000px;font-weight:normal;}
.artiste ul:hover li {position:relative;right:0; padding:0; margin-left:10px;}
  
.details {float:left; width:20.5%; margin:32px 24px 0 0; border:1px solid #e96333;color:#e96333; padding:15px 3px;}
.details a {color:#f46333;}
.details h2 {text-transform:uppercase; text-align:left; font-size:1.34em;  margin-top: -23px; padding: 0 3px; background:#fff; width:46px;color:#e96333;font-weight:bold;}
.details .quoi a{color:#f46333; }
.quand {margin-top: 10px;font-size:1em; }
.quand .debut {text-align:left;margin-left:10px;font-weight:bold;}
.quand .fin {text-align:right;margin-right:10px;font-weight:bold;}
.quand .heure {text-align:center;margin-top:8px;}
.quand .heure b {padding:5px;}
.ou {margin-top:20px;}
 .ou p { font-size:0.95em;margin:3px 3px 0 3px;}
 .ou h3 {font-size:0.9em;}
 .ou h5 {font-weight:bold; font-size:1.1em; margin:0 0 0 10px;}
 .map {}
 .combien {margin:5px 0;text-align:center;}

/****************************/
/************** BOTTOM *****************/
div#bottom {color:#fff; font-size:0.9em; margin:0 0 20px 0;}
#bottom a {color:#fff;}

/**************************/
/********HOMEPAGE**********/
/**************************/

#homepage {float:left; width:100%; margin-top:1.1em; }
#homepage #droite {margin-top : 0.8em;}

.lieu { font-size:0.83em;}
#home-alaune .date  a {color:#fff;}
#home-alaune table {width:310px; height:110px;border-collapse:collapse;}
#home-alaune h3 { text-transform:uppercase; font-size:1.2em;font-weight:bold;margin:-1px; padding:1.5px 1.5px 0 ; /*height:32px;*/ 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter:alpha(opacity=75);
opacity:0.75; text-align:right; background:#fff;}
#home-alaune td a {text-decoration:none;}
#home-alaune h3:hover  {opacity:1; filter:alpha(opacity=100); }

div#home-alaune {float:left; position:relative; width:31.1%; height:25.6em; margin: 0 0px 0 16px; padding:0;}

#home-alaune .chapo {text-align:justify;line-height:1.4em;font-weight:bold;font-size:0.95em;}

#home-alaune .descr {margin-top:6px; line-height:1.5em;}
#home-alaune .home-rub { position:absolute; bottom:24px;font-weight:bold; font-size:0.95em; margin-left:2px; line-height:2em;letter-spacing:0.2em;}
#home-alaune div.date { position:absolute; width:96%; bottom:10px; font-size:0.88em; }

#homeactu {float:left; margin: 0.8em 20px 20px 0; width:78%; }
#homeactu a {color:#DC440C;}
#homeactu h3 a {color:#fff;}
#homeactu div.homemedia {float:left; position:relative; width:30.5%; margin: 0 7px 0 13px; }
#homeactu.homemedia h2 {text-align:right; font-size:2em; color:#fff; font-weight:bold;margin:0; padding:20px 2px 0 0; background:#DC440C; z-index:5;}
#homeactu div.homeactu {float:left; position:relative; width:30.5%; margin: 0 7px 0 13px; /*background:#DC440C;*/z-index:1; border-left:2px solid #DC440C; }
#homeactu .homeactu img {float:right; bottom:0; margin:0 0 0 5px; border:2px solid #fff; border-right:none;border-bottom:none;}
#homeactu .homeactu h2 {text-align:right; font-size:2em; color:#fff; font-weight:bold;margin:0; padding:20px 2px 3px 0; background:#DC440C; z-index:5;letter-spacing:0.06em;}
#homeactu .homeactu h3 {background:#DC440C; padding: 6px 0 3px 5px; }
#homeactu .homeactu .descr {margin: 5px 0 0 5px;line-height:1.6em; }

#homeactu1 div.homenews {margin-bottom:5px;}
#homeactu1 .homenews h5 {float:left;position:relative; font-size:1.05em;}
#homeactu1 .scroll {
max-height:200px;
overflow:auto;
}

/*********HOMEACTU 1 **********/
#homeactu1 {float:left; }
#homeactu1 .homeactu {float:left; width:31.1%; margin: 1.4em 0px 0 16px;max-height:230px;overflow:hidden;}
#homeactu1 div.homeactu img { bottom:0; margin:0 0 0 5px;}
#homeactu1 div.homeactu h2 { text-align:left; color:#DC440C; font-weight:normal; letter-spacing:-0.01em;font-size:1.2em;}
#homeactu1 div.homeactu h3 {text-align:center; padding:0; margin-top:1.6em; font-size:1.5em; font-weight:bold; font-variant:small-caps;}
#homeactu1 div.homeactu a {color:#DC440C; }
#homeactu1 div.homeactu div.haut {height:110px;}
#homeactu1 div.homeactu .descr {margin: 5px 0 0 5px;line-height:1.6em; }

#homeactu1 .media {margin-bottom:10px;}
#homeactu1 .media h2 {float:left; position:relative;font-size:1.3em; font-weight:bold;margin:0 0 5px 0; color:#DC440C; /*letter-spacing:-0.03em;*/}
#homeactu1 div.media a {color:#DC440C; font-weight:bold;}
#homeactu1 div.media p  {margin: 10px 0 7px 0; text-align:center;}
#homeactu1 .media div.lien { margin: 0 7px 0 6px; padding-top:2px;font-size:11px; float:right;font-weight:bold;}
#homeactu1 div.lien {  margin: 5px 0 0 0; float:right;}

/********************************************/
/******** RUBRIQUE EVENEMENTS 3 - 17 ********/
/********************************************/
#event .ancre  {float:left; margin:12px 15px 0 0; padding-left:4px; font-variant:small-caps; border-left:14px solid;}

#event table {margin: 0 0 20px 0; border-bottom: 1px dotted #dfdfdf; border-spacing: 0 0 10px 0;}
#event h3 { margin:0 0 0 0 ;}
.page_rubrique #event h3 { font-variant:small-caps;}
#event  td {vertical-align:top; padding-bottom:30px;}
#event td.logo {text-align:center; width:15em;}
#event .logo img {padding: 0 10px 0 0px; margin-left:0px;}
.page_article #event .logo img {padding: 0 0 3px 10px; margin-left:0px;}
.descr {font-weight:normal; font-size:11.4px;color:#000; text-align:justify; margin:0 0 2px 0; }
.chapo {margin: 5px 0 3px 0 ; font-size:11.7px; font-weight:normal;}
.date {padding: 1px 6px; text-align:right; font-size:0.9em; }
div.ouquand { float:left; margin: 5px 0 0;  font-size:1em;font-style: italic; color:#fff; width:auto;padding:1px 7px;text-align:right;} 
div.ouquand a, .ouquand div a {color:#fff;} 
div.ouquand a:hover, .ouquand div a:hover {color:#fff;} 
div.quoi {float:right; font-size:0.8em;color:#fff; padding:0 3px; opacity:0.7;
filter:alpha(opacity=70);}
div.quoi a {color:#fff;}
#event a.lire {margin-right: 16px; float:right;}
.page_article #event .logo {float:right;padding:0;margin-left:10px;}
.page_article div#ad {border-top:2px solid; margin:15px 0 15px 0; padding-top:15px;}
.page_article #ad h3 {font-size:1.3em; font-weight:bold; float:left; font-variant:small-caps; margin:15px 0 0 20px;}


.trailer {margin:15px 0 0 30px;}
.trailer h5 {text-align:left;}

/*******CINE *** FR 8 *** EN 19********/
.home-news-8  {border: #1e8daf;}
.home-news-8
.home-news-8 a {color:#1e8daf;}
.home-news-8 div.date  { background-color:#1e8daf; color:#fff; }
.home-news-8 div.chapo { color:#1e8daf; }

.art8 {color:#1e8daf; background:none;}
.art8 h1{color:#1e8daf;}
.art8 a{color:#1e8daf;}
.art8 a:hover {color:#1e8daf;}
.art8 div.quoi {background:#1e8daf;}
.art8 div.chapo { color:#1e8daf; }
.art8 div.ouquand {background-color:#1e8daf;}
.theme8 {background:#1e8daf;}
.rub8 {color:#1e8daf;}

.home-news-19  {border: #1e8daf;}
.home-news-19 a {color:#1e8daf;}
.home-news-19 div.date  { background-color:#1e8daf; color:#fff; }
.home-news-19 div.chapo { color:#1e8daf; }

.art19 {color:#1e8daf; background:none;}
.art19 h1{color:#1e8daf;}
.art19 a{color:#1e8daf;}
.art19 a:hover{color:#1e8daf;}
.art19 div.quoi {background-color:#1e8daf;}
.art19 div.chapo { color:#1e8daf; }
.art19 div.ouquand {background-color:#1e8daf;}
.theme19 {background:#1e8daf;}
.rub19 {color:#1e8daf;}


/******* EXPO *** FR 9 *** EN 31********/
.home-news-9  {border: #1e67af;}
.home-news-8 h3 {background:#1e67af;}
.home-news-9 a {color:#1e67af ;}
.home-news-9 div.date  { background-color:#1e67af; color:#fff; }
.home-news-9 div.chapo { color:#1e67af; }

.art9 { color:#1e67af; background:none;}
.art9 h1{color:#1e67af;}
.art9 a{color:#1e67af;}
.art9 a:hover {color:#1e67af;}
.art9 div.quoi {background:#1e67af;}
.art9 div.chapo { color:#1e67af; }
.art9 div.ouquand {background-color:#1e67af;}
.theme9 {background:#1e67af;}
.rub9 {color: #1e67af;}

.home-news-31  {border: #1e67af;}
.home-news-31 h3 {background:#1e67af;}
.home-news-31 a {color:#1e67af ;}
.home-news-31 div.date  { background-color:#1e67af; color:#fff; }
.home-news-31 div.chapo { color:#1e67af; }

.art31 { color:#1e67af; background:none;}
.art31 h1{color:#1e67af;}
.art31 a{color:#1e67af;}
.art31 a:hover{color:#1e67af;}
.art31 div.quoi {background:#1e67af;}
.art31 div.chapo { color:#1e67af; }
.art31 div.ouquand {background-color:#1e67af;}
.theme31 {background:#1e67af;}
.rub31 {color: #1e67af;}

/******* EVENTS *** FR 7 *** EN 18 ********/
.home-news-7  {border: #1e36af ;}
.home-news-7 h3 {background:#1e36af;}
.home-news-7 a {color:#1e36af ;}
.home-news-7 div.date  { background-color:#1e36af; color:#fff; }
.home-news-7 div.chapo { color:#1e36af; }

.home-news-18  {border: #1e36af ;}
.home-news-18 h3 {background:#1e36af;}
.home-news-18 a {color:#1e36af ;}
.home-news-18 div.date  { background-color:#1e36af; color:#fff; }
.home-news-18 div.chapo { color:#1e36af; }

.art7 { color:#1e36af; background:none;}
.art7 h1{color:#1e36af;}
.art7 a{color:#1e36af;}
.art7 a:hover{color:#1e36af;}
.art7 div.quoi {background:#1e36af;}
.art7 div.chapo { color:#1e36af; }
.art7 div.ouquand {background-color:#1e36af;}
.theme7 {background:#1e36af;}
.rub7 {color:#1e36af;}

.art18 { color:#1e36af; background:none;}
.art7 h1{color:#1e36af;}
.art18 a{color:#1e36af;}
.art18 a:hover{color:#1e36af;}
.art18 div.quoi {background:#1e36af;}
.art18 div.chapo { color:#1e36af; }
.art18 div.ouquand {background-color:#1e36af;}
.theme18 {background:#1e36af;}
.rub18 {color:#1e36af;}

/*************ARTISTES rub 25 - 29 *************/
#artiste h3 {text-align:right;}
#artiste .rubartiste4, #artiste .rubartiste2 {float:left; margin:0 12px 0 10px; width:47%; height:120px; }
#artiste .rubartiste3, #artiste .rubartiste5 {float:left; margin:0 10px 0 10px; width:30.3%; height:145px; }



/* #artiste.2 {width:46%; height:120px;}
#artiste .3, #artiste .5 {width:30.3%; height:145px;}
#artiste .1 {float:left; margin:0 10px 0 10px;}



/********************************************/
/********** RUBRIQUES NORMALES **********/
/********************************************/
.milieu{float:left; width:75%; margin-bottom:20px;}
.milieu .chapo p {margin-top:18px;}

.gauche {float:left; width:22%; margin-right:20px;}
.gauche .logo img{z-index:1;}
.gauche div.caption {font-size:0.7em;margin-top:-16px;text-align:center;z-index:100;}
.page_article .gauche {margin-top:8px;}
.page_rubrique #content .gauche {margin-top:16px;}

#content .logo {margin-bottom:10px;text-align:center;}
#content .rubrique {margin-left:4px;}
#content .rubrique h3 {margin-bottom:10px;}
#content .rubrique div.sousrub {float:left; width:47.45%; margin:0 2.2% 7px 0;}
#content .rubrique h4 {font-weight:500;}
/*.sousmenu {float: left; position:relative; width:100%;}

.sousmenu ul.A{list-style:none; float:left;position:relative; width:auto;  margin:5px 0px; padding:0px 5px;}
.sousmenu ul.A li{width:130px; display:inline; text-align:left;}
.sousmenu ul.B { position:absolute; display:block; top:15px; left:0; padding:0px;}
.sousmenu ul.B li {background:#fff;}
*/
.sousmenu {margin:0px 0 15px; background:#C73D21; padding:10px 4px;color:#fff; font-size:0.95em;}
.sousmenu a {color:#fff;}
/*.sousmenu div.D{padding-left:30px; font-size:0.9em;}
.sousmenu div.C{padding-left:20px;}
.sousmenu div.B{padding-left:10px;}*/
.sousmenu div.A {margin-bottom:3px; font-size:1.2em; font-variant:small-caps;text-align:center;}
.sousmenu div.B {margin-left:; font-size:; }
.sousmenu div.C {margin-left:10px; font-size:; }
.sousmenu .on {font-size:1.1em;}

#content div.article {float:left; position:relative; width:47%; margin:10px 10px 5px 5px; text-align:justify; height:85px;}
#content .coord {border:3px solid #d4d3d2; padding: 0 5px 0 7px; margin-top:20px;}
#content .sousrub div.sousdescr {position:absolute; left:-2000px;}
#content div.sousrub:hover div.sousdescr {position:relative;left:0; padding:0;}

#droite div.newsletter { margin: 14px 0 0 0 ; background:#f74707; width:auto; padding: 10px 0 10px 8px; color:#fff;}

/*
#droite .newsletter h5 {font-size:0.95em; letter-spacing:0; color:#fff; margin:0 0 2px 0;}
#droite .newsletter input.email { font-size:0.85em; background:#fff; border:none; width:14em;}
#droite .newsletter  input.submit { width:22px; background:none; color:#fff; border:none; font-weight:bold;}
*/
#droite div.formulaire_recherche { background:#c74d21; padding:10px 0 16px 10px; margin-top:14px;}
#droite .formulaire_recherche label {color:#fff; font-weight:normal;}
#droite .formulaire_recherche input#recherche {border:none;}
#droite .formulaire_recherche input.submit { width:23px; background:none; color:#fff; border:none; font-weight:bold; }
#droite div.icon {padding: 0; margin:14px 0 ;}
.icon a { margin-right:5px ;}
#droite .quick { padding:0 10px; background:#e96333; margin-top:14px; height:70px;}
#droite .quick select { background:#fff; border:none; color:#e96333; font-weight:bold; height:20px; margin-top:25px; width:14em;}

 .modif {text-align:right; font-size:0.85em; color:#ccc; margin: 0 15px 5px 0;}

/*********SITE MAP**********/
#sitemap {}
#sitemap div{float:left;width:40%; font-size:1.2em; margin-left:30px; }


/*********ARCHIVES**********/
.archives {float:left;width:80%;}
.archives div.archive {float:left; width:31.5%/*23.4% */;margin:0 10px 10px 0;} /*a modifier apres le mois de juin, passer a 1/3 */
.archives h2 {float:left;  height:35px;font-size:1.5em; font-weight:bold;}
.archives div.navig {float:left; margin:3px 0 0 15px;}
.archives div.navig a{margin-right:10px;}
.archives div.franco a{margin-right:10px;}
.archive i {font-size:0.85em; font-variant:italic;color:#aaa;padding-left:8px;}

/**********FIN ARCHIVES**********/
/********** NAVIGATION WHERE - WHEN - WHAT **********/
div.whwhwh {height:30px; }
.whwhwh select {width:130px; border:none; background-color:#f4f4f4; color:#111; }
.whwhwh option {}
div.what {float:right; margin-right:10px;}
div.where {float:right; margin-right:10px;}
div.when {float:right;}
/********** FIN NAVIG **********/
/********** pages MOT mot.html **********/

.motlogo {float:left; margin-right:15px; margin-bottom:10px;}
.motdescr {font-size:1.1em;}
.motdescr strong {font-size:1.2em; padding-bottom:3em;}
div.motmot {float:left; width:431px; margin-right:15px;}
div.motarts {float:left; width:310px;}
.motarts h3 {padding-bottom:10px; }
.motarts h2 {font-size:1.2em;}
.motarts i {font-size:0.65em; font-variant:italic;color:#aaa;float:right;}
.motextra {color:#fff;}
/********** FIN MOT mot.html **********/

/*********PAGE SEARCH**********/
#content div.search {margin:0 0 15px 10px;}
#content .search div {margin: 0 0 5px 0;}
#content .search h4 {font-size:1.1em; margin: 0 0 3px 0;}
#content .search a {font-size:11.5px;}

/**********FIN PAGE SEARCH***********/