@charset "utf-8";
/* CSS Document */
	body { 
		background:#191919; 
		margin:0;
		font-family:Arial, Helvetica, sans-serif;

	}
	li{
		background:none;
		float:left;
		margin:0;
		padding:0;
		list-style:none;
	}
	li a{
		color:#fff;
		font-weight:bold;
		font-size:18px;
		text-decoration:none;
	}
	li a:hover{
		color:#fff;
	}

	p{
		color:#fff;
		font-size:14px;
		margin:25px 40px 20px 30px;
		text-align:justify;
		font-family:arial;
		color:#CCC;
	}
	a{
		text-decoration:none;
		color:white;
		font-size:12px;
		outline:none;
	}
	h1{
		font-size:25px;
		color:#d6d6d6;
		font-weight:bold;
		line-height:18px;
	}
	h1.in_box{
		font-size:18px;
	}
	h1.in_grey_box{
		color:#999999;
		font-size:18px;
		margin-top:130px;
		margin-left:20px;
	}
	h2{
		font-size:18px;
		color:#4d4d4d;
		font-weight:normal;
		line-height:1px;
		

	}

	div.contain_a{
		clear:left;
		padding-top:2px;
		padding-bottom:2px;
	}
	h3.hprofil,h3.loading_home, a.aprofil{
		color:white;
		font-weight:bold;
		padding:3px 0 4px 0;
		margin:10px 0 0 7px;
		font-size:18px;
		line-height:25px;
		border-bottom: dotted 1px #0a82af;
		font-family:georgia,serif;
		font-style:italic;
	}
	h3.loading_home{

		display:inline;
		text-align:center;
		padding-bottom:10px;
		border:none;
	}
	a.aprofil{
		margin:20px 0 0 7px;
	}
	a.aprofil:hover{
		color:#ccc;
		border-bottom: dotted 1px #ccc;
	}
	.load_img{
		display:block;
		padding-left:130px;
		margin-bottom:10px;
	}
	span.p_blue{
		font-family:georgia,serif;
		font-size:12px;
		color:#65b1e6;
		font-style:italic;
	}
	
	div#container{
		width:1024px;
		height:auto;
		background:#191919;
		position:relative;
		margin:0 auto;
		padding-bottom:17px;
	}
	div#footer{
		width:1024px;
		height:82px;
		margin:0;
		padding:0;
		position:absolute;
	}

/*/////////////FIXED////////////*/
/*////////////////////////////////////*/

	div#column_left{
		width:367px;
		height:auto;
		float:left;
		margin:0;
		padding:0;
	}
	div#fixed{
		position:fixed;
	}

/*//////////////HEADER////////////////*/
/*////////////////////////////////////*/

	div#header{
		width:367px;
		height:228px;
		margin:0;
		padding:0;
		float:left;
	}
	h1.logo{
		background:url(../images/logo.jpg) no-repeat top right;
		display:block;
		float:left;
		width:367px;
		height:228px;
		text-indent:-5000px;
		margin:0;
		padding:0;
	}

/*/////////////MENU GAUCHE////////////*/
/*////////////////////////////////////*/


	ul#left_links{
		background:none;
		width:222px;
		height:auto;
		display:block;
		margin:0;
		padding:0 0 0 145px;
		clear:both;
	}
	.button_top, .button{
		background:none;
		float:left;
		list-style:none;
		border-left:solid 1px #151515;
		border-top:solid 1px #151515;
	}
	.button_top a{
		background:url(../images/bkg_ul_top.jpg) no-repeat top right;
		display:block;
		margin:0;
		padding:11px 0 0 18px;
		height:32px;
		width:161px;
	}
	.button_top a:hover{
		background:url(../images/bkg_ul_top_hover.jpg) no-repeat top right;
	}
	.button a{
		display:block;
		background:#191919;
		color:#4d4d4d;
		padding:11px 0 0 18px;
		height:32px;
		width:161px;
	}
	.button a:hover{
		background:url(../images/hover_button.jpg) no-repeat top right;
		color:#fff;
	}
	.empty_case{
		height:32px;
		width:179px;
		border-left:solid 1px #151515;
		border-top:solid 1px #151515;
	}
	.links{
		padding:10px 0 0 17px;
		margin:0;
		border-left:solid 1px #151515;
		clear:both;
	}
	.links a{
		font-size:14px;
		color:#2c2c2c;
	}


