/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : SVPM > Quais du Vieux-Port de Montréal
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			editeur.css.
// Date   : 25 janvier 2010
//----------------------------------------------------------------------------*/
@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 -------------------------------------------------------------------*/
body {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	color:#737373;
	background:#FFFFFF;
}
p {
	margin: 0 0 12px 0;
}
a, a:hover {
	color: #15a4ec;
	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 -----------------------------------------*/
#Wrapper {
	background:#f9f9f9;
	border-bottom:1px solid #eaeae9;
}
#PiedPage, #Entete, #Contenu, #SousContenu {
	width: 960px;
	margin: 0 auto;
}
#Entete {
	position:relative;
	height:150px;
	z-index:2;
}

/* - Entete de page
   ------------------------------------*/
img#Logo {
	position:absolute;
	top:15px;
	left:0px;
}
/* Navigation Fixe */
#NavFixe {
	position:absolute;
	right:0px;
	top:12px;
}
#NavFixe li {
	float:left;
	padding:0px 9px;
	border-right:1px solid #7cd3f4;
}
#NavFixe li.DernierItem { border:0px; padding-right:0px; }
#NavFixe li a {
	color:#737373;
	text-decoration:none;
	font-size:1.1em;
}
#NavFixe li a:hover, #NavFixe li a.On {
	color:#15a4ec;
}
/* Bloc de recherche */
#Recherche {
	height:27px;
	position:absolute;
	right:0px;
	top:55px;
}
#Recherche input {
	width:227px;
	display:inline;
	font-size:11px;
	color:#737373;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	padding:6px 8px 5px;
	background:#FFF;
	border:1px solid #eeeeee;
	border-right:0px;
}
#Recherche a {
	height:31px;
	width:27px;
	overflow:hidden;
	display:block;
	float:left;
	text-indent:-9999px;
	background:url(/images/docks/Bt_ChampRecherche.png) no-repeat top left;
}
/* - Pied de page
   ------------------------------------*/
#PiedPage {
	padding-bottom:25px;
}
#PiedPage ul li {
	border-left:1px solid #7fd7f8;
	padding:0 8px;
	color:#a4a4a4;
	font-size:1.1em;
	float:left;
}
#PiedPage ul li.PremierItem {
	border:0px;
}
#PiedPage ul.Navigation {
	text-align:center;
	margin:22px 0;
}
#PiedPage ul.Navigation li {
	display:inline;
	float:none;
	padding:0 4px 0 8px;
}
#PiedPage a {
	color:#a4a4a4;
}
#PiedPage a:hover {
	color:#b5b5b5;
	text-decoration:none;
}

/* - Titre de contenu
   ------------------------------------*/
ul.TabMenu li a,
#SousContenu h2, h2.Souligne, div.ContenuEditeur h2.Souligne, #Contenu h1  {
	border-bottom:3px solid #15a4ec;
	margin-bottom:12px;
	color:#2f2f2f;
	line-height:1.5em;
	font-weight:bold;
	/* Display Hack */
	display: -moz-inline-stack;
	display: inline-block;
	zoom:1;
}
#Contenu h1 { font-size:1.8em; font-weight:normal; padding:3px 0; }
#Contenu h1 span { line-height:1.1em; }
h2.Souligne, div.ContenuEditeur h2.Souligne { font-size:1.2em; }
h2.TitreBloc, div.ContenuEditeur h2.TitreBloc {
	background:#fcfcfc url(/images/docks/Bg_TitreColonneDroite.png) repeat-x bottom left;
	padding:12px;
	border:1px solid #e5e5e5;
	color:#2f2f2f;
	font-size:1.2em;
	font-weight:normal;
	margin:0 0 12px 0 !important;
}


/* - Contenu Connexe
   ------------------------------------*/
