body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:100%;
	height:auto;
	behavior: url(../htc/csshover.htc);
	background:#000000;
	}
	
a{
	text-decoration:none;
	}

.clearLeft{
	clear:left;
	}

.clearRight{
	clear:right;
	}

.clearBoth{
	clear:both;
	}

.blockleft{
	float:left;
	}
	
.blockright{
	float:right;
	}	

ul, li, form, h1, h2, h3, h4{
	margin:0;
	padding:0;
	list-style:none;
	}	
	
img{
	border:0px;
	}	
	
form{
	padding:0px;
	margin:0px;
	}	
	
/**********************************************************************/
.Container{
	background:url(../medias/fond-int.jpg);
	width:960px;
	height:auto;
	margin:0 auto;
	}	
	
.header{
	height:396px;
	width:960px;
	position:relative;
	}	
	
	
.right-header{
	width:202px;
	height:396px;
	text-align:right;
	position:absolute;
	top:0px;
	right:0px;}	
	
.bloc-logo{
	background:url(../medias/fond-logo-int.gif) no-repeat top left;
	width:205px;
	height:126px;
	position:absolute;
	top:-20px;
	left:-40px;
	padding-top: 45px;
	padding-left: 20px;
	z-index: 4000;
	}	
	
.Content{
	width:960px;
	height:auto;
	background:url(../medias/fond-rep-content.gif) repeat-y top center;
	}	
	
.accueil{
	width:97px;
	height:72px;
	background:url(../medias/fond-accueil.jpg) no-repeat top left;
	position:absolute;
	bottom:-15px;
	right:165px;
	color:#000000;
	font-weight:bold;
	font-size:14px;
	padding-top:44px;
	padding-left:28px;
}	

.accueil:hover{
	background:url(../medias/hov-acceuil.jpg) no-repeat top left;
	}
	
.accueil a{
	color:#000;
	}

.accueil:hover a{
	color:#fff;
	}
	
/*********************************************************************************/
/*************************MENU GAUCHE***********************************/
/*********************************************************************************/

.bloc-Menu-Gauche{
	float:left;
	width: 215px;
	height: 430px;
	position: relative;
	display: block;
	padding-top:40px;
	}	
	
.bloc-Contenu{
	float:left;
	width:588px;
	height:495px;
	position: relative;
	}
	
	
	
.bloc-lang{
	width:215px;
	height:108px;
	position: absolute;
	display: block;
	top: -70px;
	left: 10px;
	}

.fra{
	background:url(../medias/fra.gif) no-repeat top left;
	float:left;
	width:53px;
	height:28px;
	margin-top: 40px;
	}

.fra:hover{
	background:url(../medias/fra-hov.gif) no-repeat top left;}	
	
.eng{
	background:url(../medias/eng.gif) no-repeat top left;
	float:left;
	width:51px;
	height:30px;
	margin-top: 60px;
	}
	
.eng:hover{
	background:url(../medias/eng-hov.gif) no-repeat top left;
	}	
		
.bloc-Menu{
	width:182px;
	height:319px;
	background: url(../medias/fond-menu.jpg) no-repeat right center;
	margin-left:30px;
	}
	
.envelop{
	position:absolute;
	top:250px;
	left:0px;
	z-index:3;
	}	
	
.carte-visite{
	position:absolute;
	left:45px;
	z-index:2;
	bottom: -70px;
	}	
	
	
.titre{
	background:url(../medias/fond-titre.jpg) no-repeat top left;
	width:306px;
	height:50px;
	float:left;
	padding-left:50px;
	margin-left: 80px;
	position: absolute;
	top: -25px;
	}	

.Contenu{
	width:533px;
	height:474px;
	background:url(../medias/fond-contenu.jpg) no-repeat top left;
	margin-top: 20px;
	margin-left: 8px;
	}
/**************************************************/
/*********************SCROLL*********************/
.holder {
	float: left;
	}
	
