@charset "utf-8";
/* CSS Document */



body {
	background-color: #00000;
	margin:0;padding:0; 
	
	

}

.wrapper {
	width: 100%;
	float:none;
	text-align: center;

}
.clear {
	clear: both;

}
.menumain {
	width: 100%;
	height:80px;
	background-position: 50% 50%;
	background-repeat:no-repeat;
	float:none;
	text-align: center;
	position:relative;
	padding-top:20px;
	padding-bottom:40px;
	  z-index:2;

}

.main_content {
	width: 70%;
	background-position: 50% 50%;
	background-repeat:no-repeat;
	float:none;
	text-align: center;
	position:relative;
	padding-top:0px;
	margin:auto;
}
.wrapper_center {
	width: 1000px;
	background-position: 50% 50%;
	background-repeat:no-repeat;
	float:none;
	text-align: center;
	position:relative;
	padding-top:0px;
	padding-left:20px;
	margin:auto;
}

.wrapper_projects {
	width: 230px;
	height:80px;
	background-position: 50% 50%;
	background-repeat:no-repeat;
		  float: left;
	text-align: center;
	padding-top:0px;
	padding-left:20px;
	margin:auto;
		position:relative;
}
.wrapper_footer {
	width: 100%;
	height:240px;
	background-color:#1F1F1F;
	float:none;
	text-align: center;
	position:relative;
	padding-top:0px;
		margin:auto;

}
.wrapper_footermenu{
	width:900px;
	text-align: center;
	padding-top:0px;
	padding-left:100px;
	padding-right:0px;
	margin:auto;
	position:relative;
}

.wrapper_footerbox{
	width:170px;
	float: left;
	text-align: left;
	padding-top:0px;
	padding-left:15px;
	padding-right:15px;
	margin:auto;
	position:relative;
}
.wrapper_footerbox_shadow{
	width: 100%;
	height:58px;
		float:none;
	background-image:url(http://www.ubiquemedia.com/img/shadow_bottom.png);
	text-align: center;
	position:relative;
	padding-top:0px;
		margin:auto;
}

.wrapper_top_shadow{
	width: 100%;
	height:85px;
	background-image:url(http://www.ubiquemedia.com/img/shadow_top.png) ;
  text-align: center;
  position: fixed;
  z-index:1;


}
/*MENU ITEM////////////////////////////*/


	#menu_projects ul {list-style:none;margin:0;padding:0;}
	#menu_projects li {list-style:none;float:left;margin:0;padding: 1px 4px;text-align:left;}
	#menu_projects li a {list-style:none;display:block;padding:2px 20px 2px 13px;height:100%;color:#FFF;text-decoration:none; letter-spacing:0.1px;	font-size: 11.3px; font-family:Tahoma; }
	#menu_projects a {background:url(../images/bg_fade.jpg) ;}
	#menu_projects a:hover {color:#000}



.wrapper_menusub {
	width:800px;
	height:35px;
	float:none;
	text-align: center;
	position:relative;
	margin-bottom:20px;
	
	}
.footer_menuitem {
	font-size: 11px;
	font-family:Tahoma;
	list-style:none;
	color:#757575;
	padding-left:3px;
	line-height:13px;
	display:block;
	}
.footer_menuitem a {
	color:#757575;
	text-decoration:none;
	}
.footer_menuitem a:hover {
	color:#FFF;
	text-decoration:none;
	}
/* MAIN MENU BUTTON////////////////////////////*/
#nav {
padding: 0px;
width: 700px;
margin:0px auto;
}
#mainnav {
margin: 0px;
padding: 0px;
list-style-image: none;
list-style-type: none;
}
#mainnav li {
padding: 0px;
float: left;
margin:0px 3px 0px 0px;
}
#mainnav li a:link, #mainnav li a:visited, #mainnav li a:active {
color: #333;
text-decoration: none;
margin: 5px;
display: block;
float: left;
padding-top:6px;
padding-bottom:9px;
padding-left:10px;
padding-right:10px;
height: 32px;
text-align: center;
}
#mainnav li a:hover {
text-decoration: none;
background-color:#333;
}
#mainnav li a.active:link, #mainnav li a.active:visited, #mainnav li a.active:active, #mainnav li a.active:hover {
text-decoration: none;
background-color:#333;
} 


/*DIVERS TITRES POUR PLACEMENT SIFR*/


