/* PAGE */
body {
	background-color: #ECE4B9;
	margin-top: 13px;
}

body,td,th {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 0.79em;
	color: #666666;
	
	
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #AE5B59;
	text-decoration: none;
	letter-spacing: 0em	;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #AE5B59;
	letter-spacing: 0em	;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #E62222;
	letter-spacing: 0em	;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #AE5B59;
	letter-spacing: 0em	;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0em	;
}



/* TEXTES*/		
.titre_gris {
	font-family: Arial, Helvetica, sans-serif;
	font-size:medium;	
	font-weight: bold;
	
}

.sous_titre_gris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;	
}

.pdf {
	font-size: medium;	
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: bold;
}

.texte {
	text-align: justify;
}
.intro {
	line-height: 130%;
	text-align: justify;
	
}	

.puce {
	line-height: 130%;
	text-align: justify;
	margin-bottom:10px;	
	list-style-type: none;
	list-style-image:url(0_images_fonctionnement/puce.png)
}
.puce2 {
	line-height: 130%;
	text-align: justify;
	margin-bottom:10px;	
	list-style-type: none;
	list-style-image:url(0_images_fonctionnement/puce2.png);
}

.puce3 {
	line-height: 110%;
	text-align: justify;
	margin-bottom:5px;	
	list-style-type: none;
	list-style-image:url(0_images_fonctionnement/puce2.png);
}


/* div page ----------------------------------------------------------------------------------------------------------------------------------------------------*/
#general{
	width:1026px; 
	height:768px;  
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left:-514px; /* moitié de width */
	
	margin-top: -384px; /* moitié de height */
	
}


/* HAUT ----------------------------------------------------------------------------------------------------------------------------------------------------*/

#haut {
	width:1024px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	border-bottom:1px solid #996766;
	border-left:1px solid #996766;
	border-right:1px solid #996766;
	background-color: #996766;
}

#menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu li {
	float: left;
}

.cache {
	display: none;
}







#menu1 {
	display: block;
	background-image:url(0_images_fonctionnement/1_DL.png);
	width: 229px;
	height: 50px;
	float: left;
}

#menu1:hover {
	background-image:url(0_images_fonctionnement/1_DL_ov.png);
}



#menu2 {
	display: block;
	background-image:url(0_images_fonctionnement/2_plasticien.png);
	width: 210px;
	height: 50px;
}

#menu2:hover{
	background-image:url(0_images_fonctionnement/2_plasticien_ov.png);
}





#menu3 {
	display: block;
	background-image:url(0_images_fonctionnement/3_accueil.png);
	width: 244px;
	height: 50px;
}

#menu3:hover {
	background-image:url(0_images_fonctionnement/3_accueil_ov.png);
}







#menu4 {
	display: block;
	background-image:url(0_images_fonctionnement/4_portfolio.png);
	width: 96px;
	height: 50px;
}

#menu4:hover {
	background-image:url(0_images_fonctionnement/4_portfolio_ov.png);
}


#menu5 {
	display: block;
	background-image:url(0_images_fonctionnement/5_expo.png);
	width: 116px;
	height: 50px;
}

#menu5:hover {
	background-image:url(0_images_fonctionnement/5_expo_ov.png);
}

#menu6 {
	display: block;
	background-image:url(0_images_fonctionnement/6_ecrits.png);
	width: 66px;
	height: 50px;
}

#menu6:hover {
	background-image:url(0_images_fonctionnement/6_ecrits_ov.png);
}

#menu7 {
	display: block;
	background-image:url(0_images_fonctionnement/7_liens.png);
	width: 60px;
	height: 50px;
}

#menu7:hover {
	background-image:url(0_images_fonctionnement/7_liens_ov.png);
}


#menu8 {
	display: block;
	background-image:url(0_images_fonctionnement/8_plan.png);
	width: 54px;
	height: 50px;
}

#menu8:hover {
	background-image:url(0_images_fonctionnement/8_plan_ov.png);
}


