@charset "utf-8";
/*****************************************************************
*  File         : sty-labu-design.css
*  Author       : G.Florimond 
*  Society      : Caruso Association
*  site web     : www.lb.service.ecobio.fr
*  DCreate      : 29/05/2020
*  DMAJ         : 03/07/2020
*****************************************************************/
body{
	color:#333;
	background:#fff;
	font-family:helvetica,"Helvetica Neue","Open Sans",Arial,sans-serif;
	font-size:15px; line-height:1.5
}
/*SUPPR .hi */
h1,h2,h3,h4,h5,h6,.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,.h1{font-size:52px}
h2,.h2{font-size:36px}
h3,.h3{font-size:28px;margin:20px 0 10px}
h4,.h4{font-size:22px;margin:20px 0 10px;line-height:30px}
h5,.h5{font-size:18px;margin-bottom:15px}
@media(max-width:480px){h1,.h1{font-size:42px}
h2,.h2{font-size:26px}
h3,.h3{font-size:22px;margin:20px 0 10px}
h4,.h4{font-size:18px;margin:20px 0 10px;line-height:27px}
h5,.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}

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;
}
/*inutile!*/
#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(181,147,91,0.8) solid 5px;*/
	/*border-bottom:rgba(180,198,50,1) solid 5px;*/
}
#head-home img{ 
	max-width:100%; vertical-align:middle
}
#head-page{ 
	background-color:#888; /*181015*/
	padding-top:70px;
	/*border-bottom:rgba(162,196,35,1) solid 5px;*/
	border-bottom:#dbefe2  solid 5px;
}
#head-page img{ 
	max-width:100%; vertical-align:middle
}
.pg-produits #head,.pg-article #head ,.pg-marque #head{ 
	height:100px; min-height: 100px; margin-top:50px; 
}
#head-page-article{ 
	padding-top:0px;
}
/**/
#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:30%; left:30%;
	/* #F9F0DF */
	/*background-color:rgba(240,219,179,0.75);*/
	background-color:rgba(240,219,179,0.3);
	padding:5px 10px; 
	width:40%; min-width:250px;/*height:100%;*/ 
	margin:0 auto;
	/*border:#900 dashed 1px;*/
}
/*NON UTILISE */
#head-home h1 { 
font-family:"Time Burner",arial, "sans serif";
}


#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 { min-height:420px; padding-top:160px; }
	.pg-home #head .lead { font-size: 34px; }
}

/* 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:#9BC531; } /*888 ou 9BC533*/

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; }
.top-margin15 { margin-top:15px; }
.top-info { margin-top:5px; margin-bottom:25px; }

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;
}
#bk-menu{padding-left:0; padding-right:0;/*border:#F06 dashed 1px;*/}

/* --------------------------------------------------------
	PAGE NORMALE
-------------------------------------------------------- */
.pg-normal h1 {font-size:30px;color:#333}
.pg-normal h2 {font-size:25px;margin:0;color:#403F3F}
.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;}
.pg-normal .maincontent ul {font-size:17px; color:#777;line-height:22px; padding-left:20px;}
.pg-normal .maincontent ul li{ list-style-type: disc; padding-top:10px;}
.pg-normal .maincontent p{color:#666;font-size:15px;text-align:justify}
.pg-normal .maincontent p.descr{
	margin:-7px 0 16px 0; 
	padding-top:0; 
	line-height:24px; 
	font-style:italic; 
	color:#666; 
	font-size:15px;
}
@media(max-width:767px){
	.pg-normal h1 {font-size:25px;}
	.pg-normal h2 {font-size:20px;}
	.pg-normal h3 {font-size:17px;} /*margin-top:0 13-07-2020 */
}
/* --------------------------------------------------------
	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:#F4F7E1; /*un ptit vert pâleF2F4DD*/
	min-height:500px;
	min-width:150px; 
	/*border:#F63 dashed 2px;*/ /*taille mini requise */
}
#id-col-2 { 
	background-color:#FFF;
	padding-left:3%; padding-right: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:30px; 
	margin-bottom:10px;
	margin-left:-15px;
	margin-right:-15px;
	/*border:#F33 dashed 1px;*/
}
.sidebar .bk-cartevisite img {
	display: block;
	max-width: 100%;
	height: auto;
	/*border:#900 dashed 1px;*/
}
/*titre*/
.sidebar .bk-titre{
	text-align:center;
}

.sidebar .bk-tel{
	width:80%;
	margin:0 auto;
	padding-top:10px;
	font-size:18px;
	text-align:center;
	color:rgba(240, 129, 36,0.9);
}
.sidebar .bk-sep{
	width:80%;
	margin:0 auto;
	padding-top:5px;
	color:rgba(240, 129, 36,0.9);
	padding-bottom:15px;
	border-bottom:rgba(240, 129, 36,0.6) solid 2px;
}
@media(max-width:767px){
	.sidebar .bk-tel{
		/*font-size:17px;*/
		width:100%;
		font-size: 13px;
letter-spacing:0.01em; 
	}
	.sidebar .bk-sep{
	width:80%;
	}
}

.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;*/
	color:#403F3F;
	font-size:20px; 
	/*line-height:20px;*/
	font-weight:700;
	margin:0;padding:0;
}
@media(max-width:767px){
	.sidebar .bk-titre h3{font-size:15px;font-weight:700;}
}
.sidebar .bk-titre .slogan{
	font-family:"Time Burner",arial, "sans serif";
	color:#403F3F;/*couleur logo ecobio*/
	font-size:17px;  
	line-height:22px;
	margin:10px 0 0;
	padding:0;
	font-weight:400;
}
@media(max-width:767px){
	.sidebar .bk-titre .slogan{font-size:15px;}
}
/*bk-rubriques avec h4 et h5*/
.sidebar .bk-rubriques { 
	text-align:left;
	width:100%;
}
.sidebar .bk-rubriques img {
	max-width: 100%;
	height:auto;
	/*border:#3CC solid 1px;*/
}
.sidebar #id-rubriques {
	padding-left:10%;
	padding-top:10px;
	/*border:#666 solid 1px;*/
}

