@charset "utf-8";

/*CSS du site leolasfargues.com*/

/*******************************************************************
    *********************** GENERIQUES ***************************
*******************************************************************/

* {
	margin:0;
	padding:0;
}

body {
	background:#FFF;
	font-size:14px;
	height:100%;
	width:100%;
}

#content_box {
	position:absolute;
	width:inherit;
}

a img {	border: none;} 

a.basic_txt_link { color:#000; font-size:14px; font-weight:bold; text-decoration:none }
a.basic_txt_link:hover { color:#333399; }

.spacer{clear:left}

@font-face {
    font-family: Rockwell;
    src: url(../rockwell.TTF);
}

/******************************************************************
    *********************** HEADER & MENU **********************
*******************************************************************/

#header {
	position:relative;
	width:inherit;
	margin-left:auto;
	margin-bottom:20px;
    margin-right:auto;
	text-align:center;
	/*Dégradé jaune clair (#ffff-b ?)*/
	background-image: linear-gradient(left , rgb(255,255,140) 0%, rgb(255,255,255) 50%, rgb(255,255,140) 100%);
	background-image: -o-linear-gradient(left , rgb(255,255,140) 0%, rgb(255,255,255) 50%, rgb(255,255,140) 100%);
	background-image: -moz-linear-gradient(left , rgb(255,255,140) 0%, rgb(255,255,255) 50%, rgb(255,255,140) 100%);
	background-image: -webkit-linear-gradient(left , rgb(255,255,140) 0%, rgb(255,255,255) 50%, rgb(255,255,140) 100%);
	background-image: -ms-linear-gradient(left , rgb(255,255,140) 0%, rgb(255,255,255) 50%, rgb(255,255,140) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		right bottom,
		color-stop(0, rgb(255,255,140)),
		color-stop(0.5, rgb(255,255,255)),
		color-stop(1, rgb(255,255,140))
	);
	
	/*dégradé jaune vif (#ffff00)
	background-image: linear-gradient(left , rgb(255,255,0) 0%, rgb(255,255,255) 50%, rgb(255,255,0) 100%);
	background-image: -o-linear-gradient(left , rgb(255,255,0) 0%, rgb(255,255,255) 50%, rgb(255,255,0) 100%);
	background-image: -moz-linear-gradient(left , rgb(255,255,0) 0%, rgb(255,255,255) 50%, rgb(255,255,0) 100%);
	background-image: -webkit-linear-gradient(left , rgb(255,255,0) 0%, rgb(255,255,255) 50%, rgb(255,255,0) 100%);
	background-image: -ms-linear-gradient(left , rgb(255,255,0) 0%, rgb(255,255,255) 50%, rgb(255,255,0) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		right bottom,
		color-stop(0, rgb(255,255,0)),
		color-stop(0.5, rgb(255,255,255)),
		color-stop(1, rgb(255,255,0))
	);*/
}

#logo {	
margin-bottom:5px;
text-align:center;
}

#menu_box {
	position:relative;
	width:inherit;
	height:40px;
	text-align:center;
	background:#330066;
}

#menu {
	position:relative;
	width:480px;
	height:30px;
	padding-top:7px;
	background:#330066;
	list-style-type:none;
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold; 
	color:#FFF;
	margin-right:auto;
	margin-left:auto;	
}

.menu {
	display:inline;
	height:28px; 
	padding-top:5px;
	padding-bottom:8px;
}

a.menu_link {font-weight:bold;	font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none }
a.menu_link:hover { color:#FFFF33 }

ul ul { display:none; position:absolute; margin-top:0px; padding:0px }
ul.menu_niv_2 {left: 24px; top: 20px;}

#menu li {list-style-type:none; position:relative; background:#330066}

li.menu_2:hover, li.menu_2.sfhover {background:#330066}
li:hover ul.menu_niv_2, li.sfhover ul.menu_niv_2 {display: block}

.menu_niv_2 {
	background:#330066;
	width:auto;
	list-style-type:none;
	font-size:14px;
	font-weight:600;
	text-align:left;
	z-index:200;
	margin-top:8px;
	padding-top:10px;
	padding-bottom:5px;
	text-align:center;
	border-radius:12px;
}

.menu_2 {
	width:69px;
	margin-right:4px;
	margin-bottom:4px;	
}

/*************************************************
    ****************** FOOTER (**************
*************************************************/


#footer_box {
	position:relative;
	width:100%;
	height:52px;
	text-align:center;
	background:#330066;	
}

#footer_intro {
	width:1020px;
	padding-top:5px;
	margin-right:auto;
	margin-left:auto;
}

