* { margin: 0; padding: 0; outline:0; }


h3 { font-size: 16px; line-height: 20px; }
html, body { height: 100%;}
body { font-size: 13px; line-height: 1.35; font-family: "Montserrat", Arial, sans-serif; font-weight: 500; color: #2e2c2d; background: #fff; text-align:center;}
h1#logo { width: 180px; float: right; display: inline; padding: 20px 5px 0 0; }
h1#logo a { display: block; background: url(images/logo_arvalis.png); background-repeat: no-repeat; height: 100px; }
h1.nomfiche { font-family: "Montserrat", Verdana, Sans-Serif; font-size: 32px; text-align: center; margin-bottom: 12px; text-align:center; color: #087b7a; }
h2.nomrubrique { font-family: "Montserrat", Verdana, Sans-Serif; font-size: 24px; text-align:left; margin: 13px 0px 5px 0px; color: #087b7a; padding: 0px; }
th { background: url( images/content-table-title-bg2.gif) repeat-x 0 0; border: 1px solid #cfcfcf; padding:5px 5px 5px 5px; font-size: 12px; line-height: 13px; color: #ac2d36; position: static; text-align:center; }
td { text-align:center; font-size: 13px; line-height: 1.3; font-family: "Montserrat", Arial, sans-serif; padding:5px 5px 5px 5px; } /*border: 1px solid #cfcfcf*/
.search { text-align:center; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; font-size: 13px; line-height: 1.3; font-family: "Montserrat", Arial, sans-serif; height: 25px; }
img { border: 0px; }
/* width:60px; height: 42px; correspondent aux anciennes valeurs de th et td */
.main-holder { width: 100%; position: relative; }
.shell { width: 100%; margin: 0 auto; text-align:left; position: relative; } /*width:1000px*/
.main { width: 85%; max-width:950px; margin: 0 auto; } /*width: 1000px;*/
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.logo-connexion { background: #fff url( images/logo_fiches_arvalis.png) no-repeat 0 0; width:100%; height: 113px; margin-top:15px; position:relative; }
.logo-connexion-home { background: #fff url( images/logo_fiches_arvalis-home.png) no-repeat 0 0; width:100%; height: 113px; margin-top:15px; position:relative; }
.logo-varietes-home { background: #fff url( images/logo_fiches_VARIETES-home.png) no-repeat 0 0; width:100%; height: 113px; margin-top:15px; position:relative; }
.logo-couverts-home { background: #fff url( images/logo_fiches_COUVERTS-home.png) no-repeat 0 0; width:100%; height: 113px; margin-top:15px; position:relative; }
.logo-accidents-home { background: #fff url( images/logo_fiches_ACCIDENTS-home.png) no-repeat 0 0; width:100%; height: 113px; margin-top:15px; position:relative; }
.logo-produits-home { background: #fff url( images/logo_fiches_PRODUITS-home.png) no-repeat 0 0; width:100%; height: 113px; margin-top:15px; position:relative; }
.logo-varietes { background: #fff url( images/logo_fiches_VARIETES.png) no-repeat 0 0; width:100%; height: 113px; margin-top:15px; position:relative; }
.logo-couverts { background: #fff url( images/logo_fiches_COUVERTS.png) no-repeat 0 0; width:100%; height: 113px; margin-top:15px; position:relative; }
.logo-accidents { background: #fff url( images/logo_fiches_ACCIDENTS.png) no-repeat 0 0; width:100%; height: 113px; margin-top:15px; position:relative; }
.logo-produits { background: #fff url( images/logo_fiches_PRODUITS.png) no-repeat 0 0; width:100%; height: 113px; margin-top:15px; position:relative; }
.logo { height:50px; margin-bottom:15px; }
.logo-arvalis { height:50px; margin-bottom:15px; position:absolute; right:100px; }

.img-fiche { display:inline-block; width:15%; float:left; }
.txt-fiche { width:95%; float:left }

.conteneur { margin: 5px 5px 5px 5px; }
.titre { float:left; }
.ligne { width:100%; height: auto !important; height: auto; float:left; margin: 1px 5px 25px 5px;}

.ui-button { margin-left: -1px; }
.ui-button-icon-only .ui-button-text { padding: 0.35em; } 
.ui-autocomplete-input { margin: 0; padding: 0.48em 0 0.47em 0.45em; }

a.cnt-button input { 
	margin-left:100px; width: 95px; border: 0; height: 31px; line-height: 31px; font-size: 13px; background-color:#087b7a; color: #fff; font-weight: bold; display: inline-block; background-position: right 0;
}
a.cnt-button { padding-left: 13px; }
a.cnt-button input { background-position: right 0; }
a.cnt-button:hover { text-decoration: none; }

input { border: 0px; padding-bottom:4px; }

#wrapper { height: auto !important; height: 100%; margin: auto; }
#footer, #footer-push { height: 352px; }

#header-holder { height: 145px; position: relative; z-index: 10; }
#header-left { position: absolute; left: 0; top: 0; width: 50%; background: url( images/barregauche.png) repeat-x 0 0; height: 145px; z-index: 11; }
#header-right { position: absolute; right: 0; top: 0; width: 50%; background: url( images/barredroite.png) repeat-x 0 0; height: 145px; z-index: 11; }
#header-line { position: relative; z-index: 12; }
#header { width:85%; margin:auto; }
.sous-titre { position:absolute; top:60px; color:#E2001A; font-weight:bold; font-size:17px; margin-left:2px;}
.titre-accident { display:inline-block; margin:auto }
.t1 { width:calc(100% - 200px) }
.t2 { width:100% }
.nuisibilite { display:inline-block; overflow:hidden; width:200px; margin:auto; margin-top:15px; }
.titre-detail { font-size:18px; text-align:center; color: #000000; font-style:italic; }

#content { float: left; display: inline; width: 100%; position: relative; } /*width:780px*/

.identite-var { width:calc(100% - 300px); display:inline-block; }
.img-pdt { width:298px; display:inline-block; float:right; }
#rendement { width:100%; min-height: 355px; height: auto !important; height: 100%; border: 1px solid orange; padding: 5px 0px 5px 5px; float:left; position:relative; }
#colonne_carte  { width:370px;  height: 240px; position:absolute; }
#selection_carte  {margin:250px 0px 0px 0px;}
#tableauRA { float:right; padding-top:5px; padding-left:15px; } /*width:430px;*/

#traitement { width:500px; height: auto !important; height: 100%; border: 1px solid orange; margin: 5px 5px 15px 5px; float:left;  position:relative; }

#debouches { background-color:orange; width:200px; margin-top: -14px; padding-top:4px; overflow:hidden; float:right;  position:relative; }

#debouches .conteneur { background-color:#fff2c0; margin: 0px 0px 0px 0px; width:100%; padding-left:5px; }



#milieu { margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px; border: 1px solid orange; width:280px; height: auto !important; height: 100%;  position:relative; }

#semis { margin: 5px 5px 5px 20px; width:440px; height: auto !important; height: 100%; position:relative; float:right; }

#firme { padding: 7px; width:100%; background:#e7e7e7; position:relative; overflow:hidden; }

#WaitingOverlay {background-color: #FFFFFF; cursor: wait; display: none; opacity: 0.85; -moz-opacity : 0.85; -ms-filter: "alpha(opacity=85)"; filter : alpha(opacity=85); height: 100%; width: 100%; position: fixed; left: 0; top: 0; z-index: 9999; text-align: center;}
#WaitingOverlay div {position: absolute; width: 100%; height: 150px; top: 50%; left:1%; margin-top: -100px; text-align: center; z-index: 9999}

.cadre-desc { border: 1px solid #f5b100; padding: 5px 5px 5px 5px; float:left; width:100%; }
.cadre-desc2 { width:350px; }

/* style de la zone latérale */

#sidebar { float: right; display: inline; width: 200px; padding-top: 13px; }

.infobulle { }
.infobulle:hover { cursor:help; }
.IIB { background: url() no-repeat 0 0; width:10px; }

.side-box { background-repeat: no-repeat; background-position: 0 bottom; margin-bottom: 10px; padding-bottom: 18px; font-size: 13px;  }
.side-box h3 { font-size: 20px; line-height: 24px; color: #2e2c2d; font-weight: normal; }

.side-box .box-cnt { padding: 23px 10px 0 10px; color: #b22921; font-size: 13px; }
.side-box .box-cnt p { padding-bottom: 4px; }
.side-box .box-cnt h3 { padding-bottom: 20px; }
.side-box .box-cnt a.button,
.side-box .box-cnt a.button span { float: left; display: inline; background: url( images/button.gif) no-repeat 0 0; height: 30px; line-height: 29px; color: #fff; font-weight: bold; }
.side-box .box-cnt a.button { padding-left: 10px; }
.side-box .box-cnt a.button span { background-position: right 0; padding-right: 10px; }
.side-box .box-cnt a.button:hover { text-decoration: none; }

.side-box .links-list { }
.side-box .links-list h3 { padding: 19px 7px; }
.side-box .links-list ul { list-style-type: none; }
.side-box .links-list ul li { line-height: 16px; font-weight: bold; padding-bottom: 19px; background: url( images/side-links-border.gif) repeat-x 0 bottom; }
.side-box .links-list ul li { padding: 0 0 14px 7px; margin-bottom: 5px; }
.side-box .links-list ul li.last { padding: 0 0 0 7px; margin-bottom: 0; background: none; }
.side-box .links-list ul li a { color: #b22921; }

.bottom-link { font-size: 12px; line-height: 14px; padding-top: 10px; }
.bottom-link a { text-decoration: underline; color: #000; }
.bottom-link a:hover { text-decoration: none; }

/* styles de la page d'accueil */

.resultats { min-height:550px; width:380px; min-height:550px; display:inline-block; float:left; } /*min-height:550px; width:350px; min-height:550px; float:right;*/
.filtres { width:400px; display:inline-block; float:left; } /*width:400px; float:left;*/

.intro { font-family: Montserrat; }
.div-intro { width: 100%;margin-top:20px; margin-bottom:30px; overflow:hidden; }
p.intro { text-align:justify; color:#2E2C2D; line-height:1.7; font-size:10pt; margin: 0px 5px 0px 5px; min-height:120px; }
h1.intro { color:#087b7a; margin: 0px 10px 0px 10px; text-align:center }
h1.homeintro { color:#087b7a; margin: 0px 5px 5px 5px; font-size: 20px }
h2.intro { color:#087b7a; margin: 0px 5px 5px 5px }
h3.intro { color:#087b7a; margin: 0px 5px 5px 5px }
h4.intro { color:#087b7a; margin: 0px 5px 5px 5px }

a.pres_titre { text-decoration: none; }
a.pres_paragraphe { text-decoration: none; }
a.pres_titre:hover { text-decoration:underline; color:#087b7a; }
a.pres_paragraphe:hover { text-decoration:underline; color:#000000; }
a { color:black;}

.listefichesTitre { color: #087b7a; font-weight: bold; font-size:1.2em; }
.filAriane { color: #087b7a; font-weight: bold; font-size:1.0em; margin-bottom: 5px; }

.listefiches { font-weight: bold; }
div.listefiches { width: 275px; font-weight: bold; }
h1.listefiches { color:#087b7a; margin: 20px 0 20px 0; text-align:center }
span.listefiches { color:#087b7a; margin: 20px 0 20px 0; text-align:center; font-weight: bold; font-size: 26px; text-align: center; }
h2.listefiches { color:#2E2C2D; background-color:#fff; font-weight: bold; font-size: 15px; text-align: center;  margin: 0 5px 5px 5px; border-radius: 5px; border: 1px solid #087b7a; }
h2.listefiches:hover { color:#fff; background-color:#0097ac; font-weight: bold; font-size: 15px; text-align: center;  margin: 0 5px 5px 5px; border-radius: 5px; border: 1px solid #087b7a; }
h2.offlistefiches { color:#696969; background-color:#DCDCDC; font-weight: bold; font-size: 15px; text-align: center;  margin: 0 5px 5px 5px; border-radius: 5px; border: 1px solid #087b7a; }

.rechercher {
	margin-left:255px; margin-top:20px; width: 95px; border: 0; height: 31px; line-height: 31px; font-size: 13px; background-color:#087b7a; color: #fff; font-weight: bold; display: inline-block; background-position: right 0;
}

a.listefiches { text-decoration: none; }

select.listefiches { float: right; margin-right: 50px; width: 210px; border: 1px solid #0097ac;}

.choixactif { color:#ffde75; background-color:#DB1702; }

.box-fiches { box-shadow: 2px 2px 2px 2px; padding: 15px 20px; border-radius: 7px; width:85%; margin:auto; overflow:hidden; min-height: 320px; margin-bottom:20px; }
//.fiches-exp { border: 1px solid orange; padding: 15px; width:85%; margin:auto; }
.fiches-exp { width:100%; margin:auto; margin-bottom:20px; padding:20px; text-align:justify; line-height:1.5; background-color:#dedcdc; overflow:hidden;}
.fiches-exp1 {background-color:#dedcdc;}
.fiches-exp2 {background-color:#f5f5f5;}

.qr-code {width:40%; display:inline-block; float:left; }
.envoi-fiche { width:60%; margin:auto; border-color:1px solid red; overflow:hidden; border:1px solid grey; }
.envoi-fiche2 { width:40%; display:inline-block; float:left; margin:10px; }


/*navigation*/
nav > ul { width:85%; margin:auto;padding:0px; }
nav > ul > li {float:left; }
nav li {list-style-type:none; }
.submenu { display:none; background-color:#2E2C2D}

nav input[type=checkbox] {display:none; }
.menu-mobile { display:none; }

nav {  background-color:#087b7a;}
nav > ul > li { float:left; position:relative; }
nav > ul::after { content:""; display:block; clear:both; }
nav a { display:inline-block; text-decoration:none; }
nav > ul > li > a { padding:18px 25px; color:#FFF; }
nav li:hover .submenu { display:inline-block; position:absolute; top: 100%; left: 0px; padding:0px; z-index:100000; }
.submenu li  { border-bottom:1px solid #CCC; }
.submenu li a { padding:15px 30px; font-size:13px; color:#FFF; width:200px; text-align:left; }
.menu-html:hover { background-color:#0097ac; }
.submenu li:hover {background-color:#1A1819; }
.active { background-color:#0097ac; }

.outils { width:42%; font-weight:bold;padding:10px;padding-left:25px;text-align:center;margin-bottom:15px;position:relative; }
.outil1 { float:left; }
.outil2 { float:right; }

.cadre_fiche {
	width:48%;
	float:left;
	min-width:380px;
	overflow:hidden;
}

.cadre_gauche {
	margin-right:20px;
}

#tarteaucitronRoot div#tarteaucitronAlertBig{
	width:30% !important;
	box-shadow:0 0 9000px #fff !important;
}

span#tarteaucitronDisclaimerAlert{
	font-size:14px !important;
}

#tarteaucitronAlertBig{
	background:#c8d200 !important;
	padding:15px 25px !important;
}



nav input[type=checkbox]:checked ~ ul { display:block; }
@media screen and (max-width : 680px) {
	/*.menu-mobile { display:block; color:#fff; background-color:rgba(29,197,151,0.97); text-align:center; padding12px 0;}*/
	.menu-mobile { display:block; color:#fff; background-color:#C7D401; text-align:center; padding:12px 0;}
	nav ul { display:none; width:100%; margin:0px}
	nav ul li, nav ul li a { width:100%; text-align:center; }
	nav ul li a, nav ul li:hover a { padding:10px 0px 10px 0px; }
	nav li:hover .submenu { display:block; position:static; }
	.shell { width:100%;}
	.logo { width:100%; max-width:500px;}
	.img-fiche { display:none; }
	.txt-fiche { width:100%; }
	.resultats { width:100%; }
	.filtres { width:100%; }
	.qr-code { display : none; }
	.envoi-fiche2 { width:100%; }
	.cadre-desc2 { width:100%; }
	.t1 { width:100%; }
	.nuisibilite { display: block; width:200px; margin:auto; }
	.identite-var { width:100%; }
	.img-pdt { width:100%; display:inline-block; }
	.outils { width:100%; }
	.outil1 { float:none; }
	.outil2 { float:none; }
	a { text-decoration:none; }
}

@media screen and (max-width : 900px) {
	.resultats { float:left; }
	.logo-arvalis { display:none; }
	.cadre_fiche {
		width:100%;
	}

	.cadre_gauche {
		margin-right:0px;
	}
	p.intro  { min-height:0px;}
	.box-fiches { min-height:0px;}
}