/* Copyright by alexandre pocchiola (alex-pocchiola.fr) | Website by gautier pocchiola (airkostudio.fr) */

* { margin:0; padding:0; outline:0; }
img { padding:0; margin:0; border:none; text-align:center;}
header, section, footer, aside, nav, article, figure { display:block;}

@font-face {

}

body { background:#eeeded url(../images/bg_body.jpg) repeat-x; font:12px Arial, Helvetica, sans-serif; padding:0; margin:0; border:0px; color:#101010; }
#logo { float:left; }
h1 { margin-top:10px; font:42px Impact, Helvetica, sans-serif; color:#fafafa; }
h2 { font:30px Arial, Helvetica, sans-serif; color:#fafafa; }
h3 { letter-spacing:0.36em; width: 880px; clear:both; font:normal 14px Arial, Helvetica, sans-serif; color:#e0cdbd; text-align:center; padding:25px 0 0 0; }
#content p.accueil { padding:0; text-align:justify;	text-indent:2em; line-height:1.7em; margin-bottom:10px; }
#content p.mentions_legales { padding:0; text-align:justify; line-height:1.7em; margin-bottom:10px; }
#content p.mentions_legales a { padding:0; text-align:justify; line-height:1.7em; margin-bottom:10px; text-decoration:none; font-weight:bold; color:#101010;}
#content p.mentions_legales a:hover { padding:0; text-align:justify; line-height:1.7em; margin-bottom:10px; text-decoration:underline; font-weight:bold}


#wrapper { width:880px; margin:0 auto; padding:0; }

nav { padding:0; margin-top:10px;  height:28px; float:right; }
nav ul { list-style:none; margin:0; padding:0; }
nav ul li { padding:5px 0; margin:0; float:left; line-height:16px; }
nav ul li a { margin:6px 0 6px 25px; padding-bottom:8px; outline:0; background:none; font:normal 18px Arial, Helvetica, sans-serif; color:#fafafa; text-decoration:none; }
nav ul li a:hover { color:#553111; text-decoration:underline; }
nav a.active { color:#553111; text-decoration:none; border-bottom:2px solid #fff  }

#slideshow{ margin:30px 0 0 205px;  width:480px; height:253px; background:#eeeded; position:relative; }
#slideshow ul{ height:248px; left:10px; list-style:none outside none; overflow:hidden; position:absolute; top:10px; width:460px; }
#slideshow li{ position:absolute; display:none; z-index:10; }
#slideshow li:first-child{ display:block; z-index:1000; }
#slideshow .slideActive{ z-index:1000; }
#slideshow canvas{ display:none; position:absolute; z-index:100;}

section#content { padding:0; margin:40px 0 0 0; width:880px;  }

#top { padding-top:10px; width:880px; }
#top p { text-align:right; }
#top p a{ text-decoration:none; color:#769d2e; }
#top p a:hover { text-decoration:underline; }

#bg_footer { background: url(../images/bg_footer.jpg) repeat-x; height:161px; }
#shadow_footer { background: url(../images/shadow_footer.png) no-repeat; height:25px; }

footer { font:normal 13px Arial, Helvetica, sans-serif; padding-top:19px; margin:auto; width:880px; }
footer ul { list-style-type:none; }
footer  li { margin-right:20px; float:left; }
footer  li a { text-decoration:none; color:#3d230d; }
footer  li a:hover{ text-decoration:underline ; }

p#copyright { text-align:right; color:#3d230d; }
p#copyright a { text-decoration:none; color:#3d230d; }
p#copyright a:hover{ text-decoration:underline; }

form, fieldset, input, textarea { margin:0; padding:0; border:0; outline:none; }
#contact { margin:auto; width:880px; }
label { float:left; clear:left; margin:0; width:75px; text-align:left; color:#444444; }
input { width:200px; height:25px; padding:5px 20px 0px 5px; margin:0 0 15px 0; background:#c3d999; color:#202020;  }
textarea {  float:left; overflow:auto; width:450px; height:100px; padding:0 0 0 5px; margin:0; background:#c3d999; color:#202020; }
input:focus, textarea:focus { background:#aac675; color:#202020;}
input[type=submit] { width:80px; height:30px; padding:0 15px; margin:70px 45px 0 10px; cursor:pointer; color:#202020;}
input[type=submit]:hover{ background:#aac675; }