/*-------------------------------------------------*/
/* Styles d'hydro-meteo.fr */
/*-------------------------------------------------*/


/* Styles Globaux */
/*-------------------------------------------------*/
html {
font-size: 100%;
color:#000000;
}

body {
/*padding: 1em;*/
font-size: 12px;
font-family: Verdana, sans-serif;
margin:0px;
background-color:#ECF1EA;
background-image:url(../images/fonddegrade.jpg);
background-repeat:repeat-y;
background-position:center;
}

h1{
margin-top:25px;
margin-left:50px;
color:#8BBE7B;
font-weight:bold;
font-size: 140%;
letter-spacing:.4em;
text-decoration:underline;
}

h2{
margin-top:25px;
margin-left:50px;
color:#576146;
font-weight:bold;
font-size: 120%;
letter-spacing:.1em;
text-decoration:underline;
}

h3{
color:#8BBE7B;
font-weight:bold;
font-size: 110%;
text-decoration:underline;
margin-left:70px;
}

/*-------------------------------------------------*/
/* Styles pour la BANNIERE */
/*-------------------------------------------------*/

#logo 	{
	font-family: sans-serif;
    font-size: 160%;
	color:#EEFFBB;
	letter-spacing:.6em;
	vertical-align:sub;
	text-align:center;
	height:30px;
}

#imgover {
background-color:#F4F4F4;
}
#imgout {
background-color:#ECF1EA;
}

#logob 	{
	font-family: sans-serif;
    font-size: 120%;
	color:#ECF1EA;
	letter-spacing:.4em;
	text-align:center;
	height:25px;
}

/* Styles tableau */
/*-------------------------------------------------*/
#tabentete {
width:100%;
border-collapse:collapse;
text-align:center;
text-decoration:none;
border-right-color:#ECF1EA;
border-left-color:#ECF1EA;
border-top-color:#ECF1EA;
}

#entete {
background-color:#607860;
border-right-color:#ECF1EA;
border-left-color:#ECF1EA;
border-top-color:#ECF1EA;
border-bottom-color:#607860;
border-collapse:collapse;
color:#ECF1EA;
text-align:center;
}

#entete a{
text-decoration:none;
background-color:#607860;
color:#ECF1EA;
}

#entete a:visited{
text-decoration:none;
background-color:#607860;
color:#ECF1EA;
}

#entete a:hover{
background-color:#ECF1EA;
color:#607860;
}


#tabsousentete {
width:100%;
border-collapse:collapse;
text-align:center;
text-decoration:none;
border-right-color:#004080;
border-left-color:#004080;
border-top-color:#ECF1EA;
}

#sousentete {
background-color:#E8E8FF;
border-right-color:#ECF1EA;
border-left-color:#ECF1EA;
border-top-color:#ECF1EA;
border-bottom-color:#607860;
border-collapse:collapse;
color:#004080;
text-align:center;
}

#sousentete a{
text-decoration:none;
background-color:#E8E8FF;
color:#004080;
}

#sousentete a:visited{
text-decoration:none;
background-color:#E8E8FF;
color:#004080;
}

#sousentete a:hover{
background-color:#004080;
color:#E8E8FF;
}

#invsousentete {
background-color:#004080;
border-right-color:#ECF1EA;
border-left-color:#ECF1EA;
border-top-color:#ECF1EA;
border-bottom-color:#607860;
border-collapse:collapse;
color:#E8E8FF;
text-align:center;
font-size:80%;
}

#invsousentete a{
text-decoration:none;
background-color:#004080;
color:#E8E8FF;
}

#invsousentete a:visited{
text-decoration:none;
background-color:#004080;
color:#E8E8FF;
}

#invsousentete a:hover{
background-color:#004080;
color:#E8E8FF;
}

#pasfait {
text-decoration:none;
background-color:#607860;
color:#97AB97;
}


/* Style séparateur titre */
#jenpe{
	background-image:url(../images/jenpe.png);
}


#sep_color{
color:#EEFFBB;
	letter-spacing:.1em;
	margin-left:20px;
}
#sep_marge{
width:50px;
}

#sep_colorb{
color:#EEFFBB;
background-color:#607860;
height:5px;
}

/*-------------------------------------------------*/
/* Styles pour le TEXTE */
/*-------------------------------------------------*/
#corpsmain{
margin-top:25px;
margin-left:50px;
color:#000000;
width:80%;
}
#corps{
margin-top:25px;
margin-left:70px;
color:#000000;
width:700px;
text-align:justify;
}
#corpsform{
margin-top:25px;
margin-left:50px;
color:#000000;
width:90%;
background-color:#ECF1EA;
border:none;
text-align:center;
font-family: Verdana, sans-serif;
overflow:auto;
font-size: 12px;
}

#slogan{
margin-top:25px;
margin-left:70px;
color:#000000;
width:700px;
font-size:120%;
text-align:center;
color:#8BBE7B;
font-weight:bold;
}

#com{
margin-top:5px;
margin-left:100px;
color:#000000;
width:580px;
}

#maliste {
	width: 500px ;
	list-style-image: url("../images/mm_arrow.gif") ;
	margin-left:70px;
	padding: 20px ;
	text-align:justify;
	}
#maliste li {
padding-bottom:5px;
}

#malisted {
	width: 680px ;
	list-style-image: url("../images/mm_arrow.gif") ;
	margin-left:70px;
	padding: 16px ;
	text-align:justify;
	}
#malisted li {
padding-bottom:0px;
}

#malisteb {
	width: 650px ;
	list-style-image: url("../images/mm_arrow.gif") ;
	margin-left:70px;
	padding: 2px ;
	}
#malisteb li {
padding-bottom:0px;
}

#malistec {
	width: 650px ;
	margin-left:70px;
	padding: 2px ;
	list-style:none;
	}
#malistec li {
padding-bottom:0px;
}

#mabib {
	width: 680px ;
	list-style-image: url("../images/arrow_green.png") ;
	margin-left:70px;
	padding: 20px ;
	text-align:justify;
	}
#mabib li {
padding-bottom:5px;
}

/*-------------------------------------------------*/
/* Styles pour les menus des bannieres */
/*-------------------------------------------------*/
#menu{
margin:0px;
padding: 0px;
width:750px;
list-style-type:none;
}

#menu ul{
padding: 30px;
width:750px;
}

#menu li{
margin: 0px;
padding:0px;
float:left;
display:inline;
/*width:16%;*/
}

#menu a{
float:left;
margin:0 0px;
padding:0px 25px;
border:1px solid #ECF1EA;
text-decoration:none;
color:#ECF1EA;
background:#607860;
}

#menu a:hover{
background:#ECF1EA;
color:#607860;
border: 1px solid gray;
}

ul#sousmenu{
list-style-type:none;
margin: 0;
padding: 0;
overflow:hidden;
width:750px;
text-align:center;
margin-left:60px;
margin-right:auto;
}

ul#sousmenu li{
float:left;
display:inline;
}

ul#sousmenu a{
float:left;
margin:0 0px;
padding:0px 13px;
border:1px solid gray;
text-decoration:none;
color:#004080;
background:#E8E8FF;
font-size:80%;
}

ul#sousmenu a:hover{
background:#004080;
color:#E8E8FF;
border: 1px solid gray;
}



/* =========================================================== */
/* =========================================================== */