.title1 {
	height:61px;
	width:600px;
	background-color:#dcdcdc;
	float:left;
	text-align: center;
	position:relative;
	margin-bottom:20px;
	margin-right:auto;
}
.title2 {
	height:61px;
	min-width:500px;
	background-image:url(http://www.ubiquemedia.com/img/bgtrans_blanc.png);
	float:left;
	text-align: center;
	position:relative;
		padding-left:15px;
	margin-bottom:20px;
	margin-right:auto;

}
.title3 {
		width:auto;
	float: left;
	text-align: left;
	background-image:url(http://www.ubiquemedia.com/img/bgtrans_blanc.png);
	padding-top:15px;
	padding-left:15px;
	padding-bottom:15px;
	padding-right:30px;
	margin:auto;
	position:relative;

}
.title4 {
		width:auto;
	float: left;
	text-align: left;
	background-image:url(http://www.ubiquemedia.com/img/bgtrans_noir.png);
	color:#FFF;
	
	padding-top:12px;
	padding-left:15px;
	padding-bottom:12px;
	padding-right:10px;
	margin-top:5px;
	position:relative;
	}
.title5 {
		width:auto;
	float: left;
	text-align: left;
	background-image:url(http://www.ubiquemedia.com/img/bgtrans_noir.png);
	color:#FFF;
	
	padding-top:4px;
	padding-left:15px;
	padding-bottom:4px;
	padding-right:0px;
	margin-top:5px;
	position:relative;
	}
.title6 {
		width:auto;
	float: left;
	text-align: left;
	color:#FFF;
	
	padding-top:4px;
	padding-left:22px;
	padding-bottom:4px;
	margin-top:8px;
	position:relative;

}

.title7 {
		width:auto;
	float: left;
	text-align: left;
	color:#FFF;
	
	padding-top:2px;
	padding-left:22px;
	padding-bottom:4px;
	margin-top:8px;
	position:relative;

}
.title8 {
		width:600px;
	float: right;
	text-align: right;
	background-image:url(http://www.ubiquemedia.com/img/bgtrans_blanc3.png);
	color:#FFF;	
	padding-top:12px;
	padding-left:60px;
	padding-bottom:12px;
	padding-right:-20px;
	margin-top:5px;
	position:relative;

}
	
.title9 {
		width:auto;
	float: right;
	text-align: right;
	color:#FFF;
	
	padding-top:4px;
	padding-left:22px;
	padding-bottom:4px;
	margin-top:8px;
	position:relative;

}

.title10 {
		width:auto;
	float: right;
	text-align: right;
	color:#FFF;
	
	padding-top:2px;
	padding-left:22px;
	padding-bottom:4px;
	margin-top:8px;
	position:relative;



}
.title11 {
	float: right;
	text-align: right;

	margin-top:5px;




}
.profile_submenu {
	width:100%;
	background-image:url(http://www.ubiquemedia.com/img/bgtrans_noir.png);
	text-align: left;
	padding-top:10px;
	padding-left:15px;
		padding-bottom:5px;
	padding-right:30px;
	position:relative;
	
	}
.profile_wrapper {
	width:500px;
	float:left;

}
.content_box1 {
	width:500px;
	padding-left:20px;
	padding-right:20px;
	  float: left;
	  text-align: justify;
	background-color:#dcdcdc;

	
 	}

.content_box2 {
	width:665px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:33px;
	  float: left;
	  background-image:url(http://www.ubiquemedia.com/img/bgtrans_blanc2.png);


}
.gallery ul{

list-style:none;margin:0;padding:0;


}
.gallery li a{

    text-align:left;
	list-style:none;
	display:block;
	float:left;
	margin-right:7px;
	margin-left:7px;
    border: 3px solid #ccc; 
}

.gallery li a:hover{
    border: 3px solid #232323; 

}
.paragraph {
	font-size: 12px;
}
.paragraph li{
	width:320px;
	list-style:none;
	display:block;
	float:left;
	padding-right:10px;
}

/*PORTFOLIO////////////////////////////*/

.projets_description {
	width:100%;
	float: left;
	text-align: justify;
  	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:13.8px;
	padding-bottom:30px;


}
.projets_description li {
padding-top:30px;


}
.client_list{
	text-align:justify;
	padding-left:0px;
	}
	.client_list li{
	padding: 1px 4px;
}

	
	.client_list ul {list-style:none;margin:0;padding:0;}
	.client_list li {list-style:none;float:left;margin:0;padding: 2px 10px 2px 0px;text-align:left;}
	.client_list li a {list-style:none;display:block;padding:4px 5px 4px 3px;height:100%;width:200px;color:#FFF;text-decoration:none; letter-spacing:0.1px;	font-size: 11.3px; font-family:Tahoma;color:#FFF; }
	.client_list a {background-color:#000; ; color:#FFF;}
	.client_list li a:hover {background-color:#fff; ;  color:#000;}
	
	

	

.type_list{
	text-align:justify;
	padding-left:0px;
	}
	.type_list li{
	padding: 1px 4px;
	
}

	
	.type_list ul {list-style:none;margin:0;padding:0;}
	.type_list li {list-style:none;float:left;margin:0;padding: 3px 10px 0px 0px;text-align:left;}
	.type_list li a {list-style:none;display:block;padding:4px 5px 4px 3px;height:100%;width:200px;color:#FFF;text-decoration:none; letter-spacing:0.1px; letter-spacing:-0.15px;	font-size: 19.3px; font-family:Helvetica, Arial, sans-serif;color:#FFF; }
	.type_list a {	background-color:#000; color:#FFF;font-family:Helvetica, Arial, sans-serif;letter-spacing:-0.15px; font-weight:bold;	}
	.type_list a:hover {background-color:#FFF; ; color:#000;
	
	
	
	

}
#service_list {
margin: 0px;
padding: 0px;
list-style-image: none;
list-style-type: none;
}
#service_list li {
list-style:none;float:left;margin:0;padding: 3px 10px 0px 0px;text-align:left;
}
#service_list li a:link, #service_list li a:visited, #service_list li a:active {
list-style:none;display:block;padding:4px 55px 4px 8px;height:100%;color:#FFF;text-decoration:none; letter-spacing:0.1px; letter-spacing:-0.15px;	font-size: 20px; font-family:Helvetica, Arial, sans-serif;color:#FFF; 
}
#service_list a {background:#000 ; color:#FFF;font-family:Helvetica, Arial, sans-serif;letter-spacing:-0.15px; font-weight:bold;	}

#service_list li a:hover {
background-color: #DCDCDC; color:#000;
}
#service_list li a.active:link, #service_list li a.active:visited, #service_list li a.active:active, #service_list li a.active:hover {
background-color: #DCDCDC; color:#000;
} 
	
	.projets_titre{font: 1em Baskerville, "Book Antiqua", Georgia, serif; font-weight:900;}

.description{
	text-align:justify;
	padding-left:0px;
	}
	.description li{
	padding: 1px 4px;

}

	
	.description ul {list-style:none;margin:0;padding:0;}
	.description li {list-style:none;float:left;margin:0;padding: 3px 4px;text-align:left;}
	.description li a {list-style:none;display:block;padding:4px 5px 4px 3px; margin-top:18px;height:100%;width:200px;color:#000;text-decoration:none; letter-spacing:0.1px;	font-size: 11.3px; font-family:Tahoma;color:#000; }
	.description a {background-color:#FFF; color:#000;}
	.description a:hover {background-color:#000; color:#FFF;}
	
	
	.video_box {
	
    width:620px;
	border:thin;
	border-style:solid;
	border-color:#CCC;
	border-width:3px;
	border-bottom-width:1px;
	text-align:center;
	background-color:#CCC;
	margin:auto;
	}
	
	/*AUTRE////////////////////////////*/

	.spacer {
		height:10px;
	}
	
	.citation_gauche {
		width:auto;
	float: left;
	text-align: left;
	color:#FFF;
	padding-left:40px;
	
	}
	
	.citation_droite {
		width:800px;
	float: left;
	text-align: left;
	color:#FFF;
	text-transform:uppercase;
}

	.projets_recents {
	float: center;
	text-align: center;
	color:#FFF;
	text-transform:uppercase;
	padding-left:60px;

}
	.align_right {
	float: right;
	text-align: right;


}
	/* LOGIN FIELDS////////////////////////////*/

.login_field {
	font-size: 12px;
	width:99px;
	height:16px;
	border:0px;
    border-style:hidden; margin: 6px 0 0px 0; background-image:url(http://www.ubiquemedia.com/img/inputfield_bg.png);
	padding-left:7px;
	padding-top:1px;
	color:#FFF;
	}
	
	.login_field:focus{
    background-image:url(http://www.ubiquemedia.com/img/inputfield_bg2.png); color:#333;
	}
	.submit_btn {
	font-size: 10px;
	width:90px;
	height:15px;
	margin-left:6px;
		border:0px;
    border-style:hidden; margin: 6px 0 0px 0; background-color:#4f4f4f;
	padding-left:7px;
	padding-bottom:3px;
	color:#CCC;
	}
	.submit_btn:hover {
		color:#333;
    background-color:#dbdbdb;

	}


	
-->