/* html */
html{
	overflow:auto;
}

/* body */
body{
margin:0px;
padding:0px;

background-image:url(../images/images.php?img=interface/back_line.gif);
background-repeat:repeat-x;
background-position:top center;
background-color:#313131;
}

body, div, table{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
letter-spacing:0px;
color:#FFFFFF;
}

/* H */
h1, h2, h3, h4, h5, h6{
margin:0px;
padding:0px;
color:#6f6e5a;
}

h1{
font-size:18px;
}

h2{
font-size:16px;
}

h3{
font-size:14px;
}

h4{
font-size:12px;
}

h5{
font-size:10px;
}

h6{
font-size:8px;
}

/* Images links and form */
a img, form{
margin:0px;
padding:0px;
border:none;
}

a img{
position:relative;
}

img{
border:0px;
}

/* Links */
a:link, a:active, a:visited{
text-decoration:underline;	
color:#FFFFFF;
}

p{
margin:0px;
padding:0px 0px 10px 0px;
}

/*
----------------
Site container
----------------
*/

div#global{
width:955px;
margin:auto;
overflow:hidden;
}

div#globalcontent{
float:left;
width:100%;
overflow:hidden;
padding-bottom:17px;

background-image:url(../images/images.php?img=interface/back.jpg);
background-repeat:no-repeat;
background-position:top center;
background-color:#161712;
}

/*
----------------
Clients
----------------
*/

div#clients{
float:left;
width:100%;
height:140px;
}

div#clients div#ourclients{
width:940px;
height:17px;
padding:8px 0px 0px 15px;

color:#6f6e5a;
font-size:9px;
font-weight:bold;

background-image:url(../images/images.php?img=interface/clients_top.jpg);
background-repeat:repeat-x;
background-position:bottom left;
}

div#clients div#clientsimg {
width:955px;
height:115px;
text-align:center;
background-color:#FFFFFF;
}

/*
----------------
Content
----------------
*/

div#content{
float:right;
width:450px;

padding:0px 20px 20px 0px;
overflow:hidden;
clear:right;
}

div#content ul li{
padding-bottom:5px;
line-height:15px;
}

div#content ul li ul{
padding-bottom:10px;
}

div#rightcontent{
float:right;
width:470px;
padding:45px 0px 0px 9px;
}
	
img.sep{
padding:5px 0px 5px 0px;
}

/*
----------------
Footer
----------------
*/

div#foot{
width:100%;
padding-right:60px;
}

div#footer{
float:left;
height:36px;
width:953px;

border:solid 1px #a05b24;
font-size:1px;
overflow:hidden;
}

/*Job link*/
div#footer a#job_link{
display:block;
position:relative;
width:170px;
height:19px;
margin-bottom:-19px;

top:8px;
left:65px;
}

/*
----------------
Logo
----------------
*/

div#logo{
float:left;
height:165px;
width:225px;
padding:25px 0px 0px 120px;

background-repeat:no-repeat;
background-position:right bottom;
}

div#logo img{
height:100%;
width:100%;
}

/*
----------------
Menu
----------------
*/

div#menu{
float:right;
width:100%;
padding:0px 0px 18px 0px;
clear:right;
}

div#menu ul#menulist{
list-style-type:none;
list-style:none;
padding:0px;
margin:0px;
}

div#menu ul#menulist li{
height:11px;
width:356px;
padding:0px;
margin:0px;
padding-bottom:10px;
!padding-bottom:4px;
}

/*
----------------
News
----------------
*/

div#news{
float:right;
height:150px;
width:100%;
}

div#n_nouvelles{
width:441px;
height:105px;
overflow:hidden;
}

div#n_nouvelles,
div#n_nouvelle1,
div#n_nouvelle2{
position:relative;
}

div#n_nouvelles p.n_content{
position:relative;
padding:0px;
margin:0px;
padding-bottom:30px;
}

/*
----------------
Projects
----------------
*/

div#projects{
float:left;
width:374px;
height:249px;
padding:17px 0px 0px 48px;
}

	
	/* ----------------------------------------------------------------------------------------------------------------*/

/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/

*{padding: 0; margin: 0;}



/* ----------------------------------------------------------------------------------------------------------------*/

/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/

#TB_window {

	font: 12px Arial, Helvetica, sans-serif;

	color: #333333;

}



#TB_secondLine {

	font: 10px Arial, Helvetica, sans-serif;

	color:#666666;

}



#TB_window a:link {color: #666666;}

#TB_window a:visited {color: #666666;}

#TB_window a:hover {color: #000;}

#TB_window a:active {color: #666666;}

#TB_window a:focus{color: #666666;}



/* ----------------------------------------------------------------------------------------------------------------*/

/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/

