/*
Theme Name: artisandufeminin
Theme URI: www.artisandufeminin.dev
Description: le site artisandufeminin wordpress
Version: 1.0
Author: semi-k
Author URI: semi-k.net
*/


* { margin: 0; padding: 0; }
html, body { /*height: 100%*/; font-family: 'Raleway', sans-serif; }
body {
    background:linear-gradient(0deg, #b9a79b, #ede0da, #b9a79b);
    font-size: 16px;
   
    position: relative;
   }
li{list-style:none;}
a{text-decoration:none;}

.toggle{display:none;}
.info-col a{color:#fdc123; font-weight:700; margin-top:-1px;}
span.ptiron{width:10px; height:10px; background:url('images/ptiron.png'); display:inline-block; margin-left:4px;}
.pagesite{line-height:21px;}
.pagesite h3{color:#ffffff; margin-bottom:15px;}
.pagesite h3.pagetitle{color:#fdc123;margin-top:15px;}
.fb_iframe_widget{/*margin-left: 25px; margin-top: 13px;*/
    display:inline;
}
.pluginConnectTextDark{color:#fdc123;}

strong{color:#4C4E52;}

#footerback{
    bottom: 0;
    height: 100px;
    position: fixed;
    width:100%;
    z-index:310;
		display:none;
}

#footer{
    bottom: 0;
    height: 100px;
    width:1020px;
    margin:0 auto;
    position: fixed;
   /* z-index:50001; */
}

.info-col h3{
		font-size: 18px;
    line-height: 20px;
    margin-bottom: 15px;
    margin-left: -1px;
    color:#7C8381;
		z-index:0;
		position:relative;
		font-family: raleway;
		font-weight: 300;
		color:#fff;
}

#ligne1{left: -25px;
    position: absolute;
    top: 0;
    z-index: 1;}

ul#menu{z-index:10; position:absolute;}
ul#menu li{display:inline-block; padding-top: 7px; z-index:10;}
ul#menu li a{font-weight: 700; color:#fdc123; z-index:10;}
ul#menu li.menubtn a{display: inline-block;
    height: 40px;}
ul#menu li.sepa{height: 30px;
    margin-left: 3px;
    margin-right: 3px;}
ul#menu li.sepa img{display: block;
    margin-top: 14px;}
    
#ligne1 img{z-index:1;}
    
ul#menu li#homebtn {background: url("images/btnhomeback.png") no-repeat scroll 1px -1px transparent; padding-left: 5px;}    
ul#menu li#homebtn a{color:#ffffff; width:36px;}
ul#menu li#btn_autrespropositions {    
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    border-radius: 17px;
    height: 22px;
    padding-left: 5px;
    padding-right: 5px;
    border:1px solid #f16314;
}
ul#menu li#btn_autrespropositions a{color:#f16314;}

ul#menu li.menubtn a:hover{background:url('images/ombre1.png') center 2px no-repeat;}
ul#menu li#homebtn a:hover{background-size:41px 40px ; background-image:url('images/ombre1.png'); background-repeat:no-repeat; background-position: center 3px;}
ul#menu li#faq a:hover{background-size:24px 40px ; background-image:url('images/ombre1.png'); background-repeat:no-repeat; background-position: center 3px;}
ul#menu li#intention a:hover{background-size:91px 40px ; background-image:url('images/ombre1.png'); background-repeat:no-repeat; background-position: center 3px;}
ul#menu li#def a:hover{background-size:140px 40px ; background-image:url('images/ombre1.png'); background-repeat:no-repeat; background-position: center 3px;}
ul#menu li#liensut a:hover{background-size:74px 40px ; background-image:url('images/ombre1.png'); background-repeat:no-repeat; background-position: center 3px;}

#logo {
    float:none;
    clear:both;
    margin-top:100px;
}

#logo .left-block,
#logo .right-block {
    width:calc(50% - 420px);
    height:240px;
    float:left;
    background:transparent url("images/logo_trait_blanc.png") repeat-x ; 
    background-size:1px 125px;
}

#logo .center-block {
    width:840px;
    height:240px;
    overflow:hidden;
    float:left;
}



