html{height: 100%}
body {font-size: 12px;font-family: Arial, Helvetica, sans-serif;background-color:#83c026;} 
td {font-size: 12px;font-family: Arial, Helvetica, sans-serif;}
p {font-size: 12px;font-family: Arial, Helvetica, sans-serif;}
h1 { color:#B8001B;margin-top:0px;}
h2 { color:black; margin-top:0px;}
h3 { text-indent:20px; font-size:14px; margin-top:0px;}
a:link {color:#406501;}
a:hover, a:visited, a:active {color:#406501;}
/**************** element specifique formulaire ****************/
.champ{}
.bouton{}
/***********entetes***********/
.entete a:link, .entete a:link, .entete a:visited, .entete a:hover, .entete a:active{
	background: url(/Jarny/images/bt_mat_fond.gif) repeat-x;
	height:48px;
	width:150px;
	color: #FFFFFF;/*#7e0214;*/
	font-weight: bold;
	font-size: 16px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	display: block;
	text-decoration:none;}
/***********style du bandeau partenaire***********/
#BandeauContainer{}
/***********style du module d'actualité***********/
/*module sur page d'accueil*/
#actualitecontainer .entete a{ padding-left:0px;
	padding-top:10px;}
#actualitecontainer{ background-color:#D3FD8D;}
#actualitecontainer td a:link, #actualitecontainer td a:visited{
  	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:black;
	text-decoration: none;
}
#actualitecontainer td a:hover, #actualitecontainer td a:active{
	color:#B8001B;
}
#actualitecontainer td{ padding:3px; background-color:#D3FD8D;background-image:url(/jarny/images/flechRouge.gif); background-repeat:no-repeat; background-position:8px 5px;}
/*dans la page qui liste les actu*/
#listeActualiteContainer{height:506px;}
#listeActualiteContainer div.listeActualiteLigne{}
#listeActualiteContainer div.listeActualite{}
/*dans la page qui affiche une actu*/
#detailActualite{height:506px;}
#detailActualite .introActualite{text-align: center;	width: 100%;}
#detailActualite .introActualite div{ font-style:italic;}
/***********style du footer***********/
#footercontainer{}
#footercontainer a:link,#footercontainer a:visited{}
#footercontainer a:hover,#footercontainer a:active,#footercontainer a:focus{}
/***********style pour la remonté d'annonce***********/
#fichecontainerHP{
	background-color:#D3FD8D;
}
#fichecontainer div {
	padding:0px;
	margin:0px;
	background-color:#D3FD8D;
}
#fichecontainer .entete a{
	height:47px;
	background-color:#D3FD8D;
	/*background-image:none;*/
	padding:10px 0px 0px 0px;
	margin:0px;
}
#fichecontainer{
	background-color:#D3FD8D;
	width:250px;
	height:404px;border: 1px #83C026 solid;
}
#fichecontainer td {padding-left:6px;background-image:url(/jarny/images/flechRouge.gif);background-repeat:no-repeat; background-position:7px 53px; font-size:12px; font-weight:bold; }
#fichecontainerHP td{padding-left:6px;background-image:url(/jarny/images/flechRouge.gif);background-repeat:no-repeat; background-position:7px 53px; font-size:12px; font-weight:bold;}
#fichecontainer img, #fichecontainerHP img{}
#ficheContainer .labelMat, #fichecontainerHP .labelMat{ font-size:12px;font-weight:bold;}
#fichecontainerHP .annonce0, #fichecontainerHP .annonce1, #fichecontainer .annonce0, #fichecontainer .annonce1{padding-top:6px; padding-bottom:2px; font-size:12px;cursor: pointer;float: left; height: 72px; width:242px; background-color:#D3FD8D; text-align:left; }
#fichecontainerHP .annonce1, #fichecontainer .annonce1{ background-color:#B1D96E;}
#fichecontainerHP .entete a{ padding:10 0 0 10;}
#fichecontainer .entete{ padding:0 0 0 10;}
/***********style pour l'alerte***********/
#alertecontainer{}
#alertecontainer marquee, #alertecontainer a:link, #alertecontainer a:hover, #alertecontainer a:visited, #alertecontainer a:active, #alertecontainer a:focus{}
/***********style pour la page de contact***********/
#contactContainer form{padding: 100px 0 0 0; width:100%;
background:url(/jarny/images/fond_page_contact.gif) top no-repeat white;}
#contactContainer h1{display:none;}
/***********style pour la grille***********/
#GrilleContainer{}
#GrilleContainer table{}
#GrilleContainer td{}
/***********style pour la page de meteo et le bloc metéo en HP***********/
#MeteoContainer{padding: 5px 5px 5px 5px; width:100%;}
#MeteoContainer td, #MeteoHPContainer td{text-align: center;}
#MeteoContainer td.legende, #MeteoHPContainer td.legende{text-align: left;vertical-align: middle;}
#MeteoContainer .meteoLig1, #MeteoHPContainer .meteoLig1{background-color: #D5FC93;}/*comme le style de liste dans TNO annonce0Liste1*/
#MeteoContainer .meteoLig0, #MeteoHPContainer .meteoLig0{background-color: #EDFCD2;}/*comme le style de liste dans TNO annonceListe0*/
#MeteoContainer .meteoCol1, #MeteoHPContainer .meteoCol1{background-color: #C7EF85;}
#MeteoContainer .meteoCol0, #MeteoHPContainer .meteoCol0{background-color: #E3FDB7;}
/***********style pour la base line TNM***********/
#BaseLineContainer{text-align: center; width:100%; color: #6B7402;}
#BaseLineContainer marquee, #BaseLineContainer a:link, #BaseLineContainer a:hover, #BaseLineContainer a:visited, #BaseLineContainer a:active, #BaseLineContainer a:focus{}
/*********** style pour les drapeaux ******************/
#LangueContainer{}
#LangueContainer img{ padding-left:5px;}
/*********** Style pour le module concédant CIV5 **************/
#Concedant .TitreRub{}
#Concedant .TitreSsRub{}
#Concedant .rubNiv0{padding-top: 6px;padding-left: 10px;}
#Concedant .rubNiv1{padding-top: 6px;padding-left: 20px;}
#Concedant .rubNiv2{padding-top: 6px;padding-left: 30px;}
#Concedant .page{padding-left: 10px;display: block;}/*valeur identique au delta entre les niveaux*/

