/* 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:underline;}
.blanc				{color:white;text-decoration:underline;}
.blanc:hover		{text-decoration:none;}
table 				{border-collapse:collapse;border:0px;width:100%;}
td 					{vertical-align:top;}
p					{margin:0px;}
input,select 		{font-size:11px;}
form				{margin:0px;}
select				{width:200px; background-color:#F4F4F4;margin-bottom:5px;}
select.pays			{width:190px; background-color:white;margin-bottom:0px;margin-top:10px;color:#004171;}
input				{border: solid 1px #CCCCCC;background-color:#F4F4F4;width:250px;margin-bottom:5px;}
input.bouton 		{width:70px;border: solid 1px #000000;background-color:#FFB935;}
input.radio			{width:14px; background-color:#FFFFFF;border:solid #FFFFFF; vertical-align:middle ;}
ul					{list-style:inside;padding:0px; margin:0px 0px 0px 0px;}
li 					{line-height:1.45em;margin:0px 0px 9px 0px;}
textarea			{border: solid 1px #CCCCCC;background-color:#F4F4F4;width:250px;}
h1					{color:white;font:24px Arial;margin-top:20px;margin-bottom:0px;}
h1.acc				{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:20px;text-align:left;}
h2.sous				{margin-bottom:5px;border-bottom:1px solid #004171;padding-bottom:1px;font-weight:normal}
h3					{font:11px Verdana;text-align:left;margin:10px 0px 10px 0px;font-weight:bold;}/*accordion*/
h3 a				{text-decoration:none;color:#004171;} /*accordion*/
h4					{font:11px Verdana;color:#004171; margin-bottom:10px;}
/*-----------------STRUCTURE DE LA PAGE ACCEUIL----------------*/

#menu_acc		{position:relative;top:20px;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_acc		{position:relative;top:0px;left:50%;width:975px;margin-left:-487px;margin-top:30px;}
 #protection	{position:absolute;top:211px;left:0;width:200px;height:22px;background-color:#FFC266;
 				padding:7px 0px 0px 10px;z-index:100;}
 #sementi		{position:relative;top:10px;left:10px;height:180px;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;}

 
/*-----------------STRUCTURE DES PAGES INTERIEURES  ---------*/
#retourhome		{position:absolute;left:50%;top:10px;margin-left:293px;z-index:1000;}

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

#centre			{position:relative;top:20px;left:50%;margin-left:-287px;width:760px;min-height:800px;z-index:3;border-left:1px solid #FF9900;}/*;min-height:800px; = ajout APA 06/01/2011 suite demande Rémi*/
 #header		{position:relative;top:0px;left:15px;width:760px;height:183px;background-color:#004171;}
 #bandeau_c		{position:relative;top:10px;left:15px;height:20px;color:#004171;margin-bottom:20px;}
 #contenu		{position:relative;top:0px;left:15px;width:100%;}
#pied_page		{position:relative;top:10px;width:975px;height:50px;left:50%;
				margin-left:-487px;font-size:10px;z-index:300;text-align:right;}
				
				#datetime			{font:10px Verdana;color:#FFFFFF;margin-bottom: 0px;margin-top:0px;}


/*-----------------      REDEFINITION BALISES DANS DIV SPECIFIQUES            -------------------*/ 
#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 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;}

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

#table_var a			{text-decoration:none;} /*les tableaux des varietes*/
#table_var a:hover		{color:white;text-decoration:underline;}
#table_var tr:hover		{background-color:#FF9900;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:10px;line-height: 1.6em;}
#centre p.marge0		{margin-bottom:0px;}
#centre table			{text-align:justify;}
#centre ul.ul			{list-style:none;margin:0px;}
#centre li.li			{margin:0px 0px 0px 0px;}

#contenu h1				{color:#004171;font:16px Verdana;margin-top:0px;margin-bottom:15px;font-weight:bold;}

#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:underline;}

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

#tabemploi ul 			{list-style-image:url(/images2008/picto-li.gif);margin-left:5px;padding:3px 5px 3px 16px;}
/* ------------------------MENU DE GAUCHE-----------*/
#sidebar a 				{color:#004171;text-decoration:none;}
#sidebar a.on			{color:white;text-decoration:none;}
#sidebar a:hover		{color:#000000;}
#sidebar .topnav2		{margin-bottom:2px;margin-top:10px;font-weight:bold;background-color:white;}
#sidebar .topnav2_on	{margin-bottom:2px;margin-top:10px;padding-left:5px;font-weight:bold;background-color:#FF9900;}
#sidebar .sousnav2		{background-color:#FFEFD7;padding-left:5px;padding-bottom:3px;}
#sidebar .ssnav			{padding-left:10px;}
#sidebar .sousnav2_on	{background-color:#FFE3B9;padding-left:5px;padding-bottom:3px;border-top:1px dotted #FF9900;
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;padding-left:5px;background-color:#FF9900;color:white;font-weight:normal}
#sidebar #contact2 a:hover{color:#004171;text-decoration:underline;}

/* --------------------------------------------  LES CLASSES COMMUNES ---------------------------------*/

