body {
	margin: 0px;
	padding: 0px;
	background-color:#dadadc;
	font-family:Trebuchet, Arial;
	font-size:9pt;
}

#global {
	margin-left: 54px;
	background-color: #FFF;
	border-style: solid;
	border-width: 0 1px 0 1px;
	border-color: #808183;
	width: 864px;
}

#banniere {
    position: relative;
    z-index: 2;
}

#banniere img {
	position: relative;
	float: left;
	padding:0px;
	margin:0px;
}

#nav {
	position: absolute;
	display: block;
    top: 100px;
	height: 60px;
	width: 100%;
	background-image:url('../img/barre.png');
	background-repeat:repeat-x;
	z-index: 2;	
}

#menu_h {
	padding-left: 73px;
	padding-top: 1px;
	display: block;
	height: 30px;
}

#menu_h a {
	position: relative;
	float: left;
	display: block;
	text-decoration: none;
	padding: 0 7px 0 7px;
	line-height: 28px;
	height: 41px;
	border: 0;
	color: #FFF;
}

#menu_h a:hover {
	background: url(../img/menu-h-background.jpg) repeat;
	color: #c72e42;
}

#menu_h a.selected,
#menu_h a.selected:hover {
    background: url('../img/menu_hori_triangle.jpg') no-repeat transparent bottom center;
	color: #FFF;
}

#hidden{
	display: block;
	position:fixed;
	bottom:0px;
	left: 20px;
	color:#c0c0c2;
}

#menu_h a.hidden:hover {
	border: 0px;
}

#fond_gauche_haut,
#fond_gauche_bas {
    width: 246px;
	float: left;
	z-index: 1;
}

#fond_gauche_haut {
    background: url('../img/menu_verti_fond_up.png') #E6E7E8 repeat-x top;
    margin-top: 59px;
}

#fond_gauche_bas {
    background: url('../img/menu_verti_fond_down.png') repeat-x top;
    position: relative;
    margin-top: -20px;
    height: 50px;
    z-index: 1;
}

#menu_v {
	background-color: #fff;
    position: relative;
	border: #808183 1px solid;
	margin: 0 0 10px 15px;
	padding-bottom: 10px;
	float: left;
	display: block;
	width: 214px;
	z-index: 2;
}

#menu_v span{
	display: block;
	height: 20px;
	padding-top:3px;
	padding-left:10px;
	background-color:#c72e42;
	color: #FFFFFF;
}

#menu_v div.sub_nav_titre, 
#contenu span.soustitre, 
#contenu span.soustitre_txt{
	display: block;
	padding-left:10px;
	padding-top:5px;
	color: #000;
	font-weight:bold;
}

#contenu span.soustitre_txt{
	margin-bottom: -13px;
}
#contenu span.soustitre{
	padding-top: 0px;
}
#contenu a{
	margin-left: 12px;
	color: #c72e42;
	text-decoration:none;
}
#contenu a:hover{
	color: #828282;
}

#menu_v a, 
#tableau, 
#info, 
#map
#log{
	color: #c72e42;
	text-decoration: none;
	font-size:9pt;
	font-weight:normal;
	padding-left:0px;
}

#menu_v a {
    padding-left:20px;
}
	
#menu_v a:hover, 
#menu_v a.selected{
	color: #828282;
	background-image:url('../img/sous_fleche.gif');
	background-repeat:no-repeat;
	background-position:center left;
}
/*
#menu_v a:hover{
	background:none;
}
*/
#menu_v p {
	color: #828284;
	font-size:8pt;
	padding-right: 10px;
	padding-left:10px;
	text-align:justify;
}

#menu_v #tableau,
#menu_v #info,
#info, 
#menu_v #map,
#menu_v #log,
#menu_v #email{
	display: block;
	padding-right:30px;
	margin-bottom: -5px;
	text-align: right;
	background-position:center right;
	background-repeat:no-repeat;
}

#menu_v #tableau{
	background-image:url('../img/icon_curseurs.jpg');
}
#menu_v #tableau:hover{
	background-image:url('../img/icon_curseurs_on.jpg');
}
#menu_v #email{
	background-image:url('../img/icon_mail.jpg');
}
#menu_v #email:hover{
	background-image:url('../img/icon_mail_on.jpg');
}
#menu_v #log{
	background-image:url('../img/icon_login.jpg');
}
#menu_v #log:hover{
	background-image:url('../img/icon_login_on.jpg');
}
#menu_v #map{
	background-image:url('../img/icon_loupe.jpg');
}
#menu_v #map:hover{
	background-image:url('../img/icon_loupe_on.jpg');
}
#info{
	background-image:url('../img/icon_info.jpg');
	background-repeat:no-repeat;
	background-position:center right;
	
}
#menu_v #info,
#menu_v #map,
#menu_v #log,
#menu_v #tel,
#menu_v #email{
	margin-right: 10px;
	padding-right: 22px;
}
#info:hover{
	background-image:url('../img/icon_info_on.jpg');
}
#menu_v #info:hover{
	background-image:url('../img/icon_info_on.jpg');
	background-position: center right;
}

#contenu {
	float: left;
	width: 590px;
	border: #808183 1px solid;
	font-family:Trebuchet, Arial;
	font-size: 9pt;
	color: #828282;
    margin: 59px 0 20px 0;
}

#contenu img{
	padding-bottom:0px;
	margin-bottom:0px;
}

/* 
 * Legende
 */

