html, body,
h1, h2, h3, h4, h5, h6,
div, span,
p, blockquote, cite, q, pre,
dl, dt, dd,
ol, ul, li,
abbr, acronym,
font, big, small, strike, s, strong, ins, del, em,
samp, kbd, dfn, code, tt, var, address,
a,
img,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
applet, object, iframe {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

:focus {outline:0;}

body {
	color:#000;
	line-height:1;
	background:#FFF;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

strong {font-weight:bold;}
em {font-style:italic;}



ol, ul {list-style:none;}

table {
	border-collapse:separate;
	border-spacing:0; /* tables still need 'cellspacing="0"' in the markup */
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}

abbr, acronym {
	cursor:help;
	border:0;
}
abbr:hover, acronym:hover {
	border-bottom-width:1px;
	border-style:dotted;
}

pre, code, var {
	font-family:Courier, monospace;
}

kbd {
	padding:1px;
	color:#000;
	font-family:Courier, monospace;
	border:1px solid #EEE;
	border-top-color:#FAFAFA;
	border-left-color:#FAFAFA;
	border-right-color:#838383;
	border-bottom-color:#838383;
	background:#EEE;
}


blockquote:before,
cite:before,
blockquote:after,
cite:after {content:"";}
q:before {content:'"';}
q:after {content:'"';}
blockquote, cite{quotes:"" "";}
q {quotes:'"' '"';}



.clear:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}
* html .clear {height:1%;}
*:first-child+html .clear{min-height:1%;}

.none {
	position:absolute;
	left:-9999px;
}



@font-face {
	font-family:'Qlassik';
	src:url('../fonts/QlassikBold_TB.otf') format('opentype');
}

body {
	color:#FFF;
	font:.7em/1.2 Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background:#00141E;
	text-shadow:2px 2px 2px #000;
	text-align:center;
}

a {
	color:#FFF;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}


#fond {
	position:absolute;
	top:0;
	left:50%;
	z-index:1;
	width:1010px;
	height:590px;
	margin:0 0 0 -840px;
	background:url(../images/design/fond.jpg) 0 0 no-repeat;
}
#wrapper {
	position:relative;
	z-index:2;
	width:980px;
	margin:0 auto;
	text-align:left;
}


/* Raccourcis */
#raccourcis {
	position:absolute;
	top:0;
	z-index:9000;
	width:100%;
	padding:.5em 0;
	text-align:center;
	background:#000;
	opacity:.6;
}
#raccourcis dt,
#raccourcis dd,
#raccourcis ul,
#raccourcis ul li {
	display:inline;
}

#raccourcis dt {
	font-weight:bold;
}
#raccourcis li {
	padding:0 1em;
	border-right:1px solid #666;
}
#raccourcis li.last {
	padding-right:0;
	border-right:0;
}





/* En-tête */
#entete {
	margin:20px 0 75px;
}

	#nom {
		float:left;
		width:342px;
		margin:0 25px 0 0;
		font-family:Qlassik, Arial, Helvetica, sans-serif;
		font-size-adjust:.6;
		font-size:3.6em;
		text-align:right;
	}
	#fonction {
		float:left;
		margin:16px 0 0;
		font-family:Qlassik, Arial, Helvetica, sans-serif;
		font-size-adjust:.6;
		font-size:2.2em;
	}
	
	#portrait {
		position:relative;
		float:right;
		width:610px;
		border:2px solid #FFF;
	}
	#portrait img {
		display:block;
	}
	#portrait span {
		position:absolute;
		bottom:0;
		left:0;
		float:left;
		padding:2px 5px;
		/*font:.8em/1.2 Arial, Helvetica, sans-serif;*/
		font-size:.8em;
		background:#000;
		opacity:.66;
		filter:alpha(opacity=66);
	}

	#infos {
		width:342px;
		float:left;
	}
	#infos li {
		display:block;
		margin:0 0 3px;
		text-align:right;
		font-family:Qlassik, Arial, Helvetica, sans-serif;
		font-size-adjust:.6;
		font-size:1.3em;
	}



/* Corps */
#colonne-gauche {
	float:left;
	width:342px;
}
#colonne-droite {
	float:right;
	width:613px;
	margin:0 0 0 25px;
	*margin:0 0 0 18px;
}


#wrapper h2 {
	position:relative;
	left:-2px;
	margin:0 0 1em;
	font-family:Qlassik, Arial, Helvetica, sans-serif;
	font-size-adjust:.6;
	font-size:2.2em;
}



