@charset "utf-8";

body {
	background: #808080;
	font: 11px/19px Verdana;
	margin: 0 auto;
	color: #404040;
	font: 11px/19px Verdana;
	padding:0;
	max-width:1200px;
	min-width:300px;}
#ja_container {
	background: #fff;
	font: 11px/19px Verdana;
	color: #404040;
	height: auto;
	margin: auto;
	max-width: 1200px;
	min-width:300px;}

/*.navbar-nav > li {
	height: 50px !important;}*/

.titre_container {
	max-width:100%;
	text-align:center;
	margin-bottom:2px;
	height:50px;}
.titre_container h1 {
	color: #008000;
	margin: 0;
	font: 30px verdana;
	line-height: 50px;
	text-align: center;
	font-weight: bold;}
.titre {
	width:100%;
	background: #d3d3d3;
	height: 50px;}
.logo_container {
	max-width:100%;
	text-align:center;
	margin-bottom:2px;
	height:70px;}
.titre_container h1 span.retour {
	position:absolute;
	left:390px;}
header {
	background: #d3d3d3;}
.header_plantes{
	margin:auto auto 20px;
	max-width:100%;
	top:0;
	z-index:20;
	margin-bottom:20px;}

#desc_plante {
	width: 100%;
	background: #5bad27;
	height: 310px;}

#desc_left {
	float:left;
	width: 930px;
	height: 250px;
	margin-left:5px;}

#desc_right {
	float:right;
	width: 250px;
	height: 250px;
	margin-right: 5px;}

.des_right_picture p {
	margin: 0;
	padding:0;}

#desc_plante h1 {
	color: #FFFFFF;
	font-size: 2em;
	height: 50px;
	line-height: 50px;
	text-align: center;
	margin: 0;}

#dl_overflow {
	background: #e1f0dd;
	height: 250px;
	overflow-x: hidden;
	overflow-y: auto;}

.title2 {
	color: #008000;
	font-size: 1.5em;
	line-height: 100%;
	margin: 10px 0 20px;
	text-align: center;
	width: 100%;}

.dlefttext {
	color: #008000;
	line-height: 130%;
	padding: 0 30px;
	text-align: justify;}

.dlefttext2 {
	color: #008000;
	line-height: 110%;
	padding: 0 10px;
	text-align: justify;}

.title3 {
	color: #008000;
	font-size: 1.2em;
	line-height: 100%;
	margin: 5px 30px 10px;
	width: 100%;}

#list_plantes {
	background: #d3d3d3;
	clear: both;
	display: block;
	height: 500px;
	width: 100%}

#list_plantes h1, #thumbs_plantes h1 {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	text-decoration:none;}

#list_plantes h1 {
	color: #008000;
	line-height: 50px;
	margin: 0;
}

#thumbs_plantes h1 {
	color: #fff;
}
#thumbs_plantes h1 {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	text-decoration:none;}

#list_plantes h1 {
	color: #008000;
	line-height: 50px;
	margin: 0;
}

#thumbs_plantes h1 {
	color: #fff;
}

#fl {
	border-collapse: collapse;
	position: absolute;}

.fltrth {
	border-spacing: 0;
	margin: -5px 0 25px;
	padding: 0;}

.flth1 {
	background-color: #5BAB16;
	color: #FFFFFF;
	width: 340px;}

.flth2 {
	background-color: #006424;
	color: #FFFFFF;
	border-left: 1px solid #fff;
	font-size: 8px;
	height: 20px;
	width: 65px;}

.flth3 {
	background-color: #006424;
	border-left: 1px solid #fff;
	color: #FFFFFF;
	font-size: 8px;
	height: 20px;
	width: 45px;}

.flth4 {
	background-color: #006424;
	border-left: 1px solid #fff;
	color: #FFFFFF;
	font-size: 8px;
	height: 20px;
	width: 105px;}

.flth5 {
	background-color: #006424;
	border-left: 1px solid #fff;
	color: #FFFFFF;
	font-size: 8px;
	height: 20px;
	width: 75px;}

#finder_list {
	background-color: rgba(0, 0, 0, 0);
	border: 0 solid;
	height: 450px;
	overflow-y: scroll;
	width: 100%;}

#fltable {
	background-color: #EEF6E7;
	border-collapse: collapse;}

.fltr {
	border-spacing: 0;
	margin: 0;
	padding: 0;}

.fltr:hover{
	background-color: #e1fbc0;
	cursor:pointer;}

.fltr:active{
	background-color:#f6fdd3;
	cursor:pointer;}

.fltd {
	border: 0 solid #006424;
	text-align: left;
	padding-left: 5px;
	width: 335px;}

