@charset "utf-8";
/* CSS Document */
/***************************************/
/*** croisix -  Tout droits réservés ***/
/***************************************/

body	{
			margin:0px; 
			font: 11px Verdana, Helvetica, Arial, sans-serif;
			scrollbar-base-color: #FFFFFF; scrollbar-arrow-color:#00529E;
			scrollbar-track-color:#F4F4F4; scrollbar-3Dlight-color:#FFFFFF;
		}
/*----------------LES BALISES MAJEURES HORS DIV SPECIFIQUES (cf #sidebar)----------------------------------------------------*/
a					{color:#004171;}
a:hover				{text-decoration:none;}
a.blanc				{color:white;text-decoration:underline;}
a.blanc:hover		{text-decoration:none;}
a.noir				{color:black;text-decoration:underline;}
a.noir:hover		{text-decoration:none;}
a.noir2				{color:black;text-decoration:none;}
a.noir2:hover		{text-decoration:none;}
a.fleche			{background:url(images2008/fleche-menu.gif) left 4px no-repeat;padding-left:20px}
a.pdf				{background:url(images2008/picto-pdf.gif) left top no-repeat;padding-left:20px}

td					{vertical-align:top;}
p					{margin:0px;}
.floatLeft			{float:left;}
.floatRight			{float:right;}
.clear				{clear:both;}
.petit				{font-size:0.9em;}
.normal				{color:black;font-weight:normal;font-size:11px;}

input,select 		{font-size:11px;}
form				{margin:0px;}
select				{width:250px; background-color:#F4F4F4;margin-bottom:5px;border: solid 1px #CCCCCC;}
input				{border: solid 1px #CCCCCC;background-color:#F4F4F4;width:250px;margin-bottom:5px;}
.membre		{border: solid 1px #CCCCCC;background-color:#F4F4F4;width:150px;margin-bottom:5px;}
.bouton 		{width:70px;border: solid 1px #000000;background-color:#FFB935;}
.bouton2 		{border: solid 1px #000000;background-color:#FFB935;}
.radio			{width:14px; background-color:#FFFFFF;border:solid #FFFFFF; vertical-align:middle ;}
.checkbox		{width:14px; background-color:#FFFFFF;border:solid #FFFFFF; vertical-align:middle ;}
textarea			{border: solid 1px #CCCCCC;background-color:#F4F4F4;width:250px;}
.important			{font-style:italic;color:#D00000;}/*sur les etoiles dans les formulaires*/
.alerte				{background-color:#FF9900;border:1px solid #D40000;} /*coloration des champs à corriger via contrôles javascript*/
h1							{color:white;font:24px Arial;margin-top:20px;margin-bottom:0px;}
h1.acc						{margin:0px;}
h1.pays						{color:#004273;font:18px Arial;margin:0px;}
h1.acc_petit				{margin-top:0px;margin-bottom:5px;font-size:16px;}
h2							{color:#004171;font-size:13px;font-weight:bold;margin-bottom:10px;text-align:left;}
h2.sous						{margin-bottom:5px;border-bottom:1px solid #004171;padding-bottom:1px;}
h2.variete					{margin:0px;}

h2.groupe					{margin-bottom:5px;text-transform:uppercase;}
h3							{font:11px Verdana;color:#004171;}
h3.titre					{color:#004171;font-size:15px;font-weight:bold;margin-bottom:20px;}
h4							{font:11px Verdana;color:#004171 margin-bottom:10px;}
h5							{font: 11px Verdana, Helvetica, Arial, sans-serif; margin: 20px 0px 0px 0px;}
h6							{color:#004171;font-size:16px;font-weight:bold;margin-bottom:20px;text-align:center;}
div.legende			{text-align: center;font-weight: normal;width: auto;margin: 2px;}
hr							{border: 0; color: #95B911;background-color: #95B911;height: 1px; margin-top:-10px;}
.traitDr			{border-right:1px solid #495F6D;border-bottom:1px solid #495F6D;}
.traitBas			{border-bottom:1px solid #495F6D;}

table.formulaire td	{padding:5px; vertical-align:middle}

/*-----------------STRUCTURE DE LA PAGE ACCEUIL----------------*/
 
#menu_acc		{position:relative;top:30px;left:50%;width:975px;margin-left:-487px;}
 #bienvenue		{font-size:14px;color:#004171;margin-left:20px;width:200px;}
 #contact		{font-size:11px;color:#004171;margin-left:20px;width:450px;}
#centre_acc1	{position:relative;top:30px;left:50%;margin-left:-298px;width:760px;z-index:3;}
#centre_acc		{position:relative;top:30px;left:50%;width:975px;margin-left:-487px;}
#centre_acc	p	{line-height: 1.2em;} /* ajout APA 16/01/2012 car pb affichafe "tassé" sous Firexfox */
 #sementi		{position:relative;top:10px;left:10px;height:211px;width:200px;}
 #news_acc		{position:relative;top:10px;left:10px;width:255px;color:#E9F3FC;height:350px;overflow:auto;
 				scrollbar-base-color: #004171; scrollbar-arrow-color:white;scrollbar-track-color:#004171;
				scrollbar-3Dlight-color:#004171;}
#fermer 		{position:relative;top:450px;left:670px;height:10px;z-index:1;}
 
/*-----------------STRUCTURE DES PAGES INTERIEURES  ---------*/
#retourhome		{position:absolute;left:50%;top:10px;margin-left:103px;z-index:1000;padding-bottom:10px;}

#menu_gauche	{position:absolute;top:30px;left:50%;width:200px;margin-left:-487px;
				height:200px;}
 #pays			{font:22px Arial;color:#004171;border-top:1px solid #004171;border-bottom:1px solid #004171;width:190px;
 				padding:2px 0px 2px 0px;}/*rouge 990000*/
 #sidebar 		{margin-top:0px;margin-bottom:50px;color:#004171;width:190px;}

 #protection	{position:absolute;top:237px;left:0;width:197px;height:22px;background-color:#FFC266;
 				padding:7px 0px 0px 10px;z-index:100;}
 #carte			{position:absolute;top:185px;left:13;height:72px;z-index:101;}
 #reftext        {position:absolute;top:59px;left:79px;height:auto;z-index:102;width: 127px;
}
#centre			{position:relative;top:30px;left:50%;margin-left:-287px;width:760px;z-index:3;border-left:1px solid #FF9900;}
 #header		{position:relative;top:0px;left:15px;width:760px;}
 #bandeau_c		{position:relative;top:10px;left:15px;height:20px;color:#004171;margin-bottom:30px;}
 #contenu		{position:relative;top:0px;left:15px;width:100%;min-height:600px;overflow:visible}
   #contenu td	{margin: 5;vertical-align:top;}
   #encart_cruiser		{position:relative;float:right;margin-left:20px;}
#pied_page		{position:relative;top:40px;width:975px;height:50px;left:50%;
				margin-left:-487px;font-size:10px;z-index:300;text-align:right;}
				
/*-----------------bandeau france---------*/
#table_band td:hover	{background-color:#95b911;color:white;}
#table_band img			{border:none;border:0px;padding-top:0px;padding-bottom:5px;}

.paddingbandeau		{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:6px;width:150px;
					border-right:1px solid #ffffff;border-left:1px solid #ffffff;vertical-align:top;
					text-align:center;font-weight:bold;}
.paddingbandeaufirst	{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:6px;
						width:150px;border-right:1px solid #ffffff;vertical-align:top;text-align:center;
						font-weight:bold;}
.paddingbandeaulast		{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:6px;
						width:150px;border-left:1px solid #ffffff;vertical-align:top;text-align:center;
						font-weight:bold;}
#actif				{background-color:#ff9900;}
#actif	img			{border:0px;border:none;padding-top:0px;padding-bottom:5px;}
/*---------------------------cases alternance photo / texte ------ESSAI APA 13 JANV 2012 PAS UTILISE POUR L'INSTANT---------------------*/
.case_photo{position:relative;top:0px;left:0px;height:153px;width:230px;background-color:#ffcc00;z-index:10;}
.case_txt  {position:absolute;top:0px;left:0px;height:153px;width:230px;visibility:hidden;background-color:#666666;z-index:0;}
/*---------------------------about box---------------------------------------*/
#about {width:317px; float:right;background: #F3F3F3;border-top:1px solid #cccccc;border-bottom:1px dotted #cccccc;border-left:1px dotted #cccccc;border-right:1px dotted #cccccc;text-align:left; margin:0px; padding:10px;
}
#aboutamelior {width:255px; float:right; background: #F3F3F3;border-top:1px solid #cccccc;border-bottom:1px dotted #cccccc;border-left:1px dotted #cccccc;border-right:1px dotted #cccccc;text-align:left; margin-bottom:10px; padding:10px;
}

/*---------------------------les boites -------------------------------------------*/	
.box2 {width:100%} /*boites avec dégradés avec les classes ci-dessous*/
.box {width:230px;} /*boites avec dégradés avec les classes ci-dessous*/
.box div {width:227px;background:url(images/bg1.jpg) 0 0 no-repeat;border-bottom:1px dotted #cccccc;border-left:1px dotted #cccccc;border-right:1px dotted #cccccc;}
.box2 div {width:99%;background:url(images/bg1.jpg) 0 0 repeat-x;border-bottom:1px dotted #cccccc;border-left:1px dotted #cccccc;border-right:1px dotted #cccccc;} 
/*.box img {display: block;padding-top:5px;}
.box2 img {display: block;padding-top:5px;}*/
.box p,.box2 p  {text-align:left; margin:0px 8px 13px 16px; padding-top:7px;}
.box h2,.box2 h2  {text-align:left; margin:0px 8px 5px 16px; padding-top:7px;}

/*-------------------------- Les fonds -------------------------------------------- */
.fond_orange		{background-color:#FF9900;}
.fond_orange_bis	{background-color:#FFC266;;color:white;padding:5px;}
.fond_orange2		{background-color:#FFC266;}
.fond_orange2_bis	{background-color:#FF9900;padding:5px;}
.fond_orange3		{background-color:#FFDFB0;}
.fond_bleu			{background-color:#004171;color:#A9C8E9;}
.fond_bleu2			{background-color:#0060A6;color:#A9C8E9;}
.fond_bleu3			{background-color:#005391;color:#A9C8E9;}
.fond_bleu4			{background-color:#004171;color:#A9C8E9;border-right:1px solid #005493;border-bottom:1px solid #005493;
					padding-top:6px;padding-bottom:6px;font-weight:bold;}

.fond_vert			{background-color:#95B911;}
.fond_vert2			{background-color:#9EC712;color:white;border-right:1px solid white;}
.fond_vert3			{background-color:#81A20F;color:white;border-right:1px solid white;}
.fond_vert4			{background-color:#BFD570;}
.fond_vert5			{background-color:#81BB42;color:white;} /*catalogue 2011*/
.fond_gris			{background-color:#CCCCCC;border-right:1px solid white;}
.fond_varietes		{background-color:#EAEAEA;}
.fond_mouseover:hover{background-color:#95B911}
.fond_jaune			{background-color:#FFE275;padding:5px;}
.fond_jaune_clair	{background-color:#FFECA3;padding:5px;}
.fond_rouge2			{background-color:#D40000;color:white;} /*attention, il y a un fond_rouge dans le reseauRef */
.entete_varietes	{background-color:#FF9900;color:white;border-bottom:1px solid #004171;text-align:left;}

.photo				{border:2px solid #FFFFFF;}
.fond_ensilage		{background:url(images2008/p-mais-ensilage.jpg) 0 0 no-repeat}


.trait_dr_orange	{border-right:1px solid #FF9900;}

.orange				{color:#FF9900;}
/*--------------------------FLOAT & MARGES---------------------------------------*/			
.float_image        {float:right; clear:both; margin:0px 0px 20px 20px;}
.float_photo        {float:right; margin:0px 0px 20px 20px;border:1px solid #CCCCCC; padding:2px;}
.float_img_acc      {float:left; margin:0px 10px 0px 0px;}
.float_carte		{float:right;margin:0px 0px 0px 30px;}
.float_carte2		{float:right;margin:0px 0px 0px 5px;}/*carte ReseauRef dans tableau des varietes*/
.float_left			{float:left;margin:0px 10px 0px 0px;}/*logo nutriplus*/
.float_left2		{float:left;margin:0px 30px 20px 0px;}
.float_left2bis		{float:left;margin:0px 0px 0px 0px;}
.float_left3		{float:left;margin:0 5px 0px 0px;}/*champs dans formulaire enquete*/


.cadre_bleu	  		{border:4px solid #EFF3F8;} /*cadre bleu pour photo/image ajax*/
.marge0				{margin:0px;}
.marge_g10			{margin-left:10px;}
.marge_b10			{margin-bottom:10px;}
.padding			{padding:25px;}
.padding10			{padding:10px;}
.img_marge_left		{margin-left:20px;}

/*----------------------------------------------VIEW IMAGE HIGHSLIDE -------------------------------------------------- */
.highslide 			{cursor: pointer; outline: none;}
.highslide:hover img{border: 2px solid white;}
.highslide-image 	{border: 10px solid white;}
.highslide-caption  {margin-left:10px; margin-top:-10px;padding-bottom:3px;position:relative;z-index:10000}

/*--------------------------COLOR---------------------------------------*/
.sous_titre_bleu	{color:#004171;font-size:13px;font-weight:bold;margin-bottom:20px;text-align:center;}
.bleu_activite		{color:#004171;font-size:19px;font-weight:bold;margin-bottom:-9px;}


.lettrine {float: left;font-size: 2.3em;font-weight: bold;font-family: Georgia, Times New Roman, Times, serif;color: #95B911;border: 1px solid #FF9900;background-color: #004273; margin: 1px 5px 1px 0px;padding: 1px 1px 1px 1px;line-height: 1em;}

#datetime			{font:10px Verdana;color:#FFFFFF;margin-bottom: 0px;margin-top:0px;}

/*-----------------PLATEFORME/CONTENU-------------------*/ 
#contact a				{color:#004171;text-decoration:none;}
#contact a:hover		{text-decoration:underline;}
#contact:hover			{background-color:#F4F4F4;}


#news_acc p				{font-weight:bold;border-bottom:1px solid #E9F3FC;padding-bottom:1px;}

#table_acc				{margin-top:5px;}
#table_acc a			{color:white;text-decoration:none;} /*le tableau central de la page d'accueil*/
#table_acc a:hover		{text-decoration:underline;}
#table_acc td:hover		{background-color:#95B911;color:white;}

#table_acc2 a			{color:black;} /*le tableau central de la page d'accueil*/
#table_acc2 a:hover		{text-decoration:underline;}

#tabmenu_acc a				{color:white;text-decoration:none;} /*le tableau central de la page d'accueil*/
#tabmenu_acc a:hover		{text-decoration:none;}

#protection a,#carte a			{color:white;text-decoration:none;} /*le tableau central de la page d'accueil*/
#protection a:hover,#carte a:hover		{text-decoration:underline;}
#protection:hover		{background-color:#95B911;color:white;}

#pied_page a			{color:black;text-decoration:none;}
#pied_page a:hover		{color:black;text-decoration:underline;}

#retourhome a 			{color:#004171;text-decoration:none;}
#retourhome a:hover		{text-decoration:underline;}

#organizzazione	a		{color:white;text-decoration:none;}
#organizzazione a:hover	{text-decoration:underline;}

#add_variete a			{color:black;text-decoration:none;}
#add_variete a:hover	{text-decoration:underline;}

#container a			{color:black;text-decoration:none;}
#container a:hover		{text-decoration:none;}

#register input			{width:80px; background-color:#FFCB6A;border:solid #FFFFFF;}

#centre p				{margin-top:0px; margin-bottom:20px;line-height: 1.6em;}
#centre table			{}
#centre ul				{list-style-image:url(images2008/picto-li.gif);margin-left:5px;padding:3px 5px 3px 16px;}/*background-color:#E3E8F4;*/
/* pour ne plus voir le carre sous ie, mettre margin:0px ce qui decale ul vers la gauche et le fait sortir de la div */
#centre ul.light		{background-color:white;}
#centre li				{margin-bottom:5px; margin-top:0px;line-height: 1.6em;}

/* 004171*/
#contenu h1				{color:#1A8CFF;font-size:22px;font-family:Georgia, Times New Roman, Times, serif;margin-top:0px;margin-bottom:15px;font-weight:bold;line-height:1.35em;}
#contenu h1.white		{color:#ffffff;font:16px Verdana;font-weight:bold;}
#contenu span.on		{margin-bottom:2px;margin-top:10px;padding-left:5px;background-color:#FF9900;color:white;}
#contenu img			{border:0;}
#contenu img.danstext	{border:0;margin-left:10px;}

#header table			{text-align:left;} /*le bandeau - pour alignement h1 - il faut placer les styles de header après centre sinon c'est l'alignement de table centre qui reprend le dessus même si header est une sousdiv de centre */
#header a				{color:white;text-decoration:none;}
#header a:hover			{text-decoration:none;}

#bandeau_c a			{color:#cccccc;text-decoration:none;} /*chemin */
#bandeau_c 				{color:#cccccc;} 
#bandeau_c a:hover		{text-decoration:underline;}

.nutriplus				{height:74;background:url(images2008/logo-nutriplus-dossier.gif) 0 0 no-repeat;margin:20px 0px 20px 0px;
						padding:15px 0px 0px 139px;height:74px;color:#D82129;font-size:13px;font-weight:bold;}
/* ------------------------MENU DE GAUCHE-----------*/
#sidebar a 				{color:#004171;text-decoration:none;display:block;}
#sidebar a.inline 		{color:#004171;text-decoration:none;display: inline-block}
#sidebar a.on			{color:white;text-decoration:none;}
#sidebar a:hover		{color:#000000;}
#sidebar p.topnav2		{margin-bottom:2px;margin-top:10px;font-weight:bold;background-color:white;padding:0px 0px 0px 0px}
#sidebar p.topnav2_on	{margin-bottom:2px;margin-top:10px;padding-left:5px;font-weight:bold;background-color:#FF9900;padding:5px 0px 5px 5px}
#sidebar p.sousnav2		{background-color:#FFEFD7;padding-left:5px;padding-bottom:3px;}
#sidebar p.sousnav2_on	{background-color:#FFE3B9;padding-left:5px;padding-bottom:3px;border-bottom:1px dotted #FF9900;}
#sidebar p:hover		{background-color:#FF9900;} /* il faut que cette ligne soit après les autres classes */
#sidebar div.trait		{height:1px;border-bottom:1px solid #FFDBA6;}
#sidebar h2.on			{margin-bottom:2px;margin-top:10px;color:#004171;font-weight:normal;border-bottom:1px solid #004171}
#sidebar #contact2 a:hover{color:#004171;text-decoration:underline;display:inline;}
#sidebar input				{border: solid 1px #CCCCCC;background-color:#F4F4F4;width:140px;margin-bottom:5px;}
#sidebar input.bouton 		{width:30px;border: solid 1px #000000;background-color:#FFB935;}

/* ------------------------VOIR AUSSI-----------*/

#aussi table			{border-color:#95b911;border-width:2px;border-style:solid;}
#aussi td.left			{background-color:#95b911;text-align:center;padding:5px;width:100px;}
#aussi td.right			{background-color:#FFFFFF;padding:8px;}


/* ------------------------boite info droite-----------*/
#info 					{width:250px;padding-left:20px;}
#info table				{border-color:#FF9900;border-width:2px;border-style:solid;}
#info td.top			{background-color:#FF9900;text-align:center;padding:10px;}
#info td.bottom		    {background-color:#ffffff;text-align:left;padding:10px;}
#info input				{border: solid 1px #CCCCCC;background-color:#F4F4F4;width:100px;margin-bottom:5px;}
#info input.bouton 		{width:70px;border: solid 1px #000000;background-color:#FFB935;}



/*-------------------------- Zone reseau ref ---------------------------------------*/
#fichereseauref	{position:relative;top:10px;} /*-- etat marketing - encadre essais2008_corps.inc.php*/
#fichereseauref td 		{padding-left: 2px; padding-right: 3px;padding-top: 3px;}
#fichereseauref select	{width:200px;}
.border				{border: solid 0px #CCCCCC;} /* on annule la bodure qui est dans la version popup*/
.encadre			{border: solid 1px #CCCCCC;background-color:#F4F4F4;padding:3px;margin-bottom:5px;}
tr.entete_tab		{background-color:#F4F4F4;}
tr.entete_tab td	{border-bottom:2px solid #CCCCCC;}
.ficheVarReseauRef	{border:3px solid #8C2D2B;} /* zone fiche produit dans reseau ref - fonctionne avec encadre */
.ficheVarReseauRef h1	{margin-top:0px;}
.ficheVarReseauRef h2	{margin-bottom:5px;}
.ficheVarReseauRef p	{line-height:1.45em;}

#tabConseils			{text-align:center;color:#495F6D;font-size:9px;}
tr.entete_tabconseils		{background-color:#495F6D;color:white;}
tr.entete_tabconseils td	{border-right:1px solid #CCCCCC;border-bottom:1px solid #495F6D;}

#fichereseauref .traitDr		{border-right:1px solid #495F6D;border-bottom:1px solid #495F6D;}
#fichereseauref .fond_orange	{background-color:#FF9900;}
#fichereseauref .fond_rouge		{background-color:#004171;}
#fichereseauref .fond_vert		{background-color:#95B911;color:white;}
#fichereseauref .fond_vert2		{background-color:#1A7D1C;}

/*-------------------------- Infos bulles ---------------------------------------*/
.popper { position : absolute;
  visibility : hidden;
  z-index: 1000;
}
.infobulle1	{background-color:#F4F4F4;padding:30px;border:5px solid white;text-align:center;}

/*--------------------------- Galerie photo --------------------------*/
.gallery {width:550px;}
.gallerypic {float:left;margin-right:20px;margin-bottom:20px; }
.galleryVig {float:left;margin-right:20px;margin-bottom:20px; display:block; width:100px; height:100px; overflow:hidden; }

/* ---  scrollable ------ */
/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 250px;
    height:200px;
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set the width and height for the root element and
    not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

.items div {
    float:left;
    width:250px;
}
.navi {
	height: 10px;
    margin-left: 75px;
	margin-top: 10px;
}
.navi a {
	background-color: #61790B;
    display: inline-block;
    height: 10px;
    margin-left: 10px;
    width: 10px;
	cursor:pointer;
}
.navi a.active {
	background-color: #fff;	
}
.navi a.active:hover {
	background-color: #fff;	
}
.navi a:hover {
	background-color: #888;	
}