/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : SVPM > Centre des sciences
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			editeur.css.
// Date   : 15 décembre 2009
//----------------------------------------------------------------------------*/
@import url(/includes/reset.css);/* Mise à zéro de tous les padding / margin par défaut */
@import url(traductions.css);/* Redéfinitions des images traduites */
/*- Général -------------------------------------------------------------------*/
html, body, form {
	height:100%;
	width:100%;
}
body {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	color:#111111;
	background:#FFFFFF;
}
p {
	margin: 0 0 12px 0;
}
a, a:hover {
	color: #898989;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}
.Clearer {
	clear: both;
}
div.hr:after, .Clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.AligneGauche {
	float: left;
}
.AligneDroite {
	float: right;
}
div.hr {
	border-top:1px solid #f3f3f3;
	margin-top:12px;
	padding-bottom:12px;
	clear:both;
}
div.hr hr {
	display:none;
}
/*- Styles communs à toutes les pages -----------------------------------------*/
div.BoxCrise a {
	color:#EA1A10;
	text-decoration: underline;
}
div.BoxCrise a:hover {
	text-decoration: none;
}
#WrapEntete, #WrapEntete div.ConteneurInt {
	background:#111;
	height:130px;
}
#WrapContenu, #WrapContenu div.ConteneurInt {
	background-color:#111;
	background-position:bottom center;
	background-repeat:no-repeat;
	min-height:450px;
	height:auto !important;
	height:450px;
}
#WrapContenu {
	border-top:1px solid #1e1e1e;
}
#WrapContenu div.ConteneurInt {
	padding:44px 0 25px;
}
#WrapSousContenu, #WrapSousContenu div.ConteneurInt {
	background:#101010 url(/images/csm/Bg_SousContenu.png) no-repeat top center;
	height:105px;
}
#WrapPiedPage {
	background:#FFF;
}
#WrapEntete div.ConteneurInt, #WrapSousContenu div.ConteneurInt, #WrapPiedPage div.ConteneurInt, #WrapContenu div.ConteneurInt {
	width: 945px;
	margin: 0 auto;
	position:relative;
}
/* - Entete de page
   ------------------------------------*/
#Logo, #Logo img, #Logo a {
	width:80px;
	height:86px;
}
#Logo {
	position:absolute;
	top:19px;
	left:0px;
}
#Logo img { visibility:hidden; }
#Logo a { display:block; }

/* Navigation Fixe */
#NavFixe {
	height:18px;
	position:absolute;
	right:155px;
	top:10px;
	padding:2px;
	background-color:#f8f8f8;
}
#NavFixe li {
	float:left;
	background:url(/images/csm/Bg_ItemNavFixe.png) no-repeat center left;
	height:18px;
	padding:0px 13px;
}
#NavFixe li.PremierItem {
	background:none;
}
#NavFixe li a {
	/*display:block;*/
	height:18px;
	line-height:16px;
	color:#494949;
	text-decoration:none;
}
#NavFixe li a:hover {
	text-decoration:underline;
}
/* Bloc de recherche */
#Recherche {
	width:144px;
	height:22px;
	position:absolute;
	right:0px;
	top:10px;
	background:url(/images/csm/Bg_ChampRecherche.png) no-repeat top left;
}
#Recherche input {
	border:0px;
	height:15px;
	width:115px;
	display:inline;
	font-size:11px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	margin:3px 3px 0 3px;
	float:left;
	padding:1px 0 0;
	background:transparent;
}
#Recherche a {
	height:22px;
	width:22px;
	overflow:hidden;
	display:block;
	float:left;
	text-indent:-9999px;
	background:url(/images/csm/Bt_ChampRecherche.png) no-repeat top left;
}
/* - Pied de page
   ------------------------------------*/
#WrapPiedPage div.ConteneurInt {
	padding-bottom:25px;
}
#WrapPiedPage ul li {
	border-left:1px solid #dadada;
	padding:0 8px;
	color:#6d6d6d;
	font-size:1.1em;
	float:left;
}
#WrapPiedPage ul li.PremierItem {
	border:0px;
}
#WrapPiedPage ul.Navigation {
	text-align:center;
	margin:22px 0;
}
#WrapPiedPage ul.Navigation li {
	display:inline;
	float:none;
	padding:0 4px 0 8px;
}
#WrapPiedPage a {
	color:#6d6d6d;
}
#WrapPiedPage a:hover {
	color:#494949;
}
/* - Coins Arrondis
   ------------------------------------*/
