/* colour styles : custom  */
  body  { 
  background:#e5e5e5;
  background-image:url(../images/custom/Background.jpg);
  background-repeat:repeat;
  font-size:12px; 
 
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;   
  }
  .replaceImgTop{
	  height:140px;
	  width:auto;
  }
 #imgFond{
	  width:100%;
	  position:absolute;
	  z-index:2;
  }
  #wrap {  z-index:302; position:relative;}
   
  #imgFond img{
	  width:100%;
	  height:100%; 
  }
  .containerSingle{
	  margin:auto;
	  width: 94%;
	  max-width:900px;
	  margin-bottom:0;
	  
  }
    .containerPage{
	  margin:auto;
	  width: 94%;
	  max-width:900px;
	  margin-bottom:0;
  }
  #fit-width .masonry {
  margin: 0 auto;
}
.article-header{
	text-align:left;
}
#fit-width{
	margin-bottom:5%;
}
/* font styles */	

@font-face {
    font-family: "futuraPers";
    src: url('../fonts/ChaletComprime-CologneEighty.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ChaletComprime-CologneEighty.svgz#futuraPers') format('svg'),
             url('../fonts/ChaletComprime-CologneEighty.woff') format('woff'),
             url('../fonts/ChaletComprime-CologneEighty.ttf') format('truetype'),
             url('../fonts/ChaletComprime-CologneEighty.svg#futuraPers') format('svg');
      font-weight:normal;
      font-style:normal;
      font-variant:normal;
 }
@font-face {
    font-family: "futuraPersOld";
    src: url('../fonts/futura_lt_condensed_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futura_lt_condensed_medium-webfont.svgz#futuraPers') format('svg'),
             url('../fonts/futura_lt_condensed_medium-webfont.woff') format('woff'),
             url('../fonts/futura_lt_condensed_medium-webfont.ttf') format('truetype'),
             url('../fonts/futura_lt_condensed_medium-webfont.svg#futuraPers') format('svg');
      font-weight:normal;
      font-style:normal;
      font-variant:normal;
 }