.scroll-pane {
	float: left;
	overflow: auto;
	width: 555px;
	height: 380px;
	margin-left: 35px;
	_margin-left:20px;
	padding-left:10px;
	padding-right:10px;
	_padding-left:15px;}
	
#pane {
	height: 380px;
	}

.jScrollPaneContainer {
	z-index: 1; 
	overflow: hidden;
	position: relative;
	margin-top:50px;
	}
	
.jScrollPaneTrack {
	right: 0px;
	background:url(../medias/fond-scroller.jpg) no-repeat top;
	cursor: pointer;
	position: absolute;
	top: 0px;
	height: 364px;
	/*_margin-top:32px;*/
	}
	
.jScrollPaneDrag {
	background:url(../medias/drag.gif) no-repeat top;
	overflow: hidden;
	cursor: pointer;
	position: absolute
	}
	
a.jScrollArrowUp {
	display: block;
	z-index: 1;
	right: 0px;
	overflow: hidden;
	text-indent: -2000px;
	position: absolute;
	-position:relative;
	_float:right;
	top: 0px;
	height: 31px;
	width:36px;
	background: url(../medias/arrow-up.jpg) no-repeat 0px 0px;
	
	}


a.jScrollArrowDown {
	background: url(../medias/arrow-down.jpg) no-repeat 0px 0px;
	display: block;
	z-index: 1;
	right: 0px;
	overflow: hidden;
	bottom: 0px;
	text-indent: -2000px;
	position: absolute;
	height:35px;
	width:38px;
	}
	
/************************************************************/
/****************************MENU DROIT*****************/
.bloc-Menu-Droit{
	float:left;
	width:148px;
	height:404px;
	padding-top:30px;
	}	
	
.bloc-Menu-Droit ul li{
	width:139px;
	height:34px;
	background:url(../medias/fond-menu-li.gif) no-repeat top left;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding-top:12px;
	margin-bottom:10px;
	}
	
.bloc-Menu-Droit ul li.active, .bloc-Menu-Droit ul li.active:hover {
	background:url(../medias/fond-menu-li-active.gif) no-repeat top left;
	}

	
.bloc-Menu-Droit ul li:hover{
	background:url(../medias/fond-menu-li-hov.gif) no-repeat top left;
	}		
	
.bloc-Menu-Droit ul li.active a{
	color:#fff;
	}	
	