.CoinRond2px {
	/* Radius CSS 3 */
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-opera-border-radius:2px;
	-khtml-border-radius:2px;
	border-radius:2px;
}
.CoinRond3px {
	/* Radius CSS 3 */
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-opera-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
}
.CoinRondGauche3px {
	/* Radius CSS 3 */
	-moz-border-radius:3px 0 0 3px;
	-webkit-border-radius:3px 0 0 3px;
	-opera-border-radius:3px 0 0 3px;
	-khtml-border-radius:3px 0 0 3px;
	border-radius:3px 0 0 3px;
}
/* - Titre de contenu
   ------------------------------------*/
#WrapContenu h2.TitreBloc,
#WrapContenu h2.TitreCalendrier,
#ContenuAcc h2.TitreBloc,
#WrapContenu h1.TitrePage, 
#WrapContenu h2.TitreSousContenu,
#WrapSousContenu h2 {
	border-bottom:1px solid #ea1a10;
	margin-bottom:12px;
	color:#111;
	font-size:1.4em;
	line-height:1.3em;
	font-weight:bold;
	/* Display Hack */
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
 	*display: inline;
}
/*
h2 span {
	color:#111;
	font-size:1.4em;
	line-height:1.3em;
	font-weight:bold;
	text-decoration:none;
}
*/

/* - Contenu Connexe
   ------------------------------------*/
