@charset "utf-8";
/* CSS Document */
/*Css écrit par Rodrigue Navarro comdeslezards.com pour Gkaster.com*/
body{
	background:url(images/fond_body.jpg) top center repeat-y #202020;
	margin:0;
	padding:0;
	text-align:center;
	}
.tendeur{
	clear:both;
	}
.gris_clair{
	color:#BDBFC0;
	}
#container{
	width:960px;
	margin:0 auto;
	padding:0 0 60px;
	}
#header{
	width:960px;
	height:215px;
	margin:0 0 10px 0;
	background:url(images/header.jpg) top left no-repeat #030305;
	}
#navigation_primaire{
	margin:0;
	padding:0;
	color:#aaa;
	text-align:left;
	}
#accroche{
	width:224px;
	height:10px;
	background:url(images/fond_accroche.jpg) top left no-repeat #030305;
	margin:0;
	padding:0;
	float:left;
border-left:4px #000000 solid;
	}
.separateur{
	width:960px;
	height:28px;
	margin:0;
	padding:0;
	background-color:#030305;
	}
.separateur_trait{
	width:960px;
	height:38px;
	margin:10px 0;
	padding:0;
	background:url(images/fond_separateur.jpg) top left no-repeat #030305;
	}
h1, h2, h3{
	margin:0;
	padding:0;
	}
/*****************************************************************************************************/
/*****************************************CSS de la navigation****************************************/
.cache{
	display:block;
	visibility:hidden;
	margin:0;
	padding:0;
	}
#menu{
	width:250px;
	float:right;
	}
.btn_menu{
	float:left;
	}
#btn_home a{
	width:49px;
	height:10px;
	background:url(images/menu/home.jpg) top left no-repeat;
	display:block;
	}
#btn_home a:hover{
	background:url(images/menu/home_hover.jpg) top left no-repeat;
	}
#btn_portfolio a{
	width:73px;
	height:10px;
	background:url(images/menu/portfolio.jpg) top left no-repeat;
	display:block;
	}
#btn_portfolio a:hover{
	background:url(images/menu/portfolio_hover.jpg) top left no-repeat;
	}
#btn_download a{
	width:79px;
	height:10px;
	background:url(images/menu/download.jpg) top left no-repeat;
	display:block;
	}
#btn_download a:hover{
	background:url(images/menu/download_hover.jpg) top left no-repeat;
	}
#btn_contact a{
	width:69px;
	height:10px;
	background:url(images/menu/contact.jpg) top left no-repeat;
	display:block;
	}
#btn_contact a:hover{
	background:url(images/menu/contact_hover.jpg) top left no-repeat;
	}
#btn_blog a{
	width:55px;
	height:10px;
	background:url(images/menu/blog.jpg) top left no-repeat;
	display:block;
	}
#btn_blog a:hover{
	background:url(images/menu/blog_hover.jpg) top left no-repeat;
	}
#btn_login a{
	width:45px;
	height:10px;
	background:url(images/menu/login.jpg) top left no-repeat;
	display:block;
	}
#btn_login a:hover{
	background:url(images/menu/login_hover.jpg) top left no-repeat;
	}
#btn_art a{
	width:45px;
	height:10px;
	background:url(images/menu/art.jpg) top left no-repeat;
	display:block;
	}
#btn_art a:hover{
	background:url(images/menu/art_hover.jpg) top left no-repeat;
	}

/**************************************************************************************************/
/**************************************************************************************************/
#contenu{
	background-color:#030305;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#595959;
	text-align:justify;
	}
#footer{
	width:960px;
	height:60px;
	margin:-24px 0 0;
	background:url(images/logo_footer.jpg) top right no-repeat;
	}
#video{
	width:960px;
	height:540px;
	margin:0;
	padding:0;
	background:url(images/image_fond_video.jpg) top left no-repeat #030305;
	}
#video_details{
	width:960px;
	height:540px;
	margin:0;
	padding:0;
	background-color:#aaa;
	}
#last_works a, #client_list a, #block_contact a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#BDBFC0;
	text-align:justify;
	text-decoration:none;
	}
#last_works a:hover, #client_list a:hover, #block_contact a:hover{
	text-decoration:underline;
	}
#last_works{
	width:940px;
	margin:0 auto;
	background:url(images/title_last_work.jpg) top left no-repeat #030305;
	}
#client_list{
	width:940px;
	margin:0 auto;
	background:url(images/title_client_list.jpg) top left no-repeat #030305;
	}
#client_list a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#595959;
	text-align:justify;
	text-decoration:none;
	}
#client_list a:hover{
	color:#BDBFC0;
	text-decoration:underline;
	}
#block_contact{
	width:940px;
	margin:0 auto;
	background:url(images/title_contact.jpg) top left no-repeat #030305;
	}
#infos{
	width:940px;
	margin:0 auto;
	background:url(images/title_info.jpg) top left no-repeat #030305;
	}
#download{
	width:940px;
	margin:0 auto;
	background:url(images/title_download.jpg) top left no-repeat #030305;
	}
#same_type{
	width:940px;
	margin:0 auto;
	background:url(images/title_same_type.jpg) top left no-repeat #030305;
	}
#same_client{
	width:940px;
	margin:0 auto;
	background:url(images/title_same_client.jpg) top left no-repeat #030305;
	}
/*****************************************************************************************************/
/*****************************************CSS des modules*********************************************/
.modules{
	position:relative;
	width:430px;
	height:76px;
	margin:16px 0 0 0;
	padding:0;
	float:left;
	}
.extracteur{
	width:5px;
	height:5px;
	position:absolute;
	z-index:1;
	top:-6px;
	left:-8px;
	}
.ecarteur_de_modules{
	width:80px;
	height:76px;
	margin:0;
	padding:0;
	float:left;
	}
.receptacle_flash{
	width:136px;
	height:76px;
	margin:0 14px 0 0;
	padding:0;
	background-color:#aaa;
	float:left;
	}
.infos_modules{
	width:280px;
	float:left;
	}
.title_module{
	height:24px;
	}
	.type_title_module{
		width:156px;
		height:24px;
		float:left;
		}
	.date_title_module{
		width:90px;
		height:24px;
		margin:0 10px 0 0;
		float:left;
		line-height:24px;
		text-align:right;
		}
	.link_tilte_module a{
		width:24px;
		height:24px;
		float:left;
		background:url(images/link_module.jpg) top left no-repeat #030305;
		}
	.link_tilte_module a:hover{
		width:24px;
		height:24px;
		float:left;
		background:url(images/link_module_hover.jpg) top left no-repeat #030305;
		}
.txt_module{
	margin:6px 0 0 0;
	}
/*****************************************************************************************************/
/*****************************************************************************************************/
#container_de_modules{
	width:940px;
	margin:0 auto;
	padding:0;
	}
#title_portfolio_general{
	height:24px;
	background:url(images/title_portfolio_general.jpg) top left no-repeat #030305;
	text-align:left;
	margin:0 0 16px 0;
	}
#quicktime_mov{
	width:110px;
	height:24px;
	margin:10px 10px 0 0;
	padding:0;
	float:left;
	}
#pdf{
	width:110px;
	height:24px;
	margin:10px 0 0 0;
	padding:0;
	float:left;
	}
#title_portfolio_detail{
	text-align:left;
	}
#title{
	float:left;
	}
#back{
	width:88px;
	height:24px;
	float:right;
	}