body {
		background:	url(../images/fonds/back_top.jpg) repeat-x white;
		margin: 0;
		padding: 0;
		font-family: Verdana, Arial, sans-serif;
		width: 100%;
	}
	
	a {
		text-decoration: none;
		color: #0093c0;

	}
		
	div.container {
		width: 925px;
		margin: auto;
		position: relative;
	}
	
	div.clear {
		clear: both;
	}
	
	* {
		margin: 0;
		padding: 0;
		list-style: none;
		outline: none;
		border: none;
	}
	
/* TOP */
		
		img#fondContact {
			position: absolute;
			right: 20px;
			top: 14px;
			z-index: 1;
			cursor: pointer;
		}
		
		p#accueil {
	position: absolute;
	left: 188px;
	top: 22px;
	color: #0093c0;
	font-family: trebuchet ms, Verdana, sans-serif;
	font-size: 12px;
	font-weight:bold;
	z-index: 1;
		}
		
		p#contact {
	position: absolute;
	right: 63px;
	top: 22px;
	color: #0093c0;
	font-family: trebuchet ms, Verdana, sans-serif;
	text-transform: uppercase;
	font-size: 15px;
	z-index: 1;
	text-align: center;
	font-weight: bold;
	height: 110px;
		}

/* ENTETE */

		div#entete {
			width: 100%;
			background: url(../images/fonds/back_entete.jpg) repeat-x white;
			position: relative;
			height: 300px;
			top: 21px;
			overflow: hidden;
			z-index: -1;
		}
		
		p.catchPhrase {
			width: 460px;
			color: #0093c0;
			font-family: Georgia, Times, serif;
			font-size: 35px;
			float: left;
			margin-left: 15px;
			top: 35px;
			position: relative;
		}
		
		p.catchPhrase span {
			color: #a8a8a9;
		}
		
		img.imgEntete {
			float: right;
			position: relative;
			top: 32px;
		}


/* BARRE */

		div#barre {
			width: 100%;
			background: url(../images/fonds/back_milieu.jpg) repeat-x;
			height: 29px;
			position: relative;
			border-bottom: #7fc8df 1px solid;
			border-top: #7fc8df 1px solid;
			z-index: 2;
		}
		
		img#logo {
			position: absolute;
			top: -67px;
			left: 0px;
		}
		
		div#rollingPhrase {
			position: relative;
			height: 29px;
			left: 435px;
			overflow: hidden;
			padding-top: 4px;
			width: 50%;
		}
		
		p#nosDevoirs {
			color: #b1b1b1;
			font-size: 14px;
			float: left;
		}
		
		ul#roll {
			color: #69badb;
			font-size: 14px;
			font-weight: bold;
			margin-left: 10px;
			float: left;
			width: 280px;
		}

/* MENU */

		div#menu {
	position: relative;
	top: 15px;
	width: 925px;
	margin: auto;
	z-index: 10;
		}
		
		div#menu ul {
	position: relative;
	list-style: none;
	left: 300px;
	width:68%
		}
		
		div#menu ul li {
	display: inline;
	margin-right: 6px;
		}
		
		div#menu ul li a {
			color: #a8a8a9;
			font-family: trebuchet ms, Verdana, sans-serif;
			font-size: 20px;
		}
		
		div#menu ul li a span {
			color: #d7d7d7;
		}
		
		div#menu ul li a.active, div#menu ul li a:hover {
			color: #69BADB;
		}
		
		div#menu ul li a.active span {
			color: #95c0e4;
		}