/*///////////////MAIN BLOC////////////*/
/*////////////////////////////////////*/

	div.column_main{
		width:657px;
		height:auto;
		margin-top:37px;
		margin-left:367px;
		padding:0;
		float:left;
	}

	div.block_post,.padding{
		background-color:#191919;
		border:solid 1px #090909;
		width:506px;
		height:auto;
		overflow:hidden;
		margin:0;
		padding:0;
	
	}	
	
	div.padding{
		padding:25px 0 50px 2px;
		background:url(../images/bkg_main_padding.jpg);
		background-repeat:repeat-x;
		background-position:top;
	}
	div#main_column_header{
		width:508px;
		height:144px;
		background:url(../images/header_main.jpg);
		background-position: bottom;
		background-repeat:no-repeat;
	}
	div.block_post_header{
		background:url(../images/bkg_header.png) no-repeat bottom left;
		height:28px;
		width:233px;
		padding:12px 0 0 10px;
		margin:0;
		clear:left;
	}
	div#footer{
		width:508px;
		height:100px;
		background:#101010;
		margin:0;
		padding:0;
		border:solid 1px #000;
		border-top:none;
	}
	p#footer_p, a.footer_a{
		color:gray;
		font-size:10px;
		font-family:Arial;
		margin-top:20px;
		margin-bottom:20px;
		padding:0;
	}
	a.footer_a:hover{
		color:#3399CC;
	}

/*///////////////BLOCS////////////////*/
/*////////////////////////////////////*/
	div.middle, .right, .left{
		height:168px;
		width:167px;
		background:#fff;
		border:solid 1px #090909;
		border-bottom: none;
		float:left;
		margin:0;
		padding:0;
	}
	.left{
		border-top:solid 1px #090909;
		border-left: none;
	}
	div.bloc_sep{
		width:510px;
		height:1px;
		background-color:#090909;
		float:left;
		margin:0;
		padding:0;
	}

/*////////BLOCS INSIDE////////////////*/
/*////////////////////////////////////*/
	div.blue_bloc, .grey_bloc{
		background:url(../images/bkg_block_blue.jpg) no-repeat top right;
		height:168px;
		width:168px;
		margin:0;
		padding:0;
		float:left;
	}
	div.blue_bloc{
		height:48px;
		width:154px;
		margin:0;
		padding:120px 0 0 15px;
	}
	div.grey_bloc{
		background:url(../images/bkg_block_grey.jpg);
		padding:0;
		margin:0;
	}
	div#undertext{
		height:23px;
		width:157px;
		padding:0;
		margin:10px 0 0 7px;
		background-color:#0a82af;
	}
	ul.list{
		width:450px;
		height:auto;
		margin:15px 0 0 24px;
		padding-left:12px;
		clear:both;
	}
	ul.list li, ul.list li.links_bottom_li{
		list-style-image:url(../images/puce.jpg);
		color:#ccc;
		font-size:14px;
		text-align:left;
		margin-top:8px;
		clear:left;
		line-height:18px;
	}
	span.list_span{
		font-weight:bold;
		color:#fff;
	}
	li.links_bottom_li{
		/*display:*/
	}
	ul.list li.links_bottom_li{
		list-style-image:url(../images/puce.jpg);
		color:#ccc;
		font-size:14px;
		text-align:left;
		margin-top:8px;
		clear:left;
		line-height:14px;
	}
	li.links_bottom_li a.links_bottom_a{
		color:#ccc;
		font-weight:normal;
		font-size:14px;
		text-decoration:none;
	}
	li.links_bottom_li a.links_bottom_a:hover{
		color:#65b1e6;
		background:#101010;
		padding-right:3px;
	}
	

