body{
	background-color: 	#E6E6E6;
}
	
div {
	text-align:		center;
	vertical-align: middle;
	margin-top:		0;
	margin-bottom:	5px
}

li {
	text-align:left
}

.liAppart {
	margin-left:13em
}

/******* Image ******/
.img_h {
	margin-top: 	1em;
	margin-bottom: 	2em;
	float:			left;
	width:			36%;
	height:			36%
}

.img_v {
	margin-top: 	1em;
	margin-bottom: 	2em;
	float:			left;
	width:			20%;
	height:			20%
}

/******* Contenant ****/
#contenant {
	width: 			800px;
	margin-left: 	auto;
	margin-right: 	auto	
}

/******* Entete *******/
#entete {
	width: 100%
}

#entete1 {
	width: 				800px;
	height: 			68px;
	background-image:	url(http://www.ceresimo.fr/images/entete-blanc.png);
	background-repeat:	no-repeat;
	margin-left: 		auto;
	margin-right: 		auto	
}

#entete1>p {
	margin-top:		20px;
	margin-bottom:	auto;
	display:		inline-block;
	font-size:		0.95em;
	font-weight:	bold;
	word-spacing:	0.5em
}

#entete2 {
	width:				800px;
	height:				88px;
	background-image:	url(http://www.ceresimo.fr/images/entete-gris.png);
	background-repeat:	no-repeat;
	margin-left: 		auto;
	margin-right: 		auto	
}

#entete2>p {
	margin-top:		25px;
	margin-bottom:	auto;
	display:		inline-block;
	font-size:		1.5em;
	font-weight:	bold;
	color:			#FCC14C;
	font-variant:	small-caps
}

#sci {
	position: 			relative;
	left: 				2em;
	top:				20px;
	float:				left;
	background-color:	#FCC14C;
	width:				40px;
	height:				40px
	}
	
#sci>p {
	color:			#AA0404;
	font-weight:	bold;
	font-size:		0.6em;
	padding-bottom: 0;
	padding-top:	0;
	margin-top:		0.25em
	}
	

/******* Milieu ********/
#milieu {
	width:		100%;
	min-height: 320px;
}

/******** menu ********/

#menu {
	float:				left;
	width:				200px;
	height:				320px;
	background-image:	url(http://www.ceresimo.fr/images/menu-rouge.png);
	background-repeat:	no-repeat	
}

#p1 {
	margin-top:		2em;
	margin-bottom:	0.05em;
	margin-right:	3em;
	text-align:		right
}

.menu {
	margin-top:		0.5em;
	margin-bottom:	0.05em;
	margin-right:	3em;
	text-align:		right
}

/******** principal ********/

#principal {
	float:				right;
	width:				550px;
	background-color:	#FFFFFF;
	margin-right:		1em;
	margin-top:			1em;
	margin-bottom:		2em
}

.principal_titre {
	margin-top:			2em;
	margin-right:		1em;
	text-align:			right;
	padding-right:		1em;
	padding-top:		2px;
	font-weight:		bold;
	font-size:			0.8em;
	color:				#FFFFFF;
	height:				20px;
	width:				400px;
	background-image:	url(http://www.ceresimo.fr/images/titre.png);
	background-repeat:	no-repeat;
	background-position:right;
	float:				right
}

.titre {
	clear:			both;
	margin-top:		2em;
	text-align:		left;
	clear:			both;
	font-weight:	bold;
	padding-left:	0.5em
}

.texte {
	margin-top:		1em;
	margin-left: 	13em;
	text-align:		justify;
	padding-right:	0.5em;
	padding-left:	0.5em
}

.principal_texte {
	clear:			both;
	margin-top:		2em;
	text-align:		justify;
	padding-right:	0.5em;
	padding-left:	0.5em
}

#fond_haut {
	position:			relative;
	background:			url(http://www.ceresimo.fr/images/fond_haut.png) top center;
	background-repeat:	no-repeat;
	background-color:	#E6E6E6;
	top:				-0.5em;
	height:				10px;
	width: 				550px
}

#fond_bas {
	position:			relative;
	clear:				both;
	background:			url(http://www.ceresimo.fr/images/fond_bas.png) bottom center;
	background-repeat:	no-repeat;
	background-color:	#E6E6E6;
	bottom:				-0.9em;
	height:				10px;
	width:				550px
}

/******** Pied de page ********/
#pied {
	clear:	both;
	width:	100%;
	background-color: #E6E6E6
}
	
#pied-de-page {
	width: 	100%	
}	

/******** liens	*************/

a:link, a:visited, a:active, a:hover {
	text-decoration:none;
	font-size:0.9em;
	font-weight:bold
}

a:link, a:visited, a:active {
	color:#FFFFFF;
}

a:hover {
	color:#ff5555
}

/******* liens principal ******/

.principal_texte>a:link, .principal_texte>a:visited, .principal_texte>a:active {
	color:#AA0404
	}
	
.principal_texte>a:hover {
	color:				#000000;
	text-decoration:	underline
	}