﻿@charset "utf-8";
/* CSS Document */

.clearall{ overflow:hidden; height:0; clear:both; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/
.clearfix { display:block; }
/* End hide from IE Mac */

body{ background:url(../img/background.jpg); color:#fff; font-family:arial; }
a{ color:#fff; }
div.header-wrap{ width:100%; height:189px; background:#fff; }
div.header-wrap img.header{ display:block; margin:0 auto 0 auto; }
div.menu-wrap{ width:100%; height:60px; background:url(../img/menu-background.jpg); border-top:1px solid #252525; border-bottom:1px solid #252525; z-index:2; position:relative; }
div.menu-wrap #jsddm{ display:block; width:940px; margin:0; padding:0; margin:0 auto 0 auto; }
div.menu-wrap #jsddm li{ float:left; font:16px Arial; text-transform:uppercase;}
div.menu-wrap #jsddm li a{ display:block; padding:20px 13px; width:auto; color:#EAFFED; white-space:nowrap; }
div.menu-wrap #jsddm li a:hover{ color:#ffdc00; }
div.menu-wrap #jsddm li ul{ margin:0; padding:0; position:absolute; visibility:hidden; }
div.menu-wrap #jsddm li ul li{ float:none; display:inline; }
div.menu-wrap #jsddm li ul li a{ width:auto; background:url(../img/menu-background.jpg); padding:10px 14px; font-size:14px; }
div.menu-wrap #jsddm li ul li a:hover{ color:#ffdc00; }

div.slider-wrap{ width:100%; height:246px; background:#ffdc00; z-index:1; position:relative; }
div.slider-wrap .slider-wrapper{ width:940px; margin:0 auto 0 auto; }
div.slider-wrap .nivoSlider { position:relative; width:940px; height:246px; overflow:hidden; }
div.slider-wrap .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; }
div.slider-wrap .nivo-main-image { display:block !important; position:relative !important; width:100% !important; }
div.slider-wrap .nivoSlider a.nivo-imagelink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; }
div.slider-wrap .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; }
div.slider-wrap .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; }
div.slider-wrap .nivo-box img { display:block; }
div.slider-wrap .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding:5px 10px; opacity:0.8; overflow:hidden; display:none; -moz-opacity:0.8; filter:alpha(opacity=8); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
div.slider-wrap .nivo-caption p { padding:5px; margin:0; }
div.slider-wrap .nivo-caption a { display:inline !important; }
div.slider-wrap .nivo-html-caption { display:none; }
div.slider-wrap .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; }
div.slider-wrap .nivo-prevNav { left:0px; }
div.slider-wrap .nivo-nextNav { right:0px; }
div.slider-wrap .nivo-controlNav { text-align:center; padding:15px 0; margin-top:-55px; position:relative; }
div.slider-wrap .nivo-controlNav a { cursor:pointer; display:inline-block; width:22px; height:22px; background:url(../img/bullets.png) no-repeat; text-indent:-9999px; border:0; margin:0 2px; }
div.slider-wrap .nivo-controlNav a.active { font-weight:bold; background-position:0 -22px; }
div.slider-wrap-page{ height:193px; }
div.slider-wrap-page ul{ display:block; width:940px; margin:0 auto 0 auto; }
div.slider-wrap-page ul li{ display:block; float:left; width:178px; margin:18px 12px 0 0; }
div.slider-wrap-page ul li:last-child{ margin-right:0; }
div.slider-wrap-page ul li span{ display:block; text-align:center; font-size:16px; color:#282826; font-weight:bold; padding:0 0 7px 0; }
div.slider-wrap-page ul li a img{ display:block; width:162px; border:8px solid #383737; }

div.conteneur{ width:940px; margin:40px auto 0 auto; font-size:14px; line-height:22px; }
div.conteneur h1{ display:block; font-size:24px; line-height:28px; color:#ffdc00; text-transform:uppercase; margin:0 0 10px 0; }
div.conteneur h1 span{ display:block; font-size:22px; color:#fff; font-weight:normal; }
div.conteneur h1.h1-location{ text-align:center; padding:0 0 15px 0; }
div.conteneur h2{ display:block; font-size:22px; color:#ffdc00; font-weight:normal; margin:0 0 8px 0; }
div.conteneur ul.thumbs-home li, div.conteneur ul.thumbs-location li{ display:block; width:300px; float:left; margin:0 20px 20px 0; text-align:center; }
div.conteneur ul.thumbs-home li:first-child{ text-align:left; padding-top:20px; }
div.conteneur ul.thumbs-location li:first-child{ text-align:center; padding-top:0px; }
div.conteneur ul.thumbs-home li:nth-child(3n+0), div.conteneur ul.thumbs-location li:nth-child(3n+0){ margin:0 0px 20px 0; }
div.conteneur ul.thumbs-home li img, div.conteneur ul.thumbs-location li img{ display:block; border:8px solid #383737; }
div.conteneur ul.thumbs-location li h2{ color:#fff; display:block; height:45px; }

div.conteneur div.colonne-gauche{ width:300px; float:left; margin-right:80px; }
div.conteneur div.colonne-droite{ width:560px; float:left; }
div.conteneur div.colonne-droite p{ display:block; margin:0 0 22px 0; }
.tableau1 tr td{ padding:0 30px 0 0; }

div.logos-wrap{ width:100%; height:105px; background:#fff; clear:both; margin:50px 0 0 0; }
div.logos-wrap div.logos{ width:940px; margin:0 auto 0 auto; }
div.logos-wrap div.logos img{ display:block; float:left; }
ul.liste-partenaires li { display:block; width:106px; float:left; margin:0 5px 5px 0; }
ul.liste-partenaires li a{ display:block; width:106px; float:left;}
ul.liste-partenaires li a img{ display:block; width:106px; float:left;  }

div.footer{ width:940px; margin:25px auto 22px auto; }
div.footer ul li{ display:block; float:left; font-size:12px; color:#c6c6c6; margin:0 14px 0}
div.footer ul li:last-child{ float:right; margin:0 0px 0 0; }
div.footer ul li a{ color:#c6c6c6; }

/* PIKACHOOSE */
.pikachoose { width:334px; margin:0 auto; }
.pika-thumbs{ height:105px; padding:20px 0 0 0; width:304px; }
.pika-thumbs li{ width:91px; height:62px; padding:0; overflow:hidden; float:left; list-style-type:none; cursor:pointer; border:6px solid #383737; margin:6px 12px 0 0; }
.pika-thumbs li:last { margin:0; }
.pika-thumbs li .clip { position:relative; height:100%; text-align:center; vertical-align:center; overflow:hidden; }
.pika-stage, .pika-textnav { width:304px; }
.pika-stage { position:relative; background:#fafafa; padding:0; text-align:center; height:240px; }
.pika-stage img{ height:100%; border:7px solid #383737; }
.pika-stage .caption { position:absolute; background:#000; background:rgba(0,0,0,0.75); font-size:11px; color:#fafafa; padding:10px; text-align:right; bottom:50px; right:10px; }
.pika-stage .caption p { padding:0; margin:0; line-height:14px; }
.pika-imgnav a { position:absolute; text-indent:-5000px; display:block; z-index:3; display:none; }
.pika-imgnav a.previous { background:url(../img/prev.png) no-repeat left 45%; height:100%; width:50px; top:10px; left:5px; cursor:pointer; }
.pika-imgnav a.next { background:url(../img/next.png) no-repeat right 45%; height:100%; width:50px; top:10px; right:-5px; cursor:pointer; }
.pika-imgnav a.play { background:url(../img/play.png) no-repeat 0% 50%; height:100px; width:44px; top:0; left:50%; display:none; cursor:pointer; }
.pika-imgnav a.pause { background:url(../img/pause.png) no-repeat 0% 50%; height:100px; width:44px; top:0; left:50%; display:none; cursor:pointer; }
.pika-textnav { overflow:hidden; margin:10px 0 0 0; bottom:10px; position:absolute; display:none; }
.pika-textnav a { font-size:12px; text-decoration:none; color:#333; padding:4px; }
.pika-textnav a.previous { float:left; width:auto; display:block; }
.pika-textnav a.next { float:right; width:auto; display:block; }
.pika-tooltip{ font-size:12px; position:absolute; color:white; padding:3px; background-color:rgba(0,0,0,0.7); border:3px solid black; }
.pika-counter{ position:absolute; bottom:45px; left:15px; color:white; background:rgba(0,0,0,0.7); font-size:11px; padding:3px; display:none; }
.pika-loader{ background:url(loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; text-align:right; position:absolute; top:15px; right:15px; }
.jcarousel-skin-pika .jcarousel-container-horizontal { padding:20px 0; overflow:hidden; }
.jcarousel-skin-pika .jcarousel-clip-horizontal { width:304px; }
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right:12px; }

.img-seule{ display:block; border:7px solid #383737; width:320px; }
.promo{ display:block; position:absolute; z-index:100; top:250px; left:50%; margin-left:280px; }
.facebook{ display:block; width:40px; position:absolute; top:19px; right:50%; margin-right:-405px; }
.facebook-contact{ display:block; width:80px; margin-top:20px; }

/*===  Formulaire contact  ===*/
form#myForm{ position:relative; }
form#myForm label{ display:block; margin:0 0 3px 0 }
form#myForm input[type=text]{ width:450px; padding:5px 10px; border:solid 1px #666565; margin:0 0 5px 0; background:#383737; color:#fff; }
form#myForm input[type=submit]{ cursor:pointer; padding:5px 10px; border:none; background:#383737; color:#fff; border:solid 1px #666565; }
form#myForm textarea{ border:solid 1px #666565; width:450px; padding:5px; font-family:Arial, Helvetica, sans-serif; background:#383737; color:#fff; }
form#myForm span{ font-size:10px; display:block; }
form#myForm input[type=text].error, form#myForm textarea.error{ border:solid 1px #f9b516; background:#ffdc00; color:#000; }
div.sended{ font-size:14px; padding:60px 20px 20px 20px; text-align:center; }
img#loadingImage{ position:absolute; top:45%; left:46%; }