.article-header-main{
	margin-bottom: 20px;
	
	}

  h1  {font-family:"futuraPers"; font-size:65px; line-height:60px; color:#000000; padding:0px; margin:0px; font-weight:normal; margin: 5px 0 20px; text-transform:uppercase; }
 .gridly-copy h1{
	 margin: 0;
 }
 .type-page .gridly-copy h1{
	 margin-bottom: 40px;
 }
 h2  {font-family:"futuraPers"; text-transform:uppercase; font-size:34px; line-height:31px; color:#000000; padding:0px; margin:0px; font-weight:normal; margin-bottom:5px; margin-top:10px;       letter-spacing: 0.5px; }
  h2 a{
	  color:#000;
  }
  h2 a:hover{
	  color:#c72c2c;
  }
  h3  { font-family:"futuraPers"; font-size:30px; line-height:25px; color:#858585; padding:0px; margin:0px; font-weight:normal;   }
  h4  { font-family:"futuraPers"; font-size:23px; line-height:22px; color:#000000; padding:0px; margin:0px; font-weight:normal; margin-bottom:15px;     letter-spacing: 0.5px; } 
  .conteneurPostExtraitInner h4 {margin-left: 30px;
  }
  .type-page h4{
	  margin-bottom: 5px;
    margin-top: 20px;
  }
  
  h5  { font-family:"futuraPers"; font-size:16px; line-height:20px; color:#444; padding:0px; margin:0px; font-weight:normal;  letter-spacing: 0.5px;}
   h5 a, h5 a:link, h5 a:visited{
	   color:#444;
   }
   h5 a:hover{
	   color:#000000;
   }
  h6  { font-size:12px; line-height:22px; color:#858585; padding:0px; margin:0px; font-weight:normal;  } 
  p   { font-size:12px; color:#454545; line-height:18px; margin:0px; padding:0px;  font-family:'Helvetica',Arial, Helvetica, sans-serif; }

/* list Styles */
  ul 	{ padding:0px; margin:0; margin-left:0px; font-family:'Helvetica',Arial, Helvetica, sans-serif; margin-top:10px;   }
  ul li { font-size:12px; color:#858585; margin-bottom:7px; list-style:inside; list-style-type:square;}
  ol 	{ padding:0px; margin:0; margin-left:25px; font-family:'Helvetica',Arial, Helvetica, sans-serif; margin-top:10px;   }
  ol li { font-size:12px; color:#858585;  margin-bottom:7px;  list-style-type: decimal; }
  hr 	{ background:url(../images/hr.jpg) top center no-repeat; border:0; outline:0; clear:both; height:10px;}
  
 .separatorHeader{
	 border-top: 1px solid #DDD;
	
	 
 }
 .infoDateAuthor{
	 margin-top:4px;
	 margin-bottom:4px;
 }
.gridly-copy p.tagIt{
	  font-family:"FuturaPers";
	  font-size: 20px;
    text-transform: uppercase;
	color:#666;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	padding-top: 10px;
	padding-bottom:10px;
	
  }
   p.tagIt a{
	   color:#8E8E8E;
   }
   p.tagIt a:hover{
	   color:#c72c2c;
   }
	
/* link styles */	
  a		{color:#c72c2c; text-decoration: none;} 
  
  a:hover 		{color:#000000; text-decoration: none;}
  a:active 		{color:#000; text-decoration: none;}
  a:focus 		{outline-style: none;}  	
	
/* header nav styles */ 
  #header 			 { width:100%; text-align:center; }
  #logo 			 { padding-top:35px; }
  #logoLittle        {     display: inline;
    float: left;
    }
  .conteneurNav		 { display:inline; float:right;}
  .conteneurTop		{
	  padding-top:35px;
	  padding-bottom:7px;
	   margin:auto;
	  width: 94%;
	  max-width:900px;
  }
  #nav 				 { width:100%;  overflow:hidden;  text-align:center; margin:auto; margin-top: 2%; margin-bottom:1%; }
  #nav ul 			 {list-style: none; clear:both; 	padding: 0px; 
	margin: 0px;
	left: 50%;
	position: relative; }
  #nav ul li 		 { float: left;  display: block;  font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.05em;
     text-transform:uppercase; margin: 0 7px;; padding: 0px;   }
  #nav ul li a 		 {color:#444; display:block; height:42px;  text-decoration:none;  }
  #nav ul li a:hover {color:#000; }
  
  #nav .menu-menu-1-container{    float: right;
    left: -50%;
    position: relative;}
  	
/* footer styles */
  #footer-area 					{
	  background-color:#FFF; margin: 2%;
    padding: 2%;
    width: 92%;
  
    
    }
  #footer-area .widget 			{ width:310px; margin-right:10px; padding-top:15px; display:inline; float:left; font-size:12px; color:#454545; line-height:18px; font-family:'Helvetica',Arial, Helvetica, sans-serif;  }
  #footer-area .widget h3 		{ color:#858585;}
  #footer-area .widget p    	{ color:#000;}
  #footer-area .widget ul   	{ margin-left:0px;}
  #footer-area .widget li   	{ color:#858585; list-style-type:none;}
  #footer-area .widget a 		{ color:#444444;}
  #footer-area .widget a:hover  { color:#000;}
  #footer-area .widget-copy 	{ width:280px; overflow:hidden; display:inline; float:left; margin-left:10px;} 
  #footer-area ul li{
	  list-style-type:none;
	  margin-bottom:2px;
	  font-family:"FuturaPers";
	  font-size: 16px;
	  line-height:20px;
	  text-transform:uppercase;
	  color:#888;
	  letter-spacing: 0.5px;
  }
  #footer-area h4{
	  text-transform:uppercase;
	  color:#c72c2c;
  }
  #footer-area a{color:#444444;}
  #footer-area a:hover{color:#c72c2c;}
  
#footer-area .boxFooter {
    display: inline;
	float: left;
	margin-right: 3%;
	min-width: 160px;
	width: 21.5%;
	border-left: 1px solid rgb(170, 170, 170);
	padding-left: 1%;
	margin-bottom:15px;
   
}
#footer-area .lastBox {
    margin-right: 0px;
}
#footer-area .tagCloud {
    line-height: 26px;
	font-family:"FuturaPers";
	  text-transform:uppercase;
}

/* copyright styles */ 
  #copyright {  width:100%; text-align: center; }
  #copyright p {color:#c72c2c; font-size:18px; font-family:"FuturaPers"; margin-top:40px; }
  #copyright p.linkCredit, #copyright a{color:#444444;	text-decoration: none; font-size:14px;} 
  #copyright p.linkCredit{
	  margin-top:5px;
  }
  #copyright span {
	  margin-top:5px;
  }
  #copyright a:hover 	{color:#000000; text-decoration: none;}
 