#contenu {
	background: url(/jarny/images/fond_page.gif) no-repeat white ;
	height:auto;
}
#contenu .Entete, #contenu .Entete1{
	background:none;
	display: block;
	height: 57px;
}
#contenu .Entete DIV, #contenu .Entete1 DIV{
	background: url(/Jarny/images/bt_mat_j.gif) no-repeat left;
	height: 57px;
}
#contenu .Entete DIV DIV, #contenu .Entete1 DIV DIV{
	background:none;
	height: 57px;
}
#contenu .Entete DIV DIV DIV, #contenu .Entete1 DIV DIV DIV{
	background: url(/Jarny/images/bt_mat_fond.gif) repeat-x;
	text-align: left;
	color: White;
	font-size: 15px;
	font-weight: bold;
	margin-left: 57px;
	padding-top:20px;
}
#fichecontainer .Entete DIV DIV DIV, #fichecontainer .Entete1 DIV DIV DIV{
	background: url(/Jarny/images/bt_mat_fond.gif) repeat-x;
	text-align: left;
	color: White;
	font-size: 15px;
	font-weight: bold;
	margin-left: 57px;
	padding-top:0px;
}
#contenuacc {
	width: 810px;
	height: 506px;
	overflow-x:hidden;
	/*position:absolute;
	left:140px;
	top:94px;
	display: block;*/
}
#menuhaut{
	background-image: url("/jarny/images/header1.gif");
	background-position:right;
	width:732px;
	height:92px;
	border:0px;
}
#menuhaut td a{
	padding: 0px 20px;
	margin-right:20px;
	background-color:#B90019;
	font-size:12px;
	font-weight:bold;
	color:#B1D86D;
	text-decoration:none;
}
#menuhaut td a:hover, #menuhaut td a:active{
	color:#FFFFFF;
}