#logo img{display: block;
   /* right: 295px;*/
   width:100%;
   height:auto;
}


.fancybox-inner a{color:#fdc123;}

.fancybox-inner h3{}


#page-wrap { margin: 0 auto;
    position: relative;
    width: 1030px;}

.info-col {  float: left;
    width: 132px; }
.info-col h2 { text-align: center; font-weight: normal; padding: 25px 0; }

#carouselwrap{background: url("images/background.png") no-repeat scroll 0 62px transparent;
    float: left;
    margin-bottom: 190px;
    margin-top:-34px;
    width: 1030px;}


#bloc1{float:left; width:340px;}
#bloc1 h2{position:absolute;}
#bloc1 a{background: url("images/slide1.png") no-repeat scroll -117px 28px transparent;
    height: 366px;}
#bloc1 ul{ height: 58px;
    text-indent: -10000px;
    width: 139px;
    float:left;}
#bloc1.curCol ul{display: block;
    height: 385px;
    position: absolute;
    text-indent: 0;
    top: 16px;
    width: 740px;
    /*border-left: 1px solid #8e8b84;*/
    }
    
    
.info-col.curCol h3{color: #76746e;}
#bloc1 .curCol h3{}
#bloc2 .curCol h3{}
#bloc3.curCol h3{}

    
#bloc1 ul li.rubric.one{left:0;}
#bloc1 ul li.rubric.two{left:121px;}
#bloc1 ul li.rubric.three{left:300px;}

#bloc1 ul li.rubric{background:none; border:none; color:#000000;}
#bloc1.curCol ul li.rubric{ position: absolute; top:17px; color:#ffffff; }
#bloc1.curCol ul li.rubric:hover{ color:#7C8381;;}
#bloc1.curCol ul li.rubric.current{border-bottom: 4px solid #fdc123;
    height: 15px;
    margin-bottom: -3px;
    margin-left: 2px;}
    
#bloc1 ul li.rubcontent{
		background: none repeat scroll 0 0 rgba(255, 245, 239, 0.95);
    border-left: 0px solid #8e8b84;
    float: left;
    left: 0;
    line-height: 27px;
    margin-left: 0px;
    margin-top: 46px;
    padding: 25px 21px 2px;
    position: relative;
    width: 698px;
    z-index: 305;
}


#bloc2{float: left;
    width: 340px;}
#bloc2 h2{position:absolute;}
#bloc2 a{url("images/slide1-2.png") no-repeat scroll 0 0 transparent;
    height: 366px;
    margin-top: 0px;}
#bloc2 ul{height: 58px;
    text-indent: -10000px;
    width: 139px;
    float:left;
    }
#bloc2.curCol ul{
    /*border-left: 1px solid #8e8b84;*/
    display: block;
    height: 385px;
    position: absolute;
    text-indent: 0;
    top: 16px;
    width: 740px;}  
#bloc2 ul li.rubric{background:none; border:none; color:#000000;}
#bloc2.curCol ul li.rubric{ position: absolute; top:17px; color:#fdc123;}
#bloc2.curCol ul li.rubric:hover{ color:#7C8381;}
#bloc2.curCol ul li.rubric.current{border-bottom: 4px solid #fdc123;
    height: 15px;
    margin-bottom: -3px;
    margin-left: 2px;}
    
    
#bloc1.curCol ul li.rubric.vide{display:none;} 
    
#bloc1 ul li.rubric.vide{ background: none repeat scroll 0 0 transparent;
    height: 395px;
    left: 0;
    margin-top: -38px;
    width:135px;
		z-index:304;
		position:relative;
}
#bloc1 ul li.rubcontent.videe{background: none repeat scroll 0 0 transparent;}
    
    
    
    
#bloc2.curCol ul li.rubric.vide{display:none;} 
    
#bloc2 ul li.rubric.vide{ background: none repeat scroll 0 0 transparent;
    height: 395px;
    left: 0;
    margin-top: -38px;
    width: 135px;
		z-index:303;
		position:relative;
}
#bloc2 ul li.rubcontent.videe{background: none repeat scroll 0 0 transparent;}




 #bloc3.curCol ul li.rubric.vide{display:none;} 
    
