@import url(http://fonts.googleapis.com/css?family=Varela);
@font-face { 	font-family: "vag"; 	src: url('http://www.hitphone.fr/v2/font/vagroundedlt.ttf'); }

.article:link {text-decoration	:	none;	color		:	#90296b; background	:	transparent;}
.article:active {text-decoration	:	none;	color		:	#90296b; background	:	transparent;}
.article:visited {text-decoration	:	none;	color		:	#90296b; background	:	transparent;}
.article:hover {text-decoration	:	underline;	color		:	#90296b; background	:	transparent;}

.news:link {text-decoration	:	none;	color		:	#009ee0; background	:	transparent;}
.news:active {text-decoration	:	none;	color		:	#009ee0; background	:	transparent;}
.news:visited {text-decoration	:	none;	color		:	#009ee0; background	:	transparent;}
.news:hover {text-decoration	:	none;	color		:	#000000; background	:	transparent;}

.list:link {text-decoration	:	none;	color		:	#e5a100; background	:	transparent;}
.list:active {text-decoration	:	none;	color		:	#e5a100; background	:	transparent;}
.list:visited {text-decoration	:	none;	color		:	#e5a100; background	:	transparent;}
.list:hover {text-decoration	:	underline;	color		:	#e5a100; background	:	transparent;}

.lien:link {text-decoration	:	none;	color		:	#FFFFFF; background	:	transparent;}
.lien:active {text-decoration	:	none;	color		:	#FFFFFF; background	:	transparent;}
.lien:visited {text-decoration	:	none;	color		:	#FFFFFF; background	:	transparent;}
.lien:hover {text-decoration	:	none;	color		:	#000000; background	:	transparent;}

.lien2:link {text-decoration	:	none;	color		:	#000000; background	:	transparent;}
.lien2:active {text-decoration	:	none;	color		:	#000000; background	:	transparent;}
.lien2:visited {text-decoration	:	none;	color		:	#000000; background	:	transparent;}
.lien2:hover {text-decoration	:	none;	color		:	#000000; background	:	transparent;}

.lien3:link {text-decoration	:	none;	color		:	#555555; background	:	transparent;}
.lien3:active {text-decoration	:	none;	color		:	#555555; background	:	transparent;}
.lien3:visited {text-decoration	:	none;	color		:	#555555; background	:	transparent;}
.lien3:hover {text-decoration	:	none;	color		:	#555555; background	:	transparent;}

.lien4:link {text-decoration	:	none;	color		:	#FFFFFF; background	:	#000000;}
.lien4:active {text-decoration	:	none;	color		:	#FFFFFF; background	:	#000000;}
.lien4:visited {text-decoration	:	none;	color		:	#FFFFFF; background	:	#000000;}
.lien4:hover {text-decoration	:	none;	color		:	#FFFFFF; background	:	#000000;}

.menu:link {text-decoration	:	none;	color		:	#FFFFFF; background	:	transparent;}
.menu:active {text-decoration	:	none;	color		:	#FFFFFF; background	:	transparent;}
.menu:visited {text-decoration	:	none;	color		:	#FFFFFF; background	:	transparent;}
.menu:hover {text-decoration	:	none;	color		:	#009ee0; background	:	transparent;}

.lienanpm:link {text-decoration	:	none;	color		:	#0075be; background	:	transparent;}
.lienanpm:active {text-decoration	:	none;	color		:	#0075be; background	:	transparent;}
.lienanpm:visited {text-decoration	:	none;	color		:	#0075be; background	:	transparent;}
.lienanpm:hover {text-decoration	:	underline;	color		:	#0075be; background	:	transparent;}

.rotart:link {text-decoration	:	none;	color		:	#d2303b; background	:	transparent;}
.rotart:active {text-decoration	:	none;	color		:	#d2303b; background	:	transparent;}
.rotart:visited {text-decoration	:	none;	color		:	#d2303b; background	:	transparent;}
.rotart:hover {text-decoration	:	underline;	color		:	#d2303b; background	:	transparent;}

a:link {text-decoration	:	none; color		:	#009ee0; background	:	transparent;}
a:active {text-decoration	:	none;	color		:	#009ee0; background	:	transparent;}
a:visited {text-decoration	:	none;	color		:	#009ee0; background	:	transparent;}
a:hover {text-decoration	:	none;	color		:	#000000; background	:	transparent;}

h1
{
	text-align: left;
	font-family: 'arial';
	font-size: 20px;
	font-weight: bolder;
	color: #000000;
}

h2
{
	text-align: left;
	font-family: 'vag';
	font-size: 18px;
	color: #009ee0;
	display: inline;
	font-weight: normal;
}

body
{
	margin: 0;
	text-align: center;
	background-color: #FFFFFF;
}

#global
{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	position: relative;
}

#logo_cont
{
	position: relative;
	float: left;
	width: 1000px;
	height: 120px;
	background-color: #FFFFFF;	
}

#lead_haut
{
	position: relative;
	float: left;
	width: 1000px;
	margin-top: 10px;
	margin-bottom: 10px;	
}

#barre_haut
{
	position: relative;
	float: left;
	width: 1000px;
	height: 15px;
	overflow: visible;
}

#flag_social
{
	position: absolute;
	top: 10px;
	width: 28px;
	height: 34px;
}

#logo
{
	position: absolute;
	top: 25px;
	left: 10px;
	width: 360px;
	height: 75px;	
}

#menu_nav
{
	position: absolute;
	top: 60px;
	left: 390px;
	width: 320px;
	height: 30px;
	font-family: 'vag';
	font-size: 25px;
	color: #009ee0;
	text-align: left;
}

#rond_rech_gauche
{
	position: absolute;
	top: 66px;
	left: 720px;
	width: 9px;
	height: 20px;
}

#input_rech
{
	position: absolute;
	top: 66px;
	left: 729px;
	width: 235px;
	height: 20px;
	text-align: left;
	background-color: #009ee0;
}

#ok_search
{
	position: absolute;
	top: 66px;
	left: 964px;
	width: 25px;
	height: 20px;
}


#barre_sousmenu
{
	position: absolute;
	top: 110px;
	left: 0px;
	width: 1000px;
	height: 10px;
	background-color: #009ee0;	
}

#home_cont
{
	position: relative;
	float: left;
	width: 1000px;
	background-color: #E5E5E5;
}

#first_col
{
	position: relative;
	float: left;
	margin: 10px;
	width: 650px;
}

#une
{
	position: relative;
	float: left;
	width: 650px;
	height: 300px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
}

#une_image
{
	position: relative;
	float: left;
	width: 500px;
	height: 300px;	
}

#coin_hg
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 10px;
	background-image: url('images/coin-hg.png');
}

#coin_hd
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 10px;
	height: 10px;
	background-image: url('images/coin-hd.png');
}

#coin_bg
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 10px;
	height: 10px;
	background-image: url('images/coin-bg.png');
}

#coin_bd
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 10px;
	height: 10px;
	background-image: url('images/coin-bd.png');
}

#coinb_hg
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 10px;
	background-image: url('images/coinb-hg.png');
}

#coinb_hd
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 10px;
	height: 10px;
	background-image: url('images/coinb-hd.png');
}

#coinb_bg
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 10px;
	height: 10px;
	background-image: url('images/coinb-bg.png');
}

#coinb_bd
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 10px;
	height: 10px;
	background-image: url('images/coinb-bd.png');
}

#une_vignettes
{
	position: relative;
	float: left;
	width: 150px;
	height: 300px;
}

#une_vignette
{
	position: relative;
	float: left;
	width: 150px;
	height: 96px;
	overflow: hidden;
	margin-bottom: 6px;
}

#une_alaune
{
	position: absolute;
	top: 5px;
	left: 10px;
	width: 98px;
	height: 23px;
	background-image: url('images/alaune.png');	
}

#selection
{
	position: relative;
	float: left;
	width: 650px;
	height: 200px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #FFFFFF;	
}

#selection_notre
{
	position: relative;
	float: left;
	width: 640px;
	height: 20px;
	margin-top: 5px;
	margin-left: 10px;
	text-align: left;
	margin-bottom: 10px;
}

#selection_img1
{
	position: relative;
	float: left;
	width: 190px;
	height: 150px;
	margin-left: 20px;
	overflow: hidden;
}

#selection_img2
{
	position: relative;
	float: left;
	width: 190px;
	height: 150px;
	margin-left: 20px;
	overflow: hidden;
}

#selection_img3
{
	position: relative;
	float: left;
	width: 190px;
	height: 150px;
	margin-left: 20px;
	overflow: hidden;
}

#selection_opaque1
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 190px;
	height: 150px;
	background-color: #009ee0;
	display: none;
}

#selection_opaque2
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 190px;
	height: 150px;
	background-color: #009ee0;
	display: none;
}

#selection_opaque3
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 190px;
	height: 150px;
	background-color: #009ee0;
	display: none;
}

#selection_titre1
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 180px;
	padding: 5px;
	text-align: left;
	font-family: 'Varela';
}

#selection_titre1_sous
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 180px;
	padding: 5px;
	text-align: left;
	font-family: 'Varela';
	background-color: #009ee0;
	opacity: 0.8;
}

#selection_titre2
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 180px;
	padding: 5px;
	text-align: left;
	font-family: 'Varela';
}

#selection_titre2_sous
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 180px;
	padding: 5px;
	text-align: left;
	font-family: 'Varela';
	background-color: #009ee0;
	opacity: 0.8;
}

#selection_titre3
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 180px;
	padding: 5px;
	text-align: left;
	font-family: 'Varela';
}

#selection_titre3_sous
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 180px;
	padding: 5px;
	text-align: left;
	font-family: 'Varela';
	background-color: #009ee0;
	opacity: 0.8;
}

#actu
{
	position: relative;
	float: left;
	width: 650px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
}

#actu_ligne
{
	position: relative;
	float: left;
	width: 630px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#actu_ligne_derniere
{
	position: relative;
	float: left;
	width: 630px;
	margin-left: 10px;
	margin-bottom: 10px;
	text-align: right;
}

#actu_image
{
	position: relative;
	float: left;
	width: 250px;
	height: 100px;
	overflow: hidden;
	text-align: left;
}

#actu_texte
{
	position: relative;
	float: left;
	width: 370px;
	margin-left: 10px;
	text-align: left;
	font-family: 'Varela';
}

#second_col
{
	position: relative;
	float: left;
	margin: 10px;
	width: 310px;
}

#widget_col
{
	position: relative;
	float: left;
	width: 310px;
	margin-bottom: 20px;
}

#widget_bulle
{
	position: relative;
	float: left;
	width: 75px;
	text-align: right;
}

#widget_titre
{
	position: relative;
	float: left;
	margin-left: 10px;
	text-align: left;
}

#widget_cont
{
	position: relative;
	float: left;
	width: 310px;
	height: 200px;
	background-color: #FFFFFF;
}

#widget_pub
{
	position: relative;
	float: left;
	padding: 5px;
	width: 300px;
	background-color: #FFFFFF;
}

#widget_image
{
	position: relative;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	width: 300px;
	height: 190px;
	overflow: hidden;
}

#widget_titre_art
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 290px;
	padding: 5px;
	text-align: left;
}

#widget_titre_art_fond
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 290px;
	padding: 5px;
	text-align: left;
	background-color: #009ee0;
	color: #009ee0;
	opacity: 0.8;
}

#coinw_hg
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 15px;
	height: 15px;
	background-image: url('images/coinw-hg.png');
}

#coinw_hd
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 15px;
	height: 15px;
	background-image: url('images/coinw-hd.png');
}

#coinw_bg
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 15px;
	height: 15px;
	background-image: url('images/coinw-bg.png');
}

#coinw_bd
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 15px;
	height: 15px;
	background-image: url('images/coinw-bd.png');
}

#lead_bas
{
	position: relative;
	float: left;
	width: 1000px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#footer_cont
{
	position: relative;
	float: left;
	padding: 10px;
	width: 980px;
}

#footer_logo
{
	position: relative;
	float: left;
	width: 300px;
	text-align: left;
}

#footer_contenu
{
	position: relative;
	float: left;
	width: 680px;
	text-align: right;
}

#fin
{
	position: relative;
	float: left;
	width: 1000px;
	height: 20px;
}

#corps
{
	position: relative;
	float: left;
	width: 630px;
	padding: 10px;
	margin-top: 23px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	text-align: left;
}

#list_cont
{
	position: relative;
	float: left;
	width: 630px;
	text-align: left;
}

#list_image
{
	position: relative;
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 20px;
	text-align: left;
	overflow: hidden;
}

#list_texte
{
	position: relative;
	float: left;
	width: 550px;
	text-align: left;
}

#list_hr
{
	position: relative;
	float: left;
	width: 630px;
}

#article_ouverture
{
	position: relative;
	float: left;
	width: 630px;
	height: 100px;		
	margin-bottom: 10px;
}

#article_image
{
	position: relative;
	float: left;
	width: 400px;
	height: 100px;
	overflow: hidden; 		
}

#article_titre
{
	position: relative;
	float: left;
	width: 220px;
	height: 90px;
	padding: 5px;
	background-color: #009ee0;
	text-align= left;
}

#article_bulle
{
	position: absolute;
	top: 50px;
	left: 380px;
	width: 20px;
	height: 15px;
	background-image: url("images/bulle_bleu.png");
}

#article_auteur
{
	position: relative;
	float: left;
	width: 630px;
	text-align: left;
	margin-bottom: 10px;
}

#article_social
{
	position: relative;
	float: left;
	width: 630px;
	text-align: left;
	margin-bottom: 10px;
}

#article_corps
{
	position: relative;
	float: left;
	width: 630px;
	text-align: left;
	margin-bottom: 10px;
	line-height: 20px;
	font-family: 'Varela';
	font-size: 14px;
	color: #555555;
}

#article_page
{
	position: relative;
	float: left;
	width: 630px;
	text-align: right;
	margin-bottom: 10px;
	font-family: 'georgia';
	font-size: 18px;
}

#iconog
{
	position: relative;
	float:left;
	margin-top:5px;
	margin-right:20px;
	margin-bottom:10px;	
	background-color:#000000;
}

#article_diapo
{
	position: relative;
	float: left;
	width: 630px;
	height: 330px;
	border-color: #555555;
	overflow: hidden;
	background-image: url("images/fond-diapo.jpg");
}

#diapo_slide
{
	position: absolute;
	top: 0px;
	left: 0px;
	padding-left: 10px;
}

#diapo_fleche
{
	position: absolute;
	top: 300px;
	left: 0px;
	height: 30px;
	width: 630px;
}

#article_cartouche
{
	position: relative;
	float: right;
	margin-left: 5px;
	width: 190px;
	background-color: #555555;
	padding: 5px;
}

#barre_footer
{
	position: relative;
	float: left;
	width: 980px;
	height: 10px;
	margin-top: 10px;
	background-color: #009ee0;	
}

#forum_ligne2
{
	position: relative;
	float: left;
	width: 620px;
	padding: 5px;
	margin-top: 10px;
	text-align: left;
	margin-bottom: 3px;
	line-height: 16px;
}

#avis
{
	position: relative;
	float: left;
	padding: 5px;
	margin-top: 10px;
	width: 620px;
	background-color: #E5E5E5;
}