/* CSS Document */
td {	
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}
.TabTitr {
background-color:#016FB1;
}
/******************************************************************************/
/****							onglets 								   ****/
/******************************************************************************/

/* --> conteneur de la nav */

.Onglet div {
padding-left:10px;
cursor:pointer;
background:url('/Obs_actu/images/onglet.gif') no-repeat left;
height:26px;
width:140px !important;
width:150px;
color:white;
 float:left;
 display:block;
}

.Onglet div:Hover{
padding-left:10px;
cursor:pointer;
background:url('/obs_actu/images/ongleth.gif') no-repeat left;
height:26px;
width:140px !important;
width:150px;
color:white;
 float:left;
 display:block;
}


.Ongletcourt div {
padding-left:10px;
cursor:pointer;
background:url('/Obs_actu/images/ongletcourt.gif') no-repeat left;
height:26px;
width:80px !important;
width:90px;
color:white;
 float:left;
 display:block;
}

.Ongletcourt div:Hover{
padding-left:10px;
cursor:pointer;
background:url('/Obs_actu/images/ongletcourth.gif') no-repeat left;
height:26px;
width:80px !important;
width:90px;
color:white;
 float:left;
 display:block;
}

/******************************************************************************/
/****					Bloc Titre de l'observatoire				  	   ****/
/******************************************************************************/

.ObservatroireDeb{
background: transparent url('/Obs_actu/images/titre_observatoir_g.gif') no-repeat top left;
width:24px;
}

.ObservatroireTitre{
background: transparent url('/Obs_actu/images/titre_observatoir_fond.gif') repeat-x top left;
font-family:Helvetica,Arial, sans-serif;
font-weight:bold;
font-size:12px;
color:#FFFFFF;
}

.ObservatroireMilieu{
background: transparent url('/obs_actu/images/titre_observatoir_d.gif') no-repeat top left;
width:24px;
}

.ObservatroireFin{
background: transparent url('/obs_actu/images/titre_observatoire_degrader.gif') no-repeat top left;
}
.ObservatroireBloc{
border:1px solid #3C66B3;
}

/******************************************************************************/
/****					Fin Bloc Titre de l'observatoire			  	   ****/
/******************************************************************************/

/******************************************************************************/
/****					Bloc de la Home page						  	   ****/
/******************************************************************************/

.module { 
	background-color:#FBFBFB;
	/*margin:1px;*/
padding:0px 0px 10px 0px;
	width:99%;
	height:auto;
	
}.module .module-contenu {
/**/
text-align:justify;
}
 
.module .module-haut {
	background :  url(/Obs_actu/images/block1_fond_haut.gif) repeat-x top left; 
} 
.module .module-gauche {
	background :  url(/Obs_actu/images/block1_fond_milieu_gauche.gif) repeat-y top left; 
	
} 
.module .module-droit {
	background :  url(/Obs_actu/images/block1_fond_droit.gif) repeat-y top right; 
} 
.module .module-haut_gauche {
	background :  url(/Obs_actu/images/bloc1_faud_g.gif) no-repeat top left; 
} 
.module .module-haut_droit {
	background :  url(/Obs_actu/images/block1_haut_droit.gif) no-repeat top right; 
} 
.module .module-bas {
	background :  url(/Obs_actu/images/block1_fond_bas.gif) repeat-x bottom left;  
} 
.module .module-bas_gauche {
	background :  url(/Obs_actu/images/block1_bas_g.gif) no-repeat bottom left;
} 
.module .module-bas_droit {
	background :  url(/Obs_actu/images/block1_bas_droit.gif) no-repeat bottom right;
}
.module .module-contenu {
	display:block; 
	padding:1px 5px 1px 2px;
	color : #000000;
	margin:0px 5px 0px 3px;
	text-align:justify;
} 
.module .module-contenu .divactuHP{
height:104px; overflow:scroll;
	padding:0px;
} 
.module .module-contenu p {
	margin : 5px 0 5px 15px; padding : 0; 
} 
.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:#FFFFFF;
}
/*
#bloc2 .module-contenu {
margin : 0 10 0 10;
font-size:24px;
}
*/
/******************************************************************************/
/****					Fin Bloc gris interieure page					   ****/
/******************************************************************************/


/******************************************************************************/
/****								style tableau						   ****/
/******************************************************************************/