#bloc3 ul li.rubric.vide{ background: none repeat scroll 0 0 transparent;
    height: 395px;
    left: 0;
    margin-top: -38px;
    width: 332px;
		z-index:302;
		position:relative;
}
#bloc3 ul li.rubcontent.videe{background: none repeat scroll 0 0 transparent;}





    
    
#bloc2 ul li.rubric.one{left:0;}
#bloc2 ul li.rubric.two{left:131px;}
#bloc2 ul li.rubric.three{left:236px;}
    
    
#bloc2 ul li.rubcontent{background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    border-left: 0px solid #8e8b84;
    float: left;
    left: 0;
    line-height: 27px;
    margin-left: 0px;
    margin-top: 46px;
    padding: 25px 21px 20px;
    position: relative;
    width: 698px;
    z-index: 301;}




#bloc3{float:left; width:340px;}
#bloc3 h2{position:absolute;}
#bloc3 a{background: url("images/slide2.png") no-repeat scroll -39px 28px transparent;
    height: 366px;}
#bloc3 ul{ height: 58px;
    text-indent: -10000px;
    width: 139px;
    float:left;}
#bloc3.curCol ul{
    /*border-left: 1px solid #8e8b84;*/
    display: block;
    height: 385px;
    position: absolute;
    text-indent: 0;
    top: 16px;
    width: 740px;
}
    
    
    
    
    
    
    
#bloc3.curCol li.rubcontent ul{border: medium none;
    float: none;
    height: auto;
    position: static;
    list-style-type:circle;
    width:698px;}
    
#bloc3.curCol li.rubcontent ul li{ background: url("images/ptiron.png") no-repeat scroll 1px 8px transparent;
    margin-left: 15px;
    padding-left: 20px;}
    
    
#bloc3 ul li.rubric{background:none; border:none; color:#000000;}
#bloc3.curCol ul li.rubric{ position: absolute; top:17px; color:#ffffff;}
#bloc3.curCol ul li.rubric:hover{color:#7C8381;}

#bloc3.curCol ul li.rubric.current{border-bottom: 4px solid #fdc123;
    height: 15px;
    margin-bottom: -3px;
    margin-left: 2px;}
    
 #bloc3.curCol li.rubcontent p img{}
 
  #bloc3.curCol li.rubcontent .imgtext{float:right; margin-left:10px;}
  
  
 
 
 
 
 
 
 #bloc2.curCol li.rubcontent ul{border: medium none;
    float: none;
    height: auto;
    position: static;
    list-style-type:circle;
    width:698px;}
    

#bloc2.curCol li.rubcontent ul li{ background: url("images/ptiron.png") no-repeat scroll 1px 8px transparent;
    margin-left: 15px;
    padding-left: 20px;}
    
    
#bloc2 ul li.rubric{background:none; border:none; color:#000000;}
#bloc2.curCol ul li.rubric{ position: absolute; top:17px; color:#ffffff;}

#bloc2.curCol ul li.rubric.current{border-bottom: 4px solid #fdc123;
    height: 15px;
    margin-bottom: -3px;
    margin-left: 2px;}
    
 #bloc2.curCol li.rubcontent p img{}
 
  #bloc2.curCol li.rubcontent .imgtext{float:right; margin-left:10px;}
  
  
  
  
  
  
  #bloc1.curCol li.rubcontent ul{border: medium none;
    float: none;
    height: auto;
    position: static;
    list-style-type:circle;
    width:698px;}
    

#bloc1.curCol li.rubcontent ul li{ background: url("images/ptiron.png") no-repeat scroll 1px 8px transparent;
    margin-left: 15px;
    padding-left: 20px;}
    
    
#bloc1 ul li.rubric{background:none; border:none; color:#000000;}
#bloc1.curCol ul li.rubric{ position: absolute; top:17px; color:#ffffff;}

