/* CSS Document */
body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
		color:#E1E8E8;
        margin: 0;
		font-size: 12px;
        background-color: #84003A;
        }
p {
	margin:6px 0px;
	text-align:justify;
}
h1 {
        font: bold 150% Verdana, Arial, Helvetica, sans-serif;
		letter-spacing:4px;
        color:#ffffcc;
        margin: 10px 0px 20px 0px;
		text-transform:uppercase;
}
h2 {
        font: bold 130% Verdana, Arial, Helvetica, sans-serif;
		letter-spacing:3px;
        color:#C4D2D2;
        margin: 20px 0px 10px 0px;
}
h3 {
        font: bold 120% Verdana, Arial, Helvetica, sans-serif;
		letter-spacing:1px;
        color:#ffffdd;
        margin: 10px;
}
img {
    border: none;
	padding:0;
	margin:0;
}
a {
	color:#E0DDCE;
	text-decoration: none;
	font-weight:bold;
  }
a:hover {
	text-decoration:underline;
}
ul {
        list-style: none;
        margin: 0;
        padding: 0;
		}
ol {
margin:6px 0px;
}
ol li {
margin:10px 10px;
}
table {
	border:#000000 1px solid;
	padding:4px;
	background-color:#668888;
	margin-top:6px;
}
td {
	text-align:center;
	vertical-align:top;
	text-transform:uppercase;
	padding:6px 0px 12px 0px;
}
table.plus {
	margin-top:0px;
	margin-bottom:6px;
	height:147px;
}
td.description {
	height:60px;
	vertical-align:middle;
	text-transform:none;
}
td.prix {
	height:40px;
	vertical-align:middle;
    font: bold 140% Verdana, Arial, Helvetica, sans-serif;
	border-top:#000000 1px dashed;
	border-bottom:#000000 1px dashed;
}
table.plus td {
	text-align:left;
	vertical-align:top;
	text-transform:none;
}

img.encadre {
	border:#000000 1px solid;
	margin-bottom:6px;
}
object.bord  {
	border:#000000 1px solid;
	margin-bottom:6px;
}

/* structure */
div#global {
	width: 1050px;
	margin: 10px auto 10px auto;
	position: relative;
	background-color:#779999;
	border:#000000 1px solid;
	}
div#header {
	color:#000000;
	background-color:#FFffff;
	overflow:auto;
	clear:both;
}

div#gauche {
	float: left;
	width: 240px;
	margin-left:10px;
	}
div#droite {
	float: right;
	width: 220px;
	margin-right:10px;
	}
div#content {
	position:relative;
	margin:0px 235px 10px 270px;
	padding:0;
	}

div#footer {
	clear:both;
	height:20px;
	padding-top:4px;
	background-color:#446666;
	border-top:#000000 1px dashed;
	padding-left:120px;
	}

/*- content ------------------------- */
div#content2 {
	margin:0px 15px 0px 330px;
	padding:0;
	}
div#content3 {
	margin:0px 150px 10px 150px;
	padding:0;
	}
div#content4 {
	margin:0px 0px 0px 310px;
	padding:0;
	}
div#content5 {
	position:relative;
	margin:0px 325px 0px 245px;
	padding:0;
	}
#content5 a {
    color:#84003A;
	}
div#content6 {
	position:relative;
	margin:0px 10px 10px 10px;
	padding:0;
	}
	
img.flottant {
	float:left;
	margin-right: 20px;
}
ol.distances {
position:absolute;
list-style: square;
margin-top:0px;
margin-left:460px;
}
ol.distances2 {
position:absolute;
list-style: square;
margin-top:15px;
margin-left:420px;
}
ol.distances3 {
list-style: square;
margin-top:15px;
margin-left:10px;
}

h2.majuscules {
	text-transform:uppercase;
}
p.message {
margin:80px 0px 20px 40px;
font-weight:bold;
font-size:120%;
}
#actu {
	color:#FFFFff;
	border-right:#333333 1px solid;
	border-bottom:#333333 1px solid;
	background-color:#668888;
	padding:4px 4px 4px 4px;
	margin:10px 0px;
	font-size: 11px;
	text-align:justify;
}
p.signature {
	text-align:right;
	font:80% Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin:0;
	padding:0;
}

