/* General
***********************************************************************/
* {}

html { font-family: 'Comic Sans MS', 'French Script MT', Sawasdee, Sans; }

body { background-color: #fff; /*#840a09*/; color: #000000; margin:10px; }

a { color: #4b0007; text-decoration: none; }
a:hover { color: #ec2f18; text-decoration: underline; }

a.spip_out { color: #4b0007; text-decoration: none; }
a.spip_out:hover { color: #ec2f18; text-decoration: underline; }

a.spip_mail { color: #4b0007; text-decoration: none; }
a.spip_mail:hover { color: #ec2f18; text-decoration: underline; }

.conteneur_ombre { background:url(img/ombre1.png)  no-repeat; float:left; clear:left; }
.conteneur_ombre #boite_avec_ombre, .conteneur_ombre img{
	background:url(img/ombre2.png) no-repeat bottom right;
	padding-bottom:8px;
	padding-right:7px;
	margin-left:5px;
	margin-bottom:-6px;
	margin-top:4px;
	margin-right:-4px;
}
/*
 <!--
				<div class="conteneur_ombre">
					<div id="boite_avec_ombre">Contenu ombré</div>
				</div>
				<div class="conteneur_ombre">   
					<img src="image.png" alt="Image avec ombre"/>
				<div>
-->
*/    
  
.logo { float:left; bottom:0; z-index: 5; }  

#page-sommaire { margin: 0px auto; width: 980px; border: 0px solid #000;background: #fff url(img/bg-content_pied.png) repeat-y; }
#page {	margin: 0px auto; width: 980px;  background: #ffffff; border: 0px solid #000; background: #fff url(img/bg-content_pied_page.png) repeat-y;}

#page3cols { background: url(img/bg-content.png) no-repeat; border:0px solid #000; min-height:700px;}
#page2cols { background: url(img/bg-content_page.png) no-repeat; border:0px solid #000; min-height:700px;}

#page-header { position: relative; background: #fff url(img/logo2.gif) no-repeat; border-bottom: 0px solid #000; color: #000; height: 86px; }

#logo-header { display: none; }

#topnav { display: none; }

#header-menu { display: none; }


#header-menu-logo { display: none; }


#hierarchie { display: none; }

.spip-admin-float { display: none; }

/* ------------------------------------------
/* Habillage du menu de gauche
/* ------------------------------------------ */
#menu-gauche { display:none; }

/* ------------------------------------------
/* Habillage du menu de droite
/* ------------------------------------------ */
#menu-droite { display:none; }



#contenu-sommaire { float:left; border: 0px solid #000; width:530px; height: 100%; padding: 5px;}


#content-main { border: 0px solid #000; width:780px; height: 100%; padding: 5px; margin:0 auto;}



/* ------------------------------------------
/* Habillage pied de page
/* ------------------------------------------ */
/*
#page-footer { clear: both; color: #333; background-color: #fff; font-size:11pt; line-height: 18px; border-top: 3px solid #ec2f18; }
#page-footer p { margin:0px; border: 0px solid #000; padding: 0px 75px; padding:5px; text-align:center;}
#page-footer .session { display:none; }
*/
#page-footer { position: absolute; top:0; left:0; border-top: 3px solid #ec2f18; border-bottom: 3px solid #ec2f18;}
#page-footer p { margin:0px; border: 0px solid #000; padding: 0px 75px; padding:5px; text-align:center;}
#page-footer .session { display:none; }


/* ------------------------------------------
/* Habillage article
/* ------------------------------------------ */
#contenu { padding: 5px 20px;}
#contenu h1.entry-title { color: #ec2f18; line-height: 5px; text-transform: uppercase; font-size: 18pt;}
#contenu h3.spip { color: #9c000f; line-height: 5px; }
#contenu p.soustitre { color: #4b0007; }
#contenu .cartouche img.spip_logos { margin: 5px; border:2px solid #000;}

#contenu div.chapo { color: #666; font-size: 0.8em; font-weight: bold;}
#contenu div.texte { color: #000; font-size: 0.9em;}
#contenu div.ps { margin-top:30px; background-color: #eee; font-size: 0.8em; font-weight: bold;}


#documents_joints li { display: inline; list-style: none; }

#hierarchie { background-color: #eee; padding-left:10px; margin-top: 5px;}
#hierarchie a { color: #333; text-decoration: none; font-size: 0.8em; font-weight: bold; }


/* ------------------------------------------
/* Habillage contacts
/* ------------------------------------------ */
form fieldset {border:0 solid;} /* Opera */

#contact {}
#contact fieldset {	margin: 0px; position:relative; text-align:left; width:510px; border:1px solid #ccc; background-color: #eee; }
#contact label { display:block; float:left;	width:150px; font-weight: bold; }
#contact p {}
#contact pre { background-color:#fff; border:none; }
#contact em { margin-left:5px; font-size:0.9em; font-style:italic; color: #666; }
#contact input.text { width:200px;}
#contact textarea.text { width:300px;}
#contact .bulle { border: 1px solid #ccc; padding: 5px;}




#spip_article_forum {display: none;}




/* ------------------------------------------
/* Habillage forum.html
/* ------------------------------------------ */
.page_forum .cartouche h1 { color: #ec2f18; line-height: 5px; text-transform: uppercase;}
.page_forum .cartouche h3 { font-size: 10pt;}
.forum { text-align: 1px;}
.forum-fil { position: relative; margin:0;}
.repondre { 
position: absolute; 
border: 0px solid #000; 
text-align:right; 
top: 0; 
right: 0; 
color: #000; 
font-size:0.9em; 
margin:0;}

.forum-article-odd { position: relative; border: 0px solid #000; background-color: #567}
.forum-article-even { position: relative; border: 0px solid #000; background-color: #b3b3b3 }

.forum-message { position: relative; border: 0px solid #000; background-color: #fff}
.forum-message-odd { position: relative; border: 0px solid #000; background-color: #fff}
.forum-message-even { position: relative; border: 0px solid #000; background-color: #eee }



.messages_forum {  font-size:14pt; color: #333; }

.inc_forum { border: 1px solid #4b0007; -moz-border-radius : 10px; -webkit-border-radius: 10px; padding: 10px; background-color: #fff;}








/* ------------------------------------------
/* Habillage rubrique.html
/* ------------------------------------------ */
.page_rubrique {}









.hidden {
	visibility:hidden;
	display:none;
}


#thisextra {float: right; width: 200px; border: 1px solid #000; top:0; padding: 5px;}
#thisextra li { list-style: none; }






/* 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; padding: 0; list-style: none; border-bottom: 1px solid #DDD; }
.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; }













.open {
        display: block;
        }

.closed {
        display: none;
        }

.actif {
        font-weight: bold;
        color: #C59E67;
       }

ul {
        list-style-type: none;
        padding-top: 0px;
        padding-bottom: 5px;
        margin-left: 0px;
        padding-left: 10px;
        margin-top: 0;
        margin-bottom: 0;
       
        }
.li {
        list-style-type: none;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        margin-left: 0px;
        }

li img {
        vertical-align: middle;
        }

li img a:hover {
        vertical-align: middle;
        }



/* ------------------------------------------
/* Habillage sondage
/* ------------------------------------------ */
.pourcent { font-size: 8pt; color: #666666; vertical-align: middle; }