#copyright {
	font-size:12px;
	color:#FFF;
	font-family:"Courier New", Courier, monospace; 
	display:inline;
	margin-right:220px;
}

#footer_txt {
	font-size:12px; 
	font-family:"Courier New", Courier, monospace; 
	color:#FFF;
	padding-top:4px;
	display:inline;
}

#sitemap {
	display:inline;
	margin-left:350px;
}

a.sitemap_link { font-size:12px; font-family:"Courier New", Courier, monospace; color:#FFF; text-decoration:underline }
a.sitemap_link:hover  { color:#FFFF00; text-decoration:none }

#footer {
	position:relative;
	width:1120px;
	height:30px;
    margin-right:auto;
	margin-left:auto;
}

#footer_menu {
	position:relative;
	width:940px;
	height:27px;
	list-style-type:none;
	list-style-position:inside;
	font-size:20px;
	color:#FFF;
	font-family:"Courier New", Courier, monospace;
	font-weight:100;
	display:inline;
	background:#330066;
	padding-left:00px;
}

.footer_menu {
	list-style-type:none;
	display:inline;
	background:#330066;
}

#ancre_home{
	list-style-type:none;
	display:inline;
	background:#330066;
	vertical-align:text-bottom;
}

a.footer_menu_link { font-size:12px; font-family:"Courier New", Courier, monospace; color:#FFF; vertical-align:middle; text-decoration:underline }
a.footer_menu_link:hover { color:#FFFF00; text-decoration:none }

/*************************************************
  ************* #PARTNERS & GOODIES ************
*************************************************/

#partners_box {
	position:relative;
	width:100%;
	margin-top:50px;
	margin-right:auto;
	margin-left:auto;	
	background:#FFF;
}

#partners {
	position:relative;
	width:1240px;
	margin-right:auto;
	margin-left:auto;	
	background:#FFF;
	font-size:10px;
}

#partners_logo {
	list-style-type:none;
	height:60px;
}

#partners_txt {
	list-style-type:none;
		height:60px;
}

#partner_planethoster_logo {
	list-style-type:none;
	margin-right:70px;
	margin-left:80px;
	float:left;
}

.partner_logo {
	list-style-type:none;
	margin-right:40px;
	margin-left:38px;
	float:left;
}

#partner_w3c_logo {
	list-style-type:none;
	margin-right:50px;
	margin-left:50px;
	float:left;
}

#partner_planethoster_txt {
	list-style-type:none;
	margin-right:4px;
	margin-left:4px;
	width:370px;
	text-align:justify;
	float:left;
}

#partner_contact_txt {
	list-style-type:none;
	margin-right:10px;
	margin-left:15px;
	width:160px;
	float:left;	
}

a.contact_link { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#330066; font-weight:bold; text-decoration:none }
a.contact_link:hover { text-decoration:underline }

#date_heure {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:700;
	margin-right:18px;
	list-style-type:none;
	text-align:center;
	float:left;
	background:url(../images/icons/clock_alpha.png) no-repeat;
}

#partner_w3c_txt {
	list-style-type:none;
	width:200px;
	height:60px;
	font-size:12px;
	background:url(../images/icons/checked.png) no-repeat;
	float:left;
}

#partner_navigators_txt {
	list-style-type:none;
	width:260px;
	text-align:justify;
	font-size:10px;
	float:left;
}

.shareEgg {
	position:relative;
	margin-left:42%;
	width:auto;
	height:auto;
	margin-top:10px;
	z-index:500;
}

