@import"reset.css";
@import"grid.css";
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);
body {
	font:12px/19px Arial, Helvetica, sans-serif;
	
	color:#848383;
	position:relative;
	min-width:1036px;
/* fond général ---------------------------------------- */
	background: #FFFFFA;
}
html, body {
	height:100%;
}
html {
	min-width:100%
}
/* Global Structure---------------------------------------- */
.main {
	margin:0 auto;
	width:940px;
	position:relative;
}
.typoexpo {
	/* typo expo des liens */
	font:  Helvetica, sans-serif;
	text-decoration: underline;
	color: #797979;
}
.typoexpo2 {
	font-family: Helvetica, sans-serif;
	color: #797979;
	font-size: 12px;
}

.container_12 {
	position:relative;
}
/*----- txt,links,lines,titles -----*/
	
.box-1{
     border-radius:13px;
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	position:relative;
	padding-bottom:12px
	}
	.box-1 img{
	 width:100%;
	 border-radius:13px 13px 0 0;
	-moz-border-radius:13px 13px 0 0;
	-webkit-border-radius:13px 13px 0 0;	
	}
	
 .box-1  figcaption{
	background:#cd96c9;
	position:absolute;
	display:block;
	bottom:0;
	left:0;
	right:0;
	font-size:20px;
	line-height:22px;
	color:#fff;
	padding:12px 70px;
	text-align:center;
	border-radius:0 0 13px 13px;
	-moz-border-radius:0 0 13px 13px;
	-webkit-border-radius:0 0 13px 13px;	
	}
.box-1  figcaption a{
background:url("../images/autre ancien/marker-1.png") no-repeat 0 0;
width:31px;
height:31px;
display:block;
position:absolute;
top:8px;
right:39px}
.box-1  figcaption a:hover{background-position:0 bottom}	

h1, h2, h3, h4, h5, h6, h7 {
	color:#797979;
	position:relative;
	line-height:1em;
	font-weight:normal
}
h1 {
	font-size:32px;
	line-height:34px;
}
h2 {
	font-size: 14px;
	line-height: 24px;
	font:  Helvetica, sans-serif;
	padding-top: 18px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 10px;
	text-align: left;
	line-height: 115%;
}
h3 {
	font-size: 12px;
	line-height: 24px;
	font: Helvetica, sans-serif;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 10px;
	line-height: 130%;
	text-align: left;
	padding-top: 0px;
	margin-top: -10px;
}
h4 {
	font-size: 14px;
	line-height: 24px;
	font: Helvetica, sans-serif;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 10px;
	text-align: center;
	line-height: 140%;
	font-style: normal;
}
h4 a{
	color:#ef97cc;
	}