#SousContenu {
	margin-top:9px;
	height:107px;
}
#SousContenu h2 {
	font-size:1.2em;
	float:left;
	margin:37px 22px 0 12px;
}
#SousContenu span.Pointe { 
	width:7px;
	height:12px;
	background:url(/images/docks/Img_PointeAussiQuais.gif) no-repeat top left;
	float:left;
	margin-left:-6px;
	margin-top:41px;
	display:block;
}
#SousContenu div.BlocContenu {
	float:left;
	background-color:#FFF;
	border:1px solid #e1e1e1;
	padding:0 0 0 0;
	width:578px;
	height:96px;
}
#SousContenu div.BlocContenu div {
	float:left;
	background-color:#FFF;
	padding:0 0 0 85px;
	height:85px;
	width:188px;
	overflow:hidden;
	margin:8px 0 0 10px;
	display:inline;
}
#SousContenu div.BlocContenu div img {
	margin-left:-85px;
	float:left;
	width:70px;
	height:70px;
	margin-bottom:0px;
}
#SousContenu div.BlocContenu a { font-weight:bold; }
#SousContenu div.BlocContenu p {
	color:#979797;
	font-size:1.1em;
	line-height:1.3em;
	margin-bottom:8px;
	padding-top:12px;
}
#SousContenu div.BlocContenu p strong {
	color:#3a3a3a;
	font-weight:normal;
}

/* Bloc Medias Sociaux */
#BlocMediasSociaux {
	width:220px;
	height:107px;
	overflow:hidden;
	float:right;
	position:relative;
}
#BlocMediasSociaux div {
	padding:0 0 0 72px;
	width:148px;
	height:75px;
	background-repeat:no-repeat;
	background-position:top left;
	margin-top:16px;
	z-index:10;
	position:absolute;
	top:0px;
	left:0px;
}
#BlocMediasSociaux p {
	font-size:1.2em;
	color:#2f2f2f;
}
#BlocMediasSociaux p strong {
	font-size:0.8em;
	color:#979797;
	font-weight:normal;
}
#BlocMediasSociaux ul.Navigation {
	overflow:hidden;
	position:absolute;
	bottom:11px;
	right:0px;
	z-index:50;
	background-color:#FFF;
	padding:4px 0;
	border:1px solid #eaeae9;
}
#BlocMediasSociaux ul.Navigation li {
	float:left;
	padding:0 7px;
	height:24px;
	border-left:1px solid #7fd7f8;
}
#BlocMediasSociaux ul.Navigation li a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:top left;
	width:20px;
	height:20px;
	outline:none;
	margin-top:2px;
}
#BlocMediasSociaux div.Infolettre {
	background-image:url(/images/docks/Picto_Infolettre.png);
}
#BlocMediasSociaux div.Facebook {
	background-image:url(/images/docks/Picto_FaceBook.png);
	display:none;
}
#BlocMediasSociaux ul.Navigation li.Infolettre {
	border:none;
}
#BlocMediasSociaux ul.Navigation li.Infolettre a {
	background-image:url(/images/docks/Bt_Infolettre.png);
	width:20px;
}
#BlocMediasSociaux ul.Navigation li.Facebook a {
	background-image:url(/images/docks/Bt_FaceBook.png);
}
#BlocMediasSociaux ul.Navigation li a.On {
	background-position:0px -22px;
}

/*- Styles spéciaux pour les blocs Activites ----------------------------------*/
div.BlocActivite p {
	font-size:1.1em;
	line-height:1.6em;
	color:#979797;
}
div.BlocActivite h2 {
	font-size:1.1em;
	font-weight:bold;
	margin:8px 0 4px;
}
#EnteteFiche h3,
div.BlocActivite h3 {
	font-size:0.9em;
	color:#464646;
	text-transform:uppercase;
	margin-bottom:8px;
}
div.BlocActivite a { font-weight:bold; }

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
#ContenuAcc {
	margin:0 auto;
	width:960px;
}
div#ContenuAcc div.ConteneurTab { margin-bottom:0px; }
div#ContenuAcc div.TabContenu { padding-left:10px; } 

div#WrapperFlash { border:1px solid #eeeeee; margin-bottom:15px; }