#connaissances {
	margin:0 0 75px;
}
#connaissances li {
	display:inline;
	padding:0 .5em 0 0;
	color:#AAA;
	/*font-family:Arial, Helvetica, sans-serif;*/
	line-height:1.4;
}
#connaissances li.s1 {font-size:1.6em;}
#connaissances li.s2 {font-size:1.4em;}
#connaissances li.s3 {font-size:1.2em;}
#connaissances li.s4 {font-size:1em;}
#connaissances li.s5 {font-size:.9em;}


#diplomes {
	margin:0 0 75px;
}
#diplomes dt,
#diplomes dd {
	display:inline;
	color:#AAA;
	line-height:1.5;
}
#diplomes dt {
	color:#FFF;
	margin:0 5px 0 0;
	font-weight:bold;
}


#suivezmoi {
	margin:0 0 75px;
}

#suivezmoi li {
	float:left;
	width:50%;
	margin:0 0 1.5em;
}
#suivezmoi li a {
	display:block;
	height:45px;
	background-position:0 0;
	background-repeat:no-repeat;
}
	#suivezmoi li#suivezmoi-facebook a			{background-image:url(../images/design/suivezmoi-facebook.png);}
	#suivezmoi li#suivezmoi-twitter a			{background-image:url(../images/design/suivezmoi-twitter.png);}
	#suivezmoi li#suivezmoi-netvibes a			{background-image:url(../images/design/suivezmoi-netvibes.png);}
	#suivezmoi li#suivezmoi-flickr a			{background-image:url(../images/design/suivezmoi-flickr.png);}
	#suivezmoi li#suivezmoi-googlereader a		{background-image:url(../images/design/suivezmoi-googlereader.png);}
	#suivezmoi li#suivezmoi-copainsdavant a		{background-image:url(../images/design/suivezmoi-copainsdavant.png);}
	#suivezmoi li#suivezmoi-ebay a				{background-image:url(../images/design/suivezmoi-ebay.png);}
	#suivezmoi li#suivezmoi-babylon a			{background-image:url(../images/design/suivezmoi-babylon.png);}


#experiences h3 {
	font-family:Qlassik, Arial, Helvetica, sans-serif;
	font-size-adjust:.6;
	font-size:1.6em;
}

#experiences ul {
	padding:0 0 0 148px;
}
#experiences ul li {
	position:relative;
	margin:0 0 1.5em;
	min-height:7.5em;
	height:auto!important;
	height:7.5em;
}
.experiences-logo {
	position:absolute;
	top:0;
	left:-148px;
	width:148px;
	text-align:center;
}
#experiences-commnet .experiences-logo {
	padding:.5em 0 1.5em;
}
.experiences-logo span {
	position:absolute;
	bottom:0;
	right:2em;
	font-size:.8em;
	/*font-family:Arial, Helvetica, sans-serif;*/
}

#creations ul.creations-liste {
	float:left;
	overflow:hidden;
	width:620px;
	/*
	width:203%;
	margin-left:-1px;
	-moz-column-count:2;
	-moz-column-gap:0;
	*/
}
#creations ul.creations-liste li {
	position:relative;
	float:left;
	width:285px;
	height:160px;
	margin:0 25px 25px 0;
	background-color:#FFF;
	background-position:0 0;
	background-repeat:no-repeat;
}
	#creations ul.creations-liste li#creations-babylon					{background-image:url(../images/illustrations/creations-babylon.jpg);}
	#creations ul.creations-liste li#creations-wab						{background-image:url(../images/illustrations/creations-wab.jpg);}
	#creations ul.creations-liste li#creations-pagesjaunes				{background-image:url(../images/illustrations/creations-pagesjaunes.jpg);}
	#creations ul.creations-liste li#creations-nrjmobile				{background-image:url(../images/illustrations/creations-nrjmobile.jpg);}
	#creations ul.creations-liste li#creations-francedomicile			{background-image:url(../images/illustrations/creations-francedomicile.jpg);}
	#creations ul.creations-liste li#creations-kiloutou					{background-image:url(../images/illustrations/creations-kiloutou.jpg);}
	#creations ul.creations-liste li#creations-chorus2008				{background-image:url(../images/illustrations/creations-chorus2008.jpg);}
	#creations ul.creations-liste li#creations-chorus2009				{background-image:url(../images/illustrations/creations-chorus2009.jpg);}
	#creations ul.creations-liste li#creations-valleerivegauche			{background-image:url(../images/illustrations/creations-valleerivegauche.jpg);}
	#creations ul.creations-liste li#creations-valleeculture			{background-image:url(../images/illustrations/creations-valleeculture.jpg);}
	#creations ul.creations-liste li#creations-marchanddetrucs			{background-image:url(../images/illustrations/creations-marchanddetrucs.jpg);}
	#creations ul.creations-liste li#creations-pinacotheque				{background-image:url(../images/illustrations/creations-pinacotheque.jpg);}
	#creations ul.creations-liste li#creations-peugeotsm				{background-image:url(../images/illustrations/creations-peugeotsm.jpg);}
	#creations ul.creations-liste li#creations-artemani					{background-image:url(../images/illustrations/creations-artemani.jpg);}
	#creations ul.creations-liste li#creations-valeo					{background-image:url(../images/illustrations/creations-valeo.jpg);}
	#creations ul.creations-liste li#creations-axafr					{background-image:url(../images/illustrations/creations-axafr.jpg);}
	#creations ul.creations-liste li#creations-cuisinesaine				{background-image:url(../images/illustrations/creations-cuisinesaine.jpg);}
	#creations ul.creations-liste li#creations-renault					{background-image:url(../images/illustrations/creations-renault.jpg);}
	#creations ul.creations-liste li#creations-kapstages				{background-image:url(../images/illustrations/creations-kapstages.jpg);}
	#creations ul.creations-liste li#creations-surcouf					{background-image:url(../images/illustrations/creations-surcouf.jpg);}
	#creations ul.creations-liste li#creations-blogmaisonecolo					{background-image:url(../images/illustrations/creations-blogmaisonecolo.jpg);}
	
