body {
margin : 0 ; 
padding : 0  ; 
background : #000 ; 
font-size : 0.7em ; 
font-family : Comic Sans MS ; 
color : #E2E2E2; 
}

 /* TOP 
 *************************************************************/

#top {
height : 110px ;
background : #5C5C5C url(../images/top.jpg) repeat-x ;
margin : 0 ; 
padding : 0 ;
}


#top h1 {
font-size : 24px ; 
text-transform : uppercase ; 
color : #C4C4C4; 
margin : 0  ; 
padding : 60px 0 0 0 ;
}


#top p {
 margin : 0  ; 
padding : 0 ;
}


a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: #E2E2E2; /* Les liens seront en #E2E2E2 au lieu de bleu */
   font-size: 1.0em; /* Les liens seront en 0.7em */
   font-family : Comic Sans MS ; /*les liens seront en Comic Sans Ms*/
}




 /* DIV MENU ET CENTRAGE 
 **************************************************************/
 
 
#menu {
margin : 0 0 0 -10px; 
padding : 0 ;
height : 57px ;
background : #E2E2E2 url(../images/bg_menu.jpg) repeat-x ;

}



 /* LISTE MENU PRINCIPALE 
 **************************************************************/

#menu ul {
margin : 0 ; 
padding : 20px 0 0 0;  
}

#menu li {
float : left ;
padding : 0 10px 0 10px ;
margin : 0 0 0 -1px ; 
text-transform : uppercase ; 
border-left : 1px solid #5C5C5C;
}


#menu li:first-child {
border:0;
}


#menu li a {
text-decoration : none;
color : #C4C4C4}

#menu li a:hover {
text-decoration : underline;}



/* CONTENT 
*******************************************************************/


#content { 
width : 100% ; 
margin : 0 auto ; 
overflow : auto ; 

 }



/* Centrage 
*******************************************************************/


.centrage {
width : 800px; 
margin : 0 auto ; 
padding : 0 ;
}

 



/* SIDE 
*************************************************************************/

#side {
float : left ;
 width : 350px ; 
 background : transparent ; 
 padding : 20px 0 0 0 ; 
 text-align : justify ; 
 line-height : 20px ; 

 }
 


 
 #side p{
margin :  0 ; padding : 0 ;  }


 #side  ul{
margin :  0 ; 
padding : 0 ;  }

/* CONTENU
 *******************************************************************/

#contenu {

float : left ;
width :800px ; 
background : #000000;
margin : 0 0 0 98px ;
padding : 20px 0 0 0 ;
text-align : justify ; 
font-size : 95% ;  }



 #contenu p{
margin :  0 ; padding : 0 ;  }
   
   
/* CONTENU IMAGES */
  
  
#contenu img{
display : block 
}
  
  
 /* CONTENU H1 H2 H3 H4 */
 
 
#contenu h2{
font-size : 1.5em ; }


#contenu h3{
font-size : 1em ;
font-weight : normal ; 
background : #E8E8E8 url(../images/h3.jpg) right no-repeat;
margin : 0;
padding : 0;
height : 24px;
line-height : 24px;
text-indent : 10px ;  }


  
#contenu h4{
font-size : 1.2em ;
text-transform : uppercase ; 
font-weight : bold ; 
margin : 10px 0 0 0 ; 
padding : 0 0 10px 0;
background : url(../images/h4.jpg) top left no-repeat ;
text-indent : 20px ; 
}

 
  /* FOOTER 
 ***************************************/

#footer {

height : 30px ;
line-height : 30px; 
 background : #666666 ;
 border-top : 20px solid #fff ; 
 border-bottom : 20px solid #fff ; 
 width : 800px ; 
 margin : 0 auto ;
 font-size : 0.8em;
 text-align : center ;
	color : #C5C5C5 ;
 }
 
 #footer p {
margin : 0 } 

  #footer a:hover {
text-decoration : none ;  }  
  
  
 /* Ligne pointillée 
 ***************************************/

#side .pour_pointilles {
padding : 0 0 20px 0 ; 
border-bottom : 1px dotted #000; }

#contenu .pour_pointilles {
padding : 0 0 13px 0 ; 
border-bottom : 1px dotted #000; }


/* Généralités
 ***************************************/


/* Annule les puces sur les listes */
ul {list-style : none ; }
  
/* pour faire en gras :))  */
.gras {
font-weight : bold ;
font-size : 1.3em ; 
}

/* liens */
a {color : #5C5C5C; }




/* News
 ***************************************/
 /*Affichage du titre et de la date dans un cadre*/
 .separationtitrenews {
	border-top: 1px dashed #6699FF	;
	margin-top: 3px;
}	
.encadrenews
{
	border: 1px dashed red;
	/*background-color: #9999FF;*/
	width: 100%;
	margin-right: 5px;
	padding: 3px;
	font-size: 1.2em;
}
.encadremembre
{
	position:relative;
	border: 1px dashed red;
	/*background-color: #9999FF;*/
	width: 100%;
	margin-right: 5px;
	padding: 3px;
	height: 185px;
}
.titrenews
{
	border: 1px dashed #6699FF;
	/*background-color: #9999FF;*/
	width: 99%;
	max-height: 130px;
	text-align: left;
	margin-right: 5px;
	padding: 3px;
}
.floatright
{
	float: right;
	margin-top: -15px;
}
.contenunews
{
	border: 1px dashed #6699FF;
	/*background-color: #9999FF;*/
	width: 100%;
	max-height: 130px;
	text-align: left;
	margin-right: 5px;
	padding: 3px;
	
}
.auteur_news
{
	text-align: right;
}

.couleur_texte
{
	color: #000000;
}

.cadreimage {
	border: 1px dashed #6699FF;
	max-width: 125px;
	max-height: 130px;
	margin-right: 5px;
	float: left;
	padding: 3px;
	}
	.cadreimage img{
	border:none;
	}
	
.description_membre {
	width: 30%;
	float:left;
	font-size: 1.2em;
	
	}
	
.text_membre {
	width: 40%;
	float:left;
	/*position: relative;
	float: right;*/
	/*left:0%;*/
	font-size: 1.2em;
	max-height: 130px;
	margin-left: 70px;
	
	}
	.bordeer img{
	border:none;
	}
	
	.info_admin  /* A TRAVAILLER - http://css.alsacreations.com/Bases-et-indispensables/Comprendre-le-positionnement-des-balises-en-CSS */
	{
		/*position:absolute;
		right: 0;*/
		border: 1px dashed green;
		margin-left: 103%;
		margin-top: -24.2%;
		/*margin-right: -10px;*/
		width: 200px;
		padding: 3px;
		height: 185px;
	}
	
	.cadre_galeries
	{
		border: 1px dashed green;
		/*background-color: #9999FF;*/
		width: 30%;
		float: left;
		/*position: relative;
		left: 55px;
		top: 10px;
		max-height: 130px;*/
		text-align: center;
		/*margin-left: 103%;*/
		margin-right: 5px;
		margin-top: 5px;
		padding: 3px;
	}
	/*.test
	{
		height:10px;
		
		width: 500px;
		border: 2px dashed blue;
	}*/
	.image_accueil
	{

		/*border: 2px dashed red;*/

	}
	.image_accueil img
	{
		border:none;
	}
	.text_accueil
	{	

		/*border: 2px dashed green;*/
		font-size : 3.5em ; 
		font-family : Comic Sans MS ; 
		color : #E2E2E2; 

	}