/*- Styles spéciaux pour les Tabs Content ------------------------------------*/
div.ConteneurTab {
	position:relative;
	margin-bottom:18px;
}
ul.TabMenu {
	height:35px;
	border-bottom:1px solid #e1e1e1;
}
ul.TabMenu li {
	float:left;
	height:30px;
	padding:5px 10px 0;
	border:1px solid transparent;
	border-bottom:0px;
}
ul.TabMenu li.On {
	background:#FFF;
	border:1px solid #e1e1e1;
	border-bottom:0px;
}
ul.TabMenu li a {
	font-size:1.2em;
	text-decoration:none;
	color:#939393;
	border-bottom:3px solid #e0e0e0;
}
ul.TabMenu li.On a,
ul.TabMenu li a:hover {
	color:#2f2f2f;
	border-bottom:3px solid #15a4ec;
}
div.TabContenu {
	clear:both;
	border:1px solid #e1e1e1;
	border-top:0px;
	background:#FFF;
	padding:10px 0 10px 5px;
}

/*- Styles spéciaux pour les carrousels en vedette --------------------------------*/

/* Carrousel de l'accueil : voir aussi dans le fichier abso.easyslider.css */
div#CarrouselEnVedette li div.Slide {
	display:inline;
	float:left;
	position:relative;
}
/* Interieur */
div#Contenu div#CarrouselEnVedette li div.Slide {
	width:210px;
}
div#Contenu div#CarrouselEnVedette img.ImageContour {
	margin-bottom:0px;
	display:block;
}

/* Overwrite Accueil */
div#ContenuAcc div#CarrouselEnVedette li div.Slide {
	width:115px;/*305px*/
	padding-left:200px;	
	border-left:1px solid #e2e2e2;
	height:130px;
	overflow:hidden;
}
div#ContenuAcc div#CarrouselEnVedette li div.PremierItem { padding-left:190px; border:0px; }
div#ContenuAcc div#CarrouselEnVedette li div.Slide img { position:absolute; top:0px; left:10px; z-index:1; }
div#ContenuAcc div#CarrouselEnVedette li div.PremierItem img { left:0px; }

/* Dates */
div#CarrouselEnVedette li div.Slide div.Tag {
	top:10px;
	left:20px;
	position:absolute;
	z-index:2;	
	display:block;
}
div#CarrouselEnVedette li div.Slide div.Tag,
div#CarrouselEnVedette li div.Slide div.Tag table,
div#CarrouselEnVedette li div.Slide div.Tag table td {
	width:62px;
	height:62px;
}
div#CarrouselEnVedette li div.Slide div.Tag table td {
	text-transform:uppercase;
	font-size:1.1em;
	line-height:1.5em;
	color:#FFF;
	text-align:center;
	vertical-align:middle;
	background-color:#15A4EC;
	padding:0 4px;
	width:54px;
}
div#CarrouselEnVedette li div.PremierItem div.Tag { left:10px; }


/*- Styles spéciaux pour la boite de recherche --------------------------------*/
#BlocRecherche {
	padding:10px;
	border:1px solid #e1e1e1;
	border-top:0px;
}
#BlocRecherche h3 {
	font-size:1.1em;
	font-weight:bold;
	margin:12px 0;
}
#BlocRecherche div.BlocTypeActivite,
#BlocRecherche div.BlocCalendrier,
#BlocRecherche div.BlocBouton {
	border-top:1px solid #e6e6e6;
	padding:3px 0;
}
#BlocRecherche div.BlocCalendrier div.ItemCalendrier { margin-bottom:12px; }
#BlocRecherche div.BlocBouton { padding-top:12px; }
#BlocRecherche div.BlocMotCles { padding-bottom:12px; }
#BlocRecherche label { font-size:1.1em; color:#979797; }
#BlocRecherche div.BlocTypeActivite p.Checkbox { float:left; width:125px; display:inline; }
div.ColonneDroite #BlocRecherche div.BlocTypeActivite p.Checkbox { width:100px; }

#BlocRecherche div.BlocCalendrier label,
#BlocRecherche div.BlocCalendrier input, 
#BlocRecherche div.BlocCalendrier a {
	float:left;
	margin-right:5px;
}
#BlocRecherche div.BlocCalendrier label { padding-top:3px; }

