/*----------------------------------------------------------------------------//
// Feuille de styles Messages Clés ------------------------------------------//
//----------------------------------------------------------------------------//
// Client : CEDJE
// Date   : 7 avril 2009
//----------------------------------------------------------------------------*/
@import url(reset.css);/* Mise à zéro de tous les padding / margin par défaut */

/*- Général -------------------------------------------------------------------*/
body {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 11px;
	color:#000;
	background: #FFFFFF;
}
p {
	margin: 0 0 12px 0;
}
#Entete h1 {
	font-size: 14px;
	font-weight: bold;
	color:#f06d71;
	padding: 10px 0;
	margin:0px;
}
#Entete h1 strong {
	font-size: 24px;
	color:#FFF;
	display:block;
}
#Corps h2 {
	font-size: 20px;
	font-weight: bold;
	color:#8e1b1c;
	margin: 20px 0 10px 0;
	padding:0;
}
#Corps h3 {
	font-size: 16px;
	font-weight: bold;
	color:#000;
	margin: 15px 0 8px 0;
	padding:0;
}
#Corps h4, #Corps h5, #Corps h6 {
	font-size: 12px;
	font-weight: bold;
	color:#000;
	margin: 10px 0 4px 0;
	padding:0;
}
a, a:hover {
	color:#0257a4;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}

/*- Styles communs à toutes les pages -----------------------------------------*/
.Clearer {
	clear: both;
}
#Wrapper {
	width: 960px;
}
#Contenu {
	padding:25px 50px;
	font-size:12px;
}
#Contenu h1 {
	font-size: 16px;
	font-weight: bold;
	color:#000;
	padding:0;
	margin:0 0 15px 0;
	text-transform:none;
}
#Wrapper .Texte,
#Wrapper ol li,
#Wrapper ul li,
#Wrapper .BoxListeReference ol li {
	color:#000;
}
#Logo {
	padding:0 25px;
	margin:20px 0;
}
#Entete {
	background:url(/images/Bg_Entete.gif) repeat-x top left;
	height:88px;
	padding:0 25px;
}
#Entete h2 {
	float:right;
	text-transform:uppercase;
	color:#830510;
	font-size:28px;
	font-weight:bold;
	padding:0;
	margin:0;
	line-height:65px;
}
#Corps {
	background:url(/images/Bg_BasContenu.gif) no-repeat bottom right;
}
#Corps div.ColGauche {
	float:left;
	width:212px;
}
#Corps div.ColGauche p.Citation {
	color:#8e1b1c;
	font-weight:bold;
	font-style:italic;
	font-size:18px;
	width:155px;
	margin:35px auto;
}
#Corps div.ColGauche div.Legende {
	margin:40px 0 0;
	padding:0 15px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#Corps div.ColGauche div.Legende .Texte {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	line-height:normal;
}
#ContenuMsg {
	float:left;
	width:648px;
	padding:25px 50px;
}
#ContenuMsg p {
	font-size: 12px;
}
#PiedPage {
	padding:0 25px;
	margin-top:20px;
}
#PiedPage p.Copyright {
	margin:15px 0;
}
.AligneGauche {
	float: left;
}
.AligneDroite {
	float: right;
}

/*- Styles de l'éditeur ----------------------------------------------------*/

/*- Classes pour les textes ----*/
.TextePetit {
	font-size: 9px;
}

/*- Classes pour les listes ----*/
/* 	NOTE : Il est important de garder le font-size sur les ul et ol et non de le
	mettre sur les li, plus bas se trouve une liste d'ajustements pour les EM */
#ContenuMsg ul {
	font-size: 12px;
	margin: 0 0 12px 15px;
	padding: 0;
}
#ContenuMsg ul li {
	list-style: disc outside url(/images/Puce_ListeRouge.gif);
	padding: 0 0 10px 5px;
	margin:0px;
	color:#000;
}

#ContenuMsg ol {
	font-size: 12px;
	margin: 0 0 12px 24px;
	padding: 0;
}
#ContenuMsg ol li {
	list-style: decimal outside;
	padding: 0 0 10px 0;
	margin:0px;
	color:#000;
}

/*- Classes pour les tableaux ----*/
/* 	NOTE : Il est important de garder le font-size sur le tableau et non de le 
	mettre sur les td, plus bas se trouve une liste d'ajustements pour les EM */
table.Tableau {
	font-size: 12px;
	border-right:3px solid #FFF;
	margin:15px 0;
}
table.Tableau td {
	padding:5px 20px 5px 10px;
	vertical-align: top;
	border-bottom:1px solid #be2b2e;
}
table.Tableau td.CelluleTitre {
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	background:#be2b2e;
	padding:5px 10px;
	vertical-align: top;
	border-right:3px solid #FFF;
	border-bottom:0px;
}


/* Intervenants ------------------------------------------------------------*/
body.Intervenants #ContenuMsg ul li {
	list-style: disc outside url(/images/Puce_ListeBleu.gif);
}
body.Intervenants #Corps {
	background:url(/images/Bg_BasContenuBleu.gif) no-repeat bottom right;
}
body.Intervenants #Entete {
	background:url(/images/Bg_EnteteBleu.gif) repeat-x top left;
}

/* Texte */
body.Intervenants h1 {
	color:#4d9eee;
}
body.Intervenants h2 {
	color:#0054a6;
}
body.Intervenants #Entete h2 {
	color:#192571;
}
body.Intervenants #Corps div.ColGauche p.Citation {
	color:#0054a6;
}

/* Tableau */
body.Intervenants table.Tableau td {
	border-bottom:1px solid #0071BC;
}
body.Intervenants table.Tableau td.CelluleTitre {
	background:#0071BC;
}