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

/* CSS Document */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* Fin du :: reset.css */

	body {
	background-attachment:scroll;
	background-color:#6699CC;
	background-image:url(img/fond-ecran-filigrane-page-web.jpg);
	background-position:center -295px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-attachment:fixed;
	}
	h1#mainTitle a {
	border:0px solid #FFFFFF;
	display:block;
	height:60px;
	margin:auto;
	overflow:hidden;
	text-indent:-5000px;
	width:720px;
	height:151px;
	background-image:url(img/portoflio.laruelle.nicolas.png);
	}
	
	img.logoNuage
	{
		position:absolute;
		right:0;
		top:0;
	}
	h2
	{
		font-size:22px;
		font-weight:bold;
		color:#336699;
		margin-top:15px;
		margin-bottom:10px;
	}
	div#content
	{
		margin-left:auto;
		margin-right:auto;
		width:645px;
	}
	ul.works
	{
		list-style:none;
	}
	div#cadreTop
	{
		background-image:url(img/cadre.top.png);
		background-repeat:no-repeat;
		width:645px;
		height:14px;
	}
	div#cadreBottom
	{
		background-image:url(img/cadre.bottom.png);
		background-repeat:no-repeat;
		width:645px;
		height:111px;
	}
	div#cadreMiddle
	{
		background-color:#FFF;
		padding-left:15px;
		padding-right:15px;
	}
	div#cadreMiddle p
	{
		text-align:justify;
		font-size:13px;
		margin-bottom:5px;
	}
	hr.fineNoir 
	{
		height:1px;
		color:black;
		boder-bottom:1px solid #000000;
		margin:0;
		border-top:none;
		border-left:none;
		border-right:none;
		margin-top:15px;
	}
	a .thickbox img
	{
		border:1px solid #CCC;
	}
	a .thickbox img:hover
	{
		border:1px solid #FF9;
	}
	.works li
	{
		width:120px;
		text-align:center;
		float:left;
	}
	
.bonjour_bienvenue
{
    background-image:url(img/bonjour_bienvenue.png);
    height:40px;
    text-indent:-5000px;
    background-repeat:no-repeat;
    border-top:3px #fff solid;
}