/* post and page styles */ 
  .type-post {background:#FFF; text-align:center;}
  .type-post .gridly-copy img{
	  width:100%;
	  height:100%;
	  max-width:100%;
	  margin-top: 5%;
	  margin-bottom: 5%;
  }
  .type-page 				{background:#FFF; }
  .type-attachment 			{ width:770px; background:#FFF; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; margin-right:10px; margin-top:15px; display:inline; float:left; }
  .gridly-image 			{ z-index:5; width:96%; margin:auto; padding-top:2%; }
   .gridly-image img{
	   width:100%;
	  height:100%;
	  max-width:100%;
   }
   .gridly-imageIndex{
   }
  .gridly-category 			{ position:absolute; width:auto; background:#000; margin-top:-35px; z-index:10;  height:30px; overflow:hidden; display:none;}
  .gridly-category p 		{ margin:0; padding:0; line-height:30px; padding-left:20px; padding-right:40px; color:#fff; font-style:italic;   }
  .gridly-category a 		{ color:#fff; font-style:italic;}
  .gridly-category a:hover  { color:#555;}
  .type-post .gridly-copy 				{  margin: -110px auto 0px; width:80%; text-align:left; max-width: 650px; background-color:#FFF; position:relative;     padding: 3% 3% 8%;}
   .type-page .gridly-copy 				{  margin: 0 auto; width:80%; text-align:left; max-width: 650px; background-color:#FFF; position:relative; padding: 6% 3%;}
  .gridly-copy p{
	  text-align:justify;
	  padding-top:4px; padding-bottom:4px;
  }
  p.gridly-date 				{color:#8e8e8e; font-size:11px; padding-bottom:5px; padding-top:5px; line-height:15px;}
  p.gridly-date a{
	  color:#000;
  }
   p.gridly-date a:hover{
	  color:#C72C2C;
  }
  .size-full 				{ width:100%; height:inherit;}
 
/* post index styles */ 
  #post-area .post 				{ width:310px; background:#FFF;  border-bottom:1px solid #dbdbdb; margin-right:1%; margin-left:1%; margin-top:15px; position:relative;  }
  #post-area .post .gridly-copy 		{ width:250px; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px; overflow:hidden; clear:both;}
  #post-area .post .gridly-date 		{ color:#8e8e8e; font-size:11px;  padding-bottom:15px; padding-top:0; }
  #post-area .post .gridly-link 		{ width:150px;  color:#494e51; margin-top: 15px;}

/* single post nav styles */ 
  .post-nav 		 { width:35px; float:left; margin-left:10px; margin-top:15px; position: relative; display:none;}
  .post-next a 		 { background:url(../images/btn-left.png) top left no-repeat; height:35px; width:35px; display:inline; float:left; text-indent:-9999px; }
  .post-next a:hover { background:url(../images/btn-left.png) top right no-repeat; height:35px; width:35px;}
  .post-prev a 		 { background:url(../images/btn-right.png) top left no-repeat; height:35px; width:35px; display:inline; float:left; clear:both; text-indent:-9999px;}
  .post-prev a:hover { background:url(../images/btn-right.png) top right no-repeat; height:35px; width:35px;}

/* comment styles */
  .comments-area ol { list-style:none; margin:0; padding:0;  border-bottom:1px solid #8e8e8e; }
  .comments-area li { list-style:none; margin:0; padding:0; border-top:1px solid #8e8e8e; width:100%; clear:both; display:inline; float:left; margin-bottom:10px; padding:10px;  } 
  .avatar 			{ display:none;} 
  .reply 			{ display:none;}
  .comment-meta  	{ display:none;}
  .comment-author 	{}
  #comment-form 	{ width:50%; }
  .text-input 		{ clear:both; border:1px solid #8e8e8e; margin-bottom:5px; width:90%; padding:7px; font-family:Arial, Helvetica, sans-serif; color:#555; font-size:12px;  }
  .comment-input  	{ clear:both; border:1px solid #8e8e8e; margin-bottom:5px; width:90%; padding:7px; font-family:Arial, Helvetica, sans-serif; color:#555; font-size:12px;  } 
  .comment-submit 	{ clear:both; width:120px; height:30px; line-height:25px; background:#e5e5e5; border:1px solid #8e8e8e;   }

/* Additional and WordPress styles */
  .clear 			{ clear:both;}
  .aligncenter	 	{ display: block; margin: 0 auto; }
  .alignleft		{ float: left; margin-right:20px; margin-top:20px; margin-bottom:10px; }
  .alignright		{ float: right; margin: 0 0 20px 20px; }
  .wp-caption		{ width:100%;  !important;}
  .wp-caption-text  { margin-top:2px;  text-align:left; font-style:italic;  font-size:11px; color:#999; } 
  .sticky    		{}
  .gallery-caption  {} 
  .bypostauthor  	{}
  blockquote 		{ font-size:2em; line-height:23px; color:#000; margin-left:20px; border-left: 1px dotted #999; padding-left:25px; margin-top:15px; margin-bottom:15px; }
  blockquote em{font-style:italic;}
  blockquote strong{
	  font-weight:bold;}
  
  .wp-caption p.wp-caption-text, .wp-caption span.wp-caption-title {
   text-align:left; font-size:11px; color:#999;
}
.legendeImage{
	margin-top: -3%;
}
  
/* end of css file */



.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}


/* COMMENTAIRES, FORMULAIRE... */



#commentform input[type="text"], #commentform input[type="url"], #commentform input[type="email"], #commentform textarea, .respond-form form input[type="text"], .search-form form input[type="text"], .wpcf7 form input[type="text"], .formPrivate form input[type="text"], .respond-form form input[type="email"], .search-form form input[type="email"], .wpcf7 form input[type="email"], .formPrivate form input[type="email"], .respond-form form input[type="url"], .search-form form input[type="url"], .wpcf7 form input[type="url"], .formPrivate form input[type="url"], .respond-form form input[type="password"], .search-form form input[type="password"], .wpcf7 form input[type="password"], .formPrivate form input[type="password"], .respond-form form textarea, .search-form form textarea, .wpcf7 form textarea, .formPrivate form textarea {
    background: none repeat scroll 0 0 #F1EFEB;
    border: 1px solid #CBCBCB;
    color: #6F6F6F;
    font-size: 14px;
    line-height: 1.5em;
    padding: 1% 2%;
    width: 96%;
    
}


#commentform input[type="submit"], .respond-form .button-send, .search-form .button-send, .wpcf7 .button-send, .formPrivate .button-send, .respond-form .wpcf7-submit, .search-form .wpcf7-submit, .wpcf7 .wpcf7-submit, .formPrivate .wpcf7-submit, .respond-form .button-primary, .search-form .button-primary, .wpcf7 .button-primary, .formPrivate .button-primary {
    background-color: #D5D5D5;
    border: medium none;
    color: #FFFFFF;
    font-family: 'futuraPers';
    font-size: 22px;
    letter-spacing: 2px;
    padding: 3px 10px 2px;
    text-transform: uppercase;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .respond-form .button-send:hover, 
#commentform input[type="submit"]:hover{
    background-color: #C72C2C;
}
.wpcf7 p{
	font-size:10px;
}
.wpcf7-form{
	margin-top:10px;
}
.wpcf7, .wpcf7 .respond-form form textarea{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.respond-form form input[type="text"]:invalid, .search-form form input[type="text"]:invalid, .wpcf7 form input[type="text"]:invalid, .formPrivate form input[type="text"]:invalid, .respond-form form input[type="email"]:invalid, .search-form form input[type="email"]:invalid, .wpcf7 form input[type="email"]:invalid, .formPrivate form input[type="email"]:invalid, .respond-form form input[type="url"]:invalid, .search-form form input[type="url"]:invalid, .wpcf7 form input[type="url"]:invalid, .formPrivate form input[type="url"]:invalid, .respond-form form input[type="password"]:invalid, .search-form form input[type="password"]:invalid, .wpcf7 form input[type="password"]:invalid, .formPrivate form input[type="password"]:invalid, .respond-form form textarea:invalid, .search-form form textarea:invalid, .wpcf7 form textarea:invalid, .formPrivate form textarea:invalid {
    background-color: #F6E7EB;
    border-color: #FBC2C4;
    box-shadow: none;
    outline: medium none;
}

.respond-form form li label, .search-form form li label, .wpcf7 form li label, .formPrivate form li label, .respond-form form li small, .search-form form li small, .wpcf7 form li small, .formPrivate form li small {
    display: none;
}
.respond-form form li, .search-form form li, .wpcf7 form li, .formPrivate form li, #comment-nav li {
    list-style-type: none;
}
.theLittleSeparator {
    margin: 20px auto;
    text-align: center;
    width: 20%;
}
.separator {
    border-bottom: 1px solid #D5D5D5;
}

.theBigSeparator {
    margin: 50px auto;
    text-align: center;
    width: 20%;
}
.respond-form #comment-form-elements, .wpcf7-form #comment-form-elements, .formPrivate #comment-form-elements {
    display: inline;
    float: left;
    margin: 0 2% 0 0;
    width: 30%;
}

.respond-form .comment-text, .wpcf7-form .comment-text, .formPrivate .comment-text {
    display: inline;
    float: left;
    margin: 0;
    max-width: 680px;
    width: 68%;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.respond-form p{
	padding:0;
}


.commentlist {
    margin: -20px 0 0;
    padding: 0;
}
.commentlist article {
  padding: 30px;
}
.commentlist p {
  margin-top: 0;
  padding-top: 0;
  font-size: 12px;
}
.commentlist a.comment-edit-link {
  font-size: 11px;
  text-decoration: none;
}
.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  /* end .commentlist li ul.children */

}
.commentlist li article {
  background-color: #FFF;
  margin-bottom: 6px;
}
.commentlist li ul.children {
  margin: 0;
  /* variations */

  /* change number for different depth */

}
.commentlist li[class*=depth-] {
  margin-left: 20px;
}
.commentlist li.depth-1 {
  margin-left: 0px;
}
.commentlist .vcard {
  text-align: right;
  display: inline;
  float: left;
  width: 12%;
  margin-right: 4%;
}
.commentlist .vcard cite.fn p {
  font-family: 'futuraPers';
  font-size: 22px;
  letter-spacing: 1px;
  font-style: normal;
  color: #d5d5d5;
  text-transform: uppercase;
  margin-bottom: 0;
  line-height: 20px;
  padding-bottom: 3px;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;
  text-align: right;
}
.commentlist .vcard cite.fn p a.url {
  color: #d5d5d5;
  text-decoration: none;
}
.commentlist .vcard time {
  display: block;
  line-height: 12px;
  margin-top: 4px;
  font-weight:normal;
}
.commentlist .vcard time a {
  color: #d5d5d5;
  font-size: 11px;
  color: #6f6f6f;
  text-decoration: none;
}
.commentlist .vcard time a:hover {
  text-decoration: underline;
}
.commentlist .vcard img.avatar {
  position: absolute;
  left: 10px;
  padding: 2px;
  border: 1px solid #cecece;
  background: #fff;
  display: none;
}
.commentlist .comment_content {
  display: inline;
  float: left;
 width: 68%;
}
.commentlist .comment-reply-link {
  text-decoration: none;
  float: right;
  background: #d5d5d5;
  padding: 3px 5px;
  color: #FFF;
  font-weight: 700;
  font-size: 10px;
  text-transform: uppercase;
}
.commentlist .comment-reply-link:hover,
.commentlist .comment-reply-link:focus {
  background-color: #b61818;
}
/* end .commentlist */
.bypostauthor .vcard cite.fn p {
  color: #b61818;
}
.respond-form textarea, .wpcf7-form textarea, .formPrivate textarea {
    height: 120px;
    resize: none;
}

.respond-form .comment-button-send, .wpcf7-form .comment-button-send, .formPrivate .comment-button-send {
    display: block;
    float: right;
    margin-bottom: 0;
	margin-top: 10px;
}
.respond-form{
	background-color:#FFF;
	   
    padding: 20px 30px 30px;
}


/* CAROUFREDSEL */	

.boxNavOnPost {
    background-color: #FFFFFF;
    padding: 20px 10px 30px;

}

.postExtraitConteneurOnSingle {
    margin: auto;
    max-width: 1040px;
    position: relative;
}

.conteneurPostExtraitInner {
    margin: auto;
    max-width: 950px;
	padding-left: 50px;
    padding-right: 50px;
}
.postExtraitConteneurOnSingle .postExtrait2 {
    padding: 0;
}
.postExtraitConteneurOnSingle .specialPostExtrait {
    border: 1px solid #D5D5D5;
    height: 89%;
    padding-top: 30px;
}

.postExtrait2 {
    float: left;
    margin-bottom: 0;
    margin-left: 30px;
    margin-right: 20px;
    width: 280px;
}
.postExtrait, .postExtrait2, .postExtraitAccueil {
    background-color: #FFFFFF;
    display: inline-block;
  
    max-width: 260px;
    padding: 1.2%;
    text-align: center;
    vertical-align: top;
    width: 28%;

}
.postExtrait2 img{
		max-width: 100% !important;
width: auto !important; 
height: auto !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
	}
.postExtraitConteneurOnSingle .specialPostExtrait a.linkVoirTout {
    color: #6F6F6F;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-style: italic;
    letter-spacing: normal;
    margin-top: 0;
}
#foo2_prev {
    position: absolute;
    top: 100px;
}
#foo2_next {
    position: absolute;
    right: 0;
    top: 100px;
}
.disabled {
    opacity: 0.2;
}
.boxNavOnPost h3{
	font-size:22px;
	line-height:24px;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom: 5px;
    margin-top: 10px;
	letter-spacing: 0.5px;
}


.boxNavOnPost .gridly-date {
    line-height: 15px;
	padding-top: 0;
	padding-bottom:0;
}
.fluid-width-video-wrapper{
	margin-top:30px;
	margin-bottom:30px;
}

.wolf-jplayer-playlist-container ul li{
	list-style-type:none;
}
.wolf-jplayer-playlist-container .jp-jplayer img{
	display:none;
}
.wolf-jplayer-playlist div.jp-audio .jp-interface{
	padding-left:10px;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
    background: none repeat scroll 0 0 #FFF;
}

.commentlist .byuser .vcard cite.fn p {
    color: #C72C2C;
}