html, body, div, ul, li, p, span, form, input, img, h1, h2, h3  {
	margin:0px;
	padding:0px;
}

html, body{
	width:100%;
	height:100%;
	background-color:#fff;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align:justify;
}
/**/

a {
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	color:#fff;
}
img {
	border:0px;
}
.clear {clear:both;}
.spacer {width:980px;height:10px;clear:both;}
.center{text-align:center;}
.txt_right{text-align:right;}
.right{float:right;}
.left{float:left;}
.gras {font-weight:bold;}
.spacer {width:100%;height:10px;}
ul {list-style-type:none;}

h1 {
	font-size:10px;
}

div#conteneur {
	width:980px;
	min-height:550px;
	height:auto;
	_height:550px;
	position:relative;
	margin: 0 auto;
}
div#blanc {
	width:980;
	height:10px;
	position:relative;
	margin: 0 auto;
}
div#bandeau {
	width:980px;
	height:120px;
	float:left;
}
#gauche {
	width:220px;
	height:340px;
	float:left;
}
#droite {
	width:138px;
	height:500px;
	float:left;
	position:absolute;
	left:840px;
	top:0px;
}
/*  STYE MENU haut   */
#menu {
	width:620px;
	height:100px;
	margin-left:220px;
}
#menu li {
	float:left;
}

#menu li a {
	color:#fff;
	display:block;
	width:99px;
	height:23px;
	padding-top:8px;
	text-align:center;
}
#menu li a:hover {color:#ABBCFD;}

/*------ contenu ------*/
div#contenu {
	width:580px;
	text-align:justify;
	float:left;
	padding:0px 5px 10px 5px;
	border:0px solid #666;
	min-height:380px;
	height:380px;
	_height:380px;
	overflow:hidden;
}
a#video {
	display:block;
	width:99px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:url(btn-page-1.gif) no-repeat;
	color:#fff;
}
a#video:hover {
	color:#ABBCFD;
}
.block_marge {
	width:48px;
	float:left;
	height:96px;
}
div.articles {
	width:262px;
	float:left;
	padding:5px 2px 0px 0px;
	height:107px;
	overflow:hidden;
}
div.articles img {
}
div.articles h1{
	width:163px;
}
div.articles p {
	display:block;
	width:163px;
}
div.actualites {
	clear:both;
	height:190px;
}
div.actualites img{
	float:right;
	border:1px solid #9C054A;
	clear:both;
	padding:5px;
}
div.actualites h1{
	font-size:12px;
	font-weight:bold;
	color:#9C054A;
}
div.actualites p.date_actu {
	color:#9C054A;
	margin-bottom:10px;
}
div.actualites p{
	padding-right:190px;
	font-size:10px;
}
div.actualites p a {
	color:#9C054A;
}
div.actualites p a:hover {
	text-decoration:underline;
}
div#archives {
	font-size:9px;
	margin-top:5px;
}
div#archives a, div.marques a {
	color:#000;
	font-weight:normal;
}
div#archives a:hover {
	text-decoration:underline;
}
div#archives p span{
	color:#9C054A;
	font-weight:bold;
}
div.marques {
	float:left;
	width:116px;
	margin-bottom:5px;
}
div.marques p {
	display:block;
	width:116px;
	text-align:center;
}
div.marques a:hover {
	text-decoration:underline;
	color:#000;
}
#newsletter {
	text-align:right;
}
#newsletter input {
	font-size: 9px;
	text-align:right;
}

#foot{height:28px;text-align:center;color:#fff;line-height:28px;font-size:10px;}
#foot a {color:#fff;font-weight:normal;}
#foot a:hover {color:#999;}
p#footer {text-align:right;font-size:10px;color:#666;height:16px;line-height:16px;}
p#footer a{font-size:10px;color:#666;text-decoration:none;height:12px;font-weight:normal;}
p#footer a:hover{color:#999;}