* {
border:0;
margin:0;
padding:0;
list-style:none;
font-size:100%;
outline:none; }

body {
background:#CEDDF0 url(img/body_fond.png) repeat-x top;
text-align:justify;
font:100%/1.5 Arial, "Times New Roman", sans-serif; }


/* Page Contact */

form.contact {
padding:20px;
}

input.champs {
border: solid 1px #806460;
}

textarea.champs {
border: solid 1px #806460;
}

p span.left {
float:left;
width:100px;
font-weight:bold;
margin-right:20px;
}

.bouton {
border: solid 1px #333333;
margin-left:10px;
}

p.notice {
font-size: 80%;
}

/* I frame */

div#centre div#iframe {
width:425px;
margin:0 auto;
}


/* Puces */

div#centre p a {
text-decoration:none;
font-weight:bold;
color:#86B812;
}

/**** Evènements *****/

/* Affichage évènements */

div#conteneur_evenements{
padding:10px;
overflow:hidden;
}

div#conteneur_evenements div.aff_evenements {
width:485px;
position:relative;
padding-bottom:15px;
overflow:auto;
border-bottom: 1px solid #8EC10A;}

div#conteneur_evenements div.aff_evenements   p span.titre {
font-weight:bold;
text-align:left;
}

div#conteneur_evenements div.aff_evenements   p span.date {
position:absolute;
top:11px;
right:0;
font-size:80%;
}

div#conteneur_evenements div.aff_evenements  a img {
width:100px;
margin-right:10px;
float:left;
padding:3px;
border:1px solid #86B812;
margin-top:5px;
}

div#conteneur_evenements div.aff_evenements  a img:hover {
width:100px;
margin-right:10px;
float:left;
padding:3px;
border:1px solid #86B812;
background-color: #86B812;
margin-top:5px;
}

div#conteneur_evenements div.aff_evenements  a {
text-decoration:none;
font-weight:bold;
color:#86B812;
}

div#conteneur_evenements div.aff_evenements  p {
margin-top:10px;
}

div.spacer {
clear:both;
}
span.spacer {
clear:both;
}

/* Fiche évènements */

div#fiche_evenement {
width:485px;
position:relative;
padding-bottom:15px;
overflow:auto;
border-bottom: 1px solid;}

div#fiche_evenement   p span.titre {
font-weight:bold;
text-align:left;
}

div#fiche_evenement   p span.date {
position:absolute;
top:11px;
right:0;
font-size:80%;
color:#D5D5D5;
}

div#fiche_evenement  a img {
width:100px;
margin-right:10px;
float:left;
padding:3px;
border:1px solid #86B812;
margin-top:5px;
}

div#fiche_evenement  a img:hover {
width:100px;
margin-right:10px;
float:left;
padding:3px;
border:1px solid #86B812;
background-color: #86B812;
margin-top:5px;
}

div#fiche_evenement  p {
margin-top:10px;
}


/***** Activité Culturelles *****/

ul#liste_activites {
margin:5px 0 0 15px;
}

ul#liste_activites li {
margin:3px;
list-style:square;
color:#68992C;
}

ul#liste_activites li a {
text-decoration:none;
font-weight:bold;
color:#7EB019;
}

ul#liste_activites li a:hover {
text-decoration:none;
font-weight:bold;
color:#5F8BD2;
}

/***** Locations *****/

h3 u {
text-decoration:none;
}

/* selection type de loca */

div#centre table tbody tr#tr_form td {
background-color:#fff;
}

div#centre table tbody tr#tr_form td select {
border:1px solid #806460;
}

/* Tableau Disponibilite */

div#centre u {
font-weight:bold;
color:#AFA599;
text-decoration:none;
}

div#centre table#dispo tbody td {
background-color:#fff;
}

div#centre table#dispo tbody tr td#occupe {
background-color:#81A6DD;}


div#centre table#dispo tbody tr td#disponible{
background-color:#DFD3C3;}


/* Tableau Réservations */

