body {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 0.8em;
	color: #52668B;
	margin: 0;
	padding: 0;
	background: #f2f3f3 url(../images/layout/bg_body.gif) repeat-y center;
	/*text-align: center;*/ /* pour corriger le bug de centrage IE du style global*/
}
img {
	border: 0;
}
#header {
	height: 114px;
	border-bottom: 4px solid #fff;
	background: url(../images/layout/bg_entete.gif) no-repeat right top;
}
#baseline h2 {
	position: absolute;
	top: 85px;
	left: 0px;
	width: 760px;
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	color: #647AA4;
}
#conteneur {
	position: absolute;
	width: 760px;
	left: 50%;
	margin-left: -380px;
	background: url(../images/layout/bg_conteneur.gif) repeat-x top;
}
#droite h4, #droite h5, #gauche h3 {
	margin: 0px 5px 10px 5px;
	padding: 0;
	font-size: 110%;
	color: #f60;
	border-bottom: 1px dotted #f60;
}
#droite h4, #droite h5 { margin-left: 0;}
#droite h5 { margin-top: 10px;}
#droite p {
	margin: 2px 0;
	padding: 0 2px;
	line-height: 20px;
	font-size: 90%;
}
#droite p a {
	color: #52668B;
	text-decoration: none;
	/*display: block;
	border: 0 none;
	height: 100%;*/
}
/*#dessins p a:visited {
	text-decoration: none;
	color: #000;
}*/
/*#droite p a:hover {
	text-decoration: underline;
	color: #f00;
}
#droite p a:active {
	text-decoration: underline;
	color: #f00;
}*/
#gauche {
	position: absolute;
	left:0;
	width: 147px;
	margin-top: 10px;
}
#gauche h4 {
	padding: 0;
	margin: 20px 10px 15px 15px;
	text-align: center;
}
#gauche p, #sousgauche p {
	padding: 0;
	margin: 0 0 5px 15px;
}
#sousgauche p.titre, #droite p.titre {
	margin: 0px 5px 10px 5px;
	padding: 0;
	font-size: 110%;
	font-weight: bold;
	color: #f60;
	border-bottom: 1px dotted #f60;
}
#sousgauche {
	position: absolute;
	left:0;
	top: 360px;
	width: 147px;
}
#pied {
	/*height: 50px;*/
	/*border-top: 4px solid #fff;*/
	margin: 0 147px; /*0 147px 20px 147px ou 0 249px 20px 147px*/
}
#pied p {
	text-align:center;
	margin:0;
	padding-top: 10px;
}
#piedpage {
	height: 80px;
	text-align: center;
	border-top: 4px solid #fff;
	padding-top: 5px;
	font-size: 85%;
}
#piedpage p {
	padding: 0;
	margin: 0;
	line-height: 1.25em;
}
#piedpage img {
	vertical-align: middle;
	margin: 5px 0;
}
/*#xiti-logo, #creative-common {
	position: absolute;
	width: 147px;
	text-align: center;
}
#xiti-logo {
	left: 0;
	padding-top: 37px;
}
#creative-common {
	right:0;
	padding-top: 33px;
}*/
/*** Menu gauche (principal) ***/
#gauche ul, #droite ul, #sousgauche ul {
	list-style-type: none;
	margin:0;
	padding:0;
} 
#gauche li, #droite li, #sousgauche li {
	margin: 0 0 0 10px;
	text-align: left;
}
.menugauche a, .menudroit a {
     text-decoration: none;
	 color: #52668B;
}
/*.menugauche a:visited, #menudroit a:visited {
	text-decoration: none;
	color: #000;
}*/	 
.menudroit a:focus {
	text-decoration: none;
	color: #f00;
}
.menugauche a:hover, .menudroit a:hover {
	text-decoration: underline;
	color: #f00;
}
.menugauche a:active, .menudroit a:active {
	text-decoration: underline;
	color: #f00;
}
/**** Menu pied de page ****/
#piedpage ul {
    display: inline;
	margin: 0;
	padding: 0;
}
#piedpage ul li {
    margin-left: 0;
    padding: 0px 5px;
    list-style: none;
    display: inline;
}
#piedpage ul li.premier {
    margin-left: 0;
    border-left: none;
    list-style: none;
    display: inline;
}
#piedpage a {
color: #000;
text-decoration: none;
}
/*#piedcentre a:visited {
	text-decoration: none;
	color: #000;
}*/
#piedpage a:hover {
color: #f00;
	text-decoration: underline;
}
#piedpage a:active {
	text-decoration: underline;
	color: #f00;
}
/*** divers ***/
dd:first-line {	font-weight: bold;}

a.info {
position: relative;
text-decoration: none;
color: #000;
}
a.info span { display: none;}
a.info:hover { /*Contournement d'un bug IE*/
background: none;
z-index: 500;
}
a.info:hover span {
display: inline;
position: absolute;
z-index: 500;
top: -3.2em;
left: -7em;
width: 32em;
background-color: #f2f3f3;
text-align: left;
color: #52668B;
font-weight: normal;
padding: 0.2em;
border: 1px solid #f00;
}