@charset "utf-8";

/* -------------------------- Éléments HTML ---------------------------------------- */

body {
	background-color: #F3F3E4;
	margin-top: 0;
}

strong {
	color: #900;
}

.invisible {
	display: none;
}

dl {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 84%;
}

a {
	color: #900;
}

address {
	padding: 10px 15px 0 15px;
	font-size: 90%;
	font-style: normal;
}
/* -------------------------- Conteneur -------------------------------------------- */

#conteneur {
	width: 945px;
	min-height: 700px; /* À retirer une fois le développement complété */
	margin: 0 auto 0 auto;
	background: #464646 url(../boutons/bg_conteneur.jpg) repeat-x bottom left;
	border-left: 3px solid #000;
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	padding: 0 10px 0 10px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
}

#english, #francais {
	width: 112px;
	height: 20px;
	background-color: #464646;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
}

#english a img, #francais a img{
	border: 0;
	margin-right: 0;
	margin-left: 10px;
}
/* -------------------------- Menu de navigation ------------------------------------ */

#menu {
	width: 945px;
	height: 41px;
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: relative;
}

.menu_accueil:link, .menu_accueil:active, .menu_accueil:visited {
	width: 94px;
	height: 41px;
	background: #464646 url(../boutons/menu_accueil.jpg) no-repeat top left;
	position: absolute;
	right: 531px;
	top: 34px;
	border: 0;
	}

.menu_accueil:hover {
	width: 94px;
	height: 41px;
	background: #464646 url(../boutons/menu_accueil_u.jpg) no-repeat top left;
	position: absolute;
	right: 531px;
	top: 34px;
	border: 0;
	}
	
.menu_home:link, .menu_home:active, .menu_home:visited {
	width: 94px;
	height: 41px;
	background: #464646 url(../boutons/menu_home.jpg) no-repeat top left;
	position: absolute;
	right: 531px;
	top: 34px;
	border: 0;
	}

.menu_home:hover {
	width: 94px;
	height: 41px;
	background: #464646 url(../boutons/menu_home_u.jpg) no-repeat top left;
	position: absolute;
	right: 531px;
	top: 34px;
	border: 0;
	}
	
.menu_bio:link, .menu_bio:active, .menu_bio:visited {
	width: 54px;
	height: 41px;
	background: #464646 url(../boutons/menu_bio.jpg) no-repeat top left;
	position: absolute;
	right: 466px;
	top: 34px;
	border: 0;
	}
	
.menu_bio:hover {
	width: 54px;
	height: 41px;
	background: #464646 url(../boutons/menu_bio_u.jpg) no-repeat top left;
	position: absolute;
	right: 466px;
	top: 34px;
	border: 0;
	}
	
.menu_peintures:link, .menu_peintures:active, .menu_peintures:visited {
	width: 124px;
	height: 41px;
	background: #464646 url(../boutons/menu_peintures.jpg) no-repeat top left;
	position: absolute;
	right: 330px;
	top: 34px;
	border: 0;
	}
	
.menu_peintures:hover {
	width: 124px;
	height: 41px;
	background: #464646 url(../boutons/menu_peintures_u.jpg) no-repeat top left;
	position: absolute;
	right: 330px;
	top: 34px;
	border: 0;
	}
	
.menu_paintings:link, .menu_paintings:active, .menu_paintings:visited {
	width: 124px;
	height: 41px;
	background: #464646 url(../boutons/menu_paintings.jpg) no-repeat top left;
	position: absolute;
	right: 330px;
	top: 34px;
	border: 0;
	}
	
.menu_paintings:hover {
	width: 124px;
	height: 41px;
	background: #464646 url(../boutons/menu_paintings_u.jpg) no-repeat top left;
	position: absolute;
	right: 330px;
	top: 34px;
	border: 0;
	}
	
.menu_galeries:link, .menu_galeries:active, .menu_galeries:visited {
	width: 104px;
	height: 41px;
	background: #464646 url(../boutons/menu_galeries.jpg) no-repeat top left;
	position: absolute;
	right: 203px;
	top: 34px;
	border: 0;
	}
	
.menu_galeries:hover {
	width: 104px;
	height: 41px;
	background: #464646 url(../boutons/menu_galeries_u.jpg) no-repeat top left;
	position: absolute;
	right: 203px;
	top: 34px;
	border: 0;
	}
	