/* Ajustement du bloc à l'accueil */
#ContenuAcc #BlocRecherche {
	height:130px;
	padding:10px 0 10px 10px;
}
#ContenuAcc #BlocRecherche div.BlocTypeActivite,
#ContenuAcc #BlocRecherche div.BlocCalendrier,
#ContenuAcc #BlocRecherche div.BlocBouton {
	float:left;
	border:0px;
	border-left:1px solid #e2e2e2;
	padding:0 12px;
	height:130px;
}
#ContenuAcc #BlocRecherche div.BlocMotCles { 
	float:left;
	padding-right:12px;
	padding-bottom:0px;
	width:195px;
	height:130px;
}
#ContenuAcc #BlocRecherche div.BlocTypeActivite { width:425px; }
#ContenuAcc #BlocRecherche div.BlocCalendrier { width:162px; }
#ContenuAcc #BlocRecherche div.BlocBouton { width:76px; }
#ContenuAcc #BlocRecherche div.BlocBouton a.Btn { margin-top:55px; }
#ContenuAcc #BlocRecherche div.BlocTypeActivite p.Checkbox { width:115px; }

#Contenu div.ColonneDroite #BlocRecherche { border:1px solid #dcdcdc; }


/*- Styles resultats recherche ------------------------------------------------*/
#ResultatsRecherche {
	border-top:1px solid #f0f0f0;
	padding:35px 0 40px 0;
}
#ResultatsRecherche div.BlocActivite {
	background-color:#fbfbfb;
	border-bottom:1px solid #f0f0f0;
	padding:15px 160px 15px 160px;
	position:relative;
	min-height:130px;
	height:auto !important;
	height:130px;
	clear:both;
}
#ResultatsRecherche div.PremierItem {
	border-top:1px solid #f0f0f0;
}
#ResultatsRecherche div.Alternative {
	background-color:#ffffff;
}
#ResultatsRecherche div.BlocActivite p { margin-bottom:0px }
#ResultatsRecherche div.BlocActivite p.Gratuit,
#ResultatsRecherche div.BlocActivite p.Payant {
	position:absolute;
	top:23px;
	right:12px;
	color:#737373;
	font-size:0.9em;
}
#ResultatsRecherche img.ImageContour,
#ListeActivite img.ImageContour {
	float:left;
	margin-left:-145px;
	margin-bottom:0px;
}
#ResultatsRecherche p.Date,
#ListeActivite p.Date {
	font-weight:bold;
	color:#2f2f2f;
	font-size:1.1em;
	line-height:1.3em;
	margin-bottom:5px;
}
#ResultatsRecherche p.TotalPage,
#ResultatsRecherche ul.Filtre { 
	float:left; 
	font-size:1.1em;
	padding-left:18px;
	margin-bottom:0px;
}
#ResultatsRecherche ul.Pagination { float:right; }

#ResultatsRecherche ul.Filtre,
#ResultatsRecherche ul.Pagination.Haut { margin-top:-25px;  }

#ResultatsRecherche p.TotalPage,
#ResultatsRecherche ul.Pagination.Bas { margin-top:10px;  }

#ResultatsRecherche p.NoData {
	border-bottom:1px solid #f0f0f0;
	padding:0 18px 35px;
	font-size:1.1em;
	font-weight:bold;
}

/* Filtre */
#ResultatsRecherche ul.Filtre {
	height:14px;
}
#ResultatsRecherche ul.Filtre li {
	margin:0 12px 0 0;
	padding:0;
	float:left;
	list-style:none;
	height:14px;
	line-height:14px;
}
#ResultatsRecherche ul.Filtre a { 
	border-bottom:1px solid #15a4ec;
	text-decoration:none;
	background-position:right center;
	background-repeat:no-repeat;
}
#ResultatsRecherche ul.Filtre a:hover { text-decoration:none; }
#ResultatsRecherche ul.Filtre a span { color:#454545; }
#ResultatsRecherche ul.Filtre a:hover span { color:#979797; }
#ResultatsRecherche ul.Filtre a.Asc { background-image:url(/images/docks/Picto_FlecheHaut.png); padding-right:12px; }
#ResultatsRecherche ul.Filtre a.Desc { background-image:url(/images/docks/Picto_FlecheBas.png); padding-right:12px; }