.bloc-Menu-Droit ul li a{
	color:#000;}
	
.bas-container{
	height:auto;
	background:url(../medias/fond-bas-container.gif) no-repeat right bottom;
	width:960px;
	position: relative;
	}	
	
.bloc-developer-corner{
	width:158px;
	height:113px;
	margin-left:65px;
	_margin-left:25px;
	background:url(../medias/developer-corner.jpg) bottom left no-repeat;
	float:left;
	margin-top:90px;
	display:none;
	}

	
.bloc-developer-corner:hover{
	background:url(../medias/developer-corner-hov.jpg) no-repeat bottom left;
	display:none;}
		
.visu-bas{
	float:left;
	width: 466px;
	height: 220px;
	margin-left: 262px;
	}
	
.medias-bas{
	position:absolute;
	right:0px;
	top:-58px;
	}	

/***********************************************************/
/**************************************************************/
.MenuGauche{
	color:#000;
	width: 160px;
	margin-left: 25px;
	padding-top: 20px;
	}

.MenuGauche ul li a{
	color:#000;}
	
.MenuGauche ul li{
	font-size:15px;
	font-weight:bold;
	margin-bottom:5px;}	
	
.MenuGauche ul ul li{
	font-size:11px;
	font-weight:normal;
	margin-bottom:0px;}	
	
.MenuGauche ul ul li a:hover{
	color:#c41b17;
	}
	
	
/**************************************************************************/
/*****************************EQUIPE**********************************************/
.container-equipe{
	width:100%;
	height:730px;
	/*background:url(../medias/fond-equipe2.jpg) 0px 0px repeat-x;*/
	background:url(../medias/bg-rep-equipe.jpg) 0px 0px repeat-x;
	z-index: -1;
	display: block;
	}	
	
.header-equipe{
	width:700px;
	margin-left:auto;
	margin-right:auto;
	height:30px;
	position: relative;
	z-index: 10000;
	padding-top: 50px;
	_padding-top:15px;
	top:15px;
	text-align:center;
	}
	
.equipe{
	position:absolute;
	top:0px;
	left:0px;
	text-align:center;
	width:700px;
	}	
	
	
.menu.equipe ul li{
	background:url(../medias/dessin_enfant.gif) center 20px no-repeat ;
	height:100px;
	width:100px;
	display:inline;
	float:left;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	}
	
.menu ul li a {
	color:#fff;
	}	
	
.menu.equipe ul li:hover, .menu.equipe ul li.active{
	background:url(../medias/dessin_enfant-on.gif) center 25px no-repeat;
	}	
	
.menu.equipe ul li.active:hover{	
	background:url(../medias/dessin_enfant-on.gif) center 35px no-repeat;
	}	
	
.media-equipe{
	position:absolute;
	right:0px;
	top:-10px;
	z-index:20000;
	}	
	
/************************************************************************/
/***********************************CLIENT*********************************/	
	
.logo{
	position:absolute;
	left: 0px;
	top: 0px;
	z-index: 20000;
	}	
			
			
.client{
	position:absolute;
	top:-20px;
	left:0px;
	text-align:center;
	width:790px;
	height:124px;
	background:url(../medias/moon.gif) no-repeat top center;
	padding-top:20px;
	}	
	
.menu.client ul{
	width:590px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	}	
	
.menu.client ul li{	
	display:inline;
	float:left;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	}
	
.menu.client ul li a{
	color:#000;
	}
	
.menu.client ul li a:hover{
	color:#fa7800;
	}		
			
.bloc-lang-home{
	position:absolute;
	right:0px;
	_right:0px;
	bottom:-15px;
	_bottom:35px;
	_bottom:-55px;}	
				

#screen {
		position: absolute;
		left: 0%;
		top: 0%;
		width: 100%;
		height: 100%;
		overflow:hidden;
	}
#screen .gridSpan {
		position: absolute;
		overflow: hidden;
		background: ;
		border:1px solid #595959;
		padding: 0px;
		margin: 0px;
		cursor:pointer;
	}
	
#screen .gridSpan:hover {
		border:1px solid #fff;
		}
		
#screen .info-int {
		position: absolute;
		color: #eee;
		font-family: verdana;
		font-size: 1.1em;
		width: 500px;
		height: 333px;
		}
		
.abs {
		position: absolute;
	}
	#screen .info-int H2 {
		position: relative;
		margin: 8px;
		cursor: pointer;
		font-size:18px;
		font-weight:bold;
	}
	
#screen .info-int H2:hover {
		color:#fa7800;}
		
.source-contenu {
		visibility: hidden;
	}
#screen .text {
		margin: 30px;
		padding: 30px;
		text-align: justify;
	}
#screen a {
		position: relative;
		border: none;
		text-decoration: none;
	}
#screen a:hover {
		left:1px;
		top:1px;
	}
#screen img {
		border: none;
		cursor: pointer;
	}
	
	/*span img{
		width:800px;
		height:600px;}*/
		
span img.arrow{
		width:25px;
		height:25px;
		}
		
span img.portrait{
		width:650px;
		height:575px;
		}
		
span img.landscape{
		width:850px;
		height:525px;
		}
		
.text{
	padding-top:20px;
	}		
		
body.client-int{
	background:url(../medias/Space-Stars.jpg) repeat;
	position: absolute;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;}	
	
.pagination{
	color:#fff;
	width:1000px;
	text-align:right;
	margin-left:auto;
	margin-right:auto;
	font-size:14px;
	position:absolute;
	display:block;
	bottom:30px;
	_bottom:50px;
	right:50px;
	}	
	
