/* ================================================================ 
Previtrine
=================================================================== */
#previtrine
{
width: 100%;
height: 85px;
clear: both;
margin-bottom: 5px;
background-repeat : no-repeat;
background-position: bottom;
}

#previtrine IMG
{
}

#previtrine a
{
text-decoration : none;
font-size: small;
line-height: 1.2em;
}

.articleprevitrine
{

}

.articleprevitrine h4
{
text-align:left;
}

.articleprevitrine h4 img
{
float:left;
margin-right: 10px;
}

.containervitrine h4
{
float : left;
width: 140px;
margin-left: 3px;
}



.containervitrine h3
{
clear : both;
}

.containervitrine h2
{
text-align : center;
clear : both;

border-top: dotted 3px #CCCCCC; 
}
/* ================================================================ 
Vitrine
=================================================================== */

.vitrine h4
{
text-align : center;
float : left;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
width: 170px;
height: 150px;
}



.vitrine h3
{
clear : both;
}

.vitrine h2
{
text-align : center;
clear : both;

border-top: dotted 3px #CCCCCC; 
}

.elevitrine
{
width:100%; 
clear: both;
}

/* ================================================================ 
COMMANDER ALPHA
=================================================================== */
 .commander h3
{
color: #FFFFFF;
 }
 .commander
{
margin-top :30px;
 }
 
.commander form
{
text-align : center;
 }
 
.achatexterne IMG
{
text-align : center;
margin-top: 10px;
margin-left: 37px;
}

/* ================================================================ 
END COMMANDER ALPHA
=================================================================== */


#pad {height:100px;}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 #avenir 
{
padding-bottom: 10px;
border-bottom: dotted 3px #CCCCCC; 
 }
 
 #avenir IMG {
float: left;
margin-top: 10px;
border: 1px solid #000000;
margin-right: 20px;
margin-bottom: 5px;
}

#avenir .texte {
font-size: 0.9em;
 }

#avenir p
{
text-indent: 20px;
text-align: justify;
margin-bottom: 20px;
 }
 
#avenir h1
{
font-style: italic;
line-height: 1.1em;
text-align: right;
color: #ffffff;
font-size: 1em;
font-weight: bold;
margin-bottom: 8px;
}
 
#avenir h2
{
font-size: 1.2em;
line-height: 2.3em;
color: #ffffff;
text-decoration: none;
}
 
h1.newstexte 
{
font-size: 1.4em;
padding-bottom: 13px;
background-image: url("themes/filet.png");
background-repeat : no-repeat;
background-position: bottom;
} 

/* ================================================================ 
paragraphe des news/actus
=================================================================== */
p.hnews 
{
margin-bottom:20px;
} 
 
 
 
 
#news 
{
width:525px; 
clear: left;
padding: 45px 25px 1px 25px;
background-image: url("themes/tualite.png");
background-repeat : no-repeat;
background-position : top;
/* background-color: #464646;*/
}
 
#newsbottom div.texte p
{
margin-bottom: 20px;
}
 
#newsbottom
{
width:575px; 
background-image: url("themes/tualitebas.png");
background-repeat : no-repeat;
background-position : bottom;
clear: both;
}
 
 
#nouveaute 
{
margin-bottom : 30px;
width:47%; 
float:left;
}
 
 
#nouveaute  a
{
color: #ffffff;
text-decoration: none; 
}

#nouveaute  a:hover 
{
color: #FFCC00;
}
 
#nouveautebis  a
{
color: #ffffff;
text-decoration: none; 
}

#nouveautebis  a:hover 
{
color: #FFCC00;
}
 
.presenteur
 {
font-style: italic;
font-weight: bold;
text-align: right;
border-bottom: dotted 3px #CCCCCC; 
margin-bottom: 5px;
}
 
#avenir a {color: #ffffff; text-decoration: none; }
#avenir a:hover {color: #FFCC00;}
 
#nouveaute IMG {
float: left;
margin-top: 10px;
border: 1px solid #000000;
margin-right: 20px;
margin-bottom: 5px;
}

#nouveaute p
{
text-indent: 20px;
text-align: justify;
margin-bottom: 20px;
 }
 
#nouveaute h1
{
font-style: italic;
line-height: 1.1em;
text-align: right;
color: #ffffff;
font-size: 1.10em;
font-weight: bold;
margin-bottom: 8px;
}
 
#nouveaute h2
{
font-size: 1.2em;
line-height: 2.3em;
color: #ffffff;
text-decoration: none;
}

#nouveaute h3
{
font-style: italic;
line-height: 0.7em;
text-align: right;
color: #bbbbbb;
font-size: 0.9em;
font-weight: normal;
margin-bottom: 8px;
}

