@charset "utf-8";
/* CSS Document */

*{margin: 0;
padding: 0}
html{margin: 0;
padding: 0}

body{
background:url(img/bg.jpg)
no-repeat top center
fixed; font-family:
Arial, Helvetica,
sans-serif;
padding:0}
body#art{
background: #fff}
#art ul li{
background:url(img/puce.png)
no-repeat left 1px;
padding: 0 0 0 45px;
line-height: 20px;
margin-bottom: 10px;
font-size: 16px;
font-family:Arial,
Helvetica,
sans-serif}
#art h2{
font-family:
'Parisienne',
cursive; font-size:
32px; font-weight:
normal; margin: 10px
0 15px 0; color:
#7d9828;
line-height: 34px;}
#art h3{ font-size:
1.17em}
#art p{ text-align:
justify; margin: 0 0
10px 0px;
line-height: 20px;
font-size: 16px}
#art .comments
{margin-top: 10px;
font-size:
24px;background:
url(img/puce_comments.png)
no-repeat;padding: 0
0 32px 62px;
line-height: 30px;}

p{ text-align:
justify; margin: 0 0
10px 0px;
line-height: 20px;
font-size: 16px}
a{ text-decoration:
none;
display:inline;
color:#111}
h1{ font-family:
'Parisienne',
cursive; font-size:
40px;
background:url(img/bg_h1.png)
no-repeat; margin: 0
0 6px 0; padding:
10px 0;}  
h2{ font-family:
'Parisienne',
cursive; font-size:
32px; font-weight:
normal; margin: 10px
0 15px 0; color:
#7d9828;
line-height: 34px;}
ul{ margin: 0 0 15px
0}
li{list-style-type:
none; }
td{ padding: 0 0 0
12px;}
button{ font-family:
'Kaushan Script',
cursive;
cursor:pointer;font-size:
18px; background:
#87a624; padding:
3px 15px; color:
#fff; margin: 3px 0
20px 0;
display:inline-block; margin-left:
8px; border: none;
	
-webkit-transition:
background 0.5s
ease;
       
-moz-transition:
background 0.5s
ease;
       
-ms-transition:
background 0.5s
ease;
       
-o-transition:
background 0.5s
ease;
         transition:
background 0.5s
ease;}
button:hover{background:
#111; color: #fff}
input[type="submit"]{font-family:
'Kaushan Script',
cursive; font-size:
18px; background:
#87a624; padding:
3px 15px; color:
#fff;border: none}
input[type="submit"]:hover{background:
#111; color: #fff}

.clear{clear: both}

.centrer{ width:
960px; margin: auto}
#header{ background:
url(img/bg_header.jpg)
no-repeat; width:
960px; height:
194px}
a.accueil{width:
600px;height: 194px;
float: left }
a.accueil h3{
font-family:
'Monda', cursive;
font-size: 17px;
font-weight: normal;
margin: 131px 0 0
190px;
color:#7d9828}
ul.langues{ float:
right;
background:#bbd66e;
border-radius: 0 0
8px 8px; padding:
8px ; width: 66px;
margin-right: 20px}
ul.langues li{float:
left}
ul.langues li a.fr{
background:url(img/fr.png)
no-repeat;width:
27px; height: 22px;
float: right}
ul.langues li a.de{
background:url(img/de.png)
no-repeat;
margin-left: 10px;
width: 27px; height:
22px; float: right}
ul.langues li
a:hover{opacity:
0.7}
ul#phone{float:
right; margin: 50px
-102px 0 0;}
ul#phone li{
background:
url(img/mobile.png)
no-repeat;
text-align: right;
margin-bottom: 10px;
padding: 5px 15px
5px; font-size:
17px; font-family:
'Kaushan Script',
cursive;}
ul#phone li
a.contacter{
background:url(img/icon_contact.png)
no-repeat left 2px;
padding-left: 28px}
ul#phone li
a:hover{color:#666}

.menu{
background:#000;
width: 960px;
height: 48px;
margin: auto;}
ul#menu{margin: 0;
padding: 0 0 0
30px;}
ul#menu li{float:
left}
ul#menu li ul
li{float: none}
ul#menu li
a{margin-right:
45px; line-height:
48px; color: #fff;
font-size: 20px;
font-family:
'Kaushan Script',
cursive;}
ul#menu li ul li
a{margin-right:0;
line-height: 48px;
color: #fff;
font-size: 20px;
font-family:
'Kaushan Script',
cursive;}
ul#menu li strong
a{color: #87a624;
font-weight: normal}
a#home.selected{
background:url(img/home_active.png)
no-repeat; width:
21px; height: 21px;
margin-top: 14px;:} 
ul#menu li a:hover{
color: #87a624; }  
ul#menu li a
img{margin-top:13px;}
a#home{
background:url(img/home.png)
no-repeat; width:
21px; height: 21px;
margin-top: 14px;
display: block}

#menu li:hover ul
ul, #menu li.sfhover
ul ul /*
Sous-sous-listes
lorsque la souris
passe sur un
élément de liste
*/
{
        left:
-999em; /* On
expédie les
sous-sous-listes
hors du champ de
vision */
}
 
#menu li:hover ul,
#menu li li:hover
ul, #menu li.sfhover
ul, #menu li
li.sfhover ul  /*
Sous-listes lorsque
la souris passe sur
un élément de
liste ET
sous-sous-lites
lorsque la souris
passe sur un
élément de
sous-liste */
{
        left: auto;
/* Repositionnement
normal */
        min-height:
0; /* Corrige un bug
sous IE */
		display: block
}


