@charset "utf-8";

/* CSS Document */



/* ARTICLES */



#articles_home{

	height:337px;


	border:#b0b0b0 solid 1px;

}



#slide_article_home {

float:left;

height:100%;

background-color:#FF0033;

}



#content_article_home{

	width:220px;

	float:right;

	height:340px;

	display:block;

	padding:10px 0 0 0;

}



#articles_home .titre{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: bold;

	color: #666666;

	text-decoration: none;

	margin:10px 0 0 0;

	padding:0;

}

#articles_home .titre:hover{

	text-decoration: underline;

}

#articles_home .categorie{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #eb008b;

	text-decoration: none;

}

#articles_home .categorie:hover{

	text-decoration: underline;

}

#articles_home span{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #999999;

	text-decoration: none;

	font-weight: normal;

}

#slide_article_home h1{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: normal;

	color: #FFFFFF;

	text-decoration: none;

	padding:0;

	margin:0;

}



#articles_home h1:hover{

	text-decoration: underline;

}

#articles_home h2:hover{

	text-decoration: underline;

}



/************************* DETAIL ARTICLES ********************/



#top {

	text-align:center;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	background-color:#ebebeb;

	margin:5px 0 5px 0;

	padding: 10px 3px 0 3px;

	line-height:200%;

	text-align:left;

	height:30px;

}



.print{

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #8c8c8c;

	margin:0;

	padding-left:20px;

	line-height:200%;

	list-style:none;

	background-image:url(../img/print.png);

	background-repeat:no-repeat;

	background-position:left;



}



.hautpage{

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #8c8c8c;

	margin:0;

	padding:0 0 0 20px;

	line-height:200%;

	list-style:none;

	background-image:url(../img/top.png);

	background-repeat:no-repeat;

	background-position:left top;

	display:block;

	

}



.friend{

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #8c8c8c;

	margin:0;

	padding-left:20px;

	line-height:200%;

	list-style:none;

	background-image:url(../img/friend.png);

	background-repeat:no-repeat;

	background-position:left;



}



#top a:hover{

	text-decoration: underline;

}





#details {

margin:0;

padding:0;



}



#details p{

text-align:justify;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#333333;

line-height:150%;

padding:0;



}





/****************************** BLOC RESUME ARTICLE ******************************************/

#bloc_resum_article {

	border: 1px solid #CCCCCC;

	background-color:#FFFFFF;

	padding:10px;

	margin:0 0 10px 0;

	display:block;

}



#bloc_resum_article:hover {

	border: 1px solid #00aeef;

	background-color:#F7F7F7;

	padding:10px;

	margin:0 0 10px 0;

	display:block;

}





#bloc_resum_article h2{

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #eb008b;

	text-decoration:none;

	margin:0;

	padding:0;

}



#bloc_resum_article h1{

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	color: #000000;

	margin:0;

	padding:0;

}



#bloc_resum_article h1:hover{

	color:#34b0cb;

}



#detail_article {

	border: 1px solid #CCCCCC;

	background-color:#FFFFFF;

	padding:10px;

	margin:0 0 10px 0;

	display:block;

}



#detail_article h1{

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	color: #00aeef;

	margin:0;

	padding:0;

}



#detail_article h2{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #666666;

	margin:10px 0 5px 0;

	padding:0;

	text-decoration: none;

}



#detail_article p{

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

	margin:0;

	padding:0;

	line-height:170%;

	text-align:justify;

}





.date_publication {

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #999999;

}



#description {

margin:0;

padding:0;



}



#description p{

text-align:justify;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#333333;

line-height:150%;

margin:10px 0 0 0;

padding:0;

display:block;

min-height:125px;



}



.photo_right {

border:2px solid #CCCCCC;

float:right;

margin:0 0 5px 5px;



}

.photo_left{

border:2px solid #CCCCCC;

float:left;

margin:0 5px 5px 0;



}





/****************************** BLOC A LIRE EGALEMENT ******************************************/



#articles_lies{

	display:block;

	padding:5px;

	width:402px;

	height:160px;

	background-color: #00adee;

}



#articles_lies .titre{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	text-decoration: none;

	color:#FFFFFF;

}

#articles_lies a:hover {

text-decoration:underline;

}

#articles_lies .categorie {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	text-decoration: none;

	color:#E9E9E9;

}



#articles_lies .categorie:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	text-decoration: underline;

	color:#666666;

}



/****************************** BLOC DANS LE MEME THEME ******************************************/



#meme_theme{

	display:block;

	padding:5px;

	width:235px;

	height:160px;

	float:right;

	background-color: #dcdcdc;

}



#meme_theme .titre{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	text-decoration: none;

	color:#000000;

}

#meme_theme a:hover {

text-decoration:underline;



}

.allarticles{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color:#00adee;

	text-decoration:none;



}

.allarticles a:hover{

text-decoration:underline;

}





/****************************** SEND TO A FRIEND ******************************************/

#sendmail span {

color:#FFFFFF;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

font-weight:bold;

}



#sendmail label {

	color:#000000;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	margin-top: 5px;

	display:block;



}



#sendmail input, select{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333333;

	border: 1px solid #CCCCCC;

	margin-top: 5px;

	height:15px;

	padding:2px 2px 2px 0;

	width:200px;

	}



#sendmail textarea {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333333;

	border: 1px solid #CCCCCC;

	margin-top: 5px;

	width:200px;

}



#sendmail .sub{

	width:101px;

	background-image: url(../img/envoyer_1.gif);

	background-repeat: no-repeat;

	height: 26px;

	border:0;

	margin-left:245px;

	display:block;

	background-color:tranparent;

}

#sendmail .sub:hover{

	width:101px;

	background-image: url(../img/envoyer_2.gif);

	background-repeat: no-repeat;

	height: 26px;

	border:0;

	margin-left:245px;

	display:block;

	background-color:tranparent;

}



#menu_articles{
background-color:#eb008b;
padding:45px 10px;
width:280px;
margin:0 0 10px 0;
background-image:url(../img/titre_articles.gif);
background-position:top center;
background-repeat:no-repeat;


}

#menu_articles ul{
margin:0;
padding:0;
list-style:none;

}

#menu_articles li{
margin:0 0 5px 0;
padding:0;
color:#FFFFFF;
font-size:15px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;

}

#menu_articles li a{
margin:0;
padding:0;
color:#FFFFFF;
font-size:15px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}

#menu_articles li a:hover{

color:#FFFFFF;
font-size:15px;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
}