/* CSS Document */


/******************************************************************************/
/****					Bloc Titre de l'observatoire				  	   ****/
/******************************************************************************/

.ObservatroireDeb{
background: transparent url('../images/titre_observatoir_g.gif') no-repeat top left;
width:24px;
}

.ObservatroireTitre{
background: transparent url('../images/titre_observatoir_fond.gif') repeat-x top left;
font-family:Helvetica,Arial, sans-serif;
font-weight:bold;
color:#FFFFFF;
}

.ObservatroireMilieu{
background: transparent url('../images/titre_observatoir_d.gif') no-repeat top left;
width:24px;
}

.ObservatroireFin{
background: transparent url('../images/titre_observatoire_degrader.jpg') no-repeat top left;
}
.ObservatroireBloc{
border:1px solid #E0DFE3;
}

/******************************************************************************/
/****					Fin Bloc Titre de l'observatoire			  	   ****/
/******************************************************************************/

/******************************************************************************/
/****							Bloc Identification					  	   ****/
/******************************************************************************/
.blocIdentification{
background: transparent url('../images/Zonne_ident_PRO.gif') no-repeat top left;
border:1px solid #737277;
background-color:#78a30a;
font-size:10px;
font-family:Helvetica,Arial,  sans-serif;
color:#FFFFFF;
width:170px;
margin-bottom:2px;
}
.imgOk:Hover{
border:1px solid #FF0000;
}

a.divImg{
width:100%;
height:100%;
background: transparent url('../images/zone_ident_btok_1.gif') no-repeat top left;
}
a.divImg:Hover{
background: transparent url('../images/zone_ident_btok_0.gif') no-repeat top left;
}
p.divImg{
width:100%;
height:100%;
background: transparent url('../images/zone_ident_btok_1.gif') no-repeat top left;
cursor:pointer;
}
p.divImg:Hover{
background: transparent url('../images/zone_ident_btok_0.gif') no-repeat top left;
cursor:pointer;

}
a.mdpOublie, a.mdpOublie:Hover,a.mdpOublie:Visited {
font-size:10px;
font-family:Helvetica,Arial,  sans-serif;
color:#FFFFFF;
text-decoration:underline;
}
/******************************************************************************/
/****						Fin Bloc Identification					  	   ****/
/******************************************************************************/


/******************************************************************************/
/****					Bloc de la Home page						  	   ****/
/******************************************************************************/

.module { 
	padding : 0px 0px 0px 0px ; 
	background-color:#FBFBFB;
	width:auto;
	height:auto;
	
}
 
.module .module-haut {
	background :  url(../images/block1_fond_haut.gif) repeat-x top left; 
} 
.module .module-gauche {
	background :  url(../images/block1_fond_milieu_gauche.gif) repeat-y top left; 
	
} 
.module .module-droit {
	background :  url(../images/block1_fond_droit.gif) repeat-y top right; 
} 
.module .module-haut_gauche {
	background :  url(../images/bloc1_faud_g.gif) no-repeat top left; 
} 
.module .module-haut_droit {
	background :  url(../images/block1_haut_droit.gif) no-repeat top right; 
} 
.module .module-bas {
	background :  url(../images/block1_fond_bas.gif) repeat-x bottom left;  
} 
.module .module-bas_gauche {
	background :  url(../images/block1_bas_g.gif) no-repeat bottom left;
	_height: 1%;
} 
.module .module-bas_droit {
	background :  url(../images/block1_bas_droit.gif) no-repeat bottom right;
}
.module .module-contenu {
	display:block; 
	/*padding:1px 10px 5px 20px;*/
	color : #000000;
	/*margin:0px 5px 0px 3px;*/
	text-align:justify;
	overflow-x: hidden;
} 
#ListeActu-actualiteLister{
	margin: 1px 15px 5px 23px;
}
.module .module-contenu p {
	margin : 5px 0 5px 15px; 
	padding : 1px 0px 0px 0px; 
} 
.module .module-contenu ul {
	margin : 0px 0px 0px 9px; padding : 0; 
} 
.module .module-contenu li {
	margin : 0px 18px 0px 18px;padding : 0;list-style-image : url(../images/puce_1.gif);
} 

