@charset "UTF-8";

/*** DIV masqués au démarrage ***/
.connect.offline{display:none;}
.btn.btn-back{display:none;}
.txt-connected.right{display:none;}
.btn-decnx{display:none;}
.home-criteres{display:none;}
#mainContent-verietes-liste{margin:0.9rem 0;display:none; }
#lettreslist{display:none;}
#varietelist{display:none;}


/**** MENU *** http://goetter.fr/nav/ */
/* Responsive Navigation styles begin here */
nav > input,
nav > label {
	display: none; /* hidden on large screens */
}

/* Old Android bugfix */
body {  -webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix {  from {padding:0;}  to {padding:0;} }

@media (min-width: 767px) {
	.txt-espece.menu{display:none;}
		
	nav ul#menu_especes { 
		/*width : 800px; */
		/*height : 28px;*/
		margin : 0;
		padding : 0.3em 0 0 0;
		/*background-color : #f4f9fd;
		border : 1px dashed black;*/
		list-style-type : none; 
		overflow: visible;
	}
	 
	ul#menu_especes li {
		padding : 0 0.5em;  
		line-height : 30px;
	}
	 
	ul#menu_especes li.bouton_gauche {
		float : left;
		border-right : 1px solid gray; 
	}
	 
	ul#menu_especes li.bouton_droite {
	float : right;
	border-left : 1px solid gray;
	}
	 
	ul#menu_especes a {
		color : black;
		text-decoration : none;
		padding : 0 0.5em; 
		font :  0.8em;
	}
	 
	#menu_especes li:hover, ul#menu_especes a:hover { 
		background-color : #00634f;
		color : #fd0  !important;
	}

	 
	ul#menu_especes a img { 
		border : none;
		padding :  0 0.3em;
	}
	
	li.espece_selected{
		background-color : #00634f;
	}
	a.espece_selected{
		color : #fd0 !important;
		text-decoration: none;
	}

}

@media (max-width: 767px) {

	/* Theming opened nav */
	nav#navigation ul {
		/* translate with hardware acceleration */
		transform: translateZ(0);
		-webkit-transition: max-height .4s, overflow .4s;
		transition: max-height .4s, overflow .4s;
		will-change: max-height, overflow;
		

		/* global styles */
		margin: 0;
		padding: 0;
		list-style: none;
	}
	nav#navigation a {
		display: block;
		padding: 0.6rem;
		color: #333;
		background: #fff;
		text-decoration: none;
		margin-bottom: 2px;
	}
	nav#navigation a:hover, 
	nav#navigation a:focus,
	nav#navigation a:active
	{
		background-color : #00634f;
		color : #fd0;
		text-decoration: none;
	}
	
	/* handling clic with CSS3 checked */
	/* Theming closed nav */
	nav#navigation > input:not(:checked) ~ ul {
		max-height: 0;
		overflow: hidden;
	}
	/* Theming opened nav */
	nav#navigation > input:checked ~ ul {
		max-height: 20em;
		overflow: visible;
	}
	

	/* Global styling nav button */	
	nav#navigation > label {
		display: block;
		position: absolute;
			top: 0rem; right: 1rem;
			z-index: 1;
		height: 4.5rem; width: 10rem;
		border: 0;
		text-align: center;
		line-height: 1.2;

	}
	nav#navigation > label:before {
		color: #09ad7e;
		content: "▼";
		font-weight:bold;
	}
	nav#navigation > label:after {
		content: "";
		font-weight:bold;
	}

	
	/* Theming opened nav button */	
	nav#navigation > input:checked + label {

	}
	nav#navigation > input:checked + label:before {
		color: #09ad7e;
		content: "▲";
		font-weight:bold;
	}
	nav#navigation > input:checked + label:after {
		content: "";
		font-weight:bold;
	}
	

	/* Hide alternate text except from screen readers */
	.visually-hidden {
		position: absolute !important;
		clip: rect(1px, 1px, 1px, 1px);
		overflow: hidden;
		height: 1px;
		width: 1px;
	}
	

	nav#navigation a.espece_selected{
		background-color : #00634f;
		color : #fd0 !important;
		text-decoration: none;
	}
	

	
}