.sidebar .bk-rubriques h4{
	/*font-family:"Marr Sans Condensed",arial, sans serif;*/
	font-family: "Marr Sans Condensed","Arial Narrow",arial, "sans serif";
	font-size:15px;
	color:#555;
	margin-bottom:0;
}
.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;
}
.sidebar .bk-rubriques h5 a:link,.sidebar .bk-rubriques h5 a:visited{
	color:#888;
	font-family: "Marr Sans","Arial Narrow",arial, "sans serif";
}
/* avec  des PUCES ! */
.sidebar .bk-rubriques ul{
	font-family: "Marr Sans","Arial Narrow",arial, "sans serif";
	color:#888;
	font-size:14px;
	margin-top:0; padding-top:0;
	padding-left:30px;
}
@media(max-width:767px){
	.sidebar .bk-rubriques ul{
		/*border:#36C dashed 1px;*/
		padding-left:0px;
	}
}
.sidebar .bk-rubriques ul a:link,.sidebar .bk-rubriques ul a:visited{
	color:#888;
	font-family: "Marr Sans","Arial Narrow",arial, "sans serif";
}
.sidebar .bk-rubriques ul li{ 
	list-style-type: square;
	padding-top:5px;
	padding-bottom:10px;
}
.sidebar .bk-rubriques .lnk_web{color:#e57652; font-size:12px;}
.sidebar .bk-rubriques .lnk_web:focus {color:#e57652; text-decoration:none}
.sidebar .bk-rubriques .lnk_web:active {color:#e57652; text-decoration:none} 
.sidebar .bk-rubriques .lnk_web:hover {color:#e57652; text-decoration:none}

.sidebar .bk-rubriques a:hover{
	color:#777;
}
/*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:14px;/*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:15px;/*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:15px;/*color:#366*/}
.sidebar .bk-rubriques h5{ font-size:16px;}
}


/* --------------------------------------------------------
	MISE EN PAGE 
-------------------------------------------------------- */
#bk-accueil {margin:30px 8% 5px 8%;/*border:#3C6 dashed 1px;*/}
#bk-portfolio {margin:0 8% 0 8%;}
#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:#F8F8F8;
/*	background-color:#F2F6D5;*/
	border-bottom:rgba(180,198,50,0.8) solid 4px;
}
/* PAGE HOME on est là*/
#bk-accueil-ct-10 {
	margin:5px 10% 25px 10%;
	padding-top:20px;
	/*border:#3C6 dashed 1px;DEBUG*/
	/*background-color: #F99;*/
}
#bk-accueil-ct {
	margin:0;
	padding:0;
	/*border:#3C6 dashed 1px;DEBUG*/
	/*background-color: #F99;*/
}
#bk-accueil-ct h1{
	font-family: "Open sans", Helvetica, Arial;
	margin-top:30px; 
	font-size:35px;
	color:rgb(69, 69, 69);
	color:#403F3F; /*logo ecobio*/
	font-weight:500;
	letter-spacing: .15em;
	/*color:#1A5B0B;text-shadow: 1px -1px 0 #9BC531;*/
}
#bk-accueil-ct h2{
	margin-top:10px; 
	font-size:15px;
}
#bk-accueil-ct h3{
	font-size:28px;
	font-weight:300;
}
#bk-accueil-ct h4{
	margin-top:0; 
	font-weight:300;
}
#bk-accueil-ct .text-muted { 
	/*color:#9BC531;*/
	color:#888;
	font-size:16px;
	margin:20px 0;
}
/*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-left {background-color:#F8F8F8;}
#bk-accueil-left-coquelicot {
	background-color:#F8F8F8;
	background-image:url(../bgheader/coquelicot-freepik-400x150.png);
	background-position:bottom 2px left;
	background-repeat:no-repeat;
	min-height:250px;
}
#bk-accueil-right {
	background-color:#F8F8F8;
}
#bk-accueil-right-coquelicot {
	background-color:#F8F8F8;
	background-image:url(../bgheader/coquelicot-freepik-400x150.png);
	background-position:bottom 2px right;
	background-repeat:no-repeat;
	min-height:250px;
}
#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);
}
/*on décale si petit écran*/
.wrtop20 img {}
@media(max-width:991px){
	.wrtop20 {
		/*border-top:#F66 solid 2px;*/
		margin-top:25px;
	}
}
p.p-10{margin:0 0 10px 0}
p.p-10:last-child{margin:0 0 10px 0}

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:#e57652;
	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;}
