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

html { font-family: 'Comic Sans MS', 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 { position: absolute; background: #fff url(img/logo.gif) no-repeat; border-bottom: 0px solid #000; color: #000; height: 86px; width: 385px; z-index: 10;}

#topnav { margin: 0px; width: 535px; height:34px; position: absolute; right: 10px; top: 0px; /*background: #fff url(img/bandeau_slogan.gif) no-repeat;*/}

#header-menu { position: absolute; width: 575px; height: 41px; right: 0px; bottom: 0px;  background: #fff url(img/bandeau_header.gif) no-repeat; color: #fff; text-align:right; margin:0px; padding: 0px 20px 0 0;  z-index: 4; border: 0px yellow solid;}
#header-menu  div { display:inline; padding: 0px; border:1px solid #4b0007;}
#header-menu  div:hover { height: 39px; border:0px solid #000; display:inline; padding: 0px;}
#header-menu  div a{ color: #fff;  }
#header-menu  div:hover a { color: #4b0007; text-decoration: none; } 

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



/* ------------------------------------------
/* Habillage du menu de gauche
/* ------------------------------------------ */
#menu-gauche { float:left; width:180px; color: #fff; margin:0; height: 100%; padding: 0; /*background-color: #4b0007;*/ min-height:700px; }
#menu-gauche .rubriques { width:170px; color: #fff; margin:0; height: 100%; padding: 5px; }
#menu-gauche .rubriques h3 a { color: #fff; font-size: 0.9em; background: url(img/fleche_off.gif) no-repeat; padding-left: 25px; text-decoration: none;  line-height: 2px;}
#menu-gauche .rubriques h3.close a { color: #fff; font-size: 0.9em; background: url(img/fleche_off.gif) no-repeat; padding-left: 25px; text-decoration: none;  line-height: 2px;}
#menu-gauche .rubriques h3.open a { color: #fff; font-size: O.9em; background: url(img/fleche_on.gif) no-repeat; padding-left: 25px; text-decoration: none;  line-height: 2px;}
#menu-gauche .rubriques h3.grey a { color: #000; font-size: 0.8em; background: url(img/fleche_off.gif) no-repeat; padding-left: 25px; text-decoration: none;  line-height: 2px;}
#menu-gauche .rubriques ul li a { color: #fff; font-size: 0.8em; text-decoration: none; padding-left: 0px; font-style: normal;}

#menu-gauche .activites { width:170px; color: #fff; margin:0; height: 100%; padding: 5px; }
#menu-gauche .activites h3 a { color: #fff; font-size: 0.9em; background: url(img/fleche_off.gif) no-repeat; padding-left: 25px; text-decoration: none;  line-height: 2px;}
#menu-gauche .activites h3.close a { color: #fff; font-size: 0.9em; background: url(img/fleche_off.gif) no-repeat; padding-left: 25px; text-decoration: none;  line-height: 2px;}
#menu-gauche .activites h3.open a { color: #fff; font-size: O.9em; background: url(img/fleche_on.gif) no-repeat; padding-left: 25px; text-decoration: none;  line-height: 2px;}
#menu-gauche .activites h3.grey a { color: #000; font-size: 0.8em; background: url(img/fleche_off.gif) no-repeat; padding-left: 25px; text-decoration: none;  line-height: 2px;}
#menu-gauche .activites ul li a { color: #fff; font-size: 0.8em; text-decoration: none; padding-left: 0px; font-style: normal;}


/* ------------------------------------------
/* Habillage du menu de droite
/* ------------------------------------------ */
#menu-droite { float:left; width:258px; margin:0; height: 100%; padding-top: 10px; }
#menu-droite .minutes { margin-top: 0px; padding: 0px 20px; text-align:center; }
#menu-droite .minutes h4 { color: #9c000f; font-size:12pt;line-height:0.9em; }
#menu-droite .minutes h4 a { color: #9c000f; font-size:12pt; text-decoration: none; }
#menu-droite .minutes h5 { color: #aaa; }
#menu-droite .minutes span { font-size: 10pt; color:#fff; font-weight:bold; font-style:normal; }
#menu-droite .minutes em { font-size: 10pt; font-style:italic; }
#menu-droite .minutes p { font-size: 9pt; margin-bottom: 40px;}



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


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



/* ------------------------------------------
/* 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 { color: #ccc; background-color: #333; text-align: center; padding:4px 0px 2px 0px; font-size:0.9em;}
#page-footer .session a { color: #ccc; }
#page-footer .session a:hover { color: #eee; text-decoration:none; }

/* ------------------------------------------
/* Habillage article
/* ------------------------------------------ */
#contenu { padding: 5px 20px;}
/*#contenu h1 { color: #ec2f18; line-height: 5px; text-transform: uppercase; font-size: 18pt;}*/
#contenu h1 { color: #ec2f18; 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: 0 0 0 10px; border:0px 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; }


.intervenant { background-color: #eee; padding-left:10px; margin-top: 5px; border:1px solid #000; width:60%;}
.intervenant span {font-size:14pt;}
.spip_documents_center img {	border: 1px solid #000000;}

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




/* ------------------------------------------
/* 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; }
#presentation a { color: #9c000f ; text-decoration: none; font-size: 1.4em; }
#presentation a:hover { color: #ec4636; text-decoration: none; font-size: 1.4em;}





/* 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: 0px solid #DDD; }
.menu ul li { margin: 0.20em 0; padding: 0.20em; border-top: 0px 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; }

/* ------------------------------------------
/* Habillage contacts
/* ------------------------------------------ */
.form_renseignement { text-align: right; width:480px;}