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

*{
	margin:0;
	padding:0;}

html, body{
	font-family: '微软雅黑', Arial, Helvetica, sans-serif;
	color:#313131;}

@media screen and (min-width: 1100px) {
.centrage{
	width:1060px;
	height:auto;
	position:relative;
	margin:auto;
	}
}

@media screen and (max-width: 1100px) {
.centrage{
	width:95%;
	margin-left:2.5%;
	height:auto;
	position:relative;
	}
}

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

HEADER

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


header{
	width:100%;
	height:128px;
	background-color:#FFF;
	}

.logo{
	width:300px;
	height:84px;
	position:relative;
	margin:auto;
	top:19px;}


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

NAV

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

nav{
	background-color:#B3081D;
	height:66px;
	z-index: 9999;
	font-weight:100;
	}



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

SLIDE

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


#slideshow{
	width:100%;
	z-index:1;
	}

/*///////
RESPONSIVESLIDE.CSS
///////*/

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  height: auto;
  position:relative;
  margin:auto;
  text-align:center;
  width: 100%;
  border: 0;
  }
  
  
/*///////
DEMO.CSS
///////*/

.rslides {
  margin: 0 auto 40px;
  }

#slider2,
#slider3 {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
  }

.rslides_tabs {
  list-style: none;
  padding: 0;
  background: rgba(0,0,0,.25);
  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  font-size: 18px;
  list-style: none;
  margin: 0 auto 50px;
  max-width: 540px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  }

.rslides_tabs li {
  display: inline;
  float: none;
  margin-right: 1px;
  }

.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
  }

.rslides_tabs li:first-child {
  margin-left: 0;
  }

.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
  }

a {
  color: #fff;
  text-decoration: none;
  }

.events {
  list-style: none;
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }

.legende{
	min-width:960px;
	max-width:1060px;
	position:relative;
	margin:auto;}

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 48%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

#slider3-pager a {
  display: inline-block;
}

#slider3-pager img {
  float: left;
}

#slider3-pager .rslides_here a {
  background: transparent;
  box-shadow: 0 0 0 2px #666;
}

#slider3-pager a {
  padding: 0;
}

@media screen and (max-width: 600px) {
  .callbacks_nav {
    top: 47%;
    }
  }


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

BLOC HOME

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


.content-collections{
	width:100%;
	height:254px;
	background-color:#FFF;
	text-align:center;}
	
.collec-home{
	width:33.33%;
	float:left;
	height:220px;}
	
	
.home-bloc-blanc,
.home-bloc-gris{
	width:100%;
	/*height:269px;*//*351px - 41 en haut et en bas*/
	background-color:#FFF;
	padding-top:41px;
	padding-bottom:41px;}	


