* { margin:0; margin:0; }
	body{ font-size:62.5%; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px; padding:0px; background:white url(../imgcss/body_bg_01.jpg) top left repeat-x; }

	.floatleft{ float:left;}
	.floatright{ float:right;}
	.center{ text-align:center;}
	.alignleft{ text-align:left;}
	.alignright{ text-align:right;}
	.spacer { clear:both; }
	.spacer2 { clear:both; visibility:hidden; height:0; margin:0; padding:0; border:0; }
	img{border:0;}
	
	/* class de COLOR */
	.red{ color:#E31515;}
	.blue{ color:#485D69;}
	.or{ color:#F8BA1C;}
	

#conteneur{ margin:0px auto 0px auto; padding:0; width:819px; background:white url(../imgcss/conteneur_bg_01.gif) 0px top no-repeat;}

/*=========================  HEADER  =========================*/
	#header{ position:relative; height:266px; padding:0px 0px 0px 0px; margin:0; background:url(../imgcss/header_bg_01.jpg) 0px top no-repeat; }
		
		/*==  MENU  ==*/
		#menu_haut{ position:absolute; top:70px; right:35px; padding:0; margin:0; }
			#menu_haut ul{ margin:0; padding:0; float:right;}
				#menu_haut li{ list-style:none; margin:0; padding:0; float:left; display:inline;  }
					#menu_haut li#accueil{ }
					#menu_haut li#bio{ }
					#menu_haut li#oeuvres{ }
					#menu_haut li#atelier{ }
					#menu_haut li#liens{ }
					#menu_haut li#contact{ }
					#menu_haut li#english{}
						#menu_haut li a{ display:block; float:left; height:16px; padding:5px 5px 5px 5px; margin:0px 5px 0px 5px; color:#6B6B6B; text-decoration:none; font-size:1em; font-weight:bold;}
							#menu_haut li a:hover{text-decoration:none; color:#AD9D02;}
							#menu_haut li a.select{text-decoration:none; color:#AD9D02;}
		
		#head-illustration{ padding:105px 0px 0px 0px; margin:0px 0px 0px 0px; height:157px; text-align:center;}
				



/*=========================  FOOTER  =========================*/
	#footer{ clear:both; height:13px; padding:5px 0px 5px 0px; }
	html>body #footer{ min-height:13px; height:auto;} /* hack */
	#footer p{ text-align:center; color:#999999; border-top:1px #EAEAEA solid; margin:0px 40px 0px 40px; padding:6px 0px 0px 0px; height:16px; }
	#footer a{ color:#999999; text-decoration:none;}
	#footer a:hover{ text-decoration:underline;}

/*=========================  CORPS  =========================*/
	#corps{ margin:0px 19px 0px 19px; _margin:0px 9px 0px 9px; padding:30px 0px 0px 0px; height:605px; }
	html>body #corps{ min-height:605px; height:auto; }
	
	#central-accueil{ float:left; width:526px; _width:506px; margin:0px 25px 0px 10px; _margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
		#central-accueil h1{ color:#1F1F1F; border-bottom:1px #0080D4 solid; margin:0px 10px 15px 0px; padding:0px 0px 3px 25px; font-size:1.4em; background:url(../imgcss/puce-01.gif) 5px 3px no-repeat; }
		#central-accueil,#central-fougere .intro{ color:#4B4B4B; margin:0px 10px 25px 30px; padding:0px 0px 0px 0px; font-size:1.1em; line-height:20px; }
	
	
	.last-serie{ width:525px; _width:505px; text-align:center; padding:0; margin:5px 0px 30px 0px; }
		.last-serie img{ border:1px #D1D1D1 solid; padding:1px; margin:0px 0px 5px 0px;}
		.last-serie caption{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color:#4B4B4B; }
		.last-serie p{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
		.last-serie a{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color:#4B4B4B;}
		.last-serie a:hover{ text-decoration:none;}
	
	
	/* DROIT : ACCUEIL */
	#droit-accueil{ float:left; display:block; width:207px; padding:0px 0px 40px 0px; margin:0px 0px 0px 0px; background:#F2F2F2; text-align:center; height:530px;}
	html>body #droit-accueil{ height:auto; min-height:530px;}
		#droit-accueil h1,#droit-accueil p.titre-actu{  padding:9px 0px 0px 35px; margin:0; font-size:1.7em; font-weight:bold; height:23px; background:url(../imgcss/droit_h1-bg-01.gif) 0px 0px no-repeat; color:#FBFBFB; font-family:"Times New Roman", Times, serif; text-align:left;}
		#droit-accueil p{ background:url(../imgcss/hr-separation-actu.gif) center bottom no-repeat; padding:10px 5px 20px 5px; margin:0px 0px 0px 0px; font-size:1.1em; }
		#droit-accueil ul { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
			#droit-accueil li { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style:none;}
				#droit-accueil li a { padding:5px 5px 5px 10px; margin:0px 0px 0px 0px; display:block; height:16px; border-bottom:1px white solid; font-size:1.1em; color:#3A454C; text-decoration:none;}
				html>body #droit-accueil li a { min-height:16px; height:auto;}
				#droit-accueil li a:hover { background:white;}
		#droit-accueil a { color:black; text-decoration: underline;}
		#droit-accueil a:hover { color:black; text-decoration: none;}
	
	/* DROIT : SES OEUVRES */
	#droit-oeuvre{ float:left; display:block; width:207px; padding:0px 0px 40px 0px; margin:0px 0px 0px 0px; background:#F2F2F2;}
	
		#droit-oeuvre h1{ padding:9px 0px 0px 35px; margin:0; font-size:1.7em; height:23px; background:url(../imgcss/droit_h1-bg-01.gif) 0px 0px no-repeat; color:#FBFBFB; font-family:"Times New Roman", Times, serif; text-align:left;}
		#droit-oeuvre h2{ padding:9px 0px 5px 10px; margin:0; font-size:1.3em; color:#3A454C;}
		#droit-oeuvre p{ background:url(../imgcss/hr-separation-actu.gif) left bottom no-repeat; padding:10px 5px 20px 5px; margin:0px 0px 0px 0px; font-size:1.1em; }
		#droit-oeuvre ul { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
			#droit-oeuvre li { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style:none;}
				#droit-oeuvre li a { padding:5px 5px 5px 25px; margin:0px 0px 0px 0px; display:block; height:16px; border-bottom:1px #BFBFBF dashed; font-size:1.1em; color:#3A454C; text-decoration:none; background:url(../imgcss/puce-02.gif) 6px 8px no-repeat;}
				html>body #droit-oeuvre li a { min-height:16px; height:auto;}
				#droit-oeuvre li a:hover,#droit-oeuvre li a.select { background:#E5E5E5 url(../imgcss/puce-02-over.gif) 6px 8px no-repeat; font-weight:normal;}
				

/*=========================  CONTACT  =========================*/
#formcontact{margin:0px 0px 0px 106px;padding:30px 0px 0px 0px; }
	#formcontact p{margin:1px 0px 1px 0px; padding:0; font-size:1em;}
	
	#formcontact label{margin:0px 5px 0px 0px; padding:3px 0px 0px 0px; float:left; width:84px; height:16px; font-size:1.2em; }
	#formcontact input{margin:0; padding:2px 0px 0px 3px; width:216px; font-size:1.2em; color:#353535; border:1px #CCC solid; height:16px;}
	#formcontact input.focus{ background:#E5E5E5;}
	
		#formcontact input#objet{margin:0px 0px 5px 0px; width:305px;}
		
		#formcontact input.envoyer{width:103px; height:23px; padding:0px 0px 1px 0px; margin:10px 0px 0px 0px; border:0; background:url(../imgcss/contact_bt_bg-01.gif) 0px 0px no-repeat; color:white; font-size:1.1em; text-align:center;}
		#formcontact input.over{width:103px; height:23px; padding:0px 0px 1px 0px; margin:10px 0px 0px 0px; border:0; background:url(../imgcss/contact_bt_bg-01.gif) 0px -31px no-repeat; color:white; font-size:1.1em; text-align:center;}
		
	#formcontact textarea{margin:0; padding:2px 0px 0px 3px; width:305px; height:130px; color:#353535; font-size:1.1em; font-family:Verdana, Arial, Helvetica, sans-serif;border:1px #CCC solid;}
	#formcontact textarea.focus{ background:#E5E5E5;}


	/* DROIT : CONTACT */
	#droit-contact{ float:left; display:block; width:207px; padding:0px 0px 40px 0px; margin:0px 0px 0px 0px; background:#F2F2F2;}
	
		#droit-contact h1{ padding:9px 0px 0px 35px; margin:0; font-size:1.7em; height:23px; background:url(../imgcss/droit_h1-bg-01.gif) 0px 0px no-repeat; color:#FBFBFB; font-family:"Times New Roman", Times, serif; text-align:left;}
		#droit-contact p{ padding:0px 0px 0px 6px; margin:0px 0px 0px 0px; font-size:1.1em; line-height:14px; }
		#droit-contact a { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:black; text-decoration:underline;}
			#droit-contact a:hover { text-decoration:none;}
		
		.obligatoire{ margin:20px 0px 0px 78px; padding:0px 0px 0px 0px; color:#999999; font-size:0.9em; font-style:italic; text-align:left;}


/*=========================  LES FOUGERES  =========================*/
#central-fougere{ margin:0px 25px 0px 10px; _margin:0px 17px 0px 10px; padding:0px 0px 0px 0px; }
	#central-fougere h1{ color:#1F1F1F; border-bottom:1px #0080D4 solid; margin:0px 0px 15px 30px; padding:0px 0px 3px 25px; font-size:1.4em; background:url(../imgcss/puce-01.gif) 5px 3px no-repeat; }
	
#texte-fougere{ margin:0px 0px 25px 60px; padding:0px 0px 0px 0px; width:147px; }		
	#texte-fougere p{ margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; font-size:1.1em; line-height:18px; color:#4B4B4B; }	
	 .auteur{ font-style:italic; font-weight:bold;}


/*=========================  LIENS  =========================*/
#central-liens{ margin:0px 25px 0px 10px; _margin:0px 17px 0px 10px; padding:0px 0px 0px 0px; }
	#central-liens h1{ color:#1F1F1F; border-bottom:1px #0080D4 solid; margin:0px 0px 15px 30px; padding:0px 0px 3px 25px; font-size:1.4em; background:url(../imgcss/puce-01.gif) 5px 3px no-repeat; }
	
.lien{ margin:0px 0px 35px 30px; padding:0px 0px 0px 0px; width:205px; float:left;}
	.lien .personne{ color:#4B4B4B; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; font-size:1.2em; font-weight:bold; }	
	.lien img{ padding:0px 0px 0px 0px; margin:0px 0px 10px 0px;}
	.lien p{ color:#4B4B4B; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:1.1em; line-height:20px; }
	.lien a.link{ display:block; color:black; margin:5px 0px 0px 0px; padding:0px 0px 0px 14px; font-size:1em; text-decoration:none; background:url(../imgcss/link_icone.gif) 0px 3px no-repeat; }
	.lien a.link:hover{ text-decoration:underline}
	
	
/*=========================  GALERIE  =========================*/
.serie{ margin:0px 0px 20px 5px;padding:0px 0px 0px 0px; width:245px; float:left; text-align:center;}
.serie_tryptique{ margin:0px 0px 35px 5px; padding:0px 0px 0px 0px; text-align:center;}



	
/*=========================  BIOGRAPHIE  =========================*/	
	/* DROIT : BIOGRAPHIE */
	#droit-bio{ float:left; display:block; width:207px; padding:0px 0px 40px 0px; margin:0px 0px 0px 0px; background:#F2F2F2; text-align:center;}
		#droit-bio h1{  padding:9px 0px 0px 35px; margin:0; font-size:1.7em; height:23px; background:url(../imgcss/droit_h1-bg-01.gif) 0px 0px no-repeat; color:#FBFBFB; font-family:"Times New Roman", Times, serif; text-align:left;}
		#droit-bio p{ background:url(../imgcss/hr-separation-actu.gif) center bottom no-repeat; padding:10px 5px 20px 5px; margin:0px 0px 0px 0px; font-size:1.1em; }
			#droit-bio a { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-decoration:none; text-align:center}
			html>body #droit-bio a { min-height:16px; height:auto;}
				#droit-bio a:hover { background:white; }
			#droit-bio img { padding:4px; background:white}
			#droit-bio span { font-size:1.1em; color:#3A454C; display:block;}