@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
form, input, label, fieldset, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	/*color:#fff;*/
}
.clear {clear:both;font-size:1px;height:1px;}
.left {float:left;}

a {
	color:#333;
}
a:hover {
	color:#b9b9b9;
}
ul li a {
	color:#808080;
	text-decoration:none;
	font-size:12px;
}
ul li a:hover {
	color:#9b9b9b;
}

body {
	margin-top:10px;
	color:#333333; /* <---------  */
	background-color:#333; /* <---------  */
	width:100%;
	font-size:12px;
	font-family:Arial; /* <---------  */
}

.conteneur {
	border:0px solid #b9b9b9;
	background-color:#ebebeb; /* <---------  */
	width:980px;
	margin-left:-490px;
	position:absolute;
	left:50%;
}
.bandeau {
	width:980px;
	font-size:40px;
	min-height:40px;
	background-color:#fff;
}
.frame {
	border:0px solid red;
	padding:10px 10px 0px 10px;
}

div .menu {
	height:25px;
	font-size:10px;
}
div .menu ul {
	list-style-type:none;
	padding:5px 0px 5px 0px;
	background-color:#b9b9b9;  /* <---------  */
	border-top:1px solid #333;
	border-bottom:1px solid #333;
}
div .menu ul li {
	display:inline;
}
div .menu ul li a {
	padding:5px 10px 5px 10px;
	text-align:center;
	color:#333;
}
div .menu ul li a:hover {
	color:#ebebeb;
	background-color:#333;
}
div .menu ul li a.actif {
	color:#ebebeb;
	background-color:#333;
}
.contenu {
	border:1px solid #333;  /* <---------  */
	width:698px;
	float:left;
	padding:10px 10px 0px 10px;
	margin-right:12px;
	background-color:#b9b9b9;
}
.blk_pub {
	margin-top:10px;
	width: 698px;
	height: 66px;
	text-align:center;
	border:0px solid green;
}
.navigation {
	height:18px;
	background-color:#ebebeb;
	padding:3px 10px 3px 10px;
	font-size:14px;
	margin-top:3px;
}
.navigation span {
	position:absolute;
	right:270px;
}

.blk_article {
	border:0px solid red;  /* <---------  */
	width:688px;
	margin:5px 0px 0px 0px;
	padding:5px;
	background-color:#ebebeb;
}
.blk_article h2 {
	border-left:3px solid #333;  /* <---------  */
	border-bottom:1px solid #333;
	margin-bottom:10px;
	padding:5px;
	/*background-color:#b9b9b9;*/
	/*width:318px;*/
}
.article {
	border:0px solid red;
	margin-bottom:10px;
	padding:5px;
	/*background-color:#fff;*/
}
.article div.galerie{
	width:350px;
	/*height:325px;*/
	height:263px;
	overflow:hidden;
	float:left;
	margin:0px 5px 0px 0px;
}
.article  div.img_mini {
	float:left;
	width:150px;
	margin:0px 5px 5px 0px;
}
.article  div.galerie div.zoom {
	width:350px;
	height:262px;
	text-align:center;
	overflow:hidden;
}
.article  div.galerie ul {
	padding-top:2px;
	width:354px;
	height:60px;
	z-index:100;
	background-color:#b9b9b9;
}
.article  div.galerie li {
	display:block;
	width:118px;
	float:left;
}
.article  div.galerie li a {
	cursor:pointer;
}
.blk_pub div.date {
	margin-top: 9px;
	font-size: 1em;
	color: #333333;
}

.blk_article div.text {

}
.blk_article div.video {
	text-align:center;
}
.blk_article div.cle {
	margin:5px 0px;
	text-align:right;
	font-size:10px;
	clear:both;
}
.article div.comment {
	border-top:0px solid #b9b9b9;
	border-bottom:0px solid #b9b9b9;
	clear:both;
	padding-top:5px;
	padding-bottom:5px;
}
.article div.comment blockquote{
	padding:0px 20px 0px 20px;
	margin-bottom:50px;
	
}
.article .comment span {
	float:left;
	padding-left:25px;
	margin-right:20px;
}
.article .comment span.add_comment {
	background:url(add_comment.gif) no-repeat;
}
.article .comment span.modif_comment {
	background:url(modif_comment.gif) no-repeat;
}
.article .comment span.date_billet {
	text-align:right;
	float:right;
	font-size:10px;
}



.droite {
	border:1px solid #333;  /* <---------  */
	width:210px;
	float:left;
	padding:8px 8px 0px 8px;
	background-color:#b9b9b9;
}
.droite div.menu_droite {
	border:1px solid #333;  /* <---------  */
	background-color:#ebebeb;
	margin-bottom:10px;
	padding:5px;
}
.droite div.menu_droite h3 {
	margin-top: 5px;
	color:#333;
	font-weight:bold;
}
.droite .menu_droite ul {
	list-style-type:square;
}
.droite .menu_droite li {
	margin-left:20px;
}


.annonce {
	margin-bottom:10px;
}

.footer {
	padding:5px 0px 10px 0px;
	text-align:center;
	font-size:10px;
	background-color:#333; /* <---------  */
}

/*----Pagination-----*/
.pagination {
	padding: 3px;
	margin: 3px;
	text-align: center;
	height:20px;
}

.pagination a {
	background-color: #ffffff;
	border: 1px solid #333;
	color: #808080;
	margin: 1px;
	padding: 2px 5px;
	text-decoration: none;
}

.pagination a:hover,active {
	background-color: #333;
	border: 1px solid #ffffff;
	color: #808080;
	margin: 1px;
	padding: 2px 5px;
}

.pagination span.current {
	background-color: #333;
	border: 1px solid #ffffff;
	color: #808080;
	font-weight: bold;
	margin: 1px;
	padding: 2px 5px;
}

.pagination span.disabled {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	color: #9b9b9b;
	margin: 1px;
	padding: 2px 5px;
}