#bloc1.curCol ul li.rubric.current{border-bottom: 4px solid #fdc123;
    height: 15px;
    margin-bottom: -3px;
    margin-left: 2px;}
    
 #bloc1.curCol li.rubcontent p img{}
 
  #bloc1.curCol li.rubcontent .imgtext{float:right; margin-left:10px;}
  
  
  


#bloc3 ul li.rubric.one{left:0;}
#bloc3 ul li.rubric.two{left:130px;}
#bloc3 ul li.rubric.three {left: 377px;}
#bloc3 ul li.rubric.four{left:469px;
    /*border-left:1px solid #fff;*/
}
#bloc3 ul li.rubric.five{left:687px;color:#76746e;}

#bloc3 ul li.rubcontent{background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    border-left: 0px solid #8e8b84;
    float: left;
    left: 0;
    line-height: 27px;
    margin-left: 0px;
    margin-top: 46px;
    padding: 25px 21px 20px;
    position: relative;
    width: 698px;
    z-index: 320;
}

#bloc1 ul li.rubcontent p,
#bloc2 ul li.rubcontent p,
#bloc3 ul li.rubcontent p  {
  margin-bottom: 8px;
}


.image { height: 100px; text-indent: -9999px; display: block; border-left: 1px solid #b1aea7; }
.curCol .image{/*border-left: 1px solid #4c4e52;*/}


li.rubric { padding: 5px; background: #900; color: white; border-bottom: 1px solid white; border-right: 1px solid white; }
li.rubcontent { background: none repeat scroll 0 0 #990000;
    color: #1c0f07;
    left: -9999px;
    padding: 10px;
    width: 719px;
min-height: 173px;
}

dt:nth-of-type(1) { background: #b44835; }
dd:nth-of-type(1) { background: #b44835; }

dt:nth-of-type(2) { background: #ff7d3e; }
dd:nth-of-type(2) { background: #ff7d3e; }

dt:nth-of-type(3) { background: #ffb03b; }
dd:nth-of-type(3) { background: #ffb03b; }

dt:nth-of-type(4) { background: #c2a25c; }
dd:nth-of-type(4) { background: #c2a25c; }

dt:nth-of-type(5) { background: #4c443c; }
dd:nth-of-type(5) { background: #4c443c; }

dt:nth-of-type(6) { background: #656b60; }
dd:nth-of-type(6) { background: #656b60; }

.curCol { z-index: 1; position: relative; }

ul#footmenu{
    bottom: 18px;
    display: inline;
    font-family: raleway;
    font-weight: 300;
    top: 15px;
}
ul#footmenu li{
    display: inline-block;
    padding-top: 7px;
    z-index: 1000;
    font-size: 18px;
    margin-right: 34px;
}
ul#footmenu li a{color:#ffffff; }

ul#footmenu li.sepa{height: 30px;
    margin-left: 3px;
    margin-right: 3px;}
ul#footmenu li.sepa img{display: block;
    margin-top: 14px;}
    
ul#footmenu li.menubtn a {
    display: inline-block;
    height: 40px;
}   

ul#footmenu li img {
    max-height:16px;
    width:auto;
} 
    
#footer2 {
    width:100%;
    text-align: center;
    height:200px;
    clear:both;
}  

ul#footmenu li a:hover{
    color: #76746e;
}

ul#footmenu #btn_autrespropositions a {
    margin-left:60px;
    color: #76746e;

}

ul#footmenu #btn_autrespropositions  a:hover {
    color: #fff;
}

.iphorm-element-wrap label span.iphorm-required {
    color: #fff !important;
    font-size: 10px;
}

.iphorm-element-wrap {
	width:300px;
	float:left;
	height:62px;
}

.iphorm-element-wrap-textarea {
  clear: both;
  float: none;
  height: 137px;
  width: 600px;
}

.iphorm-element-textarea.iphorm_1_4 {
	
	width:600px;
}

.iphorm-submit-wrap {
    float: left;
    margin-top:-60px !important;
    position: relative;
    width: 600px;
}

.iphorm-group-wrap {
    float: left;
    height: auto;
    width: 300px;
}

.iphorm-group-wrap .iphorm-element-wrap {
    height:auto;
}

.iphorm-elements .iphorm-group-style-plain.iphorm-group-wrap {
    margin-top: 80px;
}

.iphorm-elements .iphorm-element-wrap-textarea textarea {
  line-height: 1.4;
  min-height: 80px;
  width: calc(100% - 20px);
}

.iphorm-submit-wrap {
  margin-top: -64px;
}

.fancybox-inner li {
	list-style:disc outside none !important;
	margin-left:17px;
}


.fancybox-skin {
    background: none repeat scroll 0 0 #fff !important;
    color:#867f79 !important;
}
.fancybox-opened .fancybox-skin {
  border: 0px !important;
}


#fancybox-wrap {

}

.mentionslegales {
width:100%;
text-align:center;
font-size:80%;
color:#000;
position:absolute;
bottom:0;
/* z-index: 100000; */
}

.mentionslegales a {

color:#000;

}

h4 {
	font-weight:normal;
	color:#fdc123;
}
#wysija-2 {
  float: left;
  position: relative;
  width: 200px;
	margin-top:20px;
}
.widget_wysija h2 {
	color:#fff;
font-size:9pt;
font-weight:normal;
}
.widget_wysija label {
		color:#fff;
	font-size:9pt;
	font-weight:normal;
}

#footer .widget_wysija_cont .wysija-submit {
    display: block;
    margin-top: 5px;
}

.fancybox-inner .alignright, .paragraph .alignright {
	float:right;
}

.fancybox-inner .alignleft, .paragraph .alignleft {
	float:left;
}


#la_veillee_box img {
    height:70px;
    margin:10px;
}