#creations ul.creations-liste li .voile {
	width:285px;
	height:160px;
	opacity:.6;
	filter:alpha(opacity=60);
	background:#000;
}

#creations ul.creations-liste li dl {
	position:absolute;
	bottom:0;
	left:0;
	padding:5px 10px;
	width:265px;
	background:#000;
	opacity:.8;
	filter:alpha(opacity=80);
}
#creations ul.creations-liste li dt a {
	color:#FFF;
	font-size:1.5em;
	text-decoration:none;
}
#creations ul.creations-liste li dt span {
	margin:0 0 0 1em;
	font-size:.8em;
	font-family:Arial, Helvetica, sans-serif;
}

#creations .diaporama-controles {
	float:right;
	margin:0 18px  0 0
}
.diaporama-frise-prev,
.diaporama-frise-next {
	float:left;
}
.diaporama-frise-prev {
	margin:0 .3em 0 0;
}
.diaporama-frise-prev a,
.diaporama-frise-next a {
	display:block;
	width:27px;
	height:24px;
	background-image:url(../images/design/creations-pagination.gif);
	background-repeat:no-repeat;
}
.diaporama-frise-prev a 			{background-position:0 0;}
.diaporama-frise-prev a:hover 		{background-position:0 -24px;}
.diaporama-frise-next a 			{background-position:-27px 0;}
.diaporama-frise-next a:hover 		{background-position:-27px -24px;}


	

#contact #contact-col01 {
	float:left;
	width:343px;
	margin:0 25px 0 0;
}
#contact #contact-champ-message {
	float:left;
}
#contact input {
	display:block;
	background-color:transparent;
	border:0;
	font:2em/1.2 Georgia, "Times New Roman", Times, serif;
}
#contact-sujet,
#contact-email {
	width:323px;
	height:28px;
	padding:6px 10px;
	margin:0;
	background-position:0 0;
	background-repeat:no-repeat;
}
	#contact-sujet {
		margin:0 0 24px;
		background-image:url(../images/design/contact-champ-sujet.png);
	}
	#contact-email {
		background-image:url(../images/design/contact-champ-email.png);
	}
	#contact-sujet.fill,
	#contact-email.fill {
		background-position:0 -40px;
	}
	
#contact-message {
	width:437px;
	height:84px;
	padding:10px;
	margin:0 18px 0 0;
	font:1.5em/1.2 Georgia, "Times New Roman", Times, serif;
	border:0;
	background:transparent url(../images/design/contact-champ-message.png) 0 0 no-repeat;
}
#contact-message.fill {
	background-position:0 -104px;
}
	
#contact-bouton-envoyer {
	float:left;
}
#contact-bouton-envoyer button {
	display:block;
	width:137px;
	height:104px;
	border:0;
	cursor:pointer;
	background:transparent url(../images/design/contact-bouton-envoyer.png) 0 0 no-repeat;
}
#contact-bouton-envoyer button.over {
	background-position:0 -104px;
}



#pied {
	clear:both;
	padding:50px 0 10px;
	text-align:right;
	opacity:.15;
	filter:alpha(opacity=15);
}





.erreur,
.confirmation {
	border:5px solid #CCC;
	padding:2em;
	margin:0 0 1em;;
	text-align:center;
	font-size:2em;
	color:#FFF;
}
.erreur {
	border-color:#600;
	background:#633;
}
.confirmation {
	border-color:#060;
	background:#030;
}