div#centre table tbody td.vert {
background-color: #86B812;
color:#fff;
font-weight:bold;
}

div#centre table tbody td.bleu {
background-color: #81A6DD;
color:#fff;
font-weight:bold;
}

div#centre table tbody td {
background-color:#DFD3C3;
font-weight:bold;
}

tr#tr_form {
background-color:none;
}

div#calendrier table tbody tr td a {
display:block;
background-color:#86B812;
text-decoration:none;
color:#fff;
padding:3px;
}

/* Navigation  Locations*/

tr#nav_loca div#nav{
width:80px;
height:22px;
margin:5px auto 5px;
}

tr#nav_loca a#avant{
float:left;
display:block;
width:30px;
line-height:20px;
font-weight:bold;
background-color:#86B812;
text-decoration:none;
color:#fff;
border:1px solid #fff;
}

tr#nav_loca a#apres {
float:right;
display:block;
width:30px;
line-height:20px;
font-weight:bold;
background-color:#86B812;
text-decoration:none;
color:#fff;
border:1px solid #fff;
}

tr#nav_loca a#avant:hover{
float:left;
display:block;
width:30px;
line-height:20px;
font-weight:bold;
background-color:#fff;
text-decoration:none;
color:#86B812;
border:1px solid #86B812;
}

tr#nav_loca a#apres:hover {
float:right;
display:block;
width:30px;
line-height:20px;
font-weight:bold;
background-color:#fff;
text-decoration:none;
color:#86B812;
border:1px solid #86B812;
}



/***** calendrier *****/

div#calendrier table {
width:150px;
margin:5px auto;
font-size:90%;
}

div#calendrier table tbody tr td {
padding:2px;
}

div#calendrier table tbody tr td a {
display:block;
background-color:#81A6DD;
text-decoration:none;
color:#fff;
padding:1px;
}

/* Navigation */

div#calendrier div#nav{
width:80px;
height:30px;
margin:0 auto;
}

div#calendrier a#avant{
float:left;
display:block;
width:30px;
line-height:20px;
font-weight:bold;
background-color:#86B812;
text-decoration:none;
color:#fff;
border:1px solid #fff;
}

div#calendrier a#apres {
float:right;
display:block;
width:30px;
line-height:20px;
font-weight:bold;
background-color:#86B812;
text-decoration:none;
color:#fff;
border:1px solid #fff;
}

div#calendrier a#avant:hover{
float:left;
display:block;
width:30px;
line-height:20px;
font-weight:bold;
background-color:#fff;
text-decoration:none;
color:#86B812;
border:1px solid #86B812;
}

div#calendrier a#apres:hover {
float:right;
display:block;
width:30px;
line-height:20px;
font-weight:bold;
background-color:#fff;
text-decoration:none;
color:#86B812;
border:1px solid #86B812;
}

/***** Flash & Déco *****/

div#coord_deco_1 {
width:219px;
height:44px;
background:transparent url(img/img1_entete.png) no-repeat;
position:absolute;
top:-10px;
right:130px; }

div#coord_deco_2 {
width:106px;
height:51px;
background:transparent url(img/img2_entete.png) no-repeat;
position:absolute;
top:0;
right:5px;  }

div#banniere_flash {
width:100%;
height:237px;
/*background:transparent url(img/banniere_flash.png) no-repeat;*/ }

div#deco_cg {
width:189px;
height:306px;
background:transparent url(img/deco_cg.png) no-repeat;
position:absolute;
bottom:0;
left:15px; }

div#deco_cd {
width:188px;
height:189px;
background:transparent url(img/deco_cd.png) no-repeat;
position:absolute;
bottom:0;
right:13px; }

div#deco_centre {
width:571px;
height:54px;
background:transparent url(img/contenu_bas.jpg) no-repeat;
position:absolute;
bottom:0;
left:204px;
z-index:1; }

div#menu_flash {
position:absolute;
top:0;
left:5px;
z-index:10;
width:222px;
height:248px;
/*background:transparent url(img/menu_flash.png) no-repeat;*/ }

