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

/* typo */

@font-face {
	font-family: Bree;
	font-style:normal;
	src: url(font/BreeLight.otf);
}
@font-face {
	font-family: Bree;
	font-style: italic;
	src: url(font/BreeOblique_Light.otf);
}
@font-face {
	font-family: Bree;
	font-weight: bold;
	src: url(font/BreeRegular.otf);
}

/* background */

#background {
	width:100%;
	height:400px;
	background-color:#000;
	top:0;
	position:absolute;
	z-index:-200
}

#top {
	width:900px;
	margin: 50px auto;
	}

/* general */

* {
	margin:0;
	padding:0;
	font-family:Bree, Helvetica, sans-serif;
	font-weight:normal;
}

a img {
	border:none;
	}	

a:focus
{
outline:0;
border: none;
} 
	
h2, h3 {
	font-weight:normal;
	}
	
hr {
	size:1;
	width:106px;
	margin:10px 0 10px 0;
	}
	
dfn {
	font-size:11px;
	font-style:normal;
	}

.face {
	position:absolute;
	display:block;
	margin:0 0 0 700px;
	}
	
.liens {
	clear:both;
	font-weight:normal;
	letter-spacing:0.03em;
	color:#CCC;
	font-size:10px;
	margin:30px 0 0 250px;
	}
	
.liens a {
	text-decoration:none;
	}
	
.liens a:link {
	color:#000;
	}
	
.liens a:visited {
	color:#000;	
	}

.liens a:hover {
	color:#00CCCC;
	}
	
.trait {
	width:650px;
	margin-bottom:15px;
	}
	
.trait90, trait650, trait112 {
	margin:10px 0 10px 0;
	}
	
.trait90 {
	width:90px;
	}

.trait112 {
	width:112px;
	}

.trait650 {
	width:650px;
	}

/* header */

#logo {
	width:250px;
	height:82px;
	float:left;
	}
	
#baseline {
	position:absolute;
	margin: 74px 0 0 187px;
	}
	
#contact {
	width:650px;
	height:82px;
	float:left;
	}

.baseline {
    font-size:8px;
	letter-spacing:0.2em;
	color:#FFF;
	}
	
.contact {
	font-size:12px;
	letter-spacing:0.1em;
	text-align:right;
	color:#FFF;
	margin-top:68px;
	}
	
.contact a {
	text-decoration:none;
	}
	
.contact a:link, a:visited {
	color:#FFF;
	}

.contact a:hover {
	color:#00CCCC;
	}
	
#rubriques {
	width:900px;
	clear:both;
	padding-top:75px;
	text-align:center;
	}
	
.signature {
	color:#FFF;
	font-size:20px;
	letter-spacing:0.1em;
	text-align:right;
	width:179px;
	float:left;
	}
	
#print, #web, #compo, #photo {
	float:left;
	width:105px;
	margin-right:50px;
	}
	
h4, h5, h6, h7 {
	font-weight:normal;
	letter-spacing:0.1em;
	font-size: 20px;
	color:#FFF;
	}
	
#print {
	margin-left:116px;
	}
	
#photo {
	margin:0 auto;
	}
	
/* contenu */

#contenu {
	width:922px;
	clear:both;
	padding-top:120px;
	}
	
#print2, #web2, #divers2, #photo2 {
	float:left;
	width:105px;
	text-align:center;
	margin-right:72px;
	}
	
#print2, #web2, #divers2, #photo2 p {
	letter-spacing:0.1em;
	font-size: 20px;
	color:#000;
	}
	
.taf, .tafder {
	float:left;
	width:672px;
	padding-left:71px;
	margin-bottom:75px;
	border-left:2px solid black;
	}

.tafder {
	margin-bottom:40px;
	}
	
ul.liste {
	list-style:none outside none;	
	}
	
/* animation miniatures */
ul.liste li {
	float:left;
	}
	
ul.liste li a, ul.liste li img {
	text-decoration:none;
	position:relative;
	display:block;
	width:90px; 
	height:90px;
	margin: 22px 22px 0 0;
	}
	
ul.liste li a.first {
	margin: 0 22px 0 0;
	}
	
ul.liste li a:after {
	content: url(img/contenu/trame.png);
	display:none;
	}
	
ul.liste li a:hover:after {
	display: block;
	}
	
ul.liste li a dfn {
	position: absolute;
	color: #FFF;
	padding:8px 3px 0 8px;
	display:none;
	}
	
ul.liste li a:hover dfn {
	display:block;
}
	
ul.liste li a:hover img {
	display:block;
}

ul.liste li a:hover img.cache {
	display:none;
	}
	
ul.liste li a img.cache {
	display:none;
	}

/* miniatures */