.module .module-entete .module-titreTab{
	color:#FFFFFF;
}
 
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:#FFFFFF;/*#004935*/
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.tabObservatoire tr.lignePaire{
	background-color:#C2CFE7;
}

.tabObservatoire tr.ligneImPaire {
	background-color:#F5F5F5;
}

.noBorder{
border-collapse: inherit;
}
/******************************************************************************/
/****								Fin style tableau					   ****/
/******************************************************************************/


/******************************************************************************/
/****								menu Gauche c&m						   ****/
/******************************************************************************/
.MenuGauche{
background :  url(/Obs_actu/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(/Obs_actu/images/nav_titre_fond.gif) repeat-x top left; 
	width:auto;
} 
.MenuGauche .module .module-gauche {
	/*background :  url(/Obs_actu/images/block1_fond_milieu_gauche.gif) repeat-y top left; */
	background:none; !important
	width:auto;
	
} 
.MenuGauche .module .module-droit {
	background :  url(/Obs_actu/images/block1_fond_droit.gif) repeat-y top right; 
	width:auto;
} 
.MenuGauche .module .module-haut_gauche {
	background :  url(/Obs_actu/images/nav_titre_g.gif) no-repeat top left; 
	width:auto;
	/*background:none; !important*/
} 

.MenuGauche .module .module-haut_droit {
	background :  url(/Obs_actu/images/nav_titre_dgfgdf.gif) no-repeat top right; 
	width:157;
} 
.MenuGauche .module .module-bas {
	/*background :  url(/Obs_actu/images/block1_fond_bas.gif) repeat-x bottom left;  */
	background:none; !important
	width:auto;
} 
.MenuGauche .module .module-bas_gauche {
/*background :  url(/Obs_actu/images/block1_bas_g.gif) no-repeat bottom left;*/
	background:none; !important
	width:auto;
} 
.MenuGauche .module .module-bas_droit {
/*background :  url(/Obs_actu/images/block1_bas_droit.gif) no-repeat bottom right;*/
	background:none; !important
	width:auto;
}

.MenuGauche .module .module-contenu {overflow : auto;padding:10px 0px 5px 0px; !important/* 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:#3C66B3;
	font-size:12px;
	text-decoration:none;
	font-style: normal;
	font-weight: normal;
} 

.MenuGauche .module .module-contenu p.navPaire{
background :  url(/Obs_actu/images/nav_fond_1.gif) no-repeat top left;
}
.MenuGauche .module .module-contenu p.navImPaire{
background :  url(/Obs_actu/images/nav_fond_2.gif) no-repeat top left;
}



.MenuGauche .module .module-contenu p.SelPaire{
background :  url(/Obs_actu/images/nav_clic_1.gif) no-repeat top left; 
color:#FFFF00;
}
.MenuGauche .module .module-contenu p.SelImPaire {
background :  url(/Obs_actu/images/nav_clic_2.gif) no-repeat top left; 
color:#FFFF00;
}

.MenuGauche .module .module-contenu p.navPaire:Hover{
background :  url(/obs_actu/images/nav_1_over.gif) no-repeat bottom left; 
}




.MenuGauche .module .module-contenu p.navImPaire:Hover{
background :  url(/obs_actu/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 : #FFFFFF; /*#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:#FFFFFF;/*#004935*/
}

.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:#3C66B3;
	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:#CED9EC;
}

.MenuDroit .menu .sMenu table tr.ligneImPaire {
	background-color:#FFFFFF;
}

.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/oDroite.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:15px;
	float:left;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
}

a.lienArbo,a.lienArbo:Hover {
	font-size:13px;
	color:#4777cf;
	text-decoration:none;
	padding-right:5px;
	font-weight:bold;!important
}

a.lienArbo:Hover{
	color:#d5ae04;
	
}
/******************************************************************************/
/****						onglets cultures							   ****/
/******************************************************************************/

/* --> conteneur de la nav */
.onGletCulture {
	margin:0;
	padding:1 1 1 1;
	height:36px;
}

/* --> 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 selectionnée */
.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 récoltes								   ****/
/******************************************************************************/
.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 selectionnée */
.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 récoltes							   ****/
/******************************************************************************/


/******************************************************************************/
/****						 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							   ****/
/******************************************************************************/