/* CONTENU */

		div#contenu {
			width: 925px;
			margin: auto;
			padding-top: 30px;
			padding-bottom: 10px;
		}
		
		img.imgText, div.savoirPlusAccueil img.imgText {
			float: left;
			padding-right: 10px;
		}
		
		h1 {
			border-left: #b5d8f0 1px solid;
			padding-left: 10px;
			padding-bottom: 10px;
			border-bottom: #b5d8f0 1px solid;
			color: #69badb;
			font-family: Georgia, Times, serif;
			font-size: 36px;
			line-height: 0.8em;
			margin-bottom: 0;
		}
		
		h1 span {
			color: #b5d8f0;
			font-size: 24px;
		}
		
		div#contenu p {
			padding-top: 10px;
			padding-left: 10px;
			border-left: #b5d8f0 1px solid;
			color: #a8a8a9;
			font-size: 14px;
			margin: 0;	
		}
		#rendezvous {
	position: absolute;
	width: 300px;
	height: 100px;
	left: 601px;
	top: 510px;
		}

/* SOUS-MENU */

		div#sousMenu {
			width: 100%;
			background: url(../images/fonds/back_smenu.jpg) repeat-x #a6d2ea;
			min-height: 120px;
			position: relative;
			margin-bottom: 0;
		}
		
		img#fondInfos {
			position: absolute;
			left: 50%;
			margin-left: -158px;
			top: -21px;
		}
		
		p#infos {
			color: #a8a8a9;
			font-family: trebuchet ms, Verdana, sans-serif;
			font-size: 18px;
			text-align: center;
			top: -5px;
			position: absolute;
			width: 100%;
		}
		
		div#sousMenu ul {
			position: relative;
			top:45px;
			list-style: none;
			text-align: center;
		}
		
		div#sousMenu ul li {
			display: inline;
			color: #67c4de;
		}
		
		div#sousMenu ul li a {
			color: #0080b2;
			font-family: trebuchet ms, Verdana, sans-serif;
			font-size: 18px;
		}
		
		div#sousMenu ul li a:hover {
			color: white;
		}
		
/* INFOS SUPPLEMENTAIRES */
		
		div#infosSup {
			padding-top: 20px;
			margin: 0;
			width: 100%;
			background: url(../images/fonds/back_supp.jpg) repeat-x #409ac7;
			position: relative;
			height: 100%;
		}
		
		div.savoirPlusAccueil {
			width:900px;
			margin: 10px;
			padding-top: 20px;
			padding-bottom: 60px;
			border-bottom: 1px solid #b5d8f0;
			position: relative;
			overflow: hidden;
		}
		
		div.savoirPlusAccueil ul {
			margin: 15px 0 0 40px;
		}
				
		div.savoirPlusAccueil ul li {
			list-style: outside url(../images/bullet.png) !important;
			line-height: 1.1em;
		}
		
		div.savoirPlusBio {
			width:435px;
			padding-top: 20px;
			padding-bottom: 60px;
			border-bottom: 1px solid #b5d8f0;
			position: relative;
			overflow: hidden;
			float: left;
			vertical-align: top;
			margin-right: 30px;
		}
		
		div.savoirPlusBio ul {
			margin: 15px 0 0 40px;
		}
				
		div.savoirPlusBio ul li {
			list-style: outside url(../images/bullet.png) !important;
			line-height: 1.1em;
		}
		div.savoirPlusBio img {
			float: right;
			margin-left: 20px;
			margin-top: 5px;
			border: 1px solid white;
			padding: 3px;
			margin-top: 25px;	
		}
		
		div.savoirPlusBio p, div.savoirPlusBio table {
			color: white;
			font-size: 12px;
			margin-bottom: 10px;
		}
		
				div.savoirPlusBio li {
			color: white;
			font-size: 12px;
			padding-bottom: 5px;
		}
		
		div.savoirPlusBio a {
			color: #b5d8f0;
			text-decoration: underline;
		}
		
		div.savoirPlusBio2 {
			width:435px;
			padding-top: 20px;
			padding-bottom: 60px;
			border-bottom: 1px solid #b5d8f0;
			position: relative;
			overflow: hidden;
			vertical-align: top;
		}
		
		div.savoirPlusBio2 ul {
			margin: 15px 0 0 40px;
		}
				
		div.savoirPlusBio2 ul li {
			list-style: outside url(../images/bullet.png) !important;
			line-height: 1.1em;
		}
		div.savoirPlusBio2 img {
			float: right;
			margin-left: 20px;
			margin-top: 5px;
			border: 1px solid white;
			padding: 3px;
			margin-top: 25px;	
		}
		
		div.savoirPlusBio2 p, div.savoirPlusBio2 table {
			color: white;
			font-size: 12px;
			margin-bottom: 10px;
		}
		
		div.savoirPlusBio2 li {
			color: white;
			font-size: 12px;
			padding-bottom: 5px;
		}
		
		div.savoirPlusBio2 a {
			color: #b5d8f0;
			text-decoration: underline;
		}
		
		div.savoirPlus {
			width:430px;
			float: left;
			margin: 10px;
		}
		
		div.savoirPlus img {
			float: left;
			margin-right: 10px;
			margin-top: 5px;
			border: 1px solid white;
			padding: 3px;	
		}
		
		div.savoirPlusAccueil img {
			float: right;
			margin-left: 20px;
			margin-top: 5px;
			border: 1px solid white;
			padding: 3px;
			margin-top: 25px;	
		}
		