/*- header ------------------------- */
 img.bandeau {
	float:left;
	margin:0px 0px 0px 0px;
}
#menu {
	display:block;
	float:right;
	width:240px;
	padding:0;
	margin:8px 2px 0px 0px;
}
#menug, #menuf {
	display:block;
	float:left;
	width:240px;
	padding:0;
	margin:30px 2px 0px 0px;
}
ul#menug li, ul#menu li {
	position:relative;
	text-transform:uppercase;
	height:24px;
	border-bottom:#000000 1px dashed;
	font-weight:bold;
	letter-spacing:2px;
	}
ul#menug li {
	font-size:7pt;
	padding-top:4px;
}
ul#menu li {
	font-size:8pt;
	padding:7px 0px 4px 0px;
}
ul#menuf li {
	position:relative;
	text-transform:uppercase;
	padding-top:4px;
	font-weight:bold;
	font-size:7pt;
	letter-spacing:2px;
}
ol.prod  {
	list-style: square;
        margin: 0px 10px;
        padding: 4px 6px;
}		
ol.prod li{
margin:3px 0px;
}
ul#menuf li ol.prod li a:visited {
    color:#ffffff;
}
#menu li a{
	color:#d2bd97;
}

#menu li a:hover  {
    color:#cc3300;
	text-decoration: none;
}
#menug li a:hover,  #menuf li a:hover  {
    color:#ffffff;
	text-decoration: none;
}
li.sel {
	color:#cc3300;
}

/*- gauche droite------------------------- */
#gauche p {
margin:6px 0px;
padding:0;
font-size:90%;
}
form#news {	display:block;	margin-top: 30px;	width: 200px;	height:105px;	padding:4px 10px 4px 10px;	background:url(images/fond_news.gif) no-repeat;    font: bold 100% Verdana, Arial, Helvetica, sans-serif;	color:#000000;	overflow:auto;	overflow-y:hidden;	clear:both;}
form#news input#email, form#alerte input#email2 { background-image:url(images/email.gif); background-repeat:no-repeat; }
form#news p.titre {	color:#cc3300;    font: bold 120% Verdana, Arial, Helvetica, sans-serif;	text-align:center;	margin:0px 0px 13px 20px;}
form#news input, form#alerte input { background-color:#BECECE; vertical-align:middle;color:#003333; border:#000000 solid 1px; padding:3px 2px; }
form#alerte {	margin-top: 10px;	width: 220px;	height:142px;	padding:4px 10px 4px 10px;	background:url(images/fond_recherche.gif);    font: bold 11px Verdana, Arial, Helvetica, sans-serif;	color:#000000;}
form#alerte p.titre {	color:#cc3300;    font: bold 140% Verdana, Arial, Helvetica, sans-serif;	text-align:center;	margin:6px 0px 20px 20px;}
form#alerte textarea#recherche { background-color:#BECECE; background-image:url(images/recherche.gif); background-repeat:no-repeat; height:50px; }
form#news input#ok, form#alerte input#ok { background-color:#aabbbb; }

div.liste {
	display:block;
	float:right;
	width:200px;
	height:230px;
	margin:10px 0px 0px 0px;
	padding:0px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	overflow:auto;
	clear:both;
}
div.liste p.titre {
	font:bold 120% Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	padding:2px 0px;
	margin:0;
	background-color:#E0DDCE;
	color:#000000;
	border:#000000 1px solid;
}
div.liste p {
text-align:left;
padding-bottom:8px;
border-bottom:#000000 1px dashed;
}
div#gauche2 {
	float: left;
	width: 310px;
	margin-left:10px;
	}
div#gauche3 {
	float: left;
	width: 150px;
	margin-left:10px;
	margin-top:20px;
	text-align:center;
	}
div#gauche4 {
	float: left;
	width: 270px;
	margin-left:10px;
	}
