/* CSS document */
/*vert fonce conserve : 028047*/
/*------------------------------- LES BALISES MAJEURES -----------------------------------------*/
body, td, input, ul, form {padding:0px; margin:0px;font:normal 11px Verdana;}
body.acc {background:url(images/bg-acc-2009.gif) 0 0 repeat-x #C13441; } /*ok*/
body {background:url(images/bg.gif) 0 0 repeat-x #FFF; color:#666666;} /*ok*/

body.popup {background:url(images/im-blanc.gif) 0 0 repeat-x #FFF; color:#666666;}
body.lexique {background:url(images/im-blanc.gif) 0 0 repeat-x #FFF; color:#666666;}

table {border-collapse:collapse;border:0px;width:100%;}
table.popup {width:600px;}	
table.bondecommande {width:400px;color:#FFFFFF;}	
			 			   
td {vertical-align:top;line-height:13px;}	
.tdcol_1 {padding:8px 20px 0px 0px;}
.tdcol_2 {padding:8px 0px 0px 16px;}
.tdcol_3 {padding:0px 20px 0px 0px;}
.tdcol_4 {padding:0px 20px 0px 20px;}

.tr_coloree			 {background-color:#BF323E;color:#FFFFFF;}/*----Ajout APA pour tabl Analyses biologiques 28/04/2009 -------*/
.tr_coloree_nuance {background-color:#DF868C;color:#FFFFFF;}

td.bondecommande	{ padding:0px 20px 0px 20px;}

.padding-accordion {padding:5px 5px 5px 5px;}


					   	   
input, textarea, select
{vertical-align:middle;color:#43434B;padding:1px 0px 0px 1px;height:20px;font-size:11px;}	
input.rechercher		{background-color:#D7D7D7;border:1px solid #9F9F9F;width:70px;height:19px;}

	
p 				{margin:0 0 20px 0;}
p.marginb5		{margin:0 0 5px 0;}
p.grand			{font-size:12px;line-height:1.35em;}
div .vignette	{width:130px;border:1px solid #D4D4D6;margin:0px 0px 8px 0px;padding:8px 0px 8px 0px}
div .accroche	{width:130px;}
div .width80pc  {width:80%;} /* pour les intros des pages avec grande colonne de droite - ex : page reliquats */

ul {list-style:none;} /* pour �viter les pb avec les .box li */

.li {list-style:none;line-height:12px;margin:0 0 9px 0;}
img {border:0;}
h1 	{font:normal 20px Tahoma;color:#43434B;margin:0px 0px 20px 0px;}
h2 	{font:bold 14px Verdana;margin:0px 0px 5px 0px;}
h3 	{font:bold 12px Verdana;margin:0px 0px 10px 0px;color:#C13444;}
hr { border: 0; width: 100%; color: #CCCCCC; background-color: #CCCCCC; height: 1px; margin-bottom:5px; }

/*------------------------------- ACCUEIL -------------------------------------------------------*/
#top.acc		{height:112px;}/*important : top en accueil est moins haut car il n'y a pas le menu general et donc le rose doit venir se coller juste en dessous de la div top*/
#bandeau-acc 	{position:relative;top:0;left:50%;height:220px;width:900px;margin-left:-450px;background-color:#ffffff;z-index:2}
  #slogan			{ position:relative; top:5px; left:20px; width:484px; font-size:15px; color:#333333; font-weight:bold; height:40px; line-height:2em; }
  #bandeau-blanc	 { position:absolute; top:0px; left:0px; background-color:#ffffff; color:#333333; width:287px; height:213px; font-size:11px;}
  #bandeau-blanc p {margin:0px;}
#contenu-blanc	 	{margin-top:15px;margin-left:15px;height:200px;border-bottom:#CCCCCC solid 1px;}


#centre-acc 		{ position:relative; top:0; left:50%; width:900px; display:inline-block; margin-left:-450px; background-color:#FFFFFF; }
 #contenu-acc {position:relative;width:900px;display:inline-block; }
#pied-acc 		{position:relative;left:50%;width:900px;margin-left:-450px;background-color:#FFFFFF; border-top:#CCCCCC solid 3px;}
#pied-acc a		{color:#666666;}

#actualite	{ position:relative; top:2px; left:15px; width:270px; color:#333333; }
	#actualite a		{ color:#333333; font-weight:bold; }
	#actualite a:hover	{ color:#666666; font-weight:bold; }
#video-acc					{position:relative;top:0px;float:right;}
#video					{position:relative;top:10px;left:0px;width:270px;color:white;}
	#video h2			{color:#FFFFFF; text-decoration:inherit;font-weight:normal;}
	#video a		{color:#FFFFFF;font-weight:bold;border:2px solid #FFFFFF;}
	#video a:hover	{color:#FFFFFF;font-weight:bold;border:2px solid #C13444;}
	#video p	{font-size:9px;}
	
#planmap	{ position:relative; display:inline-block; float:right; width:610px; background-color:#FFFFFF; }
#tablemap	{position:relative;top:10px;left:20px;width:590px}
	#planmap h3.gris			{width:80%;color:#ffffff;background-color:#B5B5B5;margin-right:2px;padding:2px;}
			#planmap h3.gris a{font:bold 12px Verdana;text-decoration:none;color:#FFFFFF;} /* APA 16/03/2009/ */
			#planmap h3.gris a:hover{font:bold 12px Verdana;text-decoration:none;color:#FFFFFF;} /* APA 16/03/2009/ */
	
	#planmap h3.grismoyen		{background-color:#CFCFCF;margin-right:2px;padding:2px;}
			#planmap h3.grismoyen a{font:bold 12px Verdana;text-decoration:none;color:#990000;} /* APA 16/03/2009/ */
			#planmap h3.grismoyen a:hover{font:bold 12px Verdana;text-decoration:none;color:#990000;} /* APA 16/03/2009/ */
			
	#planmap h3.grisclair		{background-color:#E8E8E8;margin-right:5px;padding:2px;}
			#planmap h3.grisclair a{font:bold 12px Verdana;text-decoration:none;} /* APA 16/03/2009/ */
			#planmap h3.grisclair a:hover{font:bold 12px Verdana;text-decoration:none;} /* APA 16/03/2009/ */
			
	#planmap .bouton {padding: 0px 1px 0px 1px;border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-bottom1px solid #999999;border-right:1px solid #999999;background: url(images/but-bg.gif) #CCCCCC;color:#3B3B3B;}
	#planmap .commande		{background-color:#D7D7D7;border:1px solid #9F9F9F;width:150px;height:15px;}
	#planmap .photo	{border:1px solid #FFFFFF;margin-top:5px;}

.linespaceacc {line-height:18px;}
h3.acc 	{ font:bold 12px Verdana; margin-bottom:10px; color:#333333; }
.trait-acc		{border-top:1px dashed #FFFFFF;width:400px;}
.trait-gauche	{border-left:1px dashed #FFFFFF;padding-left:5px;width:150px;}
.fontsize9		{font-size: 9px;}
.style-secu		{font:bold 11px Tahoma;}




/*------------------------------- CONTACT -------------------------------------------------------*/

#contact .radio 	{width:15px;border:0px solid #CACBCB;}
#contact input		{width:200px;height:15px; border:1px solid #CACBCB; margin:0px 0px 3px 5px;}
#contact .bouton 	{width:100px;height:25px; margin:0px 0px 0px 4px; background:#E5E5E5;border:1px solid #999999;}
#contact .button	{width:180px;height:25px; margin:0px 0px 0px 4px; background:#E5E5E5;border:1px solid #999999;}
#contact .checkbox 	{width:15px;border:0px solid #CACBCB;}
#contact .commande	{width:150px;height:25px; margin:0px 0px 0px 4px; background:#E5E5E5;border:1px solid #999999;}
#contact textarea	{width:200px;height:150px;border:1px solid #CACBCB;overflow:hidden; margin:0px 0px 3px 5px;}

/*------------------------------- PANIER -------------------------------------------------------*/
.commande		{width:200px;margin-left:4px; background-color:#E5E5E5;border:1px solid #999999;}
.bouton 		{width:70px;background:#CACBCB;margin-left:4px; border:1px solid #999999;}
.ajouterpanier	{width:120px;margin-left:4px; background-color:#E5E5E5;border:1px solid #999999;}

#corbeille			{position:relative;top:3px;left:0px;}


.quantite 		{width:25px;height:15px;margin:0px 0px 3px 5px;border:1px solid #999999;}
.quantitepanier {width:40px;height:15px;border:1px solid #999999;margin:0px 0px 3px 5px;}
#imprimer {position:relative;top:0px;left:5px;}
#imprimer h1.titre	{margin: 2px 2px 2px 2px;}
.imprimer1 {border-left: 1px solid #000000;}
.imprimer2 {border-bottom: 1px solid #000000;}
.imprimer3 {border-left: 1px solid #000000;}

#client td {padding: 2px 2px 2px 2px;}

/*------------------------------- LIENS -------------------------------------------------------*/
a 		{color:#BF323E; font:normal 11px Tahoma}
a:hover {text-decoration:none;}	
.nn a	{text-decoration:none;} /*supprime le trait et fonctionne avec les les classes links*/
.nn a:hover {text-decoration:underline;}
.link_1 {font:bold 10px Tahoma; background:url(images/bullet2.gif) top right no-repeat; padding:0px 7px 0px 0px;}
.link_2 {background:url(images/bullet2-blanc.gif) top right no-repeat; padding:0px 7px 0px 0px;}
.ok a 		{text-decoration:none;}
.ok a:hover {text-decoration:none;}
.li a 		{color:#777; padding:0px 0px 0px 15px;background:url(images/bullet1.gif) 0 0 no-repeat;}
a.ext		{color:#777; text-decoration:none;} /*pour liens externes, volontairement peu visibles APA 08/04/2009*/
a:hover.ext {color:#777; text-decoration:underline;}

/*------------------------------- IMAGES -------------------------------------------------------*/
.float_left {float:left; margin:0px 23px 0px 0px;}
.float_left_c {float:left; margin:0px 23px 0px 0px;border:1px solid #CACBCB;}
.float_left_d {float:left; margin: 0px 23px 30px 0px;}
.float_left_li {float:left; margin: 0px 0px 5px 0px;}
.float_right {float:right; margin:0px 10px 0px 10px;}
.float_photo	{float:left; margin:0px 23px 15px 0px;}
.float_photobis	{float:left; margin:0px 23px 30px 0px;}
.float_produit	{float:left; margin:0px 10px 10px 0px;} /*APA 08/04/2009 : aussi utilisée pour les photos de l'organigramme*/
.float_bandeau	{float:left; margin:0px 23px 0px 30px;}
.float_acc_secu {float:left; margin:0px 5px 0px 0px;border:1px solid #FFFFFF;} /*APA 18/03/2009*/

/*------------------------------- COULEUR BACKGROUND ------------------------------------------*/
.rouge {background-color:#BF323E;}
.rougeclair {background-color:#DF868C;}



/*------------------------------- STRUCTURE DES PAGES -------------------------------------------*/
#logo {position:absolute;top:20px;left:50%;height:85px;width:183px;margin-left:-430px;z-index:100}
#top			{position:relative;top:0px;left:50%;height:117px;width:900px;margin-left:-450px;text-align:right;z-index:1;} 
#top table 		{margin:0px 0px 0px 0px;width:450px;} /*suppr marge-top 27px cause pb décalage IE8 => ajout d'1 ligne au tabl- APA 25/05/2009 */
#top td 		{text-align:right;vertical-align:middle;}
#top input 		{width:140px; border:1px solid #CACBCB; margin:0px 0px 3px 5px;height:18px;}
#top input.pw 	{width:109px;}
#top input.ok 	{width:24px; height:21px; background-color:#C13441;color:white;border:1px solid #C13441;}
#top a 			{color:#6C6C6C;text-decoration:none;}
#top a.on 		{text-decoration:none;color:#BF323E;}
#top a:hover	{color:#BF323E;}
  
  #sousmenu		{position:relative;left:0px;top:10px;}

/*------------------------------- MENUS -------------------------------------------*/
#menu {position:relative;top:0px;left:50%;height:32px;width:900px;margin-left:-450px;color:#333333;}
.trait{background-color:#DADBDF;width:1px;}
#menu td {font:bold 12px Verdana;text-align:center;height:32px;vertical-align:middle;}
#menu a {font:bold 12px Verdana;text-transform:uppercase;text-decoration:none;color:#6C6C6C;}
#menu a:hover {color:#BF323E;}
#menu a.on {font:bold 12px Verdana;text-transform:uppercase;text-decoration:none;color:#BF323E;}
.lowercase {text-transform:lowercase;}



#smenu .smenu 	{background:url(images/gl.gif) top repeat-x; padding:7px 0px 7px 0px;}
#smenu a		{text-decoration:none;color:#6C6C6C;font:normal 11px Verdana}
#smenu a:hover 	{color:#BF323E;text-decoration:underline;}
#smenu a.on 	{text-decoration:none;color:#BF323E;font:normal 11px Verdana}
#smenu p 		{margin:0px 0px 7px 0px;}
.ssmenu 		{background:url(images/gl.gif) top repeat-x; padding:7px 10px 7px 7px;}
.chemin			{font-size:12px;vertical-align:middle;padding:0px 10px 0px 10px;}
.acces hover  {color:#BF323E;text-decoration:underline;}

/*------------------------------- BANDEAU -------------------------------------------------------*/
#bandeau {position:relative;top:7px;left:50%;height:213px;width:900px;margin-left:-450px;}
#bandeau .c1 {width:367px;height:213px;background:url(images/mpct.jpg) no-repeat 0px top;}
#bandeau h1	{font-size:16px; color:white;line-height:1.35em}
#bandeau .c2 img {border:1px solid white;}
#bandeau .m2 {margin:0px 10px 0px 0px;}
#bandeau a		{color:white;}

/*------------------------------- CONTENU -------------------------------------------------------*/
#centre {position:relative;top:7px;left:50%;width:900px;margin-left:-450px;}
 #contenu {position:relative;top:20px;left:23px;width:877px;}
 #divflotte {position:absolute;top:20px;left:700px;width:200px;text-align:right;z-index:1000;}
/*pointill�s horizontaux gris clair*/
.gl { background:url(images/gl.gif) top repeat-x;margin:0px 0px 10px 0px;height:1px;}
/*pointill�s horizontaux gris fonc�*/
.gl2 {background:url(images/gl2.gif) top repeat-x;margin:0px 0px 8px 0px;}
/*pointill�s horizontaux blanc*/
.gl3 {background:url(images/gl3.gif) top repeat-x;margin:0px 0px 8px 0px;}
.gl3-bis {background:url(images/gl3.gif) top repeat-x;
margin:0px 0px 8px 0px;
filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
/*pointill�s verticaux*/
.vl {background:url(images/vl.gif) top right repeat-y;}
/*pointill�s verticaux*/
.v2 {background:url(images/vl.gif) top left repeat-y;}
.box {width:175px;} /*boites avec d�grad�s avec les classes ci-dessous*/
.box div {width:172px;background:url(images/bg2.jpg) 0 0 repeat-y} /* traits gauche droite */
.box div div {background:url(images/bg1.jpg) 0 0 no-repeat} /*d�grad� + traits c�t� + trait du haut*/
.box div div div {background:url(images/bg3.jpg) bottom left no-repeat} /*trait du bas*/
/*.box div div div div {padding:7px 8px 13px 16px;}padding:7px 8px 13px 16px;*/
.box img {margin:0px 0px 4px 0px;}
.box ul {margin:7px 0px 13px 0px;}
.box li {margin:0px 8px 8px 16px;}
 /* sur une div pour un d�grad�*//*la m�me que bg1 sauf qu'elle se r�p�te et qu'elle n'a pas de traits */
.bar {background:url(images/bg1bis.jpg) 0 0 repeat-x; color:#43434B;font:bold 12px Verdana; padding:7px 0px 4px 5px;margin:0px 0px 10px 0px;}
/* sur une div pour un d�grad�*/
.acc_bar { color:#43434B;font:bold 12px Verdana; padding:7px 0px 4px 5px;margin:0px 0px 10px 0px;}



/*------------------------------- PIED DE PAGE -------------------------------------------------------*/
#pied_de_page		{position:relative;top:15px;background:url(images/bg-bottom.gif) 0 0 repeat-x #FFF; width:100%;height:40px;}
#piedinterieur 		{position:relative;top:15px;left:50%;width:900px;margin-left:-450px;}
#piedinterieur a	{color:#666666;}

/*
#footer td{height:40px;background:#DADBDF;text-align:center;vertical-align:middle;}
#footer a {	color:#373737;font:bold 12px Verdana;background:url(images/f_bul.gif) top right no-repeat;line-height:25px;padding:0px 15px 5px 13px;}
.sub_footer td{text-align:center;height:47px;font:normal 10px Verdana;}
.sub_footer div {padding:9px 0px 0px 0px;}
.sub_footer b {color:#373737; font:bold 10px Verdana}
.sub_footer a {color:#6C6C6C; font:normal 10px Verdana}
.w {background:none !important}
*/

/*����������������������-GENIAL-�����������������������*/
#page0 .c1 {width:525px} /* agro-prelevement, agro-systemes*/
#page0 .c2 {width:332px}
#page0 .c1 p {line-height:1.45em;}


#page2 td {line-height:14px} /* agenda*/
#page2 .c1 {width:595px}
#page2 .c1 p {line-height:1.85em;}
#page2 .c2 {width:222px}

#page5 td {line-height:14px} /* analyses-sols-4 */
#page5 .c1 {width:172px}
#page5 .c2 {width:413px}
#page5 .c2 p {line-height:1.55em;}
#page5 .c3 {width:252px}

#page6 td {line-height:14px} /* utilise */
#page6 .c1 {width:172px}
#page6 .c2 {width:685px}
#page6 .c2 p {line-height:1.55em;}


/*����������������������-HIGH SLIDE HTML et non HTML (zoom rapports) -�����������������������*/
.highslide-html {background-color: white;}
.highslide-html-blur {}
.highslide-html-content {position: absolute;display: none;}
.highslide-display-block {display: block;}
.highslide-display-none {display: none;}
.control:hover {color: black !important;}
.highslide-move {cursor: move;}


/* HIGHSLIDE VIDEO */
.highslide-loading {display: block;color: black;font-size: 8pt;font-family: sans-serif;font-weight: bold;text-decoration: none;padding: 2px;border: 1px solid black;background-color: white;padding-left: 22px;background-image: url(highslide/graphics/loader.white.gif);background-repeat: no-repeat;background-position: 3px 1px;}
a.highslide-credits,
a.highslide-credits i {padding: 2px;color: silver;text-decoration: none;font-size: 10px;}
a.highslide-credits:hover,
a.highslide-credits:hover i {color: white; background-color: gray;}


/* Styles for the popup */
.highslide-wrapper {background-color: white;}
.highslide-wrapper .highslide-html-content {width: 430px;padding: 5px;}
.highslide-wrapper .highslide-header div {}
.highslide-wrapper .highslide-header ul {margin: 0;padding: 0;text-align: right;}
.highslide-wrapper .highslide-header ul li {display: inline;padding-left: 1em;}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {display: none;}
.highslide-wrapper .highslide-header a {font-weight: bold;color: gray;text-transform: uppercase;text-decoration: none;}
.highslide-wrapper .highslide-header a:hover {color: black;}
.highslide-wrapper .highslide-header .highslide-move a {cursor: move;}
.highslide-wrapper .highslide-footer {height: 11px;}
.highslide-wrapper .highslide-footer .highslide-resize {float: right;height: 11px;width: 11px;background: url(highslide/graphics/resize.gif);}
.highslide-wrapper .highslide-body {}
.highslide-move {cursor: move;}
.highslide-resize {cursor: nw-resize;}

/* These must be the last of the Highslide rules */
.highslide-display-block {display: block;}
.highslide-display-none {display: none;}




/* VALIDATION SPRY*/
#spry input{width:180px;}
#spry select{width: 185px;font-size:small;border: 1px solid #b1b1bc;background-color: #fff;color: #000;	}
#spry input, select,textarea {margin-left: 10px;}
.validcheckbox{float:left;width:70px;}
#checkboxes{width: 650px;height: 60px;}
#checkboxes input{margin-left:0px;width:14px;margin-left: 29px;}
#checkboxes label{display:block;width: 68px;text-align:center;margin-left:0px;}
#checkboxes .input_container{width: 68px;}
#radios input{margin-left:0px;width:14px;}
#radios label{width:14px;margin-left: 29px;}
.buttons{margin-top:15px;}
.buttons input{width: 70px;font-family: "Lucida Grande", "Trebuchet MS", sans-serif;margin-left:2px;padding-left:0px;}
.formLabel{width:150px;margin-bottom:7px;margin-top:7px;}
#errors{float:left;height:25px;margin-top:10px;}
.checkboxRequiredState .formLabel, .checkboxMaxSelectionsState .formLabel,
.selectRequiredState .formLabel, .selectInvalidState .formLabel,
.textareaRequiredState .formLabel, .textareaMinCharsState .formLabel, .textareaMaxCharsState .formLabel,
.textfieldRequiredState .formLabel, .textfieldInvalidFormatState .formLabel, .textfieldMinValueState .formLabel, .textfieldMaxValueState .formLabel, .textfieldMinCharsState .formLabel, .textfieldMaxCharsState .formLabel, .radioRequiredState .formLabel{color: #CC3333;	}
.ratingMovies{margin-right:10px;float:right;color:#FF3333;}
#Countvalidta1{width:17px;}
#articles{border: 1px solid #404040;padding-left:12px;height:600px;}
.checkboxRequiredState .checkboxRequiredMsg, .checkboxMaxSelectionsState .checkboxMaxSelectionsMsg, .selectRequiredState .selectRequiredMsg, .textareaRequiredState .textareaRequiredMsg, .textareaMinCharsState .textareaMinCharsMsg, .textareaMaxCharsState .textareaMaxCharsMsg, .textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .radioRequiredState .radioRequiredMsg{border:0px;	padding-left:22px;margin-left:4px;background-repeat:no-repeat;}
.validMsg{width:16px;height:16px;margin-left:6px;margin-top:-2px;display:none;}
.textfieldValidState .validMsg, .textareaValidState .validMsg, .selectValidState .validMsg, .checkboxValidState .validMsg, .radioValidState .validMsg{display:inline;}
#okmessage{margin-top:10px;color: green;display:none;}
#CentralColumn {margin:0;padding:0;height:600px;float:left;width:700px;}

/* Tooltip SPRY*/
.tooltip {background-color: #FFFFCC;}
#multipleSample, .multipleSample2 {width: 300px;float: left;}
#tooltipMultipleSample {border: 1px;width: 400px;}
#classonme {width: 150px;height: 120px;}
#classonme.enlarge {width: 160px;height: 130px;border: 2px solid red;}
.optionName, .optionValue {font-weight: bold;font-size: 14px;color: red;}
.optionValue {color: blue;}