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

#header1
{
   float: left;
   /*width: 342.6px;
   height: 148.5px;*/
   width: 342.6px;
   height: 148.5px;
   padding-top: 0.3em;
   padding-bottom: 0.3em;
}

#header2
{
   float: right;
   /*width: 534.9px;
   height: 148.5px;*/
   width: 534.9px;
   height: 148.5px;
   /*margin-left: 2px;*/
   padding-top: 0.3em;
   padding-bottom: 0.3em;
}


/* ------------------------------------------
/* 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: #4A659C; }
/* acienne font : font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif;*/

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; }
h1 { font-size: 1.70em; color: #4a659c; padding-left:1em; 
    background: url(../IMG/pucePiedGauche.gif) no-repeat left center;}
h2 { font-size: 1.20em; font-weight: bold; margin:0.3em;}
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { background: url(../IMG/rondRouge.gif) no-repeat left center;
    color: #4a659c; padding-left:1em; border-bottom:1px solid #7287B2;}
h3 { font-size: 1.20em; font-weight: normal;padding-left:1em; color: #4a659c; 
    background: url(../IMG/croix.gif) no-repeat left center;}
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 */

a.mots {text-decoration:none; margin:0.5em; font-size:1.3em;}
/* ------------------------------------------
   Disposition a l'ecran des blocs principaux
   ------------------------------------------ */
body { background: #FFF; margin: 0; padding: 0; text-align: center; }

#margegauche {
    padding: 0 0 0 0px;
    position: absolute;
    left:50%;
    margin-left:-42em; 
    width: 8em;
    height: 30em;
    visibility: hidden;
    background-image: url(../IMG/bordureGauche.jpg);
    background-repeat: repeat-y;
    background-position: center bottom;
}
#margedroite {
    padding: 0 0 0 0px;
    position: absolute;
    left:50%;
    margin-left:34em; 
    width: 8em;
    height:30em;
    visibility: hidden;
    background-image: url(../IMG/bordureDroite.jpg);
    background-repeat: repeat-y;
    background-position: center bottom;
}
#margebas {
    padding: 0 0 0 0px;
    position: absolute;
    left:50%;
    margin-left:-42em; 
    width: 83.9em;
    height:8em;
    visibility:  hidden;
    background-image: url(../IMG/bordureBas.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}

#margeNaviDroite {
    float: left; 
    overflow: hidden; 
    padding: 0 0 0 0px;
    width: 20px;
    height: 10em;
    visibility: hidden;
    background-image: url(../IMG/bordureNaviDroite.jpg);
    background-repeat: repeat-y;
    background-position: center bottom;
}

#page { background: #F2F2F2 url(../IMG/fondAccueil.png) right bottom no-repeat; position: relative; width: 68em; margin: 0 auto; text-align: justify;
border-left: 2px solid #7287B2; border-right: 2px solid #7287B2; }

#entete { background: #7287B2 url(../IMG/rayure.jpg) repeat-x center top; width: 68em; margin: 0; padding-top: 2em; }
#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: right; width: 65%; overflow: hidden; color:#4A659C;}
#contenu { padding-right: 2em; padding-top: 0.30em; }

#navigation { float: left; width: 30%;  overflow: hidden; background: #FFF url(../IMG/rayureMenu.gif) repeat left top;
 font-size: 0.9em;
 margin-top: 0em; }
#naviBouge {background: #FFF; margin-top:-80px; marginTop:-80px;}
#rayureMenuCenter {padding: 1em;}
#rayureMenuTop{ margin-bottom:2em; width:150%; height:50px; background: #FFF url(../IMG/rayureMenuTop.gif) repeat-x left top}
#rayureMenuBottom{ margin-top:0em; width:150%; height:50px;background: #FFF url(../IMG/rayureMenuBottom.gif) repeat-x left bottom}
#extra { float: right; clear: right; width: 30%; margin-top: 1em; overflow: hidden; }

#pied { background: #7287B2 url(../IMG/rayure.jpg) repeat-x center bottom; clear: both; width: 100%; margin: 0; padding: 0.40em 0; border-top: 1px solid #7287B2; text-align: right; color: #fff; }
#pied img { vertical-align: middle; }
#pied a { color: #fff; }
#pied a:hover { color: #4a659c; }

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

.sep {margin-left:1em; margin-right:1em; font-weight: bold;}
div.plan {margin-left:5em;}
.plan h3 { margin-top:0.5em;}
div.plan ul { margin-top:0.5em;}
.cartouche {margin-top: 1em;}
.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: #FFFFFF; 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; }

/* Habillage des forums
---------------------------------------------- */
.repondre { clear: both; margin-top: 2.50em; margin-right: 1em; text-align: right; font-weight: bold; }


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

/*.entry-title {margin-left: 1em; background-image: url("../IMG/puce.gif);}*/
li { list-style: none; }
.menu articles li {listStyle: none; }
/* Habillage general des menus de navigation */
.menu { clear: both; margin-bottom: 2em; text-align: left; width:100%; }
.menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }

.menu ul {  margin: 0 0 0 2em; padding: 0; list-style: none; }
.menu ul li { margin: 0 0; padding: 0em; }
.menu ul li ul { margin: 0.5em 0 0.5em 2.5em;  border: 0; border-left:2px solid #ff4e10;}
.menu ul li li {}
/*menu deroulant: couleur de base bleu clair... */
.menu ul li a {padding: 0 0 0 1.4em; margin:0 0 0 -1.2em; font-size:1.1em;}
.menu ul li a:hover { background:url(../IMG/croix.gif) no-repeat left center; }
.menu ul li a.on {  font-weight: bold; background:url(../IMG/croix.gif) no-repeat left center;  }
.menu ul li ul li a {font-size:1em;}
.menu ul li ul li a.on {  font-weight: bold; background:url(../IMG/croix.gif) no-repeat left center; }


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

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

/*.rubriques ul li { border: 0; border-left:2px solid #7287B2; padding: 0 0 0 0; }*/
.rubriques ul li {}





/*

li { list-style: none; }
.menu articles li {listStyle: none; }

.menu { clear: both; margin-bottom: 2em; text-align: justify; }
.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 0; padding: 0.20em; border-top: 1px solid #DDD; }
.menu ul li ul { margin-left: 1em; margin-top:0.3em; border: 0; }
.menu ul li li {} 


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


.rubriques ul { border: 0; }
.rubriques ul li { border: 0; border-left:2px solid #7287B2; padding: 0 0 0 0.4em;  }
.rubriques ul li { background: url("../IMG/trait.gif") no-repeat left top; border: 0; padding: 0 0 0 1em;  }*/









.formulaire_recherche {} /*Cf.: spip_formulaires.css*/

/* Listes d'articles et extraits introductifs */
.articles ul li { clear: both; padding: 0.40em 0.20em; list-style: none;}
.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,a.spip_out { color: #4a659c; text-decoration: none; text-decoration: underline;}
a:focus,a:hover,a:active,a.spip_out:focus,a.spip_out:hover,a.spip_out:active,a:hover h1,a:hover h2,a:hover h3 { color: #FF4e10; text-decoration: underline; }