/* --------------------------------------------------------- */
/* 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 { 
color:#333333;
font-family:Arial,Sans-serif;
font-size:12px;
 }

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Arial, 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:#000000; font-weight:bold; }
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:#2F2F2F url(habillage/BodyBG01.png) repeat-x scroll 0 top;
margin:0;
padding:0;
text-align:center;
 }
 
body.page_rubrique, body.page_article, body.page_plan, body.page_recherche  { 
background:#2F2F2F url(habillage/BodyBG02.png) repeat-x scroll 0 8px;
 }

.page_sommaire #page { 
    background:url("habillage/HomeBG01.png") no-repeat scroll left 20px transparent;
    margin:40px auto 10px;
    padding:250px 0 0;
    text-align:left;
    width:920px;
}

#page { 
    margin:5px auto 0px;
    padding:0;
    text-align:left;
    width:920px;
}

.fond {
background: transparent url(habillage/HomeBG02.png) no-repeat scroll center bottom;
margin:0 0 50px;
padding:0;
}

.clear {
    clear:both;
}
/* ------------------------------------------
/* page d'accueil
/* ------------------------------------------ */
.drapo {
float:right;
}
#enteteHome { 
    margin-top:-300px;
    padding-top:1.6em;
    width:100%;
}

#entete { 
width:100%;
}

#logo {
border-bottom:5px solid #CECECE;
}

.page_sommaire .accueil .spip_logos {
position:relative;
}

#bandeau {
left:-19px;
margin:auto;
position:relative;
text-align:center;
width:960px;
height: 300px;
overflow: hidden;
}



/*#entete a.accueil { display: block; width: 67%; }
#entete a.accueil img.spip_logos { vertical-align: bottom; line-height: 1em; }*/

#HomeIcones {
float:right;
margin:0 20px;
position:relative;
top:320px;
width:500px;
}
#HomeIcones ul{
margin:10px 0;
}
#HomeIcones li{
display:inline;
margin:0 2px;
}
.formulaire_recherche { 
background:transparent none repeat scroll 0 0;
float:right;
margin:10px 0 0;
padding:0;
} 
#recherche {
background:#FFFFFF none repeat scroll 0 0;
font-size:14px;
height:20px;
padding:4px;
width:8em;
}

#HomeTexte {
background:transparent url(habillage/HomeBoxBottom01.png) no-repeat scroll center bottom;
float:right;
margin:0 10px;
padding:0;
text-align:left;
width:312px;
}
#HomeTexte h2 {
background:transparent url(habillage/HomeBoxTitle02.png) no-repeat scroll center top;
color:#FFFFFF;
font-size:1.2em;
font-weight:bold;
padding:7px 10px;
}
#HomeTexte ul {
background:#FFFFFF none repeat scroll 0 0;
border-left:1px solid #D5D5D5;
border-right:1px solid #D5D5D5;
margin:0 0 3px;
padding:10px;
min-height:220px;
}
#HomeTexte li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 15px;
}
#HomeTexte a {
color:#000;
}

.page_sommaire #pied { 
background:#999999 none repeat scroll 0 0;
}
.page_sommaire #conteneur { 
    background:none repeat scroll 0 0 #E6E6E6;
    clear:both;
    margin-top:-80px;
    padding:90px 30px 0;
}
.page_sommaire #contenu { 
	padding-top: 0.30em;
	margin:0;
 }

/* ------------------------------------------
/* pages du site
/* ------------------------------------------ */

#Icones {
	background:#E6E6E6 url(habillage/Nav2BG01.png) repeat-x scroll 0 top;
	height:65px;
	margin:0;
	padding:3px 10px;
	position:relative;
	text-align:right;
	clear: both;
}
#Icones ul{
	margin:15px 0 0;
}
#Icones li{
	display:inline;
	margin:0 2px;
}
#Icones .formulaire_recherche { 
	background:transparent none repeat scroll 0 0;
	float:left;
	margin:15px 0 0;
	padding:0;
} 
#Icones #recherche {
	background:#FFFFFF none repeat scroll 0 0;
	font-size:14px;
	height:20px;
	padding:4px;
	width:10em;
}


#contenu { 
	margin:0 250px;
 }

#conteneur { 
    background:none repeat scroll 0 0 #E6E6E6;
    clear:both;
    min-height:350px;
    padding:0 10px 10px 30px;
}


