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

body {
	background: #00345c;
	background-image: url(/images/background_cobia.jpg);
	background-repeat:repeat-x;
	margin-top: 11px;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;

}
#container {
	width: 949px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image:url(/images/background_cobia-content.jpg)
}
#mainContent {
	margin-top: 0px;
	background-color:#FFFFFF;
	background-image: url(/images/background_content.jpg);
	background-repeat:repeat-x;
	padding-left:0px;
	padding-right:18px;
	padding-top:0px;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;
	font-size:12px;
	min-height:300px;

}

.square_homepage {background-image:url(http://www.cobia-interactif.com/images/bg_square.png); width:305px; height:220px;  padding-left:10px; margin-right:10px; margin-top:15px; float:left; padding-top:0px; color:#FFFFFF;     }

.square_homepage h2 { color:#ffffff;}




#breadcrumb a:hover {  color:#769cc2; text-decoration:underline;}
#breadcrumb a  {  color:#3f6489; text-decoration:none;}
#breadcrumb  {  color:#79a1c9; text-decoration:none;}
#homedescription {
	border:#000000 solid 1px;
	margin-left: 18px;
	background-color:#013258;
	padding:15px;
	width:400px;
	margin-right:18px;
	float:left;
}
#homedescription p {
	color:#FFFFFF;
}
#homedescription h2 {
	color:#FFFFFF;
}
h1 {
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;
	font-size:18px;
	color:#124973;
	margin-top: 0px;
	padding-top: 14px;
	margin-left:0px;
	margin-right:0px;
	background-color:#ffffff;
	padding-bottom:5px;
	margin-bottom:0px;
	padding-left:285px;
	text-transform:uppercase;
	
}

#breadcrumb {  background-color: #ffffff;  color: #3f6489; font-family:Arial, Helvetica, sans-serif; font-size:11px;  border: 0px solid #00FF00; padding-top:0px; padding-bottom:4px;}

.MarginOn { padding-left:285px; }

.MarginOff { padding-left:20px; }

h2 {
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;
	color:#091929;
}

#content { width:500px; float:left; padding-bottom: 16px; padding-right:16px; padding-left:16px; border:0px solid #00FF33;   background-image:url(../images/bg-content.png);   }

#contenttxt {  	}

#content2 { width:750px; float:left; padding-bottom: 16px; padding-right:16px; padding-left:60px; border:0px solid #00FF33;  background-image:url(../images/bg-content.png); }

#content p, #content2 p { font-size: 1.0em; line-height: 1.3em;  font-family: Verdana, sans-serif;}



p {
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;
	font-size:14px;
	
}
.on {

	background-color: #fff79e;
	border: 1px solid #ff0000;
}
#menu_cobia {
	width:100%;
	margin-bottom:0px;
	background-color: #3070a0;
	background-image: url(/images/background_nav.jpg);
	height: 32px;
	}
#menu_cobia ul {
	margin:0px;
	list-style-position:inherit;
	margin-left:0px;
	padding:0px;
	margin-bottom:0px;
	
}
ul {
	list-style-image:url(/images/bullet.png);
	list-style-position:outside;
	margin-left:20px;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;
	font-size:12px;
	padding:0px;
}

#content li {
	margin-left:0px;
	padding-bottom:10px;
	padding-left:0px;}

#menuservices ul
	{
	margin: 0px;
	padding:0px;

	}

#menuservices li {

	background-color:#d5e2eb;
	width:240px;
	list-style-image:none;	
	margin:1px;
	display:block;
	opacity:1.0;filter:alpha(opacity=100);
	padding-left: 8px;
	}



.MenuServicesNone  {
	display:none;
	 }

.MenuServicesBlock {
	background-color:#000033;
	position:absolute;
	top:180px; 
	margin-left:65px;
	display:block;
	 }

#menuservices {
	padding-top: 0px;
	margin-left:0px;
	display:block;
	float:left;
	margin-right:16px;
	margin-left:16px;
/*	margin-top:-67px; */
	margin-top:0px; 	
	}
		



#menuservices li:hover
	{
	background-color:#3774a1;
	color:#FFFFFF;
	opacity:1.0;filter:alpha(opacity=100);
	}
		
#menuservices li a:hover

	{
	text-decoration:none;
	color:#FFFFFF;
	display: block;
	font-weight:bold;
	padding:3px;
	}

#menuservices li  a
	{
	text-decoration:none;
	color:#0c456d;
	display: block;
	padding: 3px;
	}