/*///////////////BLEND////////////////*/
/*////////////////////////////////////*/

	.img_blend { 
		margin-bottom:50px;
		overflow:auto; 
		clear:both;
	}
     
	.img_blend a {
		display:block;
		text-indent:-9999px;
		width:168px;
		height:168px;
		margin:0;
		float:left;
		background-color:black;
		background-repeat:no-repeat;
		cursor:pointer;
	}
	
	
	#img_ruestick a{
       background-image:url(../images/projects/rue_stick/rue_stick_small.jpg);
	}
	#img_yogi a{
		background-image:url(../images/projects/yogi/yogi_small.jpg);
	}
    #img_bes a{
		background-image:url(../images/projects/bes/bes_small.jpg);
	} 
	#img_archi a{
		background-image:url(../images/projects/archi/archi_small.jpg);
	}
	#img_querelle a{
		background-image:url(../images/projects/webzine/webzine_small.jpg);
	}
	#img_trent a{
		background-image:url(../images/projects/trent/trent_small.jpg);
	}
	#img_sinco a{
		background-image:url(../images/projects/sinco/sinco_small.jpg);
	}
	#img_tele a{
		background-image:url(../images/projects/tele/tele_small.jpg);
	}
	#img_phone a{
		background-image:url(../images/projects/phone/phone_small.jpg);
	}
	#img_helve a{
		background-image:url(../images/projects/helve/helve_small.jpg);
	}
	#img_euro a{
		background-image:url(../images/projects/euro/euro_small.jpg);
	}
	#img_jongl a{
		background-image:url(../images/projects/jongl/jongl_small.jpg);
	}
	#img_original a{
		background-image:url(../images/projects/original/original_small.jpg);
	}
	#img_girl a{
		background-image:url(../images/projects/girl/girl_small.jpg);
	}
	#img_compo a{
		background-image:url(../images/projects/logo_compo/compo_small.jpg);
	}
	#img_tremont a{
		background-image:url(../images/projects/logo_tremont/tremont_small.jpg);
	}
	#img_logo_seed a{
		background-image:url(../images/projects/logo_seed/logoseed_small.jpg);
	}
	#img_logo_seed2 a{
		background-image:url(../images/projects/logo_seed/logoseed_small.jpg);
	}
	#img_mai a{
		background-image:url(../images/projects/logo_mai/mai_small.jpg);
	}
	#img_nordik a{
		background-image:url(../images/projects/nordik/nordik_small.jpg);
	}
	#img_seed_fly a{
		background-image:url(../images/projects/seed/fly1_small.jpg);
	}
	#img_seed_press a{
		background-image:url(../images/projects/seed/press_small.jpg);
	}
	#img_seed_af a{
		background-image:url(../images/projects/seed/affiche_small.jpg);
	}
	#img_seed_site a{
		background-image:url(../images/projects/seed/site_small.jpg);
	}
	#img_tee a{
		background-image:url(../images/projects/tee/tee_small.jpg);
	}
	#img_bat a{
		background-image:url(../images/projects/bat/bat_small.jpg);
	}
	#img_who a{
		background-image:url(../images/projects/who/who_small.jpg);
	}
	#img_foleterie a{
		background-image:url(../images/projects/foleterie/foleterie_small.jpg);
	}
	
	#rue_stick,
	#yogi,
	#bes,
	#archi,
	#querelle,
	#trent,
	#sinco,
	#tele,
	#phone,
	#helve,
	#euro,
	#jongl,
	#original,
	#girl,
	#compo,
	#tremont,
	#logo_seed,
	#logo_seed2,
	#mai,
	#nordik,
	#seed_fly,
	#seed_press,
	#seed_af,
	#seed_site,
	#tee,
	#bat,
	#who,
	#foleterie
	{
		background-position:0 0;
	}
	#rue_stick:hover,
	#rue_stick.hover{
		background:url(../images/projects/rue_stick/rue_stick_dark.jpg);
	}
	#yogi:hover,
	#yogi.hover{
		background:url(../images/projects/yogi/yogi_dark.jpg);
	}
	#bes:hover,
	#bes.hover{
		background:url(../images/projects/bes/bes_dark.jpg);
	}
	#archi:hover,
	#archi.hover{
		background:url(../images/projects/archi/archi_dark.jpg);
	}
	#querelle:hover,
	#querelle.hover{
		background:url(../images/projects/webzine/webzine_dark.jpg);
	}
	#trent:hover,
	#trent.hover{
		background:url(../images/projects/trent/trent_dark.jpg);
	}
	#sinco:hover,
	#sinco.hover{
		background:url(../images/projects/sinco/sinco_dark.jpg);
	}
	#tele:hover,
	#tele.hover{
		background:url(../images/projects/tele/tele_dark.jpg);
	}
	#phone:hover,
	#phone.hover{
		background:url(../images/projects/phone/phone_dark.jpg);
	}
	#helve:hover,
	#helve.hover{
		background:url(../images/projects/helve/helve_dark.jpg);
	}
	#euro:hover,
	#euro.hover{
		background:url(../images/projects/euro/euro_dark.jpg);
	}
	#jongl:hover,
	#jongl.hover{
		background:url(../images/projects/jongl/jongl_dark.jpg);
	}
	#original:hover,
	#original.hover{
		background:url(../images/projects/original/original_dark.jpg);
	}
	#girl:hover,
	#girl.hover{
		background:url(../images/projects/girl/girl_dark.jpg);
	}
	#compo:hover,
	#compo.hover{
		background-image:url(../images/projects/logo_compo/compo_dark.jpg);
	}
	#tremont:hover,
	#tremont.hover{
		background-image:url(../images/projects/logo_tremont/tremont_dark.jpg);
	}
	#logo_seed:hover,
	#logo_seed.hover{
		background-image:url(../images/projects/logo_seed/logoseed_dark.jpg);
	}
	#logo_seed2:hover,
	#logo_seed2.hover{
		background-image:url(../images/projects/logo_seed/logoseed_dark.jpg);
	}
	#mai:hover,
	#mai.hover{
		background-image:url(../images/projects/logo_mai/mai_dark.jpg);
	}
	#nordik:hover,
	#nordik.hover{
		background-image:url(../images/projects/nordik/nordik_dark.jpg);
	}
	#seed_fly:hover,
	#seed_fly.hover{
		background-image:url(../images/projects/seed/fly1_dark.jpg);
	}
	#seed_press:hover,
	#seed_press.hover{
		background-image:url(../images/projects/seed/press_dark.jpg);
	}
	#seed_af:hover,
	#seed_af.hover{
		background-image:url(../images/projects/seed/affiche_dark.jpg);
	}
	#seed_site:hover,
	#seed_site.hover{
		background-image:url(../images/projects/seed/site_dark.jpg);
	}
	#tee:hover,
	#tee.hover{
		background-image:url(../images/projects/tee/tee_dark.jpg);
	}
	#bat:hover,
	#bat.hover{
		background-image:url(../images/projects/bat/bat_dark.jpg);
	}
	#who:hover,
	#who.hover{
		background-image:url(../images/projects/who/who_dark.jpg);
	}
	#foleterie:hover,
	#foleterie.hover{
		background-image:url(../images/projects/foleterie/foleterie_dark.jpg);
	}

