/* CSS Document */

/* structure */
body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
		font-size: 12px;
       background-color: #fff;
	   color:#000000;
        }
div#global {
	width: 990px;
	margin: 0px auto 10px auto;
	position: relative;
 	background-color: #CDBC64;
	color:#3C1311;
	border:#3C1311 1px solid;
	overflow:auto;
	}
div#header {
	width: 990px;
	border:#3C1311 1px solid;
	margin: 6px auto;
	position: relative;
	padding:0;
	height:214px;
}
div#zone-ref {
overflow:auto;
clear:both;
	width: 970px;
	margin: 10px auto 4px auto;
	background-color:#CDBC64;
	border:#3C1311 1px solid;
	padding:5px 10px;
	font-size:8px;
	}
div#footer {
	width: 990px;
	height:20px;
	text-align:center;
	margin: 10px auto 4px auto;
	background-color:#CDBC64;
	border:#3C1311 1px solid;
	padding-top:6px;
	clear:both;
	}
div#menu {
	width: 990px;
	height:59px;
	margin: 0px auto 6px auto;
	background-color:#CDBC64;
	background-image:url(images/fond_menu.jpg);
	background-position:right;
	background-repeat:no-repeat;
	border:#3C1311 1px solid;
	padding-top:2px;
	}
div#gauche {
	float: left;
	width: 310px;
	margin:20px 0px 0px 15px;
	}
div#droite {
	float: right;
	width: 300px;
	margin:20px 15px 0px 0px;
	}
div#milieu {
	position:relative;
	display:block;
	width: 300px;
	margin:30px 335px 10px 345px;
	padding:0;
	}
div#milieu-droite {
	position:relative;
	display:block;
	width: 570px;
	margin:20px 0px 10px 370px;
	}
div#content {
	position:relative;
	display:block;
	width: 560px;
	margin:20px 210px 0px 210px;
	}
div#moitie-gauche {
	float: left;
	width: 450px;
	margin-left:20px;
	margin-top:20px;
	}
div#moitie-droite {
	float: right;
	width: 450px;
	margin-right:20px;
	margin-top:20px;
	}

h1 {
        font: bold 120% Verdana, Arial, Helvetica, sans-serif;
		letter-spacing:2px;
		text-transform:uppercase;
   color:#D30318;
   background-color:#E1D8A2;
   padding:4px;
   border:#000000 1px solid;
   margin:10px 0px 10px 0px;
}
h2 {
    font: bold 110% Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	padding:4px;
	background-color:#E1D8A2;
	color:#892D27;
	width:260px;
	margin:6px 20px;
}
h2.form {
width:530px;
text-align:center;
margin-left:10px;
}
h2.fiche {
width:300px;
margin:6px 0px;
}
h2.promo {
	width:300px;
	margin:6px 0px;
	background-color:#D30318;
	color:#E1D8A2;
	letter-spacing:3px;
}

h3 {
    font: bold 110% Verdana, Arial, Helvetica, sans-serif;
	width:540px;
	text-align:left;
	margin:20px 0px 10px 0px;
	background-color:#E1D8A2;
	padding:2px;
}

h4 {
    font: bold 120% Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color:#006633;
}

img {
    border: none;
	padding:0;
	margin:0;
}
p {
margin:3px 0px;
}
a {
	text-decoration: none;
	font-weight:bold;
	color:#cc3333;
  }
a:hover  {
	color:#ffff99;
}
ul {
	list-style:square;
     margin: 5px 30px;
     padding: 0px;
}
li {
padding:2px 0px;
}
table.criteres {
width:260px;
margin-left:25px;
}
table.criteres td {
text-align:right;
}

/* rubriques */
#bloc1, #bloc1b {
width:270px;
height:150px;
margin:0px 0px 10px 0px;
padding:103px 13px 20px 17px;
font-size:80%;
}
#bloc1 {
background-image:url(images/coupdecoeur.jpg);
}
#bloc1b {
background-image:url(images/favorites.jpg);
}
#bloc1 a:hover, #bloc1b a:hover, #bloc2 a:hover, #bloc2b a:hover {
color:#990000;
}
#bloc2, #bloc4, #bloc2b {
/* , #bloc6, #bloc7 */
width:270px;
padding:155px 13px 10px 17px;
margin:0;
font-size:80%;
}
#bloc2, #bloc2b {
height:168px;
}
#bloc2 {
background-image:url(images/panneau.jpg);
}
#bloc2b {
background-image:url(images/last.jpg);
}
#bloc3 {
	width:300px;
	margin-top:20px;
   	border:#000000 1px dashed;
	margin-bottom:8px;
}
#bloc4 {
background-image:url(images/panneau2.jpg);
height:138px;
}
#bloc5 {
width:300px;
height:254px;
background-image:url(images/urgent.jpg);
}
#bloc6, #bloc7 {
margin-top:4px;
margin-bottom:6px;
font-size:80%;
text-align:justify;
padding:6px;
border:#892D27 2px dashed;
overflow:auto;
}
#bloc6 {
width:288px;
margin-left:5px;
margin-right:5px;
}
#bloc2 img, #bloc6 img, #bloc7 img, #bloc1 img, #bloc1b img, #bloc2b img {
	float:left;
	margin-right:10px;
}