#WrapSousContenu div.ConteneurInt {
	padding:18px 0 0;
	height:87px;
}
#WrapSousContenu h2 {
	color:#FFF;
	float:left;
	margin-right:28px;
}
#WrapSousContenu div.BlocContenu {
	float:left;
	background-color:#FFF;
	background-position:top left;
	background-repeat:no-repeat;
	padding:0 0 0 80px;
	height:70px;
	width:140px;
	overflow:hidden;
	margin-right:20px;
}
#WrapSousContenu div.BlocContenu p {
	color:#a0a0a0;
	line-height:1.2em;
	margin-bottom:8px;
	padding-top:12px;
}
#WrapSousContenu div.BlocContenu p strong {
	color:#484848;
	font-size:1.1em;
}
/* Bloc Medias Sociaux */
#BlocMediasSociaux {
	width:280px;
	height:105px;
	margin:-18px 0 0 0;
	padding:0 0 0 20px;
	background:url(/images/csm/Bg_SepMediasSociaux.png) no-repeat 0px 11px;
	overflow:hidden;
	float:right;
	position:relative;
}
#BlocMediasSociaux div {
	padding:0 0 0 85px;
	width:200px;
	background-repeat:no-repeat;
	background-position:bottom left;
	height:85px;
	margin-top:18px;
	z-index:10;
	position:absolute;
	top:0px;
	left:20px;
}
#BlocMediasSociaux p {
	font-size:1.2em;
	color:#FEFEFE;
}
#BlocMediasSociaux p strong {
	font-size:0.8em;
	color:#b4b4b4;
	font-weight:normal;
}
#BlocMediasSociaux ul.Navigation {
	overflow:hidden;
	position:absolute;
	bottom:11px;
	right:0px;
	z-index:50;
}
#BlocMediasSociaux ul.Navigation li {
	float:left;
	padding:0 7px;
	height:24px;
	background:url(/images/csm/Sep_NavigationSociaux.png) no-repeat center left;
}
#BlocMediasSociaux ul.Navigation li a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:top left;
	width:20px;
	height:20px;
	margin-top:4px;
	outline:none;
}
#BlocMediasSociaux div.Infolettre {
	background-image:url(/images/csm/Picto_Infolettre.png);
}
#BlocMediasSociaux div.Facebook {
	background-image:url(/images/csm/Picto_FaceBook.png);
	display:none;
}
#BlocMediasSociaux div.Delicious {
	background-image:url(/images/csm/Picto_Delicious.png);
	display:none;
}
#BlocMediasSociaux ul.Navigation li.Infolettre {
	background:none;
}
#BlocMediasSociaux ul.Navigation li.Infolettre a {
	background-image:url(/images/csm/Bt_Infolettre.png);
	width:20px;
}
#BlocMediasSociaux ul.Navigation li.Facebook a {
	background-image:url(/images/csm/Bt_FaceBook.png);
}
#BlocMediasSociaux ul.Navigation li.Delicious a {
	background-image:url(/images/csm/Bt_Delicious.png);
}
#BlocMediasSociaux ul.Navigation li a.On {
	background-position:0px -22px;
}
/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
body.Accueil #WrapContenu,
body.Accueil #WrapContenu div.ConteneurInt {
	min-height:558px;
	height:auto !important;
	height:558px;
	position:static;
	padding:0px;
	width:100%;
}
body.Accueil #WrapContenu div.ConteneurInt {
	overflow:hidden;
	min-width:945px;
}
body.Accueil #WrapEntete div.ConteneurInt {
	border-bottom:1px solid #1e1e1e;
}
body.Accueil #WrapContenu {
	border-top:0px;
}
#WrapFlash {
	width:100%;
	min-width:945px;
	z-index:1;
}
#ContenuAcc {
	width:870px;
	min-height:230px;
	height:auto !important;
	height:230px;
	position:absolute;
	top:400px;
	left:40px;
	z-index:99;
	background:#FFF url(/images/csm/Bg_BlocContenuAcc.gif) repeat-x top left;
	padding:15px 0 0;
}
#ContenuAcc p {
	font-size: 1.1em;
}
#ContenuAcc div.Conteneur {
	float:left;
	width:252px;
	height:220px;
	overflow:hidden;
	border-right:1px solid #e9e9e9;
	border-left:1px solid #FFF;
	padding:0 20px;
}
#ContenuAcc div.PremierItem {
	border-left:0px;
}
#ContenuAcc div.DernierItem {
	border-right:0px;
	width:235px;
}
/*- Styles spéciaux pour pages intérieures ------------------------------------*/
#ColonneGauche {
	width:672px;
	float:left;
}
#ColonneDroite {
	width:262px;
	float:right;
}
#PleinePage #ContenuInt {
	width:945px;
}
#PleinePage #ContenuInt div.ContenuEditeur {
	width:724px;
}
/* Bloc de Contenu */
div.BoxContenu {
	background-color:#FFF;
	padding:10px;
	margin-bottom:10px;
}
div.BoxTriple div.BoxContenu {
	width:197px;
	float:left;
	margin-right:10px;
}
div.BoxTriple div.DernierItem {
	margin-right:0px;
	width:198px;
}
div.BoxDouble div.BoxContenu {
	width:311px;
	float:left;
	margin-right:10px;
}
div.BoxDouble div.DernierItem {
	margin-right:0px;
}
div.BoxContenu div.AligneGauche {
	width:300px;
	padding-left:15px;
	border-right:none;
}
div.BoxContenu div.AligneGauche.PremierItem {
	width:300px;
	padding-right:15px;
	padding-left:0px;
	border-right:1px solid #ebebeb;
}
/* Bloc Robot */
div.BoxTriple {
	position:relative;
}
div.BoxTriple img.Robot {
	position:absolute;
	top:0px;
	left:-28px;
	z-index:999;
}
div.BoxTriple div.BoxContenu.Robot {
	margin-top:94px;
}
/* Contenu avec navigation */
#ContenuInt {
	width:672px;
	margin-bottom:10px;
}
#ContenuInt ul.Navigation {
	float:left;
	padding:7px 0 5px 7px;
	background:#FFF url(/images/csm/Bg_SousSousMenu.gif) repeat-y top right;
	width:190px;
}
#ContenuInt ul.Navigation li {
	margin-bottom:2px;
	background:url(/images/csm/Bg_SousSousMenu_Item.gif) no-repeat top right;
	width:189px;
}
#ContenuInt ul.Navigation a {
	display:block;
	padding:10px 8px;
	background:url(/images/csm/Bg_SousSousMenu_ItemBas.gif) no-repeat bottom right;
	color:#000;
	font-size:1.2em;
	font-weight:bold;
	width:173px;
}
#ContenuInt ul.Navigation a:hover {
	color:#979797;
	text-decoration:none;
}
#ContenuInt ul.Navigation li.On {
	background:url(/images/csm/Bg_SousSousMenu_On.gif) no-repeat top right;
}
#ContenuInt ul.Navigation li.On a, #ContenuInt ul.Navigation li.On a:hover {
	background:url(/images/csm/Bg_SousSousMenu_OnBas.gif) no-repeat bottom right;
	color:#FFF;
	text-decoration:none;
}
#ContenuInt div.ContenuEditeur {
	width:451px;
	min-height:350px;
	height:auto !important;
	height:350px;
	float:right;
	background-color:#FFF;
	padding:12px;
	/* Radius CSS 3 */
	-moz-border-radius:0 3px 3px;
	-webkit-border-radius:0 3px 3px;
	-opera-border-radius:0 3px 3px;
	-khtml-border-radius:0 3px 3px;
	border-radius:0 3px 3px;
}
/*- 1.0 Programmation ------------------------------------*/
#SliderProgrammation div.AVenir {
	background:url(/images/csm/Img_aVenir_FR.gif) no-repeat top left;
	width:205px;
	height:32px;
	bottom:3px;
	left:3px;
	position:absolute;
}
/*- 1.1.1 Activites ------------------------------------*/
body.Activite #ColonneGauche {
	width:414px;
	float:left;
}
body.Activite #ColonneCentre {
	width:248px;
	display:inline;
	float:left;
	margin-left:10px;
}
#DetailActivite h1.TitrePage {
	margin-bottom:25px;
	float:left;
}
#DetailActivite ul.Navigation {
	float:right;
}
#DetailActivite ul.Navigation li {
	float:left;
	margin-left:3px;
	display:inline
}
#DetailActivite ul.Navigation li a {
	width:26px;
	height:26px;
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
}
#DetailActivite ul.Navigation li a:hover {
	background-position:top right;
}
#DetailActivite ul.Navigation li a.BtnSuivant {
	background-image:url(/images/csm/Bt_BlocFlecheDroite.png);
}
#DetailActivite ul.Navigation li a.BtnPrecedent {
	background-image:url(/images/csm/Bt_BlocFlecheGauche.png);
}
#DetailActivite p.Date, #BarreOutilsActivite {
	color:#494949;
	font-size:1.1em;
	border-top:1px solid #ececec;
	border-bottom:1px solid #ececec;
	background-color:#f9f9f9;
	padding:5px 10px;
	margin:0 -10px 12px;
}
#BarreOutilsActivite {
	font-size:1em;
	padding-left:100px;
	height:42px;
	position:relative;
}
#BarreOutilsActivite p.Commentaire {
	margin:7px 0 0 -89px;
	float:left;
	padding:7px 8px 6px 27px;
	font-size:1em;
	color:#FFF;
	background:#ea1a10 url(/images/csm/Picto_Commentaire.png) no-repeat 8px 8px;
}
#BarreOutilsActivite ul.Outils {
	position:absolute;
	right:6px;
	top:18px;
}
#BarreOutilsActivite ul.Outils li {
	float:left;
	border-left:1px solid #d4d4d4;
	padding:0 5px;
	width:16px;
	height:16px;
}
#BarreOutilsActivite ul.Outils li a {
	display:block;
	width:16px;
	height:16px;
	overflow:hidden;
	text-indent:-9999px;
	background-position:top left;
	background-repeat:no-repeat;
}
#BarreOutilsActivite ul.Outils li a:hover {
	background-position:bottom left;
}
#BarreOutilsActivite ul.Outils li.EnvoiAmi {
	border:0px;
}
#BarreOutilsActivite ul.Outils li.EnvoiAmi a {
	background-image:url(/images/csm/Picto_EnvoiAmi.png);
}
#BarreOutilsActivite ul.Outils li.Imprimer a {
	background-image:url(/images/csm/Picto_Imprimer.png);
}
#BarreOutilsActivite div.GalerieCollection {
	float:left;
}
div.GaleriePlaceHolder {
	margin-bottom:24px;
	border:3px solid #E9E9E9;
}
div.GaleriePlaceHolder,
div.GaleriePlaceHolder img {
	width:388px;
	height:232px;
}
div.GaleriePlaceHolder small {
	display:block;
	padding-top:6px;
	color:#8C8C8C;
	font-size:0.9em;
	float:right;
}
/* Bloc Commentaires */
p.Etoile0, p.Etoile1, p.Etoile2, p.Etoile3, p.Etoile4, p.Etoile5 {
	text-indent:-9999px;
	overflow:hidden;
	width:52px;
	height:8px;
	background-repeat:no-repeat;
	background-image:url(/images/csm/Picto_Etoiles.png);
	margin:5px 0
}
p.Etoile0 { background-position:0 0; }
p.Etoile1 { background-position:0 -8px; }
p.Etoile2 { background-position:0 -16px; }
p.Etoile3 { background-position:0 -24px; }
p.Etoile4 { background-position:0 -32px; }
p.Etoile5 { background-position:0 -40px; }
p.Pagination {
	float:right;
}
p.Pagination a {
	border:1px solid #f3f3f3;
	background-color:#f9f9f9;
	color:#494949;
	padding:0 4px;
	text-decoration:none !important;
	font-weight:bold;
}
p.Pagination a:hover {
	color:#ea1a10;
	text-decoration:none !important;
}
p.Pagination a.On, p.Pagination a.On:hover {
	color:#ea1a10;
	background-color:#FFF;
	border:1px solid #FFF;
}
div.CommentItem a.BtnRapporter {
	float:right;
	width:16px;
	height:16px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/images/csm/Picto_Rapporter.png) no-repeat top left;
}
div.CommentItem a.BtnRapporter:hover { background-position:bottom left; }