#RightColumn {
float:right;
padding:23px 0 0;
width:170px;
}
#RightColumn .block {
background:#FFFFFF url(habillage/text01_bottom.png) repeat-x scroll center bottom;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 1em;
padding:0;
text-align:left;
}
#RightColumn .block h2 {
background-image:url(habillage/titleCorner03.png);
background-position:right top;
background-repeat:no-repeat;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
margin:0;
padding:5px 10px;
}
#RightColumn .block ul{
border-left:1px solid #D5D5D5;
border-right:1px solid #D5D5D5;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 0px;
padding:10px 5px;
}
#RightColumn .block li{
margin:0.2em 0;
padding:0.2em;
}
#RightColumn .block p{
margin:0.2em 0;
padding:0.2em 0.1em;
}
#extra { float: right; clear: right; width: 30%; margin-top: 1em; overflow: hidden; }

#pied { 
clear:both;
color:#FFFFFF;
font-size:0.9em;
margin:0 auto;
padding:1em 0;
text-align:right;
width:920px;
}
#pied ul{ 
margin:0;
}
#pied li{ 
list-style: none;
display: inline;
margin:0 10px;
}
#pied a, #pied a:hover { 
color:#fff;
}
#pied img { vertical-align: middle; }







/* ------------------------------------------
/* navigation de droite
/* ------------------------------------------ */

#navigation .rub1, .top1, .pied1, .block1 h2 {background-color: #888888;}
#navigation .rub2, .top2, .pied2, .block2 h2 {background-color: #6b206c;}
#navigation .rub3, .top3, .pied3, .block3 h2 {background-color: #00a6a8;}
#navigation .rub4, .top4, .pied4, .block4 h2 {background-color: #e2001a;}
#navigation .rub5, .top5, .pied5, .block5 h2 {background-color: #2fb936;}
#navigation .rub6, .top6, .pied6, .block6 h2 {background-color: #995498;}
#navigation .rub7, .top7, .pied7, .block7 h2 {background-color: #54bbe6;}
#navigation .rub8, .top8, .pied8, .block8 h2 {background-color: #a50f39;}
#navigation .rub9, .top9, .pied9, .block9 h2 {background-color: #f29400;}
#navigation .rub10, .top10, .pied10, .block10 h2 {background-color: #e2007a;}
#navigation .rub26, .top26, .pied26, .block26 h2 {background-color: #888888;}

#navigation .rub16, .top16, .pied16, .block16 h2 {background-color: #6b206c;}
#navigation .rub17, .top17, .pied17, .block17 h2 {background-color: #00a6a8;}
#navigation .rub18, .top18, .pied18, .block18 h2 {background-color: #e2001a;}
#navigation .rub19, .top19, .pied19, .block19 h2 {background-color: #2fb936;}
#navigation .rub20, .top20, .pied20, .block20 h2 {background-color: #995498;}
#navigation .rub21, .top21, .pied21, .block21 h2 {background-color: #54bbe6;}
#navigation .rub22, .top22, .pied22, .block22 h2 {background-color: #a50f39;}
#navigation .rub23, .top23, .pied23, .block23 h2 {background-color: #f29400;}
#navigation .rub24, .top24, .pied24, .block24 h2 {background-color: #e2007a;}
#navigation .rub25, .top25, .pied25, .block25 h2 {background-color: #888888;}
#navigation .rub27, .top27, .pied27, .block27 h2 {background-color: #888888;}






