@charset "utf-8";
/*****************************************************************
*  File         : sty-marc-design.css
*  Author       : G.Florimond 
*  Society      : Caruso Association
*  site web     : www.marc-ferrand.fr
*  DCreate      : 28/04/2020
*  DMAJ         : 12/05/2020
*****************************************************************/
body{
	color:#333;
	background:#fff;
	font-family:helvetica,"Helvetica Neue","Open Sans",Arial,sans-serif;
	font-size:15px;line-height:1.5
}
h1,h2,h3,h4,h5,h6{font-family:"Open sans",helvetica,"Helvetica Neue",arial;color:#454545;margin:30px 0 15px 0;line-height:1.1}
h1{font-size:52px}
h2{font-size:36px}
h3{font-size:28px;margin:20px 0 10px}
h4{font-size:22px;margin:20px 0 10px;line-height:30px}
h5{font-size:18px;margin-bottom:15px}
@media(max-width:480px){h1{font-size:42px}
h2{font-size:26px}
h3{font-size:22px;margin:20px 0 10px}
h4{font-size:18px;margin:20px 0 10px;line-height:27px}
h5{font-size:16px;margin-bottom:15px}
}
.title{font-family:Raleway,"Open sans",helvetica,arial;color:#454545;margin-bottom:50px}
p{margin:0 0 20px 0}
p:last-child{margin:0}

blockquote{font-style:italic;font-family:Georgia;color:#999;margin:30px 0 30px}
label{color:#777}
.thin{font-weight:300}
.text-muted{color:#603913;}/*color:#999*/
ul.list-spaces li{margin-bottom:10px}
/* a{color:#da4453} ROUGE*/
a{color:#F15B29;} /*BLEU color:#2a6496*/
/*a:hover{color:#2a6496}*/
a:active, a:focus {outline-color:invert; outline-style:none; outline-width:0pt;} /*gube*/
a:hover{color:#F15B29;}
hr{border-top:1px solid #ddd}

/* --------------------------------------------------------
	HEADER
-------------------------------------------------------- */
.head{
	font-family:"Open sans", Helvetica, Arial; font-weight:300;
	background-color:#888; /*181015*/
	text-align:center;
	padding-top:200px;
	color:white;
}
#head{ 
	background-image: url( ../bgheader/sahara-336490-flou-1920x400.jpg);
	background-repeat:no-repeat;
	background-position:center;
	min-height:500px;
	background-size:cover;/*cover*/

}
.fond-page {width:100%; height:auto; }
/*EN TEST*/
#head-home{ 
	position:relative;
	background-color:#888; /*181015*/
	padding-top:70px;
	border-bottom:rgba(238,129,36,0.5) solid 5px;
}
#head-home img{ 
	max-width:100%; vertical-align:middle
}
#head-page{ 
	background-color:#888; /*181015*/
	padding-top:70px;
	border-bottom:rgba(238,129,36,0.5) solid 5px;
}
#head-page img{ 
	max-width:100%; vertical-align:middle
}

/**/
#head .lead { 
	font-family:"Open sans", Helvetica, Arial; 
	font-size:44px; margin-bottom:6px; color: white; line-height:1.15em;
}
#head-home .lead { 
	font-family:"Time Burner",arial, "sans serif";
	font-size:44px; 
	margin-bottom:6px; color: white; line-height:1.15em;
	text-align:center;
}
/*rgba(69,69,69,0.75)*/
#head .cadre {
	background-color:rgba(110,110,110,0.75);
	padding:5px 10px; 
	width:40%; 
	margin:0 auto
}
#head-home .cadre {
	font-family:"Time Burner",arial, "sans serif";
	position:absolute;
	top:25%; left:25%;
	/* #F9F0DF */
	/*background-color:rgba(240,219,179,0.75);*/
	background-color:rgba(240,219,179,0.3);
	padding:5px 10px; 
	width:50%; /*min-width:250px;*/
	/*height:100%;*/ 
	margin:0 auto;
	margin-top:5px;/**/
	/*border:#900 dashed 1px;*/
}
#head-home h1 { 
font-family:"Time Burner",arial, "sans serif";
}
#head-home .frise-left {position:absolute;left:0;bottom:-33px;height:90%; max-height:180px; width:auto}