/***** Stylage contenu *****/

h1, .invis {
position:absolute;
top:-9999px; }

h2 {
position:absolute;
top:-2px;
left:290px;
height:40px;
text-indent:-9999px; }

h2.presentation {
width:384px;
background:transparent url(img/h2_presentation.png) no-repeat; }

h2.locations {
width:121px;
background:transparent url(img/h2_locations.png) no-repeat; }

h2.activites {
width:257px;
background:transparent url(img/h2_activites.png) no-repeat; }

h2.puces {
width:77px;
background:transparent url(img/h2_puces.png) no-repeat; }

h2.cuisine {
width:254px;
background:transparent url(img/h2_cuisine.png) no-repeat; }

h2.jeune {
width:161px;
background:transparent url(img/h2_jeune.png) no-repeat; }

h2.contact {
width:110px;
background:transparent url(img/h2_contact.png) no-repeat; }

div#centre p {
margin-bottom:10px; }

div#colonne_droite h3 {
padding-bottom:10px;
border-bottom:1px solid #3D201B;
text-indent:-9999px; }

div#breves h3 {
background:transparent url(img/h3_breves.png) no-repeat center; }

div#calendrier h3 {
margin-top:10px;
border-top:1px solid #3D201B;
background:transparent url(img/h3_calendrier.png) no-repeat center; }

div#liens h3 {
border-top:1px solid #3D201B;
background:transparent url(img/h3_liens.png) no-repeat center; }

.retour_ch {
margin-bottom:10px; }

/***** Layout *****/

div#global {
width:977px;
margin:0 auto; }

div#entete {
width:100%; }

div#coordonnees {
position:relative;
z-index:10;
width:100%;
height:30px;
line-height:28px;
background:transparent url(img/entete_haut.png) no-repeat; }

div#contenu {
position:relative;
overflow:hidden;
width:100%;
background:transparent url(img/contenu_fond.gif) repeat-y; }

div#colonne_droite {
text-align:left;
margin-right:12px;
padding-bottom:170px;
width:189px;
float:right; }

div#titre {
position:relative;
width:100%;
height:36px;
background:transparent url(img/titre_fond.png) no-repeat; }

div#centre {
position:relative;
z-index:5;
color:#806460;
font-size:75%;
margin-left:204px;
width:510px; /*570*/
padding:0 30px;
padding-top:10px;
padding-bottom:50px; }

div#pied {
padding:10px 0;
font-size:75%;
color:#252226; 
text-align:center; }

div#pied ul li {
margin-right:2px;
display:inline; }

div#pied ul li a {
text-decoration:none;
color:#3F221D; 
padding-right:2px; }

div#pied ul li a:hover {
color:#774137; 
padding-right:2px; }

/***** #coordonnees *****/

div#coordonnees dl {
margin-left:20px; }

div#coordonnees dl dt, div#coordonnees dl dd {
display:inline;
font-weight:bold;
color:#fff;
font-size:75%; }

/***** #colonne_droite *****/

div#breves dl, div#liens ul {
width:169px; /*189*/
padding:0 10px;
color:#63342C; }

div#breves dl dt {
margin-top:10px;
margin-bottom:5px;
font-size:75%;
font-weight:bold; }

div#breves dl dd {
font-size:70%; }

div#breves dl dd.lien {
margin-top:5px; }

div#breves a {
color:#63342C; }

div#breves a:hover {
text-decoration:none; }

div#calendrier {
text-align:center; }

div#calendrier img {
margin:10px 0; }

div#liens ul li {
margin-top:10px;
font-size:70%; }

div#liens ul li h4 {
font-size:105%;
font-weight:bold; }

div#liens ul li h4 a {
color:#63342C;
text-decoration:none; 
}
#logo_voiture {
position:absolute;
top:255px;
left:9px;
}
#logo_voiture img{
-moz-box-shadow:0 0 5px #333333;
}
