@charset "utf-8";
/* CSS Document */
.xg_table{
	width:100%;
	text-align:justify;
}
.xgimage{
	border:1px dashed black;
	min-height:30px;
	margin-left:20px;
	width:483px;
}
#xg{
	margin-bottom:5px;
	text-align:justify;
	line-height:18px;
}
#xg .xgcol{
	text-align:justify;
}
#xg .xgcol1{
	width:100%;
	text-align:justify;
}
#xg .xgcol2{
	width:90%;
	text-align:justify;
}

#xg *{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-size:11px;
	margin:0px;
	padding:0px;
	text-align:justify;
}
#xg p{
	margin-bottom : 15px;
}

#xg_une {
	width:495px;
	height:187px;
	background:url(../images/fond-une.gif) no-repeat top left #fff;
	padding:20px;
}
#xg{
	min-height:100px;
	padding:10px 20px 5px 20px;
}
#xg h1, #xg_une h1 {
	color:#8a1501;
	font-size:16px;
	font-weight:bold;
	padding:0px;
	margin:0px;
	float:left;
	width:auto;
	line-height:normal;
	margin-top:-18px;
}
#xg h2.gratuit, #xg_une h2.gratuit {
	color:#d3021d;
/*	font-size:14px;*/
	font-size:12px;
	font-weight:bold;
	padding:0px;
	margin:0px;
	padding-right:55px;
	background:url(../images/picto-gratuit.gif) no-repeat top right;	
}
#xg h2.gratuit:hover, #xg_une h2.gratuit:hover {
	text-decoration:underline;
}
#xg h2 {
	color:#d3021d;
/*	font-size:14px;*/
	font-size:18px;
	font-weight:bold;
	padding:0px;
	margin:0px;
	text-align:left;
	line-height:1.5;
}
#xg h2:hover, #xg_une h2:hover {
	text-decoration:underline;
}
#xg h3 {
	color:#000;
	font-weight:normal;
	text-transform:uppercase;
	padding:0px;
	margin:0px;
	text-align:left;
	float:left;

}
#xg h4 {
	color:#2c5caa;
	font-size:12px;
	font-weight:bold;
	padding:0px;
	margin:0px;
	text-align:left;
}

#xg .tous-articles, #xg_une .tous-articles {
	float:right;
	text-decoration:none;
	color:#d3021d;
	background:url(../images/picto-tous.gif) no-repeat top right;
	padding-right:15px;
	font-weight:bold;
	font-size:10px;
	line-height:16px;
	margin-top:-18px;
}
#xg .tous-articles:hover {
	color:#182f54;
	text-decoration:underline;
}
#xg .date {
	vertical-align:top;
	text-align:right;
	white-space:nowrap;
	padding-left:30px;
}
#xg .separ {
	width:100%;
	background:#8a1501;
	height:1px;
	padding:0px;
	margin-top:18px;
	margin-bottom:3px;
}
/*#xg  .note{
	font-weight:bold;
	clear:both;
	vertical-align:text-bottom;
}*/
#xg .gris {
	width:100%;
	background:#f8f7f7;
/*	height:15px;*/
	padding:0px;
	vertical-align:top;
}

#xg img.visuel {
	margin-right:15px;
}
#xg  .lire-suite {
	background:url(../images/lire-suite.gif) no-repeat top left #d3021d;
	padding:1px;
	padding-left:10px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
	float:left;
}
#xg  .lire-suite:hover {
	background:url(../images/lire-suite-hover.gif) no-repeat top left #182f54;
}

#xg sup { 
vertical-align:10%; 
} 

#xg .reagir {
	float:right;
	text-decoration:none;
	color:#d3021d;
	background:url(../images/picto-reagir.gif) no-repeat top left;
	padding-left:25px;
	font-weight:bold;
	font-size:10px;
	line-height:23px;
}
#xg .reagir:hover {
	color:#182f54;
}

.reagir {
float: right;
text-decoration: none;
color: #d3021d;
background-color: transparent;
background-image: url(../images/picto-reagir.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
padding-left: 25px;
font-weight: bold;
font-size: 10px;
line-height: 23px;
}

.reagir:hover {
color: #182f54;
}

.option_art {
	width:6%;
}
.pagination1 {
	background-color:#ff8412;
    margin-left:30px;
	font-weight: bold;
	font-size: 16px;
	padding:5px;
	color:white;
}

.pagination2 {
	background-color:#ff8412;
	padding:5px;
	font-weight: bold;
	font-size: 16px;
    margin-left:80px;
	color:white;
}