#head .tagline { color:rgba(255,255,255,0.75); margin-bottom:25px; font-size:20px; }
#head .tagline a { color:#fff; } 
/* #F08124 */
/*color:rgba(240,129,36,0.75); */
#head-home .tagline { 
/*	color:rgba(240,129,36,0.9); */
	color:rgba(255,255,255,0.9); 
	margin-bottom:25px; 
	font-size:20px; 
	text-align:center
}
#head-home .tagline a { color:#fff; } 
#head .btn { margin-bottom:10px;}
#head .btn-default { 
	text-shadow: none;
	background:transparent;
	color:rgba(255,255,255,.5);
	-webkit-box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.5);
	-moz-box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.5);
	box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.5);
	background: transparent;
}
#head .btn-default:hover,
#head .btn-default:focus { color:rgba(255,255,255,.8); -webkit-box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.8); -moz-box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.8); box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.8); background: transparent; }
#head .btn-default:active, 
#head .btn-default.active { color:#fff; -webkit-box-shadow:inset 0px 0px 0px 3px #fff; -moz-box-shadow:inset 0px 0px 0px 3px #fff; box-shadow:inset 0px 0px 0px 3px #fff; background: transparent; }

@media (max-width: 767px) {
	.pg-home #head-home { min-height:300px; padding-top:80px; }
	.pg-home #head-home .lead { font-size: 34px; }
	.pg-home #head-home .frise-left{height:100px;bottom:-10px;}
}

