/*------------------------------------*/
/* Fichier de configuration CSS       */
/*------------------------------------*/

/*--- Style de Article ---*/

.article{
	margin: 20px 10px 0px 0px;
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	color: #000000;
}

.article img {
	position: relative;
	float: left;
	margin-right: 5px;
}

.article h1 {
	margin: 0px;
	font-size: 14px;
	font-style: bold;
}

.article h2 {
	margin: 0px;
	font-size: 13px;
	font-style: normal;
}

.article h3 {
	margin: 0px;
	font-size: 13px;
	font-style: bold;
}

.article hr {
	clear: left;
	border-color:#666666;
	border-style: dotted;
}

.article a {text-decoration: none; color: #000000;}
.article a:link {text-decoration: none; color: #000000;}
.article a:hover {text-decoration: none; color: #666666;}
.article a:visited {text-decoration: none; color: #000000;}
.article a:visited:hover {text-decoration: none; color: #666666;}


/*--- Style de Article-List ---*/

.article-list{
	margin: 20px 10px 0px 0px;
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	color: #000000;
}

.article-list img {
	position: relative;
	float: left;
	margin-right: 5px;
}

.article-list h1 {
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
}

.article-list h2 {
	margin: 0px;
	font-size: 13px;
	font-weight: normal;
}

.article-list h3 {
	margin: 0px;
	font-size: 13px;
	font-weight: normal;
}

.article-list hr {
	clear: left;
	border-color:#666666;
	border-style: dotted;
}

.article-list a {text-decoration: none; color: #000000;}
.article-list a:link {text-decoration: none; color: #000000;}
.article-list a:hover {text-decoration: none; color: #666666;}
.article-list a:visited {text-decoration: none; color: #000000;}
.article-list a:visited:hover {text-decoration: none; color: #666666;}

/*--- Style de Article-encours ---*/

.article-encours{
	margin: 20px 10px 10px 10px;
	text-align: left;
	font-family: Arial;
	font-size: 26px;
	color: #b0afaf;
}

.article-encours img {
	position: relative;
	float: left;
	margin-right: 20px;
	margin-left:20px;
}

.article-encours h1 {
	margin: 0px;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
}

.article-encours h2 {
	margin: 0px;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}


/*--- Style de Article-encours-detail ---*/

.article-encours-detail {
	margin-top: 20px;
	text-align: left;
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
}
.article-encours-texte{
margin-left:20px;
}
.article-encours-detail  img {
	position: relative;
	float: left;
	margin-right: 20px;
	margin-left:20px;
}

.article-encours-detail  h1 {
	margin: 0px;
	font-size: 20px;
	font:Arial;
	font-weight: bold;
	color: #000000;
}




/*--- Style de rendezvous ---*/

.article-rendezvous{
	text-align: left;
	font-family: Arial;
	font-size: 22px;
	color: #b0afaf;
	text-align:justify;
}

.article-rendezvous img {
	margin-right: 20px;
}

.article-rendezvous h1 {
	margin: 0px;
	font-size: 18px;
	font-weight: bold;
	color:#000000;
}

.article-rendezvous h2 {
	margin: 0px;
	font-size: 12px;
	font-weight: normal;
	color:#000000;
	margin-top:10px;
}

.article-rendezvous h3 {
	margin: 0px;
	font-size: 13px;
	font-weight: normal;
}



.article-rendezvous a {text-decoration: none; color: #000000;}
.article-rendezvous a:link {text-decoration: none; color: #000000;}
.article-rendezvous a:hover {text-decoration: none; color: #666666;}
.article-rendezvous a:visited {text-decoration: none; color: #000000;}
.article-rendezvous a:visited:hover {text-decoration: none; color: #666666;}
/*--- Style de rendezvous2 ---*/

.article-rendezvous2{
	text-align: left;
	font-family: Arial;
	font-size: 22px;
	color: #b0afaf;
	text-align:justify;
}

.article-rendezvous2 img {
	margin-right: 20px;
}

.article-rendezvous2 h1 {
	margin: 0px;
	font-size: 18px;
	font-weight: bold;
	color:#000000;
}

.article-rendezvous2 h2 {
	margin: 0px;
	font-size: 12px;
	font-weight: normal;
	color:#000000;
	margin-top:10px;
}

}



/*--- Style de portrait détail---*/
.article-portrait-detail{
text-align: left;
	margin: 10px 15px 10px 0px;
	
	font-family: Arial;
	font-size: 12px;
	
}

.article-portrait-detail img{
	margin-right: 20px;
	margin-left:30px;
	margin-bottom:100px;
	position:relative;
	float:left;
	
}
.article-portrait-detail h1{
	font-size: 24px;
	font-weight: bold;
	color:#000000;
	
}
/*--- Style de portrait ---*/

.article-portrait{
	margin: 10px 15px 10px 30px;
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	
}

.article-portrait img {
	margin-right: 20px;
	position:relative;
	float:left;
}

.article-portrait h1 {
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
	color:#000000;
}

.article-portrait h2 {
	margin: 0px;
	font-size: 12px;
	font-weight: normal;
	color:#000000;
	margin-top:10px;
}

.article-portrait h3 {
	margin: 0px;
	font-size: 13px;
	font-weight: normal;
}


.article-portrait a {text-decoration: none; color: #000000;}
.article-portrait a:link {text-decoration: none; color: #000000;}
.article-portrait a:hover {text-decoration: none; color: #666666;}
.article-portrait a:visited {text-decoration: none; color: #000000;}
.article-portrait a:visited:hover {text-decoration: none; color: #666666;}


/*--- Style de portrait2 ---*/
.article-portrait2{
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	margin-top:20px;
	
}

.article-portrait2 img {
	margin-right: 20px;
	margin-left:25px;
	margin-bottom:20px;
	position:relative;
	float:left;
}
.article-portrait2 h1 {
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
	color:#000000;
}

.article-portrait2 h2 {
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
	color:#000000;
	margin-top:10px;
	font:Verdana;
}

.article-portrait2 a{
	margin: 10px 15px 10px 30px;

	
}
/*--- Style de rendezvous3---*/
.article-rendezvous3{
	text-align: left;
	font-family: Verdana;
	font-size: 12px;
	margin-top:20px;
	width:390px;
	
	
}

.petittexte{
width:200px;
margin-right:15px;
margin-left:140px;
}

.article-rendezvous3 img {
	margin-right: 20px;
	margin-left:15px;
	position:relative;
	float:left;
}
.article-detail-rendezvous3 img{
	margin-right: 20px;
	margin-left:15px;
	position:relative;
	float:left;
}
.petittexte  h1, .article-detail-rendezvous3 h1{
	margin: 0px;
	font-size: 14px;
	font:Arial;
	font-weight: bold;
	color:#000000;
}

.petittexte h2, .article-detail-rendezvous3  h2{
	margin: 0px;
	font-size: 12px;
	font-weight: normal;
	color:#000000;
	margin-top:10px;
	margin-right:15px;
	font:Verdana;
}

		
.article-rendezvous3  a{
margin: 10px 15px 10px 0px;
color:#000000;	
}
.petittexte a{
color:#000000 !important;
}

.line{
	clear: left;
	background-image:url(http://galerie-lehangart.com/admin/FCKeditor/UserFiles/Image/portrait/sous-liste.gif);
	width:857px;
	height:22px;
	margin:0px;
	margin-bottom:10px;
	border:0px;
}
.line2{
	clear: left;
	background-image:url(http://galerie-lehangart.com/admin/FCKeditor/UserFiles/Image/actu/sous.gif);
	width:405px;
	height:22px;
	margin:0px;
	margin-bottom:10px;
	border:0px;
}
.article-detail-rendezvous3 {
	margin-top:20px;
margin-right:10px;
}

.article-detail-rendezvous3 img{

	margin-left:25px;
	position:relative;
	float:left;
}

.texte{

width:600px;
padding-right:15px;
margin-left:200px;
}