body {
	font-family: 'trebuchet MS', arial, verdana, sans-serif;
	background-color: none;
	margin: 0 auto;
	padding: 0;
	font-size: 80%;
	max-width: 1100px;
	}
	
div#conteneur {
	margin: 0;
	padding: 0;
	border: 0px solid #C1B2AB;
	}

#header {
	width: 1100px;
	position: absolute;
	z-index:100;
	}

#center {
	position: absolute;
	top: 0;
	z-index: 0;
	}
	
#header h1 {
	background-color: #594158;
	padding-top: 50px;
	padding-left: 10px;
	margin:0;
	}

#header h1 a {
	color: #ff9632;
	text-decoration:none;
	}
	
#header h1 a:hover {
	color: #9DACBF;
	}

#header h2 {/*juste les 2 flèches roses*/
	background-color: #C1B2AB;/*gris toile*/
	padding-top: 20px;
	padding-left: 450px;
	margin:0;
	}	

.legende_gauche {
padding-left: 40px;
}

h1 {
	color: purple;
	}
	
h1.titre {
	color: #0099CC;
	}
		
h2 {
	color: magenta;
		}

h3 {
	color: #917D69;/*toile 3*/
	}
	
h4 {
	color: #594158;/*violet*/
	}

span.gris{
	color: #C1B2AB;/*toile 3*/
	}
	
/*page index*/
.lien_actif {
	color: purple;
	padding-right: 5px;
	}	
#PAGE {
padding: 200px 20px 20px 490px;
		}	

/*autres pages*/		
div.texte_droite {
	padding: 200px 20px 20px 550px;
			}	
			
div.texte_droite_bis {
	padding: 200px 20px 20px 590px;
			}	
		
div.texte_droite_musique1{
	padding: 200px 20px 20px 370px;
				}	
div.texte_droite_contact {
	padding: 200px 20px 20px 450px;
			}	

div#portrait {
	padding: 150px 20px 0 80px;
	}

/*photos*/
img {
	border: none;
}

.image_centre {
text-align: center; /* cette ligne : pour centrer le contenu */
display : block; /* si l'élément est une image */
margin-left : auto; 
margin-right : auto;/*width: ;  préciser largeur sauf pour image */
}	

.image_centre_portrait {
	clear:both;
	text-align: center; /* cette ligne : pour centrer le contenu */
	display : block; /* si l'élément est une image */
	margin-left : auto; 
	margin-right : auto;/*width: ;  préciser largeur sauf pour image */
	}	
		
div#quentel, div#vue_atelier,div#vern_1, div#fif_1,div#cec3, div#collage1, div#jacques, div#paysage, div#ines, div#danse, div#melo, div#aqua1, div#pano , div#broc, div#Passante{
	position: absolute;
	top: 138px;
	z-index: 0;
		}
			
		
div#pano2 {
	position: absolute;
	top: 240px;
	z-index: 0;
	width: 369px;
	height: 762px;
	left: 25px;
		}	
		
div#FLASH {
	float:none;
	width:100px;
	height:400px;
	background-color:#FF6699;

	}
		
		
		

div#aqua1_modele {
		float: left;
		}

/*menu bas*/
#pied {
		clear: both;
		}

ul#menu_bas, ul#menu_bas_index {
	background-color: #C1B2AB;/*gris clair toile*/
	padding: 20px;
	margin: 0;
	}	
		
ul#menu_bas li, ul#menu_bas_index li {
	display: inline;
			}	

#menu_bas a {
	color: purple;
	text-decoration: none;
	}

#menu_bas_index a {
	color: #594158;
	text-decoration:none;
	}

#menu_bas li a, #menu_bas_index li a {
	padding: 12px; 
	}

#menu_bas a:hover, #menu_bas_index a:hover {
	color: white;
	}


/*page contact*/
h3#contact a {
	color:orange;
	}

h3#contact a:hover {
	color:#C1B2AB;
	}	

/*pages liens*/
ul#lien {
	padding-left:0;
	}
	
ul#lien a {
	color: #AB977F;
	}

ul#lien a:hover {
	color: #C1B2AB;
	}
	
ul#lien li a {
	line-height: 17px;
	}
			
/*page atelier*/			
.texte_normal {
	text-align:left;
	width: 700px;
	}

div#block {
	padding: 10px 20px;
	margin-left: 50px;
	position:relative;
	top: -120px;
	left: 40px;
	width: 500px;
	background:#BFAEAB;
	color:white;
	}

div#block_a {
	padding: 10px 20px;
	margin-left: 200px;
	position:relative;
	top: -120px;
	left: 40px;
	width: 500px;
	background:#BFAEAB;
	color:white;
	}
	
div#block_2 {
	position:relative;
	top: -120px;
	left: 40px;
	width: 500px;
	background:none;
	color:purple;
	}
	
div#block_2_1 {
	position:relative;
	top: -120px;
	left: 40px;
	width: 500px;
	background:none;
	color:purple;
	margin-left: 150px;
	}
	
div#block_2_2 {
	position:relative;
	top: -120px;
	left: 40px;
	width: 500px;
	background:none;
	color:purple;
	margin-left: 250px;
	}

div#illustration {
	position: relative;
	top: -80px;
	}

/*compléments pour IE6 et 7*/
* html div#quentel, * html div#vue_atelier, * html div#vern_1, * html div#pano, * html div#fif_1, * html div#cec3, * html div#venus, * html div#jacques, * html div#cec4, * html div#maureen, * html div#ines, * html div#danse, * html div#martial, * html div#estelle_dounia {
	position: absolute;
	top: 129px;
	z-index: 0;
		}

* html body {
	width: 1100px;
	font-size: 75%;
	}

* html p {line-height: 14px;}	
* html h1 {font-size:25px;line-height:20px;}
* html h2 {font-size:20px;line-height:18px;}
* html h3 {font-size:17px;line-height:16px;}
* html h4 {font-size:14px;line-height:14px;}


*:first-child+html div#photo_quentel, *:first-child+html div#vue_atelier, *:first-child+html div#vern_1, *:first-child+html div#pano, *:first-child+html div#fif_1, *:first-child+html div#cec3, *:first-child+html div#venus, *:first-child+html div#jacques, *:first-child+html div#cec4, *:first-child+html div#maureen, *:first-child+html div#ines, *:first-child+html div#danse, *:first-child+html div#martial, *:first-child+html div#estelle_dounia {
	position: absolute;
	top: 130px;
	z-index: 0;
		}

*:first-child+html body {
	font-size: 75%;
	}
	
*:first-child+html p {line-height: 14px;}	
*:first-child+html h1 {font-size:25px;line-height:20px;}
*:first-child+html h2 {font-size:20px;line-height:18px;}
*:first-child+html h3 {font-size:17px;line-height:16px;}
*:first-child+html h4 {font-size:14px;line-height:14px;}

*:first-child+html #gleizes, *:first-child+html div.texte_droite, *:first-child+html div.texte_droite_bis, *:first-child+html div.texte_droite_fanny, *:first-child+html div.texte_droite_contact, *:first-child+html div#portrait {
	padding-top: 230px;
		}