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


div.alert-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: 98px; height: 93px;
	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:10px;	
	float:left;
} 
		.ie6 div#haut .phraseoz, .ie7 div#haut .phraseoz {margin-top: -28px;}
		.ff2 div#haut .phraseoz {margin-top: -45px;}
 
div#haut .phraseoz img {  
    padding: 15px;  
    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:#9E9E9E;
	margin:8px;
}

#nav .pointer {cursor:default;}

ul#nav a:hover, ul#nav li.current a {color:#333; border-top: 4px solid #303030; 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: #333;
	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 {color:#9E9E9E;}
 

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



/* SECTION : ACCUEIL */

div.accueil h1, div.services h1, div.portfolio h1, div.apropos h1 {
	font-size: 9px;
	color: #303030;
	font-style:italic;
	padding:30px 0px 10px 1px;
	margin: 0 15px;
	border-bottom: 1px dotted #ccc;
}


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: #444;
	margin-top:17px;
	background-color:#F5F5F5;
}

div.accueil .col_acc h2 a:hover, div.services .col_serv h2 a:hover {background-color:#303030; 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:#303030;}  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:#9E9E9E; padding-top:23px;}
		.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:1.7;}


/* BAS */

div#bas {margin:50px 0;}

		.ie7 div#bas, .ie8 div#bas {margin-top:-20px;}

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

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

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

div#bas .coordonees p, div#bas .coordonees a {
	color: #fff;
	font-size: 11px;
	margin-top: -3px;
}


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

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;
 }