/*******************************************************************************
**************************** CONTENEURS PRINCIPAUX *****************************
*******************************************************************************/

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
font-size: 0.7em;
margin: 0;
padding: 0;
}
#header {
height: 85px;
background-color: #99CCCC;
background:url(images/entete2.jpg) no-repeat right;
}
#conteneur_global {
position: absolute;
top:70px;
width: 770px;
left: 50%;
margin-left: -385px;
}
#conteneur {
padding:0;
margin:0;
background-color:#0000aa;
background:url(images/page.gif) repeat-y right top;
}
#gauche {
position: absolute;
top:0;
left:0;
width: 144px;
}
#pied {
height: 36px;
background:url(images/pied.gif) no-repeat right;
}
#bande_haut {
position:absolute;
top:0;
height:116px;
width:100%;
background-color:#A80600;
background:url(images/bande_haut.jpg);
}
#centre {
margin-left: 200px;
width:540px;
margin-top:10px;
text-align:justify;
}
#logo {
background:url(images/fond_logo.gif) no-repeat;
width:145px;
height:143px;
padding:4px 0 0 7px;
}
#logo img {
border:0;
}
#texte_pied {
margin-left:150px;
margin-bottom:20px;
text-align:center;
color:#aaaaaa;
font-size:0.8em;
}
#texte_pied img{
border:0;
margin:10px 0 10px 0;
}

#affiche{
position:absolute;
z-index:100;
}
#affiche img{
border:0;
}
/*******************************************************************************
************************************* MENUS ************************************
*******************************************************************************/

/* Menu principal */

.menu_navig {
margin:15px 0 0 0;
padding:0;
list-style-type: none;
} 
.menu_navig img{
border:0;
}
.menu_navig ul {
margin: 0px;
padding:0;
}
.menu_navig li {
display: inline;
}
.menu_navig a {
width: 144px; 
height:21px;
display: block;
line-height: 21px;	
}
.menu_navig a:hover {
background: #359946;
}

/* Sous-menu (menu furtif) */

#menu_furtif h3 {
padding-left:31px;
padding-bottom:5px;
margin:0 0 35px 23px;
}
#menu_furtif h3 a {
background:url(images/btn_select.gif) top right no-repeat;
border:1px solid #319239;
background-color:#E5F7E6;
padding:1px 22px 1px 3px;
font-weight:normal;
font-style:normal;
font-size:0.8em;
text-decoration:none;
color:#000;
cursor:pointer;
}
#menu_furtif ul {
margin:0 0 0 10px;
padding:0 0 0 10px;
background-color:#BCE0BC;
list-style-type:none;
}
#menu_furtif ul.premier{
border:1px solid #319239;
}
#menu_furtif ul li a img {
border:0;
}
#menu_furtif ul li a {
text-decoration:none;
display:block;
border-bottom:1px solid #119317;
height:14px;
background-color:#BCE0BC;
}
#menu_furtif ul li a:hover {
background-color:#69D36E;
display:block;
}
#menu_furtif a.selected{
background-color:#A0FDA4;
}
#menu_furtif #liste{
position:absolute;
top:197px;
left:325px;
width:320px;
font-size:0.9em;
visibility:hidden;
}
#menu_furtif .fermer {
margin:0 0 0 0;
padding:0 0 0 10px;
}
#menu_furtif .fermer a{
background-color:#13A119;
display:block;
text-decoration:none;
background:url(images/fermer.gif)  center no-repeat;
background-color:#13A119;
}


/*******************************************************************************
********************************** FORMULAIRES *********************************
*******************************************************************************/

/* Recherche sur le site */

#form_recherche {
font-size:0.9em;
text-align:right;
margin-bottom:30px;
}
#form_recherche input {
font-size:0.9em;
border:1px solid #aaaaaa;
background-color:#ffffff;
}
#form_recherche .bouton {
border:1px solid #000000;
background-color:#aaaaaa;
color:#ffffff;
}

/* Envoi d'une réaction à un article */

#reaction_formulaire {
margin:30px 0 0 20px;
}
#reaction_formulaire h3 {
margin:0 0 8px 0;
}
#reaction_formulaire form {
margin:0 0 0 25px;
}
#reaction_formulaire input {
font-size:0.8em;
background-color:#EAF4EB;
border:1px solid #319239;
}
#reaction_formulaire textarea {
background-color:#EAF4EB;
border:1px solid #319239;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
}
#reaction_formulaire input.spip_bouton, #reaction_formulaire input.spip_bouton_envoyer {
font-size:0.8em;
background-color:#EAF4EB;
border-top:1px solid #C7E1CA;
border-left:1px solid #C7E1CA;
border-right:1px solid #000;
border-bottom:1px solid #000;
}
#reaction_formulaire input.spip_bouton_envoyer {
background-color:#AD0000;
color:#fff;
font-weight:bold;
}
#reaction_formulaire .spip_encadrer {
border:1px dashed #aa0000;
margin-bottom:20px;
}
#reaction_formulaire .erreur {
margin:0;
color:#cc0000;
}


/*******************************************************************************
********************************* BALISES HTML *********************************
*******************************************************************************/

p {
margin: 0 0 10px 0;
}
a{
color:#000;
text-decoration:underline;
}
a:hover{
color:#000;
text-decoration:none;
}
h2 {
height:24px;
background:url(images/sous_titre.gif) no-repeat;
padding-left:30px;
margin-bottom:8px;
font-size:2.5em;
color:#aa0000;
font-weight:bold;
}
h4{
background:url(images/puce.gif) no-repeat;
padding-left:12px;
margin:10px 0 5px 0;
font-size:1.2em;
color:#aa0000;
}
h3{
color:#33913E;
font-weight:bold;
margin:5px 0 25px 23px;
background:url(images/vousetesici.gif) no-repeat;
padding:2px 0 0 25px;
font-size:1.2em;
}