.menu_galleries:link, .menu_galleries:active, .menu_galleries:visited {
	width: 104px;
	height: 41px;
	background: #464646 url(../boutons/menu_galleries.jpg) no-repeat top left;
	position: absolute;
	right: 203px;
	top: 34px;
	border: 0;
	}
	
.menu_galleries:hover {
	width: 104px;
	height: 41px;
	background: #464646 url(../boutons/menu_galleries_u.jpg) no-repeat top left;
	position: absolute;
	right: 203px;
	top: 34px;
	border: 0;
	}
	
.menu_media:link, .menu_media:active, .menu_media:visited {
	width: 89px;
	height: 41px;
	background: #464646 url(../boutons/menu_media.jpg) no-repeat top left;
	position: absolute;
	right: 106px;
	top: 34px;
	border: 0;
	}

.menu_media:hover {
	width: 89px;
	height: 41px;
	background: #464646 url(../boutons/menu_media_u.jpg) no-repeat top left;
	position: absolute;
	right: 106px;
	top: 34px;
	border: 0;
	}

.menu_contact:link, .menu_contact:active, .menu_contact:visited {
	width: 98px;
	height: 41px;
	background: #464646 url(../boutons/menu_contact.jpg) no-repeat top left;
	position: absolute;
	right: 0;
	top: 34px;
	border: 0;
	}
	
.menu_contact:hover {
	width: 98px;
	height: 41px;
	background: #464646 url(../boutons/menu_contact_u.jpg) no-repeat top left;
	position: absolute;
	right: 0;
	top: 34px;
	border: 0;
	}
/* -------------------------- Entête du site ---------------------------------------- */

#entete {
	width: 935px;
	height: 346px;
	margin: 41px auto 10px auto;
	border: 5px solid #666;
	position: relative;
	z-index: 1;
}

#titre {
	text-align: right;
	width: 513px;
	height: 81px;
	margin: -10px 0 0 auto;
	background: transparent url(../boutons/titre.png) no-repeat top left;
	position: relative;
	z-index: 3;
}

#extrait {
	width: 250px;
	height: 225px;
	margin-top: -290px;
	margin-left: 630px;
	position: relative;
	z-index: 2;
	background-color: #FFF;
	border: 1px solid #464646;
	/* IE */
  	filter:alpha(opacity=60);
  	/* les autres... */
  	opacity:0.6;
}

#extrait p {
	color: #000;
	font-style: italic;
	font-weight: bold;
	padding: 15px;
	text-align: justify;
}

/* --------------------------- Colonne de gauche -------------------------------------- */

#gauche {
	width: 250px;
	margin: -15px 10px 10px 0;
	background-color: #D5D6BE;
	border: 5px solid #666;
	position: relative;
	float: left;
	color: #000;
	}
	
.height_accueil {
	height: 320px;
}

.height_bio {
	height: 593px;
	
}

.height_peintures {
	height: 470px;
	overflow: hidden;
}

.height_galeries {
	height: 475px;
}

.height_media {
	height: 320px;
}

.height_contact {
	height: 520px;
}

