/* Référence des couleurs à modifier
Faire des rechercher/remplacer sur les code couleur
Couleur 1 : #B83233 -> 0228A3
Variantes de dégradés :
#EB6566 -> 3856AF
#FC7677 -> 5573CB
#FD8788 -> 8EC9E7
#FE9899 -> B0DDF3
#FFA9AA -> CAE8F7


Couleur 2 : #FFDB9D -> ECF4FF
Variantes de dégradés pur affichage du forum :
#FDDEAA -> #FEDFB8
#FDE5BC -> #FBE6CD
#FDEDD3 -> #FCEFDE
#FCF7EF -> #FDF6EC
Variante fond des formulaires : #FFE9C3 -> FFFEF8
*/
/* Taille typo : correspondance em / pixels
 * Base				100%
 * -------------------------------------
 * 9px        0.75em
 * 10px       0.83em
 * 11xp       0.91em
 * 12px       1.00em
 * 13px       1.08em
 * 14px       1.17em
 * 15px       1.25em
 * 16px       1.33em
 * 17px       1.42em
 * 18px       1.50em
 * 19px       1.58em
 * 20px       1.67em
 * 21px       1.75em
 * 22px       1.83em
 * 23px       1.92em
 * 24px       2.00em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */
/* Importation de Styles
----------------------------------------------- */
@import url(beespip_styles_menu.css);
@import url(beespip_styles_cartouches.css);
/*body { font-size: 1em; color: #333; }*/
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em
    }
body {
    padding: 0;
    margin: 0;
    background-color: #FFF;
    /*scrollbar-face-color: #FFDB9D;
    	scrollbar-shadow-color: #FFFFFF;
    	scrollbar-highlight-color: #FFFFFF;
    	scrollbar-3dlight-color: #B83233; 
    	scrollbar-darkshadow-color: #B83233; 
    	scrollbar-track-color: #FFE9C3; 
    	scrollbar-arrow-color: #B83233;*/
    }
a:link {
    color: #0228A3;
    text-decoration: none
    }
a:visited {
    color: #0228A3;
    text-decoration: none
    }
a:hover {
    color: #000;
    text-decoration: underline
    }
a.lienblanc:link {
    color: #222;
    text-decoration: none
    }
a.lienblanc:visited {
    color: #222;
    text-decoration: none
    }
a.lienblanc:hover {
    color: #FFF;
    text-decoration: underline
    }
/*  signaler les liens externes comme dans l'espace prive (reprise de spip.net) */
a.spip_out, a.spip_url, a.spip_glossaire {
    background: url(../images-interface/external.png) no-repeat right;
    padding-right: 15px
    }
a:hover.spip_out, a:hover.spip_url, a:hover.spip_glossaire {
    background: url(../images-interface/external.png) no-repeat right
    }
/* *-*-*-*- *-*-*-*- *-*-*             CSS BeeSpip             *-*-*-*- *-*-*-*- *-*-*-*- 
 	 *                                _____________________                                 */
.baseline {
    color: #FFF;
    font-weight: bold;
    /*font-size: 120%;*/
    font-size: 1.33em
    }
.titre_article {
    background: url(../images-interface/fond_titre.gif);
    font-weight: bold;
    /*font-size: 120%;*/
    text-align: center;
    margin-bottom: 0.83em;
    font-size: 1.17em;
    padding: 0.5em
    }
.titre_article_accroche {
    font-weight: bold;
    font-size: 100%;
    text-align: center;
    font-size: 1.33em
    }
.titre_article_contour {
    font-weight: bold;
    /*font-size: 100%;*/
    text-align: center;
    font-size: 1.33em;
    vertical-align: middle
    }
.surtitre {
    font-size: 120%;
    font-weight: bold;
    font-variant: small-caps
    }
.chapo {
    font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: justify;
    font-size: 105%
    }
.texterub {
    font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: justify;
    font-size: 1.08em
    }
.texte, .texte p.spip {
    text-align: justify;
    font-size: 1em;
    line-height: 15px
    }
div.ps {
    font-family: Georgia, Garamond, Times, serif;
    text-align: justify;
    font-size: 1em;
    border: 0;
    border-left: 1px solid #0228A3;
    border-right: 1px solid #0228A3;
    padding: 3px;
    background-color: #F2F2F2
    }
.notes {
    font-family: Georgia, Garamond, Times, serif;
    text-align: left;
    font-size: 0.91em
    }
.mis_a_jour {
    color: #888;
    font-size: 0.8em
    }
h3.spip {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.08em;
    text-align: left;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 0
    }
.titre_tableau {
    text-align: center;
    color: #000;
    font-size: 1em
    }
table.spip tr.row_first {
    background-color: #FCF4D0
    }
table.spip tr.row_odd {
    background-color: #C0C0C0
    }
table.spip tr.row_even {
    background-color: #F0F0F0
    }
div.smallcalev {
    color: #000;
    font-family: Arial, sans-serif, Helvetica;
    font-size: 0.91em
    }