.contenu, .contenu_article{
margin:0 0 0 21px;
}
.contenu_article{
padding-top:13px;
background:url(images/dessus_article.gif) top right no-repeat;
}
.contenu_article h3 {
color:#aa0000;
text-align:left;
background:url(images/puce.gif) no-repeat;
margin:25px 0 20px 0;
padding-left:10px;
}
.contenu .spip_documents img, .contenu_article .spip_documents img{
border:1px solid #aa0000;
}


#contact{
margin-top:20px;
}

/*******************************************************************************
******************** CSS PROPRES A DES FICHIERS PARTICULIERS *******************
*******************************************************************************/

/* Page Forum.php */

.reactions{
margin:0 0 0 13px;
background:url(images/bulle.gif) no-repeat;
}
.reactions em{
background-color:#9DCCA1;
padding:0 2px 0 4px;
border-left:8px solid #aa0000;
}
.reactions .auteur{
padding-left:28px;
margin:5px 0 5px 3px;
}
.reactions .texte{
margin-left:32px;
border-left:1px solid #9DCCA1;
border-bottom:1px solid #9DCCA1;
padding:0 0 4px 3px;
margin-bottom:10px;
}
.no_reaction {
margin:0 0 20px 45px;
}

/* Rubrique Documentation */

#documentation {
margin:30px 0 20px 0;
}
#documentation ul {
margin:0 0 0 10px;
padding:0 0 0 10px;
list-style-type:none;
}
#documentation h4 {
margin:15px 0 10px 0;
}
#documentation .article {
background:url(images/puce_menu_fugitif.gif) no-repeat;
padding-left:14px;
}

/* Rubrique Liens utiles */

#liens_utiles{
margin:30px 0 0 3px;
}
#liens_utiles ul{
list-style-type:none;
margin:0 0 0 15px;
padding:0 0 0 0;
}
#liens_utiles li{
margin:0 0 5px 0;
color:#555;
}
#liens_utiles em{
color:#555;
}
#liens_utiles p{
background:url(images/puce_sites.gif) no-repeat;
padding-left:12px;
margin:0;
}
#liens_utiles h3{
background:url(images/puce.gif) no-repeat;
padding-left:12px;
color:#aa0000;
margin:10px 0 5px 0;
}

/* Page Contact */

.email{
background:url(images/enveloppe.gif) no-repeat;
padding:2px 0 18px 33px;
margin:0 0 0 20px;
}

/* Page recherche */

#resultats_recherche .no_resultat{
color:#888;
}
#resultats_recherche h3 {
font-size:0.9em;
margin:25px 0 0 0;
padding:1px 0 4px 20px;
background:url(images/loupe.gif) no-repeat;
}
#resultats_recherche .aide {

margin:0;
font-style:italic;
}
#resultats_recherche ul {
margin:10px; 0 0 0px;
padding:0 0 0 10px;
list-style-type:none;
}
#resultats_recherche li {
background:url(images/puce_sites.gif) no-repeat;
padding-left:12px;
}
#resultats_recherche {
margin-left:20px;
}
#resultats_recherche .mot_recherche {
color:#33913E;
font-weight:bold;
margin:5px 0 27px 3px;
background:url(images/vousetesici.gif) no-repeat;
padding:4px 0 0 25px;
}

/* listing des articles */

.entete_article_liste {
background:url(images/crayon.gif) no-repeat;
padding-left:25px;
margin:20px 0 0 20px;
}
.entete_article {
background:url(images/fd_titres.gif) left bottom no-repeat;
padding:5px 0 19px 30px;
margin:30px 0 15px 20px;
font-size:1.1em;
}
.entete_article .titre{
font-weight:bold;
color:#aa0000;
}
.entete_article em{
font-weight:normal;
display:block;
color:#339933;
margin-top:2px;
font-size:0.9em;
}
.entete_article_liste .chapo{
padding:1px;
border:1px dashed #ccc;
margin-top:4px;
}
.entete_article_liste .titre{
color:#339933;
margin:0;
}
.entete_article_liste em{
display:block;
color:#339933;
margin-top:2px;
}
.entete_article_liste .titre em a, .entete_article .titre em a{
color:#000;
font-weight:bold;
background:url(images/fd_agissez.gif) no-repeat;
padding:0 0 0 10px;
margin-left:5px;
font-size:1em;
}
.entete_article_liste .titre a{
color:#aa0000;
font-size:1.2em;
font-weight:bold;
}

/*******************************************************************************
************************************ DIVERS ************************************
*******************************************************************************/

/* Apparence de la pagination */

.pagination{
margin:30px 0 15px 0;
text-align:center;
}

/* Déco sous la liste des articles */

#sous_liste_article{
width:94px;
height:96px;
margin-left:70px;
background:url(images/sous_liste_article.gif) no-repeat;
}

/* Liens permettant de remonter en haut des pages */

.remonter{
background:url(images/fd_remonter.gif) no-repeat;
margin-top:40px;
font-size:0.8em;
padding:0 0 0 10px;
}

/* Affichage des pièces jointes aux articles */

.document_joint{
text-align:center;
margin-top:10px;
}
.document_joint em{
color:#888;
}

/* Affichage des images au sein d'un article */

.spip_documents{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size : 70%;
}

.spip_documents_center{
margin: auto; 
text-align: center;
width: 80%;
}

.spip_documents_left{
float: left;
margin-right: 15px; 
text-align: center;
}

.spip_documents_right{
float: right;
margin-left: 15px; 
text-align: center;
}