.module .module-contenu .ActuSurtitre{
	font-size:11px;
	color:#3E4C54;
	font-weight:bold
}

.module .module-contenu .ActuTitre{
	font-size:11px;
	padding-left:5px;
	color:#8A8BA1;
}

.module .module-entete .module-cache, 
.module .module-entete .module-titre,
.module .module-entete .module-titreTab, 
.module .module-entete .module-edition {
	font-weight : bold;
	padding-left : 4px; 
	line-height :22px; 
	overflow : visible; 
	display : inline; 
	font-size : 12px; 
	color : #ffffff; 
} 
.module .module-entete .module-titre,
.module .module-entete .module-titreTab{
padding-left : 40px; 
}

.module .module-entete .module-cache,
.module .module-entete .module-edition {
	padding-left : 0px;display:none; 
} 

.module .module-entete .module-titreTab{
	color:#00ff30;
}
/*
#bloc2 .module-contenu {
margin : 0 10 0 10;
font-size:24px;
}
*/
/******************************************************************************/
/****					Fin Bloc gris interieure page					   ****/
/******************************************************************************/


/******************************************************************************/
/****								style tableau						   ****/
/******************************************************************************/

.module .module-entete .module-titreTab{
	color:#00ff30;
}
 
table.tabObservatoire{
border-collapse:collapse;
width:100%;
}
.tabObservatoire tr.entete{
	background-color:#95D48E;
	font-weight:bold;
	font-size:14px;
	border-bottom:1px solid #18AE87;
	border-top:none;
	
}
.tabObservatoire tr.entete td,
.tabObservatoire tr.entete th{
	margin-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	border-right:1px solid #DDE0DD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

}
.tabObservatoire tr.lignePaire, .tabObservatoire tr.ligneImPaire{
	background-color:#95D48E;
	font-weight:bold;
	
}
.tabObservatoire tr.lignePaire td, .tabObservatoire tr.ligneImPaire td
{
	border-right:1px solid #DDE0DD;
	border-bottom:1px solid #DDE0DD;
}
.tabObservatoire tr.lignePaire td a, .tabObservatoire tr.ligneImPaire td a, .tabObservatoire tr th a
{
	text-decoration:none;
	color:#004935;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.tabObservatoire tr.lignePaire{
	background-color:#E9FFF3;
}

.tabObservatoire tr.ligneImPaire {
	background-color:#F5F5F5;
}

.noBorder{
border-collapse: inherit;
}
/******************************************************************************/
/****								Fin style tableau					   ****/
/******************************************************************************/


/******************************************************************************/
/****								menu Gauche c&m						   ****/
/******************************************************************************/
.MenuGauche{
background :  url(../images/block1_fond_droit.gif) repeat-y top right; 
height:100%;
background-color:#FBFBFB;
}

.MenuGauche .module { 
	padding : 0px 0px 0px 0px ; 
	background-color:#FBFBFB;
	width:auto;
	height:auto;
	font-family:Verdana,Arial,Helvetica,sans-serif ;
	
}
 
.MenuGauche .module .module-haut {
	background :  url(../images/nav_titre_fond.gif) repeat-x top left; 
	width:auto;
} 
.MenuGauche .module .module-gauche {
	/*background :  url(../images/block1_fond_milieu_gauche.gif) repeat-y top left; */
	background:none;
	width:auto;
	
} 
.MenuGauche .module .module-droit {
	background :  url(../images/block1_fond_droit.gif) repeat-y top right; 
	width:auto;
} 
.MenuGauche .module .module-haut_gauche {
	background :  url(../images/nav_titre_g.gif) no-repeat top left; 
	width:auto;
	/*background:none;*/
} 

