/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*CATEGORIES

news > cat-3
textes > cat-6
videos > cat-9
expos > cat-11
cartons > cat-5
photos > cat-4
home-actu > cat-10
*/



/*------------------------------------*\
    MAIN
\*------------------------------------*/


/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html { font-size:62.5%;height:100%; }

body {height: 100%; font-size: 15px; font-weight: light; font-family: Helvetica, Arial, sans-serif; line-height: 16px; font: 400 11px/1.4 Helvetica, Arial, sans-serif; color:#595959; letter-spacing: 0.05em; height: 100%; margin:0; margin-bottom:60px; }

/* clear */
.clear:before,
.clear:after { content:' '; display:table; }
.clear:after { clear:both; }
.clear { *zoom:1; }
img {/*max-width:100%;*/vertical-align:bottom; }
a:link {color:#595959; text-decoration:none;} a:hover {color: #6ce680; }

::selection
{ color: #6ce680; background:#fff; }
::-moz-selection
{ color: #6ce680; background:#fff; }

::-webkit-selection {color: #6ce680; background:#fff; }
input:focus { outline:0; border:1px solid #04A4CC; }



/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper { width:100%; margin:0 auto; position:relative; }

/* header */
.header { position:fixed; z-index:999999; margin:40px; width:10%; min-width:150px;width:200px; background:#fff; }


/* logo */
.logo { }
.logo-img { }

/* nav */
.nav {list-style:none;margin:2% 0;padding:0;float:left;text-align:left;margin-left:-40px;}

.nav li, .nav li a {list-style-type: none; color: #595959; margin-bottom:8px; font-family: Helvetica,Arial, sans-serif; font-size:15px; font-weight:light; text-transform: lowercase; letter-spacing:0.1em;}

.nav li:nth-child(6), .nav li:nth-child(9) {margin-top:40px;}
.nav li a:hover {color:#6ce680;}

.nav li:first-child, .nav li:nth-child(6), .nav li:nth-child(9) {border-top:0 solid #595959;}

.pagination {position:absolute; display:block;margin:0; margin-bottom:0; border-top:1px solid #595959;background:#fff;}


/* sidebar */

.sidebar {position:fixed;display:block;
left:40px; top:446px;
width:10%; min-width:150px;width:200px; border-top:2px solid #6ce680;
height:218px;overflow:hidden; }

.sidebar img /*.category-home-actu*/ {display:none;width:0; height:0;}


/* footer */
.footer { }


.bordertop {top: 0px; width:100%; position:fixed; border-top:80px solid #fff; z-index: 100}


section {width:50%;float:left; margin:0 auto; margin-left:30%; padding:0;padding-bottom:50px;}


.category article  {
	width:35%;float:left;
	padding: 0 ;background:none; border:0 solid #595959;height:auto;}

.category article img {display:block;bottom:0;width:100%;height:auto; margin:20px 0;overflow:visible; padding:0;border:10px solid #fff;}

.category-6 article img {display:block;bottom:0;width:120px;height:auto; margin:20px 0; overflow:visible; padding:0;border:0 solid #fff;float:left;margin-right:20px;}

article {margin-top:120px;margin-left:0px;}


.category-3 article, .category-6 article {width:95%;margin-top:127px;margin-bottom:-100px;MARGIN-LEFT:5%;border-top:1px solid #595959;}


.category-3 article p, .category-6 article p {width:80%;}

.category-3 article img {display:block;bottom:0;width:50%;height:auto; margin:20px 0;overflow:visible; padding:0;border:0 solid #fff;margin-right:20px;}

.category-3 section, .category-6 section {padding-bottom:160px;}

.sidebar p, .sidebar h3, .category-10 p, .category-10 h3, .category-10 article p 
{margin-bottom:0px;margin-top:0px; padding:0;line-height:1.5em}

.category-10 article img, .sidebar img, .sidebar article img, .sidebar p img, .sidebar article img {display:none;width:0; height:0;}
.sidebar .wp-caption-text {display:none;height:0; margin:-40px;}
.category-10 article {margin-top:10px;}
.category-10 img {display:none;width:0; height:0;}

.sidebar .post img, .category-10 .post img {display:none;width:0; height:0;}
article, article img {width:100%;}
/*article:not(.type-post), article:not(.type-post) img {width:100%;}*/

.sidebar h3, .category-10 h3 {margin-bottom:0px;}



.category-6 article img {padding-bottom:60px;}

/*TEXTES*/
.category-5 article  {width:100%;}
.category-5 article p {width:50%; line-height:1.75; font-size:14px;}


/*PHOTOS + EXPOS + VIDÉOS*/

.category-4 .post, 
.category-9 .post, 
.category-11 .post  {

float:left;display:block;overflow:hidden;
width:120px;height:165px; float:left; 
padding:0;background:none;margin:0;
margin-right:20px;margin-bottom:10px;padding:0;
}


/*cache le titre dans l'article */
h8 {display:none;}




.category-4 article img,
.category-9 article img,
.category-11 article img {
 bottom:0;
width:auto;height:120px; margin:0px 0; padding:0;border:0px solid #fff;overflow:hidden;
}

.category-4 article,
.category-9 article,
.category-11 article {display:block; height:120px; width:120px; overflow:hidden;}

.category-4 h2,
.category-9 h2,
.category-11 h2 {font-size:11px;margin-top:0px;}

.category-4 section, .category-9 section, .category-11 section  {padding-top:120px;float:left;}


section p img, section p img {width:100%;border:0 solid #000;}
/*section :not(.type-post) p img{width:100%;border:0 solid #000;}*/





/*------------------------------------*\
  GALLERY
\*------------------------------------*/
.wppg-image-details {MARGIN:0;width:100%;}
.wppg_gallery_container {margin-top:420px;border:1px solid #000;}
.wppg-image-details img {margin-left:0px;margin-top:0px;width:auto; height:auto;
max-height:70%;max-height:600px;}


/*CONTAINER PAGE PEINTURES*/




.wppg_gallery_item_name
{background: #fff; border-top: 0px solid #595959; width: 200px; margin: 20px 0; margin-right: 40px; font-size: 14px; padding-top:0px;}



/*PAGE PEINTURES DETAILS*/
.wppg-image-details {margin:0; margin-top:20px;}

/*Légendes*/
.wppg-photo-description-text {margin:20px 0px;font-size:14px;font-weight:400;}




.wppg-digital-details-prev-next { border:0 solid #595959;margin: 0;margin-top:00px; margin-left:50px;font-size:10px;margin-bottom:20px;}


.wppg_photo_details_previous_photo {
display:block;
width:20px;
height:20px; 
-moz-transform: rotate(-45deg); 
     -o-transform: rotate(-45deg);  
-webkit-transform: rotate(-45deg);  
    -ms-transform: rotate(-45deg);  
        transform: rotate(-45deg);



background:#fff;
border-top:1px solid #595959;
border-left:1px solid #595959;
border-right:0;border-bottom:0;
		
z-index:1000002;
	-webkit-transition:border 0.2s;
	-moz-transition   :border 0.2s;
	-ms-transition    :border 0.2s;
	-o-transition     :border 0.2s;
	transition        :transform 0.2s;}



.wppg_photo_details_next_photo {
z-index:1000002;
margin-left:20px;
margin-top:-20px;
display:block;
width:20px;
height:20px;
background:#fff;

border:1px solid #595959;
border-bottom:1px solid #595959;
border-right:1px solid #595959;
border-left:0;border-top:0;
		

-moz-transform: rotate(-45deg); 
     -o-transform: rotate(-45deg);  
-webkit-transform: rotate(-45deg);  
    -ms-transform: rotate(-45deg);  
        transform: rotate(-45deg);



	-webkit-transition:border 0.2s;
	-moz-transition   :border 0.2s;
	-ms-transition    :border 0.2s;
	-o-transition     :border 0.2s;
	transition        :transform 0.2s;}


.wppg_photo_details_previous_photo:hover, .wppg_photo_details_next_photo:hover {border-color:#6ce680;}

/*CLOSE*/
.wppg_photo_details_back_to_gallery {position:fixed;display:block; width:20px; height:20px; border:1px solid #595959; line-height:0; text-align:center; top:50px;
	background:#fff;

	color:#595959;
border:0;
	 -moz-transform: rotate(-45deg); 
     -o-transform: rotate(-45deg);  
-webkit-transform: rotate(-45deg);  
    -ms-transform: rotate(-45deg);  
        transform: rotate(-45deg);
		z-index:1000002;
	-webkit-transition:border 0.2s;
	-moz-transition   :border 0.2s;
	-ms-transition    :border 0.2s;
	-o-transition     :border 0.2s;
	transition        :transform 0.2s;font-size:65px;font-weight:100;}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

/*HOME*/
.page-template-page-accueil-php section {margin-top:10px;padding:0;width:70%;}
.page-template-page-accueil-php article {margin:0;padding:0;width:100%;}
.page-template-page-accueil-php article img {width:100%;}
.page-template-page-accueil-php article p {margin-top:-20px;}




/*PEINTURES*/
.page-peintures-php section {}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/


.header h1 {color:#6ce680; text-transform:uppercase; font-weight:bolder;letter-spacing:0.2em; border-bottom:2px solid #6ce680;padding-bottom:10px;}

.header h1 a, header h1 a:link, .header h1 a:visited {color:#6ce680;}  .header h1 a:hover {color:#595959}

section .titleAndNav {
	border-top:2px solid #595959;margin-top:40px;padding-top:15px;width:50%;padding-bottom:10px; background:#fff;position:fixed;top:0;
}


section .titleAndNav .goBack {
	color:#595959!important;
	 text-transform:lowercase;
	 font-weight:800;
	  font-size: 2em;
}
section .titleAndNav .goBack a {
	color:#595959!important;
}
section .titleAndNav .goBack a:hover {
	color:#6ce680!important;
}
section .titleAndNav2 {
    width: 100%!important;
    position: inherit!important; 
}

.extraMargin {
	margin-top:150px!important;
}

section h1 {
color:#595959; border-bottom: 2px dotted #595959; font-weight:normal; margin-top:73px; padding-top:15px; padding-bottom:10px; width:50%; text-transform:lowercase; font-weight: 800; background: #fff; position:fixed; background:#fff;top:0; }

section h1 a, section h1 a:link {color:#595959;}

.category h2 {text-indent:0; border-top:0 solid #595959;width:100%;padding-top:10px;}
.category h2 a {color:#595959;} .category-2 h2 a:hover {background:#595959; color:#fff;}


.category-3 h2 {border:0;}


.sidebar h2 {color:#6ce680;}
.sidebar a, .sidebar a:link, .sidebar a:visited {color:#595959;} .sidebar a:hover {color:#6ce680;}

p {line-height:1.75em; font-size:14px; width:100%; BACKGROUND:#FFF; margin-bottom:0;padding-bottom:0;margin-top:5px;}

article p {padding:10px;padding-top:10px; padding-bottom:0;width:100%;padding-left:3%; padding-right:3%;}
article img.attachment-full {width:100%;}
article p img {padding:0;width:100%;height:auto;}
article H4, article H3 {width:70%;}
.footer p {width:100%;}

.category-4 article p {padding:0;}

.view-article {font-weight:bold;display:block; margin:2px} .view-article a, .view-article a:link, .view-article a:visited {color:#6ce680; } .view-article a:hover {color:#595959}




/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) { }

@media only screen and (min-width:480px) { }

@media only screen and (max-width:1024px) { .sidebar {position:relative;margin-top:240px ; margin-left:0px;width:80%;height:auto;} }
@media only screen and (max-width:800px) { .wrapper {width:100%;} .header {top:-30px;margin-left:5%;}
/*.sidebar {position:absolute;margin-top:40px ; margin-left:0px;width:80%;height:auto;}*/
	
.sidebar { position: inherit;margin-top: 0;top: 0;height:auto;margin-bottom:40px}
	
.bordertop {width:100%; position:fixed;top:0; border-top:120px solid #fff;z-index:1;}

/*section {width:95%;float:left; margin:120px auto; margin-left:5%; padding:0;}*/
section {width:100%;float:left; margin:120px auto;padding: 0 5%;}

section h1 {
margin-top:130px; width:85%;position:absolute; }

section .titleAndNav {
margin-top:120px;width:85%;position: absolute }

section .titleAndNav2 {
    margin-top:0!important;
}

/*HOME*/
.page-template-page-accueil-php section {margin-top:100px;margin-left:0%;padding:0;width:100%;background:none;height:auto;}
.page-template-page-accueil-php article { margin:0;padding:0;width:100%;margin:0;background:none;}
.page-template-page-accueil-php article img, .page-template-page-accueil-php section img  {width:100%;border:0 solid red;padding:0; margin:0;}
.page-template-page-accueil-php article p {margin-top:-20px;margin:0; width:100%;}


.category-3 article, .category-6 article {width:89%;margin-top:60px;margin-bottom:-100px;MARGIN-LEFT:0px;padding:0;}


.category-3 article p, .category-6 article p {width:100%;padding:0;padding-bottom:20px;}


.category-3 article img, .category-6 article img {width:100%;height:auto;margin-right:20px;padding-bottom:0;}


.wppg_gallery_container {margin:0; margin-top:120px;}
.wppg-image-details img {margin:0; margin-left:5%;margin-top:0px; width:90%;height:auto;padding:0}
.wppg-image-details {MARGIN:0;}

p {width:98%; padding:1%;}


/*PAGE PEINTURES DETAILS*/
.wppg-image-details {margin:0;}

/*Légendes*/
.wppg-photo-description-text {margin:20px 5%;font-size:14px;font-weight:400;width:80%;}

.wppg-digital-details-prev-next {margin: 0;margin-left:5%; width:80%;float:left;font-size:18px; }


.wppg_photo_details_back_to_gallery { top:160px;}

.wp-caption img {width:80%;}
	
}



@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

/*PRELOADER*/
#preloader {
	position: fixed;height:100%; width:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:10000001; /* makes sure it stays on top */
}

.spinner {
  width: 100px;
  height: 100px;

  position: relative;
  margin: 25% auto;
 /* -moz-transform: rotate(-45deg); 
     -o-transform: rotate(-45deg);  
-webkit-transform: rotate(-45deg);  
    -ms-transform: rotate(-45deg);  
        transform: rotate(-45deg);*/
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
border:10px solid #595959; border-radius:400px;




/*  background-color:rgba(255,255,1,0.9); */
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {  /*background-color:rgba(255,255,255,1); */
border:0;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
/*Ascenseur*/

::-webkit-scrollbar {
  width: 2px; /*largeur de la scrollbar verticale*/
  height: 2px; /*hauteur de la scrollbar horizontale*/
  background-color: none;}

::-webkit-scrollbar-track {
  background-color: none; /*couleur du fond de la scrollbar*/}

::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: #fff /*couleur de l'ascenseur*/;
}

::-moz-scrollbar {
  width: 1px; /*largeur de la scrollbar verticale*/
  height: 2px; /*hauteur de la scrollbar horizontale*/
  background-color: #fff;}

/* CIRCULATION ENTRE LES ARTICLES */

.circu {
margin-top:0;margin-left:40px; width:80px; 
display:block; 
float:left;
padding-top:20px;
font-size:20px;color:#fff; 
font-weight:600px;line-height:20px;}

.circu2 { position:fixed;
top:60px;margin-left:40px; width:80px; 
display:block; 
float:left;
padding-top:20px;
font-size:20px;color:#fff; 
font-weight:600px;line-height:20px;}

.circu3 { position:fixed;
top:40px;margin-left:120px; width:80px; 
display:block; 
float:left;
padding-top:20px;
font-size:20px;color:#fff; 
font-weight:600px;line-height:20px;}

.circu4 {
 margin-top: -10px!important;
 padding-top:0!important;
}
.circu5 {
 margin-top: -30px!important;
 padding-top:0!important;
}

.single-video-php .circu  {margin-top:-40px; background:red;}

.circuleft {
text-align:center;font-size:40px;
color:fff;
display:block;
-moz-transform: rotate(-45deg); 
     -o-transform: rotate(-45deg);  
-webkit-transform: rotate(-45deg);  
    -ms-transform: rotate(-45deg);  
        transform: rotate(-45deg);
margin:20px 0;
width:20px; 
height:20px; 

background:#fff;
border-right:0;border-bottom:0;
border-top:1px solid #302814;
border-left:1px solid #302814;

		
z-index:1000002;
	
} 



.circuright {
text-align:center;font-size:40px;
float:right; margin-left:0px; margin-top:20px;
display:block;-moz-transform: rotate(-45deg); 
     -o-transform: rotate(-45deg);  
-webkit-transform: rotate(-45deg);  
    -ms-transform: rotate(-45deg);  
        transform: rotate(-45deg);

width:20px; height:20px;
border:1px solid #302814;
background:#fff;
border-bottom:1px solid #302814;
border-right:1px solid #302814;
border-left:0;border-top:0;
		
}
.circuright a, .circuleft a {color:#fff;}
.circuright:hover, .circuleft:hover {border-color:#6ce680;color:#fff;}


.kaltura-powered-by, .kaltura-powered-by a
{color:#fff;}
/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#fff;
	border:0 solid #F0F0F0;
	width:100%;
	padding-top:20px;
	text-align:left;color:#302814;float:none;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;

	padding:0;
	width:100%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:13px;
	line-height:17px;
	margin:0;
	padding:20px 0 0;
}

.category-3 .wp-caption {
	background:#fff;
	border:0 solid #F0F0F0;
	width:100%;
	margin:0; padding:0;
	text-align:left;color:#302814;float:none;
}
.category-3 .wp-caption .alignnone {
	margin-top:-20px;padding:0;border:0 blue solid;
}

.category-3 .wp-caption-text
 {

	font-size:13px;
	line-height:17px;
	margin-top:-15px;
	padding: 0 0;
}

.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}
/*menu responsive*/
#wprmenu_menu.wprmenu_levels ul {margin-top:80px;}
#wprmenu_menu.wprmenu_levels ul li {text-indent:5%;}

.cbp-spmenu {
    margin-top: 100px;
    font-size: 19px;
    font-weight: 500;
}

.kaltura-player {width:100%;}

/*Correction de l'image cassée sur la page d'une peinture -- edit 20/01/2020 : réparé
.wp-image-2412 {
	display:none!important;
}*/
/*Cacher preloader sur page d'accueil*/
#preloader {
	display:none!important;
}
/* improve navigation arrows and close icon on when navigating through pictures/paintings.. (on mobile)*/
@media only screen and (max-width: 800px) {
	.wppg-digital-details-prev-next {
		margin-bottom: 10px;
		margin-left: 15%;
	}
	.wppg_photo_details_back_to_gallery {
		top:126px;
	}
	#post-101 {
		margin-top:0px;
	}
	.wppg-image-details img {
		margin-left:0;
		width: 95%;
	}
}
.wppg_photo_details_back_to_gallery {
	position:absolute;
}
/* put close button (of photo detail) in z-index 0, so it does not appear when we open the menu on mobile*/
.wppg_photo_details_back_to_gallery {
	z-index: 0;
}
article.type-post img.size-medium {
	width: auto!important;
}