.gmc-row-menu{background:#c6c6c6;border-bottom:5px solid #fff;min-height:2.8em;z-index:8;-webkit-box-shadow:0 8px 15px rgba(0,0,0,.1);box-shadow:0 8px 15px rgba(0,0,0,.1)}
.gmc-row-menu .grid2 div{display:inline-block;width:49%}
.gmc-row-menu .menu-middle{display:block;overflow:hidden}
.gmc-row-menu .page-title{color:#fff;display:inline-block;font-family:semencesfregular;font-size:1em;line-height:1.1em;margin:1em .5em!important;text-transform:uppercase}
.gmc-row-menu .logo{background:#fff;display:inline-block}
.gmc-row-menu .btn-back{float:left;font-size:.9em;margin-right:1em}
.gmc-row-menu .logos{float:right;height:56px}

@media (min-width:769px){
	.gmc-row-menu .page-title{font-size:1.4em}
	.gmc-row-menu .logos{height:68px}
}


/**** CRITERES *****/


.gmc-row.home-criteres {
  margin-top: 2em;

}

#liste-criteres {
	/*width: 25em;
    height:-999px;
    margin-bottom: 2em;*/
    width: 220px;
}


#mainContent-criteres {margin-bottom:1.5rem;}

ul.menu-criteres, ul.menu-criteres ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu-criteres {
	/*width: 300px;*/
	height: auto;
	/*margin:50px auto;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);*/
}
.menu-criteres > li:not(.niv1) > a {
	background-color: #36a83d;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(51, 169, 57)),to(rgb(76, 154, 78)));
	background-image: -webkit-linear-gradient(top, rgb(51, 169, 57), rgb(76, 154, 78));
	background-image: -moz-linear-gradient(top, rgb(51, 169, 57), rgb(76, 154, 78));
	background-image: -o-linear-gradient(top, rgb(51, 169, 57), rgb(76, 154, 78));
	background-image: -ms-linear-gradient(top, rgb(51, 169, 57), rgb(76, 154, 78));
	background-image: linear-gradient(top, rgb(51, 169, 57), rgb(76, 154, 78));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#45c7eb', EndColorStr='#2698db');
	border-bottom: 1px solid #2a632c;
	-webkit-box-shadow: inset 0px 1px 0px 0px #7fc882;
	-moz-box-shadow: inset 0px 1px 0px 0px #7fc882;
	box-shadow: inset 0px 1px 0px 0px #7fc882;
	width: 100%;
	height: 2.75em;
	line-height: 2.75em;
	text-indent: 2.75em;
	display: block;
	position: relative;
	font-weight: 600;
	color: #fff;
	text-shadow: 0px 1px 0px rgba(0,0,0,.5);
	border-radius: 5px;
	margin-top :0.6rem;
}
.menu-criteres ul li a, .menu-criteres .niv1 a {
	background: #c6c6c6;
	border-bottom: 1px solid #efeff0;
	width: 100%;
	height: 2.75em;
	line-height: 2.75em;
	text-indent: 2.75em;
	display: block;
	position: relative;

	font-size: 0.923em;
	font-weight: 400;
	/*color: #878d95;*/
	color: #000;
	border-radius: 5px;
	margin-top :0.6rem;
}

.menu-criteres ul li p {
	background: #fff;
	width: 100%;

	line-height: 2.75em;
	padding-left: 2.75em;
	font-size: 0.923em;
	font-weight: 400;
	/*color: #878d95;*/
	color: #000;
}

.menu-criteres ul li:hover > p{
	background: #fff8cf;
}

.menu-criteres ul li:last-child a {
	/*border-bottom: 1px solid #33373d;*/
}
/*
.menu-criteres > li:not(.niv1)  > a:hover, .menu-criteres > li:not(.niv1)  > a.active {
	background-color: #36a83d;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(51, 169, 57)),to(rgb(76, 154, 78)));
	background-image: -webkit-linear-gradient(top, rgb(51, 169, 57), rgb(76, 154, 78));
	background-image: -moz-linear-gradient(top, rgb(51, 169, 57), rgb(76, 154, 78));
	background-image: -o-linear-gradient(top, rgb(51, 169, 57), rgb(76, 154, 78));
	background-image: -ms-linear-gradient(top, rgb(51, 169, 57), rgb(76, 154, 78));
	background-image: linear-gradient(top, rgb(51, 169, 57), rgb(76, 154, 78));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#45c7eb', EndColorStr='#2698db');
	border-bottom: 1px solid #29602b;
	-webkit-box-shadow: inset 0px 1px 0px 0px #7fc882;
	-moz-box-shadow: inset 0px 1px 0px 0px #7fc882;
	box-shadow: inset 0px 1px 0px 0px #7fc882;
}
*/
.menu-criteres > li:not(.niv1)  > a.active {
	
}
.menu-criteres > li:not(.niv1)  > a:before {
	content: '';
	background-image: url(../images/sprite.png);
	background-repeat: no-repeat;
	font-size: 36px;
	height: 1em;
  	width: 1em;
	position: absolute;
  	left: 0;
	
	margin: -.5em 0 0 0;
}

.menu-criteres > li:not(.niv1)  > a span {
	font-size: 0.857em; 
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 50%; 
	background: #2a632c;
	line-height: 1em;
	height: 1.8em;
	padding: .4em .6em;
	margin: -.8em 0 0 0; 
	color: #fff;
	text-indent: 0;
	text-align: center;
	-webkit-border-radius: .769em;
	-moz-border-radius: .769em;
	border-radius: .769em;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	-moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	text-shadow: 0px 1px 0px rgba(0,0,0,.5);
	font-weight: 500;
}
.menu-criteres > li > a:hover span, .menu-criteres > li a.active span {
	/*background: #2173a1;*/
}
.menu-criteres > li  > ul li a:before{
	/*content: 'â–¶';*/
	font-size: 8px;
	color: #bcbcbf;
	position: absolute;
	width: 1em;
	height: 1em;
	top: 0;
	left: -2.7em;
}

.menu-criteres > li > ul li:hover a,
.menu-criteres > li > ul li:hover a span,
.menu-criteres > li > ul li:hover a:before {
	color: #32373D;
}




.menu-criteres ul > li > a span,  .menu-criteres .niv1 a span   {
	font-size: 0.857em; 
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 50%;
	background: #fff;
	border: 1px solid #d0d0d3;
	line-height: 1em;
	height: 2em;
	padding: .4em .7em;
	margin: -.9em 0 0 0; 
	color: #878d95;
	text-indent: 0;
	text-align: center;
	-webkit-border-radius: .769em;
	-moz-border-radius: 769em;
	border-radius: 769em;
	text-shadow: 0px 0px 0px rgba(255,255,255,.01);
}

.menu-criteres > li > ul { display:none;}
.menu-criteres > li > ul ul { display:none;}

/* Base for label styling */
	[type="checkbox"]:not(:checked),
	[type="checkbox"]:checked {
		position: absolute;
		left: -9999px;
	}
	[type="checkbox"]:not(:checked) + label,
	[type="checkbox"]:checked + label {
		position: relative;
		padding-left: 25px;
		cursor: pointer;
		margin:0;
	}

	/* checkbox aspect */
	[type="checkbox"]:not(:checked) + label:before,
	[type="checkbox"]:checked + label:before {
		content: '';
		position: absolute;
		left:0; top: 2px;
		width: 17px; height: 17px;
		border: 1px solid #aaa;
		background: #f8f8f8;
		border-radius: 3px;
		box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
	}
	/* checked mark aspect */
	[type="checkbox"]:not(:checked) + label:after,
	[type="checkbox"]:checked + label:after {
		content: '✔';
		position: absolute;
		top: 0; left: 4px;
		font-size: 14px;
		color: #09ad7e;
		line-height: 1.75;
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		-ms-transition: all .2s;
		transition: all .2s;
	}
	/* checked mark aspect changes */
	[type="checkbox"]:not(:checked) + label:after {
		opacity: 0;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
	}
	[type="checkbox"]:checked + label:after {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	input.consultfiche[type="checkbox"]:not(:checked):hover + label:hover:after {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	/* disabled checkbox */
	[type="checkbox"]:disabled:not(:checked) + label:before,
	[type="checkbox"]:disabled:checked + label:before {
		box-shadow: none;
		border-color: #bbb;
		background-color: #ddd;
	}
	[type="checkbox"]:disabled:checked + label:after {
		color: #999;
	}
	[type="checkbox"]:disabled + label {
		color: #aaa;
	}
	/* accessibility */
	[type="checkbox"]:checked:focus + label:before,
	[type="checkbox"]:not(:checked):focus + label:before {
		/*border: 1px dotted blue;*/
	}
	p.lettre a{color : #fff;background:#41a343;font-weight: bold;display: block;padding:0px 10px;width:2em;text-align: center;margin-left:25px;cursor: pointer;}
	
	.rouge { color:red;}
	.txt_compar { color:#000;}
	
	p.lettre.lettreslist {display: inline-block;  cursor: pointer;}
	
	.btnCompare{display: inline-block; }
	.btn:disabled {    background: #fff1b4;}
	
	.minuscule{text-transform: uppercase !important;}
	
	
	ul.ui-autocomplete {
		padding:0;
		margin:0;
		list-style-type:none;
		background: #fff;
		border: 1px solid #d0d0d3;
		width:1em;

	}
	.ui-menu-item {
		cursor: pointer;
	}
	
	input#searchVarieteBox {
		background-image:url('../images/searchloupe.png');
		background-repeat: no-repeat;

	}
	/********************/
	
	#recherche {
width:12rem;
height:1.5rem;
background:white;
box-shadow:1px 1px 2px rgba(0,0,0,.3) inset;

}
  
#recherche .loupe {
background:url(../images/loupe.png) no-repeat 0 0;
width:24px;
}
  
#recherche input {
outline:0;
border:0;
margin:0;
height:1.5rem;
float:left;
display:block;
}
  
#recherche input[type=text] {
font-size:0.8em;
background:none;
width:10rem;
padding:0 0.5rem;
color:#666;
}

div.infodept{
    
    font-size: 1em;
}


/* deconnexion */
.authentification {display:none;}

/* loader */
.loader {
    position : fixed;
    z-index: 9999;
    background : url('../images/icon-loader.gif') 50% 50% no-repeat;
    top : 0px;
    left : 0px;
    height : 100%;
    width : 100%;
    cursor : wait;
    display:none;
}