/* ==============================================
   FEUILLE DE STYLES DU PORTAIL http://www.zyada.org
   ============================================== */

body {
	margin: 0;
	padding: 10px 20px;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-size: .8em;
	line-height: 1.25;
	background: #A64B00;
}
h3, h4 {
	margin: .5em 0 .5em 0;
}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}
ul {
	margin: .75em 0 .75em 24px;
	padding: 0; 
}
li {
	margin: 0;
	padding: 0;
}
p {
	margin: .75em 0;
}
#global {
	width: 852px;
	margin: 10px auto;
}

/* Conteneur contenu */
#contenu {
	background: #A60000 url(images/portail.png);
	color: #ffffff;
	width: 852px;
	height: 500px; 
	padding: 0;
}
#contenu img {
	float: right;
}

/* Blocs 1 à 3 de la page Services */
#bloc1 {
	background : url(images/big-book500gauche.jpg);
	height: 500px;
	width: 250px;
	line-height: 500px;
	margin: 0 10px 0 342px;
	float: left;
	text-align: center;
}
#bloc2 {
	background : url(images/big-book500droitehaut.jpg);
	height: 245px;
	width: 250px;
	line-height: 245px;
	float: left;
	text-align: center;
	margin-bottom: 10px;
}
#bloc3 {
	background : url(images/big-book500droitebas.jpg);
	height: 245px;
	width: 250px;
	line-height: 245px;
	float: left;
	text-align: center;
}
.milieu {
	background: url(images/transrouge.png) repeat;
	width:200px;
	height: 200px;
	border:1px solid #fff; 
	padding: 5px;
	vertical-align: middle;
	display: inline-block;
	line-height: 200px;
}
.milieu div {
	vertical-align: middle;
	display: inline-block;
	line-height: 1.2;
}
.milieu:hover {
	background: #A60000;
}
.milieu a {
	color: #ffffff;	
	height: 1%;
	padding: 5px 10px;
	line-height: 1.4;
	font-size: .9em;
	text-decoration: none;
}
.milieu a:hover {
	background: #BF7130;
}

/* blocs 4 et 5 de la page A propos*/
#bloc4, #bloc5 {
	background: url(images/lettres3025.jpg) repeat-y;
	padding: 0 10px 0 45px;
	overflow: auto;	
}
#bloc4 a, #bloc5 a {
	background: #A64B00;
	color: #ffffff;	
	text-decoration: none;
}
#bloc4 a:hover, #bloc5 a:hover {
	background: #BF7130;
}
#bloc4 {
	height: 241px;
	margin: 0 0 0 342px;
}
#bloc5 {
	height: 230px;
	margin: 29px 0 0 342px;
}

/* Navigation */
#navigation {
	background: #BF7130;
	width: 852px;
	height: 27px;
	margin: 0;
	clear: left;
}
#navigation ul {
	margin: 0;
	padding: 0 5px;
	list-style: none;
}
#navigation li {
	display: inline;
}
#navigation li#actif {
	padding : 5px 26px 5px 26px;
	background: #A60000;
	font-size: .9em;
}
#navigation a {
	background: #A64B00;
	color: #ffffff;	
	height: 1%;
	padding: 1px 26px 5px 26px;
	line-height: 1.4;
	font-size: .9em;
	text-decoration: none;
}
#navigation a:hover {
	background: #BF7130;
	color: #ffffff;
}