/* CSS Document */
body{
	margin:0px;
	padding:0px;
	background-color:#767058;
	background-image:url(../images/bg.gif);
}

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style:normal;
	font-weight:normal;
	color:#767058;
	margin-bottom:10px;
	padding-bottom:0px;
	margin-top:20px;
	padding-top:0px;
	text-transform:uppercase;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	text-transform:uppercase;
	font-weight:bold;
	color:#ed9715;
	margin-top:18px;
	padding-bottom:0px;
	margin-bottom:5px;
	padding-bottom:0px;
}


h3{
font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	font-weight:normal;
	color:#333333;
	margin-top:0px;
	padding-bottom:0px;
	margin-bottom:13px;
	padding-bottom:0px;
}

a:link,a:visited,a:active{
color:#ed9715;
}

a:hover{
color:#ed9715;
}


.enteteNews{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFFFF;
background-color:#ED9715;

}

.date_news{
color:#767058;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

.petit{
font-size:11px;
}

.premier{
margin-top:0px;
padding-top:0px;
}

.h1icone{
background-image:url(../images/icone_h1.gif);
margin-top:0px;
line-height:20px;
background-repeat:no-repeat;
background-position: left bottom;
padding-left:21px;
padding-top:0px;
}

.nouvelle{
padding:0px;
margin:0px;
background-image:url(../images/icone_news.gif);
margin-top:11px;
line-height:15px;
background-repeat:no-repeat;
padding-left:30px;
padding-top:10px;
padding-bottom:15px;
}



p, td, div.msgErreurs,ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	color:#767058;
	padding-bottom:0px;
	padding-top:0px;
	margin-bottom:10px;
	margin-top:0px;
}

input{
border:1px solid #bdc7d8;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11px;padding:3px;
}

.bt_abonner{
margin-top:5px;
padding-top:10px;
padding:2px 10px 3px 10px;border-style:solid;border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-right-width:1px;border-top-color:#D9DFEA;border-left-color:#D9DFEA;border-bottom-color:#0e1f5b;border-right-color:#0e1f5b;background-color:#94907c;color:#FFFFFF;font-size:11px;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;text-align:center;
}

label{
padding:0px;
margin:0px;
}

.txt_footer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color:#FFFFFF;

}

li{
list-style-image:url(../images/puce.gif);
margin-top:4px;
margin-bottom:4px;
}

.msg_neg{
color:#990000;
}

.msg_pos{
color:#009900;
}

.rangee1{
background-color:#ffffff;
color:#666666;
border-bottom:1px solid #ffffff;
border-right:1px solid #ffffff;
}

.rangee2{
background-color:#EBEBEB;
color:#666666;
border-bottom:1px solid #ffffff;
border-right:1px solid #ffffff;
}

.rangee3{
background-color:#eb9105;
color:#FFFFFF;
border-bottom:1px solid #ffffff;
border-right:1px solid #ffffff;
font-size:13px;
}

a.lien_blanc:link,a.lien_blanc:visited,a.lien_blanc:active{
color:#FFFFFF;
text-decoration:none;
font-size:13px;
}

a.lien_blanc:hover{
color:#CCCCCC;
text-decoration:none;
font-size:13px;
}

a.lien_gris:link,a.lien_blanc:visited,a.lien_blanc:active{
color:#666666;
text-decoration:none;
}

a.lien_gris:hover{
color:#333333;
text-decoration:none;
}

a.lien_blanc2:link,a.lien_blanc2:visited,a.lien_blanc2:active{
color:#FFFFFF;
text-decoration:none;
font-size:11px;
}

a.lien_blanc2:hover{
color:#CCCCCC;
text-decoration:none;
font-size:11px;
}


.thumbnail{
position: relative;
z-index: 0;

}

.thumbnail:hover{
background-color:#FFFFFF;
z-index: 50;

}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
width:350px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}