h5 {
	font-size: 16px;
	line-height: 24px;
	font: Helvetica, sans-serif;
	padding-top: 18px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 10px;
	text-align: left;
	line-height: 115%;
}
h6 {
	font-size: 12px;
	line-height: 24px;
	font:  Helvetica, sans-serif;
	padding-top: 18px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 10px;
	line-height: 130%;
	text-align: justify;
}
h7 {
	font-size: 12px;
	line-height: 24px;
	font: Helvetica, sans-serif;
	font-style:normal
	padding-top: 18px;
	padding-right: 0px;
	padding-left: 0;
	padding-bottom: 10px;
	line-height: 130%;
	text-align: right;
	margin-top: 0px;
}
h8 {
	font-size: 14px;
	line-height: 24px;
	color: #BB0B0B;
	font:  Helvetica, sans-serif;	
	padding: 14px 0 10px;
	text-align: center;
	line-height: 115%;
}
h9 {
	font-size: 12px;
	line-height: 24px;
	font: Helvetica, sans-serif;
	line-height: 115%;
	text-align: left;
	text-decoration: underline;
	color: #848383;
}
#bande_horizontale{
padding: 0px;
margin: 0px;
border: none;s
width: 80%;
height: 1px;
background-color: #797979;
} 
a {
	text-decoration:none;
	cursor:pointer
}
a:focus {
	outline:none;
}
a:hover {
	color: #848383;
	text-decoration: underline;
}
.clear {
	clear:both;
	line-height:0;
	font-size:0;
	overflow:hidden;
	height:0;
	width:100%;
	margin:0;
	padding:0;
	display:block;
}
.wrapper {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.extra-wrap {
	overflow:hidden;
	display:block;
}
p {color:#fff;
	padding-bottom:19px;
}


.fleft {
	float:left
}
.fright {
	float:right
}
.alignright {
	text-align:right
}
.aligncenter {
	text-align:center
}
.overflow {
	overflow:hidden
}

.relative {
	position:relative;
}

.img-indent {
	float:left;
	margin:8px 20px 0 0;
}


.block {
position:relative;
z-index:100}



.extra-block,
.extra-block1 {
 min-height:100%;
 margin: 0 auto -38px;
 position:relative; 
}
/**********row-top*************/
/**********fond de la boite*************/
.extra-block{	background: #FFFFFA}
.extra-block1{ margin: 0 auto -5%;}
.extra-block3{ margin:0 auto 4%;}
.extra-block4{ background-image: repeat-x 0 bottom;z-index:5;}

/**********row-top*************/
/**********fond ligne du haut facebook *************/
.row-top{
	overflow:hidden;
	background: transparent;
padding:28px 0 17px;
position:relative;
z-index:10}
.row-top2{
	overflow: hidden;
	padding: 28px 0 17px;
	position: relative;
	z-index: 10
}
.list-soc{float:right;margin-right:6px}
.list-soc li{float:left;margin-left:8px;}
.list-soc li a{display:block;
  opacity: 1;
  filter: alpha(opacity=100);}
.list-soc li a:hover{
opacity: 0.7;
  filter: alpha(opacity=70);}

/**********bgstretcher*************/

.bgstretcher {
	background: transparent;
	overflow: hidden;
	width: 100%;
	position: fixed !important;
	z-index: 1;
	top: 0;
	left: 0;
}
.bgstretcher UL,
.bgstretcher UL LI {
	position: absolute;
	top: 0;
	left: 0;
	z-index:1;
}
.bgstretcher UL,
.bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}

.bgstretcher-area,.bgstretcher-page{height:100%}

.nav-buttons{text-align:center;padding-bottom:17px;}
#nav{overflow:hidden;display:inline-block}
#nav li{float:left;overflow:hidden;margin:0 10px}
#nav li a{display:block;background:url("../images/autre ancien/pags.png") no-repeat 0 0;
width:19px;height:19px;
line-height:0;font-size:0;
}
#nav li a:hover,#nav li.showPage a{background-position: 0 bottom}



/*********************************header*************************************/


header {
	position:relative;
	z-index:20;
}
header h1 {
	z-index:10;	
	display:block;
	float:left;
	padding:0}


.row-nav {
	/* fond barre de menu ---------------------------------------- */
	background: transparent;
	padding:6px 0 11px
}
.row-nav2 {
	padding: 6px 0 11px
}
nav{float:right;padding:12px 0 0 0}
.menu {
	font-size:0;
	line-height:0;
	padding:0;
	z-index:99;
	position:relative;
	/* marge bord droit ligne menu---------------------------------------- */
	margin-right:0px;
}

.menu > li {
	position:relative;
	float:left;	
/* marge entre les boutons menu ---------------------------------------- */
	margin-left:0px;
	 border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:url("../images/autre ancien/point.png")}

.menu li  a{
	color:#b3adad;
    font-size:18px;
	line-height:20px;
	display:block;	   
	position:relative;
	text-decoration:none !important;	
	padding:7px 12px 9px;
	font-family: 'Noto Sans', sans-serif;
	}
		

.menu li.current,
.menu li:hover {
background:#cd97c9;
}

.menu li.current a,
.menu li:hover a{
color:#fff

}

.img-pinceau{
	position: relative;
	min-height: 565px;
	text-align: center;
}

