body{

	background-color: #e9ecf0;

}

a{color:#000;}

div.wrap{

	background-color: #FFF;

	width: 960px;

	margin: 0 auto;

	font-family: "Times New Roman";

	font-size: 13px;

	-moz-box-shadow: 0 0 14px 5px #888;

  	-webkit-box-shadow: 0 0 14px 5px #888;

  	box-shadow: 0 0 14px 5px #888;

  	padding-bottom: 16px;

}

/*header*/

div.header{

	position: relative;

	height: 128px;

	background: url(../img/header-bg.jpg) no-repeat 0 0 #FFF;

	margin-bottom: 1px;

}

div.recherche-wrap{

	position: absolute;

	left: 324px;

	padding-top: 10px;

}

div.recherche-wrap h1{

	margin-bottom: 4px;

}

div.recherche-wrap input.input-recherche{

	width: 238px;

	height: 24px;

	padding: 0 6px;

	border: 1px solid black;

	margin-right: 2px;

}

div.recherche-wrap form p input, div.recherche-wrap form p a{

	float: left;

}

div.recherche-wrap input.recherche-submit{

	width: 54px;

	height: 26px;

	cursor: pointer;

	border: none;

	margin-right: 6px;

	background: url(../img/zoom-button.jpg) no-repeat 0 0;

}

ul.header-menu{

	position: absolute;

	height: 34px;

	top: 96px;

}

ul.header-menu li{

	float: left;

	line-height: 30px;

	padding: 0 10px;

}

ul.header-menu li a{

	font-size: 16px;

	color: #e4e36e;

	text-decoration: none;

}

div.login-wrap{

	padding-top: 10px;

	position: absolute;

	left: 727px;

}

div.login-wrap form p, div.login-wrap h2{

	margin-bottom: 4px;

}

div.login-wrap form input{

	width: 160px;

	height: 19px;

	border: 1px solid #656565;

	line-height: 19px;

	padding: 0 3px;

}

div.login-wrap form p.submit-wrap input{

	float: left;

}

div.login-wrap form input.password{

	width: 134px;

}

div.login-wrap form input.submit-button{

	background-color: #000;

	color: #FFF;

	height: 21px;

	width: 26px;

	cursor: pointer;

	border: none;

}

p.password-lost{

	padding-left: 18px;

}

p.password-lost a {

	color: #000;

	text-decoration: none;

	font-size: 10px;

}

a.dossier-button{

	padding-left: 40px;

	background: url(../img/dossier-icon.jpg) no-repeat 6px 5px;

	color: #FFF;

	text-decoration: none;

	line-height: 27px;

	left: 717px;

	top:100px;

	position: absolute;

	width:205px;

	height: 27px;

}

div.content-wrap{

	width:950px;

	margin: 0 auto;

}

/*frise*/

div.frise{

	background: #333;

	height: 114px;

}

/*cluster*/

div.cluster-wrap{

	position: relative;

	height: 22px;

	border-top: 1px solid #313131;

	border-bottom: 1px solid #313131;

}

div.cluster-visible{

	width: 912px;

	margin: 0 auto;

	height: 22px;

	overflow: hidden;

}

ul.cluster{

}

ul.cluster li:first-child{

	background: none;

}

ul.cluster li{

	padding-top: 4px;

	float: left;

	padding: 2px 4px 0 6px;

	line-height: 22px;

	background: url(../img/cluster-item-bar.jpg) no-repeat 0 6px;

}

ul.cluster li a{

	padding: 0 16px;

	text-decoration: none;

	color: #000;

	font-style: italic;

	height: 18px;

	line-height: 18px;

	display: block;

}

ul.cluster li a:hover{

	background-color: #c51810;

	color: #FFF;

}

a.cluster-arrow{

	position: absolute;

	width: 19px;

	height: 22px;

	display: block;

	background: url(../img/cluster-arrows.jpg) no-repeat;

}

a.cluster-arrow.arrow-right{

	right: 0;

	background: url(../img/cluster-arrows.jpg) no-repeat -19px 0;

}

/*content*/

div.content{

	border-top:2px solid #c51810;

	border-bottom:2px solid #c51810;

}

div.content-left,div.content-right{

	float: left;

}

/*left*/

div.content-left{

	width: 190px;

}

div.content-left h2{

	padding: 10px 0 10px 10px;

	font-size: 26px;

	line-height: 26px;

	border-bottom: 1px solid #c51810;

	margin-bottom: 1px;

}

div.content-left div.widget-wrap{

	padding-top: 8px;

	background-color: #eeeeee;

}

div.content-left div.widget-wrap div.widget{

	width: 160px;

	margin: 0 auto;

}

div.content-left div.widget-wrap div.widget h3{

	padding: 2px 0;

	border-bottom: 1px solid  #c51810;

	margin-bottom: 4px;

}

div.content-left div.widget-wrap div.widget h3 a{

	font-size: 16px;

	text-decoration: none;

	color : #c51810;

	padding-left: 12px;

	background-position: 0px 8px;

	background-repeat: no-repeat;

	background-image: url(../img/dossier-title-arrow-show.jpg);

}

.widget-inner{

	padding: 8px 0 8px 16px;

}

.widget-inner h4{

	color: #c51810;

	padding: 5px 0;

}

.widget-inner form p{

	margin-bottom: 4px;

}

.widget-inner form.filtre-date label{

	color: #c51810;

	width:26px;

	display: inline-block;

}

.widget-inner form.filtre-date input[type=text]{

	width: 90px;

	height: 12px;

	border: 1px solid #828282;

}

.widget-inner form.filtre-categorie p{

	margin-bottom: 8px;

}

.widget-inner form.filtre-categorie input[type=checkbox]{

	margin: 0 10px 0 0;

}

.widget.links .widget-inner a{

	color: #000;

}

.widget.links .widget-inner ul{

	padding-left: 16px;

}

.widget.links .widget-inner ul li{

	margin-bottom: 4px;

	list-style-image: url(../img/widget-list-item.jpg);

}

/*right*/

div.content-right{

	width: 760px;

}

div.articles{

	padding-left: 1px;

}

div.articles div.article{

	padding: 12px 0 6px 0;

	float: left;

	border-bottom: 1px solid #e0dde0;

}

div.article div.inner-article{

	width: 177px;

	padding-left: 12px;

	border-right: 1px solid #e0dde0;

	min-height: 170px;

}

div.article:nth-child(4n+4) div.inner-article{  

  border-right: none;

}

div.articles div.article h2{

	font-size: 22px;

	margin-bottom: 6px;

}

div.articles div.article p.author{

	margin-bottom: 20px;

}

div.articles div.article p.author, div.articles div.article p.author a{

	color: #c51810;

}

div.article div.article-content{

	width: 168px;

}

div.article div.article-content img.article-visuel{

	float: right;

}

div.article div.article-content p.resume{

	float: left;

	width: 112px;

}

/*footer*/

div.footer{

	padding-top: 16px;

	font-size: 12px;

}

div.footer h2{

	font-size: 20px;

	margin-bottom: 10px;

}

div.footer-information, div.footer-raccourci{

	float: left;

}

div.footer-information {

	width: 190px;

	padding-left: 6px;

}

div.footer-information ul li a{

}

div.footer ul li{

	margin-bottom: 4px;

}

div.copyright{

	background-color: #eeeeee;

	height: 18px;

	width: 100%;

	line-height: 18px;

	text-align: center;

}

div.copyright a{

	text-decoration: none;

}