/*///////////////EXPLAIN//////////////*/
/*////////////////////////////////////*/
	div#explain_header,#explain_footer{
		width:460px;
		height:10px;
		background:url(../images/line_expl_to.jpg) no-repeat;
		margin:20px 0 10px 10px;
		clear:left;
	}
	div#explain_footer{
		background:url(../images/line_expl_botto.jpg) no-repeat;
		background-position:bottom;
		height:20px;
		margin-top:0;
	}
	div#explain{
		width:410px;
		min-height:500px;
		margin-bottom:10px;
		padding:10px 20px 0 30px;
		background:#fff;
		clear:left;
	}

	p.explain_txt, a.explain_a{
		color:#58afcf;
		margin:0 0 30px 0;
		padding:0;
		font-size:16px;
	}
	a.explain_a, span.explain_span{
		display:block;
		font-weight:bold;
		font-size:12px;
		margin-top:15px;
		padding:3px 5px 0 0;
		float:left;
		border-bottom: dotted 1px #0a82af;
	}
	a.explain_a:hover{
		color:#0a82af;
		background:#191919;
	}
	span.explain_span{
		margin:15px 5px 0 5px;
		padding:0;
		font-weight:normal;
		color:#ccc;
		border-bottom:none;
	}
	h1.explain_h1{
		color:#191919;
		font-size:26px;
		font-weight:bold;
		margin-top:25%;
		margin-bottom:25px;
		padding-bottom:5px;
		line-height:30px;
		border-bottom: dotted 1px #0a82af;
		font-family:georgia,serif;
		font-style:italic;
	}
	h2.explain_h2{
		color:#191919;
		font-size:12px;
		font-family:georgia,serif;
		line-height:10px;
	}