a.partner_link { color:#330066; text-decoration:underline }
a.partner_link:hover { text-decoration:none }

/*******************************************************************
    ******************  TITRES & GALLERY  **********************
*******************************************************************/

#gallery {
	position:relative;
	width:inherit;
	margin-right:auto;	
	margin-bottom:5px;
	margin-left:auto;
	text-align:center;
}

#galleria {
	position:relative;
	width:800px; 
	height:600px; 
	margin-right:auto;
	margin-left:auto;
}


.titre_page {
	font-size:32px;
	padding:10px;
}

.titre_page_center {
	font-size:32px;
	padding:5px;
	text-align:center;
}

.lgd_titre_page {
	font-size:18px;
	padding:10px;	
}

.ss_titre_page {
	font-size:24px;
	padding:5px;	
}

.ss_titre_page_center {
	font-size:24px;
	padding:10px;	
	text-align:center;
}

a.obvious_title_link { color:#000; font-size:24px; text-decoration:none  }
a.obvious_title_link:hover { color:#CC0000; font-weight:bold; text-decoration:none; }

#music_player {
	text-align:center;
	width:420px;
	height:180px;
	margin-right:auto;
	margin-bottom:6px;
	margin-left:auto;
	background:url(../images/music_notes.png) no-repeat;
}

#music_solo {
	padding-top:5px;
	padding-bottom:3px;
	margin-right:auto;
	margin-left:auto;
	width:220px;
	height:40px;
	font-size:16px;
	font-family:Helvetica, sans-serif;	
	font-weight:900;
	color:#444;
	background:#EEE;
	border-radius:8px;
}

#music_multi {
	padding-top:5px;
	padding-bottom:3px;
	margin-right:auto;
	margin-left:auto;
	width:260px;
	height:40px;
	font-size:16px;
	font-family:Helvetica, sans-serif;	
	font-weight:900;
	color:#444;
	background:#DDD;
	border-radius:10px;
}

/*******************************************************************
    *********************** PAGE HOME ***************************
*******************************************************************/

#welcome {
	position:relative;
	width:900px;
	margin-top:60px;
	margin-right:auto;
	margin-bottom:40px;
	margin-left:auto;
	border-top: dashed 1px #330066; 
	border-bottom: dashed 1px #330066; 
	background: url(../images/fond_grue.png) no-repeat;
	color:#330066;
	font-weight:700;
	text-align:justify;
}


#panel_home {
	margin-top:20px;
	margin-bottom:30px;
	display:block;
}

#titre_welcome {
	font-size:24px;
	text-align:left;
	margin-left:20px;	
	display:inline;
}

#txt_home_maj {
	font-size:12px;
	font-family:"Courier New", Courier, monospace;
	font-weight:lighter;
	margin-left:40px;
	display:inline;	
}

.txt_welcome {
	font-size:16px;
	padding-top:3px;
	padding-right:20px;
	padding-bottom:6px;
	padding-left:20px;
	display:block;	
}

#vitrine {
	position:relative;
	width:inherit;
	text-align:center;
	margin-bottom:10px;
}

#titre_vitrine {
	display:inline;
	font-size:32px;
	padding-bottom:20px;
}

.ss_titre_vitrine {
	width:inherit;
	font-size:22px;
	height:60px;
}

#text_vitrine {
	width:800px;
	font-size:14px;
	height:60px;
	margin-right:auto;
	margin-left:auto;
}

#home {
	position:relative;
	width:855px;
	height:580px;
	margin-top:5px;
    margin-right:auto;	
	margin-bottom:10px;
    margin-left:auto;
	padding:10px;
	border:none; 
	background:url(../images/vitrine/fond_vitrine_855x580.png) no-repeat;
}

#home_2014 {
	position:relative;
	width:840px;
	height:515px;
	margin-top:5px;
    margin-right:auto;	
	margin-bottom:10px;
    margin-left:auto;
	padding:10px;
	border:none; 
}

#vitrine_img {
	width:600px;
	height:400px;
    margin-top:5px;
   	margin-right:auto;
	margin-left:auto;
}

.showcase_town {
	width:1040px;
	height:132px;
    margin-right:auto;
	margin-bottom:30px;
	margin-left:auto;
	border:solid 1px #000;
}

