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

body { background:#F3F3F3;  font:normal 12px Arial, sans-serif; line-height:16px; color:#5f5656; margin:0 auto; text-align:center; background: url(/images/fond_degrade.jpg) top repeat-x #fff; behavior:url(csshover.htc);}

a { color:#13221C;}
a:hover { background:#F3F3F3;}
a.nohover:hover { background: none;}

h1 {color:#862224; text-transform:uppercase; margin:0; padding:0; font-size:14px;}

h1 a {color:#862224; text-transform:uppercase; margin:0; padding:0; font-size:14px;}

h1 span {color:#5f5656; text-transform:uppercase; margin:0; padding:0; font-size:12px;}

h2 {color:#5f5656; text-transform:uppercase; margin:0; padding:0; font-size:12px;}

h3 {color:#5f5656; margin:0; padding:0; font-size:12px;}

h4 {color:#862224; margin:0; padding:0; font-size:12px; font-weight:normal;}

hr { border-bottom: 1px dotted #807575; height:1px; margin:15px 0; background:#fff;}

.demi_gauche { width:350px; float:left; margin-right:10px; }

.demi_droite { width:340px; float:left; margin-left:10px; border-left:1px dotted #807575; padding-left:10px;}


ul {margin-left:10px;  padding:0;}
li { line-height:16px; background:url(/images/fl_rouge.gif) top left no-repeat; text-indent:10px; list-style-type:none;}

ul.accueil { margin:0;  padding:0;}
ul.accueil li { line-height:16px; background:url(/images/fl_rouge.gif) top left no-repeat; list-style-type:none; margin:7px 0;}
.in {list-style-position:inside;}


.legende { font-size:11px;}
.signe { font-weight:bolder; font-size:20px; color:#862224;}

.rouge { color:#862224;}

#maincontainer { width: 970px; margin: 0 auto; text-align:left; border-right:1px solid #84948f; border-left:1px solid #84948f; background: url(/images/fond_contenu.gif) repeat-y;}

#topsection{ background: #fff; height: 180px; margin-bottom:20px;}

#entete_logo { width:970px; height:50px; text-align:right; background:url(../images/entete_logo.gif) no-repeat; color:#13221c;}

#entete_logo .nav {margin-top:10px; width:300px; float:right; position:relative; top:20px; right:10px; font-variant:small-caps;}
#entete_logo .nav a {color:#13221c; text-decoration:none;}
#entete_logo .nav a:hover {text-decoration:underline;}



#menu_bar {z-index:100; position:relative; width:775px; font-size:11px; margin-left:195px; float:left; text-align:left; background:url(/images/bg_menu.gif) repeat-x;}

#menu_bar ul { margin:0; padding:0; float:left; margin-left:5px; line-height:22px; vertical-align:bottom;}

#menu_bar li {float:left; position:relative; list-style-type:none; border-right:1px solid #fff; background-image:none; text-indent:0; line-height:22px;}

#menu_bar a { text-decoration:none; color:#13221c; font-variant:small-caps; display:block; height:22px; padding: 0 0.65em;}

#menu_bar a.rouge { text-decoration:none; color:#862224; font-variant:small-caps; display:block; height:22px; padding: 0 0.65em;}


#menu_bar a:hover { background:url(/images/bg_menu_over.gif) repeat-x; color:#fff;}

#menu_bar ul li ul.menu2 { z-index:100; float:left; margin:0; position:absolute; width:160px; z-index:100; background:#F3F3F3; border-top:1px solid #fff;}

#menu_bar ul li ul.menu2 li {z-index:100; position:relative; float:left; width:100%; border-bottom:1px solid #fff; }

body #menu_bar ul li ul {display:none;}

#menu_bar ul li:hover ul {display:block;}

#menu_bar ul li:hover ul, #menu_bar ul li ul:hover {display:block;}



#contentwrapper{ float: left; width: 100%; }

#contenu_accueil{  margin: 0 300px 20px 195px; }

#contenu_general{ margin: 0 10px 20px 195px; }

#leftcolumn{ float: left; width: 195px; margin-left: -970px; background: url(/images/bg_gauche.gif) top no-repeat; margin-top:-45px; padding-top:10px; }

#colonne_nouvelle{ float: left; width: 305px; margin-left: -305px; background: #fff; }
 
#footer{ font-size:10px; clear: left; width: 100%; height:15px; background: #e1e5e4; border-top:2px solid #84948f; border-bottom:2px solid #84948f; color: #5f5656; text-align: center; padding: 20px 0 2px 0; }

#footer a{ color: #13221c; }

.innertube{ margin: 10px; margin-top: 0; }


.boite_pdf { position:relative; background: url(/images/boite_pdf.gif) no-repeat; width:175px; height:63px; font-size:11px; line-height:12px; margin:10px 0 0 0; }
.boite_pdf a { text-decoration:none;}
.boite_pdf a:hover { background:none;}
.boite_pdf .marge { width:120px; height:41px; position:relative; top:10px; left:55px; vertical-align:bottom; text-align:left; }

.boite_logo {width:179px; margin:15px 0 0 0; text-align:center; border: 1px solid #862224;}


.ch_item { margin:10px 15px 10px 0; padding-bottom:10px; border-bottom:1px dotted #807575; }

.separateur { border-bottom: 1px dotted #807575; margin:15px 0; clear:both;}

.separateur_court { width:50px; text-align:center; border-bottom: 1px dashed #862224; margin:15px 0 15px 340px; clear:both;}

.separateur_ca { border-bottom: 1px dotted #807575; margin:0; clear:both;}

#nouvelles {z-index:1; position:relative; float:right; margin-right:5px; width:300px; margin-top:0; background:url(/images/bg_infobox.gif) repeat-y;}
#nouvelles h2 { font-size:12px; margin:0; margin-right:5px; padding-bottom:3px; border-bottom: 1px dotted #807575; color:#862224;}
#nouvelles .item { margin:10px 5px 10px 0; padding-bottom:10px; border-bottom:1px dotted #807575; }
#nouvelles a { color:#862224; text-decoration:none;}
#nouvelles .interieur {margin:10px;}
#nouvelles .nouvelles_top { width:300px; height:5px; background:url(/images/top_infobox.gif) no-repeat;}
#nouvelles .nouvelles_bottom { width:300px; height:12px; background:url(/images/bottom_infobox.gif) no-repeat;}

ul.menu_horizontal { margin-left: 0; margin-bottom:10px; padding-left: 0; white-space: nowrap; }

.menu_horizontal li { display: inline; list-style-type: none; border-left:2px outset #862224; background:none;}

.menu_horizontal a { margin:3px 6px; text-decoration:none; color:#13221C;}

.menu_horizontal a:link, #menu_histoire a:visited { color: #13221C; text-decoration: none; }

.menu_horizontal a:hover { color: #13221C; background-color: #F3F3F3; text-decoration: none; }



p.colonne { float:left; margin:0; width:auto;}
div.image_colonne {float:left; margin:0 3px 3px 0;}
div.image_colonne img {  width:auto; padding:2px; border:1px solid #807575;}

div.image img {width:auto; padding:2px; border:1px solid #807575;}


table.oeuvres { width:750px; margin-top:15px; border-bottom:1px solid #84948f;}
table.oeuvres td .3col {width:250px;}
table.oeuvres td .2col {width:375px;}
table.oeuvres img { float:left; border:1px solid #84948f; padding:3px; margin:0 5px 5px 0;}


table { font-size:11px;}
td { padding:2px 6px 2px 0;}

div.bio_gauche {float:left; width:160px; margin-right:10px; margin-top:20px; text-align:justify;}

div.bio_droite {float:left; padding:0; margin-top:20px; width:550px;}

div.ca_gauche {float:left; width:90px; margin-right:10px; margin-top:20px; text-align:justify;}

div.ca_droite {float:left; padding:0; margin-top:20px; width:620px;}

div.prix_gauche {float:left; width:350px; margin-right:10px; margin-top:10px; padding-bottom:20px;text-align:justify;}
div.prix_droite {float:left; padding:0; margin-top:10px; width:360px;}

div.clearfloat { clear:both;}


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background: #fff;
z-index: 50;
text-decoration: none;
}

.thumbnail span{ /*CSS for enlarged image*/
background: #fff;
position: absolute;
padding: 5px;
left: -1000px;
border: 1px solid #5f5656;
visibility: hidden;
text-decoration: none;
font-size:10px;
color: #5f5656;
z-index:200;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
z-index:200;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
z-index:200;
visibility: visible;
text-decoration: none;
top: -75px;
left: 0px; /*position where enlarged image should offset horizontally */
}