/*-----------------------------------------------------------*/
/*---------------------------GENERAL-------------------------*/
/*-----------------------------------------------------------*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;

}

img{border: none;}

body{background: #fff; font-family: arial, sans-serif; color: #282828; min-width: 1280px;}

ul {list-style: square;}

a{text-decoration: none;}

table{border-collapse: separate; border-spacing: 0;}

caption, th, td{text-align: left; font-weight: normal;}

blockquote:before, blockquote:after, q:before, q:after{content: "";}

blockquote, q{quotes: "" "";}

textarea{overflow: auto;}

:active, :focus{outline: none;}

.stopfloat{clear: both;}
.left{float: left;}
.right{float: right;}

.gris-clair{background: #e0dbd2;}
.gris-fonce{background: #8e8777;}
.rose{background: #e5003d;}

.h-spacer {margin-left: .25rem; margin-right: .25rem;}
.nowrap {white-space: nowrap;}
/* texte : #282828; */


/*---------------------------ACCUEIL-------------------------*/
/*-----------------------------------------------------------*/
#wrap-accueil{width: 983px; margin: auto; min-height: 602px;}


#mail{width: 19px; height: 13px; padding-right: 30px;}
#tel{width: 19px; height: 18px; padding-right: 30px;}

#carre-accueil1{height: 132px; width: 50%; z-index: 1; position: absolute; top: 0; left: 0;}
#carre-accueil2{width: 55%; height: 132px;}
#contact-container{width: 983px; margin: auto; height: 132px; z-index: 2; position: relative;}
#contact-accueil{width: 442px; height: 132px; background: #fff; z-index: 10;}
#contact-accueil ul{padding: 0; width: 100%; position: relative; top: 25%;}

#contact-accueil ul li{float: left; font-family: 'Source Sans Pro', sans-serif; color: #b5a88f; padding: 0 23px; list-style-type: none; line-height: 32px;}
#contact-accueil ul a{color: #b5a88f;}

#tmpSlideshow{height: 443px; width: 100%; margin: 0; overflow: hidden; padding: 0; position: relative;}
#diapo-logo-container{height: 442px; width: 55%;}
#menu-diapo-accueil{height: 160px; padding: 20px 0 20px 0; box-sizing: border-box;}
#menu-diapo-accueil ul{width: 406px; list-style:none; font-size:15px; font-family:Arial, Helvetica, sans-serif;}
#menu-diapo-accueil li{position:relative; display:block; height:30px; overflow:hidden; cursor: pointer; text-align: right;}
#menu-diapo-accueil a{position:relative; color:#e5003d; transition: color 0.4s linear; -webkit-transition: color 0.4s linear; text-decoration:none; display:block; height:30px; padding: 0 10px 0 0; z-index:100; cursor: pointer; line-height: 25px; font-weight: bold;}
#menu-diapo-accueil a:hover{color: #fff; transition: color 0.4s linear; -webkit-transition: color 0.4s linear;}
#menu-diapo-accueil li.inact:hover{color: #e5003d; background: none;}
#menu-diapo-accueil li.act,li.act:hover{color: #fff; background: none;}
#menu-diapo-accueil li.act a{color: #fff; background: none;}

#texte-diapo{top: 33%; right: 10%;}
#texte-diapo p{font-family: 'Source Sans Pro', sans-serif; font-size: 16px; color: #575656; height: 80px; background-color: #ffffff;}
.carre-slide{position: absolute; bottom: 0; margin-left: 16.2%; width: 52px; height: 52px;}
.diapo-logo{margin-right: 80px; position: relative; top: 20%;}

#carre-accueil3{width: 50%; height: 100%; position: absolute; right: 0; background: #e0dbd2;}
#carre-footer{z-index: 2; width: 983px; height: 100%; background: #e0dbd2; margin: auto; position: relative;}
#carre-footer div{width: 602px; height: 100%; background: #ffffff;}



/*-----------------------------HEADER------------------------*/
/*-----------------------------------------------------------*/
#carre1{height: 132px; position: absolute; top: 0; left: 0; width: 50%; z-index: 1;}

#header-pages{width: 983px; margin: auto; background: #fff; z-index: 2; position: relative;}
#header-container{padding-right: 44px;}

#logo{width: 291px; height: 115px; padding: 17px 0 0 22px;}

#menu ul {list-style:none; margin:20px; width:426px; font-size:15px; font-family:Arial, Helvetica, sans-serif;}
#menu ul li {position:relative; display:block; height:30px; overflow:hidden; cursor: pointer; text-align: right;}
#menu ul li a {position:relative; color:#e5003d; transition: color 0.4s linear; -webkit-transition: color 0.4s linear; text-decoration:none; display:block; height:30px; padding: 0 10px 0 0; z-index:100; cursor: pointer; line-height: 25px; font-weight: bold;}
#menu ul li a:hover{color: #fff; transition: color 0.4s linear; -webkit-transition: color 0.4s linear;}

#carre2-container{width: 541px; height: 160px;}
#carre2{height: 160px; width: 160px;}
#carre3{height: 44px; width: 44px;}


/*-----------------------------PAGE--------------------------*/
/*-----------------------------------------------------------*/

#wrap{padding-top: 20px; width: 983px; margin: auto; min-height: 610px;}

section{margin-bottom: 51px;}

.encartH{width: 74%;}
.encartR{width: 64%;}
.encartV{width: 50%;}
.encartC{width: 50%;}

.texte-float{width: 63%;}

