/* CSS Document */
* { margin:0 ; padding:0 ; }
body { background:url(img/bg.jpg) repeat ; text-align:center ; color:#6666CC; font: 11px Tahoma, Verdana, sans-serif ; }
a { text-decoration:underline ; color:#494755 ;  }
a:hover { text-decoration:none ; color:494755 ; }
p { margin:0 0 10px 0 ; font: 12px Tahoma, Verdana, sans-serif ; text-align:justify ; }
img { border:none ; }

/* ---------- Index ---------- */
#index { margin:50px auto ; width:800px ; height:370px ; }
	#indexbg { float:left ; width:520px ; height:370px ; background:url(img/bgindex.png) repeat 0 0 ; }
	#indexbt { float:left ; width:280px ; height:370px ; }
#indexbt span { display:none ; }
a.bt_vf { margin:125px auto 0px auto ; display:block ; width:170px ; height:60px ; background:url(img/btvf.png) 0 0 ; }
a.bt_ve { margin:0px auto 125px auto ;display:block ; width:170px ; height:60px ; background:url(img/btve.png) 0 0 ; }
#indexbottom { margin:0 auto 50px auto ; width:800px ; height:auto ; font-size:0.8em ; color:#423018 ; }
a.indexlien { color:#423018 ; text-decoration:none ; font-weight:bold ; }
#referencement { position:absolute; width:700px; top:-9000px; left:200px; }

/* -------------------------------- structure generale -------------------------------- */
#wrapper { width:100% ; height:100% ; text-align:center ; }
#container { margin:0 auto ; width:1000px ; height:768px ; }
#header { width:760px ; height:150px ; padding:0 120px ; background:url(img/bg_header.jpg) no-repeat 0 0 ; }
	#banniere { width:760px ; height:100px ; }
	.pub { width:720px ; height:80px ; margin:0 20px ; text-align:right ; }
	.drapeau { width:720px ; height:20px ; margin:0 20px ; text-align:right ; }
	.drapeau img { padding:3px ; }
	#menu { width:760px ; height:50px ; }
	#menu_list ul{ margin:0 ; padding:0 ; list-style-type:none ; }
	#menu_list li { float:left ; list-style-type:none ;}
	.bords { display:block ; width:30px ; height:50px ; }
ul#menu_list span { display:none ; }
#main { width:760px ; height:618px ; padding:0 120px ; background:url(img/bg_main.jpg) no-repeat 0 0 ; }
#main_top { width:740px ; height:530px ; padding:20px 10px 0 10px ; }
#main_galerie { width:740px ; height:530px ; margin-top:10px ; padding:10px 10px 0 10px ; background:url(img/bg_galerie.jpg) ; }
.map { width:740px ; height:15px ; text-align:left ; }
.main_contain { width:740px ; height:515px ; text-align:left ; }
	.menu_bio { float:left ; width:170px ; height:505px ; margin:10px 10px 0 0 ; background:url(img/bg_biographie.jpg) no-repeat 0 0 ; }
	.menu_expo { float:left ; width:170px ; height:505px ; margin:10px 10px 0 0 ; background:url(img/bg_exposition.jpg) no-repeat 0 0 ; }
	.menu_cequil { float:left ; width:170px ; height:505px ; margin:10px 10px 0 0 ; background:url(img/bg_cequil.jpg) no-repeat 0 0 ; }
	.menu_commande { float:left ; width:170px ; height:505px ; margin:10px 10px 0 0 ; background:url(img/bg_commande.jpg) no-repeat 0 0 ; }
	.menu_publication { float:left ; width:170px ; height:505px ; margin:10px 10px 0 0 ; background:url(img/bg_publication.jpg) no-repeat 0 0 ; }
	.contain { float:left ; width:560px ; height:505px ; margin-top:10px ; }
	.title { width:540px ; height:25px ; background:url(img/title.jpg) no-repeat 0 0 ; font:14px Tahoma, Verdana, sans-serif ; color:#FFFFFF ; font-weight:bold ; text-transform:capitalize ; padding:10px 0 0 20px ; }
	.contain_text { overflow:auto ; width:520px ; height:445px ; margin:0 30px 0 10px ; }
	.follow { width:560px ; height:20px ; margin-top:5px ; text-align:center ; }
#main_footer { width:100% ; height:48px ; padding-top:20px ; color:#FFFFFF ; }
#main_footer a, #main_footer a:hover { color:#FFFFFF ; }
a.bt_details { display:block ; width:165px ; height:15px ; padding:5px 0 0 5px ; border-bottom:1px dotted #9ea3bd ; text-transform:capitalize ; color:#494755 ; }
a:hover.bt_details { display:block ; width:145px ; height:25px ; padding:5px 0 0 25px ; background:url(img/bg_submenu.jpg) ; }

/* -------------------------------- structure specifique -------------------------------- */
.clr { clear:both ; height:20px ; }
.intro { float:left ; padding:10px ; width:300px ; height:495px ; font:12px Tahoma, Verdana, sans-serif ; }
	.intro h3 { font:16px Tahoma, Verdana, sans-serif ; padding-bottom:10px ; color:#494755 ; }
.acces { float:left; padding:10px;	width:399px; height:495px; border-left:1px dotted; font-family: Tahoma, Verdana, sans-serif; font-size: 16px; }
	.acces_ligne { width:100% ; padding:5px 0 ; }
.bienvenue { width:100% ; height:100px ; }
.news { width:100% ; height:395px ; }
	#news_defile { width:100% ; overflow:auto ; height:365px ; }
	.news_ligne { padding-top:5px ; width:95% ; }
	.news_date { float:left ; width:20% ; height:auto ;  }
	.news_details { float:left ; width:80% ; height:auto ; }
	.news_day { font-size:30px ; font-weight:bold ; }
	.news_ligne p { text-align:left ; margin-bottom:5px ; }
	.news_vernissage { border-top:1px dotted #6666CC ; border-bottom:1px dotted #6666CC ; padding:10px 0 ; text-align:center ; }
#expo_list, #cequil_list { width:500px ; }
#expo_list ul, #cequil list ul { list-style:none ; margin:0 ; padding:0 ; }
#expo_list li, a.bt_cequil1, a.bt_cequil2 { display:block ; width:480px ; padding:5px 10px ; font:12px Tahoma, Verdana, sans-serif ; color:#494755 ; }
.expo_list_bg { background:url(img/bg_expo_li.jpg) repeat 0 0 ; }
.expo_title { font:14px ; font-weight:bold ; text-decoration:underline ; }
.book_contenu { width:97% ; height:120px ; }
.book_img { float:left ; width:25% ; height:120px ; }
.book_img img { padding:5px ; }
.book_details { float:left ; width:75% ; height:120px ; }
.book_title { font: 14px Tahoma, Verdana, sans-serif ; font-weight:bold ; }
.img_galerie { width:100% ; height:515px ; text-align:center ; }
.galerie_explication { width:740px ; height:65px ; font:12px Tahoma, Verdana, sans-serif ; }
.img_galerie_details { width:100% ; height:65px ; text-align:center ; font:12px Tahoma, Verdana, sans-serif ; }
.img_galerie_vue { width:100% ; height:420px ; text-align:center ; }
.img_galerie_commande { width:100% ; height:30px ; font:12px Tahoma, Verdana, sans-serif ; }
.img_titre { font:16px Tahoma, Verdana, sans-serif ; font-weight:bold ; }
.galerie_lignes { width:740px ; height:90px ; text-align:center ; }
.galerie_lignes img { padding:2px ; border:none ; text-align:center ; }
.details_galerie { width:740px ; height:515px ; }
.menu_galerie { float:left ; padding:5px ; width:210px ; height:505px ; text-align:left ; }
.image_galerie { float:left ; padding:5px ; width:510px ; height:505px ; text-align:center ; }
.image_galerie img { float:left ; padding:10px ; border:none ; }
.explique_galerie { width:490px ; height:40px ; margin:0 10px ; font:12px ; color:#FFFFFF ; font-weight:bold ; }
.voiture { width:100% ; text-align:center ; }
.voiture img { border:none ; padding:5px auto ; }
.col1, .col2 { float:left ; width:50% ; height:515px ; }

/* -------------------------------- boutons français -------------------------------- */
a.bt_accueil, a.bt_biographie, a.bt_galerie, a.bt_exposition, a.bt_publication, a.bt_commande, a.bt_contact { display:block ; width:100px ; height:50px ; }
a.bt_accueil { background:url(img/bt_accueil_over.jpg) no-repeat 0 0 ; }
a:hover.bt_accueil { background:url(img/bt_accueil_on.jpg) no-repeat 0 0 ; }
a.bt_biographie { background:url(img/bt_biographie_over.jpg) no-repeat 0 0 ; }
a:hover.bt_biographie { background:url(img/bt_biographie_on.jpg) no-repeat 0 0 ; }
a.bt_galerie { background:url(img/bt_galerie_over.jpg) no-repeat 0 0 ; }
a:hover.bt_galerie { background:url(img/bt_galerie_on.jpg) no-repeat 0 0 ; }
a.bt_exposition { background:url(img/bt_exposition_over.jpg) no-repeat 0 0 ; }
a:hover.bt_exposition { background:url(img/bt_exposition_on.jpg) no-repeat 0 0 ; }
a.bt_publication { background:url(img/bt_publication_over.jpg) no-repeat 0 0 ; }
a:hover.bt_publication { background:url(img/bt_publication_on.jpg) no-repeat 0 0 ; }
a.bt_commande { background:url(img/bt_commande_over.jpg) no-repeat 0 0 ; }
a:hover.bt_commande { background:url(img/bt_commande_on.jpg) no-repeat 0 0 ; }
a.bt_contact { background:url(img/bt_contact_over.jpg) no-repeat 0 0 ; }
a:hover.bt_contact { background:url(img/bt_contact_on.jpg) no-repeat 0 0 ; }

/* -------------------------------- english buttons -------------------------------- */
a.bt_home, a.bt_biography, a.bt_gallery, a.bt_exhibition, a.bt_book_press, a.bt_painting, a.bt_contact_us { display:block ; width:100px ; height:50px ; }
a.bt_home { background:url(img/bt_home_over.jpg) no-repeat 0 0 ; }
a:hover.bt_home { background:url(img/bt_home_on.jpg) no-repeat 0 0 ; }
a.bt_biography { background:url(img/bt_biography_over.jpg) no-repeat 0 0 ; }
a:hover.bt_biography { background:url(img/bt_biography_on.jpg) no-repeat 0 0 ; }
a.bt_gallery { background:url(img/bt_gallery_over.jpg) no-repeat 0 0 ; }
a:hover.bt_gallery { background:url(img/bt_gallery_on.jpg) no-repeat 0 0 ; }
a.bt_exhibition { background:url(img/bt_exhibits_over.jpg) no-repeat 0 0 ; }
a:hover.bt_exhibition { background:url(img/bt_exhibits_on.jpg) no-repeat 0 0 ; }
a.bt_book_press { background:url(img/bt_book_press_over.jpg) no-repeat 0 0 ; }
a:hover.bt_book_press { background:url(img/bt_book_press_on.jpg) no-repeat 0 0 ; }
a.bt_painting { background:url(img/bt_painting_over.jpg) no-repeat 0 0 ; }
a:hover.bt_painting { background:url(img/bt_painting_on.jpg) no-repeat 0 0 ; }
a.bt_contact_us { background:url(img/bt_contact_us_over.jpg) no-repeat 0 0 ; }
a:hover.bt_contact_us { background:url(img/bt_contact_us_on.jpg) no-repeat 0 0 ; }

/* -------------------------------- galerie image -------------------------------- */
div#galerie { width: 410px ; border: 1px solid #494755 ; padding: 15px ; margin: 15px 30px ; text-align: center ;	font: 0.9em Georgia, serif ; }
ul#galerie_mini { margin: 0 ; padding: 0 ;	list-style-type: none ; }
ul#galerie_mini li { float: left ; }
ul#galerie_mini img { width:40px ; height:40px ; }
ul#galerie_mini li a img { margin: 2px 1px ; border: 1px solid #494755 ; }
dl#photo {	clear: both ; margin: 0 auto ; }
dl#photo dt { font: italic 2.5em/1.5em Georgia, serif ; color: #494755 ; }
dl#photo dd { margin: 0 ; }
dl#photo img { border: 1px solid #dcb ; }

/* -------------------------------- formulaire -------------------------------- */
#coordonnees { float:left ; width:250px ; height:505px ; font:12px Tahoma, Verdana, sans-serif ; }
	.atelier { text-transform:uppercase ; font:13px Verdana, Arial, Helvetica, sans-serif ; }
#formulaire { float:left ; width:490px ; height:505px ; font:12px Tahoma, Verdana, sans-serif ; }
	.formulaire_ligne { width:95% ; padding:5px 0 ; }
	.formulaire_envoie { width:95% ; padding-top:30px ; }
label { display:inline ; float:left ; width:150px ; font-weight:bold ; margin-left:20px ; }
.input { background-color:#FFF ; font-family:Tahoma, Verdana, sans-serif ; color:#494755 ; }
.option { background-color: #FFF ; }
.select { background-color: #FFF ; }
.textarea { background-color: #FFF ; color:#494755 ; }

/* -------------------------------- Listen -------------------------------- */
#downD { width:396px ; height:25px ; }
#imageD { height:470px ; position:relative ; border:0px	; padding-left:0px ; width:396px ; left:0px ; top:0px ;	right:0px ;	bottom:0px ; }

#textD {

	z-index: 1;
	position: absolute;
	width: 396px;
	height: 115px;
	top: 355px;
	left: 0px;

	text-align: left;
	background-color: #8099C1;
		filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}

ul#news {
margin-right:10px;
		padding: 5px;
	color: #FFFFFF;
	font-size:18px;
}

ul#portfolio li img{

}


.fade{
	margin-bottom: 2em;
}

.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
}

.style3 {font-size: 14px; font-weight: bold; }
/*End Listen */