/*----------------------------------------------------------------------------//
// 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
//----------------------------------------------------------------------------*/

/*- Général -------------------------------------------------------------------*/
html, body, form {
	height:100%;
	width:100%;
}
body {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 62.5%; /* 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;
}
sub {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-bottom;
	padding-top: 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;
}

a.Tickets {
	display:inline-block;
	padding:5px 10px; border:2px solid #d0cece;
	font-size:12px; color:#fff; text-decoration:none; text-align:center;
	background-color:#c7392e;
}

#WrapEntete, #WrapEntete div.ConteneurInt {
	background:#111;
	height:130px;
}
#WrapContenu, #WrapContenu div.ConteneurInt {
	background-color:#111;
	background-position:top 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;
}
#WrapEntete div.ConteneurInt { z-index:10; }
#WrapContenu div.ConteneurInt { z-index:9; }
#WrapSousContenu div.ConteneurInt { z-index:8; }
#WrapPiedPage div.ConteneurInt { z-index:7; }

/* - Entete de page
   ------------------------------------*/
#Logo, #Logo img, #Logo a {
	width:82px;
	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:325px;
	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:170px;
	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;
}

#Billetterie #BilletterieButton {
	position:absolute; overflow:hidden;
	right:75px; top:10px;
	width:90px; height:13px;
	padding:5px 0 3px 0;
	font-size:11px; color:#fff; text-transform:uppercase; text-align:center;
}
	#Billetterie #BilletterieButton:hover {
		color:#464646; text-decoration:none;
	}
	#Billetterie #BilletterieButton.On {
		color:#fff; 
		background-color:#d8001d;
	}

	#Billetterie #ShoppingCartButton {
		position:absolute; 
		right:30px; top:11px;
		width:20px; height:13px;
		padding:5px 0 3px 22px;
		font-size:11px; color:#fff; text-transform:uppercase; text-align:center;
		background:transparent url(/images/csm/Bt_Billetterie.png) left top no-repeat;
	}
		#Billetterie #ShoppingCartButton:hover {
			color:#464646; text-decoration:none;
			background-position:left -25px;
		}
		#Billetterie #ShoppingCartButton.On {
			color:#d8001d;
			background-position:left -50px;
		}
	#Billetterie .LogoutButton {
		position:absolute; overflow:hidden; text-indent:-10000px;
		right:0; top:11px;
		width:20px; height:20px;
		background:transparent url(/images/csm/Bt_Billetterie.png) left -75px;
	}
		#Billetterie .LogoutButton:hover {
			background-position:left -100px;
		}
		#Billetterie .LogoutButton.On {
			background-position:left -125px;
		}
		
/* Timeout Popup */
#TimeoutPopupWrapper { padding:8px; }
	div.AlerteConteneur h3 { font-size:18px; font-weight:bold; color:#b5b5b5; margin-bottom:12px; }
	div.AlerteConteneur p { font-size:14px; color:#000; margin-bottom:12px; padding:12px; border:3px solid #d8001d; }


/* - 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;
}
.CoinRondHaut3px {
	/* Radius CSS 3 */
	-moz-border-radius:3px 3px 0 0;
	-webkit-border-radius:3px 3px 0 0;
	-opera-border-radius:3px 3px 0 0;
	-khtml-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
}
.CoinRondBas3px {
	/* Radius CSS 3 */
	-moz-border-radius:0 0 3px 3px;
	-webkit-border-radius:0 0 3px 3px;
	-opera-border-radius:0 0 3px 3px;
	-khtml-border-radius:0 0 3px 3px;
	border-radius:0 0 3px 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;
}

#ContenuAcc a.Tickets {
	padding:3px 10px;
	color:#fff; text-decoration:none;
}