/*
		div.savoirPlusAccueil h2 {
			width: 200px;
			display: inline;
		}
*/
		
		h2 {
			color: white;
			font-family: Georgia, Times, serif;
			font-size: 24px;
		}
		
		h3 {
			color: #b5d8f0;
			font-family: Georgia, Times, serif;
			font-size: 16px;
			margin-top: 20px;
		}
		
		h2 span {
			color: #b5d8f0;
		}
		
		div.savoirPlusAccueil p, div.savoirPlusAccueil table {
			color: white;
			font-size: 12px;
			margin-bottom: 10px;
		}
		
		
		div.savoirPlusAccueil li {
			color: white;
			font-size: 12px;
			padding-bottom: 5px;
		}
		
		div.savoirPlusAccueil a {
			color: #b5d8f0;
			text-decoration: underline;
		}
		
		div.savoirPlus p {
			color: white;
			font-size: 12px;
			width: inherit;
		}
		
		div.savoirPlus a {
			color: #b5d8f0;
			text-decoration: underline;
		}
		
		div.revuedepresse p, div.revuedepresse table {
			color: #a8a8a9;
			font-size: 12px;
			margin-bottom: 10px;
		}
		
		a.retour {
			position: absolute;
			bottom: 10px;
			right: 10px;
			font-size: 12px;
			clear: both;
			display: block;
			margin-top: 10px;
		}
		
		p#footer {
			text-align: center;
			color: white;
			font-size: 11px;
			padding: 10px;
		}
		
		div.savoirPlusAccueil ul.phases li {
			list-style: none;
		}
		
		ul.phases {
		
		}
		
		ul.phases li {
			width: 22%;
			display: inline-block;
			*display: inline;
			vertical-align: top;
			margin: 0 10px;
			zoom: 1;

		}
		ul.phases li img {
			float: none;
		}
		
		ul.phases li strong {
			padding-top: 10px;
			display: block;
		}
		
/* GALERIE PHOTO */

		div.galeriephoto p, div.galeriephoto table {
			color: #a8a8a9;
			font-size: 10px;
			margin-bottom: 10px;
		}
	
		#galerie{
			width: 205px;
			text-align: center;
			border: 0px;
			padding:5px 0;
			margin:0 13px 13px 0;
			vertical-align: top;
		}
		#galerie div.img1 img{border:4px solid #f0f0f0; font-size: 10px; vertical-align:top;}
		#galerie div.img2 {margin:5px 0;height: 46px; vertical-align:center;}
		#galerie div.img2 img{}
		#galerie p{	text-align: left; margin:0 10px; font-size:10px;}
		#galerie p span{font-size: 11px; color:#333333;}


/* HACKS IE */