/*- Styles HUB Activites ------------------------------------------------------*/
#ListeActivite {
	border-bottom:1px solid #e6e6e6;
	border-top:1px solid #e6e6e6;
	padding-bottom:15px;
	margin-bottom:35px;
}
#ListeActivite div.BlocActivite {
	padding:15px 15px 0 145px;
	width:160px;/*320px*/
	float:left;
}
#ListeActivite div.BlocActivite p {
	margin-bottom:0px;
}
#ListeActivite ul.Pagination { float:right; }
#ListeActivite ul.Pagination.Haut { margin-top:-28px; }
#ListeActivite ul.Pagination.Bas { margin-top:28px; }

/* Pager */
ul.Pagination {
	padding:0;
	height:14px;
}
ul.Pagination li {
	margin:0 0 0 5px;
	padding:0;
	float:left;
	list-style:none;
	height:14px;
	line-height:14px;
}
ul.Pagination li a {
	float:left;
	height:14px;
	line-height:14px;
	border:1px solid #efefef;
	background:#FFF;
	color:#575757;
	font-size:1.1em;
	padding:0 4px;
	text-decoration:none;
}
ul.Pagination li a:hover {
	color:#0ca2db;
}
ul.Pagination li.On a {
	background:none;
	color:#0ca2db;
	border-color:#f8f8f8;
}

/*- Styles Fiche activite -----------------------------------------------------*/
#Contenu div.ColonneGauche {
	width:288px;
	float:left;
}
#Contenu div.ColonneGauche img.AppelCoupon,
#Contenu div.ColonneGauche img.AppelCarteQuais {
    margin-bottom:12px;
}
body.Service #Contenu div.ColonneContenu,
body.Activite #Contenu div.ColonneContenu {
	padding-left:12px;
	width:338px;
}

/* Entete Contenu */
#EnteteFiche {
	position:relative;
	z-index:1;
}
#EnteteFiche h1 {
	margin-right:100px;
}
#EnteteFiche h3 {
    width:240px;
}
#EnteteFiche p.Date {
	margin:0 0 15px;
}
#EnteteFiche p.Gratuit,
#EnteteFiche p.Payant {
	margin:0 0 10px;
	padding:4px 4px 4px 31px;
	border:1px solid #f0f0f0;
	background-position: 4px 4px;
	background-repeat:no-repeat;
	line-height:21px;
	min-height:21px;
	height:auto !important;
	height:21px;
	font-size:0.9em;
	text-transform:uppercase;
	color:#363636;
	
	/* Display Hack */
	display: -moz-inline-stack;
	display: inline-block;
	zoom:1;
}
#EnteteFiche p.Gratuit { background-image:url(/images/docks/Picto_Gratuit.png); }
#EnteteFiche p.Payant { background-image:url(/images/docks/Picto_Payant.png); }
span.OutilLabel {
	position:absolute;
	right:0px;
	top:32px;
	color:#3a3a3a;
	border-bottom:1px solid #189fe6;
	text-transform:uppercase;
	font-size:0.9em;
}
#EnteteFiche ul.Outils {
	position:absolute;
	right:0px;
	top:8px;
}
#EnteteFiche ul.Outils li {
	float:left;
	border-left:1px solid #d4d4d4;
	padding:0 5px;
	width:16px;
	height:16px;
}
#EnteteFiche ul.Outils li a {
	display:block;
	width:16px;
	height:16px;
	overflow:hidden;
	text-indent:-9999px;
	background-position:top left;
	background-repeat:no-repeat;
}
#EnteteFiche ul.Outils li a:hover { background-position:bottom left; }
#EnteteFiche ul.Outils li.EnvoiAmi { border:0px; }
#EnteteFiche ul.Outils li.EnvoiAmi a { background-image:url(/images/docks/Picto_EnvoiAmi.png); }
#EnteteFiche ul.Outils li.Avertissement a { background-image:url(/images/docks/Picto_Avertissement.png); }
#EnteteFiche ul.Outils li.Imprimer a { background-image:url(/images/docks/Picto_Imprimer.png); }

