/*----------------
	  TAGS
-----------------*/
*{
	margin: 0;
	padding: 0;
	border: none;
}

html{
	background: none;
}

body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: none;
}

p {
	margin:5px 245px 20px 25px
}

a {  
	text-decoration: none;
	color: #000;
}
a:hover {
	color: #000;
}

a:visited{
	color: #000;
}

h1 {
	font-size: 13px;
	padding:10px 0 0 25px;
	font-weight: normal;
	color: #000;
}

h2 {
	font-size: 13px;
	padding:10px 0 0 25px;
	color: #000;
}

h3 {
	font-size: 12px;
	padding:10px 0 0 25px;
	color: #000;
}


/* client search  */
input{
	display: none;
	float:	left;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	margin: 8px 0 0 40px;
}

/* google map */
iframe{
	display: none;
	margin: 0;
	padding: 0;
}
/*----------------
	  CLASSES
-----------------*/
.clear{  
	clear: both;
}

/* page carriere */
.courriel{
		text-align: right;
		margin: 28px 5px 0 0 ;
}
	
.courriel a{
	font-family:Arial, Helvetica, sans-serif;
}



/*----------------
    STRUCTURE
-----------------*/
#allbox{  
	width: 964px;
	margin: 0;
}

#all{  
	width: 964px;
}

#header{ 
	width: 924px;
	height: 179px;
	margin:0 20px 0 20px;
}

/* header  */
#content_top{  
	display:none;
	width: 964px;
	background: none;
}

#content{  
	width: 964px;
	min-height: 500px;
	background: none;
}

/* right column */
#column_content {  
	width: 609px;
	min-height: 500px;
	float: left;
}

/* left column */
#column_secondary{ 
	display: none;
	width: 314px;
	float: left;
	background: #fff;
	margin:-20px 0 0 20px;
}

#footer{  
	display: none;
	height: 25px;
	width: 964px;
}

/*----------------
    NAVIGATION
-----------------*/
#nav{ 
	display: none;
	width: 924px;
	height: 39px;
	padding-bottom:20px;
	margin:0 20px 0 20px;
}

#nav ul {
	list-style-type: none;
	margin: 0 0 0 54px;
}

#nav li {
	float:	left;
	margin:	0;
}

#nav a#home span, a#services span, a#realisations span, a#propos_nous span, a#carrieres span, a#contact span{
	display: none;
}

/* === image nav principal ===*/
#nav a{
	display: block;
	height: 39px;
}

#nav a#home {
	width: 71px;
	background: url(../img/accueil.gif); 
}

#nav a#services {
	width: 86px;
	background: url(../img/services.gif); 
}

#nav a#realisations {
	width: 115px;
	background: url(../img/realisations.gif); 
}

#nav a#propos_nous {
	width: 96px;
	background: url(../img/propos_nous.gif); 
}

#nav a#carrieres {
	width: 93px;
	background: url(../img/carrieres.gif); 
}

#nav a#contact {
	width: 84px;
	background: url(../img/contact.gif); 
}

/*=== image nav principal active ===*/
#nav .active #home {
	display: block;
	height: 39px;
	width: 71px;
	background: url(../img/accueil_over.gif); 
}

#nav .active #services {
	width: 86px;
	background: url(../img/services_over.gif); 
}

#nav .active #realisations {
	width: 115px;
	background: url(../img/realisations_over.gif); 
}

#nav .active #propos_nous {
	width: 96px;
	background: url(../img/propos_nous_over.gif); 
}

#nav .active #carrieres {
	width: 93px;
	background: url(../img/carrieres_over.gif); 
}

#nav .active #contact {
	width: 84px;
	background: url(../img/contact_over.gif); 
}


/*=========== SUBMENU =========== */
/* ====== SUBMENU STARTS HERE ======  */
	#nav li ul {
		display: none;		
		position: relative;			
	}
	
	#nav li.active ul {
		display:	none;/*block;*/
		position:	absolute;
		top:		30px;
		left:		0;
		height:		20px;
		background-color: pink; /* SUBMENU BACKGROUND COLOR */
	}
	#nav ul ul li a {
		display:	block;
		width:		auto;
		height:		20px; /* SAME FOR HEIGHT AND LINE HEIGHT */
		line-height:20px; /* SAME FOR HEIGHT AND LINE HEIGHT */
		padding:    0 15px;
		font-size: 9px;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	
	#nav li.active ul li a {
	}
	#nav li.active ul li a:hover {
	}
	#nav li.active ul li.active a {
		
	}

	/* ====== left column menu styles ====== */
	
	#sub-menu-left ul {
		font-family:Arial, Helvetica, sans-serif;
		margin:25px 0; 
		padding:0;
	}
	#sub-menu-left li {
		text-align:right;
		list-style:none; 
		margin-bottom:0;
	}
	#sub-menu-left li a{
		display:block; 
		font:bold, 0.9em/1.7em, Arial, Helvetica, sans-serif;
		text-decoration:none;
		color:#85837e;
		list-style:none;
		padding:5px; 
	}
	#sub-menu-left li a:hover{
		color:#eb601d; 
	}
	#sub-menu-left li.active a {
		color:#eb601d; 
	}

	/* ====== left column SUB-menu styles ====== */
	#sub-menu-left ul ul{
		margin: 5px 35px 5px 0;
	}


/*---------------- COLUMN SECONDARY -----------------*/
/*  a propos / service  */
#column_secondary .bande_menu{ 
	margin:0;
	padding:0;
	width: 13px;
	height: 336px;
	position:absolute;
	top: 235px;
	left: 125px;
	background: none;
}
    
/*---------------- COLUMN CONTENT -----------------*/
#background_accueil_contact{ 
	width: 351px;
	height: 500px;
	background: none;
	float:left;
}

#content_accueil_contact{ 
	width: 593px;
	height: 228px;
	margin:0 0 0 20px;
	background: none;
	float:left;
	font-size:12px;
	color: #000;
}

#content_accueil_contact p{
	margin: 25px 0 15px 140px;
	line-height: 20px; 
	font-size: 10px;
}	

#accueil_secteurs{
	width: 613px;
	height: 200px;
	position:absolute;
	top: 228px;
	left: 0;
}

#contact_secteurs{
	width: 10px;
	height: 199px;
	position:absolute;
	top: 228px;
	left: 134px;
}

#content_accueil{  
	position:relative;
	width: 964px;
	min-height: 500px;
	background: none;
}

#column_content .services{ 
	min-height: 500px;
	background: none;
}

#column_content .services_creation{ 
	min-height: 500px;
	background: none;
}

#column_content .realisations{ 
	min-height: 500px;
	background: none;
}

#column_content .propos_nous{ 
	min-height: 500px;
	background: none;
}


#column_content .carrieres{ 
	min-height: 500px;
	background: none;
}

#column_content ul{
	background: none;
}

#column_content a{
	font-size: 11px;
	text-decoration:underline;
}

/*---------------- FOOTER CONTENT -----------------*/
#footer p{  
	float: right;
	margin-right: 20px;
	font-size: 8px;
}