.titre-pinceau{
	position: relative;
	font: Helvetica, sans-serif;
	color: #797979;
	min-height: 565px
	text-align: center;
	font-style: normal;
	padding-top: 25px;
	font-size: large;
	margin-left: -90px
}
.titre-expo{
	font-size: 14px;
	line-height: 24px;
	font: Helvetica, sans-serif;
	color: #797979;
	font-style: normal;	
	padding-top: 18px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 10px;
	text-align: left;
	line-height: 115%;
}

/********************** Content style ************************/
section#content {
	position: relative;
	z-index: 10;
	padding-top: 45px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 92px;
}
.border-vert{background:url("../images/autre ancien/border-vert.png") repeat-y 477px 0}

.img-rounded img{
	  border-radius:13px;
	-moz-border-radius:13px;
	-webkit-border-radius:13px;}

.img-rounded1 img{
	  border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;}

.img-indent{margin:39px 0 35px}

.row-1{background:url(../images/tail-bg-top.png);padding:21px 0 23px}

.main-block{
	width: 1036px;
	/********************** couleur de la boite active ************************/
	margin: 0 auto;
	padding-top: 30px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 30px;
	border-radius: 13px;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	min-height: 565px;

	}
.main-block2{
	width: 1036px;
	/********************** couleur de la boite active ************************/
	margin: 0 auto;
	padding-top: 38px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 22px;
	border-radius: 13px;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	min-height: 565px;
}
#placement{
	margin-top:20px;
	text-align:center;
}


/********************** links  & buttons ************************/
.link-1 {
	display:inline-block;
	color:#f4bfdf;
}

.button {
	display: inline-block;
	font-family: 'Noto Sans', sans-serif;
	color: #fff;
	font-size: 12px;
	line-height: 1.2em;
	background: #b9b9b9;
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 3px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 2px;
}
.button:hover {
	background: #000;
	text-decoration: none;
	margin-top: 2px;
}

/*  Lists */

.list-services{}
.list-services > li{padding-top:6px}
.list-services > li:first-child{padding:0;}

/*  Lists */
.list {
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 40px;	
}
.list li {
	margin-bottom: 2px;
	line-height: 16px;
}
.list li a {
	color:#fff;
	font-size:14px;	
	background:url("../images/autre ancien/marker-2.png") no-repeat 1px 5px;	
	padding:0 0 0 18px;	
}

/*----- vignettes -----*/

.es-carousel-wrapper {
  position: relative;
  z-index: 99;
}
.es-carousel {
  overflow: hidden;

}
.es-carousel ul {
  display: none;
  overflow:hidden
}
/*----- gestion du bloc des vignettes -----*/
.es-carousel ul li {
	height: 100%;
	float: left;
	display: block;
	width: 888px;
	margin-left: 27px;
	margin-bottom: 40px;
}
.es-carousel ul li figure{
/*----- marge entre vignette en hauteur -----*/	
	margin-bottom: 45px;
	margin-left: 0px;	
}

.es-nav {
	right: 0;
	bottom: -30px;
	position: absolute;
	margin-right: 27px;
}
.es-nav span {
  display: block;
  line-height: 0;
  font-size: 0;
  width: 32px;
  height: 32px;
  text-indent: -5000px;
  z-index: 99;
  cursor: pointer;
  display:inline-block !important;
  
}
/* couleur des flèches de la page vignettes */
/* bouton de changement de page galerie pour les voir changer la couleur en #b9b9b9 */
.es-nav span.es-nav-next {
  background: url("../images/autre ancien/next.png") no-repeat 50% 50% #fffffa;
  	  border-radius:32px;
	-moz-border-radius:32px;
	-webkit-border-radius:32px;


}
/* bouton de changement de page galerie pour les voir changer la couleur en #b9b9b9 */
.es-nav span.es-nav-prev {
 background: url("../images/autre ancien/prev.png") no-repeat 50% 50% #fffffa;
   	  border-radius:32px ;
	-moz-border-radius:32px;
	-webkit-border-radius:32px ;
	margin-right:3px;

/* bouton de changement de page galerie pour les voir changer la couleur en hover la couleur est  #787878 */
}
.es-nav span:hover {background-color:#fffffa}

/* Lightbox image */
.magnifier {
	position:relative;
	overflow:hidden;
	display:inline-block;
}
.magnifier img {
	position:relative;
	z-index:2;
  opacity: 1;
  filter: alpha(opacity=100);
	
}
.magnifier span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	 background: url(../images/fancybox/magnify.png) center center no-repeat;	
	z-index:99;
}