.dateminical {
    font-size: 0.83em
    }
.date {
    color: #ECF4FF
    }
.datecal {
    color: #0228A3
    }
.chemin {
    font-size: 0.83em
    }
.motmenu {
    font-size: 0.83em
    }
.piedpage {
    font-size: 0.83em;
    text-align: center;
    padding-top: 5px
    }
.pieddate {
    color: #000;
    font-size: 0.83em;
    text-align: center;
    padding-top: 5px
    }
.rubform {
    border: 1px solid #0228A3;
    height: 25px
    }
.tabform {
    border: 1px solid #0228A3
    }
blockquote.spip {
    margin-left: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 0;
    border: solid 1px #aaa;
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px
    }
.formulaire_recherche label {
    display: none
    }
.formulaire_recherche {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    background-color: #ECF4FF;
    text-align: center
    }
/* Barre de raccourcis typographiques */
table.spip_barre {
    width: 95%
    }
table.spip_barre a img {
    background: #FDA;
    padding: 3px;
    border: 1px outset #999
    }
table.spip_barre a:hover img {
    background: #FFF;
    border: 1px solid #999
    }
table.spip_barre input.barre {
    width: 100%;
    background: #EEE
    }
/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */
/* Correction des styles HTML par defaut */
.formulaire_spip form, .formulaire_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip option {
    margin: 0;
    padding: 0;
    border: none;
    background: none
    }
/* Styles des formulaires de Spip */
.formulaire_spip {
    text-align: left;
    font-size: 0.97em
    }
.formulaire_spip p {
    margin: 0.5em 0;
    padding: 0
    }
.formulaire_spip fieldset {
    display: block;
    width: 95%;
    margin: 0.77em 0;
    padding: 0.77em;
    border: 1px dotted
    }
.formulaire_spip legend {
    font-weight: bold;
    padding: 3px;
    background: #FFF;
    /* Sinon, superposition dans MSIE */
    }
.formulaire_spip .forml {
    background-color: #FFFEF8;
    border: dashed 1px #0228A3;
    width: 95%;
    padding: 1px;
    /*border: 1px inset;*/
    font-family: inherit;
    font-size: inherit
    }
.spip_bouton {
    text-align: right
    }
.spip_bouton input {
    background-color: #FFFEF8;
    border: 2px solid #0228A3;
    font-size: 0.91em;
    margin: 3px 0;
    padding: 1px 2px;
    border: 2px outset;
    font-weight: bold;
    float: right
    }
/* Reponse du formulaire */
.reponse_formulaire {
    font-weight: bold;
    color: #F00
    }
fieldset.reponse_formulaire {
    border: 1px dotted;
    font-weight: normal
    }
/* Previsualisation du message */
fieldset.previsu {
    padding: 1em;
    border: 1px solid
    }
/* Formulaire de login au forum */
.formulaire_login_forum .forml {
    width: 12em
    }
.formulaire_login_forum .spip_logos {
    float: right;
    padding-left: 10px
    }
/* Choix des mots-clefs */
.choix_mots {
    width: 47%;
    float: left
    }
.choix_mots label {
    display: inline
    }
/* Formulaire de recherche */
.formulaire_recherche {
    text-align: left;
    width: 12em
    }
.formulaire_recherche label {
    display: none
    }
.spip_surligne {
    background-color: #FF6
    }
.margehaute {
    clear: both;
    margin-top: 1px
    }
.vignette_port {
    display: inline;
    position: absolute;
    background: none;
    text-align: center;
    color: black
    }
#imprimer {
    display: none
    }
.bloogletter-right {
    text-align: right
    }
.bloogletter-center {
    text-align: center
    }
.bloogletter-left {
    text-align: left
    }
.blocmax {
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto
    }
.docflottante {
    margin: 2px 4px 2px 4px;
    text-align: center;
    width: 30%;
    float: left
    }
.doc {
    margin: 2px 4px 2px 4px;
    text-align: center
    }
/* *-*-*-*- *-*-*-*- *-*-*      Mise en forme des forums       *-*-*-*- *-*-*-*- *-*-*-*- 
 	 *                                _____________________                                 */
ul.forum-total {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none
    }
ul.forum-total li {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none
    }
.forum-fil {
    margin-top: 0
    }
.forum-fil ul {
    display: block;
    margin: 0;
    margin-left: 2em;
    padding: 0;
    list-style: none
    }
.forum-titre {
    font-weight: bold
    }
.forum-item {
    margin: 0;
    padding: 1em;
    padding-top: 0.5em;
    padding-bottom: 0;
    text-align: justify;
    color: #303030;
    font-size: 100%
    }
.forum-repondre-message {
    text-align: right
    }
/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum {
    border: 1px solid #909090;
    padding: 0;
    margin: 0;
    margin-bottom: 1em
    }
ul ul .forum {
    border: 1px solid #a4a4a4
    }
ul ul ul .forum {
    border: 1px solid #b8b8b8
    }
