/* CSS Document */

/*//////////////////////////////////////////////////////styles pour toute la page*/
body {
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    font-size:0.8em;
    background-color: #006699;
    text-align:left;
}
#page {
    WIDTH: 970px;
    MARGIN-LEFT: auto;
    MARGIN-RIGHT: auto;
    position: relative;   
}
/*pied*/
.pied {
    text-align: center;
    height:20px;
    background-color:#FFFFFF;
}
.pied-barre {
        margin-right: 10px;
    margin-left: 10px;
        margin-bottom: 5px;
        border-bottom-style: dotted;
    border-width: 1px;
    height:20px;
    background-color:#FFFFFF;
}
.pied img { 
    vertical-align: bottom; 
}
/*///////////////////////////////////////          images              */
.image{
    text-align:center;
    vertical-align: top;
}
.image_incluse{
    float: left;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
}
/*liens*/
a{
    text-decoration: none;
    color: #006699;
}
a:hover {
    text-decoration: none;
    color:#99CC00;
}
.menu_lien{
    font-weight:bold;
    font-size:1.1em;
    text-decoration: none;
    background:#CC0000;
    color: #FFFFFF;
    padding:5px;
}
.menu_lien:hover {
    font-weight:bold;
    font-size:1.1em;
    text-decoration: none;
    background:#99CC00;
    color: #FFFFFF;
    padding:5px;
}
#menu_1 {
    list-style-type: none;
    margin-bottom:30px;
} 

#menu_1 li {
     margin-bottom: 5px;
}

#menu_1 a {
     font-weight:bold;
     font-size:1.1em;
     padding: 3px;
     display: block;
     text-align: center;
     text-decoration: none;
     color: #fff;
     background: #99CC00;
}
     
#menu_1 a:hover {
     background: #CC0000;
}

#menu_2 {
    list-style-type: none;
} 

#menu_2 li {
     margin-bottom: 5px;
}

#menu_2 a {
     font-weight:bold;
     font-size:1.1em;
     padding: 3px;
     display: block;
     text-align: center;
     text-decoration: none;
     color: #fff;
     background: #CC0000;
}
     
#menu_2 a:hover {
     background: #99CC00;
}
/*//////////////////////////////////////////////////////////////////////               compo            */
#colonne_gauche{
    clear:none;
    width:260px;
    float:left;
    padding:10px;
}
#colonne_droite{
    clear:none;
    width:140px;
    float:right;
    padding:10px;
}
#contenu_trois_col{
        float: left;
        width: 480px;
        border-left-style: dotted;
        border-right-style: dotted;
    border-width: 1px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
#contenu_deux_col{
    border-left-style: dotted;
    border-width: 1px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 280px;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
#contenu_une_col{
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
#cadre {
        float: left;
        width: 970px;
}
#ecrire_auteur {
    float: left;
    width: 500px;
    margin-left: 30px;
}
/*///////////////////////////////////////////////////////////////////////////////              texte              */
.titre{
    color:#CC0000;
    font-weight:bold;
    font-size:1.7em;
}
.sous_titre{
    color:#99CC00;
    font-size:1.4em;
    font-weight:bold;
}
.chapo{
    font-size:0.9em;    
}
.signature{
    text-align:right;
    font-size:1.1em;
    color:#006699;
    padding-bottom: 20px;
}
/*///////////////////////////////////////////////////////////////////////////////           BOITES           */
.contenu_boite{
    padding:5px;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::boite_vert*/
.boite_verte{
    border: 1px solid #99CC00;
}
.titre_boite_verte{
    color:#FFFFFF;
    font-weight:bold;
    background-color:#99CC00;
    padding:0.3em;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::boite_rouge*/
.boite_rouge{
    border: 1px solid #CC0000;
}
.titre_boite_rouge{
    color:#FFFFFF;
    font-weight:bold;
    background-color:#CC0000;
    padding:0.3em;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::boite_bleu*/
.boite_bleu{
    border: 1px solid #006699;
}
.titre_boite_bleu{
    color:#FFFFFF;
    font-weight:bold;
    background-color:#006699;
    padding:0.3em;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::bio_auteur*/
#bio_auteur {
    float:left;
    width: 350px;
}

/*///////////////////////////////////////////////////////////////////////styles spéciaux*/
.coordonnees{
    font-size:O.9em;
    color:#006699;
    text-align:left;
    font-weight:bold;
}
.ariane{
    text-align: right;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.descriptif_rubrique{
    font-size:1.1em;
    font-weight:bold;
    color:#006699;
    text-align:right;
}
.titre_rubrique{
    background-color:#CC0000;
    padding:5px;
    text-align:right;

    font-size:1.9em;
    font-weight:bold;
    color:#FFFFFF;
    text-align:center;
}
/*//////////////////////////////////////////////////////      formulaire      */
.formulaire_spip { text-align: left; font-size: 0.9em; }
.formulaire_spip p {}
.formulaire_spip fieldset {
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-color: #CC0000;
    border-right-color: #CC0000;
    border-bottom-color: #CC0000;
    border-left-color: #CC0000;
}
.formulaire_spip legend {
    color: #CC0000;
    font-weight:bold;
    text-transform: uppercase;
    font-size:1.1em;
}
.formulaire_spip label {
}
.formulaire_spip .forml {
    width: 99%;
    font-family: inherit;
    font-size: inherit;
    border: 1px dashed #99CC00;
    background-color:#EEFFCE;
}
#formulaire_forum {
    padding: 30px;
}
/* Boutons */
.spip_bouton { 
    text-align: left;
 }
.spip_bouton input {
    background-color:#99CC00;
    border: thin none #99CC00;
    color:#FFFFFF;
    font-weight:bold;
    text-transform:uppercase;
    
}
/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; }
fieldset.reponse_formulaire {
}
/* Previsualisation du message */
fieldset.previsu {
    border: thin solid #99CC00;
}
/*//////////////////////////////////////////////////////      plan      */
#contenu_trois_col .contre-encart {
float:left;
}
#contenu_trois_col .encart {
    float: right;
    margin: 0;
    margin-bottom: 1em;
}
#contenu_trois_col .titre_plan {
    clear: both;
    background: #FFFFFF;
    border-top: 1px solid #CC0000;
    padding: 0.2em;
    font-weight: bold;
    text-align: left;
}
#contenu_trois_col .titre_plan a{
    color:#CC0000;
}
#contenu_trois_col .titre_plan a:hover{
    color:#99CC00;
}
#contenu_trois_col .sous_titre_plan{
    color:#CC0000;
}
#contenu_trois_col .sous_titre_plan:hover{
    color:#99CC00;
}