html{background-color:#eeeeee;font:normal 100% Arial,Helvetica,sans-serif;color:#000000;}
body{overflow-y:scroll;}
html,body,img,nav,address,#menu_gauche,#genre p,.fig_left figure,.fig_right figure{margin: 0;}
html,body,header,#cadre,nav,img,#menu_gauche,ul,nav a{padding:0;}
header,#cadre,nav,#centre{width: 910px;margin:auto;}
#cadre{margin-top: 20px;margin-bottom: 20px;}
img{border:2px outset #2D7138;}
header,#centre,nav,#menu_gauche img{border:2px outset #A0522D;}
header img,footer img{border: none;}
header{height:145px;}
header,#corps{overflow:hidden;}
nav{height:30px;background-color:#D87615;}
nav a{color:#FAF9FE;cursor: pointer;}
a{text-decoration:none;outline:none;color:#D87615;}
a,h1,h2,h3,#ludo,address,input[type=submit],.date{font-weight:bold;}
nav,footer,.visit{text-align:center;}
h1{color:#2C7FC1;font-size:2.2em;}
h2,h3,#ludo,hr,a:hover,.ok{color:#2D7138;}
ul{list-style-type:none;margin-top:7px;}	
nav li{display:inline;padding:8px 10px 8px 15px;font-size:0.8em;}
#menu_gauche{float:left;width:190px;padding-left:10px;}
.first:first-letter,.index p:first-letter,.gauche p:first-letter,.droite p:first-letter, .fig_left p:first-letter, .fig_right p:first-letter, .fig_left aside:first-letter, .fig_right aside:first-letter{font-weight:bold;color:#2C7FC1;font-size:1.5em;}
address{padding:15px 0 0 5px;}
#corps{width:650px;padding:20px 0 90px 0;}
h1,h2,h3,#ludo{font-family:Geneva,'Trebuchet MS',Verdana,sans-serif;font-style:italic;}
#centre {background-color:#FAF9FE;margin-bottom:5px;padding-bottom:25px;overflow:auto;border-radius:0 0 15px 15px;}
.magic img{transform: rotate(15deg);}
.magic{margin-top:50px;margin-left:20px;}
#google_map{height:150px;margin:10px 0 0 5px;}
address{color:#A75A30;}
footer{font-size:0.7em;padding-bottom:50px;}
footer div{float:left;vertical-align:middle;}
footer div a img{vertical-align:middle;display:inline-block;}
footer div a span{vertical-align:middle;display:inline-block;}
.plan{float:right;}
.clear{clear:both;height:20px;}
#validation_1,#validation_2{position:fixed;bottom:0;}
#validation_1{left:2px;}
#validation_2{right:2px;}
.contact{font-size:1.7em;}
h2,#ludo{font-size:1.6em;}
h3{font-size:1.3em;}
.jours{font-size:1.1em;}
p{font-size:0.9em;}
address,.heures,td{font-size:0.8em;}
.jours,.heures{padding-left:50px;}
.index ul li{color:#2D7138;font-weight:bold;}
.index ul li ul li{color:#D87615;padding-left:30px;font-size:0.9em;}
.index ul li ul{padding-bottom:20px;}
.active,.active a{color:yellow;font-weight:bold;}
#genre{display:inline-block;float:left;left:0;height:150px;margin-right:20px;}
.box_genre{color:#2D7138;font-weight:bold;width:120px;display:inline-block;text-align:right;padding-right:5px;}
.detail figure,.fig_rdv{padding:0;transform:rotate(15deg);float:right;margin-right:30px;margin-left:30px;margin-bottom:20px;}	
#images{text-align:center;}
.remarque{font-size:11px;padding-left:5px;font-style:italic;}
.gg,.fig_left figure{float:left;}
.dd,.fig_right figure{float:right;}
.gg img:hover{transform-origin:0 50%;transform: scale(2.25);}
.dd img:hover{transform-origin:100% 50%;transform:scale(2.25);}
#avis div{background-color:#EEE;padding:5px;margin-bottom:10px;}
#avis h5{color:#2C7FC1;margin:0;padding:0;font-style:italic;}
#avis p{margin:0;padding:0;}
hr{width:50%;}
#votre_avis{padding-top:30px;}
textarea{width:640px;height:100px;resize:vertical;}
aside{font-size:11px;font-style:italic;padding-bottom:20px;}
input[type=submit]{background-color:#FC9;font-size:10px;color:#2D7138;height:25px;margin:0 0 3px 0;padding:0 4px;cursor:pointer;border-radius:8px;}
input[type=submit]:hover{background-color:#DDD;}
.error{color:red;}
.gauche img,.left img{display:inline-block;float:left;left:0;transform:rotate(-15deg);margin-left:20px;margin-right:20px;}
.droite img,.right img{display:inline-block;float:right;right:0;transform:rotate(15deg);margin-right:20px;margin-left:20px;}
.left img,.right img{margin-top:20px;margin-bottom:20px;}
.gauche h3,.gauche p,.left h3,.left p,.descriptif_left,fig_left h4{text-align:right;}
.droite h3,.droite p,.right h3,.right p,.descriptif_right,fig_right h4{text-align:left;}
.date{color:#A75A30;font-size:1.1em;margin:0;}
.descriptif_left,.descriptif_right{display:inline-block;}
.fin_right,.fin_left{margin-top:-10px;}
.fin_left{float:left;}
.fin_right{float:right;}
#images span{word-wrap: break-word;max-width:320px;display:inline-block;}
.fig_left,.fig_right{margin-top:20px;}
.fig_left figure{margin-top:10px;margin-right:20px;}
.fig_right figure{margin-top:10px;margin-left:20px;}
.fig_left h3,.fig_left h4{text-align:right;margin:0;}
.fig_right h3,.fig_right h4{text-align:left;margin:0;}
h4{color:#D87615;font-size:0.9em;margin-bottom:10px;}
.fig_left aside,.fig_right aside{padding-top:20px;color:#D87615;}
.clear2 {clear:both;}
.red{color:red;font-style:italic;}
#tableau input[type=text],#tableau textarea{width:290px;}
#tableau input[type=text].np{width:50px;}
#tableau input[type=text].ville{width:230px;}
#tableau label{width:90px;display:inline-block;}
#tableau aside{font-size:0.8em;color:#333;padding-top:20px;text-align:right;}
#tableau .message{vertical-align:top;}
.sitemap a:hover{color: #E7A26C;}
.sitemap ul a{color: #2b7fc1;}
.sitemap ul ul a{color:#2D7138;}
.sitemap li{font-size: 12px;background:url('/img/fichier.png') no-repeat;background-position:left 3px;margin:0;padding:5px 0 5px 20px;}
.sitemap ul ul{margin-top:0;}
.sitemap li li{font-size: 11px;padding: 0;background:none;}
.cartes table{ margin:auto;border-collapse:collapse;}
.td_1,.td_2,.td_3,.td_4,.td_5{padding:5px 0 2px 0;}
.td_1{width:30px; text-align:right; padding-right:15px;}
.td_2{width:50px;text-align:center;padding-left:5px;padding-right:5px;}
.td_3{width:350px;text-align:left;padding-left:15px;overflow:hidden;}
.td_4{width:100px;text-align:center;}
.td_5{width:65px;text-align:right;padding-right:10px;}
.grey{ background-color:#DDD; }
.cartes img{padding:5px;}
select{width:180px;}
.C{background-color: white;}
.U{background-color: grey;}
.R{background-color: yellow;}
.M{background-color: red;}
.S{background-color: orange;}
.tiny img {border:none;}
.bloc_cp {display:inline-block;height:25px;}
#menu_gauche .magic_gauche button, 
#menu_gauche .magic_gauche button img {border:none;background-color:transparent;}
.magic_gauche button:hover {cursor:pointer;-webkit-filter: saturate(300%);filter:saturate(300%);}
.central {text-align:center;}