/* print */
#fnh1 {
	background:url("img/book/print/fnh/fnh.jpg") 0 0 no-repeat;
	}

#esthetique {
	  background:url("img/book/print/esthetique-.jpg") 0 0 no-repeat;
	}
	
#activa {
		  background:url("img/book/print/activa1-.jpg") 0 0 no-repeat;
	}
	
#aquarius {
		  background:url("img/book/print/aquarius-.jpg") 0 0 no-repeat;
	}
	
#argus {
		  background:url("img/book/print/argus-.jpg") 0 0 no-repeat;
	}
	
#tahioline {
		  background:url("img/book/print/tahioline-.jpg") 0 0 no-repeat;
	}
	
#gal {
		  background:url("img/book/print/gal/gal.jpg") 0 0 no-repeat;
	}
	
#ffc3 {
		  background:url("img/book/print/FFC3-.jpg") 0 0 no-repeat;
	}
	
#fnh {
		  background:url("img/book/print/FNH-.jpg") 0 0 no-repeat;
	}	

#hioco {
		  background:url("img/book/print/hioco-.jpg") 0 0 no-repeat;
	}
	
#ose2 {
		  background:url("img/book/print/OSE_2-.jpg") 0 0 no-repeat;
	}

#ose5 {
		  background:url("img/book/print/OSE_5-.jpg") 0 0 no-repeat;
	}
	
#ose7 {
		  background:url("img/book/print/OSE_7-.jpg") 0 0 no-repeat;
	}
	
#osmose {
		  background:url("img/book/print/osmose-.jpg") 0 0 no-repeat;
	}
	
#ose3 {
		  background:url("img/book/print/OSE_3-.jpg") 0 0 no-repeat;
	}
		
#tour {
		  background:url("img/book/print/tour_hebdo-.jpg") 0 0 no-repeat;
	}
	
#total {
		  background:url("img/book/print/total-.jpg") 0 0 no-repeat;
	}
	
#sante {
		  background:url("img/book/print/sante-.jpg") 0 0 no-repeat;
	}
	
#appiacom {
		  background:url("img/book/print/appiacom-.jpg") 0 0 no-repeat;
	}
	
#ose4 {
		  background:url("img/book/print/OSE_4-.jpg") 0 0 no-repeat;
	}
	
#ose6 {
		  background:url("img/book/print/OSE_6-.jpg") 0 0 no-repeat;
	}
	
#ose1 {
		  background:url("img/book/print/OSE_1-.jpg") 0 0 no-repeat;
	}
	
#impots {
		  background:url("img/book/print/impots-service-.jpg") 0 0 no-repeat;
	}
	
#hopitalRP {
		  background:url("img/book/print/hopital-RP-.jpg") 0 0 no-repeat;
	}
	
#hmh {
		  background:url("img/book/print/hmh/hmh.jpg") 0 0 no-repeat;
	}
	
#onac {
		  background:url("img/book/print/onac/onac.jpg") 0 0 no-repeat;
	}
	
#rci {
		  background:url("img/book/print/rci/rci.jpg") 0 0 no-repeat;
	}
	
#sorbonne {
		  background:url("img/book/print/sorbonne-.jpg") 0 0 no-repeat;
	}
	
#apec {
		  background:url("img/book/print/apec/apec.jpg") 0 0 no-repeat;
	}
	
#fc {
		  background:url("img/book/print/fc-.jpg") 0 0 no-repeat;
	}
	
#axyntis {
		  background:url("img/book/print/axyntis/axyntis.jpg") 0 0 no-repeat;
	}
	
#lcc {
		  background:url("img/book/print/lcc/lcc.jpg") 0 0 no-repeat;
	}
	
#onac2 {
		  background:url("img/book/print/onac2/onac.jpg") 0 0 no-repeat;
	}
	
/* web */
#news1 {
		  background:url("img/book/web/news1-.jpg") 0 0 no-repeat;
	}
	
#news2 {
		  background:url("img/book/web/news2-.jpg") 0 0 no-repeat;
	}
	
#news3 {
		  background:url("img/book/web/news3-.jpg") 0 0 no-repeat;
	}
	
#news4 {
		  background:url("img/book/web/news4-.jpg") 0 0 no-repeat;
	}
	
#news5 {
		  background:url("img/book/web/news5-.jpg") 0 0 no-repeat;
	}
	
#tahioline {
		  background:url("img/book/web/tahioline.jpg") 0 0 no-repeat;
	}
	
#london {
		  background:url("img/book/web/expatlondon.jpg") 0 0 no-repeat;
	}
	
/* divers */
#ludina {
		  background:url("img/book/divers/typo/ludina-.gif") 0 0 no-repeat;
	}