.SubMenuOn a 
	{
	background-color:#124973;
	color:#FFFFFF;
	opacity:1.0;filter:alpha(opacity=100);
	text-decoration:none;
	display: block;
	font-weight:bold;
	padding:3px;
	}

#menuservices  .SubMenuOn a

	{
	text-decoration:none;
	color:#FFFFFF;
	display: block;
	font-weight:bold;
	padding:3px;
	}

#menuservices  .SubMenuOn, #menuservices  .SubMenuOn:hover
	{
	background-color:#124973;
	color:#FFFFFF;
	opacity:1.0;filter:alpha(opacity=100);
	}

li a {
	color:#055593;
	padding-left: 5px;
	text-decoration:none;
}
li a:visited {
	color:#778695;
5px;
}
li a:hover {
	color:#053b73;
	text-decoration:underline;
}
li {
	border:0px solid #000033;
	margin-bottom:5px;
}
/* Footer css */

#footer {
	background-color:#1b6197;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;
	font-size:10px;
	margin-top:3px;
	padding:5px;
	padding-left:15px;
	color : #ffffff;
}
#footer a {
	color:#FFFFFF;
}
/* Menu css */

	.menuv2 li {
	display: block;
	float:left;
	list-style-type:none;
	overflow:hidden;
	margin-bottom:0px;
}
.menuv2 li a {
	margin:0px;
	float:left;
	display: block;
	padding-top: 32px;
	width:100%;
}
#accueil {
	background-image:url(/images/cobia-accueil.jpg);
	width:84px;
	height:32px;
	margin-right:1px;
}
#accueil:hover {
	background-image:url(/images/cobia-accueilOn.jpg);
}
#accueilon {
	background-image:url(/images/cobia-accueilOn.jpg);
	width:84px;
	height:32px;
	margin-right:1px;
}
#services {
	background-image:url(/images/cobia-services.jpg);
	width:86px;
	height:32px;
	margin-right:1px;
}
#services:hover {
	background-image:url(/images/cobia-servicesOn.jpg);
}
#serviceson {
	background-image:url(/images/cobia-servicesOn.jpg);
	width:86px;
	height:32px;
	margin-right:1px;
}
#portefolio {
	background-image:url(/images/cobia-portefolio.jpg);
	width:93px;
	height:32px;
	margin-right:1px;
}
#portefolio:hover {
	background-image:url(/images/cobia-portefolioOn.jpg);
}
#portefolioon {
	background-image:url(/images/cobia-portefolioOn.jpg);
	width:93px;
	height:32px;
	margin-right:1px;
}
#emplois {
	background-image:url(/images/cobia-emplois.jpg);
	width:82px;
	height:32px;
	margin-right:1px;
}
#emplois:hover {
	background-image:url(/images/cobia-emploisOn.jpg);
}
#emploison {
	background-image:url(/images/cobia-emploisOn.jpg);
	width:82px;
	height:32px;
	margin-right:1px;
}
#liens {
	background-image:url(/images/cobia-liens.jpg);
	width:59px;
	height:32px;
	margin-right:1px;
}
#liens:hover {
	background-image:url(/images/cobia-liensOn.jpg);
}
#lienson {
	background-image:url(/images/cobia-liensOn.jpg);
	width:59px;
	height:32px;
	margin-right:1px;
}
#contact {
	background-image:url(/images/cobia-contacteznous.jpg);
	width:137px;
	height:32px;
	margin-right:1px;
}
#contact:hover {
	background-image:url(/images/cobia-contacteznousOn.jpg);
}
#contacton {
	background-image:url(/images/cobia-contacteznousOn.jpg);
	width:137px;
	height:32px;
	margin-right:1px;
}
#blink {
	background-image:url(/images/background_nav.jpg);
	width:579px;
	height:32px;
}

/* lightbox form css */

.formstar { color:#FF6600;}

#filter
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #042c5a;
	z-index:10;
	opacity:0.7;
	filter: alpha(opacity=50);
}


#box 
{
	display: none;
	position: absolute;
	top: 200px;
	width: 350px;
	height: 300px;
	padding: 15px;
	margin:0;
	border: 1px solid black;
	background-color: white;
	z-index:101;
	overflow: none;
	color:#2e6e9e;
}

#boxtitle
{
	z-index:102;
	position:absolute;
	float:center;
	top:0;
	left:0;
	width:380px;
	height:24px;
	padding:0;
	padding-top:4px;
	left-padding:8px;
	margin:0;
	border-bottom:4px solid #89c0fd;
	background-color: #0078ff;
	color:white;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}