/*----- map -----*/

.map {
	margin:0 0 31px;
	
}
.map iframe {
	height:259px;
	overflow: hidden;
	width:100%;
	     border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
}
/*----- address -----*/
.mail-1 {
	color:#fff;
	display:inline-block;
	text-decoration:underline;
}
.mail-1:hover {
	text-decoration:none
}

dl.address dt{padding-bottom:18px}
dl.address dt span {
	display:block;
}
dl.address dt,dl.address dd {
	font-size:14px;
	line-height:18px;
	color:#848383;}

dl.address dd span {
	display:inline-block;
	width:100px;
}

/***** contact form *****/
#contact-form {
  position: relative;
  vertical-align: top;
  z-index: 1;
  margin: -2px 0 0;
}
#contact-form div {
  overflow: hidden;
}
#contact-form fieldset {
  border: none;
  padding: 0;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 10;
}
#contact-form label {
  display: block;
  min-height: 45px;
  position: relative;
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}
/******************** boite message totale ******************/
#contact-form .message {
  min-height: 213px;
  display: block !important;
  width: 100%;
}
#contact-form input,
#contact-form textarea {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	border: 1px solid #49413d;
	background: #fffffa;
	padding: 5px 15px;
	margin: 0;
	font-size: 14px;
	line-height: 20px !important;
	color: #b0adac;
	outline: none;
	width: 220px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	float: left;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#contact-form input {
  height: 30px;
}
#contact-form input:focus,
#contact-form textarea:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#contact-form .area .error {
  float: none;
}
/******************** boite message pour le texte******************/
#contact-form textarea {
  width: 100%;
  height: 173px;
  resize: none;
  overflow: auto;
}
#contact-form .success {
  border: 1px solid #49413d;
  background: #000;
  display: none;
  position: absolute;
  left: 0;
  font-family:Arial, Helvetica, sans-serif;
  top: 0;
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  text-transform: none;
  width: 100%;
  z-index: 20;
  padding: 12px 0;
}
#contact-form .success span {
  display: block;
  text-align: center;
  padding: 26px 10px;
}
#contact-form .success strong {
  font-weight: normal;
  display: block;
  color: #807c79;
}
#contact-form .error,
#contact-form .empty {
  color: #f00;
  font-size: 11px;
  line-height: 1.27em;
  display: none;
  overflow: hidden;
  padding: 2px 4px 0px 0;  
  text-transform: none;
  position: absolute;
  bottom: 28px;
  left: 223px;
}
#contact-form .message .error,
#contact-form .message .empty {
  bottom: 22px;
  left:0;
}
.buttons-wrapper {
	position: relative;
	margin-top: -18px;  
}
.buttons-wrapper a {
  margin-right: 48px;
  cursor: pointer;
}
#logofb{
	margin-left: 280px;
	margin-top: 27px;
	text-align: right;	
}
#logofb2{
	margin-left: 200px;
	margin-top: 2px;
	text-align: right;	
}
#ctravaille{
	margin-top: 50px;
}
/******************** Footer ******************/
footer {
	padding: 9px 0
}
.privacy {
	color:#fcf9f9;
	font-size:12px;
	line-height:20px;	
}
.privacy span{color:#747373;margin:0 4px}
.privacy strong{color:#747373;font-weight:normal;}
.privacy strong a{color:#747373}
.privacy a {
	font-size:12px;
	color:#fcf9f9;	
	display:inline-block;
}