@charset "UTF-8";
@import url("ozbase.css");
@import url("jquery.jcarousel.css");
@import url("skin.css");


div.Ie6  {
padding:1em;
background-color:#333;
font-size:14px;
}



/* --- STYLES OZDESIGN --- */
#global, #footer { 
	width:945px;
  	margin: 0 auto;
}

#global {padding-top:40px;}

.clear {clear: both;}


/* HAUT */

div#haut span.logo {
	background:url(../img/logo.gif) no-repeat top left;
	width: 95px; height: 95px;
	float:left;
	margin:10px 0 0 3px;
}

		.ie6 div#haut span.logo, .ie7 div#haut span.logo {margin-top:1px;}


div#haut .phraseoz { 
    width:545px; height:171px;
	margin-left:20px;	
	float:left;
} 
		.ie6 div#haut .phraseoz, .ie7 div#haut .phraseoz {margin-top: -28px;}
		.ff2 div#haut .phraseoz {margin-top: -45px;}
 
div#haut .phraseoz img { 
    width:  534px; height: 171px;
}

#nav, #nav ul{
	float:right;
	padding:7px;
	margin-right:-2px;
}
		.ie6 #nav ul {margin:14px 0 0px -78px; }
		.ie7 #nav ul {margin:17px 0 0px -74px;}

#nav a {
	color:#666;
	margin:8px;
}

#nav .pointer {cursor:default;}

ul#nav a:hover, ul#nav li.current a {color:#666; border-top: 4px solid #00A0AF; padding-top:8px;}

#nav li {
	float:left;
	margin-left:3px;
}

#nav ul {
	position:absolute;
	display:none;
}
		.ie6 #nav ul {width:170px;}

#nav li ul.smenu a {
	background-color: #00A0AF;
	color: #fff;
	float:left;
	margin: 1px 5px 0 0;
	padding: 7px;
	border:none;
}

#nav li ul.smenu a:hover, #nav li ul.smenu .current_sousmenu a {background-color:#72C7D2;}
 

/* CENTRE */
div#centre {height:520px; margin-top:-20px;}



/* SECTION : ACCUEIL */

div.accueil h1, div.services h1, div.portfolio h1, div.apropos h1 {
	font-size: 10px;
	color: #666;
	padding:30px 0px 10px 1px;
	margin: 0 15px;
	border-bottom: 1px dotted #72C7D2;
}


div.accueil .col_acc, div.services .col_serv {
	width:287px;
	float:left;
	margin:0 14px 0 14px;
}

div.accueil .col_acc h2 a, div.services .col_serv h2 a {
	float: left;
	width:270px;
	font-size: 10px;
	padding:8px;
	color: #fff;
	margin-top:17px;
	background-color:#666;
}

div.accueil .col_acc h2 a:hover, div.services .col_serv h2 a:hover {background-color:#00A0AF; color:#fff;}


/* SECTION : ACCUEIL - boxgrid */
div.accueil .boxgrid {
	width: 286px; 
	height: 287px; 
	margin:18px 13px 13px 0px; 
	float:left;
	border: 1px solid #fff;
	overflow: hidden; 
	position: relative; 
}
		

div.accueil .boxgrid img {
	position: absolute; 
	top: 0; left: 0; 
	border: 0; 
}

div.accueil .boxgrid p {  
	color:#9E9E9E; 
}

div.accueil .boxgrid a {color:#00A0AF;}  div.accueil .boxgrid a:hover, div#bas a:hover {text-decoration:underline;}

div.accueil .boxgrid p, li.titreprojet p.type {font-size: 14px;}

div.accueil .boxgrid h3 {
	color:#333;
	font-size:27px;
	font-weight:bold;
	width:130px;
	margin-left:-5px;
}



/* SECTION : SERVICES */


div.services .col_serv h2 {float:left;}


div.services .col_serv li {
	font-size:9px;
	color:#444;
	line-height:1.5;
}

div.services .col_serv li {margin-left:-30px;}

div.services .col_serv h2 {margin-bottom:20px;}




/* SECTION : A PROPOS */

div.apropos img {
	border:none;
	width:443px; height:287px;
	float:left;
	padding:15px;
}

div.apropos .col_propos {padding-top:15px;}
		
div.apropos .col_propos h2 {font-size:14px; color:#00A0AF;}
		.mac.safari div.apropos .col_propos h2 {padding-top:25px;}

div.apropos .col_propos p {font-size:9px; color:#444; text-transform:uppercase; line-height:2;}


/* BAS */

div#bas {margin:44px 0;}

		.ie7 div#bas, .ie8 div#bas {margin-top:-20px; padding-bottom: 33px;}
		.win.opera div#bas, .win.webkit div#bas, .win.ff3 div#bas {padding-bottom: 33px;}

div#bas .coordonees {
	margin:-50px 0 0 15px;
}
		.ie div#bas .coordonees {margin:0px 0 0 15px;}

div#bas .coordonees h1 {
	font-size: 10px;
	color: #fff;
}

div#bas .coordonees h2 {
	margin:-17px 0 0 -5px;
}

div#bas .coordonees p img {padding-top: 6px;}

div#bas .coordonees p, div#bas .coordonees a {
	font-size: 11px;
	margin-top: -10px;
	text-transform: uppercase;
}

div#bas .coordonees p {color: #fff;}

div#bas .coordonees a {color: #72C7D2;}

div#bas ul.menubas {
	margin:-87px 14px 0 0;
	float:right;
}

div#bas ul.menubas li {float:left;}

div#bas ul.menubas a {
	color: #fff;
	font-size: 11px;
	margin-left:10px;
	text-decoration:none;
}

div#bas ul.menubas a:hover {border-top: 4px solid #fff; padding-top:8px;}

div#bas ul.menubas span {
 	color:#999;
	font-size: 8px;
	margin-left: 16px;
}

div#bas .social {margin-left: -10px;}


#tweets {
	margin: -50px 35px;	
}

#tweets li {
	padding: 5px;
	color:#FFF;
	line-height:150%;
}

#tweets a {color: #72C7D2;} 


#tweets p {color: #00A0AF;}