/* Bloc Contenu */
div.AccordeonContenu {
	padding:0 5px;
	margin-bottom:12px;
}
div.AccordeonContenu strong {
	color:#383b3a;
}
h2.AccordeonEntete {
	cursor:pointer;
	margin:0 0 12px 0 !important;
}
h2.AccordeonEntete span { display:block; background:url(/images/docks/Picto_Accordeon.png) no-repeat 100% -17px; }
h2.AccordeonEntete.On span { background-position: 100% 0; }

/* Bloc Galerie*/
#GalerieWrapper {
	background-color:#f9f9f9;
	border:1px solid #f0f0f0;
	padding:3px;
	width:280px;
	margin-bottom:12px;
}
div.GaleriePlaceHolder {
	margin-bottom:24px;
}
div.GaleriePlaceHolder,
div.GaleriePlaceHolder img {
	width:280px;
	height:290px;
}
div.GaleriePlaceHolder small {
	display:block;
	padding:6px 5px 0 0;
	color:#8C8C8C;
	font-size:0.9em;
	float:right;
}
/* Bloc Commentaires */
div.CommentsList {
	margin-bottom:32px;
}
div.CommentsList ul.Pagination {
	margin-top:10px;
	float:right;
}
div.CommentsList p.AligneDroite {
	font-size:1.1em;
	margin-top:-40px;
	padding-right:10px;
}
div.CommentsList p.AligneDroite a:hover {
	text-decoration:none;
	color:#b5b5b5;
}
div.CommentItem {
	border-bottom:1px solid #f0f0f0;
	padding:0 5px;
}
div.CommentItem h3 {
	color:#000;
	font-size:1.1em;
	font-weight:normal;
	margin:10px 0 3px 0;
}
div.CommentItem h4 {
	color:#363636;
	font-size:1.1em;
	font-weight:normal;
	margin:0 0 8px 0;
}
div.CommentItem p {
	margin-bottom:10px;
	color:#737373;
	font-size:1.1em;
	line-height:1.6em;
}
p.Etoile0, p.Etoile1, p.Etoile2, p.Etoile3, p.Etoile4, p.Etoile5 {
	text-indent:-9999px;
	overflow:hidden;
	width:73px;
	height:8px;
	background-repeat:no-repeat;
	background-image:url(/images/docks/Picto_Etoiles.png);
	margin:5px 0 !important;
}
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; }

div.CommentItem a.BtnRapporter {
	float:right;
	width:16px;
	height:16px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/images/docks/Picto_Rapporter.png) no-repeat top left;
}
div.CommentItem a.BtnRapporter:hover { background-position:bottom left; }

/*- Styles spéciaux pour pages intérieures ------------------------------------*/
#Contenu {
	background-color:#fff;
	border:1px solid #e3e3e3;
	padding:12px 12px 12px 18px;
	width:928px;
}
#Contenu div.ColonneContenu {
	width:640px;
	float:left;
	min-height:300px;
	height:auto !important;
	height:300px;
}
#Contenu div.ColonneDroite {
	width:275px;
	float:right;
}

/* Blocs de la colonne de droite */
#Contenu div.BlocConnexe { padding:0 12px 10px; }
#Contenu div.BlocConnexe img.ImageContour { 
	float:left;
	margin:0 12px 5px 0;
}
#Contenu div.Partenaire img.ImageContour { 
	float:none;
	margin:0 0 12px 4px;
	width:235px;
}
#Contenu div.BlocConnexe p { font-size:1.1em; line-height:1.8em; }
#Contenu div.BlocConnexe a { font-weight:bold; }
#Contenu div.BlocConnexe h2.TitreBloc { margin:0 -12px 12px !important;  }

