/*
	TO ALL
------------------------------------*/
*
{
   	padding:0;
	margin:0;
	border: 0;
}
/*
	GENERIC
------------------------------------*/
html{
	min-height: 100%;
	height: auto;		
}
body {
	background:#0d0603 url(../images/nomad-bg.jpg) center top no-repeat;
	text-align:center;
	width:100%;
	margin:0 0px 0 0px;
	vertical-align:top;
	font-family: arial, sans-serif;
}
h1{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}
.endl{
	clear:left;
	line-height:1px;
	height:1px;
}
/*
	MAIN
------------------------------------*/
#main-holder{
	width:940px;
	display:table;
	margin:0 auto;
	text-align:center;	
	/*border:1px solid #ff0000;*/
}
#logo-main{
	float:left;
	width:300px;		
}
/*
	HEADER
------------------------------------*/
#header-holder{
	width:100%;
}
/* header-top */
#header-top{
	width:100%;	
	margin:15px 0 0 0;
	/*border:1px solid #ff0000;*/	
	font-size:9px;
	height:12px;
	line-height:12px;
	font-family:arial, sans-serif;
	color:#5b879e;
	text-transform:uppercase;
}
#header-top ul{	
	list-style: none;
	float:right;	
}
#header-top ul li{
	/*letter-spacing: 140%;*/
	margin:0 7px 0 7px;
	float:left;
}
#header-top li a{
	color:#5b879e;
	text-decoration:none;
}
#header-top li a:hover{
	color:#ffffff;
	text-decoration:none;
	background-color:#5b879e;
}
/* header-main */
#header-main{
	vertical-align:bottom;
	height:67px;
	line-height:67px;
	text-align:left;
	/*border:1px solid #ff0000;*/
	margin:50px 0 0 30px;	
}
#header-main h1 a{
	vertical-align:top;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	color:#000000;
	line-height:100%;
	
	text-decoration:none;
}
#header-main h2 a{
	vertical-align:top;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	line-height:100%;
	font-size:11px;
	font-weight:normal;
	color:#5b879e;
	text-decoration:none;
}
#header-main ul{	
	position:relative;	
	vertical-align:bottom;
	float:left;
	list-style: none;		
}
#header-main ul li{		
	float:left;
	vertical-align:bottom;
	margin:0px 10px 0px 10px;
	padding:40px 0 2px 5px;
}
#header-main li:hover{	
	cursor:pointer;
	background:url(../images/nomad-main-menu-over.gif) right 0px no-repeat;
}
#header-main ul div{	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:100%;
	display:block;
	border-left:2px solid #cfcdcd;
}
/*
	CONTENT
------------------------------------*/
#content-holder{	
	width:100%;
	height:650px;
	text-align:center;
}
/* NEWS : DETAIL */


#news-detail-holder{	
	display:block;
	float:left;
	width:528px;
	height:660px;
	text-align:left;	
	/*border-left:1px dashed #5b879e;*/
	/*border:1px dashed #5b879e;*/
}
#news-detail-holder h1,#news-listing-holder h1{	
	font-weight:bold;
	text-transform:uppercase;
	font-family:verdana;
	color:#5b879e;
	font-size:11px;
	margin:0 0 0 10px;	
}
#news-detail-holder h2,#news-listing-holder h2{	
	display: inline; 
	font-weight:bold;
	text-transform:uppercase;
	font-family:verdana;
	color:#000000;
	font-size:11px;
	margin:0 0 0 10px;	
}
#news-detail-holder span,#news-listing-holder span{
	font-weight:normal;
	font-style:italic;
	font-family:arial,sans-serif;
	color:#5b879e;
	font-size:12px;
	margin:0 0 0 10px;	
}
#news-detail-holder .media-wrapper{	
	width:478px;
	height:273px;
	margin:25px 0 0 55px;
	text-align:left;	
	background:url(../images/nomade-frame-content.jpg) left top no-repeat;
	/*border-left:1px dashed #5b879e;*/
	/*border:1px dashed #5b879e;*/
}

