/***************** BODY *****************/

* {
	/*---on passe toutes les marges à 0---*/

	margin:0;
	padding:0;
}
body, html {
	height:100%;
}
body {
	background:#080808;
}
/***************** CONTAINER *****************/

#container {
	position:absolute;
	width:990px;
	top:50%;
	left:50%;
	margin-left:-495px;
	margin-top:-285px;
	padding:0;
	background:url(../images/charte/container.jpg) left top repeat-y;
}
/***************** MENU TOP *****************/

#menuTop {
	position:relative;
	z-index:10;
	width:735px;
	height:20px;
	padding-left:243px;
	background:url(../images/charte/bg-menu-top.gif) left top no-repeat;
	list-style:none;
}
#menuTop li {
	position:relative;
	float:left;
}
#menuTop span {
	display:none;
}
#menuTop a {
	display:block;
	height:20px;
	background-position:left top;
}
#container #menuTop a:hover,  #container #menuTop a.trigered {
	background-position:left bottom;
}
li.bt1 a {
	background:url(../images/charte/bt1.gif) no-repeat;
	width:70px;
}
li.bt2 a {
	background:url(../images/charte/bt2.gif) no-repeat;
	width:88px;
}
li.bt3 a {
	background:url(../images/charte/bt3.gif) no-repeat;
	width:94px;
}
li.bt4 a {
	background:url(../images/charte/bt4.gif) no-repeat;
	width:114px;
}
li.bt5 a {
	background:url(../images/charte/bt5.gif) no-repeat;
	width:126px;
}
li.bt6 a {
	background:url(../images/charte/bt6.gif) no-repeat;
	width:91px;
}
li.bt7 a {
	background:url(../images/charte/bt7.gif) no-repeat;
	width:66px;
}
li.bt8 a {
	background:url(../images/charte/bt8.gif) no-repeat;
	width:71px;
}
/***************** HEADER *****************/

#header {
	width:990px;
	height:250px;
	background:url(../images/charte/header.jpg) left top no-repeat;
	float: left;
}
/***************** MENU LEFT *****************/



#menuLeft {
	width:170px;
	background:url(../images/charte/bg-menu-left.gif) left top no-repeat;
	padding-left:40px;
	float: left;
}
#menuLeft ul {
	list-style:none;
}
#menuLeft a {
	text-decoration:none;
	font: 11px/20px Arial, Helvetica, sans-serif;
	/*color:#999;*/

	color:#ffffff;
	display:block;
	letter-spacing:1px;
	height:20px;
	text-transform: uppercase;
}
#menuLeft a:hover,  #menuTop a.trigered {
	color:#b69851;
}
#menuLeft a:active {
	color:#666;
}
/***************** SOUS MENU */

#container #menuLeft li a {
	background:none;
	border:none;
	text-decoration:none;
	font:bold 10px/20px Arial, Helvetica, sans-serif;
	color:#999;
	display:block;
	height:20px;
	overflow:hidden;
	padding:0 0 0 10px;
	text-transform: uppercase;
}
#container #menuLeft li a:hover {
	text-decoration:none;
	color:#b69851;
}
/**************** NEWSLETTER ****************/

#newsletter {
	height:50px;
	width:230px;
	position: absolute;
	/*border:solid;

	border-color:#FFFFFF;*/

	left: 23px;
	top: 5px;
	z-index:20;
	color:#FFFFFF;
}
#newsletter input {
	background:#333;
	border:none;
	padding:0 3px;
	float:left;
	font:11px Arial, Helvetica, sans-serif;
	background:#FFF;
	margin:0 5px 0 0;
	color:#000;
}
#newsletter span {
	color:#FFFFFF;
	float:left;
	display:block;
	font:11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:0 2px;
	margin:0px 3px 0 0;
}
#newsletter a {
	background-color:#000000;
	color:#FFFFFF;
	border:#CCCCCC solid 1px;
	float:left;
	display:block;
	height:13px;
	font:11px/13px Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	text-decoration:none;
	padding:0 2px;
	margin-top:0px;
}
/***************** CONTENU *****************/

#contenu {
	position:relative;
	float:left;
	width:750px;
	padding:20px 0 0 20px;
}
#contenuTexte {
	float:left;
	width:675px;
	padding:0 0 0 40px;
	color:#FFFFFF;
}
.clearer {
	clear:both;
}
#clearFooter {
	height:30px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/

#footer {
	position:relative;
	clear:both;
	width:990px;
	height:80px;
	margin:0;
	background:url(../images/charte/footer.gif) center center no-repeat;
}
#idep {
	position:absolute;
	left:0;
	top:0;
	width:195px;
	height:30px;
}
#idep img {
	float:left;
}
#footer #idep a.idep {
	text-decoration:none;
	display:block;
	font:9px/8px Arial, Helvetica, sans-serif;
	color:#ffc2cc;
	margin:8px 0 0;
}
#footer #idep a.idep.optea {
	margin:0;
}
#footer #idep a:hover.idep {
	text-decoration:none;
	color:#fff;
}
#footer p {
	font:10px/30px Arial, Helvetica, sans-serif;
	color:#fff;
	float:right;
	display:inline;
	padding:0 30px 0 0px;
}
#footer a:link, #footer a:visited {
	text-decoration:none;
	color:#fff;
}
#footer a:hover, #footer a:active {
	text-decoration:underline;
	color:#fff;
}
object {
	outline: none;
}
.bloc-actu {
	width: 200px;
	position: absolute;
	left: 0px;
	font:11px/12px Arial, Helvetica, sans-serif;
	color: #999999;
	z-index: 1;
	top: 55px;
	margin-left: 750px;
	margin-top: 0px;
	text-align: justify;
}
.bloc-actu h3 {
	color: #CCCCCC;
	padding-bottom: 3px;
	font: bold 12px/12px Arial, Helvetica, sans-serif;
}
.bloc-actu a {
	color: #CCCCCC;
}
.bloc-actu a:hover {
	color: #999999;
}
.actu {
	clear:left;
	width:670px;
	margin-bottom:25px;
	float:left;
	border:0px solid red
}
.actu h3 {
	color: #CCCCCC;
	padding-bottom: 3px;
	font: bold 12px/12px Arial, Helvetica, sans-serif;
}
a:active, a:focus {
	outline:none;
}
a img {
	-moz-opacity: 1.00;
	opacity:1.00;
	border: 0px;
}
a:hover img {
	-moz-opacity: 0.70;
	opacity:0.70;
	border: 0px;
}