/* Services */
#Contenu div.BlocConnexe ul.ListeService li {
	padding-left:25px;
	background-position: top left;
	background-repeat:no-repeat;
	min-height:16px;
	height:auto !important;
	height:16px;
	margin-bottom:12px;
}
#Contenu div.BlocConnexe ul.ListeService li a {
	font-size:1.1em;
	font-weight:normal;
	line-height:16px;
}
#Contenu div.BlocConnexe ul.ListeService li a:hover {
	text-decoration:none;
	color:#b5b5b5;
}

/* Activite Suggerer */
#Contenu div.BlocConnexe div.BlocActivite h3 {
	margin:2px 0 5px;
}

/*- Styles pour les pages d'erreur ---------------------------------------------*/
body.Erreur #Contenu h1 {
	font-size:2.4em;
	border-bottom:0px;
	margin:0 0 5px;
	color:#00aef0;
	height:40px;
	line-height:40px;
	padding-right:54px;
	background:url(/images/docks/Picto_PageNonTrouvee.gif) no-repeat top right;
	
	/* Display Hack */
	display: -moz-inline-stack;
	display: inline-block;
	zoom:1;
}

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:175px; width:925px; overflow:hidden; }
body.Erreur ul#Sections li {
	float:left;
	width:178px;
	text-align:center;
	margin-right:7px;
}
body.Erreur ul#Sections img.ImageContour { margin-bottom:0px; }

/*- Styles pour Page Patrimoine -----------------------------------------------*/
div#WrapperPatrimoineFlash {
	background-color:#f9f9f9;
	border:1px solid #f0f0f0;
	padding:3px;
	margin-bottom:15px;
}
div#WrapperPatrimoineFlash ul {
	margin:10px 15px 5px 5px;
	float:left;
	width:195px;
	display:inline;
}
div#WrapperPatrimoineFlash ul li { padding-bottom:3px; }
div#WrapperPatrimoineFlash ul.DernierItem { margin-right:0px; }
div#WrapperPatrimoineFlash ul li.On a { color:#2F2F2F !important; }

/* Ligne de temps */
div.BlocPatrimoine {
	padding-left:185px;
	border-top:1px solid #E6E6E6;
	margin-bottom:15px;
	padding-top:15px;
}
div + h3 { margin-top:25px !important; }
div.BlocPatrimoine .TextePetit {
	font-size:10px !important;
	line-height:12px;
	margin-top:20px;
}
div.BlocPatrimoine div.LegendeImage {
	margin-left:-185px;
	width:170px;
	background-color:#F9F9F9;
	border:1px solid #EFEFEF;
	padding:3px;
	display:block;
	float:left;
}
div.BlocPatrimoine div.LegendeImage img { 
	width:170px;
	height:125px;
	display:block;
}
div.BlocPatrimoine div.LegendeImage a.PopupImage {
	width:170px;
	height:125px;
	display:block;
	position:relative;
	margin-bottom:3px;
}
div.BlocPatrimoine div.LegendeImage a.PopupImage img.PictoAgrand {
	width:16px;
	height:16px;
	display:block;
	position:absolute;
	top:109px;
	right:0px;
}

/*- Styles pour Plan du site --------------------------------------------------*/
body.PlanDuSite #Contenu ul {
	margin: 5px 0 15px 0;
	padding: 0;
}
body.PlanDuSite #Contenu ul li {
	padding: 0 0 4px 0;
}
body.PlanDuSite #Contenu h2 {
	margin:5px 0 8px;
	font-size:1.1em;
	border-bottom:1px solid #d8d8d8;
	padding-bottom:6px;
}
body.PlanDuSite #Contenu h2 a {
	color:#737373;
}
body.PlanDuSite #Contenu ul li a {
	font-size:1.1em;
}
body.PlanDuSite #Contenu ul li a:hover {
	text-decoration:none;
	color:#B5B5B5;
}