h2{font-family: 'Source Sans Pro', sans-serif; font-size: 18px; text-transform: uppercase; font-weight: 400; padding-left: 31px; margin-bottom: 30px;}
.carre-titre{width: 26px; height: 24px; background: #e5003d;}

p{font-size: 12px; line-height: 19px; padding: 0 31px;}
.texte-gris{font-size: 14px; color: #8e8777; font-family: 'Source Sans Pro', sans-serif; margin-top: 20px;}

.slider-container{height: 255px; width: 100%;}

.blockH{width: 184px; height: 262px; padding: 33px 16px 44px; color: #fff;}
.blockB{height: 100%; width: 19.8%; box-sizing: border-box; padding: 20px 10px 20px 10px;color: #fff;}
.blockM{width: 184px; height: 217px; padding: 33px 16px 44px; color: #fff; position: relative;}
.blockB h3, .blockH h3{margin-bottom: 19px; font-size: 14px;}
.blockB p, .blockH p, .focus p, .blockM p{padding: 0;}
.blockM p{position: absolute; bottom: 26px; font-size: 14px;}
.blockB a, .blockH a{color: #fff; text-decoration: underline;}

.wrapper{margin: 0 2px;}

.texte-gras{font-size: 16px; font-weight: bold; color: #8e8777; margin: 38px 0 0 70px;}
.small{font-size: 11px;}

.focus{width: 206px; border-top: 20px solid #cdc5b6;}
.bold{font-size: 14px; font-weight: bold;}

.carre-blc{width: 24px; height: 24px; background: #fff; position: absolute; right: 13px;}

/*.slideshow{position: relative; width: 785px; height: 255px; overflow: hidden;}*/
/*.slideshow img{border: 0; position: absolute; margin: 0 auto; width: 785px; height: 255px; padding: 0; z-index:8;}*/
/*.slideshow img.active {z-index:10;}*/
/*.slideshow img.last-active {z-index:9;}*/

section ul{margin-left: 50px;}
section ul li a{color: #282828;}
section ul li{padding: 7px 0;}


/*---------------------------CONTACT-------------------------*/
/*-----------------------------------------------------------*/

#article-container{width: 47%;}
article{width: 219px; height: 197px; color: #fff; padding: 20px; box-sizing: border-box;}
article p, article a{font-size: 14px; font-weight: bold; color: #fff; padding: 0;}
.titre-article{height: 20px; margin-bottom: 30px;}
.titre-article h4{line-height: 20px; font-size: 14px; font-weight: bold;}
.titre-article img{margin-right: 10px;}

form{width: 47%; height: 296px; border: 1px solid #e5003d; padding: 20px; box-sizing: border-box;}
form p{padding: 0; margin: 0 0 15px 0;}
label{float: left; font-family: 'Source Sans Pro', sans-serif; font-size: 12px; width: 57px; text-align: right; margin-right: 15px;}
input, textarea{width: 343px; background: #e0dbd2; border: none;}
input{height: 25px;}
textarea{height: 124px; font-family: arial, sans-serif; color: #282828; font-size: 13px;}
.submit{width: 138px; height: 31px; color: #fff; background: #e5003d; font-size: 14px; font-family: 'Source Sans Pro', sans-serif; margin-left: 72.3%;/* position: absolute; right: 0; top: 287px;*/}
.submit:hover{background: #8e8777;}

.erreurs, .succes{color: #e5003d;}

#map{width: 47%; height: 296px; border: 1px solid #8e8777; box-sizing: border-box;}


/*----------------------------FOOTER-------------------------*/
/*-----------------------------------------------------------*/

footer{width: 1074px; float: right; position: relative; bottom: 0; height: 37px; line-height: 37px;}
footer > ul li{font-family: 'Source Sans Pro', sans-serif;}
footer ul li{float: left; color: #b5a88f; padding: 0 23px; list-style-type: none; height: 100%;}
footer ul a{color: #b5a88f;}

#footer-accueil{width: 100%; height: 37px;}

.footer-contact{padding-left: 30px;}

.carre-footer{width: 384px; height: 35px;}

#carre4{height: 100%; width: 50%; z-index: 3;}
#carre4 a{font-size: 12px; line-height: 35px;}

#menu-footer{list-style-type: none; height: 100%;}
#menu-footer a{color: #282828;}
#menu-footer a:hover, section ul li a:hover{text-decoration: underline;}

/*----------------------------CAPTION------------------------*/
/*-----------------------------------------------------------*/

div.wrapper{position:relative;}
div.description{position:absolute; bottom:3px; left:0; right: 0; display:none; background-color:black; font-size:15px; color:white;  }
div.description_content{padding:5px;}


/*-----------------------------DIAPO-------------------------*/
/*-----------------------------------------------------------*/

#slider1 ul, #slider1 li, #slider2 ul, #slider2 li, #slider3 ul, #slider3 li{margin:0; padding:0; list-style:none;}
#slider1 li, #slider2 li, #slider3 li{width:785px; height:255px; overflow:hidden; padding: 0;}


/*-----------------------------DIAPO ACCUEIL-------------------------*/
/*-----------------------------------------------------------*/

#fssPrev{display: none;} /*is the id of the previous button*/
#fssNext{display: none;} /*is the id of the next button*/
#fssPlayPause{display: none;} /*is the id of the play / pause button*/
#fssList{display: none;} /*is the id of the control list*/
.fssLi(X) /*class of the li inside #fssList - (X) is a counting number*/
.fssActive /*this class marked the active li inside #fssList*/

#diapo{list-style: none;}


/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/