@charset "utf-8";

/* CENTRE */
.art a {
	text-decoration: none;
	width: 651px;
	height: 135px;
}
.art:hover, .dossier:hover {
	text-decoration: none;
	background: #f5f5f5;
	border: 1px solid #b0d5f2;
}
.art:hover .lire_suite {
	display:block;
}

.art .lire_suite{
	display:none;
	float:right;
	font:9px Arial, Helvetica, sans-serif;
	color: #2684dc;
	margin-top:-15px;
}
#titrearticles  .petitart-blanc {
	height: 65px;
	width: 209px;
}
#titrearticles {
	width: 209px;
	float: left;
	margin-left: 7px;
	margin-top: 12px;
}
#dossiers {
	clear: both;
	width: 680px;
	margin-top: 5px;
}
.trait {
	border-top: 1px dotted #9b9b9b;
	width: 444px;
	margin-left: 6px;
	height: 1px;
}

.art  p, .dossier p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	height: 62px;
}
.dossier p {
	height: 35px;
}
.art .photo   {
	border: 1px solid #9b9b9b;
	margin-right: 12px;
	position: absolute;
	margin-top: 14px;
}
.art .texte {
	width: 557px;
	margin-left: 95px;
	margin-top: 14px;
	position: relative;
}
.art {
	margin-left: 6px;
	width: 651px;
	padding: 5px 7px 2px;
	margin-bottom: 1px;
	height: 135px;
	border: 1px solid #FFFFFF;
}
.dossier {
	margin-left: 6px;
	width: 651px;
	padding: 5px 7px 2px;
	margin-bottom: 1px;
	height: 253px;
	border: 1px solid #FFFFFF;
}
.dossier .texte {
	width: 651px;
	margin-top: 14px;
}
.dossier .photo {
	border: 1px solid #9b9b9b;
	margin-top: 14px;
}
#contenu   h3   #pictoactu {
	background: url(../images/pictoarticles.gif) no-repeat left center;
	margin-left: 12px;
	padding-left: 38px;
}
.date {
	font: 9px/15px Arial, Helvetica, sans-serif;
	background: url(../images/cartouche_date.gif) no-repeat;
	display: block;
	height: 15px;
	width: 48px;
	text-align: center;
}
.petitart-gris p, .petitart-blanc p, #plus p {
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #429cda;
	background: url(../images/puce.png) no-repeat 0px 5px;
	padding-left: 5px;
	margin-top: 8px;
}
.theme3 {
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #515151;
	background: url(../images/theme3.jpg) no-repeat;
	height: 21px;
	display: block;
	width: 120px;
	padding-left: 6px;
}
.theme2 {
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #515151;
	background: url(../images/theme2.jpg) no-repeat;
	height: 21px;
	display: block;
	width: 100px;
	padding-left: 6px;
}
.theme1 {
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #515151;
	background: url(../images/theme1.jpg) no-repeat;
	height: 21px;
	display: block;
	width: 80px;
	padding-left: 6px;
/*
 * 2009-09-29, ChS
 * Bug=3048
 float:left;
 */
	
}
.theme1 img, .theme2 img, .theme3 img {
	margin-top: 2px;
	vertical-align: text-bottom;
}
#titrearticles .petitart-gris {
	height: 55px;
	width: 204px;
	background: #efefef;
	padding-top: 10px;
	padding-left: 5px;
}
.petit-trait {
	border-top: 1px dotted #9b9b9b;
	width: 209px;
	height: 1px;
	margin-top: 1px;
}
#titrearticles .petitart-blanc {
	height: 55px;
	width: 204px;
	padding-top: 10px;
	padding-left: 5px;
}
.grand-trait {
	border-top: 1px dotted #9b9b9b;
	width: 666px;
	height: 1px;
	margin-left: 7px;
}

#contenu h3 #pictodossiers {
	background: url(../images/pictodossiers.gif) no-repeat left center;
	margin-left: 12px;
	padding-left: 38px;
}
#contenu  h3 {
	background: url(../images/ombre_titre.jpg) no-repeat 0px 0px;
	height: 42px;
	width: 457px;
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #2a2a29;
	padding-top: 11px;
}

#contenu  h1 {
	background: url(../images/ombre_titre.jpg) no-repeat 0px 0px;
	height: 42px;
	width: 457px;
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #2a2a29;
	padding-top: 11px;
}



/* GALERIE */
#galerie{
	width:664;
	height:194px;
	background: url(../images/bg-galerie2.jpg) no-repeat;
	margin-left:6px;
	margin-bottom:10px;
}
#gal {
	margin-left:30px;
	padding-top:8px;
}
#gal ul li{
	float:left;
}
#gal img{
	border: 1px solid #9b9b9b;
}
#gal a{
	width:13px;
	height:12px;
	display:block;
	float:left;
	background:url(../images/puce-nb.gif) left top no-repeat;
	font-size: 1%;
}
#gal a.wactive{
	background:url(../images/puce-bleu.gif) left top no-repeat;
}
#gal .wslide-menu{
	margin-top:3px;
	margin-left: 275px;
}
#gal .dossierph{
	position: relative;
	float:left;
	padding:5px 22px 0px;
	width:154px;
	height:150px;
}
#gal .dossierph a {
	background:none;
	display:block;
	float:none;
	height:auto;
	width:auto;
	color:#2684DC;
	line-height:13px;
	text-decoration:none;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
}

#gal .picto{
	background:url(../images/pictodossiers-petit.gif) no-repeat;
	width:18px;
	height:19px;
	position: absolute;
	left: 15px;
	top: 80px;
}
#gal h1{
	margin-top:15px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #2684dc;	
	line-height : 13px;
	height: 26px;
}

#gal h1 a{
	display:block;
	float:none;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #2684dc;	
	line-height : 13px;
	height: 26px;
	text-decoration:none;
}
#gal p{
	font: 11px Arial, Helvetica, sans-serif;
	line-height : 13px;
	height: 26px;
}
#gal p a, #gal p a:visited{
	display:block;
	float:none;
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height : 13px;
	height: 26px;
	text-decoration:none;
	color:#000000;
}
#num{
	margin-left:250px;
	text-align:center;
	color:#4e4d4d;
	font:11px Arial, Helvetica, sans-serif;
	line-height:18px;
	margin-top:10px;

}
#num a{
	background:url(../images/puce_num.jpg);
	display: block;
	height: 18px;
	width: 17px;
	line-height:18px;
	float:left;
	color:#4e4d4d;
	margin-right:2px;
}
#num a:hover{
	background:url(../images/puce_num_bleu.jpg);
	color:#fff;
}
#num span{
	float:left;
}
#num .actif{
	background:url(../images/puce_num_bleu.jpg);
	color:#fff;
}
#gal .lienimg {
	background:none;
	width:156px;
}
#gal .lientitre {
	background:none;
    font-size: 100%;
    width:156px;
    font: bold 11px Arial, Helvetica, sans-serif;
	color: #2684dc;
	margin-top:80px;
}
#plus .puce_lire{
	margin-left:25px;
	padding-left:10px;
	background: url(../images/puce-chemin.jpg) no-repeat 0px 3px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #2684dc;
	display: block;
}

#plus .date{
	font: 9px/15px Arial, Helvetica, sans-serif;
	background: url(../images/cartouche_date.gif) no-repeat;
	display: block;
	height: 15px;
	width: 48px;
	text-align: center;
	margin-left:20px;
}