ul ul ul ul .forum {
    border: 1px solid #ccc
    }
ul ul ul ul ul .forum {
    border: 1px solid #e0e0e0
    }
ul ul ul ul ul ul .forum {
    border: 1px dashed #e0e0e0
    }
/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo {
    border: 0;
    border-bottom: 1px dashed #b8b8b8;
    margin: 0;
    padding: 3px 6px 2px 6px;
    font-size: 0.88em;
    background: #ECF4FF
    }
ul ul .forum-chapo {
    background: #FEDFB8
    }
ul ul ul .forum-chapo {
    background: #FBE6CD
    }
ul ul ul ul .forum-chapo {
    background: #FCEFDE
    }
ul ul ul ul ul .forum-chapo {
    background: #FDF6EC
    }
.lignepointillee {
    margin: 0 10% 0 10%;
    border-top: 1px dashed #0228A3;
    height: 0;
    line-height: 0%;
    font-size: 0
    }
.lignedouble {
    margin: 0;
    border-top: 2px solid #0228A3;
    height: 0;
    line-height: 0%;
    font-size: 0;
    padding: 0 0 3px 0;
    float: none
    }
.espacebloc {
    margin: 0;
    padding-bottom: 10px;
    border: 0;
    font-size: 0.83em;
    line-height: 10px;
    height: 10px
    }
.espaceligne {
    margin: 0;
    padding-bottom: 5px;
    border: 0;
    font-size: 5px;
    line-height: 5px;
    height: 5px
    }
h1 {
    color: #777;
    font-size: 1.5em;
    text-indent: 2em;
    padding: 10px
    }
/* *-*-*-*- *-*-*-*- *-  Gestion des espaces de documents et logos  *- *-*-*-*- *-*-*-*- 
 	 *                                   __________________                                 */
/* Logos, documents et images */
img {
    margin: 0;
    padding: 0;
    border: none
    }
.spip_documents {
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 90%
    }
.spip_documents_center {
    clear: both;
    width: 100%;
    margin: auto
    }
span.spip_documents_center {
    display: block;
    margin-top: 1em
    }
.spip_documents_left {
    float: left;
    margin-right: 15px;
    margin-bottom: 5px
    }
.spip_documents_right {
    float: right;
    margin-left: 15px;
    margin-bottom: 5px
    }
.spip_doc_titre {
    font-weight: bold;
    font-size: 0.8em;
    margin-left: auto;
    margin-right: auto
    }
.spip_doc_descriptif {
    clear: both;
    font-size: 0.8em;
    margin-left: auto;
    margin-right: auto
    }
.spip_logos {
    margin: 3px;
    border-width: 0
    }
i.spip {
    margin: 0;
    padding: 0
    }
.spip_puce {
    list-style-position: inside;
    border-width: 0
    }
/*
 *  Images typographiques (via image_typo)
 */
.image_typo {
    behavior: url(win_png.htc)
    }
/*
 * Barre de raccourcis
 */
a.spip_barre img {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-right: 1px solid #a96;
    border-bottom: 1px solid #a96;
    padding: 3px;
    background-color: #FDA
    }
a.spip_barre:hover img {
    border: 1px solid #808080;
    padding: 3px;
    background-color: #f8f8f4
    }
.pagination {
    padding: 10px 0 0 0;
    text-align: center
    }
.paginationforum {
    padding: 10px 0 0 0;
    text-align: right
    }
/*
 * Habillage des petitions
*/
.signatures {
    margin-left: 0;
    margin-right: 0;
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100%
    }
.signatures td {
    -moz-border-radius: 0.4em
    }
.signatures-titre {
    clear: right;
    font-weight: bold;
    font-size: 120%;
    text-align: center;
    padding: 0.5em;
    margin: 0
    }
.signature-date {
    white-space: nowrap;
    background: #FBE6CD;
    padding: 0.5em
    }
.signature-nom {
    font-weight: bold;
    background: #FCEFDE;
    padding: 0.2em;
    text-align: center
    }
.signature-message {
    font-size: 85%;
    background: #FDF6EC;
    padding: 0.4em;
    text-align: justify
    }
/* Les boutons d'admin survolent la page pour #FORMULAIRE_ADMIN */
.spip-admin-bloc {
    top: 0;
    right: 20px;
    position: absolute;
    background-color: transparent;
    z-index: 100
    }
/* Couleurs et design des boutons d'admin */
a.spip-admin-boutons {
    border-top: 1px solid #CECECE;
    border-bottom: 2px solid #4A4A4A;
    border-left: 1px solid #CECECE;
    border-right: 1px solid #CECECE;
    text-decoration: none;
    text-align: center;
    margin: 0;
    padding: 1px 0.5em;
    font-family: helvetica, arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background-color: #FFF;
    color: #0C479D
    }
a:hover.spip-admin-boutons {
    background-color: #fc3;
    border-bottom: 2px solid #36F
    }
a:active.spip-admin-boutons {
    background-color: #CCC;
    border-bottom: 2px solid #f00
    }