.home-bloc-blanc{
	background-color:#FFF;}	


.home-bloc-gris{
	background-color:#EFEFEF;}


.home-bloc-blanc img,
.home-bloc-blanc .contenu-home,
.home-bloc-gris img,
.home-bloc-gris .contenu-home{
	display:inline-block;
	vertical-align:top;}
	
.home-bloc-blanc img:nth-of-type(2),
.home-bloc-gris  img:nth-of-type(2){
	float:right;}
	
@media screen and (min-width: 1100px) {	
.contenu-home{
	width:478px;
	height:250px;
	margin-top:19px;
	margin-left:22px;/*30 - les 4px du display*/
}
}
@media screen and (max-width: 1100px) {	
.contenu-home{
	width:37%;
	height:250px;
	margin-top:19px;
	margin-left:22px;/*30 - les 4px du display*/
	}
}
		
	
.contenu-home h1,
.contenu-home h2,
.contenu-home h3{
	font-size:25px;
	color:#313131;
	margin-bottom:25px;}
	
	
.contenu-home p{
	font-size:19px;
	color:#313131;
	}

.contenu-home a{
	color:#B2071C;
	height:auto;
	bottom:0px;
	position:relative;
	font-size:19px;}


.contenu-home a:hover{color:#930000;}
/*//////
FOND GRIS
//////*/
.hbb{
	}

.contenu-home{}

/*//////
FOND BLANC
//////*/


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

PAGES

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

.titre{
	padding-top:30px;
	padding-bottom:30px;}
	

.page-bloc-blanc,
.page-bloc-gris{
	width:100%;
	/*height:269px;*//*351px - 41 en haut et en bas*/
	background-color:#FFF;
	padding-top:41px;
	padding-bottom:41px;}	


.page-bloc-blanc{
	background-color:#FFF;}	


.page-bloc-gris{
	background-color:#EFEFEF;}


.bloc-70, .bloc-30,
.bloc-80, .bloc-20{
	display:inline-block;
	vertical-align:top;
	}

.bloc-70{
	width:66%;
	min-height:20px;
	box-sizing:border-box;
	padding-left:30px;}
	
.bloc-30{
	width:33.33%;
	min-height:20px;}
	
	
.bloc-20{
	/*width:24.5%;*/
	width:24.5%;
	min-height:20px;}


.bloc-80{
	width:75%;
	min-height:20px;
	box-sizing:border-box;
	clear:right;
	/**/}
	
@media screen and (min-width: 1100px) {
.bloc-20{
	width:24.5%;
	}


.bloc-80{
	padding-left:30px;}
}

@media screen and (min-width: 1100px) {
.bloc-20{
	width:24%;}


.bloc-80{
	padding-left:inherit;}
}
	
@media screen and (max-width: 1100px) {
	.bloc-80 img{
	width:49.5%;
	display:inline-block;}	
}

.bloc-100 {
	width:100%;
	display:inline-block;}

.bloc-100 img{
	float:left;
	width:62%;
	margin-left:2%;
	display:inline-block;
	margin-right:8%;
	}
	
.bloc-100 h2, .bloc-100 p{
	display:block;
	}

.bloc-100 h2{
	margin-top:100px;}

.content-map h3, .content-map h4, .content-map h5{
	color:#313131;
	font-size:20px;
/*	margin-top:20px;*/
	margin-bottom:10px;}

.marge{
	margin-top:100px;}

.content-map{
	width:100%;
	min-height:324px;
	background-color:#FFF;
	text-align:center;
	padding-top:20px;}
	
.content-map img{
	margin-bottom:20px;}
	
.content-map-top{
	width:100%;
	min-height:540px;
	background-color:#EFEFEF;
	text-align:left;
	padding-top:20px;}
	
.top-map{
	width:50%;
	float:left;}
	
.collec-map{
	width:25%;
	float:left;
	min-height:220px;}
	
.collec-map p, .collec-map h3, .collec-map h4, .collec-map h5{
	text-align:left;
	margin-left:8%;}
	
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

PAGES : TXT TITRE DECO

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.titre h1{
	font-size:22px;
	color:#313131;}


	
.page-bloc-blanc h2, .page-bloc-blanc h3, .page-bloc-blanc h4, .page-bloc-blanc h5, .page-bloc-blanc h6,
.page-bloc-gris h2, .page-bloc-gris h3, .page-bloc-gris h4, .page-bloc-gris h5, .page-bloc-gris h6{
	color:#313131;
	font-size:20px;
/*	margin-top:20px;*/
	margin-bottom:20px;}
	
	
.bloc-70 img, .bloc-30 img{
	width:100%;
	}

.en-ligne img:nth-of-type(1), 
.bloc-80 img:nth-of-type(1) {
	float:left;}
	
.en-ligne img:nth-of-type(2),
.bloc-80 img:nth-of-type(2) {
	float:right;}

.page-bloc-blanc p,
.page-bloc-gris p{
	font-size:16px;
	color:#313131;
	vertical-align:top;}
	
.date:before{
	content:'•';
	margin-left:10px;
	margin-right:4px;}
	
.en-ligne img{
	width:49%;
	display:inline-block;
	}
/*//////
histoire valeurs logo
//////*/
.logo-fermob-hv{
	float:left;
	margin-top:100px;}


.designer{
	width:20%;
	float:left;
	text-align:center;
	margin-top:50px;}

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

COLLECTIONS

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 1100px) {
.collection{
	width:19.5%;
	min-height:100px;
	display:inline-block;
	margin-bottom:30px;}
}

@media screen and (max-width: 1100px) {
.collection{
	width:19.5%;
	min-height:100px;
	display:inline-block;
	margin-bottom:30px;}
}

.collection p,	.collection img{
	vertical-align:top;}

.collection p{
	text-align:center;
	}

.collection img{
	width:90%;
	margin-left:5%;
	}

h1, h2, h3, h4, h5, h6{
	font-weight:100;}
	
.gallery {
      list-style: none;
      overflow: hidden;
      padding: 0;
      margin: 0;
    }

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

PREFOOTER

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

.pre-footer{
	width:100%;
	height:181px;
	background-color:#EFEFEF;
	padding-top:26px;
	box-sizing:border-box;}
	
address{
	margin-top:20px;
	margin-bottom:20px;
	font-size:15px;
	font-style:normal;}
	
.social{
	display:inline-block;
	margin-right:54px;}


.social img{
	margin-right:22px;
	top:8px;
	position:relative;}

.social a{
	color:#000;}
	
.social a:hover{
	color:#313131;}
	
hr{
	display:none;}

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

FOOTER

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

footer{
	background-color:#B3081D;
	color:#FFF;
	width:100%;
	height:83px;
	text-align:center;}

footer p{
	position:relative;
	top:27px;}
	
	
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

FORMS

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/	
	
input[type="text"],
input[name="type"]{width:80%;border:1px solid #C40000;padding:4px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;margin-top:10px;}
textarea{border:1px solid #C40000;padding:4px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;width:80%;height:120px;margin-top:15px; }

input[type="text"]:focus{ border-color:#f65855;background-color:#C40000;color:white; }
textarea:focus{ border-color:#f65855;background-color:#C40000;color:white; }

input[type="submit"]{width:81%;border:1px solid #C40000;padding:4px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;margin-top:10px;}
input[type="submit"]:hover,
input[type="submit"]:focus { background:#C40000;color:#FFF; }



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

AJOUT APRES MISE EN LIGNE

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

.separate{
	width:100%;
	height:20px;}
	
.bloc-33-p,
.bloc-33{
	display:inline-block;
	vertical-align:top;
	}

.bloc-33-p,	
.bloc-33{
	width:33%;
	min-height:20px;}




.bloc-33-p img,	
.bloc-33 img{
	width:90%;
	height:auto;
	text-align:center;
	}

.bloc-33-p p,
.bloc-33 p{
	text-align:left;
	}
	
.mention{
	color:#666;
	font-size:10px;	
	}