#hyundai {
		  background:url("img/book/divers/pack/hyundai.jpg") 0 0 no-repeat;
	}
	
#lb {
		  background:url("img/book/divers/bonus/lb-.jpg") 0 0 no-repeat;
	}
	
#voeux2011 {
		  background:url("img/book/divers/bonus/voeux2011-.gif") 0 0 no-repeat;
	}
	
	
/* photo */
#chine {
		  background:url("img/book/photo/chine/chine.jpg") 0 0 no-repeat;
	}
	
#moulins {
		  background:url("img/book/photo/3moulins/moulins.jpg") 0 0 no-repeat;
	}
	
#abandon {
		  background:url("img/book/photo/abandon-.jpg") 0 0 no-repeat;
	}
	
#bato {
		  background:url("img/book/photo/bato-.jpg") 0 0 no-repeat;
	}
	
#cagette {
		  background:url("img/book/photo/cagettes-.jpg") 0 0 no-repeat;
	}
	
#cagette2 {
		  background:url("img/book/photo/cagettes2-.jpg") 0 0 no-repeat;
	}
	
#cheveux {
		  background:url("img/book/photo/cheveux-.jpg") 0 0 no-repeat;
	}
	
#cocktail {
		  background:url("img/book/photo/cocktail-.jpg") 0 0 no-repeat;
	}
	
#dream {
		  background:url("img/book/photo/dream-.jpg") 0 0 no-repeat;
	}
	
#foule {
		  background:url("img/book/photo/foule-.jpg") 0 0 no-repeat;
	}
	
#foule2 {
		  background:url("img/book/photo/foule2-.jpg") 0 0 no-repeat;
	}
	
#grafcagette {
		  background:url("img/book/photo/grafcagette-.jpg") 0 0 no-repeat;
	}
	
#grue {
		  background:url("img/book/photo/grue-.jpg") 0 0 no-repeat;
	}
	
#lulu {
		  background:url("img/book/photo/lulu-.jpg") 0 0 no-repeat;
	}
	
#mouettes {
		  background:url("img/book/photo/mouettes-.jpg") 0 0 no-repeat;
	}
	
#mystere {
		  background:url("img/book/photo/mystere-.jpg") 0 0 no-repeat;
	}
	
#nervure {
		  background:url("img/book/photo/nervure-.jpg") 0 0 no-repeat;
	}
	
#night {
		  background:url("img/book/photo/night-.jpg") 0 0 no-repeat;
	}
	
#poison {
		  background:url("img/book/photo/poison-.jpg") 0 0 no-repeat;
	}
	
#pont {
		  background:url("img/book/photo/pont-.jpg") 0 0 no-repeat;
	}
	
#pre-pluie {
		  background:url("img/book/photo/pre-pluie-.jpg") 0 0 no-repeat;
	}
	
#train {
		  background:url("img/book/photo/train-.jpg") 0 0 no-repeat;
	}
	
#travaux {
		  background:url("img/book/photo/travaux-.jpg") 0 0 no-repeat;
	}
	
#velo {
		  background:url("img/book/photo/velo-.jpg") 0 0 no-repeat;
	}
	
#window {
		  background:url("img/book/photo/window-.jpg") 0 0 no-repeat;
	}
	
#window2 {
		  background:url("img/book/photo/window2-.jpg") 0 0 no-repeat;
	}
	
#grille {
		  background:url("img/book/photo/grille-.jpg") 0 0 no-repeat;
	}
	
#cielgris {
		  background:url("img/book/photo/ciel-gris-.jpg") 0 0 no-repeat;
	}
	
/* partenaires */
#partenaires {
	width:672px;
	clear:both;
	margin-left:250px;
	padding-top:20px;
	}

ul.part {
	height:40px;
	}
	
ul.part li {
	list-style:none outside none;	
	float:left;
	margin:5px 10px 0 0;
	}
	
ul.part li.first {
	float:left;
	margin-top:0;
	}

.col {
	font-size:14px;	
	}
	
#noms {
	width:650px;
	clear:both;
	font-size:10px;
	text-align:justify;
	}
	
/* formulaire */
#formulaire {
	clear:both;
	padding-top:100px;
	margin-left:296px;
	}
	
td, input, textarea {
	font-family:Bree, Helvetica, sans-serif;
	outline:none;
	font-weight:normal;
	font-size:15px;
	}
	
td.bouton input {
	font-family:Bree, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	}
	
.focusField {
    	border:solid 1px #00cccc;
    	background:#f2fcfc;
    	color:#000;
    }
	
.idleField {
    	background:#EEE;
    	color: #6F6F6F;
		border: solid 1px #DFDFDF;
    }