#news-detail-holder .frame{		
	width:100%;
	height:240px;
	padding:12px 0 0 12px;
	text-align:left;
	/*border-left:1px dashed #5b879e;*/
	/*border:1px dashed #5b879e;*/
}

#news-detail-holder .media-paging{
	float:right;	
	/*height:15px;*/
	/*margin:0px 70px 0px 0;*/
	padding:0px 0 0px 0;
	text-align:right;
	/*border:1px dashed #5b879e;*/
}
#news-detail-holder .media-paging ul{
	display: block;
	margin:0px 70px 0px 0;
	padding:0px 0 0px 0;
	list-style:none;
	height:9px;
}
#news-detail-holder .media-paging li{	
	float:left;
	margin:3px 0px 0px 2px;
	padding:0px 0 0px 0;
	border:1px solid #9d5000;
	width:15px;
	height:9px;
}
#news-detail-holder .media-paging li:hover{	
	cursor:pointer;	
}
#news-detail-holder .media-paging span{
	display:block;
	width:15px;
	height:9px;	
	line-height:9px;
}
#news-detail-holder .media-paging span:hover{
	display:block;
	cursor:pointer;
	background-color:#9d5000;
	margin:1px 1px 1px 1px;
	width:13px;
	height:7px;	
	line-height:7px;
}
#news-detail-holder span.media-paging-over{
	display:block;
	background-color:#9d5000;
	margin:1px 1px 1px 1px;
	width:13px;
	height:7px;
}
#news-detail-holder .content-wrapper{	
	width:419px;	
	margin:0 0 0 50px;
	text-align:left;	
}

#news-detail-holder .texte{
	margin:10px 0 0 10px;	
}
#news-detail-holder .teaser{
	font-style:italic;
	font-weight:bold;
	font-size:11px;
}
#news-detail-holder .note{
	color:#666666;	
}
#news-detail-holder .content-wrapper p{
	font-size:10px;
	margin:10px 0 5px 0;	
}
/* NEWS : COMPLETE LISTING */
#news-listing-holder{	
	float:left;
	width:407px;
	height:650px;
	text-align:left;	
	/*border-left:1px dashed #5b879e;*/
	/*border:1px dashed #5b879e;*/
}
#news-listing-holder .wrapper{	
	margin:25px 0 0 0;
	padding:0 0 0 10px;
	text-align:left;	
	border-left:1px dashed #5b879e;
}
#news-listing-holder .item-holder{
	width:380px;
	/*height:85px;*/
	margin:20px 0 0 0;
}
#news-listing-holder .item-holder div{
	font-weight:normal;
	font-family:arial,sans-serif;
	color:#000000;
	font-size:11px;
	margin:0 0 0 10px;
}
#news-listing-holder .navigation{
	width:380px;
	height:55px;
	margin:0px 20px 0 20px;
	/*background:url(../images/nomad-realisation-nav-bg.png) center top repeat-x;*/
}
#news-listing-holder .navigation-wrapper{
	width: 100%;
	text-align:center;
	
}
#news-listing-holder .navigation-droite{
	float:right;
	width:26px;
	height:26px;
	margin:22px 0px 0px 0px;
	height:65px;
}
#news-listing-holder .navigation-gauche{
	float:left;
	width:26px;
	height:26px;
	margin:22px 8px 0px 0px;
	height:65px;
}
#news-listing-holder .teaser{
	font-size:11px;
	font-weight:bold;
	margin:0px 0 20px 0;	

}
#news-listing-holder .note{
	font-size:9px;
	margin:20px 0 5px 0;	

}
#news-listing-holder .note a{
	color:#666666;
	text-decoration:none;
}
#news-listing-holder .note a:hover{
	background:#d4e0e6;
}
/* FOLIO */
#folio-holder{	
	width:100%;
	text-align:center;
	padding:0 0 10px 0;
	/*height:415px;*/
	background:url(../images/spliter-hz-folio.gif) bottom center no-repeat;
}
#folio-holder .frame{		
	/*position:relative;*/
	width:830px;
	text-align:center;
	margin:10px auto 0px auto;
	padding:27px 0 0px 40px;
	height:344px;
	z-index:20;
	background:url(../images/nomade-frame-realisation.png) center center no-repeat;
}
#folio-holder .content{
	text-align:left;	
	/*position:relative;*/
	z-index:10;
	float:left;	
	width:338px;
	height:305px;
	/*background:url(../images/dot-electronique-folio-bg.gif) center no-repeat;*/
	background:url(../images/fete-du-canada-400-quebec-b.gif) center no-repeat;
}
#folio-holder .content-wrapper{
	margin:25px 30px 0px 25px;	
}
#folio-holder .content h1{
	color:#ffffff;
}
#folio-holder .content h2{
	color:#ffffff;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}