/* Media Connexe */
div.BlocMediaConnexe p {
	margin-bottom:3px;
}
div.BlocMediaConnexe img.BtnJouerVideo {
	position:absolute;
	top:50px;
	left:85px;
	border:0px;
}

/*- IMAX horaire -----*/
#WrapContenu h2.TitreCalendrier {
	margin-bottom:15px;
}
#IMAXWrapper { 
	margin:-40px -10px 0px -10px; 
	padding:40px 10px 0 10px;
}
#IMAX-Horaire {
	padding:8px 0 0;
}
#IMAX-Horaire ul {
	margin:0 0 12px 0;
}
#IMAX-Horaire li {
	border-bottom:1px solid #f2f2f2;
	list-style:none;
	list-style-image:none;
	padding:3px 0 3px 80px;
	overflow:hidden;
}
#IMAX-Horaire li strong { 
	float:left;
	margin-left:-78px;
	font-weight:normal;
	color:#8c8c8c;
}
#IMAX-Horaire p.NoData { 
	color:#8C8C8C;
	border-bottom:1px solid #f2f2f2;
	padding:3px 0;
}

/*- 1.2 Activites Liste ------------------------------------*/
div.BlocActivite {
	min-height:196px;
	height:auto !important;
	height:196px;
	padding-left:322px;
	border-top:1px solid #f3f3f3;
	margin-top:12px;
	padding-top:18px;
}
div.BlocActivite img.ImageGauche {
	width:305px;
	height:185px;
	margin-left:-322px;
}

/*- Styles pour menu principal / sous-menu  -----------------------------------*/
#MenuPrincipal {
	position:absolute;
	top:60px;
	right:0px;
}
#MenuPrincipal li {
	float:left;
	height:36px;
}
#MenuPrincipal li a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	height:36px;
	background-position:0 0;
	background-repeat:no-repeat;
	outline:none;
	border-left:1px solid #ea1a10;
}
#MenuPrincipal li a:hover {
	background-position:0 -36px;
}
#MenuPrincipal li a.On, #MenuPrincipal li a.On:hover {
	background-position:0 -72px;
}
#MenuPrincipal li.PremierItem a, #MenuPrincipal li a.On, #MenuPrincipal li a.SuivantOn {
	border-left:1px solid #111;
}
/* Sous-Menu */
#SousMenu {
	height:42px;
	width:945px;
	margin-top:-44px;
	overflow:hidden;
}
#SousMenu li {
	float:left;
	padding-top:8px;
}
#SousMenu li a {
	display:inline-block;
	height:25px;
	outline:none;
	border-left:1px solid #ea1a10;
	color:#FFF;
	font-size:1.1em;
	font-weight:bold;
	line-height:23px;
	padding:0 12px;
	text-transform:uppercase;
}
#SousMenu li a:hover {
	color:#464646;
	text-decoration:none;
}
#SousMenu li a.On, #SousMenu li a.On:hover {
	background:#ea1a10 url(/images/csm/Bg_SousMenuG_On.gif) no-repeat top left;
	padding:0 0 0 12px;
}
#SousMenu li a.On span, #SousMenu li a.On:hover span {
	background:#ea1a10 url(/images/csm/Bg_SousMenuD_On.gif) no-repeat top right;
	color:#FFF;
	padding:0 12px 0 0;
	display:inline-block;
	height:25px;
	cursor:pointer;
}
#SousMenu li.PremierItem a, #SousMenu li a.On, #SousMenu li a.SuivantOn {
	border-left:1px solid #111;
}

/*- Styles pour Plan du site --------------------------------------------------*/
body.PlanDuSite #ColonneGauche, body.PlanDuSite #ColonneCentre {
	width:309px;
	margin-right:9px;
	float:left;
}
body.PlanDuSite #ColonneDroite {
	width:308px;
}
body.PlanDuSite div.ContenuEditeur ul {
	margin: 5px 0 0 15px;
	padding: 0;
}
body.PlanDuSite div.ContenuEditeur ul li {
	list-style: disc outside url(/images/csm/Puce_PlanSite.gif);
	padding: 0 0 3px 0;
}
body.PlanDuSite h2 {
	margin-bottom:8px;
}
body.PlanDuSite div.ContenuEditeur a {
	color:#494949;
	text-decoration:underline;
}
body.PlanDuSite div.ContenuEditeur a:hover {
	text-decoration:none;
}

/*- Styles pour les pages d'erreur ---------------------------------------------*/
body.Erreur h1 {
	font-size:2.2em;
	text-transform:uppercase;
	border-bottom:1px solid #ea1a10;
	margin:0 0 5px;
	color:#111;
	
	/* Display Hack */
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
 	*display: inline;
}
body.Erreur div.ContenuEditeur {
	padding:20px 0 0 75px;
	background:url(/images/csm/Picto_PageNonTrouvee.gif) no-repeat 12px 12px;
}
body.Erreur div.ContenuEditeur ul li {
	list-style-image:none;
	list-style:none;
	padding:0;
}
body.Erreur div.ContenuEditeur ul { margin-left:0px; }
body.Erreur ul#Sections { height:130px; width:790px; overflow:hidden; }
body.Erreur ul#Sections li {
	float:left;
	width:158px;
}
body.Erreur ul#Sections img.ImageContour { margin-bottom:0px; }

/*- Styles pour Alternative Flash ----------------------------------------------*/
div#FlashAcc {
	width:560px;
	height:190px;
	margin:0 auto;
	margin-top:40px;
	overflow:hidden;
}

/*- Styles pour Exposition Speciale --------------------------------------------*/
body.ExpoSpecial div#ColonneGauche div.BoxContenu {
	padding-left:190px;
}
body.ExpoSpecial div#ExpoBranding {
	margin-left:-183px;
	float:left;
	width:178px;
}
body.ExpoSpecial div#ExpoBranding img {
	width:165px;
	height:80px;
	display:block;
	margin-top:3px;
}
body.ExpoSpecial #ContenuInt li.SousSousMenu ul {
	padding:7px 0 5px 7px;
	background:none;
	width:auto;
}
body.ExpoSpecial #ContenuInt ul.Navigation li.SousSousMenu {
	background:none;
}
body.ExpoSpecial #ContenuInt ul.Navigation li.SousSousMenu li {
	margin-bottom:3px;
	background:none;
	width:auto;
}
body.ExpoSpecial #ContenuInt ul.Navigation li.SousSousMenu a {
	display:inline;
	padding:0 0 0 12px;
	background:url(/images/csm/Puce_FlecheRouge.png) no-repeat 0 3px;
	color:#000;
	font-size:1.1em;
	font-weight:normal;
	text-decoration:underline;
	width:auto;
}
body.ExpoSpecial #ContenuInt ul.Navigation li.SousSousMenu a:hover {
	color:#979797;
	text-decoration:none;
}
body.ExpoSpecial #ContenuInt ul.Navigation li.SousSousMenu li.On a,
body.ExpoSpecial #ContenuInt ul.Navigation li.SousSousMenu li.On a:hover {
	color:#EA1A10;
	text-decoration:none;
}
body.ExpoSpecial div.GalerieCollection, body.ExpoSpecial div.GaleriePlaceHolder { margin-left:auto; margin-right:auto; }
body.ExpoSpecial div.GalerieCollection { margin-bottom:12px; }

/*- Styles pour formulaires ----------------------------------------------------*/
div.Formulaire p.AligneGauche {
	margin-right: 15px;
}
div.Formulaire p label {
	display: block;
	margin-bottom: 3px;
}
input, textarea, select, .TxtBox, .TxtArea, .SelectList, .Btn, .TxtLabel {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
}
.TxtErreur {
	color: #FF0000;
}
input.Erreur, select.Erreur, textarea.Erreur {
	background:#fffed7;
}
div.SommaireValidation {
	color: #b46f6d !important;
	background:#fffed7 url(/images/csm/Picto_ValidationSummary.png) no-repeat 20px 20px;
	border:1px solid #EA1A10;
	padding: 20px 20px 15px 20px;
	margin-bottom: 12px;
}
div.SommaireValidation ul {
	margin:0 0 0 19px !important;
}
div.SommaireValidation h3 {
    padding:0 0 5px 25px;
}
div.SommaireValidation ul li {
	padding: 0;
}
.TxtBox, .TxtArea {
	color:#111;
	background-color:#F9F9F9;
	border: 1px solid #DFDFDF;
	padding:3px;
	margin:	0 0 0 0;
}
.SelectList {
	color:#111;
	background-color:#F9F9F9;
	border: 1px solid #DFDFDF;
	padding:2px 3px;
	margin:	0 0 0 0;
}
a.Btn {
	cursor:pointer;
	line-height:29px;
	background-position:right top;
	background-repeat:no-repeat;
	background-image: url(/images/csm/Bg_BoutonLongBlanc.png);
	padding-right:9px;
	vertical-align:middle;
	outline:none;
	text-decoration:none !important;
	/* Display Hack */
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
}
a.Btn span {
	background-position:left top;
	background-repeat:no-repeat;
	background-image: url(/images/csm/Bg_BoutonLongBlanc.png);
	height:29px;
	padding-left:9px;
	line-height:27px;
	color:#FFFFFF;
	font-size:11px;
	/* Display Hack */
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
}
a.Btn:hover span {
	color:#898989;
	text-decoration:none !important;
}
a.Btn u {
	border-bottom:1px solid #ea1a10;
	text-decoration:none !important;
}
/* Bouton custom */
#BlocMediasSociaux a.Btn, #BlocMediasSociaux a.Btn span {
	background-image: url(/images/csm/Bg_BoutonCourtNoir.png);
	line-height:27px;
}
#BlocMediasSociaux a.Btn span {
	height:27px;
	line-height:25px;
}
#BlocMediasSociaux a.Btn:hover {
	background-position:    right -27px;
}
#BlocMediasSociaux a.Btn:hover span {
	background-position:	left -27px;
}
/* Bouton devenir membre */
a.BtnDevenezMembre {
	background:url(/images/csm/Puce_FlecheRouge.png) no-repeat center left;
	padding-left:12px;
	text-decoration:none !important;
	outline:none;
}
a.BtnDevenezMembre span {
	background:url(/images/csm/Picto_Interrogation.gif) no-repeat right center;
	height:26px;
	padding-right:32px;
	line-height:26px;
	color:#000;
	font-size:11px;
	font-weight:bold;
	text-decoration:none !important;
	/* Display Hack */
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
}
a.BtnDevenezMembre:hover span {
	color:#979797;
	text-decoration:none !important;
}

/*- Styles de thickbox ----------------------------------------------------*/
div.PopupWrapper {
	padding:0 20px 20px;
}
div#VideoConnexeBox {
	padding:0 0 0 20px;
}
div.PopupWrapper div.PopupEntete {
	text-align:right;
}
div.PopupWrapper input.TxtBox {
	width:165px;
	margin-bottom:0px;
}
/* Popup styles contenu */
div.PopupWrapper h6 {
	color:#111;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.3em;
	margin-bottom:15px;
}
div.PopupWrapper p {
	color:#3B3B3B;
	font-size:11px;
	font-weight:normal;
}
div.PopupWrapper span.caption {
	height:30px;
	padding:7px 30px 5px 10px;
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#4c4c4c;
}
div.PopupWrapper ul {
	margin:5px 0 15px 15px;
}
div.PopupWrapper ul li {
	color:#3B3B3B;
	font-size:11px;
	font-weight:normal;
	list-style:disc outside;
	padding-bottom:2px;
}
div.Formulaire label,
div.PopupWrapper label {
	font-weight:bold;
	display:block;
	color:#3B3B3B;
	margin-bottom:2px;
}

/*- Styles de l'éditeur ----------------------------------------------------*/
div.ContenuEditeur h2 {
	color:#000;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:5px;
}
div.ContenuEditeur h3 {
	color:#494949;
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:3px;
}
div.ContenuEditeur h4,
div.ContenuEditeur h5
div.ContenuEditeur h6 {
	color:#8c8c8c;
	font-size:1.1em;
	margin-bottom:5px;
}
div.ContenuEditeur p, div.ContenuEditeur li {
	font-size:1.1em;
	line-height:1.6em;
	color:#494949;
}
div.ContenuEditeur a {
	color:#484848;
	text-decoration:underline;
}
div.ContenuEditeur a:hover {
	color:#979797;
}

/*- Classes pour les textes ----*/
.TexteGrand {
	font-size: 1.8em !important;
	color:#111111 !important;
}
.TextePetit {
	font-size: 0.9em !important;
}
/*- Classes pour les hyperliens ----*/
a.LienFleche {
	background:url(/images/csm/Puce_FlecheRouge.png) no-repeat center left;
	padding-left:12px;
	color:#484848;
	text-decoration:underline;
}
a.LienFleche:hover {
	color:#979797;
}
/*- Classes pour les images ----*/
img.ImageContour {
	border:3px solid #E9E9E9;
	margin-bottom:12px;
}
img.ImageGauche {
	border:3px solid #E9E9E9;
	margin:	0 10px 5px 0;
	float: left;
}
img.ImageDroite {
	border:3px solid #E9E9E9;
	margin: 0 0 5px 10px;
	float: right;
}
/*- 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 */
div.ContenuEditeur ul {
	margin: 0 0 12px 15px;
	padding: 0;
}
div.ContenuEditeur ul li {
	list-style: disc outside url(/images/csm/Puce_Liste.gif);
	padding: 0 0 5px 0;
}
div.ContenuEditeur ol {
	margin: 0 0 12px 24px;
	padding: 0;
}
div.ContenuEditeur ol li {
	list-style: decimal outside;
	padding: 0 0 5px 0;
}
div.ContenuEditeur div.ListePuceAjust ul { 
	*display:inline-block;
	*margin: 0 0 5px 0;
}
div.ContenuEditeur div.ListePuceAjust ul li {
	list-style-position:inside;
	*list-style-position:outside;
	*margin-left:15px;
}

/*- Classes pour les tableaux ---------------------------------------*/
table.Tableau {
	margin-bottom:12px;
}
table.Tableau td {
	font-size: 1.1em;
	padding:8px 10px;
	border-bottom:1px solid #F3F3F3;
	vertical-align: top;
}
table.Tableau td.CelluleAlternative {
	background-color:#e8e8e8;
}
table.Tableau td.CelluleTitre {
	color:#111111;
	font-size:1.2em;
	font-weight:bold;
	padding:5px 10px;
	border-bottom:1px solid #EA1A10;
}
/*--------------------------------------------------------------------------*/

/*- Styles d'ajustement pour les EM ----------------------------------------*/
div.ContenuEditeur p p, div.ContenuEditeur li li, table.Tableau li, table.Tableau p {
	font-size:1em !important;
}