.random { position:relative; border:0px solid #333333; width: 930px; height: 500px; cursor:pointer; }
.random .img { position:absolute; }
.random .img img.clair { border:1px #e9e9e9 solid; }

body, table { background-color:#FFFFFF;margin: 0px; padding:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; }
/* tableau principal */
#main { margin-left: 0px; width:930px; border-collapse:collapse; }
#main .header { height:90px; text-align:center; vertical-align:top; }
#main .header .content { position:relative; }
#main .header .content .logo { position:absolute; left: 57px; top: 30px; }
#main .header .content .desc { position:absolute; left: 603px; top: 39px;  }
#main .header .content .lang { position:absolute; right: 0px; top: 70px; }
#main .header .content .lang a.selected { color: #666666; cursor:auto; }
#main .homepage { text-align: center;}
#main .homepage .random { position:relative; border:0px solid #333333; width: 820px; margin-left:110px; height: 500px; cursor:pointer; border-top:1px solid #CCCCCC; }
#main .homepage .random .img { position:absolute; }
#main .homepage .random .img img.clair { border:1px #e9e9e9 solid; }
#main .menu { padding-left: 112px; }
dl, dt, dd, ul, li {margin: 0;padding: 0;list-style-type: none;}
#main .menu #menu {position: relative;top: 0;left: 0;z-index:100;width: 100%;}
#main .menu #menu dl {float: left; margin: 0px;}
#main .menu #menu dt {text-align: center;font-weight: bold; border-top: 0px solid #999999;background-color:#fff; margin:0px;}
#main .menu #menu dd { position:absolute; border: 0px solid gray; width: 95px; text-align:center;}
#main .menu #menu li {text-align: center;background: #fff;}
#main .menu #menu li a,#main .menu #menu dt a {color: #000;text-decoration: none;display: block;height: 100%;border: 0 none;}
#main .menu #menu li a:hover, #main .menu #menu dt a:hover {color: #0033FF;}
#main .menu input.recherche { border:0px; background-color:#e9e9e9;width:130px; font-size: 9px; padding: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#main #content { padding-left: 112px; padding-top: 40px; }
#main #footer { padding-left: 112px; padding-top: 60px; }
#main #footer .footer { padding-top: 3px; font-size: 11px; color:#999999; border-top: 1px solid #ccc; text-align:right; }

/* Accueil */
#accueil { position:relative; }
#accueil .rdvs { float:left; width: 370px; padding-right:40px; }
#accueil .rdvs .titre { text-align:left; color: #3399cc; padding-bottom: 10px; font-size: 12px; width: auto; }
#accueil .rdvs .rdv { height: 40px; }
#accueil .rdvs .rdv:hover { color:#333333; }
#accueil .rdvs .rdv .date { float: left; width:40px; padding: 2px; border-right: 1px solid #CCCCCC; }
#accueil .rdvs .rdv .date .jour { font-size: 12px; font-weight:bold; text-align:center; line-height:12px; }
#accueil .rdvs .rdv .date .mois { text-align:center; font-weight: bold; font-size: 8px; text-transform:uppercase; }
#accueil .rdvs .rdv .details { }
#accueil .rdvs .rdv .details .titre{ padding-left: 55px; padding-bottom: 0px; color: #000000; font-weight:bold; }
#accueil .rdvs .rdv .details .lieu { padding-left: 55px; font-style:italic;  }
#accueil .rdvs .rdv .details .chapeau { padding-left: 55px; font-size:9px;  }
#accueil .txt_welcome { float:left; color: #666666; font-size:11px; width: 380px; }
#accueil .txt_welcome .catalogue { padding-bottom: 10px; font-weight:bold; }
#accueil .nouveautes { position: relative; }
#accueil .nouveautes .titre { color: #3399cc; padding: 20px 0px 10px 0px; font-size: 12px;  }
#accueil .nouveautes .highlight { float: left;}
#accueil .nouveautes .highlight .bigthumb { }
#accueil .nouveautes .header { width: 100%; height:auto;}
#accueil .nouveautes .header .title { text-align:left; color: #3399cc; padding-bottom: 10px; font-size: 12px; width: 490px; }
#accueil .nouveautes .header .title select { font-size:9px; background-color:#FFFFFF; border:1px solid #ccc; color:#666666; }
#accueil .nouveautes .header .title option { font-size:9px; background-color:#FFFFFF; color:#666666; }

/* Rendez-vous */
#rendezvous .header { width: 100%; height:auto;}
#rendezvous .header .title { text-align:left; color: #3399cc; padding-bottom: 10px; font-size: 12px; width: 490px; }
#rendezvous .header .title select { font-size:9px; background-color:#FFFFFF; border:1px solid #ccc; color:#666666; }
#rendezvous .header .title option { font-size:9px; background-color:#FFFFFF; color:#666666; }
#rendezvous .header .catalogue { text-align:left; vertical-align:top; width: 210px; }
#rendezvous .rendezvous { width:100%; border-bottom: 0px solid #e9e9e9; }
#rendezvous .rendezvous .gauche { vertical-align:top; width: 60%; }
#rendezvous .rendezvous .gauche .visuel { margin-bottom: 46px; width: 460px; height: 320px; background-color:#e9e9e9; text-align:center;padding: 30px 0px; }
#rendezvous .rendezvous .gauche .visuel img.bordure {  border:1px #cccccc solid; }
#rendezvous .rendezvous .droite { vertical-align:top; width: 40%; }
#rendezvous .rendezvous .droite .titre { font-weight: bold; color: #000000; font-size: 12px; }
#rendezvous .rendezvous .droite .chapeau { font-size: 11px;color:#3399cc; padding-top: 10px;  }
#rendezvous .rendezvous .droite .contenu { font-size: 11px;color:#666666; padding: 10px 0px;  }
#rendezvous .rendezvous .droite .liaison { margin-bottom: 46px; padding-bottom: 10px; }
#rendezvous .rendezvous .droite .liaison .titre { padding-top:5px; font-size:11px; font-weight: normal;color:#666666; }
#rendezvous .rendezvous .droite .liaison .lien { padding-left: 0px; }


/* Livres */
#main .cart { position:absolute; top: 5px; left: 797px; }
#main .cart input { border-width: 0px; }
#livres .header { width: 100%; height:auto;}
#livres .header .title { text-align:left; color: #3399cc; padding-bottom: 10px; font-size: 12px; width: 350px; }
#livres .header .title select { font-size:9px; background-color:#FFFFFF; border:1px solid #ccc; color:#666666; }
#livres .header .title option { font-size:9px; background-color:#FFFFFF; color:#666666; }
#livres .header .catalogue { text-align:left; vertical-align:top; width: 350px; font-weight:bold; }

#collections { padding-left:106px; }
#collections .nom {  }

/* Vidéos */
#videos .header { width: 100%; height:auto;}
#videos .header .title { text-align:left; color: #3399cc; padding-bottom: 10px; font-size: 12px; width: 700px; }

/* Livre */
#livre { width: 100%; padding-top: 23px; }
#livre .gauche { vertical-align:top; width: 60%; }
#livre .gauche .illustration { margin-bottom: 10px; width: 460px; height: 240px; background-color:#e9e9e9; text-align:center;padding: 30px 0px; }
#livre .gauche .illustration img {}
#livre .gauche .bande { width: 460px; height: 20px; position:relative;}
#livre .gauche .bande .prec { width: 230px; text-align: left; float: left; }
#livre .gauche .bande .suiv { width: 230px; text-align: right; float: left; }
#livre .gauche .bande .prec,
#livre .gauche .bande .suiv  { text-decoration:none; font-weight:bold; color:#3399cc; }
#livre .gauche .chapeau { width: 460px; color:#3399cc; font-size: 10px; }
#livre .gauche .chapeau .titre { color: #000000; }
#livre .gauche .video { margin-bottom: 10px; width: 460px; height: 240px; background-color:#e9e9e9; text-align:center;padding: 30px 0px; }
#livre .gauche .video_youtube { margin-bottom: 10px; width: 460px; height: 344px; background-color:#e9e9e9; text-align:center;padding: 18px 0px; }
#livre .gauche .communiques { font-size: 10px; }
#livre .gauche .communiques .titre { color: #666666; padding-top: 20px; }
#livre .gauche .communiques .details { color: #999999; font-style:italic; }
#livre .gauche .download { padding-top: 20px; }
#livre .gauche .download img { vertical-align:middle;}
#livre .tirage_de_tete { text-align:left; vertical-align:top; padding-right: 30px;}
#livre .tirage_de_tete .photos { background-color:#E9E9E9; padding-top: 30px;  text-align:center;}
#livre .tirage_de_tete .photos img { padding-bottom: 30px;}

#livre .droite { vertical-align:top; width: 40%; }
#livre .droite .titre { color:#000; font-weight: bold; font-size: 13px; text-transform:uppercase; }
#livre .droite .soustitre { color:#666; font-weight: bold; font-size: 11px; text-transform:uppercase; }
#livre .droite .auteurs { font-size: 10px;  }
#livre .droite .auteurs a { color:#3399cc; text-decoration:none; font-weight:normal; }
#livre .droite .auteurs a.principal {  font-weight:bold; font-size:11px; }
#livre .droite .desc { color:#666666; padding-top: 10px; font-size: 11px; }
#livre .droite .details { padding-top: 10px; font-size: 10px; color:#666666; }
#livre .droite .details .prix { font-size: 14px; font-weight:bold; }
#livre .droite .details .strike { text-decoration:line-through; }
#livre .droite .tirage_limite { font-size:10px; }
#livre .droite .tirage_limite .titre { color:#666666; font-size:10px; text-transform:none; }
#livre .droite .tirage_limite .desc { padding-top: 0px; }
#livre .droite .tirage_limite .prix { }
#livre .droite .paypal { margin-top: 20px; _margin-top:0px; padding: 0px 5px 0px 0px; font-size: 12px; color: #3399cc; font-weight:bold; }
#livre .droite .paypal input.purchase { border-width:0px; background-color:#FFFFFF; font-size: 12px; color: #3399cc; font-weight:bold; }

/* Artistes */
#artistes { }
#artistes #alphabet .mootabs_title {list-style-image: none;list-style-type: none;margin: 0px;padding: 0px; padding-left: 60px;}
#artistes #alphabet .mootabs_title li {float: left;  padding: 7px 0px; width: 25px;	height: 24px; }
#artistes #alphabet .mootabs_title li.active {	color: #3399cc;}
#artistes #alphabet .mootabs_panel {display: none;position: relative;	top: -1px;clear: both;overflow: auto;	text-align:left;padding: 0px; width: 200px; }
#artistes #alphabet .mootabs_panel.active { display: block; }
#artistes #alphabet .mootabs_title li.over { color: #3399cc; }

#artistes #alphabet2 .mootabs_title {list-style-image: none;list-style-type: none;margin: 0px;padding: 0px; padding-left: 60px;}
#artistes #alphabet2 .mootabs_title li {float: left;  padding: 7px 0px; width: 25px;	height: 24px; }
#artistes #alphabet2 .mootabs_title li.active {	color: #3399cc;}
#artistes #alphabet2 .mootabs_panel {display: none;position: relative;	top: -1px;clear: both;overflow: auto;	text-align:left;padding: 0px; width: 200px; }
#artistes #alphabet2 .mootabs_panel.active { display: block; }
#artistes #alphabet2 .mootabs_title li.over { color: #3399cc; }

/* Artiste */
#artiste { width: 100%; padding-top: 23px;}
#artiste .gauche { vertical-align:top; width: 60%;}
#artiste .gauche .titre {  color:#000; font-weight: bold; font-size: 13px;}

#artiste .droite { vertical-align:top; width: 40%;}
#artiste .droite .identite {  color:#000; font-weight: bold; font-size: 13px;}
#artiste .droite .metier {  color:#666; font-weight: normal; font-size: 11px;}
#artiste .droite .ddn {  color:#666; font-weight: normal; font-size: 11px;}
#artiste .droite .bio {  color:#666666; padding-top: 10px; font-size: 11px; padding-right: 30px; }
#artiste .droite .communiques .titre { color: #000000; padding-top: 20px; }
#artiste .droite .communiques .details { color: #999999; font-style:italic; }
#artiste .droite .video_list .titre { color: #000000; padding-top: 20px; }

/* Recherche */
#recherche { width: 100%; }
#recherche .titre { color: #3399cc; padding-bottom: 10px; }
#recherche .noresult { font-style:italic; padding-left:20px; }
#recherche .livres { vertical-align: top; width: 60%; }
#recherche .artistes { vertical-align: top; width: 40%; padding-bottom: 20px; }
#recherche .artistes .result a { color: #000000; }
#recherche .rendezvous { vertical-align: top; width: 40%; }
#recherche .rendezvous .result .titre { color: #000000; padding-bottom: 0px;padding-top: 10px;  }
#recherche .rendezvous .result .chapeau { color: #666; font-size:11px; }

/* Presse */
#presses { }
#presses .content {  padding-left:250px; }
#presses .content .presse { padding-bottom:10px; width: 100%; }
#presses .content .presse .contenu { width: 250px; }
#presses .content .presse .contenu .titre { font-weight: bold; }
#presses .content .presse .contenu .relations { }
#presses .content .presse .contenu .relations .titre { font-weight: normal; padding-top: 0px; font-size: 10px; }
#presses .content .presse .icone { vertical-align:middle; text-align:center; }


/* A propos */
#apropos { height: 300px; width:100%; }
#apropos .gauche { vertical-align:top; width: auto; }
#apropos .droite { vertical-align:top; width: 500px; }

/* Contacts */
#contacts { padding-left: 404px; height: 300px; }

/* Newsletter */
#newsletter { padding-left: 490px; height: 300px; }
#newsletter .content { vertical-align:middle; position:relative; }
#newsletter .content input.email {width: 250px; color: #3399cc; padding-left: 5px;  }
#newsletter .content input.required, textarea.required {	border: 1px solid #00A8E6;}
#newsletter .content input.validation-failed {	border: 1px solid #FF3300;	color : #FF3300;}
#newsletter .content input.validation-passed {	border: 1px solid #00CC00;	color : #000;}
#newsletter .content .validation-advice {background-color: #fff;	color : #FF3300; }
#newsletter .content input {	border: 1px solid #999; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align:left; padding-left:2px; width: 150px; margin: 1px 0px; }
#newsletter .content input.submit { width: inherit; }
#newsletter .content label { display:block; float:left; width: 100px; }

/* Mentions Légales */
#mentions { }
#mentions .titre { text-align:left; width: 755px; color: #3399cc; padding-bottom: 10px; font-size: 12px; }

/* Merci - Page de remerciement apres Achat via Paypal */
#merci { height: 300px; padding-top: 130px; }


/* Utils - Général */
.clear { clear:both; }
.pointer { cursor:pointer; }
a img { border: 0px; }
a { text-decoration: none; color: #3399cc; outline:none; }
.introuvable { text-align:center; font-weight: bold; }
.hidden_link {color: #999999; }


/*
Format grille -------
#books { position: relative;  }
#books .thumb { float: left; height: 205px;text-align:center; padding: 0px 0px 0px 0px; width: 203px; }
#books .thumb .img { text-align: left; padding-bottom:5px; height: 147px; }
#books .thumb img:hover { -moz-opacity: 0.75; filter:alpha(opacity=75); }
#books .thumb .title { text-align:left; color: #000000; font-weight:bold; font-size:9px; padding: 0px; }
#books .thumb .author { text-align:left; }
#books .thumb .author a { text-decoration:none; color: #000000; font-weight:normal; }
*/

#books { position: relative;  }
#books .thumb { float: left; height: 215px;text-align:center; padding: 0px 25px 0px 0px; }
#books .thumb .img { text-align: left; padding-bottom:5px; }
#books .thumb img.clair { border:1px #CCCCCC solid; }
#books .thumb img:hover { -moz-opacity: 0.75; filter:alpha(opacity=75); }
#books .thumb .title { float:none; text-align:left; color: #000000; font-weight:normal; font-size:10px; padding: 0px; }
#books .thumb .author { text-align:left; }
#books .thumb .author a { text-decoration:none; color: #000000; font-weight:bold; font-size:9px; }

/* PANIER */
#panier {}
#panier table tr th,
#panier table tr td {  padding: 3px 0px; }
#panier table tr th,
#panier table tr td.line { border-bottom: 1px solid #DFDFDF; }
#panier table tr th { text-align:center; }
#panier table tr th.titre { text-align:left;}
#panier table tr td { text-align:left;}
#panier table tr td.center { text-align:center;}
#panier table tr td.right { text-align:right;}

/* COMMANDE */
#commander input {	border: 1px solid #999; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align:left; padding-left:2px; width: 150px; margin: 1px 0px; }
#commander input.checkbox { width: inherit; }
#commander input.submit { width: inherit; text-align:center; padding:5px; margin:0; margin-top: 20px; }
#commander th { text-align:left; color: #3399CC; padding-top: 20px;}


#navigation { position: relative; height:25px; }
#navigation .content { float: right; text-align:center; }
#navigation .content .prev { float: left; text-align:right }
#navigation .content .next { float: left; text-align:right }
#navigation .content .prev a ,
#navigation .content .next a { color: #3399cc; text-decoration:none; }
#navigation .content .prev a { padding-right: 10px; }
#navigation .content .next a { padding-left: 10px; }
#navigation .content .pages { float: left; text-align:center; width: 40px; }