/*- 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 ------------------------------------*/
div.SliderAccueil div.AVenir,
#SliderProgrammation div.AVenir {
	background:#EA1A10;
	position:absolute;
	left:3px;
	overflow:hidden;
	text-transform:uppercase;
	color:#FFF;
}
#SliderProgrammation div.AVenir {
	width:175px;
	bottom:3px;
	padding:10px 15px;
	font-size:12px;
	line-height:14px;
}
div.SliderAccueil div.AVenir {
	bottom:3px;
	width:215px;
	padding:6px 15px;
	font-size:11px;
	line-height:13px;
}
div.SliderAccueil li span { margin-bottom:12px; }
/*- 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;
	max-width: 315px;
}
#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, #BarreCommentaire {
	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:55px;
	height:42px; width:349px;
	position:relative;
	border-bottom:0px;
	margin-bottom:-10px;
}
#BarreOutilsActivite.IEfixCR { margin-bottom:0px; border-bottom:1px solid #ececec; width:347px; }

#BarreCommentaire {
	font-size:1em;
	padding:10px;
	height:30px;
	border-top:0px;
	margin-top:-10px;
}
#BarreCommentaire.IEfixCR { margin-top:0px; border-top:1px solid #ececec; width:392px; }

#BarreCommentaire p.Compteur {
	margin:0 0 0 0;
	float:left;
	padding:7px 8px 6px 27px;
	font-size:1em;
	color:#FFF;
	background:#ea1a10 url(/images/csm/Picto_Commentaire.png) no-repeat 8px 8px;
}
#BarreCommentaire a.BtnRouge {
	float:right;
	padding:0 0 0 5px;
	display:inline-block;
	background:url(/images/csm/Bt_Rouge.png) no-repeat top left;
}
#BarreCommentaire a.BtnRouge span {
	padding:6px 30px 6px 25px;
	font-size:12px;
	line-height:14px;
	color:#FFF;
	display:inline-block;
	background:url(/images/csm/Bt_Rouge.png) no-repeat top right;
}
/*
#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 50px;
	overflow:hidden;
}
#IMAX-Horaire li strong { 
	float:left;
	margin-left:-48px;
	font-weight:normal;
	color:#8c8c8c;
}
#IMAX-Horaire .NoData { 
	color:#8C8C8C;
	border-bottom:1px solid #f2f2f2;
	padding:3px 0;
}

#IMAX-Horaire a.Tickets {
	float:right;
	width:38px;
	margin-left:10px; padding:3px 10px;
	color:#fff; text-decoration:none;
}
#IMAX-Horaire span.TimeUp,
#IMAX-Horaire span.Complet {
	float:right;
	width:60px;
	margin-left:10px; padding:4px 0;
	font-size:9px; color:#000; text-transform:uppercase; text-align:center;
}

#ColCombos {
	margin:0;
}
	#ColCombos li {
		list-style:none;
		list-style-image:none;
		display:block; position:relative; overflow:hidden;
		padding:9px;
		font-size:1.2em; color:#000; line-height:1;
		background-color:#f2f2f2;
	}
	#ColCombos li img {
		display:block; float:left;
		width:56px; height:80px;
		margin:0 3px 0 0; padding:2px;
		background-color:#dedddd;
	}
	#ColCombos li span {
		position:absolute; display:block; overflow:hidden; text-indent:-10000px;
		left:58px; top:38px;
		width:27px; height:27px;
		background:transparent url(/images/csm/Picto_CombosPlus.png) left top no-repeat;
	}
	#ColCombos li strong {
		display:block;
		margin-bottom:5px;
		font-weight:bold;
	}
	#ColCombos li a.Tickets {
		margin-top:5px; padding:3px 10px;
		color:#fff; text-decoration:none;
	}




/*- 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;
	width:800px;
}
#MenuPrincipal li {
	float:left;
	height:36px;
	position:relative;
}
#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.PremierItem a, #MenuPrincipal li a.On, #MenuPrincipal li a.SuivantOn {
	border-left:1px solid #111;
}

/* Menu-deroulant */
#MenuPrincipal ul {
	display:none;
	position:absolute;
	top:39px;
	left:0px;
	border:0px;
	background:#fff;
	padding:8px 8px 5px 8px;
	
	-webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
#MenuPrincipal li ul li {
	float:none;
	background:#fff;
	position:static;
	padding:0px;
	margin-bottom:3px;
	height:auto;
}
#MenuPrincipal li ul li a {
	background:#EDEDED !important;
	border:0px !important;
	text-indent:0px;
	overflow:auto;
	text-align:left;
	background-image:none !important;
	color:#000;
	text-decoration:none;
	font-size:1.1em;
	line-height:22px;
	height:auto;
	padding:3px 8px;
	
	-webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
#MenuPrincipal li ul li a:hover { color:#979797; text-decoration:none; }
#MenuPrincipal li ul li.On a, #MenuPrincipal li ul li.On a:hover { color:#FFF; background:#EA1A10 !important; }
#MenuPrincipal li.DernierItem ul { right:0px; left:auto; }


/* 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 10px;
	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:underlinene;
}
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;
}
#ContenuInt div.ContenuEditeur div.GalerieCollection, #ContenuInt div.ContenuEditeur div.GaleriePlaceHolder { margin-left:auto; margin-right:auto; }
#ContenuInt div.ContenuEditeur div.GalerieCollection { margin-bottom:12px; }


/*- Styles pour formulaires ----------------------------------------------------*/
div.Formulaire p.AligneGauche {
	margin-right: 15px;
}
div.Formulaire p label {
	display: block;
	margin-bottom: 3px;
}

div.Formulaire .Erreur label {
	color: #d8001d !important;
}
div.Formulaire .Erreur > span {
	display: block;
	margin:2px 0 0 0;
	color: #d8001d !important;
	font-size:10px;
	font-weight:bold;
}

input, textarea, select, .TxtBox, .TxtArea, .SelectList, .Btn, .TxtLabel {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
}
.TxtErreur {
	color: #d8001d;
}
input.Erreur, select.Erreur, textarea.Erreur {
	background:#fffed7;
}
div.SommaireValidation {
	color: #d8001d !important;
	font-size:1.2em; font-weight:bold;
	background:#e4e5e6 url(/images/csm/Picto_ValidationSummary.png) no-repeat 12px 12px;
	padding: 20px 20px 15px 50px;
	margin-bottom: 12px;
}
div.SommaireValidation ul {
	margin:0 0 0 19px !important;
}
div.SommaireValidation h3 {
    padding:0 0 5px 0;
}
div.SommaireValidation ul li {
	padding: 0;
	color: #d8001d; font-size:1em;
	
}
.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;
}


table.ColPrix td {
	padding:5px 0 0 0;
	font-size:1.2em; color:#000;
}
table.ColPrix td p {
	color:#000;
}
table.ColPrix td span.TextePetit {
	color:#b3b2b2;
}

/*--------------------------------------------------------------------------*/

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