#nouveautebis h3
{
font-style: italic;
line-height: 0.7em;
text-align: right;
color: #bbbbbb;
font-size: 0.9em;
font-weight: normal;
margin-bottom: 8px;
}
 
#nouveautebis 
{
margin-bottom : 30px;
width:47%; 
float:right;
}
 
#nouveautebis IMG {
float: left;
margin-top: 5px;
border: 1px solid #000000;
margin-right: 15px;
margin-bottom: 0px;
}

#nouveautebis p
{
text-indent: 20px;
text-align: justify;
margin-bottom: 20px;
}
 
#nouveautebis h1
{
font-style: italic;
line-height: 1.1em;
text-align: right;
color: #ffffff;
font-size: 1.10em;
font-weight: bold;
margin-bottom: 8px;
}
 
#nouveautebis h2
{
font-size: 1.2em;
line-height: 2.3em;
color: #ffffff;
text-decoration: none;
}
 
#menuPositioner {width:826px; position:relative; height:69px; background:url(menu3.gif); background-position:bottom; background-repeat:no-repeat}
#menuHolder {position:relative; float:left; left:50%;}
#menu, 
#menu ul {padding:0; margin:0; list-style:none; font: 12px arial, verdana, sans-serif; position:relative; z-index:100;}
				#menu {height:40px; float:left; padding:0;  position:relative; right:50%;}
#menu ul {position:absolute; left:-9999px; top:-9999px;}
#menu table {border-collapse:collapse; margin:-1px; padding:0; width:0; height:0;}
#menu li {float:left;}
#menu li a {display:block; float:left; color:#fff; height:40px; padding:0 20px 0 0; line-height:38px; text-decoration:none; background:url(button1a.gif) no-repeat right top;}
#menu li a.sub {background:url(button3a.gif) no-repeat right top;}
#menu li a b {display:block; float:left; height:40px; background:url(button1.gif) left top; padding:0 0 0 20px; cursor:pointer;}
#menu li:hover {position:relative; z-index:100;}
#menu a:hover {position:relative; z-index:100; color:#fc0;}
#menu a.sub:hover {background:url(button3.gif) no-repeat right top;}
#menu li:hover > a {color:#fc0;}
#menu li:hover > a.sub {background:url(button3.gif) no-repeat right top;}

#menu :hover ul {left:0; top:40px; z-index:300; width:130px; padding-top:4px; background:url(trans.gif);}
#menu :hover ul li a {height:25px; width:180px; padding:0 0 0 10px; line-height:25px;  color:#fff; border-bottom:1px solid #b75e61; border-left:1px solid #b75e61; border-right:1px solid #b75e61; font-size:11px;}
#menu :hover ul li a.fly {background:#482426 url(fly.gif) no-repeat right center;}

#menu :hover ul li a:hover {color:#fc0;}
#menu :hover ul li a:hover.fly {background:#402021 url(fly-over.gif) no-repeat right center;}
#menu :hover ul li:hover > a {color:#fc0;}
#menu :hover ul li:hover > a.fly {background:#402021 url(fly-over.gif) no-repeat right center;}

#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px;}

#menu :hover ul :hover ul {left:117px; top:0; padding:0;}
#menu :hover ul :hover ul li a {background:#8e6c6d; color:#000; border-bottom:1px solid #673a3b; border-left:1px solid #673a3b; border-right:1px solid #673a3b; font-size:11px;}
#menu :hover ul :hover ul li a:hover {color:#fff;}

.articles ul li .introduction { text-align: justify;}

#content { 
border-left-width:3px;
border-left-style:solid;
border-left-color:#663333;
border-right-width:3px;
border-right-style:solid;
border-right-color:#663333;
color: #CCCCCC;
margin: 0px 0px 0px 0px;
padding: 10px 20px 10px 20px;
/* ==== height: 450px; ====== */
/*width: 780.5px;*/ 
background-image: url("themes/content.gif");
background-repeat: repeat-x;
background-position: bottom left;
min-width:780px;
}
html>body #content
{
display: table;
/*width: 780px; */
}



#bottom{ 
color: #333;
margin: 0px 0px 0px 0px;
height: 58px;
width: 826px;
background-image: url("themes/bas1.gif");
background-position: bottom left;
background-repeat: no-repeat; /* L'image ne se répètera pas*/
}

.citations{
float: right;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: left;
font-style: italic;
font-weight: normal; 
font-size: 1em; /* Fasse une hauteur de 3 lignes */
text-indent: 0px; /* Les paragraphes commenceront 0 pixels sur la droite */
color: #DEDEDE;
width: 450px;
}

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