.pagination ul li{
	display:inline;
	}	
	
.pagination ul li a{	
	color:#fff;
	}	
	
.pagination ul li a:hover{
	color:#fa7800;}		
	
/*******************************************************************************/
/************************************CONTACT**************************************/
#ContactTabMain td.tabContactGeneral {
width:220px;
}

.ContactGeneral {
padding-top:10px;
}

.formulaireContact {
width:auto;
height:auto;
display: none;
}

.tabContact th {
padding-right:10px;
width:auto;
text-align:left;
vertical-align:top;
font-weight:normal;
}

.tabContact td {
padding-bottom:10px;
}

.tabContact td input {
height:15px;
width: 125px;
font-size: 11px;
border:1px solid #663300;
background:none;
}

.tabContact td textarea {
border:1px solid #663300;
background:none;
	}
	
.tabContact td input.noborder{
border:none;
background:none;
	}	

#ContactTabMain td.tabBorderContact {
border-top:1px dashed #000000;
padding-top:10px;
}

.ContactDescription{
	line-height:20px;
	font-weight:bold;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

.ContactDescription a{
	color:#de4e0e;}	

.tabContact td.TabBtn input.btn{
	background:url(../medias/btn.gif) no-repeat 0px 0px;
	border:none;
	height:66px;
	font-weight:bold;
	font-size:15px;
	width:150px;
	cursor:pointer;
	padding-bottom: 20px;
	text-align: left;
	padding-left: 35px;
	
		}
		
.tabContact th.TabLongContact {
width:auto;
}

.tabContact td.TabLongContact textarea {
width:300px;
height:55px;
}

.tabContact td.TabLongContact02 {
width:140px;
}

.TabRad01 td input {
text-align:left;
}		

.tabContact td.TabBtn {
padding-left:15px;
padding-top:10px;
} 

.tabContact td.TabBtn input {
height:20px;
width:100px;
}

.TabRad01 td input {
width:30px;
padding-right: 0px;
}

/** Page Recrutement **/
#recrutement {
	position:relative;
}
.menuPostes a {
	color:#000000;
}
.menuPostes li {
	display:block;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left:10px;
}
.menuPostes a:hover{
	color:#c41b17
}
.menuPostes {
	width:200px;
	float:left;
}
.buttonApply img {
	cursor:pointer;
	position:absolute;
	top:-20px;
	z-index:1000;
	left:60px;
}
#recrutement .holder {
	visibility: hidden;
	position:absolute;
	top: 85px;
}
#recrutement .holder h1 {
	font-size:13px;
	font-weight:bold;
	display: block;
	padding-bottom: 5px;
	color: #c41b17;
}
#recrutement .holder .scroll-pane div {
	margin:0;
	padding:0px 0px 8px 0px;
	display:block;
	width:440px;
}
#recrutement h1 {
	font-size:13px;
	font-weight:bold;
	display: block;
	padding-bottom: 5px;
	color: #c41b17;
}
#recrutement .holder .scroll-pane {
	width: 530px;
	margin: 0;
	padding: 0;
	height: 260px;
	overflow: auto;
}

#recrutement .jScrollPaneContainer {
	margin-top:0px;
}
.buttonApply {
	float:left;
	position:relative;
}
.contFormJob {
	display:none;
}
.contFormJob h1 {
	color:#c41b17;
	font-size:13px;
	font-weight:bold;
	display:block;
	margin-bottom:10px;
}
.contFormJob #tblApplic {
	width:405px;
}
.contFormJob #tblApplic tr th {
	font-weight:normal;
	text-align:left;
	width:154px;
}
.contFormJob #tblApplic {
	margin-left:25px;
}
.contFormJob #tblApplic tr td {
	padding-bottom:10px;
	width:225px;
}
.contFormJob #tblApplic tr td #tblGender tr td {
	width:50px;
}
.contFormJob #tblApplic .BrowseBtn {
	height:22px;
}
.contFormJob #tblApplic .TxtBox {
	height:15px;
	background:transparent none repeat scroll 0 0;
	border:1px solid #663300;
}
.frmApplicButtons input.btn {
	background:transparent url(../medias/btn.gif) no-repeat scroll 0 0;
	border:medium none;
	cursor:pointer;
	font-size:15px;
	font-weight:bold;
	height:66px;
	padding-bottom:20px;
	padding-left:35px;
	text-align:left;
	width:108px;
}
.btnRetour {
	background:transparent url(../medias/btn.gif) no-repeat scroll 0 0;
	border:medium none;
	cursor:pointer;
	font-size:15px;
	font-weight:bold;
	height:66px;
	padding-bottom:20px;
	padding-left:35px;
	text-align:left;
	width:108px;
}
/** Fin page recrutement **/