#folio-holder .content a{
	text-decoration:none;
}
#folio-holder .content h3{
	color:#ffffff;
	font-size:12px;
	font-weight:normal;
	font-style:italic;
}
#folio-holder .text{
	color:#ffffff;
	font-size:12px;
	line-height:17.82px
}
#folio-holder .technologies{
	width:100%;
	border-top:1px solid #ba5f00;
	border-bottom:1px solid #ba5f00;
	margin:10px auto;
	font-size:8px;
	font-weight:normal;
	color:#ffffff;
	line-height:10px;
	font-family: Verdana;
	text-transform:uppercase;
}
#folio-holder .technologies-button{
	float:right;
	margin:13px 10px 0 0;
	width: 16px;
	height:16px;	
}
#folio-holder .technologies-button:hover{
	cursor:pointer;
	margin:13px 10px 0 0;
}
#folio-holder .technologies-wrapper{
	display:table;
	margin:10px 0 10px 15px;
}
#folio-holder .technologies ul{
	display: block;
	list-style:none;
	position:relative;	
	color:#ffffff;
	font-size:10px;
	text-transform:uppercase;
}
#folio-holder .technologies li{
	float:left;
	padding:0 5px 0 0;
	font-weight:normal;
}
#folio-holder .media-paging{	
	float:right;
	margin:0px 0 0px 0;
	padding:0px 0 0px 0;
	text-align:right;
}
#folio-holder .media-paging ul{
	display: block;
	margin:0px 0 0px 0;
	padding:0px 0 0px 0;
	list-style:none;
}
#folio-holder .media-paging li{	
	float:left;
	margin:0px 0px 0px 2px;
	padding:0px 0 0px 0;
	border:1px solid #9d5000;
	width:15px;
	height:9px;	
}
#folio-holder .media-paging li:hover{	
	cursor:pointer;	
}
#folio-holder .media-paging span{
	display:block;
	width:15px;
	height:9px;	
	line-height:9px;
}
#folio-holder .media-paging span:hover{
	display:block;
	cursor:pointer;
	background-color:#9d5000;
	margin:1px 1px 1px 1px;
	width:13px;
	height:7px;	
	line-height:7px;
}
#folio-holder span.media-paging-over{
	display:block;
	background-color:#9d5000;
	margin:1px 1px 3px 1px;
	width:13px;
	height:7px;
}
#folio-holder .media{
	/*position:relative;*/
	z-index:30;	
	/*border:1px solid #ff0000;*/
	float:left;
	width:455px;
	height:305px;
	/*background:url(../images/dot-electronique-folio-m.gif) center no-repeat;*/
	/*background:url(../images/fete-du-canada-400-quebec-m.gif) center no-repeat;*/
}
#folio-holder .navigation{
	position:relative;
	z-index:30;
	width:826px;
	height:55px;
	margin:-25px auto 0px auto;
	text-align:center;
	background:url(../images/nomad-realisation-nav-bg.png) center top repeat-x;
	
	/*background:#ff0000;*/	
}
#folio-holder .navigation-wrapper{
	width: 625px;
	text-align:center;
	margin:0px auto;
}
#folio-holder .navigation-droite{
	float:left;
	width:26px;
	height:26px;
	margin:22px 0px 0px 0px;
	height:65px;
}
#folio-holder .navigation-gauche{
	float:left;
	width:26px;
	height:26px;
	margin:22px 8px 0px 0px;
	height:65px;
}
#folio-holder .navigation-items-holder{
	margin:10px 0 0 0;
	float:left;
	width:565px;
	height:65px;
}
#folio-holder .navigation-item-holder{
	float:left;
	margin:0 0px 0 10px;
	width:80px;
	height:50px;
	text-align:center;
	background:url(../images/nomad-realisation-nav-item-bg.gif) center top no-repeat;		
}
#folio-holder .navigation-item-wrapper{
	/*position:relative;*/
	z-index:100;
	border:solid #000000 2px;
	width:70px;
	height:39px;
	margin:3px auto 3px auto;
	background-color:#000;
}
#folio-holder .navigation-item-img{
	/*position:relative;*/
	z-index:5;
	border:solid #fff 2px;
	margin:3px 0 3px 0;
}
/* NEWS */
#news-holder{
	width:823px;
	text-align:center;
	margin:0px auto;
	padding:0px;
	/*border:1px solid #ff0000;*/
}
#news-holder h1{
	font-weight:bold;
	text-transform:uppercase;
	font-family:verdana;
	color:#5b879e;
	font-size:11px;
	margin:0 0 5px 10px;
}
#news-holder h2{
	display: inline; 
	font-weight:bold;
	font-family:arial,sans-serif;
	color:#000000;
	font-size:12px;
	margin:0px 5px 0 0;
	padding:0px;
}

