/********************************************************************** //  EN GENERAL  //  ****************/

* {
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 11px;
	text-decoration : none;
	border : none;
	padding : 0px;
	margin : 0px;
	color : #fff;
}

body {
	background-color : #333333;
	overflow : hidden;
}

h1 {
	margin : 0px;
	padding : 0px;
}

#general {
	float : left;
}

#background {
	position:absolute;
	width:100%;
	height:100%;
	z-index : 1;
}

a {
	cursor : pointer;
}

/*************************/





/********************************************************************** //  ZONE LOGO  //  ****************/

#zone_logo {
	position : absolute;
	left : 34px;
	top : 34px;
	z-index : 3;
}

#zone_social {
	margin-left : 6px;
}

/*************************/





/********************************************************************** //  ZONE CONTENT  //  ****************/

#zone_total {
	margin : auto;
	width : 554px;
	position:relative;
}

#works {
	width: 554px;
	height:391px;
	position:relative;
	float : left;
}

#contact {
	width: 554px;
	height:289px;
	position:relative;
}

#about {
	width: 554px;
	height:289px;
	position:relative;
}


#job_degrade_haut, #job_degrade_haut2, #job_degrade_haut3 {
	width : 554px;
	height : 20px;
	background : url('../images/job_degrade_haut.png') no-repeat;
	margin-left : -20px;
}

#job_degrade_bas, #job_degrade_bas2, #job_degrade_bas3 {
	float : left;
	width : 554px;
	height : 20px;
	background : url('../images/job_degrade_bas.png') no-repeat;
	margin-left : -20px;

}

#job_degrade_gauche, #job_degrade_gauche2, #job_degrade_gauche3 {
	background : url('../images/job_degrade_gauche.png') repeat-y;
	position:absolute;
	left:-20px;
	width : 20px;
	height : 100%;
}

#job_degrade_droite, #job_degrade_droite2, #job_degrade_droite3 {
	background : url('../images/job_degrade_droite.png') repeat-y;
	position:absolute;
	right:20px;
	width : 20px;
	height : 100%;
}

#zone_content {
	position : absolute;
	left : 50%;
	margin-left:-257px;
	top: 50%;
	margin-top: -194px;
	z-index : 2;
}

#zone_haut, #zone_haut2, #zone_haut3 {
	float : left;
	border : solid 1px #000;
	width : 514px;
	height : 288px;
	background : url('../images/transparence_rpt.png') repeat;
	position:relative;
}

.texte_base {
	float : left;
	width : 175px;
	padding : 11px;
}

#zone_bas {
	float : left;
	border : solid 1px #000;
	width : 514px;
	height : 99px;
	background-color : #000;
}

.titre {
	padding : 11px 0px 11px 11px;
}

.description {
	padding : 0px 0px 11px 39px;
}

.back {
	position : absolute;
	right : 10px;
	bottom : -92px;
	display : none;
}

#navig_plus_moins {
	position : absolute;
	right : 10px;
	bottom : -29px;
}

.image_illustration {
	position : absolute;
	right : 0px;
	top : 0px;

}





/*************************/





/********************************************************************** //  ZONE JOBS  //  ****************/

#job_container {
	margin : 0px;
	height : 288px;
	overflow : hidden;
	position:relative;
}

#job_container #scroll {
	position:absolute;
	top:0;
}

.job_img img {
	float : left;
	cursor : pointer;
	margin-top : 0px;
}

.job_img {
	float : left;
	height : 96px;
	margin : 0px;
	overflow : hidden;
}

.job_titre {
	display : none;
	
}

.job_description {
	display : none;
}



/*************************/





/********************************************************************** //  ZONE NAVIG-FOOTER  //  ****************/

#footer {
	float : left;
	width : 100%;
	height : 33px;
	background : url('../images/transparence_rpt.png') repeat;
}

#footer_texte {
	text-align : center;
	margin-top : 10px;
}

#footer_texte p {
	color : #95918f;
}

#footer_degrade {
	width : 100%;
	height : 116px;
	position : absolute;
	bottom : 0px;
	background : url('../images/degrade.png') repeat-x;
	z-index : 1;
}

#navig {
	position : absolute;
	left : 44px;
	bottom : 33px;
	width : 204px;
	height : 33px;
}

dt {
	float : left;
	width : 51px;
	height : 33px;

}

dt.active{
	background: url("../images/transparence_rpt.png") repeat !important;
}

#zone_navigation {
	float : left;
	position : absolute;
	bottom : 0px;
	width : 100%;
	z-index : 2;
}



/*************************/



/********************************************************************** //  DECO TEXTE  //  ****************/

.italic {
	font-style : italic;
	color :  #95918f;
}

.bold {
	font-weight : bold;
}

/*************************/