#TB_overlay {

	position: fixed;

	z-index:100;

	top: 0px;

	left: 0px;

	height:100%;

	width:100%;

}



.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}

.TB_overlayBG {

	background-color:#000;

	filter:alpha(opacity=40);

	-moz-opacity: 0.40;

	opacity: 0.40;

}



* html #TB_overlay { /* ie6 hack */

     position: absolute;

     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');

}



#TB_window {

	position: fixed;

	z-index: 102;

	color:#000000;

	display:none;

	border: 0;

	text-align:left;

	top:50%;

	left:50%;

}



* html #TB_window { /* ie6 hack */

position: absolute;

margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');

}



#TB_window img#TB_Image {

	display:block;

	margin: 15px 0 0 15px;

	border-right: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	border-top: 1px solid #666;

	border-left: 1px solid #666;

}



#TB_caption{

	height:25px;

	padding:7px 30px 10px 25px;

	float:left;

}



#TB_closeWindow{

	height:25px;

	padding:11px 25px 10px 0;

	float:right;

}



#TB_closeAjaxWindow{

	padding:7px 10px 5px 0;

	margin-bottom:1px;

	text-align:right;

	float:right;

}



#TB_ajaxWindowTitle{

	float:left;

	padding:7px 0 5px 10px;

	margin-bottom:1px;

}



#TB_title{

	background-color:#e8e8e8;

	height:27px;

}



#TB_ajaxContent{

	clear:both;

	padding:2px 15px 15px 15px;

	/*overflow:auto;*/

	text-align:left;

	line-height:1.4em;

}



#TB_ajaxContent.TB_modal{

	padding: 0px;

}



#TB_ajaxContent p{

	padding:5px 0px 5px 0px;

}



#TB_load{

	position: fixed;

	display:none;

	height:13px;

	width:208px;

	z-index:103;

	top: 50%;

	left: 50%;

	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */

}



* html #TB_load { /* ie6 hack */

position: absolute;

margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');

}



#TB_HideSelect{

	z-index:99;

	position:fixed;

	top: 0;

	left: 0;

	background-color:#fff;

	border:none;

	filter:alpha(opacity=0);

	-moz-opacity: 0;

	opacity: 0;

	height:100%;

	width:100%;

}



* html #TB_HideSelect { /* ie6 hack */

     position: absolute;

     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');

}



#TB_iframeContent{

	clear:both;

	border:none;

	margin-bottom:-1px;

	margin-top:1px;

	_margin-bottom:1px;

}
	
	#affichagePortfolio{
width:400px;
margin:0px;
font-family:arial;
font-size:12px;
line-height:15px;
color:#252525;
float:left;
}

div#portfolio{
float:left;
width:100%;
}

.portfolioItem{
float:left;
}

.portfolioItem img{
width:66px;
height:66px;
}

.portfolioItem a img{
opacity: 0.7;
-moz-opacity: 0.7;
filter: alpha(opacity=70);
}

.portfolioItem a img:hover{
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}

.portfolioBox{
position: relative;
}

.portfolioContainerBg{
background: #fff;
filter:alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
position: absolute;
width: 392px;
height: 474px;
}

.portfolioContainer{
position: absolute;
padding: 16px;
width: 360px;
}

.portfolioContainerBg_3{
width:582px;
height:500px;
left:50%;
margin-left:-291px;
}

.portfolioContainer_3{
width:550px;
left:50%;
margin-left:-291px;
}

.closePortfolio{
height: 16px;
margin-bottom: 8px;
text-align: center;
}

.closeButton{
float: right;
height: 16px;
width: 16px;
background: url(../images/images.php?img=interface/thickbox/close.gif) no-repeat top;
}

.closeButton:hover{
background-position: bottom;
}

.portfolioImages table{
border-spacing: 0;
border-collapse: collapse;
}

.portfolioText{
color: #767561;
font-size: 11px;
height: 54px;
text-align: left;
margin: 8px 0 0 24px;
width: 310px;
}

.portfolioTitle{
font-family: "arial black", arial;
font-size: 14px;
}

.portfolioSubtitle{
font-family: "arial black", arial;
color: #f58026;
}

.portfolioSlider{
height: 16px;
margin: 0 25px;
}

.portfolioSlider div{
height: 16px;
width: 154px;
}

.portfolioSlider div.withRoll:hover{
background-position: bottom;
}

.portfolioPrev{
float: left;
background: url(../images/images.php?img=interface/thickbox/prev.gif) no-repeat top;
cursor:pointer;
}

.portfolioNext{
float: right;
background: url(../images/images.php?img=interface/thickbox/next.gif) no-repeat top;
cursor:pointer;	
}

.hidden,
#hiddenPortfolio{
display: none;
}