#news-holder .news-items-holder{	
	float:left;
	width:555px;
	text-align:left;
}
#news-holder .news-item-holder{
	margin:0px 10px 0 10px;
	text-align:left;
}
#news-holder .news-item-wrapper{
	margin:0px 0 0 0;
}
#news-holder .news-item-holder span{
	font-weight:normal;
	font-style:italic;
	font-family:arial,sans-serif;
	color:#5b879e;
	font-size:12px;
}
#news-holder .news-item-holder div{
	font-weight:normal;
	font-family:arial,sans-serif;
	color:#000000;
	font-size:11px;
}
#news-holder .news-item-holder a{
	color:#000000;
	font-size:12px;
	line-height:17.96px;
	font-family:arial,sans-serif;
	text-decoration:none;
}
#news-holder .news-item-holder a:hover{
	background:#d4e0e6;
}
/* SERVICES */
#news-holder .services-holder{
	float:left;
	width:265px;
	text-align:left;
	border-left:1px dashed #5b879e;
	
}
#news-holder .services-wrapper{
	margin:0 0 0 10px;	
}
#news-holder ul{
	display: block;
	margin:10px 0 0 0;	
	list-style:none;
	position:relative;	
	color:#000000;
	font-size:12px;
	line-height:17.96px;
}
#news-holder li:hover{
	cursor:pointer;
	background:#d4e0e6;
}
/*
	FOOTER
------------------------------------*/
#footer-holder{
	width:100%;
	text-align:center;
	margin:0px auto;
	display:inline;
}
#footer-holder h1{
	color:#ffffff;
	font-size:9px;
	line-height:16px;
	text-transform:uppercase;
}
#footer-holder .wrapper{
	width:823px;
	text-align:center;
	margin:30px auto;
	/*border:1px solid #fff;*/
}
#footer-holder ul{
	width:170px;
	float:left;
	text-align:left;
	list-style:none;
	position:relative;	
	color:#ffffff;
	font-size:9px;
	line-height:16px;
	text-transform:uppercase;
}
#footer-holder ul li a{
	color:#ffffff;
	text-decoration:none;
}
#footer-holder ul li a:hover{
	text-decoration:underline;
}
#footer-holder .clients-holder{
	float:left;
	vertical-align:top;
	margin:0px auto;
	width:650px;
	text-align:left;	
}
#footer-holder .clients-wrapper{
	display:table;
	width:100%;
	border-top:1px solid #524033;
	border-bottom:2px solid #524033;
}
#footer-holder .clients-holder ul{
	padding:10px 0 10px 0;
	width:650px;
	text-align:left;
	list-style:none;
	position:relative;	
	color:#524033;
	font-size:11px;
	line-height:12px;	
}
#footer-holder .clients-holder ul li{
	float:left;
	width:160px;	
	text-transform:none;
}