/* CSS Document */

/* structure */
body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
		font-size: 12px;
       background-color: #fff;
	   color:#000000;
        }
div#global {
	clear:both;
	width: 990px;
	margin: 0px auto 10px auto;
	position: relative;
 	background-color: #99B3CC;
	color:#3C1311;
	border:#3C1311 1px solid;
	overflow:auto;
	}
div#header {
	width: 990px;
	background-image:url(images/bandeau.jpg);
	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:#99B3CC;
	border:#3C1311 1px solid;
	padding:5px 10px;
	font-size:8px;
	color:#FFFFFF;
	}
div#footer {
	width: 990px;
	height:20px;
	text-align:center;
	margin: 10px auto 4px auto;
	background-color:#99B3CC;
	border:#3C1311 1px solid;
	padding-top:6px;
	clear:both;
	}
div#gauche, #gauche2 {
	float: left;
	margin:20px 0px 0px 15px;
	}
#gauche {
	width: 310px;
}
#gauche2 {
	width: 200px;
}
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: 610px;
	margin:20px 0px 10px 360px;
	}
div#content,#content2 {
	position:relative;
	display:block;
	width: 560px;
	margin:20px 210px 0px 210px;
	}
#content2 {
padding:50px 0px 30px 0px;
height:180px;
}
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 {
	text-transform:uppercase;
}
#global h1 {
   background-color:#ffcc00;
   border:#000000 1px solid;
    font: bold 120% Verdana, Arial, Helvetica, sans-serif;
   margin:10px 0px 10px 0px;
   color:#D30318;
   padding:4px;
	letter-spacing:2px;
}
#header h1 {
	position:absolute;
	top:160px;
	right:10px;
	width:570px;
	text-align:center;
    font: bold 130% Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:3px;
}
h2 {
    font: bold 110% Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	padding:4px;
	background-color:#ffcc00;
	color:#892D27;
	width:260px;
	margin:6px 20px;
}
h2.form {
width:530px;
text-align:center;
margin-left:10px;
}
h2.fiche {
width:300px;
margin:15px 0px 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:90%;
	text-align:center;
	margin:20px auto 10px auto;
	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:#ffffff;
  }
a:hover  {
	color:#ffff99;
}
ul {
	list-style:square;
     margin: 5px 26px;
     padding: 0px;
}
li {
padding:2px 0px;
}
table.criteres {
width:260px;
margin-left:25px;
}
table.criteres td {
text-align:right;
}

/* rubriques */
#bloc1b {
width:270px;
height:150px;
margin:10px 0px 40px 0px;
padding:103px 13px 20px 17px;
font-size:80%;
}
#bloc1b {
background-image:url(images/favorites.jpg);
}
#bloc1b a:hover, #bloc2b a:hover {
color:#990000;
}
#bloc4, #bloc2b {
/* , #bloc6, #bloc7 */
width:270px;
padding:155px 13px 10px 17px;
margin:0;
font-size:80%;
}
#bloc2b {
height:168px;
}
#bloc2b {
background-image:url(images/last.jpg);
}
#bloc3 {
	width:308px;
	margin-top:20px;
   	border:#000000 1px dashed;
	margin-bottom:8px;
	font-size:10px;
}
#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, div.inscrit {
	display:block;
	overflow:auto;
	width:580px;
	padding:5px;
	margin-bottom:10px;
	border:#000000 1px solid;
	color:#000000;
}
div.adherent {
	background-color:#CDBC64;
}
div.inscrit {
 	background-color: #a9c3dC;
}
div.adherent img.photo, div.inscrit img.photo {
float:left;
margin-top:4px;
}
div.adherent a, div.inscrit a{
	color:#ffffff;
}
div.adherent a:hover, div.inscrit a:hover {
	color:#000000;
}
div.coordonnees {
	float:left;
	width:300px;
	padding:4px 10px 10px 20px;
}
div.coordonnees2 {
	float:left;
	margin:10px 10px 0px 20px;
}
.fiche_droit {
display:block;
width:100px;
float:right;
}
div#entete {
overflow:auto;
margin-bottom:10px;
}
div.logos {
	clear:both;
	margin-top:10px;
	padding:5px 0px;
}
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;
margin:10px;
}
.important {
font-size:110%;
font-weight:bold;
letter-spacing:2px;
color:#000000;
}
p.promo {
font-weight:bold;
letter-spacing:1px;
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:242px;
	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#departements {
	background-image:url(images/fond_departement.jpg);
	width:446px;
	height:106px;
	padding:40px 30px 0px 110px;
	margin:10px 0px 10px 15px;
	font-size:110%;
	letter-spacing:2px;
}
select#dpt {
font-size:16px;
margin-bottom:20px;
}
p.blanc {
color:#FFFFFF;
font-weight:bold;
font-size:13px;
text-align:center;
}
/*** 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:235px;
right:20px;
}
img.langue {
position:absolute;
top:188px;
right:8px;
}
#titre img {
margin:0px 2px;
}

#intro p:first-letter {
   float: left; /* Flotte à gauche */
   font: bold 28px Verdana, Arial, Helvetica, sans-serif;
   margin-right: 4px; /* marge de 5px à droite pour que ça colle pas trop au reste du texte */
   padding:0px 3px 0px 3px;
}
#intro p {
	text-align:justify;
}

div.partenaire {
	display:block;
	overflow:auto;
	width:430px;
	padding:5px;
	margin:10px auto;
	border:#000000 1px solid;
}
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;
}

#header object, img#bandeau {
position:absolute;
top:10px;
right:10px;
}

#styles {
margin:10px 6px 10px 6px;
background-color:#FFdd33;
padding:6px;
}
img.flottantd {
float:right;
margin:3px 10px;
}

/*- menu ------------------------- */
div#menu {
	clear:both;
	height:46px;
	width:988px;
	margin:0px auto;
	position:relative;
}
#menu img {
	float:left;
	margin:0px 3px 0px 0px;
}
#menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#menu li {
	float:left;
}
#menu li a.actif, #menu li a:hover {
	background:#ffffFF url(images/onglet_actif.jpg);
	padding-top:5px;
	height:41px;
	text-decoration:none;
}
#menu li a{
	display:block;
	padding:13px 8px 0px 4px;
	width:126px;
	height:33px;
	background:#ffffFF url(images/onglet.jpg);
	color:#ffffff;
	font:bold 90% Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

ul#legende {
position:relative;
display:block;
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:80%;
	height:40px;
}
ul#legende li {
	float:left;
	margin:0px 15px;
}
ul#legende li img {
	float:left;
	margin-right:5px;
}

#map a {
color:#CC3300;
}
#menu_map {
width:600px;
display:block;
position:relative;
border-bottom:#000000 1px solid;
border-top:#000000 1px solid;
margin-top:10px;
}
#menu_map img {
margin:2px 2px;
}
a.couleur_be {
color:#f1e8b2;
font-weight:bold;
}
img.marges {
margin:8px 0px 15px 0px;
}

/*- bas de page  ------------------------- */
#footer img {
	float:right;
	margin-right:10px;
}
a.logo {
border-right:none;
padding-right:0;
}
#footer img.enligne {
float:none;
margin-right:0px;
}
#footer a {
border-right:#000000 1px solid;
padding-right:10px;
margin-right:6px;
}
#footer a:hover {
   background-color:#ffcc00;
   color:#FFffff;
}