/***************** BODY *****************/
* {
	/*---on passe toutes les marges à 0---*/
margin:0;
	padding:0;
}
body, html {
	height:100%;/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}
body {
	background: #fff url(../images/charte/bg-body.png) center top no-repeat;
}
/***************** CONTAINER *****************/
#container {
	position:relative;
	min-height:100%;
	width:980px;
	margin:0 auto;
	background: url(../images/charte/bg-container.gif) center top repeat-y;
}
/***************** HEADER *****************/
#header {
	width:980px;
	height:255px;
}
#headerFlash {
	float:left;
	width:980px;
	height:255px;
	/*obligatoire si il y a un flash (firefox)*/
	display:block;
	outline:0;
}
/***************** MENU LEFT *****************/
#colLeft {
	float:left;
	display:inline;
	margin:0 0 0 10px;
	width:230px;
	list-style:none;
}
#menuLeftNews {
	float:left;
	display:inline;
	width:198px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
}
#menuLeftGrenelle {
	float:center;
	display:inline;
	width:150px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 10px;
}
#menuLeft {
	float:left;
	width:230px;
	list-style:none;
}
#menuLeft li {
	height:54px
	width:230px;
	position:relative;
	display:inline;
	float:left;
}
#menuLeft li a {
	text-decoration:none;
	background: url(../images/charte/bg-menuleft-rubrique.jpg) center top no-repeat;
	font:13px/54px Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#fff;
	display:inline-block;
	padding:0 25px;
	height:54px;
	width:180px;
}
#menuLeft li a:hover, #menuLeft li a.rubrique_active {
	background-position:center bottom;
}
/***************** SOUS MENU */
#menuLeft li ul {
	list-style:none;
}
#menuLeft li ul li a {
	background: url(../images/charte/bg-menuleft-srubrique.jpg) center top no-repeat;
	border:none;
	text-decoration:none;
	font:12px/54pxpx Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#1d4d6c;
	display:inline-block;
	padding:0 25px 0 45px;
	height:54px;
	width:160px;
}
#menuLeft li ul li a:hover, #menuLeft li ul li a.rubrique_active {
	background-position:center bottom;
	color:#000;
}
/***************** CONTENU *****************/
#contenu {
	float:left;
	display:inline;
	margin:0 10px 20px 0;
	padding:0 30px 0 0;
	width:700px;
}
#homeTexte {
	float:left;
	display:inline;
	width:690px;
	margin:0 0 0 10px;
}
#homeEncarts {
	float:left;
	display:inline;
	width:310px;
	height:210px;
	padding:20px 25px;
}
#homeUnEncart {
	float:left;
	display:inline;
	margin:0 10px 7px 5px;
}
#homeVideo {
	float:left;
	display:inline;
	width:320px;
	height:240px;
	padding:5px;
	margin:3px 0 15px 0;
	background-repeat: no-repeat;
	background-position: center top;
}
/***************** CONTENU NEWS & Autres *****************/
#encartBasZone {
	position:relative;
	float:left;
	display:inline;
	width:330px;
	margin:0 10px 0 10px;
}
#encartBasTitre {
	float:left;
	display:inline;
	width:320px;
	height:38px;
	background: url(../images/charte/bg-news-titre.gif) left top no-repeat;
	color:#FFFFFF;
	font:bold 20px/38px Arial, Helvetica, sans-serif;
	font-style:italic;
	padding:0 0 0 10px;
}
#unEncartBas {
	float:left;
	display:inline;
	position:relative;
	width:330px;
	padding:35px 0 0 0;
	color:#000;
	font:12px Arial, Helvetica, sans-serif;
	text-align:justify;
	margin:10px 0 20px 0;
}
#unEncartBasTitre {
	position:absolute;
	top:0;
	left:0;
	color:#4093c6;
	font:bold 15px Arial, Helvetica, sans-serif;
	text-align:left;
}
#unEncartBasDate {
	position:absolute;
	top:33px;
	right:0;
	color:#8dbedd;
	font:13px Arial, Helvetica, sans-serif;
	text-align:right;
}
#unEncartBasSeparation {
	position:absolute;
	top:20px;
	left:0;
	width:330px;
	height:7px;
	background: url(../images/charte/bg-unenews-separation.gif) center top no-repeat;
}
#newsArchive {
	float:left;
	display:inline;
	position:relative;
	width:330px;
	text-align:right;
}
#contenu #newsArchive a{
	color:#4093c6;
	font:bold 12px Arial, Helvetica, sans-serif;
}
#contenu #newsArchive a:hover{
	color:#000;
	text-decoration:underline;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer {
	clear:both;
}
#clearFooter {
	height:110px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer {
	position:relative;
	clear:both;
	width:980px;
	height:110px;
	margin:-110px auto 0;
	background: url(../images/charte/bg-footer.png) center top no-repeat;
}
#creationweb {
	position:absolute;
	left:15px;
	top:86px;
	width:195px;
}
#footer #creationweb a {
	text-decoration:none;
	display:block;
	font:10px Arial, Helvetica, sans-serif;
	color:#4092c5;
}
#footer #creationweb a:hover {
	text-decoration:underline;
	color:#000;
}