@charset "UTF-8";

body {
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:1em;
	line-height:1.5em;
	color:#000000;
}

a {
	text-decoration:none;
}

a:link, a:visited {
	color:#990000;
}

a:hover, a:active {
	color:#FF9900;
	text-decoration:none;
}

h1 {
	font-family: "Myriad Pro",Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:bold;
}

h2 {
	font-family: "Myriad Pro",Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#999999;
	font-weight:bold;
}

h3 {
	font-family: "Myriad Pro",Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	display:block;
	border-bottom:solid black 1px;
	padding-bottom:5px;
}

h4 {
	font-family: "Myriad Pro",Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:normal;
}

p {
	font-family: "Myriad Pro",Arial, Helvetica, sans-serif;
	font-size:1em;
	padding-left:20px;
}

.container {
	position:relative;
	margin:0 auto;
	top:50px;
	width:800px;
}

.cartouche {
	position:absolute;
	top:0px;
	left:0px;
	width:200px;
	background-color:#000000;
	padding:0 0 0 20px;
	color:#FFFFFF;
}

.cartouche a {
	text-decoration:none;
}

.cartouche a:link, .cartouche a:visited {
	color:#FFFFFF;
}

.cartouche a:hover, .cartouche a:active {
	color:#CC0000;
}

.competences {
	position:absolute;
	top:0px;
	left:250px;
	width:550px;
}

.navigation_top {
	position:absolute;
	top:0px;
	left:250px;
	width:550px;
	height: 359px;
}

.inspirations {
	position:absolute;
	top:750px;
	left:0px;
	width:220px;
	padding:0 0 0 0;
}

.realisations {
	position:absolute;
	top:370px;
	left:0px;
	width:220px;
	padding:0 0 0 0;
}

.realisations h2,.inspirations h2
{
	padding:0 0 0 10px;
}

.realisations h3
{
	display:inline;
	padding:10px 0 0 10px;
	border:none;
}

.realisations p img {
    border:solid 1px gray;
    margin-bottom:5px;
}

.historique {
	position:absolute;
	top:0px;
	left:850px;
	width:400px;
	padding:0 0 0 0;
}

.photos {
	position:absolute;
	top:375px;
	left:0px;
	width:800px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

.photos img {
	border:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

#axa, #ipetanquelogo, #staxxlogo, #bitsofpicslogo, #mousemasher, #ibalone, #alquerque, #atHome, #kino, #radio, #tactio, #elfiq {
    float:left;
   margin-right:15px;
}

.sep {
	clear:both;
	}