/* Autohide navbar */
.slideUp { top:-100px; }
.headroom { 
-webkit-transition: all 0.4s ease-out; 
-moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; 
transition: all 0.4s ease-out;}
/* Highlights (in jumbotron in most cases) */
.highlight { margin-top:40px; }
	.h-caption { text-align: center; } 
	.h-caption i { display:block; font-size: 54px; color:#382526; margin-bottom:36px; }
	.h-caption h4 { color:#382526; font-size: 16px; font-weight: bold; margin-bottom:20px; }
	.h-body { }


/* Typography */
h1, h2, h3, h4, h5, h6 { font-family:"Open sans", Helvetica, Arial; }
h1, .h1, h2, .h2, h3, .h3 { margin-top:30px; } 
blockquote { font-style: italic; font-family: Georgia; color:#999; margin:30px 0 30px; }
label { color: #777; }
.thin { font-weight:300; }
.page-title { margin-top:20px; font-weight:300; }
.text-muted { color:#693913; } /*888*/

ul.list-spaces li{ margin-bottom:10px; }

/* --------------------------------------------------------
	FIL ARIANE
-------------------------------------------------------- */
.breadcrumb { 
	font-family: "Marr Sans","Arial Narrow",arial, "sans serif";
	background:0;
	padding:15px 0 0 0;
	font-size:1.4rem;
	color:#717b8e;
}
.breadcrumb>li+li:before {
content: "/\00a0";
/*content: "\203a";*/
}
.breadcrumb a{color:#717b8e;}
/* 64b1ff */
.breadcrumb a:link,.breadcrumb a:visited{color:#717b8e}
.breadcrumb a:hover{color:#717b8e;text-decoration:underline}
.breadcrumb > .active { text-transform:none}

/* Helpers */
.container-full { margin: 0 auto; width: 100%; }
.top-space { margin-top: 60px; }
.top-margin { margin-top:20px; }

img { max-width:100%; }
img.pull-right { margin-left: 10px; }
img.pull-left { margin-right: 10px; }
#map { width:100%; height:280px; }
#social { margin-top:50px; margin-bottom:50px; }
#social .wrapper { width:340px; margin:0 auto; }




/* Main content block */
.maincontent { }
.p-motclefs {color:#aaa;font-size:14px;text-align:justify;}
.p-motclefs span{color:#888; font-weight:bold}
.lang-en{font-size:14px;}
#bk-motclef {
	margin-top:50px;
	padding:15px 20px;
	border-top: #999 solid 1px;
	/*background-color:#888;*/
}
#bk-motclef p{
	/*color:#fff;*/
	font-size:14px;
	text-align:justify;
	color:#aaa;
}
#bk-motclef p.lang-en{
	font-size:14px;
}
#bk-drphoto {
	margin-top:20px;
	padding:15px 20px;
	border-top: #999 solid 1px;
	/*background-color:#888;*/
}
#bk-drphoto p{
	/*color:#fff;*/
	font-size:14px;
	text-align:justify;
	color:#777;
}
.txt-legend {
	font-size:14px;
	color:#888;
	text-align:center;
}
.txt-debug {
	font-size:13px;
	color:#888;
	text-align:left;
}
#bk-menu{padding-left:0; padding-right:0;/*border:#F06 dashed 1px;*/}

/* --------------------------------------------------------
	PAGE NORMALE
-------------------------------------------------------- */
.pg-normal h1 {font-size:30px;}
.pg-normal h2 {font-size:25px;margin-top:0}
.pg-normal h3 {font-size:20px; color:#666;margin-bottom:15px;}
.pg-normal h4 {font-size:18px; color:#777}
.pg-normal h5 {font-size:17px; color:#777;line-height:25px;}

/* --------------------------------------------------------
	MARGIN and Co
-------------------------------------------------------- */
.topspace-1x{margin-top:10px}
.topspace{margin-top:30px}
.topspace-2x{margin-top:60px!important}
.topspace-3x{margin-top:90px!important}
.topspace-4x{margin-top:120px!important}
.bottomspace{margin-bottom:30px!important}
.bottomspace-2x{margin-bottom:60px!important}
.bottomspace-3x{margin-bottom:90px!important}
.bottomspace-4x{margin-bottom:120px!important}
.topspace-0{margin-top:0!important}
.bottomspace-0{margin-bottom:0!important}
@media(max-width:480px){.bottomspace-xs{margin-bottom:40px}
.bottomspace-xs:last-child{margin-bottom:0}
.text-center-xs{text-align:center}
.text-center-xs img{margin:0 auto}
}
/* --------------------------------------------------------
	SIDEBAR
-------------------------------------------------------- */
#id-col-1 { 
background-color:#F9F0DF; 
/*min-height:800px;*/
/*border:#3C3 dashed 1px;*/
}
#id-col-2 { 
	background-color:#FFF;
	padding-left:3%;
	/*min-height:500px;*/
	/*border:#888 dashed 1px;*/
}
.sidebar {padding-top:0;padding-bottom:30px;} /*padding-top:36px*/
.sidebar {min-width:100px} /*pour qu'on voit les menus  */
.sidebar .widget {margin-bottom:0px;}
.sidebar h1, .sidebar .h1, .sidebar h2, .sidebar .h2, .sidebar h3, .sidebar .h3 { margin-top:20px; } 
.sidebar .bk-logo {text-align:center}
.sidebar .bk-cartevisite {
	text-align:center;
	margin-top:10px;
	margin-left:-15px;
	margin-right:-15px;
	/*border:#F33 dashed 1px;*/
}
/*titre*/
.sidebar .bk-titre{
	text-align:center;
}
.sidebar .bk-sep{
	width:80%;
	margin:0 auto;
	padding-top:10px;
	font-size:18px;
	text-align:center;
	color:rgba(240, 129, 36,0.6);
	padding-bottom:15px;
	border-bottom:rgba(240, 129, 36,0.6) solid 2px;
}

.sidebar #id-titre { 
	color:#F08124;
	font-family:"Time Burner",arial, "sans serif";
}
.sidebar .bk-titre h3{
	font-family:"Time Burner",arial, "sans serif";
	color:#F08124;
	font-size:22px; 
	/*line-height:20px;*/
	font-weight:700;
	margin:0;padding:0;
}
.sidebar .bk-titre .slogan{
	font-family:"Time Burner",arial, "sans serif";
	color:#F08124;
	font-size:17px;  
	line-height:22px;
	margin:10px 0 0;
	padding:0;
	font-weight:400;
}
/*bk-rubriques avec h4 et h5*/
.sidebar .bk-rubriques {text-align:left;width:100%;}
.sidebar #id-rubriques {
	padding-left:10%;
	padding-top:10px;
	/*border:#666 solid 1px;*/
}

.sidebar .bk-rubriques h4{
	font-family: "Marr Sans Condensed","Arial Narrow",arial, "sans serif";
	font-size:15px;
	color:#555;
}
.sidebar .bk-rubriques h5{ 
	font-family: "Marr Sans","Arial Narrow",arial, "sans serif";
	font-size:16px; color:#454545; margin:5px 0 10px 8px; font-weight:500;
}
.sidebar .bk-rubriques a:link,.sidebar .bk-rubriques a:visited{
	color:#888;
	background-color: transparent;
}
.sidebar .bk-rubriques a:hover{
	color:#777;
	background-color: transparent;
}
/*liens*/
.sidebar .bk-liens {text-align:left;width:85%;margin:30px auto;}
.sidebar .bk-liens h4{font-size:18px; margin:0;padding:0}
.sidebar #id-liens {padding-left:10%;/*border:#39F dashed 1px;*/}
@media screen and (max-width:480px){ 
.sidebar .bk-rubriques {text-align:left;width:100%;margin:0;}
.sidebar #id-rubriques {padding:0;border: none;}
.sidebar .bk-rubriques h4{font-size:16px;/*color:#3CC*/}
.sidebar .bk-rubriques h5{ font-size:13px;margin-left:0;margin-right:0}
}
@media screen and (min-width:481px) and (max-width:767px){ 
.sidebar .bk-rubriques h4{font-size:18px;/*color:#369*/}
.sidebar .bk-rubriques h5{ font-size:15px;}
}
@media screen and (min-width:768px)and (max-width:900px){ 
.sidebar .bk-rubriques h4{font-size:18px;/*color:#366*/}
.sidebar .bk-rubriques h5{ font-size:16px;}
}


/* --------------------------------------------------------
	MISE EN PAGE 
-------------------------------------------------------- */
#bk-accueil {margin:30px 5% 5px 5%;/*border:#3C6 dashed 1px;*/}
#bk-accueil-0 {
	margin:0; 
	/*border:#3C6 dashed 1px;*/
	/*background-color:#FCC;*/
	background-color:#fff;
	position:relative;
	height:350px;
	/*border-bottom-color:rgba(96,57,19,0.5);
	border-bottom-style:solid;
	border-bottom-width:10px;*/
}
#bk-accueil-fond {
	background-color:#F9F0DF;
	border-bottom:rgba(96,57,19,0.5) solid 5px;
}
#bk-accueil-ct {
	margin:5px 10% 25px 10%;
	/*border:#3C6 dashed 1px;DEBUG*/
	/*background-color: #F99;*/
}
/*NEW*/
#bk-accueil-fond-titre{
	border:#F30 dashed 2px;
	width:100%;
	background-color:#F9F0DF;
	min-height:50px;
	border-bottom:rgba(96,57,19,0.5) solid 10px;
}
#bk-accueil-col-left{
/*	background-color:rgba(241,130,36,0.8);*/
}
#bk-accueil-arabesque-left-1{
	min-height:360px;
	background-image:url(../design/frise-left-257x350.png);
	background-repeat:no-repeat;
	background-position:top 5px left 5px;
	display:block;
	overflow:visible;
}
#bk-accueil-arabesque-right-1{
	min-height:360px;
	background-image:url(../design/frise-right-257x350.png);
	background-repeat:no-repeat;
	background-position:top 5px right 5px;
	display:block;
}
#bk-accueil-col-center{}
#bk-accueil-col-center-parag{}
#bk-accueil-col-center-titre{}
#bk-accueil-col-right{ /*background-color:#638c91*/}
.bk-accueil-fond{
	position:absolute;
	left:0; top:0; /*top:280px;*/
	height:285px;
/*	background-color:rgba(96,57,19,0.5);
	height:10px;*/
	display:block;
	width:100%;
	background-color:#F9F0DF;/*ebebeb*/
	/*z-index:0;*/
} 
.bk-accueil-sep{
	position:absolute;
	left:0; top:0;
	height:285px;
	display:block;
	width:100%;
	border-bottom:rgba(96,57,19,0.5) solid 10px;
	/*z-index:5;*/
} 
.bk-accueil-arabesque-left{
	position:absolute;
	left:0; top:0;
	background-image:url(../design/frise-left-257x350.png);
	background-repeat:no-repeat;
	background-position:top 6px left 8px;
	height:360px;
	width:100%;
	z-index:1;
	/*border:#F93 dashed 1px;*/
	/*z-index:1;*/
}
#bk-titre {
	line-height:25px;
	color:#666;
	margin-bottom:15px;
}
.post img{
	padding:5px;
	background-color:#fff;
	border:1px solid #ebebeb;
	box-shadow:1px 1px 5px rgb(0,0,0,0.1);
}
p.p-10{margin:0 0 10px 0}
p.p-10:last-child{margin:0 0 10px 0}
p.descr{margin:-7px 0 16px 0; padding-top:0; line-height:20px; font-style:italic; color:#666}
p.enum{margin:-7px 0 16px 0; padding-top:0; line-height:20px;}

/* GALLERY PHOTO
====================================================*/
.my-gallery {
	margin-top:25px; margin-bottom:25px;
	padding-top:10px; padding-bottom:15px;
	color:#333;
	background-color:#999;
}
.my-gallery ul li { display: inline; }
.my-gallery-title{
	font-family: "Marr Sans",Arial Narrow,arial, sans serif;
	font-size:1.7rem;
	color:#eee;
	padding:4px 4px 4px 15px;
}
.my-gallery-title span{
	color:#eee;
	font-size:1.7rem;
}
.my-gallery img {
	border:#999 solid 1px;
	background-color:#FFF;
	padding:5px;
	margin : 7px 10px 5px 10px;
}
/* --------------------------------------------------------
	PLAN DU SITE
-------------------------------------------------------- */
#bk-plansite {
	line-height:25px;
	color:#666;
}
#bk-plansite a{
	color:#da4453;
	text-decoration:none;
	padding-bottom:1px;
}
#bk-plansite .disable > a {
	color: #888;
}
#bk-plansite a:hover{
	color:#25302D;
	text-decoration:none;
}
#bk-plansite ul{
	padding:0 10px 10px;
	margin-left:20px;
	list-style-type:square;
	color:#aaa;
}
#bk-plansite ul li{
	padding:2px;
	margin:0;
	color:#999;
	/*list-style-type: circle;*/
}
#bk-plansite .ul-strong,#bk-plansite .li-strong{
	color:#666;
	font-weight:normal;
}
#bk-plansite ul ul{
	list-style-type: disc;
	color:#aaa;
}
/* --------------------------------------------------------
	UNE PAGE 
-------------------------------------------------------- */
#bk-page {
	line-height:25px;
}
#bk-page p{
	text-align:justify;
}

