/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - UNE */
#logo {
	float: left;
	width: 210px;
	height: 175px;
	color: #000000;
}
#logo img {
	float: left;
	width: 84px;
	height: 174px;
	margin-right: 6px;
}
#logo h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-size: 18pt; 
	line-height: 125%;
}
#bandeau {
	text-align: right;
	margin-top: 30px;
	background-color: #ffffff;
}
#redac {
	float: right;
	width: 400px;
	margin-top: 10px;
	padding-right: 20px;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - pave rouge */
#rouge {
	float: left;
	width: 260px;
	height: auto;
	margin-top: 10px;
	text-align: center;
	background-color: #ef1029;
}
#hgrouge { 
	float: left;
	width: 10px;
	height: 10px;
	background-image: url(../graphics/hg_rouge.gif);
	background-repeat: no-repeat;
}
#hdrouge {
	float: right;
	width: 10px;
	height: 10px;
	background-image: url(../graphics/hd_rouge.gif);
	background-repeat: no-repeat;
}
#bgrouge {
	float: left;
	width: 10px;
	height: 10px;
	background-image: url(../graphics/bg_rouge.gif);
	background-repeat: no-repeat;
}
#bdrouge {
	float: right;
	width: 10px;
	height: 10px;
	background-image: url(../graphics/bd_rouge.gif);
	background-repeat: no-repeat;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - pave orange */
#orange {
	float: left;
	width: 260px;
	height: auto;
	margin-top: 10px;
	text-align: center;
	background-color: orange;
}
#hgorange { 
	float: left;
	width: 10px;
	height: 10px;
	background-image: url(../graphics/hg_orange.gif);
	background-repeat: no-repeat;
}
#hdorange {
	float: right;
	width: 10px;
	height: 10px;
	background-image: url(../graphics/hd_orange.gif);
	background-repeat: no-repeat;
}
#bgorange {
	float: left;
	width: 10px;
	height: 10px;
	background-image: url(../graphics/bg_orange.gif);
	background-repeat: no-repeat;
}
#bdorange {
	float: right;
	width: 10px;
	height: 10px;
	background-image: url(../graphics/bd_orange.gif);
	background-repeat: no-repeat;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - pave jaune */
#jaune {
	float: left;
	width: 260px;
	height: auto;
	margin-top: 10px;
	text-align: center;
	background-color: #ffd761;
}
#hgjaune { 
	float: left;
	width: 10px;
	height: 10px;
	background-image: url(../graphics/hg_jaune.gif);
	background-repeat: no-repeat;
}
#hdjaune {
	float: right;
	width: 10px;
	height: 10px;
	background-image: url(../graphics/hd_jaune.gif);
	background-repeat: no-repeat;
}
#bgjaune {
	float: left;
	width: 10px;
	height: 10px;
	background-image: url(../graphics/bg_jaune.gif);
	background-repeat: no-repeat;
}
#bdjaune {
	float: right;
	width: 10px;
	height: 10px;
	background-image: url(../graphics/bd_jaune.gif);
	background-repeat: no-repeat;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - pave zoom */
#zoom {
	float: left;
	width: 260px;
	height: auto;
	margin-top: 10px;
	text-align: center;
	background-color: #dddddd;
}
#hgzoom { 
	float: left;
	width: 10px;
	height: 10px;
	background-image: url(../graphics/hg_gris.gif);
	background-repeat: no-repeat;
}
#hdzoom {
	float: right;
	width: 10px;
	height: 10px;
	background-image: url(../graphics/hd_gris.gif);
	background-repeat: no-repeat;
}
#bgzoom {
	float: left;
	width: 10px;
	height: 10px;
	background-image: url(../graphics/bg_gris.gif);
	background-repeat: no-repeat;
}
#bdzoom {
	float: right;
	width: 10px;
	height: 10px;
	background-image: url(../graphics/bd_gris.gif);
	background-repeat: no-repeat;
}
#fav {
	float: right;
	width: 200px;
	padding-top: 20px;
	text-align: left;
	background-color: #ffffff;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  milieu paves*/ 
.milieu {
	width: auto;
	height: 100%;
	margin-left: 10px;
	margin-right: 10px;
	background-color: transparent;	
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - paves gris */
.gris {
	float: right;
	width: 200px;
	height: auto;
	margin-top: 30px;
	text-align: left;
	background-color: #dddddd;	
}
.hggris { 
	float: left;
	width: 10px;
	height: 10px;
	background-image: url(../graphics/hg_gris.gif);
	background-repeat: no-repeat;
}
.hdgris {
	float: right;
	width: 10px;
	height: 10px;
	background-image: url(../graphics/hd_gris.gif);
	background-repeat: no-repeat;
}
.bggris {
	float: left;
	width: 10px;
	height: 10px;
	background-image: url(../graphics/bg_gris.gif);
	background-repeat: no-repeat;
}
.bdgris {
	float: right;
	width: 10px;
	height: 10px;
	background-image: url(../graphics/bd_gris.gif);
	background-repeat: no-repeat;
}