/*****************************/
.home-icon{
	position:relative;
	width:1000px;
	margin-right:auto;
	margin-left:auto;}

.home-icon img{
	position:absolute;
	right:15px;
	top:-150px;
	z-index:100000;
	}
	
.Contenu ul, .Contenu ul li {
	list-style-type:square;
}

.Contenu ul li {
	margin-left:20px;
}

td.noPadding {
	padding-bottom:0px;
	padding-top:0px;
}

.blocThankYou {
	width:100%;
	text-align:center;
	padding-top:20px;
	margin-left:20px;
}
.blocThankYou input {
	margin-top:30px;
}
.blocThankYou h1{
 color:#C41B17;
display:block;
font-size:13px;
font-weight:bold;
padding-bottom:5px;
}

#Menu ul li ul {
	display:none;
}

/*********************************Tags-Highlights******************************/

span.TagsHighlight {
	background-color:#CC3300;
	color:#FFFFFF;
	font-weight:bold;
	}
	
/*******************************Nos-Clients-Shailendre****************************/

.ContainerClients {
	width:1000px;
	height:auto;
	margin:0 auto;
	}
	
.headerClient {
	width:1000px;
	height:86px;
	background:url(../medias/clients-fond-haeder.jpg) 195px 0px no-repeat;
	position:relative;
	}
	
.IconHome {
	position:absolute;
	right:0px;
	top:0px;
	}	
	
.ContentClient {
	width:1000px;
	height:auto;
	position: relative;
	}
	
.logoClient {
	float:left;
	width:177px;
	height:73px;
	padding-top:6px;
	padding-left: 25px;
	}
	
.MenuClient {
	float:left;
	width:auto;
	height:27px;
	}
	
.MenuClient ul {
	padding-top:59px;
	padding-left:65px;
	}	
	
.MenuClient ul li {
	list-style:none;
	background:url(../medias/menuClient-bg.jpg) top left no-repeat;
	margin-right:6px;
	width:117px;
	height:21px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding-top:6px;
	float:left;
	cursor:pointer;
	}
	
.MenuClient ul li.nomarGin {
	margin-right:0px;
	}	
	
.MenuClient ul li a {
	color:#fff;
	}
	
.MenuClient ul li:hover {
	background:url(../medias/menuClient-bg-hover.jpg) top left no-repeat;
	}
	
.FlashClient {
	width:970px;
	height:700px;
	float:right;
	border:3px solid #ccc;
	}
	
.TitreClient {
	position:absolute;
	left:-5px;
	top:25px;
	}						
	
.FooterClient {
	width:1000px;
	height:auto;
	color:#ccc;
	padding-top:8px;
	text-align:right;
	padding-bottom:6px;
	}	
	
.FooterClient a {
	color:#fff;
	}		
	


/*************************AJOUT EQUIPE*********************/
.bloc-contenu-frame{
	margin:0 auto;
	width:760px;
	height:543px;
	position:relative;
	}	
	
.frame-equipe{
	position:absolute;
	top:2px;
	left:0;
	width:760px;
	height:543px;
	z-index:100;
	}	

	
ul#portfolio li img{
	width:662px;
	height:440px;
	margin:0 auto;
	}