#menu9 {
	display: block;
	background-image:url(0_images_fonctionnement/9_contact.png);
	width: 34px;
	height: 50px;
}

#menu9:hover {
	background-image:url(0_images_fonctionnement/9_contact_ov.png);
}

#index1 {
	display: block;
	background-image:url(0_images_index_menu/index_1.jpg);
	width: 440px;
	height: 47px;
}

#index1:hover {
	background-image:url(0_images_index_menu/index_1ov.jpg);
}

.clearer {
	clear: both;
	height: 0;
}	

/*BAS------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#bas {
	width:794px; 
	height:759px;  	
	margin-left:auto; 
	margin-right:auto;
	padding-left:230px;
	background-color: #E6E6E6;
	border:1px solid #996766;
	}


/* ascenseur vertical */
#scroll_V {
	overflow:auto;
	margin-top: 20px;
	height:719px;
	width:*904px;	
}


/* conteneur verical liseré vert pour index bio écrits liens */
div#textes {
	width:683px;
	float:left;
	border-top: 1px solid #996766;
	padding-right:0px;
	margin-top: 20px;
}

div#textes_moitie {
	width:341px;
	float:left;
	border-top: 1px solid #996766;
	padding-right:0px;
	margin-top: 20px;
}

div#intro {
	width:500px;
	float:left;	
	margin-left : 0px;
	margin-top: 20px;	
}

div#intro2 {
	width:683px;
	float:left;	
	margin-top: 20px;
	border-bottom: 1px solid #996766;
}

/* BIO----------------------------------------------------------------------------------------*/


div#bio_rubriques {
	width:700px;	
	padding-top: 20px;
}

div#bio_texte {
	width:700px;
}


/* portfolio ancres : oe -------------------------------------------------------------------------------------*/

div#oeuvres {
	width:683px;
	float:left;
	border-top: 1px solid #996766;
	margin-top: 60px;
	}

div#oeuvres_texte {
	float:left;
	width:443px;	
	padding-left: 20px;	
}

div#oeuvres_photo {
	
	float:left;
	
}
/* EXPOS-----------------------------------------------------------------------------------------*/

div#expos {
	width:683px;
	float:left;
	margin-top: 20px;
	border-top: 1px solid #996766;
}

div#expos_année {
	width:683px;		
}

div#expos_texte {
	float:left;
	width:663px;	
	padding-right: 20px;	
}
div#expos_photo {		
	float:right;
	padding-bottom: 20px;
}	



/* ECRITS-----------------------------------------------------------------------------------------*/

div#ecrits_photo {
	padding-bottom: 20px;
	margin-left: auto;
   margin-right: auto

}



/* PRATIQUES-------------------------------------------------------------------------------------*/

div#pratiques {
	width:683px;
	float:left;
	margin-top: 40px;	
	padding-top :20px;
	padding-bottom : 40px;	
	border-top: 1px solid #996766;	
	
}

div#pratiques_titre {
	width:683px;	
	margin-top: 20px;
	margin-bottom:20px;
	border-top: 1px solid #996766;	
}

div#pratiques_texte {	
	width:683px;	
	padding-top:10px;	
}

div#pratiques_repro {	
	width:683px;
	padding-top:0px;	
}


/*  PORTFOLIO--------------------------------------------------------------------------------------*/

/* ascenseur horizontal */
#scroll_H {	
	margin-top : 40px;
	overflow-x:auto;
	overflow-y:hidden;	
	width:700px;
}

div#texte_serie {
	float:left;
	width:400px;
	height:478px;
	padding-right:120px;
	vertical-align: top;
}

div#texte_serie_2 {
	float:left;
	width:400px;
	height:478px;	
	vertical-align: top;
}

div#suite {
	float:left;
	height:20px;
	padding-top: 20px;
	margin-top: 397px;
	width:30px;
}

div#photo {
	float:left;
	height:478px;
	padding-right:120px;
	padding-top: 20px;	
}
div#photo_fin {
	float:left;
	height:478px;
	padding-right:60px;
	padding-top: 20px;	
}