.padtop30{padding-top:30px;}
.padtop50{padding-top:50px;}
.pjustify{text-align:justify}
.img-right {float:right; margin-left:30px;}
.img-responsive-h {
	display: block;
/*	width: auto;
	max-height: 100%;*/
	border:#C93 dashed 1px;
	height: auto;
    max-width: 100%;
}
.bk-photos {margin:15px;}
.tx_legend_50{font-size:25px; padding-bottom:50%;color:#999}
.tx_legend{font-size:14px;color:#999;padding-top:5px;}
.img-border {border:#eee solid 1px;}

/* --------------------------------------------------------
	PORTFOLIO
-------------------------------------------------------- */
.portfolio-filters{
	list-style:none;
}
.portfolio-filters li{
	display:inline;
	font-family: "Time Burner",arial, "sans serif";
	font-size:15px;
	margin:0 4px;
	padding:0;
	font-style:normal;
	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{
	font-family:"Helvetica Neue",helvetica,,"Open Sans",Arial,sans-serif;
	font-size:14px;
	color:#444;
	font-weight:bold;
	text-align:left; 
	/*font-family: "Time Burner",arial, "sans serif";*/
	z-index:3;
	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: 13px; 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 .widget-logo{padding-top:0px; margin-left:-20px;}
.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:18px; }
.follow-me-icons i { float:left; margin:0 10px 0 0; }
.footer2 { background: #191919; padding: 15px 28px 15px 0; color: #777; font-size: 12px; }
.footer2 a { color: #aaa; }
.footer2 a:hover { color: #fff; }
.footer2 p { margin: 0; }
.footer2 p { margin: 0; }
.footer2 .widget-copyright { margin-right: 25px;}
.widget-simplenav { margin-left:-5px; }
.widget-simplenav a{ margin:0 5px;}


/* --------------------------------------------------------
	Top bas de page
-------------------------------------------------------- */
.scroll-top {
	display: none;
}
#toTop {
  background-color: #555;
  border-radius: 4px 4px 0 0;
  bottom: 0;
  color: #FFFFFF;
  display: inline;
  height: 35px;
  position: fixed;
  right: 10px;
  text-align: center;
  text-transform: uppercase;
  width: 48px;
  opacity: 0.9;
  z-index: 10000;
  transition: all 0.2s ease-in-out 0s;
}
.no-totop #toTop {
  display: none !important;
}
/*ok*/
#toTop:before {
  line-height: 35px;
  content: '\f106';
  -webkit-font-smoothing: antialiased;
  font-family: 'icomoon';
  font-size: 22px;
}
/*ok*/
#toTopHover {
	display: block;
	overflow: hidden;
	float: left;
	opacity: 0;
}
#toTop:active,
#toTop:focus {
  outline: none;
  background-color: #333333;
}
#toTop:hover {
/* background-color: #428bca; bleu clair*/
/*background-color: #E3533E; orange */
background-color: #A2C523; /*vert lb*/
text-decoration:none;
}