#h2_accueil {
	width: 250px;
	height: 60px;
	background: transparent url(../boutons/h2_accueil.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_homepage {
	width: 250px;
	height: 60px;
	background: transparent url(../boutons/h2_homepage.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_biographie {
	width: 250px;
	height: 60px;
	background: transparent url(../boutons/h2_biographie.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_biography {
	width: 250px;
	height: 60px;
	background: transparent url(../boutons/h2_biography.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_peintures {
	width: 250px;
	height: 60px;
	background: transparent url(../boutons/h2_peintures.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_paintings {
	width: 250px;
	height: 60px;
	background: transparent url(../boutons/h2_paintings.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_trouver {
	width: 250px;
	height: 60px;
	background: transparent url(../boutons/h2_trouver.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_where_to {
	width: 250px;
	height: 60px;
	background: transparent url(../boutons/h2_where_to.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_media {
	width: 250px;
	height: 60px;
	background: transparent url(../boutons/h2_media.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_contact {
	width: 250px;
	height: 60px;
	background: transparent url(../boutons/h2_contact.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#lien_dispos, #lien_vendus, #lien_mmix, #lien_mmviii, #lien_theatre_reve, #lien_petits_geants, #lien_petits_geants_2, #lien_presse, #lien_blogues, #lien_catalogues, #lien_videos {
	cursor: pointer;
}

#lien_petits_geants_2 {
	text-decoration: underline;
}

#gauche p {
	padding-left: 15px;
	padding-right: 15px;
	font-size: 90%;
}

#h3_oeuvres_recentes {
	width: 250px;
	height: 24px;
	background: transparent url(../boutons/h3_oeuvres_recentes.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h3_recent_work {
	width: 250px;
	height: 24px;
	background: transparent url(../boutons/h3_recent_work.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h3_expositions {
	width: 250px;
	height: 32px;
	background: transparent url(../boutons/h3_expositions.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h3_exhibitions {
	width: 250px;
	height: 28px;
	background: transparent url(../boutons/h3_exhibitions.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h3_archives {
	width: 250px;
	height: 26px;
	background: transparent url(../boutons/h3_archives.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}
/* -------------------------- Colonne du centre --------------------------------------- */

#centre {
	width: 395px;
	margin: -15px 10px 10px 0;
	background-color: #D5D6BE;
	border: 5px solid #666;
	position: relative;
	float: left;
	color: #000;
	}

#centre a {
	color: #900;
	font-weight: bold;
}

#centre p {
	padding-left: 15px;
	padding-right: 15px;
	font-size: 90%;
}

#h2_nouveaux_tableaux {
	width: 395px;
	height: 60px;
	background: transparent url(../boutons/h2_nouveaux_tableaux.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_new_paintings {
	width: 395px;
	height: 60px;
	background: transparent url(../boutons/h2_new_paintings.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_galeries {
	width: 395px;
	height: 60px;
	background: transparent url(../boutons/h2_galeries.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_galleries {
	width: 395px;
	height: 60px;
	background: transparent url(../boutons/h2_galleries.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_vente_tableaux {
	width: 395px;
	height: 60px;
	background: transparent url(../boutons/h2_vente_tableaux.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_sales {
	width: 395px;
	height: 60px;
	background: transparent url(../boutons/h2_sales.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

p.icones {
	padding-top: 20px;
	}
	
#centre p.icones {
	text-align: center;
}

	
p.icones a:link img, p.icones a:active img, p.icones a:visited img {
	border: 2px solid #666;
	margin: 0px 10px 20px 10px;
	}

p.icones a:hover img {
	border: 2px solid #900;
	margin: 0px 10px 20px 10px;
	}

p.icones a:link img.toilevendue, p.icones a:active img.toilevendue, p.icones a:visited img.toilevendue {
	border: 2px solid #D5D6BE;
	margin: 0px 8px 8px 8px;
	padding: 2px 2px 12px 2px;
	background: transparent url(../boutons/toilevendue.gif) no-repeat bottom left;
	}

p.icones a:hover img.toilevendue {
	border: 2px solid #D5D6BE;
	margin: 0px 8px 8px 8px;
	padding: 2px 2px 12px 2px;
	background: transparent url(../boutons/toilevendue.gif) no-repeat bottom left;
	}

p.icones a:link img.toilesold, p.icones a:active img.toilesold, p.icones a:visited img.toilesold {
	border: 2px solid #FFF;
	margin: 0px 10px 10px 10px;
	padding-bottom: 10px;
	background: #FFF url(../boutons/toilesold.jpg) no-repeat bottom left;
	}

p.icones a:hover img.toilesold {
	border: 2px solid #900;
	margin: 0px 10px 10px 10px;
	padding-bottom: 10px;
	background: #FFF url(../boutons/toilesold.jpg) no-repeat bottom left;
	}
	
#centre table {
	width: 365px;
	margin-left: auto;
	margin-right: auto;
	border: 0;
	font-size: 84%;
	color: #000;
}

#centre table tr td {
	width: 50%;
	vertical-align: top;
	text-align: left;
}



/* -------------------------- Colonne de droite --------------------------------------- */

#droite {
	width: 250px;
	margin: -15px 0 10px 0;
	background-color: #D5D6BE;
	border: 5px solid #666;
	position: relative;
	float: right;
	color: #000;
}

#droite_large {
	width: 665px;
	margin: -15px 0 10px 0;
	background-color: #D5D6BE;
	border: 5px solid #666;
	position: relative;
	float: right;
	color: #000;
}

#droite p, #droite_large p {
	padding-left: 15px;
	padding-right: 15px;
	font-size: 90%;
}

#droite_large p {
	font-style: italic;
	text-indent: 20px;
	text-align: justify
}

#droite_large p.icones {
	text-align: left;
	text-indent: 0;
}

#droite_large ul {
	padding-right: 10px;
}

p#signature {
	font-style: normal;
	font-weight: bold;
	text-align: right;
}

p.featured {
	text-align: center;
}

p.featured:first-line {
	font-size: 150%;
	font-weight: bold;
	font-style: italic;
}

#h2_en_vedette {
	width: 250px;
	height: 60px;
	background: transparent url(../boutons/h2_en_vedette.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_featured {
	width: 250px;
	height: 60px;
	background: transparent url(../boutons/h2_featured.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_expositions {
	width: 250px;
	height: 60px;
	background: transparent url(../boutons/h2_expositions.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_exhibitions {
	width: 250px;
	height: 60px;
	background: transparent url(../boutons/h2_exhibitions.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_web {
	width: 250px;
	height: 60px;
	background: transparent url(../boutons/h2_web.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_on_the_web {
	width: 250px;
	height: 60px;
	background: transparent url(../boutons/h2_on_the_web.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_videos {
	width: 665px;
	height: 60px;
	background: transparent url(../boutons/h2_videos.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_presse {
	width: 665px;
	height: 60px;
	background: transparent url(../boutons/h2_presse.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_press {
	width: 665px;
	height: 60px;
	background: transparent url(../boutons/h2_press.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_blogues {
	width: 665px;
	height: 60px;
	background: transparent url(../boutons/h2_blogues.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_blogs {
	width: 665px;
	height: 60px;
	background: transparent url(../boutons/h2_blogs.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_catalogues {
	width: 665px;
	height: 60px;
	background: transparent url(../boutons/h2_catalogues.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_catalogs {
	width: 665px;
	height: 60px;
	background: transparent url(../boutons/h2_catalogs.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_demarche {
	width: 665px;
	height: 60px;
	background: transparent url(../boutons/h2_demarche.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_statement {
	width: 665px;
	height: 60px;
	background: transparent url(../boutons/h2_statement.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#tableaux_disponibles, #tableaux_vendus {
	width: 665px;
	margin: 0;
}

#h2_tableaux_disponibles {
	width: 665px;
	height: 60px;
	background: transparent url(../boutons/h2_tableaux_disponibles.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_available_paintings {
	width: 665px;
	height: 60px;
	background: transparent url(../boutons/h2_available_paintings.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_tableaux_vendus {
	width: 665px;
	height: 60px;
	background: transparent url(../boutons/h2_tableaux_vendus.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_sold_paintings {
	width: 665px;
	height: 60px;
	background: transparent url(../boutons/h2_sold_paintings.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_tableaux_mmviii {
	width: 665px;
	height: 60px;
	background: transparent url(../boutons/h2_tableaux_mmviii.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_tableaux_mmix {
	width: 665px;
	height: 60px;
	background: transparent url(../boutons/h2_tableaux_mmix.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_mmix_paintings {
	width: 665px;
	height: 60px;
	background: transparent url(../boutons/h2_2009_paintings.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}
#h2_mmviii_paintings {
	width: 665px;
	height: 60px;
	background: transparent url(../boutons/h2_2008_paintings.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_theatre_reve {
	width: 665px;
	height: 60px;
	background: transparent url(../boutons/h2_theatre_reve.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

#h2_petits_geants {
	width: 665px;
	height: 60px;
	background: transparent url(../boutons/h2_petits_geants.jpg) no-repeat top left;
	margin: 0 0 10px 0;
}

.video {
	width: 560px;
	margin-left: auto;
	margin-right: auto;
}

p#fb {
	height: 45px;
	margin-left: 10px;
	padding-left: 45px;
	background: #D5D6BE url(../boutons/fb.jpg) no-repeat top left;
}

p#rss {
	height: 45px;
	margin-left: 10px;
	padding-left: 45px;
	background: #D5D6BE url(../boutons/rss.jpg) no-repeat top left;
}
/* ---------------------------- Pied de page -------------------------------------------- */

#pied_page {
	width: 945px;
	min-height: 299px;
	font-size: 84%;
	color: #EFEFEF;
	background: transparent url(../boutons/oiseaux.png) no-repeat bottom left;
}

#pied_page a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

#pied_page ul {
	list-style-type: none;
	text-align: right;
	margin-top: 0px;
	padding-right: 20px;
}

#pied_page ul li {
	margin-top: 5px;
}

#pied_page ul li a {
	padding-left: 20px;
}

#pied_page ul li a:hover {
	background: transparent url(../boutons/etoile.png) no-repeat top left;
}

#credits {
	font-size: 76%;
	text-align: center;
	margin-top: 145px;
}