/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ 
Page color #EEEEDD
breve #C6BCA5
Encart #FCFCEE
Menu et titre #7B6549


*/
 


#page{
	height:100%;
	background-color: #EEEEDD; 
}
#conteneur{
    
}

#hierarchie {
    clear:both;
    font-size:10px;
    margin-bottom:5px;
}

ul{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
} 

/*
        ENTETE
*/
#entete{
	text-align: right;
	padding-bottom: 10px; 
	background-color: #000000;
}
.titre1{
	font-size: 25px;
	font-style: italic;
	}

.titre2{
	font-size: 41px;
	font-style: italic;
	font-weight: bold;
	font-family: Arial;
	font-variant: small-caps;
	}

/*
        MENU
*/

#menu{
	text-align: right;
	padding-right: 10px;
	margin: 0px;
	display: block;
	font: 14px "Comic Sans MS", Verdana, Arial;
	height: 20px;
	font-weight: bold;
	background-color:#89BAF5;
	border-top:1px solid #000000;
	border-bottom:1px solid black;	
}
#menu * {
    display:inline;
    color:white;
	margin-left: 5px; 
}


/*
        GENERAL : LES CONTENEURS PRINCIPAUX
        Disposition a l'ecran des blocs principaux        
*/


/*
        ACCUEIL : LES CONTENEURS
*/
#centre {
   float:right;
   width:65%;    
   margin-right:15px;	
   background-color: transparent !important;
}
#droite{
	float:left;
	margin-left:15px;	 
	width:270px;
}

/*
        ACCUEIL : LES LISTES
*/
#alaune{
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
	margin: 0px;
	padding: 0px;
    font-family:verdana,arial,helvetica,sans;	
}
ul#alaune li{
	background-color: #FCFCEE ; 
	font-size: 10px;
	padding: 6px 6px 6px 6px;
	margin-bottom: 10px;
	border: 2px dotted Black;
}

ul#alaune li img{
	float: left;
	margin-right: 10px;
	width: 100px;
	cursor: default;
}

ul#alaune li span.date{
	font-size:13px;
	display: block;
}

ul#alaune li span.titre{
	display: block;
	font-size: 16px;
   font-weight: bold;
}

ul#alaune li span.soustitre{
	font-family:Tahoma,Arial,Helvetica;
	display: block;
	font-size:15px;
	margin:0px;
	padding: 0px;
}
ul#alaune li span.introduction{
	display: block;
	font-family:verdana,arial,helvetica,sans;
	font-size:12px;
	margin-top:10px;	
	padding: 0px;	
}

ul#alaune img{
	float: right; padding-left: 5px; padding-bottom: 5px;
}

#enbref{
	background-color:#89BAF5;
	border:1px solid #999999;
	padding:5px;
	margin-bottom:20px;
}
#enbref span.titre{
    display: block;
    border-bottom:2px solid #999999;
    color:#666666;
    font-family:verdana,arial,helvetica,sans;
    font-weight:bold;
    text-align: center;
	 padding: 3px;
}

#enbref ul{
		 margin-top: 8px;	
}
#enbref li{
	font-size:11px;
}
 
#enbref li a {
    background:transparent url(images/pucefoncee.html) no-repeat scroll left center;
    font-family:verdana,arial,helvetica,sans;
    font-size:11px;
	font-weight: bold;
}
#enbref li a span{
	font-family:verdana,arial,helvetica,sans;
    font-size:11px;
    font-weight: normal;
    display: block;
}

#enbref ul{
    list-style: circle outside;
    margin: 0px 5px 5px 5px;
    padding-left: 3px;
}
#enbref li{
    margin:5px 10px;
}


#donate
{
    	margin-bottom:450px;
}
/*
	Rubriques
*/

#debats{
	font-family: Tahoma,Arial,Helvetica;
	margin-top: 10px;
	padding: 4px 4px 4px 0px;
	width: 65%;
	float: left;
}
#debats div#titre{
	font-weight:bold;
	font-size: 18px;
	color:#7B6549;
	font-family:Tahoma,Arial,Helvetica;
	border-bottom:1px solid #7B6549;

}
#debats ul{
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
	margin: 0px;
	padding: 0px;	
}
#debats ul li {
	margin: 15px 0px;
	padding: 0 0 0 0;
}