#slid{
background:#000}
#slider{ width:
960px; height:
411px; margin:auto}
.galerie {}

#content{
background: #fff;
padding: 25px 30px
180px 30px; width:
900px; min-height:
250px}
p.titre_photo{text-align:
center;font-family:
'Kaushan Script',
cursive; font-size:
22px; margin-top:
1px; }
a.fancybox
img{margin: 0 15px
10px 8px; border:
6px solid
#bbd569;width:252px;height:195px;}
.thumb-jslider
{width:260px;height:195px;}
.fancybox-wrap
a.fancybox
img{margin: 0;
border: 0;}
a
img{-webkit-transition:
opacity 0.5s ease;
       
-moz-transition:
opacity 0.5s ease;
       
-ms-transition:
opacity 0.5s ease;
       
-o-transition:
opacity 0.5s ease;
         transition:
opacity 0.5s ease;}
a img:hover{opacity:
0.7}
.fancybox{float:
left;position:relative;
}
.zoom{ width: 260px;
height: 195px;
position:absolute;
top:6px;left:6px;opacity:
0.6;
-webkit-transition:
background-color
0.5s ease;
       
-moz-transition:
background-color
0.5s ease;
       
-ms-transition:
background-color
0.5s ease;
       
-o-transition:
background-color
0.5s ease;
         transition:
background-color
0.5s ease; }
span.zoom:hover{
background:#FFF
url(img/zoom.png)
center center
no-repeat;opacity:
0.4 }
.bab_contenu_article
ul li{
background:url(img/puce.png)
no-repeat left top;
padding: 1px 0 0
45px; line-height:
18px; margin-bottom:
10px}

#footer{
background:url(img/bg_footer.png)
no-repeat top center; 
width: 100%;
height: 380px;
margin-top: -162px;}
.footer_content{
width: 960px;
margin: auto}
#footer
div.footer_content
ul li a{ color:
#fff; font-size:
16px; line-height:
30px; padding-left:
6px; border-left:
7px solid #adca55;}
#footer
div.footer_content
ul li a:hover{
color:#111}
div.coord{float:
left; margin: 120px
0 0 50px;
padding-left: 6px;
border-left: 7px
solid #adca55;}
div.coord
p{color:#fff;
font-family:
'Kaushan Script',
cursive; font-size:
20px; margin:0;
line-height: 30px}

.comments
{margin-top: 10px;
font-size:
24px;background:
url(img/puce_comments.png)
no-repeat;padding: 0
0 32px 62px;
line-height: 30px;}
.comments
span{color:#87a624}
.fils{ width: 40%;
float: left;
margin-top: 30px;}
.bab-gallery{/*display:
none*/}
.fils {padding: 0
50px; width: 262px;
float: left; margin:
25px 0 20px 43px;}
.fils a img{margin:
0 8px 10px 0;
border: 6px solid
#bbd569; height:
178px;}
.fils h3 a, fils
h3{font-family:
'Kaushan Script',
cursive; font-size:
20px}
.fils span.suite a{
font-family:
'Kaushan Script',
cursive; font-size:
20px; background:
#87a624; padding:
3px 15px; color:
#fff; margin-top:
15px; display:
inline-block;
margin-left: 60px; 
	
-webkit-transition:
background 0.5s
ease;
       
-moz-transition:
background 0.5s
ease;
       
-ms-transition:
background 0.5s
ease;
       
-o-transition:
background 0.5s
ease;
         transition:
background 0.5s
ease;}
.fils span.suite
a:hover{ background:
#111; color: #fff}

.bab-form-colonne-gauche
{width: 140px;}
input.bab-form-text{border:
1px solid #ccc;
height: 25px}
.bab-form tbody
tr{line-height:
33px}
textarea {width:
400px;}
#footer
.cyb{font-size:
12px}
#footer
ul.acces{float:
left; margin: 150px
0 0 40px;}
#footer ul.acces
li.plan_acces a{
background:
url(img/plan_acces.png)
no-repeat; padding:
17px 0 20px 64px;
border: none}
#footer ul.acces
li.plan_acces
a:hover{opacity:
0.8}
#footer
ul.liens_bas{float:
right; margin: 120px
70px 0 0; color:
#fff; font-size:
16px; line-height:
30px; padding-left:
6px;}
#footer ul.liens_bas
li a{font-size:
16px; line-height:
30px; padding-left:
6px; border-left:
7px solid #adca55;}

.{width: 200px;
height: 80px}
#footer #content{
background:none;
padding: 0;
margin:0}
#footer
.news{margin-left:
95px; height: 73px;
width: 900px;
padding-top: 10px;}
#footer .news
p.date{display:none}
#footer .news
h3{display: none}
#footer .news
a{display: none}

.logos
{padding-left:30px;}
.logos .date, .logos
.suite{display:none;}

ul#menu li
ul.menu_sub {
	background: #000;
	z-index: 9999;
	position: absolute;
	padding: 0 15px;
	visibility: hidden;
	height:0
}
ul#menu li:hover
ul.menu_sub {
	height: auto;
	visibility:
inherit;
}
.bab_contenu_article
a {color:#74AB21}
.bab_contenu_article
.fils h3 a
{color:#111}
.bab_contenu_article
a:hover
{text-decoration:underline;}
.bab-form-erreur
{color:#F00}
p.green{ color:
#7d9828;
font-weight: bold}
.bab-form-submit
{cursor:pointer;}