/*- Styles pour menu principal / sous-menu  -----------------------------------*/
#MenuPrincipal {
	position:absolute;
	top:110px;
	right:0px;
	width:960px;
	border-top:1px solid #eaeaea;
}
#MenuPrincipal li {
	float:left;
	height:27px;
	background:url(/images/docks/Menu_Principal_Sep.png) no-repeat top left;
	padding-left:2px;
	position:relative;
}
#MenuPrincipal li.PremierItem { background:none; padding:0px; }
#MenuPrincipal li a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	height:27px;
	background-position:0 0;
	background-repeat:no-repeat;
	outline:none;
}
#MenuPrincipal li a:hover, #MenuPrincipal li a.Over {
	background-position:0 -27px;
}
#MenuPrincipal li a.On, #MenuPrincipal li a.On:hover {
	background-position:0 -54px;
}

/* Sous-menu */
#MenuPrincipal ul {
	display:none;
	position:absolute;
	top:24px;
	left:0px;
	border:1px solid #eaeaea;
	border-top:0px;
}
#MenuPrincipal li ul li {
	float:none;
	background:#f9f9f9;
	position:static;
	padding:0px;
	height:auto;
}
#MenuPrincipal li ul li a {
	background:#f9f9f9 !important;
	border-bottom:1px solid #FFF;
	border-top:1px solid #eaeaea;
	text-indent:0px;
	overflow:auto;
	text-align:center;
	background-image:none !important;
	color:#737373;
	text-decoration:none;
	font-size:1.1em;
	line-height:22px;
	height:auto;
}
#MenuPrincipal li ul li a:hover { color:#1a9bdf; text-decoration:none; }
#MenuPrincipal li ul li.PremierItem a { border-top:0px; }

/*- 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 {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 11px; /* fixer la size pour pas que les champs défoncent si la grosseur du texte est grandie par l'utilisateur */
}
.TxtErreur {
	color: #FF0000;
}
input.Erreur, select.Erreur, textarea.Erreur {
	background:#fffed7;
}
div.SommaireValidation {
	color: #b46f6d !important;
	background:#fffed7 url(/images/docks/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;
	list-style: disc outside !important;
	list-style-image:none !important;
}
.TxtBox, .TxtArea {
	color:#a7a7a7;
	background-color:#FFF;
	border: 1px solid #e3e3e3;
	padding:3px;
	margin:	0 0 0 0;
}
.SelectList {
	color:#a7a7a7;
	background-color:#FFF;
	border: 1px solid #e3e3e3;
	padding:2px 3px;
	margin:	0 0 0 0;
}
p.Checkbox { 
	margin-bottom:0px;
	padding:0 5px 8px 20px;
}
p.Checkbox input {
	display: block;
	float: left;
	margin-left:-20px;
}
p.Checkbox br {
	clear: both;
}
a.Btn {
	color:#FFF !important;
	line-height:20px;
	background:#1495d6 url(/images/docks/Bg_Bouton.png) repeat-x top left;
	padding:0 7px;
	outline:none;
	text-decoration:none;
	border:1px solid #0e9ce4;
	
	/* Display Hack */
	display: -moz-inline-stack;
	display: inline-block;
	zoom:1;
}
a.Btn:hover{
	border-color:#bcbcbc;
	background:#c0c0c0;
}

/*- 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 div.ItemCalendrier { margin-bottom:12px; }
div.PopupWrapper p,
div.PopupWrapper div.ItemCalendrier {
	color:#3B3B3B;
	font-size:11px;
	font-weight:normal;
}
div.PopupWrapper div.ItemCalendrier input, 
div.PopupWrapper div.ItemCalendrier a {
	float:left;
	margin-right:5px;
}
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,
div.ContenuEditeur h3,
div.ContenuEditeur h4,
div.ContenuEditeur h5,
div.ContenuEditeur h6 {
	color:#363636;
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:10px;
}
div.ContenuEditeur p, div.ContenuEditeur li {
	font-size:1.1em;
	line-height:1.6em;
	color:#737373;
}
div.ContenuEditeur p.Introduction {
	line-height:2.0em;
	margin-bottom:15px;
}

/*- Classes pour les textes ----*/
.TextePetit {
	font-size: 0.9em !important;
}

/*- Classes pour les images ----*/
img.ImageContour {
	border:1px solid #efefef;
	margin-bottom:12px;
	padding:3px;
	background-color:#f9f9f9;
}
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/docks/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;
}
/*--------------------------------------------------------------------------*/

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