/* --------------------------------------------------------
	UTIL
-------------------------------------------------------- */
.clear{clear: both;}
.pcenter{text-align:center;}
.debug #color1 {border: #39C   solid 1px} 
.txt-err{color:#F96;}
.padtop5{padding-top:5px;}
.padtop10{padding-top:10px;}
.padtop15{padding-top:15px;}
.padtop20{padding-top:20px;}
.padtop50{padding-top:50px;}
.pjustify{text-align:justify}
.img-right {float:right; margin-left:30px;}

/* --------------------------------------------------------
	PORTFOLIO
-------------------------------------------------------- */
.portfolio-filters{list-style:none}
.portfolio-filters li{display:inline;margin:0 4px;padding:0;font-style:italic;font-size:13px;cursor:pointer}
.portfolio-filters li:after{content:"/";margin:0 0 0 12px}
.portfolio-filters li:last-child:after{display:none}
/* gallery -> isogallery */
.isogallery{width:930px;margin:0 auto}
#id-gallery {/* border:#666 solid 1px;*/}

/* VERSION avec FIGURE */
.isogallery  figure{
	width:300px;
	margin:5px;
	float:left;
	position:relative;
	border-radius:3px;
	overflow:hidden;
	text-align:center;
}
.isogallery figure img{
	border-radius:3px;
	position:relative;
	display:block;
	/*min-height:100%;*/  /*BUG SAFARI ? ? */
	max-width:100%;
}
@media screen and (max-width:480px){ 
	.isogallery{width:320px; /*background-color:#F9F;*/}
	.isogallery figure{margin:5px}
}
@media screen and (min-width:481px) and (max-width:767px){ 
	.isogallery{width:640px; width:95%; /*background-color:#6FF;*/}
	.isogallery figure{margin:5px;width:45%; height:auto}
	.isogallery figure img{display:block;max-width:100%;height:auto}
}
@media screen and (min-width:768px)and (max-width:900px){ 
	.isogallery{width:95%;/*background-color:#6C6; border:#333 solid 1px;*/}
	.isogallery figure{margin:5px;width:31%; height:auto}
	.isogallery figure img{display:block;max-width:100%;height:auto}
}

.isogallery figure::after{
	content:"";
	display:block;
	border-radius:3px;
	position:absolute;top:0;left:0;
	/*width:100%; height:100%;*/
	bottom:-1;right:-1px;
	z-index:100;
	background-color: rgba(85, 172, 238, 0.9);
/*	background:linear-gradient(to bottom,rgba(0,0,0,0.3) 0,rgba(0,0,0,0.75) 100%) repeat scroll 0 0 transparent;*/
	opacity:0;
	overflow:hidden;
	-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out;
}
.isogallery figure figcaption{
	height:75px;
	background:#f6f7f8;
	padding:1em;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	z-index:1000;
	-webkit-transition:-webkit-transform .35s;
	-moz-transition:-moz-transform .35s;-o-transition:-o-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0)
}
/*.isogallery figure figcaption::before,.isogallery figure figcaption::after{pointer-events:none}*/
.isogallery figure .title{text-align:left;font-size:14px;font-family:helvetica,"Helvetica Neue","Open Sans",Arial,sans-serif;color:#333;z-index:3;font-weight:bold;text-transform:uppercase;margin:0 0 7px 0;-webkit-transition:-webkit-transform .35s;-moz-transition:-moz-transform .35s;-o-transition:-o-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,200%,0);transform:translate3d(0,200%,0)}
.isogallery figure .links{text-align:right;font-size:13px;font-weight:bold;-webkit-transition:-webkit-transform .35s;-moz-transition:-moz-transform .35s;-o-transition:-o-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,200%,0);transform:translate3d(0,200%,0);z-index:3}
.isogallery figure figcaption{position:absolute;top:auto;bottom:-1px;left:0;width:100%}
.isogallery figure:hover figcaption,.isogallery figure:hover h2,.isogallery figure:hover .links{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.isogallery figure:hover::after{opacity:1}
.isogallery figure:hover .title{-webkit-transition-delay:.1s;transition-delay:.1s}
.isogallery figure:hover .links{-webkit-transition-delay:.2s;transition-delay:.2s}


/*NEW version avec ITEMFIGURE */
.isogallery .itemfigure {
	width:300px;
	margin:5px;
	float:left;
	position:relative;
	border-radius:3px;
	overflow:hidden;
	text-align:center;
	display:block; /*à vérifier*/
}
.isogallery .itemfigure .picframe{
	display:block;
	position:relative;
	/*border:#63F solid 1px;*/
}
@media screen and (max-width:480px){ 
	.isogallery{width:320px; /*background-color:#F9F;*/}
	.isogallery .itemfigure{margin:5px}
}
@media screen and (min-width:481px) and (max-width:767px){ 
	.isogallery{width:640px; width:95%; /*background-color:#6FF;*/}
	.isogallery .itemfigure{margin:5px;width:45%; height:auto}
	.isogallery .itemfigure img{display:block;max-width:100%;height:auto}
}
@media screen and (min-width:768px)and (max-width:900px){ 
	.isogallery{width:95%;/*background-color:#6C6; border:#333 solid 1px;*/}
	.isogallery .itemfigure{margin:5px;width:31%; height:auto}
	.isogallery .itemfigure img{display:block;max-width:100%;height:auto}
}
div.img-overlay{
	border-radius:3px;
	position:absolute; top:0;left:0;
	/*width:100%; height:100%;*/
/*	bottom:-1px;right:-1px;*/
/*	width:300px; height:100%; */
	width:100%; height:100%;
	min-height:300px;
	z-index:100;
/*background:linear-gradient(to bottom,rgba(0,0,0,0.3) 0,rgba(0,0,0,0.75) 100%) repeat scroll 0 0 transparent;*/
/*	background-color: rgba(0, 0, 0, 0.9);*/
	opacity:0.2;
	overflow:hidden;
/*	-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out;*/

	/*background-image:url(../photos/accueil/L300/image-fond-300x300.png);*/
	background-color: rgba(255, 255, 255, 0.1);
	display:block;
	cursor: default;
	/*border:#39F solid 2px;*/
}
div.img-overlay:hover{
	opacity:0.5;
	background-color: rgba(0, 0, 0, 0.5);
	/*border:#F36 dashed 2px;*/
}
@media only screen and (device-width: 768px) {
	div.img-overlay{
	cursor: pointer;
	/*border:#6C3 solid 3px;*/
	}
	div.img-overlay:hover{
	opacity:0.7;
	/*border:#6C3 dashed 2px;*/
}
}

.isogallery .itemfigure img{
	border-radius:3px;
	position:relative;
	display:block;
	max-width:100%;
	z-index:20;
}
.isogallery .itemfigure img.transition{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;/**/
	/*
	-o-transition:1s;-ms-transition:1s;-moz-transition:1s;-webkit-transition:1s;transition:1s; 
	outline: none;*/
}
/*hover marche sur tablette*/
.isogallery .itemfigure img.transition:hover{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
/*transform: scale(1.3);
-o-transition:1s;-ms-transition:1s;-moz-transition:1s;-webkit-transition:1s;transition:1s; 
outline: none;*/
}
.isogallery .itemfigure .picframe .caption{
	height:75px;
	background:#f6f7f8;
	padding:1em;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	z-index:1000;
	-webkit-transition:-webkit-transform .35s;
	-moz-transition:-moz-transform .35s;-o-transition:-o-transform .35s;
	transition:transform .35s;-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0)
}
.isogallery .itemfigure .picframe .caption{
	position:absolute;
	top:auto;bottom:-1px;left:0;
	width:100%
}
.isogallery .itemfigure .picframe:hover .caption{
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}

