@charset "utf-8";
/* CSS Document */

body { background-color:#000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333; margin:0 }


#global_conteneur {
	position: absolute;
	margin-top: 60px;
	left: 50%; width: 750px; margin-left: -350px }

#entete_hdo { float:left; background-color:#B0ADB1; height: 43px; width: 250px; font-size:10px; border-bottom: 1px solid #fff ; padding-top: 15px; line-height: 15px }
	#entete_hdo img { float:left; margin: 0 5px 0 8px; border: 0 }
	#entete_hdo a { color: #000; text-decoration: none }
	#entete_hdo a:hover { color: #fff; text-decoration: none }

#entete_peintures { float:left; background-color:#9B99A3; height: 55px; width: 474px;  border-bottom: 1px solid #fff; padding: 3px 0 0 26px; }
#entete_peintures h1 { font-size:40px; font-weight:bold; color:#DFDFDF; margin: 0 }
#entete_peintures h3 { font-size:40px; font-weight:bold; color:#DFDFDF; margin: 0 }

#menu_outils { float:left; background-color:#7D7E95; height: 20px; width: 160px; padding-left: 90px }
	#menu_outils a { color: #FFF; text-decoration: none }
	#menu_outils a:hover { color: #000; text-decoration: none } 
	#menu_outils img { border: 0; margin: 3px 3px 0 10px } 

#menu_nav { float:left; background-color:#9FA0C1; height: 20px; width: 500px; }
#menu_nav a { color: #FFF; text-decoration: none }
#menu_nav a:hover { color: #000; text-decoration: none }
	#artistes { float:left; text-transform:uppercase; padding: 3px 16px 0 16px; background-color:#34409A; height: 17px  }
	#realisation { float:left; text-transform:uppercase; padding: 3px 16px 0 16px; background-color:#7779B9; height: 17px  }
	#devis { float:left; text-transform:uppercase; padding: 3px 16px 0 16px; height: 17px  }

#contenu { width: 750px; background-image:url(images/fond_2colonnes.gif); padding: 0; margin: 0}
	#illusion { margin: 22px 0 10px 113px; color:#C8C8C8; font-size:18px; font-weight: bold }
	#texte_intro { margin: 8px 25px 18px 265px; color:#666 }
	#texte_intro a { color:#999; text-decoration: underline }
	#texte_intro a:hover { color:#333; text-decoration: none }
	#image_gauche { float: left; width: 250px }
	#image_fresque_fond { float: left; background:url(images/illustrations/raisins-bottom.jpg) no-repeat}
	#image_illustration { width: 300px; }
	#texte_droite {	width: 460px; float: left; padding: 18px 20px 30px 20px; text-align: justify; }
		#texte_droite h1 { font-size:12px; font-weight: bold; color:#003366 }
		#texte_droite h2 { font-size:11px; font-weight: bold;color:#333333; font-style: normal }
		#texte_droite a { color:#999; text-decoration: underline }
		#texte_droite a:hover { color:#333; text-decoration: none }
	#texte_droite_fond { width: 460px; float: left; padding: 18px 20px 30px 20px; text-align: justify; }
		#texte_droite_fond h1 { font-size:12px; font-weight: bold; color:#003366 }
		#texte_droite_fond h2 { font-size:12px; font-weight: bold; color:#003366 }
		#texte_droite_fond h2 a { color:#333; text-decoration:underline }
		#texte_droite_fond h2 a:hover { color:#999; text-decoration:none }
		#texte_droite_fond a { color:#333; text-decoration: none }
		#texte_droite_fond a:hover { color:#999; text-decoration: underline }
		
	#frise_image { float: left }
	.texte_2colonnes { width: 150px; margin: 20px 10px 0 0 }
	.ligne { width: 500px; visibility:hidden; }
	.legende { color:#666 }

	.savoirplus a { color:#999; text-decoration: none }
	.savoirplus a:hover { color:#000; text-decoration: underline }

	#fresque_gauche { float: left; width: 224px; padding: 65px 10px 30px 16px }
		#fresque_gauche h1 { font-size:12px; font-weight: bold; color:#003366 }
		#fresque_gauche a { color: #006699; text-decoration: none }
		#fresque_gauche a:hover { color: #000; text-decoration: underline }
	#fresque_titres { float: left; height: 18px; width: 480px; background-color:#7D7E95; padding: 6px 0 0 20px; font-size:12px; font-weight: bold; }
		#fresque_titres a  { color:#fff; text-decoration: none }
		#fresque_titres a:hover { color:#333; text-decoration: underline }
	#fresque_liens { float: left; background-color:#7779B9; width: 470px; padding: 4px 10px 6px 20px; }
		#fresque_liens a { color:#fff; text-decoration: none }
		#fresque_liens a:hover { color:#000; text-decoration: underline }
	#fresque_droite { float: left; text-align:center }

#pied_page { background-color:#9B99A3; width: 745px; padding: 3px 0 0 5px; height: 18px }
	#pied_page a { color: #FFF; text-decoration: none }