#la_veillee_box a:hover img {
    height:76px;
    margin:7px;
    /*box-shadow: 0 1px 7px #4C4E52;*/
/*           -webkit-filter: blur(15px) !important;
        filter: blur(15px) !important;*/
}

a.tabs {
    color: #fdc123;
    display: inline-block;
    font-weight: 700;
    margin: 12px 0px;
    z-index: 10;
}

a.tabs:hover {
    text-shadow: 0 1px 7px #4C4E52;
}

div.paragraph {
    width:80%;
    padding:10px;
    border:1px solid #C4BFB4;
	background: none repeat scroll 0 0 rgba(255, 245, 239, 0.95);
}

.singlecont li {
    list-style: disc outside none !important;
    margin-left: 17px;
}

p img.aligncenter {
	display: block;
	float: none;
	margin: 0 auto;
	text-align: center;
}

#fancybox-overlay {
  background: rgba(0, 0, 0, 0.4) !important;
	margin-top: -107px;
}

#fancybox-wrap {
  margin-top: -107px;
}

#overlay-pagesite {
 	background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
	display: none;
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 500;
	top: 0;
	left: 0;
}

.pagesite-wrapper {
	background-color: #fff;
	height: 600px;
	left: 0;
	margin: 160px 105px;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 40px 20px 20px 20px;
	position: absolute;
	top: 0;
	width: 750px;
	z-index: 501;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.6);
}

.pagesite {
  float: left;
  margin-bottom:10px;
	background-color:#fff;
}

.pagesite p {

}


.fancybox-close {
  right: 420px !important;
  top: 147px !important;
	display:none;
}


.alignright {
  float: right;
  margin: 0.5em 0 0.5em 1em;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft {
  float: left;
  margin: 0.5em 1em 0.5em 0;
}

.wp-playlist {
  max-width: 790px;
}

.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
	background: #222;
	max-width: 772px;
}

.bandeau-gris {
	padding:10px;
	background-color:#eee;
}



#carouselwrap.presse {
	text-align: center;
}
#single {
	width:740px;
	background-color:#fff;
	line-height: 27px;
	padding:20px;
	display:inline-block;
	text-align:left;
}

#single h3.titre {
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 15px;
	margin-left: -1px;
	color: #76746e;
	z-index: 0;
	position: relative;
	font-family: raleway;
	font-weight: 300;
}
#footer2.presse {
	position: relative;
	top: 0px;
}


@media screen 
  and (max-height : 1050px) {
		#logo {
		margin-top: 85px;
	}
	#footer2 {
		position: absolute;
		top: 772px;
	}
}