.isogallery .itemfigure .picframe .title{
	text-align:left;font-size:14px;
	font-family:helvetica,"Helvetica Neue","Open Sans",Arial,sans-serif;
	color:#333;z-index:3;font-weight:bold;text-transform:uppercase;
	margin:0 0 7px 0;
	-webkit-transition:-webkit-transform .35s;-moz-transition:-moz-transform .35s;-o-transition:-o-transform .35s;
	transition:transform .35s;-webkit-transform:translate3d(0,200%,0);transform:translate3d(0,200%,0)
}
.isogallery .itemfigure .picframe:hover .title{
	-webkit-transition-delay:.1s;
	transition-delay:.1s
}
.isogallery .itemfigure .picframe .links{
	text-align:right;font-size:13px;font-weight:bold;-webkit-transition:-webkit-transform .35s;
	-moz-transition:-moz-transform .35s;-o-transition:-o-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,200%,0);
	transform:translate3d(0,200%,0);z-index:3
}
.isogallery .itemfigure .picframe:hover .links{
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	-webkit-transition-delay:.2s;transition-delay:.2s
}
.isogallery .itemfigure .picframe:hover h2{
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}

/*INUTILE ? */
/**/
.isogallery .itemfigure .picframe:active{background-color:#ddd; opacity:0.8;}
.isogallery .itemfigure .picframe:active::after{opacity:1;}
.isogallery .itemfigure .picframe:active::after{background-color:#ddd;}
.isogallery .itemfigure .picframe:active .caption,.isogallery .itemfigure .picframe:active h2,.isogallery .itemfigure .picframe:active .links{
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	background-color:#ddd;
}

/*
.isogallery .itemfigure:active .caption::after{
	height:75px;
	background:#F33;
	padding:1em;
	z-index:1000;
	border:#900 solid 2px;
}*/
/* --------------------------------------------------------
	FOOTER
-------------------------------------------------------- */
.footer1 { background: #232323; padding: 30px 0 0 0; font-size: 12px; color: #999; }
.footer1 a { color: #ccc; }
.footer1 a:hover {color: #fff;}
.footer1 .widget { margin-bottom:30px; }
.footer1 .widget-title { font-size: 17px; font-weight: bold; color: #ccc; margin: 0 0 20px; }
.footer1 .widget-coord,.footer1 .widget-body {padding:0;}
.footer1 .widget-coord p{line-height:22px;}
.footer1 .widget-logo{padding-top:45px; margin-left:-30px;}
.footer1 .entry-meta { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 0 35px 0; padding: 2px 0; color: #888888; font-size: 12px; font-size: 0.75rem; }
.footer1 .entry-meta a { color: #333333; }
.footer1 .entry-meta .meta-in { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0; }
.follow-me-icons { font-size:30px; }
.follow-me-icons i { float:left; margin:0 10px 0 0; }
.footer2 { background: #191919; padding: 15px 0; color: #777; font-size: 12px; }
.footer2 a { color: #aaa; }
.footer2 a:hover { color: #fff; }
.footer2 p { margin: 0; }
.widget-simplenav { margin-left:-5px; }
.widget-simplenav a{ margin:0 5px;}