.legende{
	position: relative;
	height: 18px;
	background-color: #818286;
	color:#FFF;
	padding-left: 10px;
	font-size: 12px;
	line-height: 18px;
}

.gros_titre {
	position: relative;
	display:block;
	float:left;
	height: 100px;
}

h1 {
	padding-left:10px;
	font-size: 18pt;
	vertical-align:middle;
}

.aguichant {
	position: relative;
	width: 150px;
	display:block;
	float:right;
	color: #c73035;
	font-size:32pt;
	line-height:25px;
	text-align: right;
	padding-top: 4px;
	margin-top: 10px;
	margin-right: 10px;
	height: 40px;
}

#contenu .titre {
	color: #c72e42;
	text-decoration: none;
	font-size:10pt;
	font-weight:bold;
	margin: 10px;
}

#contenu p{
	margin-left: 10px;
	margin-right: 10px;
	text-align:justify;
}
#contenu hr{
	position: relative;
	float: right;
	width: 570px;
	color:#aaaaaa;
	margin-right:15px;
	margin-top: 10px;
	display: block;
}
#contenu div.type_compte{
	position: relative;
	float: left;
	width: 160px;
	text-align:right;
	margin-bottom: 3px;
}
#contenu div.barometre{
	position: relative;
	float: left;
	width: 410px;
	margin-left: 5px;
	margin-bottom: 3px;
}
#contenu div.barometre img{
	position: relative;
	float: left;
	padding:0px;
	margin:0px;
}
#contenu div.barometre span{
	position: relative;
	float:left;
	display:block;
	margin-left:5px;
	font-weight:bold;
}
#contenu div.barometre a.info{
	position: relative;
	float: right;
	display: block;
	width: 20px;
	height: 20px;
	background-image:url('../img/icon_info.jpg');
	background-repeat:no-repeat;
	background-position:top;
	top: -18px;
}
#contenu div.bas{
	position: relative;
	float:left;
	display: block;
	width: 550px;
	text-align:center;
	font-size: 11px;
}
#infoBox{
	position: relative;
	float: left;
	margin-left:162px;
	margin-bottom: 10px;
	width: 318px;
	background-color:#ededef;
	padding: 4px;
}
#infoBox span.soustitre{
	margin: 0px;
	padding: 0px;
}
#menu_v #gras_noir{
	color: #000;
	font-weight:bold;
	line-height:9pt;
	margin-bottom:-10px;
}

table, tr, td{
	vertical-align: top;
	margin-left: 10px;
}

#uploaded{
	position:fixed;
	visibility:hidden;
	background-color:#c72e42; 
	border:#fff 2px solid; 
	width:150px; 
	height:30px;
	top: 200px;
	left: 450px;
	text-align: center;
	vertical-align:center;
	color: #fff;
	font-size:12px;
	font-weight:bold;
	z-index: 10;
}
.malRempli{
	border: #c72e42 2px solid;
	color: #c72e42;
}

/*
 * Piliers
 */ 
 	#piliers{
		width: 465px;
		font-family: Trebuchet, Arial;
		text-align:center;
		margin-left:10px;
		display:block;
	}
	#piliers div.head, #piliers div.top, #piliers div.bottom{
		background-color: #c1022b;
		color: #fff;
	}
	#piliers div.head{
		height: 40px;
		line-height: 40px;
		margin-bottom: 8px;		
	}
	#piliers div.top, #piliers div.bottom{
		float: left;
		width: 134px;
		margin: 0px 8px 1px 8px;
		font-size: 11px;
		vertical-align: middle;
	}
	#piliers div.top{
		height: 45px;
	}

 	#piliers div.middle{
		float: left;
		width: 116px;
		height: 200px;
		border-left: #d9d9db 4px solid;
		border-right: #d9d9db 4px solid;		
		background-color: #d9d9db;
		margin: 0px 13px 1px;
		font-size: 11px;
		text-align:left;
	}

	#piliers a{
		position: relative;
		display: block;
		color: #000;
		font-weight: bold;
	}

/* 
 * Maps
 */
 
 #mapCossonay{
 	display:block;
	background-image:url('../img/mapCossonay.jpg');
	width: 555px;
	height: 455px;
 }
 #mapCossonay:hover{
   background-image: url('../img/mapCossonayHover.jpg');
 }
 #mapSullens{
 	display: block;
	background-image:url('../img/mapSullens.jpg');
	width:555px;
	height: 392px;
 }
 #mapSullens:hover{
 	background-image: url('../img/mapSullensHover.jpg');
 }
 
 #tabMap a{
 	margin:0px;
	padding: 0px;
 }

/* 
 * Taux
 */
 
.taux-title {
	height: 18px;
	line-height: 18px;	
	background-color: #818286;
	color:#FFF;
	padding-left: 10px;
	font-size: 12px;
}

.taux-separator { border-top: 1px solid #818286; }

.taux-box { height: 95px; }

.taux-box .taux-box-left,
.taux-box .taux-box-right {
	height: 100%;
}	

.taux-box .taux-box-left {
	width: 380px;
	padding-left: 10px;
	line-height: 75px;
	font-size: 24px;
	float: left;
}

.taux-box .taux-box-right {
	padding-right: 5px;
	width: 180px;
	float: right;
}

.taux-box .taux-box-right a {
	height: 20px;
	display: block;
	line-height: 20px;
	float: right;
}

.taux-box .taux-pourcent {
	color: #c73035;
	font-size: 32px;
	text-align: right;
	float: right;
}

div.end {
    clear: both;
}