/****************************************
		BODY
****************************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FFCC99; /* FFCC66 / ou FFCC99 */
	margin:0;
	padding:0;
	text-align:center;
	}

a img {
	border:none;
	}
img {
	vertical-align:middle;
	}

a {
	color:#ff9900;
	text-decoration:none;
	}
a:visited {
	color:#593687;
	}
a:hover {
	color:#bb000d;
	text-decoration:underline;
	}
.clear {
	clear:both;
	}
	
/****************************************
		PAGE
****************************************/
div#Page {
	position:absolute;
	top:50%;
	left:50%;
	width:800px;
	height:600px;
	margin:-300px 0 0 -400px;
	text-align:left;
	background:#fdf4eb url(images/fond_page.jpg) no-repeat;
	}
	
/****************************************
		ENTETE
****************************************/
div#Entete {
	}
div#Entete h1 {
	position:absolute;
	margin:0;
	padding:0;
	}
div#Entete h2 {
	display:none;
	}
div#Entete p {
	display:none;
	}
	
/****************************************
		CONTENU
****************************************/
div#Contenu {
	font-size:12px;
	font-weight:bold;
	}
div#Contenu p {
	margin:1px 0 3px;
	padding:0;
	}
	
div#Contenu div.accueil {
	position:absolute;
	top:160px;
	left:50px;
	width:240px;
	color:#850c6f;
	}
div#Contenu div.accueil h3 {
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold;
	color:#ff9900;
	}
div#Contenu div.accueil h4 {
	margin:10px 0;
	padding:0;
	font-size:14px;
	font-weight:bold;
	color:#850c6f;
	text-align:center;
	}
	
div#Contenu div.besoins {
	position:absolute;
	top:150px;
	left:40px;
	width:215px;
	}
div#Contenu div.services {
	position:absolute;
	top:150px;
	left:310px;
	width:180px;
	}
div#Contenu div.services p {
	text-align:center;
	}
div#Contenu div.solutions {
	position:absolute;
	top:150px;
	left:560px;
	width:180px;
	}
body.presentation div#Contenu h3 {
	margin:0 0 5px;
	padding:0 0 0 20px;
	font-size:14px;
	font-weight:bold;
	color:#850c6f;
	background:url(images/puce_presentation.gif) no-repeat;
	}
body.presentation div#Contenu h4 {
	margin:5px 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
	color:#ff9900;
	text-align:left;
	}
body.presentation div#Contenu p strong {
	color:#850c6f;
	}
	
/****************************************
		IMAGES baladeuses
****************************************/
img.titre_accueil {
	position:absolute;
	top:186px;
	left:346px;
	}
img.shema_presentation {
	position:absolute;
	top:383px;
	left:426px;
	}
/****************************************
		MENU
****************************************/
ul#Menu {
	position:absolute;
	top:70px;
	left:350px;
	margin:0;
	padding:0;
	list-style-type:none;
	}
ul#Menu li {
	display:inline;
	margin:0 50px 0 0;
	padding:0;
	}
	
/****************************************
		PIED
****************************************/
div#Pied {
	position:absolute;
	bottom:5px;
	width:98%;
	margin:0 1%;
	color:#ff9966;
	font-size:12px;
	text-align:center;
	}

div#Pied a {
	color:#ffcc99;
	text-decoration:none;
	}
div#Pied a:hover {
	color:#ff9900;
	text-decoration:underline;
	}
div#Pied h4 {
	margin:0;
	padding:0;
	color:#ffcc99;
	font-size:12px;
	font-weight:bold;
	}
div#Pied p {
	margin:0;
	padding:0;
	}
/* body.presentation  */
body.presentation  div#Pied {
	position:absolute;
	bottom:15px;
	left:30px;
	width:280px;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	line-height:14px;
	}