div.adherent {
	display:block;
	overflow:auto;
	width:560px;
	padding:5px;
	margin-bottom:10px;
	border:#000000 1px solid;
	background-color:#009966;
	color:#FFFFFF;
}
div.adherent img {
float:left;
margin-top:4px;
}
div.adherent a{
	color:#FFFF99;
}
div.adherent a:hover {
	color:#FFFFff;
}
#boutons_fiche {
clear:both;
margin:10px 0px 4px 150px;
}
#boutons_fiche img {
margin-right:20px;
}
div.coordonnees {
	float:left;
	width:300px;
	padding:4px 10px 10px 20px;
}
div.coordonnees2 {
	float:left;
	margin:10px 10px 0px 20px;
}
div#entete {
overflow:auto;
margin-bottom:10px;
}
div.logos {
	clear:both;
	margin-top:10px;
}
div.logos img {
	float:left;
	margin-left:10px;
}
.pr {
clear:both;
overflow:auto;
display:block;
margin:10px 20px 10px 20px;
background-color:#9ED8C5;
border:#000000 1px solid;
padding:10px;
}
div.pr p {
text-align:justify;
color:#003300;
font-size:120%;
}
#btn_fiche {
float:right;
background-color:#CC6666;
text-transform:uppercase;
padding:4px;
width:70px;
font-size:90%;
}
#btn_fiche a{
	color:#FFFFFF;
}
#btn_fiche a:hover {
	color:#FFFF99;
}
.fiche {
letter-spacing:2px;
margin-left:17px;
}
.promos {
float:right;
}

p.promo, .important {
font-size:110%;
font-weight:bold;
letter-spacing:2px;
color:#000000;
}
form#reservation {
border:#000000 1px solid;
padding:5px;
}

#login {
	background-image:url(images/fond_login.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:297px;
	height:86px;
	padding:19px 0px 0px 0px;
	font-size:90%;
	margin:12px 0px;
}
#login p {
margin:7px 10px 0px 0px;
}
#login input {
font-size:90%;
margin:6px 15px 0px 0px;
padding:0;
}
#login input.connexion {
	margin:4px 0px 0px 0px;
}

textarea.code {
font-size:90%;
}

form#recommandation {
	background-image:url(images/fond_recommandation.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:300px;
	height:38px;
	padding-top:20px;
	margin:30px 0px 0px 20px;
	font-size:90%;
}
form#recommandation input {
font-size:90%;
margin:6px 15px 0px 0px;
padding:0;
}
form#recommandation input.connexion {
	margin:17px 0px 0px 0px;
}

form#inscription_news {
display:block;
position:relative;
	background-image:url(images/fond_newsletter.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:300px;
	height:68px;
	padding-top:25px;
	margin:50px 0px 0px 20px;
	font-size:90%;
}
form#inscription_news input {
font-size:90%;
margin:6px 15px 0px 0px;
padding:0;
}
form#inscription_news input.connexion {
	margin:17px 0px 0px 0px;
}

form#departements {
	background-image:url(images/fond_departement.jpg);
	width:208px;
	height:35px;
	padding:11px 0px 0px 15px;
	margin:0px 0px 0px 40px;
	font-size:90%
}
select#dpt {
font-size:14px;
}

/*** divers ***/
.small {
font-size:80%;
}
.gros {
font-size:160%;
}
p.small-gras {
font-size:11px;
font-weight:bold;
margin:25px 0px -5px 290px;
}

p.erreur {
text-align:center;
color:#FF3300;
}

#formulaire {
	width:370px;
   	border:#000000 1px dashed;
	margin:10px 0px 10px 50px;
	padding:10px 10px 0px 20px;
}
#formulaire h2{
	width:350px;
	margin-left:0px;
}
p.encadre {
  font: bold 90% Verdana, Arial, Helvetica, sans-serif;
  color:#D30318;
   background-color:#E1D8A2;
   padding:4px;
   border:#000000 1px solid;
}
img.home {
position:absolute;
top:162px;
right:8px;
}
img.langue {
position:absolute;
top:188px;
right:8px;
}
#menu img {
margin:0px 2px;
}
#menu img.login {
float:right;
margin:10px 5px 0px 0px;
}
#intro p:first-letter {
   float: left; /* Flotte à gauche */
   font: bold 3em Verdana, Arial, Helvetica, sans-serif;
   margin-right: 4px; /* marge de 5px à droite pour que ça colle pas trop au reste du texte */
   padding:3px 3px 3px 3px;
}
#intro p {
	text-align:justify;
}

div.partenaire {
	display:block;
	overflow:auto;
	width:95%;
	padding:5px;
	margin-bottom:10px;
	border:#000000 1px solid;
	background-color:#ffffff;
}
div.partenaire img {
float:left;
margin-top:4px;
margin-right:20px;
}
div.partenaire a{
color:#000;
}
div.partenaire a:hover{
color:#0033CC;
}

p.lien {
	font-size:120%;
	color:#003366;
}
p.carte {
margin:30px 0px 0px 20px;
}
#footer a {
border-right:#000000 1px solid;
padding-right:10px;
margin-right:6px;
}
#footer a:hover {
   background-color:#E1D8A2;
   color:#FF6666;
}

/* espace adhérent */
#maj_mdp {
display:none;
margin-right:40px;
}

/* cheques cadeaux */
div.cheque-cadeau {
/*	background-image:url(images/cheque_cadeau.jpg);
	background-position:top;
	background-repeat:no-repeat;*/
	width:701px;
	height:248px;
	border-bottom: #000000 dashed 1px;
	margin-bottom:10px;
	font-weight:bold;
	position:absolute;
	left:0px;
}
#drapeau img {
float:right;
margin:0px 6px 0px 0px;
}

/*- bas de page  ------------------------- */
img.logo_bardamu {
float:right;
margin-right:10px;
}
a.logo_bardamu {
border-right:none;
padding-right:0;
}