.soustitre {
	background: #006424;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;}

.fltd a {
	color: #404040;
	text-decoration: none;}

.fltd a:hover {
	font-weight:bold;
	color:#000000;}

.fltd1 {
	text-align: center;
	width: 66px;}

.fltd3 {
	text-align: center;
	width: 46px;}

.fltd4 {
	text-align: center;
	width: 106px;}

.fltd5 {
	text-align: center;
	width: 76px;}

.des_right_picture p img {
cursor: zoom-in;}

/*****************************************************
/* css spécial tableau liste plantes */
/*****************************************************/

#blocTableaux {
font-size:16px;
width:75em;
height:455px;			/* set height here */
margin:0 auto; position:relative; padding:0; text-align:center;}
#blocG, #blocD{display:inline-block;width:74.375em;height:100%;margin:0 0.1em;overflow-y:scroll;box-shadow:0 0 0 1px;background:#ddd}
#tabG {text-align:center;
font-size :12px; line-height:20px;		/* !!! */
width:100%;table-layout:fixed;}
thead, tfoot {background-color : #006424;color : #fff;}
tbody {background-color : #EEF6E7;;}
/* copie de la tête pour la superposer et rester sur le dessus du conteneur.
Il n'apporte pas de contenu extra bizarre .GCyrillus */
tfoot {table-layout:fixed;position:absolute;top:0px;left:auto;
width:97.75em;			/* => [74.5 - 1em (scrollbar)] x 1.33 (16px/12px)  */
display:table;background:#EEF6E7;;margin-left:-1px;box-shadow:0px 3px 5px   #ccc}
tfoot th { box-shadow:0 0 0 1px #fff; background:#006424;}
/* largeur de colonnes via class */
#blocTableaux .t1th1
{width:27.22em;}
#blocTableaux .t1th2,
#blocTableaux .t1th6,
#blocTableaux .t1th7
{width:8.52em;}
#blocTableaux .t1th3
{width:3.63em;}
#blocTableaux .t1th4,
#blocTableaux .t1th5
{width:5.37em;}
#blocTableaux .t1th8
{width:6.16em;}
.soustitre {background:#5BAB16; color: #fff; font-size: 12px; text-align: left; padding-left:5px;}

/*****************************************************
/* css spécial section vignettes plantes */
/*****************************************************/
#thumbs_plantes {
	background: #fff;
	clear: both;
	display: block;
	height: auto;
	max-width: 100%;
}
.item {
	/*display: block;*/
	height: auto;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	margin-bottom: 15px;
}
.item h4 {
	margin: 0;
	min-height: 45px;
	max-height: 80px;
	overflow: hidden;
	display: block;
	line-height: 20px;
	margin: 25px 0 0;
	padding: 0;
}
.item h4 a {
	color: #2c3e50;
	font-family: Dosis, Arial, Helvetica, sans-serif;
	font-weight: 600;
	text-decoration: none;
	
}
#SimilarProductSlider .item {
	padding: 30px 0px 0;
	margin: 10px;
	color: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
}
.rightSidebar .item {
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 0;
}
.rightSidebar .item h4 {
	margin-top: 0;
}
.item {
	/*display: block;*/
	height: auto;
	min-height: 320px;
	transition: all 0.3s ease 0s;
	margin-bottom: 15px;
}
.item h4 a {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: normal;
}
.product {
	display: block;
	height: auto;
	transition: all 0.3s ease 0s;
	border: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	text-align: center;
}
.product:hover {
	background: #fff;
}
.deco{
	position:absolute;
	color:#fff;
	z-index:1000;
	margin-left:-10px;
	margin-top:10px;
}
h1.titre_plante {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	margin-bottom:15px;
	text-align: center;
	width: 100%;
	text-decoration:none;
	background: #419334;
	height: 50px;
	line-height: 50px;
}
.col-lg-9 {
	width: 100%;
}
.col-sm-12 {
	margin-bottom: 0;
}
.col-lg-9, .col-md-9, .col-sm-12 {
	float: none;
}
.desc_icon {
	margin-bottom: 10px;
	font-size: 1em;
}
.description {
	margin: 0 4px 0 5px;
	height:75px;
	font-size:1.1em;
}
.description i {
	color: #aaa;
}
.image {
	display: block;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 100%;
	max-height: 240px;
	transition: all 0.5s ease 0s;
}
.image a {
	display: block;
	overflow: hidden;
}
.image a img {
	transition: all 0.5s ease 0s;
	max-height: 240px;
	margin: 0 auto;
}
.product:hover .image a img {
	transform: scale(1.15) rotate(-1.5deg);
	-webkit-transform: scale(1.1) rotate(-1.5deg);
	-moz-transform: scale(1.1) rotate(-1.5deg);
	-ms-transform: scale(1.1) rotate(-1.5deg);
	-o-transform: scale(1.1) rotate(-1.5deg);
}
h2 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: normal;
	font-size: 1.4em;
	line-height: 30px;
	margin: 0;
	padding-bottom: 15px;
}
.desc_icon i {
	color: #888;
}
.iconensoleillement{
	font-family: icomoon;
	font-size:18px;
	color:#AAAAAA;
	margin-top:-2px;
}
.supprime, .supprime:hover {
background: #efeab1;
background: -moz-linear-gradient(top, #efeab1 65%, #feb645 100%);
background: -webkit-linear-gradient(top, #efeab1 65%,#feb645 100%);
background: linear-gradient(to bottom, #efeab1 65%,#feb645 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efeab1', endColorstr='#feb645',GradientType=0 );
}

.footer {
	background:#ccc;
	border:1px solid #57AA26;
	height:40px;
	line-height:30px;
}
.next img, .next span, .next_top img, .next_top span, .previous img, .previous span {
	vertical-align:middle;
	display:inline-block;
}
.next {
	float:right;
	margin-right:20px;
	margin-top:2px;
	margin-bottom:15px;
}
.next_top {
	float: right;
	margin-right: 20px;
	margin-bottom:2px;
	line-height: 2.1;
}
.previous {
	float:left;
	margin-left:20px;
	margin-top:2px;
	margin-bottom:15px;
}
.next a, .previous a {
	text-decoration:none;
}
.next span, .next_top span {
	font-weight:bold;
	background:#008000;
	color:#ffa500;
	padding:2px 5px;
	margin-right:5px;
	font-size:1.6rem;
}
.previous span {
	font-weight:bold;
	background:#008000;
	color:#ffa500;
	padding:2px 5px;
	margin-left:5px;
	font-size:1.6rem;
}
h2 .small {
	font-size:.8em;
	color:#404040;
}
h2.index {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	text-decoration:none;
	padding:5px 50px;
	margin-bottom:15px;}
figure {
	display:inline-block;
	padding:0 12px;
	margin-bottom:15px;}
figcaption {
	background:#000;
	font-size:1.6rem;
	font-weight:bold;
	text-align:center;
	color:#fff;
	padding:5px 0;}
#conteneur {
	display:flex;
	justify-content:space-around;
	max-width: 1200px;
	margin: auto;}
table.massif_left, table.massif_right {
	display:inline-block;
	border-collapse:collapse;
	border:2px solid #008000;
	margin-bottom:30px;
	color:#006400;
	width:48%;}
table.massif_right {
	margin-right:0;}
.massif_left thead,.massif_right thead {
	color:#006400;}
.massif_left th,.massif_right th {
	background-color:#bdf7b3;
	border:2px solid #008000;
	font-size:1.4rem;
	line-height:2.2rem;
	text-align:center;}
.massif_left td,.massif_right td {
	border:2px solid #008000;
	text-align:center;
	padding:3px 5px;
	font-size:1.3rem;
	line-height:2rem;}
.massif_left td.tableau_color,.massif_right td.tableau_color {
	background-color:#bdf7b3;}
.massif_left th.img, .massif_right th.img {
	width:9%;}
.massif_left th.nbre, .massif_right th.nbre {
	width:14%;}
.massif_left img, .massif_right img {
	height:50px;}
.massif_left td.plante, .massif_right td.plante {
	text-align:left;
	padding-left:10px;}
.row {
	margin-right: 0;
	margin-left: 0;
	text-align: center;}
hr.green {
	width:auto;
	height:3px;
	background-color:#006400;
	border:0;
	margin:30px 10px;}

/*****************************************************
/* css spécial mobiles section vignettes plantes */
/*****************************************************/
@media (max-width: 1199px) {
	#second_home{display:none;}
	.desc_icon{margin-top:25px;}
	.item h4 a ,.desc_icon, .price{font-size:1.1em;}
}
@media (max-width: 1299px) and (min-width: 1200px) {
	.desc_icon{margin-top:25px;}
	.item h4 a, .desc_icon, .price  {font-size:0.6em;}
}
@media (max-width: 1399px) and (min-width: 1300px) {
	.desc_icon{margin-top:25px;}
	.item h4 a ,.desc_icon, .price {font-size:0.7em;}
}
@media (max-width: 1599px) and (min-width: 1400px) {
	.desc_icon{margin-top:25px;}
	.item h4 a ,.desc_icon, .price {font-size:0.9em;}
}
@media (max-width: 1799px) and (min-width: 1600px) {
	.desc_icon{margin-top:25px; font-size:1.14em;}
}
@media (min-width: 1800px) {
	.desc_icon{margin-top:25px; font-size:1.14em;}
}
@media (min-width: 1980px) {
	.desc_icon{margin-top:10px; font-size:1.14em;}
}
 @media (max-width: 320px) {
.container {
	width: 100% !important;
	max-width: 320px !important;
}
}
 @media (max-width: 400px) {
.container {
	min-width: 310px;
}
.xsResponse .item, .xs3Response .item {
	width: 100% !important;
}
}
 @media (max-width: 979px) {
.container {
	width: 100% !important;
	max-width: 900px !important;}
#conteneur {flex-direction: column;}
	table.massif_left, table.massif_right {width:100%;}
}
@media (max-width: 979px) {
	.titre_container h1 span.retour {
	left:30px;}