#home_end {
	width:inherit;
	text-align:center;
}

.archives_btn {
	position:relative;
    margin-right:auto;
	margin-left:auto;
}

/***** ARCHIVES *****/ 

#archives {
	position:relative;
	width:inherit;
	margin-top:5px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}

#titre_placard_img {
	margin-bottom:10px;
}

#ban_alpha_planethoster {
	text-align:center;
}

/**************************************************
     ******************* BIO *******************
***************************************************/  

#bio {
	position:relative;
	width:inherit;
	margin-bottom:60px;
}


#bio_img {
	position:relative;
	width:inherit;
	text-align:center;
}

#img_bio {

}

#bio_intro {
	position:relative;
	width:inherit;
	text-align:center;
}

#nom {
	font-size:30px;
}

#birthday {
	font-size:20px;
}

#bio_titre {
	position:relative;
	width:inherit;
}

#cv {
	position:relative;
	width:1040px;
	margin-right:auto;
	margin-left:auto;
}

.cv_line {
	display:list-item;
	list-style-image:url(../images/puce_v.gif);
	list-style-type:square;
	list-style-position:inside;
}

.cv_year {
	font-size:24px;
	display:inline
}

.cv_txt {
	font-size:18px;
	display:inline
}

#cv_download {
	text-align:center;
}

a.cv_download_link { color:#330099; font-size:18px }
a.cv_download_link:link { color:#330099; text-decoration:underline }
a.cv_download_link:visited { color:#000; text-decoration:underline }
a.cv_download_link:hover { color:#CC3300; font-weight:bold; text-decoration:none }
a.cv_download_link:active { color:#330099; text-decoration:underline }
a.cv_download_link:focus { color:#CC3300; text-decoration:none }

#cv_year {
	background-color:#990000;
	position:relative;
	display:inline;
	width:100px;
	height:80px;
}

#cv_txt {
	background-color:#99FF00;
	position:relative;
	display:inline;
	width:700px;
	height:80px;
}

#cv_pdf {
	position:relative;
	width:inherit;
	height:125px;
	text-align:center;
	margin-top:30px;
}

/**********************************************************************************
  *************** RUB 1 : Outils, Compétences, Philosophie ********************
***********************************************************************************  */

#tools {
	position:relative;
	width:880px;
	height:690px;
	margin-top:50px;
	margin-right:auto;
	margin-bottom:20px;
	margin-left:auto;	
	border:dotted 2px #66FFCC;
	border-radius:10px;
}

#tools_titre { margin-top:5px }

#tools_intro {
	margin-top:10px;
	margin-bottom:80px;
}

#tools_intro_txt {
	width:860px;
	height:80px;
	margin-right:auto;
	margin-left:auto;
	font-size:18px;
	text-align:justify;
}

ul.tool {
	width:860px;
	height:96px;
	list-style-position:outside;
	list-style-type:none;
}

.tool_icon {
	padding-left:20px;
	width:100px;
	height:100px;
	float:left;
}

.tool_titre {
	width:120px;
	height:20px;
	text-align:center;
 	float:left;
}

.tool_txt {
	width:590px;
	height:90px;
	float:left;
	padding-top:10px;
	padding-left:5px;
}

/***************************************************************
    ********************** PRINT & PERSO ********************
***************************************************************/

#print {
	position:relative;
	width:inherit;
    margin-right:auto;
	margin-left:auto;
	text-align:center;
}

/*************** PDF *****************/

.articles {
	position:relative;
	width:1120px;
    margin-right:auto;
	margin-left:auto;
}

.vignette_article_pdf {
	width:115px;
	height:150px;
	display:inline-block;
	border:solid 3px #000;
	margin-right:5px;
	margin-bottom:10px;
}

.vignette_pdf {
	display:inline-block;
	border:solid 3px #000;
	height:300px;
	margin-right:10px;
}

.big_articles {
	position:relative;
	width:1120px;
    margin-right:auto;
	margin-left:auto;
}

