/*
Auteur: Yvan Trellu
http://www.trellu.eu
*/


/**** 1. Mise en page ****/
/**** 2. Bordures ****/
/**** 3. Haut et Bas ****/
/**** 4. Typographie ****/


/**** 1. Mise en page ****/

body {
margin: 0;
padding: 0;
background-color: #9bce37;
color: #555;
line-height: 1.3;
}

#content {
margin: 0 auto;
width: 690px;
background-color: #fff;
color: #555;
}

#panneau {
padding: 10px;
min-height: 320px;
position: relative;
}

/* Page avec menu gauche */


#gauche {
width: 250px;
float: left;
padding-left: 15px;
}

#droite {
width: 380px;
float: right;
}

.spacer {
clear: both;
}

.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}

.menugauche li {
margin-bottom: 5px;
}

.menugauche a {
margin: 0 2px;
background-color: #fff;
color: #316300;
text-decoration: underline;
}

.menugauche a:hover {
text-decoration: none;
}

#gauche .vignette {
border: 1px solid #9bce37;
text-align: center;
padding: 5px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
display: block;
}

/** partie news sur page d'accueil **/

.news {
background-color: #9bce37;
color: #316300;
font : 1em bold sans-serif;
padding: 5px;
border: 1px solid #316300;
}

.news a {
background-color: #9bce37;
color: #fff;
text-decoration: none;
}

/**** 2. Bordures ****/

div.border-top {
padding-top: 40px;
padding-bottom: 20px;
background-image: url(bordertop.png);
background-position: top;
background-repeat: repeat-x;
background-color: #9bce37;
}

div.border-bottom {
padding: 40px 0 10px 0;
background-image: url(borderbottom.png);
background-position: top;
background-repeat: repeat-x;
background-color: #9bce37;
}


/**** 3. Haut et bas ****/

/* Logo */

#logo {
padding: 10px 0 0 0;
margin-left: 10px;
border-style: none;
text-decoration: none;
text-align: center;
}

#logo a, logo a:hover {
border-style: none;
text-decoration: none;
}

/* Menu principal */

#top ul li {
display : inline;
}

#top ul {
padding: .2em 0;
margin: 0;
list-style-type: none;
background-color: #316300;
color: #fff;
width: 100%;
font: normal 90% arial, helvetica, sans-serif;
text-align: center;
}

#top li {
display: inline;
}

#top li a {
text-decoration: none;
background-color: #316300;
color: #fff;
padding: .2em 1em;
border-right: 1px solid #fff;
}

#top li a:hover {
background-color: #9bce37;
color: #fff;
}

#agrement {
text-align: right;
font-size: 70%;
padding: .4em 1em;
background-color: #fff;
color: #333;
}

/* Bas */

#bas {
padding: .2em 0;
margin: 0;
list-style-type: none;
background-color: #316300;
color: #fff;
width: 100%;
font: normal 90% arial, helvetica, sans-serif;
text-align: center;
}

#bas a {
background-color: #316300;
color: #fff;
}

/**** 4. Traitement du contenu et typographie ****/

/* Titres */

h1, h2, h3, h4, h5 {
margin: 10px 26px 10px 26px;
padding: 0;
}

h1 {
margin-top: 5px;
font-family: serif;
font-size: 3em;
text-align : center;
background-color: #fff;
color : #9bce37;
}

h2 {
color: #9bce37;
}

/* Contenu */

body, p, td {
font-family:"trebuchet ms", verdana, geneva, arial, helvetica,"lucida grande", lucida, sans-serif;
font-size: 13px;
}

p {
text-align: justify;
margin: 10px 26px 10px 26px;
}

hr {
border : 0px;
height: 2px;
background-color : #bbbbbb ;
color: #fff;
}

.lettrine {
float: left;
font-size: 3em;
font-weight: bold;
font-family: Georgia, Times New Roman, Times, serif;
color: #9bce37;
margin: 1px;
padding: 1px;
line-height: 1em;
}

/* Menu de navigation interne */

#navigation {
text-align: center;
font-size: 70%;
padding: .2em 1em;
}

/* Liens */

a {
background-color: #fff;
color: #316300;
text-decoration : none;
}

a:hover{
text-decoration:underline;
}

/* Images */

body img {
border-style: none;
}

.galerie {
text-align: center;
}

.galerie img {
border: 1px solid #9bce37;
margin-left: auto;
margin-right: 8px;
margin-top: 8px;
margin-bottom: 8px;
padding: 5px;
}

p img {
border: 1px solid #9bce37;
padding: 5px;
}

.left {
float : left;
margin: 0 15px 0 0;
}

.right {
float: right;
margin: 0 0 0 15px;
}

/* Styles particuliers */

.hr_clear {
clear: both;
visibility: hidden;
}

.center {
text-align: center;
}

.cadre {
border: 1px solid #9bce37;
padding: 10px;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
font-size: 70%;
}

.legende {
text-align: center;
margin-top: -9px;
font: italic 90% arial, helvetica, sans-serif;
}

.cartouche {
margin: 20px 20px 20px 26px;
}

a.bouton {
background-color: #9bce37;
color: #fff;
font-weight: normal;
text-decoration: none;
text-align: center;
padding : 4px;
}

a.bouton:hover {
background-color: #316300;
color: #fff;
text-decoration: none;
}

/* Google Maps */

#map {
width: 600px;
height: 310px;
border: 1px solid #9bce37;
text-align: center;
padding: 10px;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
}

/* Tableaux */

.tableau {
padding-top: 1em;
padding-bottom: 1em;
}

.tableau table {
text-align: center;
border-collapse: collapse;
border: #aaa 1px solid;
vertical-align: middle;
margin-left: auto;
margin-right: auto
}

tr.row_odd {
background-color: #eff4fa;
color: #555;
}

tr.row_even {
background-color: #ddd;
color: #555;
}

.tableau td {
border: #aaa 1px solid;
padding: 3px;
padding-left: 1em;
padding-right: 1em;
}

.tableau img {
border: 0px;
}

/* Tarifs */

.tarifA {
background-color: #f8e703;
}

.tarifB {
background-color: #885896;
color: #fff;
}

.tarifC {
background-color: #38770e;
color: #fff;
}

.tarifD {
background-color: #337fca;
color: #fff;
}

.tarifE {
background-color: #e19a0a;
color: #fff;
}

.tarifF {
background-color: #ba1704;
color: #fff;
}

.tarifG {
background-color: #990033;
color: #fff;
}

.tarifPromo {
background-color: #af20c4;
color: #fff;
}

.tarifX {
background-color: #333;
color: #fff;
}