/*
#navigation { 
background:transparent url(habillage/NavBG01.png) no-repeat scroll left bottom;
float:left;
left:-53px;
padding:0 0 0 40px;
position:absolute;
}
#navigation .menu{ clear:both;  margin-bottom:10px; text-align:left;position:relative;}
#navigation ul.niveau1 {top:0px;margin:0;padding:0;position:relative;top:5px;}
#navigation li.nav1 {top:0px;background:transparent;margin:0;padding:0;position:relative;height:24px;}
#navigation li.nav1 a{color:#fff;top:0px;padding:5px 8px;text-transform:uppercase;position:relative;z-index:1;background-image:url(habillage/NavReflect01.png);background-position:top left;background-repeat: repeat-y;}
#navigation ul.niveau2 {float:left;left:50px;display:none;margin:0 0 0 0;padding:5px 0 5px 5px;;position:absolute;width:900px;z-index:5;}
#navigation li.nav2 {display:inline;margin:0;padding:5px 8px;background:transparent;}
#navigation li.nav2 a{color:#fff;background:none;}
#navigation LI:hover UL.niveau2 {   DISPLAY: block}
#navigation LI.sfhover UL.niveau2 { DISPLAY: block}
*/
#navigation { 
    background:url("habillage/NavBG01.png") no-repeat scroll left bottom transparent;
    float:left;
    margin:0 0 0 -83px;
    min-height:280px;
    padding:0;
    position:relative;
    width:275px;
    height:412px;
}
#navigation .menu {
    /*bottom:0;*/
    top:0;
    margin-bottom:10px;
    position:absolute;
}
#navigation ul.niveau1 {
    margin:0 0 0 50px;
    padding:0;
}
#navigation li.nav1 {
    background:none repeat scroll 0 0 transparent;
    height:40px;
    margin:0;
    padding:0;
    width:220px
}
#navigation li.nav1.presse a {
    min-width:70px;
}
#navigation li.nav1 a {
    /*background-image:url("habillage/NavReflect02.png");*/
    background-image:url("habillage/NavReflect08.png");
    background-position:left top;
    background-repeat:repeat-x;
    color:#FFFFFF;
    float:left;
    padding:13px 8px 0 8px;
    height:27px;
    text-transform:uppercase;
}
#navigation li.presse a{
	border: 1px solid #666;
}
#navigation li.presse a {
    background-image:url("habillage/NavReflect10.png");
}
#navigation li.nav1 a:hover {
	text-decoration:none;
	/*background-image:url("habillage/NavReflect07.png");*/
	background-image:url("habillage/NavReflect09.png");
}
#navigation ul.niveau2 {
    display:none;
    float:left;
    margin:0;
    padding:0;
}
#navigation li.nav2 {
    background:none repeat scroll 0 0 transparent;
    display:inline;
    margin:0;
    padding:0;
}
#navigation li.nav2 a {
    color:#fff;
    background:none;
    font-size: 10px;
}
#navigation li.nav2 a:hover {
	text-decoration:underline;
	background-image:none;
}
#navigation li.nav1:hover {
    width:923px;
}
#navigation li.nav1:hover ul.niveau2 {
    display: block;
}
#navigation li.sfhover ul.niveau2 {
    display: block;
}








/* 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
/* ------------------------------------------ */

#contenu { 
margin:0;
 }
 
#texte {
    background:url("habillage/text01_bottom.png") repeat-x scroll center bottom #FFFFFF;
    border-left:1px solid #D5D5D5;
    border-right:1px solid #D5D5D5;
    line-height:1.6em;
    margin:0 180px 20px 190px;
    padding:20px 0 3px;
}
.top {
    background-image:url("habillage/titleCorner03.png");
    background-position:right top;
    background-repeat:no-repeat;
    height:30px;
    margin:0 180px 0 190px;
}
.titre {
font-size:22px;
font-weight:bold;
margin:0 10px 5px;
}
#texte .spip_logos {
margin:5px 0px 5px 10px;
}

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