.big_vignette {
	display:inline-block;
	height:300px;
	margin-top:5px;
	margin-right:20px;
	margin-bottom:20px;
}

.img_visuel {
	border:solid 1px #000;	
}

#album_cd_fanny {
	position:relative;
	width:inherit;
	text-align:center;
}

.arts {
	margin-bottom:5px;
}

.img_arts {
	border:solid 1px #000;
}

.lgd_img_arts {
	width:800px;
    margin-right:auto;
	margin-left:auto;
	margin-bottom:20px;
}

.big_vignette_w40k {
	display:inline-block;
	border:solid 3px #000;
	height:300px;
	margin-right:10px;
}

.ban_w40k_1 {
	width:688px;
	height:186px;
	border:solid 1px #000;
	margin-top:10px;
	margin-right:auto;	
	margin-bottom:5px;
	margin-left:auto;
}

.ban_w40k_2 {
	width:688px;
	height:163px;
	border:solid 1px #000;
	margin-top:10px;
	margin-right:auto;	
	margin-bottom:5px;
	margin-left:auto;
}

.lgd_ban_w40k {
	width:inherit;
}

.big_vignette_dmc {
	display:inline-block;
	border:solid 3px #000;
	height:250px;
	margin-right:10px;
	margin-bottom:40px;
	margin-left:10px;
}


/************************************************************
   ***************** CLIPS  ****************
/*********************************************************/
#pub {
	position:relative;
	width:inherit;
	margin-left:auto;
	margin-bottom:50px;
    margin-right:auto;
	text-align:center;
}

#titre_clips {
	margin-top:25px;
	margin-bottom:20px;
}

#ban_long {
	position:relative;
	width:inherit;
	text-align:center;
}

.ban_long {
	position:relative;
	width:468px;
	height:60px;
	margin-top:10px;
	margin-right:auto;
	margin-bottom:30px;
	margin-left:auto;
	border:solid 1px #000;
	text-align:center;
}

.ban_long_2 {
	position:relative;
	width:468px;
	height:60px;
	margin-top:10px;
	margin-right:auto;
	margin-bottom:30px;
	margin-left:auto;
	border:solid 1px #000;
	text-align:center;
}

#ban_sky {
	position:relative;
	width:1260px;
	margin-left:auto;
	margin-bottom:20px;
    margin-right:auto;
}

.ban_sky {
	display:inline-block;
	width:160px;
	height:600px;
    margin-right:5px;
	margin-left:5px;
	border:solid 1px #000;
}

#ban_4tier {
	position:relative;
	width:900px;
	margin-left:auto;
	margin-bottom:40px;
    margin-right:auto;
}

.ban_4tier {
	display:inline-block;
	width:180px;
	height:150px;
	border:solid 1px #000;
	margin-right:5px;
	margin-left:5px;
}

#ban_4tier_relou {
	display:inline-block;
	width:180px;
	height:125px;
	border:solid 1px #000;
	margin-right:5px;
	margin-left:5px;
}

#clips {
	position:relative;
	width:inherit;
    margin-right:auto;	
	margin-left:auto;
}

.video_titre {
	position:relative;
}

.big_clip {
	position:relative;
	width:inherit;
   	margin-top:40px;
	margin-right:auto;	
	margin-bottom:50px;
	margin-left:auto;
	text-align:center;
}

.clip {
	position:relative;
	width:550px;
	height:400px;
	margin-top:5px;
    margin-right:auto;	
	margin-bottom:30px;
    margin-left:auto;
	border:solid 1px #000;
}

#clip_id_flash {
	position:relative;
	width:650px;
	height:400px;
    margin-right:auto;	
	margin-bottom:20px;
    margin-left:auto;
	padding:10px;
}

#flash_player_txt {
	font-family:"Times New Roman", Times, serif;
}

a.flash_player_link { color:#990000; font-size:16px; font-family:"Times New Roman", Times, serif; text-decoration:none }
a.flash_player_link:hover { color:#CC3300; }

#clip_id_quicktime {
	position:relative;
	width:400px;
	height:300px;
    margin-right:auto;
	margin-bottom:50px;	
    margin-left:auto;
	padding:10px;
}

#quicktime_player_txt {
	font-family:"Times New Roman", Times, serif;
}

