/* ======= SQUELETTE ======== */
html, body, #contener{height: 100%;}

body > #contener {height:auto; min-height: 100%;}

html, body {
	background: #d3d7dc url(../gfx/bg.jpg);
	background-repeat:repeat-x;
	margin:0;
}
body{
	*text-align:center;
}
body,table,a{
	color:#808080;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif
}
img{
	border:none;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
#contener{
	z-index:100;
}
#header{
	height:210px;
}
#footer {
	position:relative;
	margin-top: -18px; /* negative value of footer height */
	clear:both;
	height:18px;
	background-image:url(../gfx/footer.jpg);
	color:#FFFFFF;
	font-size:11px;
	text-align:center;
}
#footer p{
	padding-top:2px;
}
#footer a{
	color:#FFFFFF;
	font-size:11px;
}
#logo{
	margin:0px;padding:0px;
	width:261px;
	text-align:center;
	font-size:11px;
}
#logo h1{
	font-size:12px;
	font-weight:normal;
}
#contenu {
	margin:auto;padding:0px;
	position:relative;
	padding-bottom:18px; /* must be same height as the footer */
	width:1000px;
	*text-align:left;
}

#trophee {
	z-index:1000;
	position:absolute;
	top:0;
	left:0; 
	height:135px;
	width:135px;
}

/* ======= MENU ======== */
#menu {
	position:absolute;
	margin:0px;padding:0px;
	top:0px;left:253px;
	width:749px;height:209px;
}
#menu ul{
	margin:0px;padding:0px 0px 0px 27px;
	list-style:none;
}
#menu li{
	margin:0px;padding:0px;
	float:left;
	height:120px;
	cursor:pointer;
}
#menu a{
	float:left;display:block;
	width:216px;height:90px;
	padding-top:30px;
	text-align:center;
}
#prestation{
	width:228px;
}
#reference{
	width:235px;
}
#reference a,#contact a{
	margin-left:11px;
}
#contact{
	width:230px;
}
/* ======= SOUS MENU ======== */
#sousMenu{
	position:absolute;
	top:0px;left:0px;
	width:1000px;height:550px;
	background:url(../gfx/fond-services.png);
}
#sousMenu p{
	padding-top:158px;
}
#formation{
	margin-left:52px;
}
#fermer{
	position:absolute;top:132px;left:870px;
	margin:0px;padding:2px 0px 0px 25px;
	width:150px;height:21px;
	color:#fefff8;font-size:15px;
	cursor:pointer;
	background:url(../gfx/fermer.jpg) no-repeat;
}

/* ======= TEXTES ======== */
.titrePage{
	margin:0px 0px 20px 0px;padding:0px;
}
.chapeau{
	margin:0px 0px 20px 0px;padding:0px;
	font-weight:bold;
}
.corps{
	border-left:solid 1px #c3634e;
	padding-left:10px;
}
.corps p{
	margin:0px;padding:0px 0px 20px 0px;
	text-align:justify;
}
ul.liste{
	margin:5px 0px 20px 0px;padding:0px;
	list-style:none;
}
ul.liste li{
	margin:0px 0px 0px 20px;padding:0px 0px 0px 15px;
	background:url(../gfx/puce.gif) no-repeat 0px 5px;
}
/* ======= ACCUEIL ======== */
#accueil{
	margin:50px 0px 0px 565px;padding:0px;
	width:410px;height:500px;
}

/* ======= PAGE ======== */
.page{
	margin:90px 0px 0px 80px;padding:0px 0px 50px 0px;
	width:420px;
}



/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */