/* *****************************************************************************

    http://thomasbagge.com - 2010

***************************************************************************** */




/********************************* Reset **************************************/
h1, h2, h3, h4, h5, h6, p, div, ul, li{margin:0; padding:0;}
a{text-decoration:none;}
img, input, textarea, submit{border:none;}
ul, li{list-style-type:none;}
a, a:hover, a:active, input, submit, textarea, div, span, button{outline:none;}




/********************************* Global *************************************/
body{margin:0; padding:0; font-family: 'Arvo', serif, Arial, Verdana, Tahoma, Lucida sans unicode, Calibri; background:#fff; color:#7b7b7b; line-height:18px;}
* html{width:100%; height:100%;}
* html body{width:100%; height:100%; }

#global{}
.content{width:100%; height:auto; clear:both;}
.center_content{width:950px; height:auto; margin:0 auto; clear:both;}
a, p, h1, h2, h3, h4, h5, h6, ul, li{font-family: 'Arvo', serif, Arial, Verdana, Tahoma, Lucida sans unicode, Calibri;}
p, ul, li, a, strong{font-size:11px;}
p, ul{line-height:14px;}
h1{font-size:27px;}
h2{font-size:24px; font-family:'times new roman'; color:#876D2A;}
h3{font-size:11px;}
h4{font-size:11px; font-weight:normal;}




/**************************** Classes générales *******************************/
.clear_b{clear:both;}
.hidden{display:none; visibility:hidden;}
.float_left{float:left;}
.float_right{float:right;}
.align_center{text-align:center; margin:0 auto;}
.align_left{text-align:left;}
.align_right{text-align:right;}
.relative{position:relative;}
.absolute{position:absolute;}

#nav_top{   cursor:pointer; display:block; width:60px; height:50px; position:fixed; right:0px; top:210px; z-index:200;}
#nav_bottom{cursor:pointer; display:block; width:60px; height:50px; position:fixed; right:0px; top:261px; z-index:200;}
#nav_top span, #nav_bottom span{position:absolute; top:0; left:0;}




/********************************** Header ************************************/
#header{background:url(../images/bg-header.jpg) repeat; height:155px;}
#logo{float:left; width:389px; height:73px; margin-top:39px;}
#menu{float:right; width:310px; height:35px; margin-top:60px; margin-right:-2px;}
#menu li{width:102px; height:35px; margin-right:1px; float:left;}
#menu li a{position:relative; width:102px; height:35px; display:block; cursor:pointer;}
#menu li a span{position:absolute; top:0; left:0;}




/********************************* Gallery ************************************/
#gallery{background:url(../images/bg-gallery.jpg) repeat; height:510px; width:100%;}
.separateur_gallery{background:url(../images/separateur-gallery.jpg) repeat-x; height:8px; margin-top:2px; width:100%;}
.slides_container{width:950px; display:none;}
.slides_container .gallery_slide{width:950px; height:510px; display:block;}
.slides_container .gallery_slide .text_gallery{width:475px; float:left; margin:37px 0 0 0;}
.slides_container .gallery_slide .text_gallery h1{margin-bottom:25px; text-align:center;}
.slides_container .gallery_slide .text_gallery p{font-size:17px; color:#7f7e7e; font-style:regular; line-height:30px; margin-bottom:15px; text-align:center;}
.slides_container .gallery_slide .text_gallery p strong{font-size:17px; font-weight:bold;}
.slides_container .gallery_slide .text_gallery #lieux{font-size:14px; line-height:20px;}
.slides_container .gallery_slide .text_gallery #lieux strong{font-size:14px;}
.img_gallery{float:right; margin-top:100px;}
.separateur_txt_gallery{background:url(../images/separateur-txt-gallery.jpg) no-repeat; width:475px; height:15px; margin:20px 0;}
.pagination{width:75px; margin:0px auto 0 auto;}
.pagination li{float:left; margin:0 1px;}
.pagination li a{background:url(../images/buttons.jpg) 0 0; display:block; float:left; width:23px; height:0; overflow:hidden; padding-top:23px;}
.pagination li a:hover, .pagination li.current a{background-position:-24px 0;}




/********************************* Trouver ************************************/
#trouver{background:url(../images/bg-header.jpg) repeat; height:735px; position:relative;}
#trouver .container_nav{padding-top:95px; position:relative;}
.separateur_trouver{background:url(../images/separateur-trouver.jpg) repeat-x; height:2px; position:absolute; width:100%;}
#sep1_trouver{top:5px;}
#sep2_trouver{bottom:5px;}
#trouver h1{text-align:center; margin:0 0 95px 0;}
#adresse{width:300px; float:left; width:300px;}
#adresse h2{margin-bottom:6px;}
.separateur_adresse{background:url(../images/separateur-adresse.jpg) no-repeat; width:300px; height:15px; clear:both; margin:14px 0;}
#adresse ul{}
#adresse ul li{clear:both; font-size:14px; line-height:19px; color:#7F7E7E;}
#adresse ul li strong{font-size:14px; letter-spacing:0.5px; margin-right:7px; color:#b78867;}
#adresse ul li span{}
#adresse ul li a{color:#7F7E7E; font-size:14px;}
#contactez-nous{position:relative; width:300px; height:54px; margin-top:25px; text-align:center;}
#contactez-nous a{width:225px; margin:0 auto; cursor:pointer;}
#contactez-nous a span{position:absolute; top:0; left:38px;}
#map{background:url(../images/bg-map.jpg) no-repeat; width:609px; height:416px; float:right; text-align:right; margin:5px 0 52px 0;}
#map iframe{border:1px dashed #b6aea1; margin:15px 15px 0 0;}




/********************************* Contact ************************************/
.slickbox{display:block; height:550px; width:950px; position:relative;}
#slick-hide{position:relative; top:0; left:0; margin:0; padding:0; width:26px; height:26px; display:block;}
#slick-hide span, #slick-hide span img{position:absolute; top:0; left:0;}
.slickbox h3{font-size:28px; font-weight:bold; width:321px; color:#dbaf90; text-align:right; line-height:48px; text-transform:uppercase; margin-top:51px;}
.slickbox h3 span{color:#b78867;}

#contact{width:100%; position:relative;}
#form_content{position:relative; height:420px; padding:100px 70px 100px 45px;}

#contact-form{display:block; position:relative; height:380px; width:355px;}
#contact-form #div_input_1, #contact-form #div_input_2, #contact-form #div_input_3, #contact-form #math{margin-bottom:10px; height:41px;}

#contact-form div label{display:block; color:#DBAF90; font-size:13px; letter-spacing:1px; cursor:pointer;}
#contact-form div label:hover{color:#B78867;}

#contact-form #website{ display: none;}


/* ne pas afficher les label sur navigateurs récents car a la place on affiche les placeholder */
:root #contact-form div label{display:none;}
:root #contact-form input::-webkit-input-placeholder{color:#8b6e5a; font-weight:normal;}
:root #contact-form input:-moz-placeholder{color:#8b6e5a; font-weight:normal;}
:root #contact-form textarea::-webkit-input-placeholder{color:#8b6e5a; font-weight:normal;}
:root #contact-form textarea:-moz-placeholder{color:#8b6e5a; font-weight:normal;}

#contact-form input{font-family: 'Arvo'; width:337px; height:38px; font-weight:bold; font-size:20px; color:#6c5443; text-shadow:0 0 7px #826b5b;}
#contact-form textarea{font-family: 'Arvo'; z-index:10; color:#767676; background:transparent; width:337px; height:122px; resize:none;
font-size:20px; color:#6c5443; font-weight:bold; text-shadow:0 0 7px #826b5b; margin-bottom: 10px;}
#contact-form #div_input_4 {min-height: 140px !important;}

#contact-form #div_button{background:#999 url(../images/envoyer-hover.jpg); width:371px; height:61px; position:absolute; bottom:0; right:-8px; cursor:pointer;}
#contact-form #div_button #button{width:371px; height:61px; background: url(../images/envoyer.jpg); border:0; cursor:pointer;}

.error{background:#AB0000; color:white; font-size:10px; font-weight:bold; margin-top:10px; padding:10px; width:240px;}
#loading{position:absolute; left:-53px; bottom:17px; width:24px; height:24px; visibility:hidden;}
#loading img{display:block;}
#succes_message{background: url("../images/bg-header") repeat 0 -1px; height:auto; padding:50px 55px; position:absolute; right:70px; top:87px; text-align:center; text-transform:none; width:330px;}
/* ie6 */ *html #succes_message{display:none;}
#succes_message h3{text-transform:none; font-size:19px; font-weight:bold; width:100%; margin-bottom:0; text-align:center; margin:0;}
#succes_message p{font-size:14px; letter-spacing:1px; text-align:center; margin-top:20px; line-height:25px;}
#succes_message p#succes_p_tel{font-size:18px; background:#b78867; color:#fff; padding:15px; font-weight:bold; margin-top:35px; line-height:30px;}




/********************************** Footer ************************************/
#footer{background:url(../images/bg-footer.jpg) repeat; height:65px; color:#fff;}
#footer p{font-size:14px; margin-top:27px; text-shadow:0px 1px 0px #5c3f2b;}
#footer p span{opacity:0.7;}
#footer a{color:#fff; font-size:14px; opacity:0.7; transition:opacity ease 0.5s; -moz-transition:opacity ease 0.5s; -webkit-transition:opacity ease 0.5s; -o-transition:opacity ease 0.3s;}
#footer a:hover{opacity:1;}




/********************************* bugs ie ************************************/
.ie9 #contact-form div label{display:block; float:none;}
.ie9 #contact-form #div_input_1, .ie9 #contact-form #div_input_2, .ie9 #contact-form #div_input_3{margin-bottom:10px; height:61px;}
.ie9 #form_content{padding-top:60px;}
.ie9 #contact-form #div_button{bottom:-70px;}
.ie9 #contact-form input, .ie9 #contact-form textarea{font-size:16px;}

.ie8 .slickbox h3{width:360px; margin-top:70px;}
.ie8 #contactez-nous a span{left:38px;}
.ie8 #form_content{padding-top:60px;}
.ie8 #contact-form #div_button{bottom:-50px;}
.ie8 #contact-form input{padding-top:10px; font-size:16px;}
.ie8 #succes_message{display:block; visibility:visible; top:50px; right:40px;}

.ie7 .slickbox h3{width:360px; margin-top:70px;}
.ie7 #nav_top, .ie7 #nav_bottom{display:none; visibility:hidden;}
.ie7 #contactez-nous a span{position:absolute; top:0; left:37px; cursor:pointer;}
.ie7 #form_content{padding-top:60px;}
.ie7 #contact-form #div_input_1, .ie7 #contact-form #div_input_2, .ie7 #contact-form #div_input_3{margin-bottom:10px; height:61px;}
.ie7 #contact-form #div_button{bottom:-80px;}
.ie7 #contact-form input{padding-top:10px; font-size:16px;}
.ie7 .formError .formErrorContent{margin:0 0 0 173px;}
.ie7 .messageformError{margin:-21px 0 0 -129px;}
.ie7 #succes_message{display:block; visibility:visible; top:50px; right:40px;}

.ie6 .slickbox h3{width:360px; margin-top:70px;}
.ie6 .pagination{width:76px; margin:0px auto 0 auto;}
.ie6 #nav_top, .ie7 #nav_bottom, .ie6 #nav_top span, .ie7 #nav_bottom span, .ie6 #nav_top span img, .ie7 #nav_bottom span img{display:none; visibility:hidden; height:0; width:0;}
.ie6 .slickbox{height:630px;}
.ie6 #form_content{padding-top:60px; }
.ie6 #contact-form #div_input_1, .ie6 #contact-form #div_input_2, .ie6 #contact-form #div_input_3{margin-bottom:10px; height:61px;}
.ie6 .jqTransformInputWrapper{height:33px;}
.ie6 #contact-form #div_button{bottom:-80px;}
.ie6 #contact-form input{padding-top:10px; font-size:16px;}
.ie6 .formError .formErrorContent{margin:0 0 0 173px;}
.ie6 .messageformError{margin:-21px 0 0 -129px;}
.ie6 #succes_message{display:block; visibility:visible; top:50px; right:40px;}