a.quicktime_player_link { color:#006699; font-size:16px; font-family:"Times New Roman", Times, serif; text-decoration:none }
a.quicktime_player_link:hover { color:#3366FF; }

.stardust_btn {
	position:relative;
}

#stardust {
	position:relative;
	width:550px;
	height:400px;
	text-align:center;
	margin-top:5px;
	margin-right:auto;
	margin-bottom:25px;
	margin-left:auto;
}

#stardust_txt {
		margin-bottom:10px;
}


/*******************************************
    ************** WEB ****************
********************************************/

#web {
	position:relative;
	width:inherit;
    margin-right:auto;
	margin-left:auto;
	text-align:center;
}

#titre_web {
	margin-top:30px;
}

.web_link {
	position:relative;
	width:465px;
	height:50px;
	margin-right:auto;
	margin-bottom:30px;
	margin-left:auto;
	background:url(../images/titres/fleches_siteweb.gif) no-repeat;
	display:block;
}

.web_link:hover, div.web_link.sfhover  { 	
	background:url(../images/titres/fleches_siteweb_hover.gif) no-repeat;
	display:block;
}

.website { 
	margin-left:55px;
}

.web_txt {
	margin-right:auto;
	margin-bottom:6px;
	margin-left:auto;
	width:600px;
	text-align:justify;	
}

.web_txt_end {
	margin-right:auto;
	margin-bottom:18px;
	margin-left:auto;
	width:600px;
	text-align:justify;	
}

a.text_courant_link { color:#330066; text-decoration:underline }
a.text_courant_link:hover { text-decoration:none }

#concept {
	position:relative;
	width:inherit;
    margin-right:auto;
	margin-left:auto;
	text-align:center;
}

#statistiques {
	position:relative;
	text-align:center
	width:840px;
	height:625px;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
}

#made_by_leo {
	position:relative;
	text-align:center
/*	width:275px;
	height:150px;
	margin-left:335px;
	margin-top:10px;
*/
}

#link_dice {
	position:relative;
}

#ancre_up {
	position:absolute;
	z-index:200;
	bottom:50px;
	margin-left:18px;
}

#web_ancre_box {
	position:absolute;
	bottom:300px;
	background:#DDD;
	border-radius:12px;
	width:312px;
	height:100px;
	margin-left:20px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:8px;
	padding-left:8px;
}


.web_txt_ancre {
	position:relative;
	z-index:310;
	text-align:center;
	width:300px;
	margin-top:3px;
	margin-bottom:3px;
	font-family:Rockwell;
	font-size:14px;
	color:#330066;
}

#erreur_bomb_btn {
	position:relative;
	margin-top:15px;
	margin-bottom:30px;
}

#leplidelavoix_caroussel {
	position:relative;
	width:1230px;
	height:1150px;
    margin-right:auto;	
    margin-left:auto;
	border:none;
}

#logo_aom {
	position:relative;
	width:850px;
	height:375px;
    margin-right:auto;	
    margin-left:auto;
}



/*************************************************************************
  **************************** PRESTATIONS **************************
**************************************************************************/

#services_box {
	position:relative;
	width:1200px;
	height:inherit;
	list-style-type:none;
	margin-right:auto;	
	margin-left:auto
}

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

.sky_left_160px {
	position:relative;
	width:160px;
	height:600px;
	margin-top:55px;
	border:solid 1px #000; 
}

#right {
	position:relative;
	width:120px;
	padding:10px; 
	float:left;
}

.sky_right_120px {
	position:relative;
	width:120px;
	height:600px;
	margin-top:55px;
	border:solid 1px #000;
}

#center {
	position:relative;
	width:800px;
	float:left;
	margin-right:40px;
	margin-left:40px;
}

#services_titre {
	text-align:center;
	margin-bottom:10px;
}