.MenuGauche .module .module-haut_droit {
	background :  url(../images/nav_titre_dgfgdf.gif) no-repeat top right; 
	width:177;
} 
.MenuGauche .module .module-bas {
	/*background :  url(../images/block1_fond_bas.gif) repeat-x bottom left;  */
	background:none;
	width:auto;
} 
.MenuGauche .module .module-bas_gauche {
/*background :  url(../images/block1_bas_g.gif) no-repeat bottom left;*/
	background:none;
	width:auto;
} 
.MenuGauche .module .module-bas_droit {
/*background :  url(../images/block1_bas_droit.gif) no-repeat bottom right;*/
	background:none;
	width:auto;
}

.MenuGauche .module .module-contenu {overflow : auto;padding:1px 5px 5px 0px;/* margin:0px 1px 2px 2px;*/  color : #FAFAFA;} 

.MenuGauche .module .module-contenu p {
margin : 0px; 
padding : 0px; 
} 
.MenuGauche .module .module-contenu p a.lienMenu,
.MenuGauche .module .module-contenu p a.lienMenuSel {
	margin : 0px;
	padding-left: 5px;
	/*color:#8d7d74;*/
	/*color :#78a30a;*/
	color:#444444;
	font-size:12px;
	text-decoration:none;
	font-style: normal;
	font-weight: normal;
} 

.MenuGauche .module .module-contenu p.navPaire{
background :  url(../images/nav_fond_1.gif) no-repeat top left;
}
.MenuGauche .module .module-contenu p.navImPaire{
background :  url(../images/nav_fond_2.gif) no-repeat top left;
}



.MenuGauche .module .module-contenu p.SelPaire{
background :  url(../images/nav_clic_1.gif) no-repeat top left; 
color:#FFFF00;
}
.MenuGauche .module .module-contenu p.SelImPaire {
background :  url(../images/nav_clic_2.gif) no-repeat top left; 
color:#FFFF00;
}

.MenuGauche .module .module-contenu p.navPaire:Hover{
background :  url(../images/nav_1_over.gif) no-repeat bottom left; 
}




.MenuGauche .module .module-contenu p.navImPaire:Hover{
background :  url(../images/nav_2_over.gif) no-repeat bottom left; 
}

.MenuGauche .module .module-entete .module-cache, 
.MenuGauche .module .module-entete .module-titre {
font-weight : bold;
padding-left : 4px; 
line-height :22px; 
overflow : visible; 
display : inline; 
font-size : 12px; 
color : #004935; 
margin:0px;
padding:0px;
} 
.MenuGauche .module .module-entete .module-titre p {
margin:0px;
padding:0px;
}

.MenuGauche .module .module-entete .module-titre p a{
padding-left : 20px; 
color:#444444;
}

.MenuGauche .module .module-entete .module-cache {
	padding-left : 0px;display:none; 
} 
.MenuGauche .module .module-entete .module-cache{
	display:inline;
	padding-top:5px;
	padding-left:5px;
	float:left;
}

/******************************************************************************/
/****							Fin menu Gauche c&m						   ****/
/******************************************************************************/

/******************************************************************************/
/****								menu Droit c&m						   ****/
/******************************************************************************/

.MenuDroit {
	white-space: nowrap;
	overflow:visible;
	float:right;
	width:150px;
}

/* on annule les li du menu */
.MenuDroit li.menu {
	list-style:none;
	list-style-position:inside;
	border:1px solid #000000;
	margin-bottom:10px;
}

.MenuDroit .menu p{
	margin:0px;
	padding:0px;
	padding-left:5px;
}

/* --> liens des menus */
.MenuDroit .menu a {
	color:#BF3F00;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
}

.MenuDroit .menu a:Hover {
	text-decoration:underline;
}


/* les sous menus */
.MenuDroit .menu .sMenu table {
	border:0px;
	width:100%;
	border-collapse: collapse;
}

/* --> pour jouer sur les lignes paires et impaires des tableaux */
.MenuDroit .menu .sMenu table tr.lignePaire {
	background-color:#EAE7E0;
}

.MenuDroit .menu .sMenu table tr.ligneImPaire {
	background-color:#FDF9F1;
}

.MenuDroit .menu .sMenu p {
	font-size:18px;
	margin:0px;
	padding:0px;
	font-weight:bold;
}

/* --> liens des sous menus */
.MenuDroit .menu .sMenu a {
	color:#BF3F00;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
}

.MenuDroit .menu .sMenu a:Hover {
	text-decoration:underline;
}
/******************************************************************************/
/****							Fin menu Droit c&m						   ****/
/******************************************************************************/



/******************************************************************************/
/****					Bloc gris interieure page						   ****/
/******************************************************************************/
/* --> style pour les titres avants les blocs gris */

.titreBlocGris p{
	background-image:url(../images/oDroite.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#8F1010;
	vertical-align:middle;
	padding:0;
	margin:0;
	padding-left:15px;
}

.blocGris {
	border:1px solid #000000;
	background-color:#FBFBFB;
}

.blocGris .entete {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	background-image:url(../images/fond_entete.gif);
	background-repeat:repeat-x;
}

.blocGris .entete .sousTitre{
	font-style:italic;
	color:#4144B8;
}

.blocGris .entete p{
	text-align:left;
	margin:0;
	padding:0;
	margin-left:10px;
}

.blocGris .contenu {
	padding:5 5 5 5;
	/*background-color:#F2F2F2;*/
	background-color:#FBFBFB;
}

.blocGris .contenu p{
	padding:2;
	margin:0;
	font-size:11px;
}

.blocGris .contenu ul{
	list-style:none;
	padding-left:5px;
	margin:0;
}

.blocGris .contenu .ActuSurtitre{
	font-size:11px;
	color:#3E4C54;
	font-weight:bold
}

.blocGris .contenu .ActuTitre{
	font-size:11px;
	padding-left:5px;
	color:#8A8BA1;
}
/******************************************************************************/
/****					Fin Bloc gris interieure page					   ****/
/******************************************************************************/


/******************************************************************************/
/****					Liens de la nav d'arbo							   ****/
/******************************************************************************/
/* --> utile si on veut intercaler une images */
p.lienArbo{
	margin:0px;
	padding:0px;
	background-image:url(../images/nav_puce_0.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:15px;
	float:left;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
}

p.Arbo{
	margin:0px;
	padding:0px;
	padding-left:0px;
	float:left;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4c575f;
	text-decoration:none;
	padding-right:0px;
	font-weight:bold;
}
a.lienArbo,a.lienArbo:Hover {
	font-size:13px;
	color:#4c575f;
	text-decoration:none;
	padding-right:5px;
	font-weight:bold;
}

a.lienArbo:Hover{
	color:#8d7d74;
	
}
/******************************************************************************/
/****						onglets cultures							   ****/
/******************************************************************************/
/*style qui affiche le titre de la fiche matériel*/
.titreFiche{
	background-color:#CCCCCC;
	color:#FFFFFF;
	font-size:14px;
	margin:10px 10px 0px 0px;
	padding:0px 0px 0px 15px;
}

/* --> conteneur de la nav */
.onGletCulture {
	margin:0;
	padding:1 1 1 1;
	
}

/* --> premier div, permet effet arrondie */
.onGletCulture .debut{
	background-image:url(../images/navCulture/haut_onglet_debut.jpg);
	background-repeat:no-repeat;
	width:10px;
	height:36px;
	float:left;
}

/* --> div qui contient le nom de l'onglet */
.onGletCulture .culture,.onGletCulture .cultureSel{
	background-image:url(../images/navCulture/fond_ongletCulture.jpg);
	background-repeat:repeat-x;
	height:36;
	float:left;
	padding-top:10px;
}

/* --> style pour la culture selectionne */
.onGletCulture .cultureSel{
	background-image:url(../images/navCulture/fond_ongletCultureSel.jpg);
}

/* --> le nom de l'onglet et contenu dans un p ( ... on peut jouer sur vertical-align etc ... ) */
.onGletCulture .culture span, .onGletCulture .cultureSel span{
	padding-left:0px;
	padding-right:0px;

	position:inherit;
	height:36px;
	
}

/* --> lien sur le nom de l'onglet */
.onGletCulture .culture a, .onGletCulture .cultureSel a{
	text-decoration:none;
	font-size:9px;
	color:#990000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.onGletCulture .culture a:Hover, .onGletCulture .cultureSel a:Hover{
	text-decoration:blink;
}

/* --> div intercal entre deux cultures */
.onGletCulture .interCulture{
	background-image:url(../images/navCulture/interCulture.jpg);
	background-repeat:no-repeat;
	width:18px;
	height:36px;
	float:left;
	
}

/* --> dernier div,  permet effet arrondie */
.onGletCulture .fin{
	background-image:url(../images/navCulture/haut_onglet_fin.jpg);
	background-repeat:no-repeat;
	width:10px;
	height:36px;
	float:left;
}
/******************************************************************************/
/****					Fin onglets cultures							   ****/
/******************************************************************************/


/******************************************************************************/
/****					onglets rcoltes								   ****/
/******************************************************************************/
.cadreRecolte {
	border-bottom:1px solid #7A98AF;
	padding-bottom:5px;
	height:10px;
}

.cadreRecolte .recolte, .cadreRecolte .recolteSel {
	margin:0 5 0 5;
	padding:0 5 0 5;
	border-top:1px solid #7A98AF;
	border-right:1px solid #7A98AF;
	border-left:1px solid #7A98AF;
	float:right;
	
}

/* --> pour la recolte selectionne */
.cadreRecolte .recolteSel {
	background-color:#EFEEE2;
}

.cadreRecolte .recolte p, .cadreRecolte .recolteSel p {
	text-align:center;
	vertical-align:middle;
	font-size:14px;
	font-weight:bold;
	padding:0;
	margin:0;
	
}

.cadreRecolte .recolte a, .cadreRecolte .recolteSel a{

}

.cadreRecolte .recolte a:Hover, .cadreRecolte .recolteSel a:Hover{

}

/******************************************************************************/
/****					Fin onglets rcoltes							   ****/
/******************************************************************************/


/******************************************************************************/
/****						 onglets alertes							   ****/
/******************************************************************************/
.nav_alerte{
	padding:0;
	margin:0;
	background-image:url(../images/nav_alerte/coin_bas_gch.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

.nav_alerte .entete{
	border-bottom:1px solid #ED8C0f;
	height:19px;
}

.nav_alerte .entete .debut{
	background-image:url(../images/nav_alerte/coin_haut_gauche.gif);
	background-position:left;
	background-repeat:no-repeat;
	width:24px;
	height:inherit;
	float:left;
}

.nav_alerte .entete .alerte{
	float:left;
	width:150px;
}

.nav_alerte .entete .alerte p{
	padding-left:5px;
	padding-right:5px;
	padding-top:1px;
	border-top:1px solid #ED8C0f;
	margin:0;
	margin-top:1px;
	font-size:12px;
	color:#547679;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.nav_alerte .entete .interAlerte{
	background-image:url(../images/nav_alerte/inter_alerte.gif);
	background-position:left;
	background-repeat:repeat;
	width:27px;
	height:inherit;
	float:left;
}

.nav_alerte .entete .fin{
	border-bottom:1px solid #FFFFFF;
	width:10px;
	height:inherit;
	float:right;
}

.nav_alerte .contenuAlerte{
	background-image:url(../images/nav_alerte/coin_haut_drt.gif);
	background-position:right top;
	background-repeat:no-repeat;
	border-left:1px solid #ED8C0f;
}

.nav_alerte .contenuAlerte p{
	padding:5 5 5 5;
	margin:0;
	padding-top:10px;
}

.nav_alerte .contenuAlerte .fond_droit{
	border-right:1px solid #ED8C0f;
	background-image:url(../images/nav_alerte/coin_bas_drt.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
}

.nav_alerte .fondAlerte{
	border-bottom:1px solid #ED8C0f;
	height:10px;
	margin-left:10px;
	margin-right:10px;
}

/* --> style pur l'affichage des dates	*/
.nav_alerte .contenuAlerte span.alerteDate {
	font-weight:bolder;
	font-size:10px;
}

/* --> style pour les alertes	*/
.nav_alerte .contenuAlerte span.alerteFlash {
}

/* --> style pour les commentaires	*/
.nav_alerte .contenuAlerte span.alerteComm {
	font-style:italic;
}

/* --> pour le menu deroulant en bas de page */
.historiqueAlerte{
	text-align:center;
}	


/******************************************************************************/
/****						Fin onglets alertes							   ****/
/******************************************************************************/

div.ongletDeb, div.ongletDebSel{
height:26px;
width:7px;
background-position:top left;
background-repeat:no-repeat;
display:block;
float:left;
margin:0;
padding:0;
}
div.ongletFin, div.ongletFinSel{
height:26px;
width:8px;
background-position:top left;
background-repeat:no-repeat;
display:block;
float:left;
margin:0;
padding:0;
}


div.ongletFond, div.ongletFondSel{
background-position:top left;
background-repeat:repeat-x;
display:block;
float:left;
line-height:26px;
margin:0;
padding:0;
}



div.ongletDeb{
background-image:url(../images/onglet_Nclic_gauche.gif);
}
div.ongletFin{
background-image:url(../images/onglet_Nclic_droit.gif);
}
div.ongletFond{
background-image:url(../images/onglet_Nclic_fond.gif);
}

div.ongletDebSel{
background-image:url(../images/onglet_clic_gauche.gif);
}
div.ongletFinSel{
background-image:url(../images/onglet_clic_droit.gif);
}
div.ongletFondSel{
background-image:url(../images/onglet_clic_fond.gif);
}

div.ongletSousGauche{
height:54px;
padding-left:187px;
background-position:top left;
background-repeat:no-repeat;
float:none;
background-image:url(../images/onglet_contenu_gauche.gif);
top:5px;
position:relative;
width:inherit;
}

div.ongletSousFond{
background-position:top left;
float:none;
background-image:url(../images/onglet_contenu_fond.gif);
background-repeat:repeat-x;
width:inherit;
height:inherit;
}

div.ongletSousDroite{
float:right;
background-image:url(../images/onglet_contenu_droit.gif);
background-repeat:no-repeat;
width:3px;
height:inherit;
}


.tabFond, .tabFondSel{
background-position:top left;
background-repeat:repeat-x;
display:block;
float:left;
line-height:26px;
margin:0;
padding:0;
}
.tabFond{
background-image:url(../images/onglet_Nclic_fond.gif);
}
.tabFondSel{
background-image:url(../images/onglet_clic_fond.gif);
}


a.liens{
color:#67726B;
cursor:pointer;

}

a.liens:Hover{
color:#68685A;
}

table.liste{
border-top:2px solid #B3BDB6;
border-left:2px solid #B3BDB6;
/*margin-top:-26px;*/
margin-bottom:10px;
width:590px;

}
table.liste tr.entete{
background-color:#CACACB;
font-weight:bold
}
table.liste tr td{
padding-left:10px;
}

table.liste tr td{
border-right:2px #FFFFFF dotted;
}
table.liste tr.ligne0 {
background-color:#fff8eb;
cursor:pointer;
}
table.liste tr.ligne1,table.liste tr.ligne0  {
border:1px solid #000000;
}

table.liste tr.ligne1 {
background-color:#fde1bb;
cursor:pointer;
}

table.liste td span.marque{

}

table.liste td span.modele{

}

table.liste td span.dte{
font-weight:bold;
}

table.liste td span.typMat{

}

h1{
font-weight:bold;
font-size:14px;
color:#68685A;
background-image:url('../images/suivant1.gif');
background-repeat:no-repeat;
padding-left:15px;
}

span.typeMat{
font-size : 12px;
font-stretch:narrower;
font-style:italic;
}

.listeFiche {
padding-top:25px !important;
padding-top:0px;
width:590px;
}