.petit		{font-size:9px;}
.divfixe	{width:200px;}
/*-------------------------- Toggler Mootols - glisst de div--------------------------- */
.ts:hover	{background-color:#F4F4F4;}
.ts a		{text-decoration:none;font-weight:bold;} /* dans page TS, a et h3 inversés pour lien sur tout le h3*/
.ts a:hover	{text-decoration:none;} /* dans page TS, a et h3 inversés pour lien sur tout le h3*/
/*-------------------------- Les traits -------------------------------------------- */
.gl {background:url(images/gl.gif) top repeat-x;margin:0px 0px 10px 0px;height:1px;}/*pointillés horizontaux gris clair*/
.vl {background:url(images/vl.gif) top right repeat-y;}/*pointillés verticaux*/

/*.box {width:230px;} /*boites avec dégradés avec les classes ci-dessous*/
 /* .box div {width:227px;background:url(images/bg2.jpg) 0 0 repeat-y}traits gauche droite en-dessous de bg1 */
/*.box div div {background:url(images/bg1.jpg) 0 0 no-repeat} dégradé + traits côtés + trait du haut*/
/*.box div div div {background:url(images/bg3.jpg) bottom left repeat-x} trait du bas*/
/*.box p {text-align:left; margin:0px 8px 13px 16px; padding-top:7px;}*/

/*---------------------------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,.box2 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;} 
/*.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_orange2	{background-color:#FFC266;}
.fond_bleu		{background-color:#004171;color:#A9C8E9;}
.fond_bleu2		{background-color:#005391;color:#A9C8E9;}
.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_jaune		{background-color:#FFCC00;}
.fond_jaune2	{background-color:#FFE88C;}
.fond_gris		{background-color:#CCCCCC;border-right:1px solid white;}
.fond_varietes	{background-color:#F4F4F4;}
.entete_varietes	{background-color:#FF9900;color:white;border-bottom:1px solid #004171;}
.accordion		{background-color:#F4F4F4;}
/*------------------------------------------tableaux-------------------------- */
.c1					{width:367px;}
.c3					{width:337px;}
.tab_arrondi_r		{border:1px solid #990000;text-align:left;}
.tab_arrondi_r3		{border:1px solid #990000;background-color:#990000;color:white;}
.tab_arrondi_v		{border:1px solid #95B911;text-align:left;}
.tab_arrondi_v3		{border:1px solid #95B911;background-color:#95B911;color:white;}
.tab_arrondi_b		{border:1px solid #004171;}
.trait_dr_orange	{border-right:1px solid #FF9900;}
.trait_n			{border-bottom:1px dashed #C9C9C9; }

/*--------------------------FLOAT & MARGES---------------------------------------*/			
.float_image        {float:right; margin:0px 0px 20px 20px;}
.float_img_acc		{float:left; margin:0px 10px 0px 0px;}
.float_fleche		{float:left; margin:3px 3px 10px 0px;}
.float_flechemotools{float:right; margin:0px 0px 0px 20px;}
.float_carte		{float:right;margin:0px 0px 0px 30px;}
.cadre_bleu	  		{border:4px solid #EFF3F8;} /*cadre bleu pour photo/image ajax*/
.marge0				{margin:0px;}
.marge_g10			{margin-left:10px;}
.photo				{border:2px solid #FFFFFF;}
.floatright			{ float:right}
/*----------------------------------------------VIEW IMAGE AJAX -------------------------------------------------- */
.highslide 				{cursor: url(images/zoomin.cur), pointer; outline: none;}
.highslide:hover img 	{border: 2px solid white;}
.highslide-image 		{border: 10px solid white;}
/*--------------------------cadres organizzazione------------------------------------------------------------------------------*/
.contour_vert		{border:1px solid #82AB34;background-color:#CFE4A6;padding:5px;color:white;} /* contacts */
.contour_rouge		{border:1px solid #AB0535;background-color:#990000;padding:5px;color:white;}
.contour_rougebis	{border:1px solid #F5074F;background-color:#AB0535;padding:5px;color:white;}
.contour_gris		{border:1px solid #545449;background-color:#949484;padding:5px;color:white;}
.contour_rose		{border:1px solid #EA1E2D;background-color:#F6A0A6;padding:5px;color:white;}

/*-------------------------offre d'emploi----------------------------------------------------------------*/
.detailemploi		{position:relative; display:none;visibility:hidden; height:0;display:none;border-bottom:1px solid #CCCCCC;border-right:1px dotted #CCCCCC;border-left:1px dotted #CCCCCC; padding-top:3px; padding-bottom:3px;padding-left:8px;padding-right:8px; width:760px}
.noborder			{ border:0;}
.cadrejob			{background:url(../../images/bgAcc.jpg) 0 0 repeat-x;border-right:1px dotted #CCCCCC;border-left:1px dotted #CCCCCC;padding-top:5px;padding-left:2px;margin-bottom:-3;}
.cadrejob a		   	{text-decoration:none;font-weight: 500;color:#000000;}
.cadrejob a:hover		   	{text-decoration:none;font-weight:bold;color:#000000;}
.boutonPlus {position:relative; top:2px; }