a.contact_presta_link { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#330066; font-weight:bold; text-decoration:none }
a.contact_presta_link:hover { text-decoration:underline } 

.service_box {
	color:#330066;
	width:800px;
	height:auto;
	padding-top:8px;
	padding-bottom:8px;
	margin-bottom:20px;
	/*Dégradé jaune clair*/
	background-image: linear-gradient(left , rgb(255,255,140) 0%, rgb(255,255,255) 50%, rgb(255,255,140) 100%);
	background-image: -o-linear-gradient(left , rgb(255,255,140) 0%, rgb(255,255,255) 50%, rgb(255,255,140) 100%);
	background-image: -moz-linear-gradient(left , rgb(255,255,140) 0%, rgb(255,255,255) 50%, rgb(255,255,140) 100%);
	background-image: -webkit-linear-gradient(left , rgb(255,255,140) 0%, rgb(255,255,255) 50%, rgb(255,255,140) 100%);
	background-image: -ms-linear-gradient(left , rgb(255,255,140) 0%, rgb(255,255,255) 50%, rgb(255,255,140) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		right bottom,
		color-stop(0, rgb(255,255,140)),
		color-stop(0.5, rgb(255,255,255)),
		color-stop(1, rgb(255,255,140))
	);
	border-radius:10px;
	border:solid 2px #330066;
}	

.services_text {	
	margin-right:10px;
	margin-bottom:6px;
	margin-left:10px;
	width:780px;
	text-align:justify;
}

.services_text_end {
	margin-top:8px;
	margin-right:10px;
	margin-bottom:6px;
	margin-left:10px;
	width:780px;
	text-align:justify;
}

.ss_titre_services {
	margin-left:10px;
	font-size:16px;
	font-family:Helvetica, sans-serif;	
	font-weight:900;
}

#ss_titre_facture {
	font-size:16px;
	font-family:Helvetica, sans-serif;	
	font-weight:900;
	margin-left:10px;
	display:inline;
}

#facture_text {
	display:inline;
}

ul ul.services_list { 
	display:block; 
	position:relative; 
	list-style: disc inside;
	width:780px;
	text-align:justify;
	margin-right:10px;
	margin-left:10px;
}

ul ul#services_detail_list {
	display:block; 
	position:relative; 
	list-style: circle inside;
	width:760px;
	text-align:justify;
	margin-top:2px;
	margin-bottom:4px;
	margin-left:20px;
}

ul ul.services_steps_list {
	display:block; 
	position:relative; 
	list-style:none;
	width:780px;
	text-align:justify;
	margin-top:20px;
	margin-right:10px;
	margin-bottom:10px;
	margin-left:10px;
}

.step_number {
	margin-left:20px;
	width:45px;
	float:left;
}

.step_txt {
	padding-left:20px;
	width:666px;
	float:left;
}

#ancre_up_far {
	position:absolute;
	margin-top:0px;
}

/*******************************************
    ************** ERREUR ****************
********************************************/

#erreur {
	margin-right:auto;
	margin-left:auto;
	background:#330066;
	height:auto;
	width:100%;
}

#erreur_titre {
	padding-top:60px;
	padding-left:60px;
	background:#330066;
	width:inherit;
}

.erreur {
	position:relative;
	height:860px;
	width:100%;
	background:#330066;
	text-align:center;
	padding-top:40px;
}

#info_erreur_box {
	background:#DDD;
	width:600px;
	height:162px;
	margin-right:auto;
	margin-left:auto;
	border-radius:10px;
	padding-top:10px;
}

.info_erreur_txt {
	width:570px;
	margin-right:15px;
	margin-left:15px;
	text-align:justify;
	color:#330066;
	font-weight:400;
	font-family: "Rockwell", "Times New Roman", Times, serif;
	font-size:14px;
	padding-bottom:6px;
}


/***************************************************
    *********** MUSIC PLAYER button ************
***************************************************/

.btn_play_box {
	position:absolute;
	width:60px;
	height:60px;
	left:20px;
	top:175px;
	margin-right:auto;
	margin-left:auto;
	background:url(../images/btn/btn_play.png) no-repeat;
	z-index:510;
}

.btn_play_box:hover {
	background:url(../images/btn/btn_play_hover.png) no-repeat;
}