div#droite3 {
	float: right;
	width: 150px;
	margin-right:10px;
	margin-top:20px;
	text-align:center;
	}
div#droite4 {
	float: right;
	width: 300px;
	margin-right:10px;
	margin-top:20px;
	text-align:justify;
	}
#droite4 a {
color:#84003A;
}

.adresse {
font-size:80%;
padding:0;
margin:0;
font-weight:bold;
}

.posrelative {
position:relative;
}

#conteneur {
padding:4px 4px 4px 4px;
OVERFLOW: hidden;
WIDTH: 260px;
max-height:130px;
CLIP: rect(0px 270px 140px 0px);
border:#000 1px solid;
background-color:#f9fff3;
color:#44660E;
position:relative;
}
#conteneur a{
 font: bold 110% Verdana, Arial, Helvetica, sans-serif;
 color:#0066CC;
 text-decoration:none;
}
#conteneur a:hover  {
text-decoration:underline;
}
#absolu {
position:absolute;
left:30px;
TOP: 250px;
}

#livres p {
padding:0;
margin:10px 0px 0px 10px;
}
p.infos {
text-align:center;
margin-top:200px;
}
input.ok {
width:30px;
padding:0;
}

#diaporama {
position:absolute;
top:250px;
left:150px;
width:720px;
height:440px;
background-color:#fff;
border:#000000 1px solid;
display:none;
z-index:1;
}
#diaporama object {
margin:0px 10px;
}
#diaporama p {
text-align:center;
font-size:120%;
}
#diaporama a {
color:#000000;
font-weight:bold;
}
#diaporama img.croix {
position:absolute;
top:0;
right:0;
}
#diaporama img.chargement {
position:absolute;
top:150px;
right:300px;
}
#contenu {
position:relative;
display:block;
clear:both;
padding-bottom:10px;
overflow:hidden;
}
img.bouton {
margin-top:15px;
}
img.vignette_derniers{
margin-left:15px;
}

/*- bas de page  ------------------------- */
div#footer_tourisme {
	width: 100%;
	height:110px;
	padding-top:4px;
    background-color: #779999;
	clear:both;
	margin-bottom:-8px;
	}
#logo_bardamu {
position:absolute;
bottom:3px;
right:10px;
}

/** Affiches **/
td.affiche {
	text-align:left;
	padding:2px;
	text-transform:none;
}

p.small, .small {
font-size:90%;
}

p.promo, .promo { font-size:120%; font-weight:bold; color:#FFFF99; }
p.promo {  text-align:center; }
p.prix { font-size:120%; display:block; width:400px; background-color:#365858; margin-left:100px; text-align:center; }

#miniatures { text-align:center; height:760px; overflow:auto; margin-top:10px;	scrollbar-face-color: #779999;
    scrollbar-shadow-color: #660000;    scrollbar-highlight-color: #476969;    scrollbar-3dlight-color: #779999;    scrollbar-darkshadow-color: #000000;    scrollbar-track-color: #779999;    scrollbar-arrow-color: #000; }
#miniatures img { margin:4px 0px; }

#bloc_photo { display:block; position:relative; }
#vendu  { position:absolute; bottom:8px; left:195px; background-color:#fff; width:200px; color:#000000; font-size:130%; letter-spacing:2pt; font-weight:bold; }

#bon {	background-color:#FFFFFF;	color:#000;	border:#FF3333 3px dashed;	padding:0px 3px;	margin:100px auto;	position:relative;	width:280px; }
#bon p {text-align:center;}
p#texte_bon  {	color:#FF3333;	font-size:110%;	margin-bottom:20px;	margin-top:15px; font-size:15px; font-weight:bold;}
#bon h2 {	font-size:14px;	text-align:center; border-bottom:#000000 1px solid; border-top:#000000 1px solid; padding:5px 0px;}
p.libon {text-transform:uppercase;text-align:center;letter-spacing:5px;font-size:90%;}
p.code {	margin-top:20px;	text-align:center;	font-weight:bold;	font-size:20px;	letter-spacing:3px;	}
.petit { font-size:80%; }