html, body {margin:0; padding:0;height:100%;}
body {background : #ffffff;color : #000;font-family: Times New Roman, Times, serif;font-size : 14px;}
.clear {clear : both;}
a {text-decoration : none;color : #000;}
a img{border : none;}
#floater {position:relative;float:left;height:50%;margin-bottom:-310px;width:1px;}
div#container {position:relative;clear:left;height:620px;width:896px;margin:0 auto;}
div#content{width : 100%;height : 463px; padding-top:8px;position: relative;} /*overflow: auto;*/
div#header{height : 92px;color :#000;position:relative;}

div#header .logo{position:absolute; left:9px;}
div#header .entete{position:absolute; left:88px; top:53px;}

div#footer { color : #444; height : 52px;color : #444;font-family : Arial;font-size : 9px;text-transform : uppercase;}
div#footer .blackline {height:20px;background:#000;}
div#footer .footer_link{position:relative;width:100%;height:32px;}
div#footer .footer_link .bastete{position:absolute;top:17px;right:25px;}
div#footer a{color : #444;}
div#footer ul{position:absolute; left:11px;top:16px;padding : 0;margin : 0;list-style: none;}
div#footer ul li {float : left;margin-right :20px;}


/********************* menu avec states *************/
div#menu_wrapper{position:absolute;background:#000;height:20px;top:72px;width:100%}

#cssmenu {list-style: none;width:783px;padding : 0;margin : 0;
		height : 20px;background: #000;position:absolute;left:88px;}
#cssmenu li {float: left;}
#cssmenu li a {display: block;height: 20px;background: url('images/menu.gif') no-repeat;
				outline:none;text-indent:-9999em;}

/*
*	Normal Links
*/
#cssmenu li.menu1 a {background-position: 0 0;width: 123px; margin-right:23px;}
#cssmenu li.menu2 a {background-position: -146px 0;width: 132px;margin-right:24px }
#cssmenu li.menu3 a {background-position: -302px 0;width: 130px;margin-right:24px }
#cssmenu li.menu4 a {background-position: -456px 0;width: 140px;margin-right:24px }
#cssmenu li.menu5 a {background-position: -620px 0;width: 56px;margin-right:25px }
#cssmenu li.menu6 a {background-position: -701px 0;width: 82px;}

/*
*	Hover Links
*/
#cssmenu li.menu1 a:hover, #cssmenu li.menu1 a.menuSelected{background-position: 0 -20px;width: 123px;margin-right:23px; }
#cssmenu li.menu2 a:hover,#cssmenu li.menu2 a.menuSelected {background-position: -146px -20px;width: 132px;margin-right:24px }
#cssmenu li.menu3 a:hover, #cssmenu li.menu3 a.menuSelected{background-position: -302px -20px;width: 130px;margin-right:24px }
#cssmenu li.menu4 a:hover,#cssmenu li.menu4 a.menuSelected {background-position: -456px -20px;width: 140px; margin-right:24px}
#cssmenu li.menu5 a:hover, #cssmenu li.menu5 a.menuSelected{background-position: -620px -20px;width: 56px;margin-right:25px }
#cssmenu li.menu6 a:hover,#cssmenu li.menu6 a.menuSelected {background-position: -701px -20px;width: 82px; }

/*H1*/
h1.titrepage,h1.titrepageCollection,h1.titrepageAccueil,h1.titreCredits1,h1.titreCredits{
text-transform : uppercase;padding : 0;font-size : 11px;color : #444;font-weight : normal;}
h1.titrepage{margin :0 0 0 11px;}
h1.titrepageCollection{margin :0 0 18px 11px;}
h1.titrepageAccueil{margin :0 0 18px 0;}
h1.titreCredits1{margin : 0px 0 5px 11px;}
h1.titreCredits{margin : 14px 0 5px 11px;}

/********************************ACCUEIL********************************/

div#accueil_left{width:283px;margin:right:50px;float:left;position:relative;height:100%;font-size:14px;}
div#accueil_left .arbre{position:absolute; top:72px;}
div#accueil_left .texte{padding:0 10px 0 10px;position:absolute; top:323px;}

div#accueil_right{width:563px;float:right;}
div#derparution_cover{width:282px; float:left;margin-right:25px;}
div#derparution_extrait{width:256px; float:right;}
div.extraitAccueil{ padding-left : 0px; color : #000;font-size : 13.5px;}
span.alinea {padding-left:20px;}
h1.titrelivreAccueil{font-weight : normal; font-size:23px; color:#000; padding:0; margin:0;line-height:29px; text-align:left}
h2.soustitrelivreAccueil{font-weight : normal;font-size:14px; color:#000; font-style : italic; padding:0; margin:0 0 30px 0; text-align:left}

/**************************** COLLECTION ************************************/

h2.col_titre { padding:0;margin:0;}
h2.col_titre a {padding:0;margin:0; font-size : 15px; font-weight: bold; color: #FFF;line-height:16px;}
h3.col_soustitre { padding:0;margin:0;}
h3.col_soustitre a {font-size : 11px; font-weight:normal; color: #9C9C9C;}

.boxgrid{ width: 282px; height: 395px; margin:0 25px 0 0; float:left; overflow: hidden; position: relative; }
.boxgrid img{ position: absolute; top: 0; left: 0; border: 0; }
.boxcaption{float: left; position: absolute; height: 34px; width: 100%; margin:0; padding : 0; background: url(images/black.png) repeat ;}
.caption .boxcaption {top: 395px;left: 0;text-align:center;}
	
.pager_collection{margin: 0px; width: 100%; height: 350px; }
.pager_collection .nav {text-align: right; width:300px; float:right; }
.pager_collection .nav a { padding: 0 5px; text-decoration: none;font-size: 11px ;color : #9C9C9C ;text-transform: uppercase; outline: none;}
.pager_collection .nav a.highlight { color: #000; }


/********************** LIVRE ***************************************/
div#detailLeft{ width : 282px;margin-top:32px;float : left;}
div#detailRight{width : 563px;float:right;margin-top:23px}
h1.titrelivre{font-weight : normal; font-size:30px; color:#000; padding:0; margin:0;line-height:38px; text-align:center}
h2.soustitrelivre{font-weight : normal;font-size:18px; color:#000; font-style : italic; padding:0; margin:0 0 30px 0; text-align:center}
div.infoslivre{ font-size : 13px; color : #888888;}
div#desclivre{font-size : 14px; color:#000;}
div.extrait{ padding-left : 20px; color : #000;font-size : 14px;}
.calligraphie_image{margin:7px 0 8px 0;}

/********************** CONTACT ************************/
div#contactLeft{width : 500px;float:left;font-size : 14px; color:#000;margin-top:14px; }
div#contactRight{width : 341px;float:right;font-size : 14px; color:#000; margin-top:18px;}
.arbre_contact{margin-left : 42px;}
div.bon_commande{margin-top : 35px;}
form {margin-top:24px;}
div.error-message{display:inline; margin:0 0 10px 10px; font-size:11px; color: #850000; font-family : Arial;vertical-align: top;}
div.message_vide{margin:0 0 10px 50px;font-size:11px; color: #850000;font-family : Arial;}
input, textArea {background : #FFF;border:#999999 1px solid;margin-bottom:15px; font-family: Times New Roman;font-size: 14px; }
textArea{width: 330px;height:159px;margin-left:50px;margin-bottom:7px;}
div.submit input { color :#444;font-size:14px; font-weight:bold;background:none;border:none;font-family: Times New Roman;padding:0; margin:0 0 0 50px; cursor:pointer;}
div.form_success{margin :  5px 0 0 11px;color : #850000;text-transform:uppercase; font-weight : normal; font-size:11px; }
div.text label { font-size:14px; font-weight:bold; width:50px; display:block; float:left; margin:0; padding:0;}
div.checkbox label, span.notification{font-size:11px; color: #444;font-family : Arial;}
input.checkbox { margin-left:50px; padding:0; }

.arbrecredits{position : absolute; bottom:36px; left:113px;}

/*************************** PEINTURE & POESIE ***********************/
div#peintureLeft{ width : 336px;margin-top:32px;float : left;}
div#peintureRight{width : 510px;float:right; margin-top:23px;}
div.peintre_poete_illustration{ width:400px; margin: 25px auto 0 auto;text-align:center;font-size:11px; color: #444;font-family : Arial;}
div.peintre_poete_illustration .legende{margin-top:7px;}