#col1, #col2 {   /*definition commune de la 1ere et 2eme colonne*/
	float: left;
	/*height:700px;*/
}

#col1 {  /*definition propre a la 1ere colonne*/
	width: 648px;
	margin-left: 36px; 
	/*background-color:white;*/
	/*background: url('../images/membre/bg.png') no-repeat;*/
	/*margin-top:2px;*/
}

* html #col1 { /*hack pour compatibilité sur IE6*/
	width: 648px;   /*648*/
	margin-left: 16px;
	/*margin-left: 20px;	*/
	/*background: url('../images/membre/bg.png') no-repeat;*/
}
		
	/*definition propre a la 1ere colonne*/
	
div#endroit { 

background: url('../images/membre/bg.png') repeat-x scroll 100% 0% white ;
width: 618px;
}

* html div#endroit { 

background: url('../images/membre/bg.png') repeat-x scroll 100% 0% white;
width:618px;
}


#col2 {			/*definition propre a la 2ere colonne*/
	width: 170px;
	margin-right: 25px;
	/*padding-left: 8px;*/
}

 h1 { 
font-size:20px;
}

* html h1 { /*hack pour compatibilité sur IE6*/
font-size:20px;
}

div#retour_index		/* concerne la position du bouton 'retour a lindex'*/
{
	float:right;
	text-decoration:none;
	/*margin-right:2px;*/
	/*padding-right:5px;*/
	
}



h3{		/*toutes les balises h3 seront soulignées*/
	text-decoration:underline;
	margin-bottom:5px;
}
/*
.photo_boite {	

float:left;
margin-left:9%;
margin-right:20px;
}
* html .photo_boite { 
float:left;
margin-left:2.9%;
margin-right:20px;
		}
*+html .photo_boite { 
float:left;
margin-left:3.4%;
margin-right:20px;
}		
*/

#note_membre a{	/*toutes les balises a seront repositionnées a partir de la marge droite*/
margin-right:17px;
}

* html #note_membre a { /*hack pour compatibilité sur IE6*/
margin-right:5px;
	}
	
	
b{
color:#01327e;
}


table{
margin-right:15px;
}

/*idem pour les span
span{	
margin-right:15px;

}*/

.border{
	border : 2px solid black;
	
}

.remonte_etoile{
	margin-bottom:14px;
}

/*div#commentaires p {
border-bottom: 2px solid #01327e;
}*/
p.barre	/*les balises p contenues dans la classe barre auront une bordure du bas avec une certaine couleur*/
{
border-bottom: 2px solid #01327e;

}

* html p.barre { /*hack pour compatibilité sur IE6*/
margin-bottom:10px;	
}


*+html p.barre { /*hack pour compatibilité sur IE7*/
margin-bottom:20px;	
}



p.droite /*les balises p contenues dans la classe blabla_boite auront un texte justifié*/
{
text-align:justify;
font-style:normal;
padding-left:15px;

}

p.blabla_boite /*les balises p contenues dans la classe blabla_boite auront un texte justifié*/
{
text-align:justify;
}

a.photo_exemple { /*les balises a seront positionnés d'une certaine façon*/
	margin-top:25px;
	margin-left:3%;
	

	
	clear: both;
}
* html a.photo_exemple{ /*hack pour compatibilité sur IE6*/
margin-top:25px;
margin-left:19px;

clear: both;
		}	

.info_boite { /*définition de la classe info_boite*/
/*text-align:left;*/
/*float:right;*/
color:#01327e;
width:594px;
/*height:115px;*/
/*padding-left:200px;*/
padding-left:19px;
}
.info_boite table { vertical-align:middle;}
.info_boite table tr td.tdphoto { 
	width: 185px; 
	text-align: center; 
	vertical-align: middle;
	padding-right:13px;
}


.entete { /*définition de la classe entete*/
margin-bottom:40px;
padding-top:15px;


/*padding-left:200px;*/
}



.description{ /*définition de la classe description*/
margin-left:3%;

width: 570px;
margin-top:10px;
/*padding-left:200px;*/
}

div#note_membre{	/*définition de la classe note_membre*/
margin-left:3%;
margin-top:10px;
margin-bottom:25px;

/*padding-left:200px;*/
}

div#note_membre a{	/*définition des étoiles dans la classe note_membre*/

margin-right:3px;

}

* html div#note_membre a{
margin-right:1px;
}

div#texte_entete { /*définition de l'id texte entete*/
margin-left:3%;
text-align:left;
float:left;
width: 578px;
/*padding-left:200px;*/
}

* html div#texte_entete{
margin-left:1%;
text-align:left;
float:left;
width: 578px;
}

div#troiscolonnes{	/*définition de la classe 3colonnes*/
width:610px;
margin-bottom:20px;

}

/*#galerie,
#soirees, 
#bouton {	
	float: left;
	width: 200px;
	margin-left: 5px;
	margin-top:20px;
}*/



div#galerie,div#soirees {	/*definition commune des 3 colonnes*/
position:absolute;
 /*width:25%;*/

 margin-top:20px;
 }						/*definition commune du positionnement des 3 colonnes*/
div#galerie {margin-left:2%;width: 200px;}
div#soirees{left:29%;width: 200px;}
div#bouton {
position:absolute;
margin-top:20px;
margin-left:450px;

}


* html div#galerie {margin-left: 17px;}
* html div#soirees {left: 28%;}
/** html div#bouton a:hover{background: none;text-decoration:none; position:fixed;}*/



td
{
color:black;

}

/*strong.couleur_date
{
font-weight:bold;
color:black;
}
*/



div#note_membre a:hover span { /* définition de la balise <span> au survol */
	display: inline;
	position: absolute;
	left: 175px;
	
	width: 200px;
	height: 30px;
	margin-top:30px;
	color: #01327e;
	text-decoration:none;
}




div#note_membre a:hover {
background: none; 
text-decoration:none;
}

a span { /* définition de la balise <span> inclue dans <a> */
display: none;
}

.info_boite a:hover                                 
{
text-decoration:underline;
}

div#troiscolonnes a:hover                                
{
text-decoration:underline;
}

div#commentaires {
	margin-top: 150px;
	clear:both;
}