/*  Habillage du bloc menu (barre de mavigation horizontale)
/*  ------------------------------------------ */
#menu { margin:0 12px; }
#menu ul {margin: 0; padding: 0;  list-style: none; }
#menu ul li { display:inline;}
#menu ul li a {display:block;float:right; background: #666; color:#fff; text-decoration:none; font-size:0.9em; padding:4px 12px;border:1px solid #efefef;border-top:0 solid #333;}
#menu ul li a:hover {background: #333; border:1px solid #d89a9c;border-top:0 solid #333;}

/* ------------------------------------------
/* 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: #CCCCCC; }

/* 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: #E7E7E7; }
h2 { font-size: 1.40em; font-weight: normal; }
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #ACACAC; }
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: #d3913b; }
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-image: url("themes/background_script.png");
background-repeat: repeat-x;
background-position: top left;
background-attachment: fixed;
background-color: #464646; margin: 0; padding: 0; text-align: center; }

#page { position: relative; width: 826px; margin: 0 auto; text-align: left; }
#entete { width: 760px; margin: 0; padding-top: 1.60em;}
#entete a.accueil { display: block;}
#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: 77%; overflow: hidden;}
#contenu { padding-top: 0.30em; border-right: dotted 3px #CCCCCC;  padding-right: 1.5em;}

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

#pied { clear: both; width: 100%; margin: 0; padding: 0.40em 0; 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: #9B6D00; }

.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: #999999; 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.55em; line-height: 1.30em; font-weight: bold; color: #CCCCCC; }
.texte { line-height: 1.50em; text-align:justify ; }
.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 #ecd3a2; }
#documents_portfolio a.on .spip_logos { border-color: #ecd3a2; }
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos { border-color: #854c4c; }

/* 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: #ebb76c; }
.forum-texte { margin: 0; padding: 0.50em 1em; color: #HHH; }
.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 #b35959; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #bf6060; }
ul ul ul .forum-message { border: 1px solid #cc6666; }
ul ul ul ul .forum-message { border: 1px solid #d96c6c; }
ul ul ul ul ul .forum-message { border: 1px solid #e57373; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #f27979; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: 0; border-bottom: 1px dotted #b35959; margin: 0; padding: 3px 6px 2px 6px; background: #733939; }
ul ul .forum-chapo { background: #663333; }
ul ul ul .forum-chapo { background: #663333; }
ul ul ul ul .forum-chapo { background: #663333; border-bottom: 1px dotted #b35959; }
ul ul ul ul ul .forum-chapo { background: #663333; }

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

/* LISTE VITRINE */
.listest {float: left;}

.listevitrine { clear: both; margin-bottom: 2em; text-align: left; }
.listevitrine p { margin: 0.20em 0; padding: 0.20em 0.10em;  }
 /*.menu ul { margin: 0; padding: 0; list-style: none;   } /*border-bottom: 1px solid #DDD;  A DEBUGER BUG BUG*/

.listevitrine ul li {margin: 0.20em 0; padding: 0.20em; border-top: 1px solid #DDD; }
.listevitrine ul li a{ font-size:1.15em; font-weight:bold; }
.listevitrine ul li IMG{margin:15px; }
.listevitrine ul li ul a{font-size:1.1em; font-weight:normal; }
.listevitrine ul li ul { margin-left: 1.5em; border: 0; }
.listevitrine ul li li { padding: 0; border: 0; }
.listevitrine h2  {font-size: 1.20em; }
.listevitrine ul li { margin: 0.20em 0; padding: 0.20em; border-top: 1px solid #DDD; }




/* 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.20em 0; padding: 0; list-style: none;   } /*border-bottom: 1px solid #DDD;  A DEBUGER BUG BUG*/
.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; }
.menu ul li { margin: 0.20em 0; padding: 0.20em; border-top: 1px solid #DDD;}
.menu h2  {font-size: 1.20em; }
.menu ul li { margin: 0.20em 0; padding: 0.20em; border-top: 1px solid #DDD; }

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

.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: #9B6D00; text-decoration: none; }
a:focus,a:hover,a:active { color: #FFCC00; text-decoration: underline; }
a.spip_out{color: #9B6D00; text-decoration: none; }
a.spip_out:focus,a.spip_out:hover,a.spip_out:active { color: #FFCC00; text-decoration: underline; }


/* Pages spéciales
---------------------------------------------- */
#contenuspe { padding-top: 0.30em;  }
#bandeau_poids { background-image: url("themes/poids_background.jpg"); height: 200px;}
#conteneurspe { clear: both; float: left; width: 100%; overflow: hidden;}
#contentspe { 
border-left-width:3px;
border-left-style:solid;
border-left-color:#663333;
border-right-width:3px;
border-right-style:solid;
border-right-color:#663333;
color: #CCCCCC;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
/* ==== height: 450px; ====== */
width: 754px;
background-image: url("themes/content.gif");
background-repeat: repeat-x;
background-position: bottom left;
}
html>body #contentspe
{
display: table;
width: 755px;
}