#hierarchie { margin-bottom: 1em; 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; margin:0 0 15px 10px; }
.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;  margin: 0 10px; }
.texte { line-height:1.6em;     margin:20px 10px;}
.hyperlien { display: block;    background: #EEE;   padding: 0.50em 1em;    font-weight: bold;      color: #8B6F92; }
.ps, .notes { border-top:1px solid #DDDDDD;     line-height:1.4em;      margin:2em 10px;    padding:1em 0 0;}
.notes { clear: both; font-size: 0.90em; }
hr.spip {border:1px solid #EEEEEE;  clear:left;}

abbr.published { border: 0; }



/* Recherche */
.SearchResults {
line-height:1.6em;
margin:20px 10px;
}

.SearchArticles ul, .SearchRubriques ul{border-bottom:3px solid #DDDDDD;    margin:10px 0 0;    padding:0 0 5px;}
.SearchArticles li, .SearchRubriques li{list-style:none;}
.SearchResults ul {margin:10px 0 0;     padding:0 0 5px;}
.SearchResults li {list-style:none;}


/* Plan */
.plan { }
.plan h2 { padding:0 10px;}
.plan h3 {}
.plan .intro {color:#666666;    font-size:10px;     line-height:120%;   margin:3px 0 10px;  padding:0 10px;}
.plan ul { margin:10px 0;   padding:0 30px;}
.plan li { list-style-type:none;    margin:0;       padding:0;}

/* Portfolio */
#documents_portfolio { background:#000000 none repeat scroll 0 0;       clear:both; margin:2em auto 0;      padding:10px 0;     text-align:center;}
#documents_portfolio img{  margin: 2px; }
#documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #000; }
#documents_portfolio a.on .spip_logos { border-color: #444; }
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos { border-color: #444; }

div.socialtags {clear:both;     margin:2px 0 0;     padding:0 10px;     text-align:right; }

/* 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 { background:#FFFFFF none repeat scroll 0 0; 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 { list-style-image:none;   list-style-position:outside;    list-style-type:none;   margin:0 10px;  padding:0; }
.menu ul li { margin: 0.20em 0; padding: 0.20em;}
.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; }

.PremierPlan {}
.PremierPlan a{color:#FFFFFF;}
.PremierPlan a:hover{color:#AAA;text-decoration:none;}
.PremierPlan ul{}
.PremierPlan ul li{background:#2F2F2F url(habillage/titleCorner04.png) no-repeat scroll right top; clear:both; color:#FFFFFF; margin:1em 0; min-height:100px; padding:1em;}
.PremierPlan ul li h3{color:#FFFFFF; font-size:1.6em; margin:0.3em 0; text-transform:uppercase;}
.PremierPlan .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; }
.PremierPlan ul li .introduction { margin-top: 0.30em; line-height: 1.40em; }


/* Listes d'articles et extraits introductifs */
.articles ul li { clear:both;min-height:100px;padding:0.4em 0.2em;}
.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: #333; text-decoration: none; }
a:focus,a:hover,a:active { color: #333; text-decoration: underline; }




/* Formulaires dynamiques
---------------------------------------------- */
#texte .spip_forms {border:0px;}
#texte .spip_forms fieldset {border-width:0;	margin:0.5em 0;		padding:0.4em 0.4em 0.4em 1em; }
#sondage {background-image:none;color: #fff}
#sondage a {color: #fff}
#sondage h3.spip {font-size:2em;}
#sondage .spip_forms {color: #fff;	border:0px;}
#sondage .spip_forms fieldset {border-width:0;	margin:0.5em 0;		padding:0.4em 0.4em 0.4em 1em; }
#sondage .spip_forms .spip_sondage strong {color: #fff;		border:3px solid #000000;	margin:3em;}
#texte .spip_forms .forml, #texte .spip_forms .formo {border:1px solid #555; }
#texte .spip_forms .spip_bouton input {border:1px solid #888; background: #ddd; color:#333}

/* Plugin Rainette
---------------------------------------------- */
#texte .rainette_previsions_24h {border:1px solid #DDDDDD;	float:left;	margin:0;	width:120px;}
#texte .rainette_conditions {width:480px;}

/* Plugin EnvoyerAmi
---------------------------------------------- */
#texte .envoyerAmi {padding:10px;}


/*********************************/
/*          carousel             */
/*********************************/

.carousel, .carousel .carousel-wrap{border:0 none;	margin:0px;}
.carousel.js .carousel-wrap{width:180px;float:left;margin:0px;}
#bandeau .carousel.js .carousel-wrap {width: 960px;height: 300px;}
.carousel ul{margin:0;padding:0;}
.carousel.js ul li{display:inline;float:left;padding:20px 0;width:180px;text-align:center;}
#bandeau .carousel.js ul li{width:960px; padding: 0px;}
.carousel {/*display: none;*/}
.carousel .carousel-control{display: inline;float: left;margin: 15px 0 0;padding: 5px 10px;font-weight: bold;font-size: 11px;cursor: pointer;}
.carousel .disabled{color:#ddd;cursor:default;background:#f4f4f4;}
.carousel div{margin:0;padding:0;border:0;}
div.center-wrap{clear:both;border:0;}
div.center-wrap div{border:0;}
.carousel .hide{display:none;float:left;/*visibility: hidden;*/}
#bandeau img {float:left;}