#debats ul .surtitre{
	color: Navy;
	font-style: italic;
	font-size: 12px;
	display: block;	
}
#debats ul .titre{
	display: block;
	font-weight: bold;
}
#debats ul .titre a{
	font-size: 15px;
}
#debats ul .date{
	display: block;
	text-align: left;
}
#debats ul li .description{
	display: block;
	margin-top: 5px;
	text-align: left;
	font-size: 12px;	
}

/* 
    ARTICLE
*/

#article{
	font-size:10px;
	padding: 10px;	
	margin: 0 0 20px 0;
	border: 2px dotted black;
	background-color: #FCFCEE ; 
}
#article .surtitre{
	color: Navy;
	font-style: italic;
	font-size: 14px;
	display: block;	
}
#article .titre{
	font-family:Tahoma,Arial,Helvetica;
	font-size: 19px;    
	display: block;
	font-weight: bold;
	margin-bottom:5px;
}
#article .soustitre{	
	font-family:Tahoma,Arial,Helvetica;
	font-size: 15px;    
	display: block;
}
#article .date{	
	font-family:Tahoma,Arial,Helvetica;
	font-size: 11px;    
	display: block;
	color:gray;
}

#article .chapo{
	font-size: 12px;
	margin-top:20px;	
	display: block;
}

#article .texte{
	margin-top:15px;
	font-family:Helvetica;
	font-size: 14px;		
	display: block;
	text-align: justify;
}


/*
	RUBRIQUE
*/

.liste-articles li a:hover { text-decoration: underline; }

span.introduction{
	display: block;
	font-family:verdana,arial,helvetica,sans;
	font-size:12px;
	margin-top:10px;	
	padding: 0px;	
}

span.surtitre{
	color: Navy;
	font-style: italic;
	font-size: 11px;
	display: block;		
}

/*
	SITE
*/

.site{
	padding:5px;	
}
.site ul{
	padding:5px;	
    list-style-image:none;
    list-style-position:inside;
    list-style-type:none;
}
.site ul li{
	padding: 6px;
	margin-bottom:12px;
	border:1px black groove;
}

.site #nom{
	margin-bottom:10px;	
	font-family:verdana,arial,helvetica,sans;
	font-size:13px;
	font-weight:bold;
}

.site #descriptif{
	font-family:helvetica,sans;
	font-size:12px;
	font-style:italic;
}

/*
	Sur la toile
*/
.surlatoile
{    
	padding: 5px;
	border: 1pt black ridge;
	width: 29%;
	margin: 10px 0 0 20px;
	float: right;
}

.surlatoile ul{
	margin: 0px;
	padding: 0px;
}
.surlatoile li {
	border-bottom: 1pt;
	padding: 0px 0px 5px 0px;
	margin-bottom: 15px;
	border-bottom-color: #EAEAFF;
	border-bottom-style: solid;
}

.surlatoile .titre
{
    font-family: Verdana;
    font-style: italic;
    font-weight: bold;
}

.surlatoile .surtitre{
	font-style: italic;
	color: Navy;
}

.surlatoile .soustitre {
	font-size: 11px;
}

.surlatoile div#titre{
	font-weight:bold;
	font-size: 14px;
	font-family:Tahoma,Arial,Helvetica;
	border-bottom:1px solid #C6BCA5;
	margin-bottom: 15px;
}


#reunion
{
    border: 2px solid #C0C0C0; 
    padding: 5px; 
    margin: 0px 0px 14px 0px; 
    text-align: justify;
}

#reunion ul
{
    font-weight: bold; 
    font-family: 'Comic Sans MS'; 
    font-size: 14px;
    margin: 5px 0px 0px 0px; 
    padding: 2px;
}

#reunion ul li
{
    margin-top: 2px;
    padding: 3px;
    background-color: #B4C7DA;
    
}