/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : Ville de Vaudreuil-Dorion
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			editeur.css.
// Date   : 27 novembre 2009
//----------------------------------------------------------------------------*/
@import url(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:#808285;
	background:#FFF url(/images/Bg_Fond.gif) repeat-y 50% 0;
}
p {
	margin: 0 0 20px 0;
}
h1 {
	font-family:Georgia,"Trebuchet MS", "Times New Roman", Times, serif;
	font-size:2.0em;
	font-weight:bold;
	font-style:italic;
	color:#464646;
	margin-bottom:15px;
}
h2 {
	font-family:Georgia,"Trebuchet MS", "Times New Roman", Times, serif;
	font-size:1.7em;
	font-weight:bold;
	font-style:italic;
	color:#464646;
	margin-bottom:5px;
}
a, a:hover {
	color:#4678b3;
	text-decoration: none;
}
a:hover {
	color:#4678b3;
	text-decoration: underline;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}
hr{
	height:3px;
	*height:1px;
	background:url(/images/Img_Ligne.gif) repeat-x 0 0;
	margin-bottom:14px;
	border:none;
	border:0;
	*border:1px solid #ececec;
	display:block;
}
.Accueil #MessageUrgence {
	font-size:1.1em;
}
.Chapitre #MessageUrgence {
	font-size:1.4em;
}

/* ------------------------------------------------------------------------------------- 
-- STYLES COMMUNS À TOUTES LES PAGES ---------------------------------------------------
--------------------------------------------------------------------------------------*/
.Clearer {
	clear: both;
}
.Clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#Wrapper {
	width:990px;
	margin:0 auto 17px auto;
	background:#FFF;
}
#Entete {
	width:990px;
	height:115px;
}
#Entete .LogoVille{
	display:block;
	float:left;
	margin:21px 0 0 8px;
}
#Entete .LogoPrint{
	display:none;
}
#BlocNavigation{
	width:824px;
	float:right;
	display:inline;
	margin:0 3px 0 0;
}
#NavFixe{
	float:left;
	margin:20px 0 0 0;
}
#NavFixe li{
	float:left;
	font-size:12px;
	background:url(/images/Puce_Fleche.gif) no-repeat 0 2px;
	padding:0 0 0 13px;
	margin-right:24px;
}
#NavFixe a {
	color:#8f8f8f;
}
#NavFixe a:hover {
	color:#8f8f8f;
}
#NavFixe a.On{
	color:#3e74b4;
}
#BlocRecherche{
	float:right;
	width:268px;
	margin:13px 0 13px 0;
}
#BlocRecherche .TxtBox{
	width:211px;
	background:url(/images/Bg_ChampRecherche.gif) no-repeat 0 0;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
	float:left;
	padding-left:11px;
	padding-right:11px;
	margin:0 3px 0 0;
}
.BtGo{
	display:block;
	float:left;
	background:url(/images/Bt_Go.png) no-repeat 0 0;
	width:31px;
	height:28px;
	overflow:hidden;
	text-indent:-9999px;
}
.BtGo:hover{
	background-position:0 -28px;
}
#BlocNavigationRapide{
	width:975px;
	height:296px;
	background:url(/images/Bg_BlocNavigationRapide.png) no-repeat 0 0;
	padding:12px 0 15px 15px;
}
#ImageEntete{
	background:no-repeat 0 0;
	width:765px;
	height:296px;
	float:left;
	position:relative;
	overflow:hidden;
}
#ImageEntete .Cadre{
	width:765px;
	height:296px;
	background:url(/images/Img_CadreImagerie.png) no-repeat 0 0;
	_background:none;
}
#ImageEntete p{
	font-family:Georgia,"Trebuchet MS", "Times New Roman", Times, serif;
	font-size:24px;
	font-weight:bold;
	color:#FFF;
	font-style:italic;
	position:absolute;
	line-height:26px;
	margin:12px;
	top:11px;
	left:9px;
	/*width:335px;*/
}
#ImageEntete p span{
	font-size:36px;
}
#Corps{
	width:980px;
	margin:0 5px 30px 5px;
	background:url(/images/Bg_CorpsTroisColonnes.gif) repeat-y 0 0;
}
body.Chapitre #Corps{
	background:url(/images/Bg_CorpsChapitre.gif) repeat-y 0 0;
}
#BlocFilAriane{
	padding-bottom:8px;
	background:url(/images/Bg_FilAriane.gif) repeat-x bottom left;
}
#AjustementTexte{
	float:right;
	height:28px;
	margin-right:5px;
}
#AjustementTexte p{
	float:left;
	font-size:11px;
	line-height:28px;
	margin-right:6px;
	color:#969696;
}
#AjustementTexte a{
	border:1px solid #ececec;
	float:left;
	line-height:16px;
	margin-right:4px;
	margin-top:5px;
	padding:0 4px;
	color:#808285;
}
#AjustementTexte a:hover{
	text-decoration:none;
	color:#4678B3;
	border-color:#4678B3;
}
#AjustementTexte a.Actif{
	color:#FFF;
	background:#4678b3;
	border-color:#4678b3;
}
#AjustementTexte a.Normal {
	font-size:9px;
}
#AjustementTexte a.Moyen {
	font-size:11px;
}
#AjustementTexte a.Grand {
	font-size:13px;
}
#FilAriane{
	min-height:15px;
	height:auto !important;
	height:15px;
	padding:7px 12px 6px 12px;
	width:700px;
	margin-left:5px;
	float:left;
}
#FilAriane li{
	font-size:11px;
	float:left;
	background:url(/images/Puce_FilAriane.gif) no-repeat 0 center;
	padding-left:10px;
	
	margin-right:8px;
}
#FilAriane li a{
	color:#969696;
	text-decoration:none;
}
#FilAriane li a:hover{
	color:#969696;
	text-decoration:underline;
}
#FilAriane li a.On{
	color:#779cc7;
	text-decoration:none;
}
#BlocGauche{
	float:left;
	width:195px;
	background:url(/images/Bg_MenuSecondaire.png) no-repeat bottom left;
}
body.Accueil #BlocGauche, body.Chapitre #BlocGauche{
	background:none;
}
#BlocDroite{
	float:left;
	width:781px;
	padding:0 0 0 3px;
}
#Contenu{
	background:#FFF url(/images/Bg_Contenu.gif) repeat-x 0 0;
	float:left;
	width:532px;
	min-height:90px;
	height:auto !important;
	height:90px;
	padding:18px 20px 0 23px;
	margin-top:1px;
}
#Contenu h1{
	font-size:2.4em;
	margin-bottom:8px;
}
#Contenu h3{
	font-size:1.4em;
	font-weight:bold;
	color:#007b3b;
	line-height:18px;
	margin-top:12px;
	margin-bottom:5px;
	text-transform:uppercase;
}
#Contenu h4{
	font-size:1.4em;
	font-weight:bold;
	color:#007b3b;
	line-height:18px;
	margin-top:12px;
	margin-bottom:5px;
}
#Contenu h5{
	font-size:1.4em;
	font-weight:bold;
	color:#363636;
	line-height:18px;
	margin-top:12px;
	margin-bottom:5px;
}
#Contenu h6{
	font-size:1.3em;
	font-weight:bold;
	color:#636466;
	line-height:18px;
	margin-top:12px;
	margin-bottom:5px;
	text-transform:uppercase;
}
#Contenu p, #ContenuContact p{
	font-size:1.4em;
	color:#808285;
	line-height:18px;
	margin-bottom:15px;
}
#Contenu ul, #ContenuContact ul{
	margin:0 0 15px 0;
}
#Contenu ul li, #ContenuContact ul li{
	font-size:1.4em;
	color:#808285;
	line-height:18px;
	background:url(/images/Puce_Liste.gif) no-repeat 0 5px;
	padding: 0 0 0 16px;
	margin:0 0 5px 0;
}
#Contenu ol, #ContenuContact ol{
	margin:0 0 15px 20px;
}
#Contenu ol li, #ContenuContact ol li{
	font-size:1.4em;
	color:#808285;
	line-height:18px;
	margin:0 0 12px 0;
	list-style:decimal;
}
#Contenu ol ul{
	margin-top:10px;
}
#Contenu ol li li{
	list-style:none;
	font-size:1.0em;
}
#ColonneLaterale{
	width:188px;
	float:right;
	padding:24px 0 24px 17px;
}
#ColonneLaterale ul{
	background:url(../images/Img_Points.gif) repeat-x left bottom;
	padding-bottom:6px;
	margin-bottom:12px;
}
#ColonneLaterale ul li{
	font-size:1.2em;
	background:url(/images/Puce_Fleche.gif) no-repeat 0 1px;
	padding-left:16px;
	margin-bottom:10px;
}
#ColonneLaterale p{
	font-size:1.2em;
	margin-bottom:15px;
}
.HautPiedPage{
	display:none;
	margin-left:6px;
}

/* ------------------------------------------------------------------------------------- 
-- PIED DE PAGE PROMOTIONNEL (PAGES INTÉRIEURES) ---------------------------------------
--------------------------------------------------------------------------------------*/
#PiedPagePromo{
	width:963px;
	height:108px;
	background:url(/images/Bg_PiedPagePromo.png) no-repeat 0 0;
	margin:23px 0 0 6px;
	overflow:hidden;
	padding:0 8px 0 10px;
}
.EspacePromo,
#BlocJournal,
#BlocInfolettre{
	float:left;
	height:91px;
	padding:17px 0 0 9px;
}
.EspacePromo{
	width:308px;
}
.EspacePromo.PremierItem{
	padding-left:0;
	background:url(/images/Img_SeparateurPromo.gif) no-repeat top right;
}
#BlocJournal{
	width:328px;
	background:url(/images/Img_SeparateurPromo.gif) no-repeat top right;
}
#BlocInfolettre{
	width:304px;
	background:none;
}
#BlocInfolettre .TxtBox{
	width:159px;
	background:url(/images/Bg_ChampInfolettreBlocPromo.gif) no-repeat 0 0;
	padding-left:11px;
	padding-right:11px;
}
.ImageBlocPromo{
	width:61px;
	height:60px;
	background:url(/images/Img_CadreBlocPromo.png) no-repeat 0 0;
	padding:6px;
}
#PiedPagePromo h2{
	font-size:14px;
}
#PiedPagePromo p{
	margin-bottom:10px;
}
#PiedPagePromo ul li{
	background:url(/images/Puce_Fleche.gif) no-repeat 0 2px;
	font-size:12px;
	padding:0 0 0 13px;
}
#PiedPagePromo ul li a{
	color:#707070;
}
#PiedPagePromo .Image{
	width:85px;
}
#PiedPagePromo .EspacePromo .Texte{
	width:215px;
}
#PiedPagePromo #BlocJournal .Texte{
	width:234px;
}
#PiedPagePromo #BlocInfolettre .Texte{
	width:215px;
}
#PiedPagePromo p{
	color:#808285;
	font-size:12px;
	line-height:18px;
}
#PiedPagePromo #BlocInfolettre p{
	margin:0 0 4px 0;
}

/* ------------------------------------------------------------------------------------- 
-- PIED DE PAGE COMMUN À TOUTES LES PAGES ----------------------------------------------
--------------------------------------------------------------------------------------*/
#PiedPage {
	width:981px;
	height:36px;
	background:url(/images/Bg_PiedPage.png) no-repeat 0 0;
	margin-left:6px;
}
#PiedPage ul{
	text-align:center;
}
#PiedPage ul li{
	display:inline;
	font-size:11px;
	color:#c2eabd;
	background:url(/images/Img_SeparateurPiedPage.gif) no-repeat 0 3px;
	padding-left:12px;
	margin-left:6px;
	line-height:36px;
}
#PiedPage ul li.PremierItem{
	margin:0;
	padding:0;
	background:none;
}
#PiedPage a {
	color:#FFF;
}

/* ------------------------------------------------------------------------------------- 
-- STYLES COMMUNS POUR LES BLOCS PROMOTIONNELS -----------------------------------------
--------------------------------------------------------------------------------------*/
#BlocJournal ul{
	margin:0;
}
#BlocJournal ul li{
	background:url(/images/Puce_Fleche.gif) no-repeat 0 2px;
	font-size:12px;
	padding:0 0 0 13px;
}
#BlocJournal ul li a{
	color:#707070;
}
#BlocJournal .Image, #BlocJournal .Texte,
#BlocInfolettre .Image, #BlocInfolettre .Texte,
.EspacePromo .Image, .EspacePromo .Texte{
	float:left;
}
#BlocInfolettre .TxtBox{
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
	float:left;
	margin:0 3px 0 0;
}
#BlocInfolettre .BoutonInfolettre{
	float:left;
}

/* ------------------------------------------------------------------------------------- 
-- STYLES SPÉCIAUX POUR PAGE D'ACCUEIL -------------------------------------------------
--------------------------------------------------------------------------------------*/
body.Accueil #ImageEntete .Cadre{
	background:url(/images/Img_CadreImagerieAccueil.png) no-repeat 0 0;
	_background:none;
}
body.Accueil #ImageEntete p{
	font-family:Georgia,"Trebuchet MS", "Times New Roman", Times, serif;
	font-size:24px;
	font-weight:bold;
	color:#FFF;
	font-style:italic;
	position:absolute;
	line-height:33px;
}
body.Accueil #ImageEntete p span{
	font-size:44px;
}
body.Accueil #ImageEntete p{
	left:19px;
	bottom:9px;
	top:inherit;
	width:100%;
}
body.Accueil #Corps{
	background:url(/images/Bg_CorpsAccueil.gif) repeat-y 0 0;
	width:985px;
	margin:26px 0 0 5px;
	padding-top:0;
}
body.Accueil #BlocGauche{
	float:left;
	width:249px;
	padding:0 17px 0 19px;
}
body.Accueil #BlocDroite{
	float:left;
	width:700px;
	padding:0;
}
body.Accueil p{
	font-size:1.3em;
	line-height:18px;
	color:#808285;
}
body.Accueil #BlocPresentation{
	padding-top:9px;
	padding-bottom:28px;
	width:233px;
	background:url(/images/Img_SeparateurLigneDouble.gif) repeat-x bottom left;
}
body.Accueil #BlocJournal, 
body.Accueil #BlocInfolettre{
	padding:20px 0 25px 0;
	background:url(/images/Img_SeparateurLigneDouble.gif) repeat-x bottom left;
	width:249px;
}
body.Accueil #BlocInfolettre{
	background:none;
}
body.Accueil #BlocInfolettre p{
	margin:0;
	font-size:13px;
}
body.Accueil #BlocJournal .Image,
body.Accueil #BlocInfolettre .Image{
	width:100px;
}
body.Accueil #BlocJournal .Texte,
body.Accueil #BlocInfolettre .Texte{
	width:149px;
}
body.Accueil #BlocJournal h2,
body.Accueil #BlocInfolettre h2{
	font-size:16px;
}
body.Accueil #BlocJournal p{
	margin-bottom:14px;
	font-size:13px;
}
body.Accueil #BlocInfolettre .Image img{
	margin-left:9px;
}
body.Accueil #BlocInfolettre .TxtBox{
	background:url(/images/Bg_ChampInfolettre.gif) no-repeat 0 0;
	width:193px;
}
body.Accueil #ColonneActualites{
	float:left;
	width:437px;
	padding:0 4px 0 4px;
}
body.Accueil #ColonneActualites h2{
	background:url(/images/Bg_TitreActualites.png) no-repeat 0 0;
	width:437px;
	height:37px;
	line-height:37px;
	text-align:center;
	margin:0;
}
body.Accueil #ColonneActualites ul li{
	min-height:65px;
	height:auto !important;
	height:65px;
	background:#FFF url(/images/Bg_Actualite.gif) repeat-x 0 0;
	padding:17px 18px 6px 15px;
	font-size:1.0em;
	border-bottom:1px solid #f5f5f5;
}
body.Accueil #ColonneActualites ul li.DernierItem{
	border:0;
	padding-top:20px;
	padding-bottom:19px;
}
body.Accueil #ColonneActualites p{
	font-size:1.3em;
}
body.Accueil #ColonneActualites p.Date{
	font-family:Georgia,"Trebuchet MS", "Times New Roman", Times, serif;
	font-style:italic;
	color:#047e43;
	padding:10px 0 0 0;
	margin:0;
}
body.Accueil #ColonneActualites p.Titre{
	font-weight:bold;
	margin:0;
	color:#808285;
	text-transform:uppercase;
}
body.Accueil #ColonneActualites .ImageActualite{
	float:left;
	width:131px;
	height:94px;
	padding:14px;
	background:url(/images/Bg_ImageActualite.png) no-repeat 0 0;
	margin:0 10px 12px 0;
	display:block;
}
body.Accueil #ColonneCalendrier{
	float:left;
	width:245px;
	padding-left:10px;
}
body.Accueil #BlocCalendrier{
	width:231px;
	background:url(/images/Bg_BlocCalendrier.gif) repeat-y 0 0;
	padding:0 6px 0 9px;
}
body.Accueil #Calendrier{
	width:231px;
}
body.Accueil #Calendrier h2{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	height:26px;
	line-height:26px;
	margin:0 0 4px 0;
}
body.Accueil .EnteteCalendrier{
	position:relative;
	width:231px;
}
/*body.Accueil .EnteteCalendrier p{
	text-align:center;
	font-size:18px;
	color:#047e43;
	margin:0 0 15px 0;
}
.dp-nav-prev, .dp-nav-next{
	position:absolute;
	top:4px;
}
.dp-nav-prev{
	left:19px;
}
.dp-nav-next{
	right:19px;
}*/
#Calendar{
	width:231px;
	padding-bottom:7px;
}
#Calendar th{
	height:35px;
	background:#359766 url(/images/Bg_CalendrierTitreJour.gif) repeat-x 0 0;
	font-family:Georgia,"Trebuchet MS", "Times New Roman", Times, serif;
	font-size:13px;
	font-style:italic;
	color:#FFF;
	text-align:center;
}
#Calendar td{
	font-family:Georgia,"Trebuchet MS", "Times New Roman", Times, serif;
	font-size:12px;
	text-align:center;
	height:30px;
	color:#898989;
	border-bottom:1px solid #ececec;
}
#Calendar td.Evenement a{
	color:#898989;
	background:url(/images/Bg_CalendrierEvenement.gif) no-repeat center 0;
	display:inline-block;
	width:24px;
	height:22px;
	line-height:22px;
	text-decoration:none !important;
}
#Calendar td.On span{
	background:url(/images/Bg_CalendrierEvenement.gif) no-repeat 0 -22px;
	color:#FFF;
	display:inline-block;
	height:22px;
	line-height:22px;
	width:24px;
}
#Legende{
	padding:8px 13px 8px 13px;
	display:none;
}
#Legende li{
	margin-bottom:5px;
	background:no-repeat 0 4px;
	padding:0 0 0 15px;
	font-size:11px;
	background:no-repeat 0 4px;
	/*color:#9b9c9c !important;*/
}
#Legende li.TitreLegende{
	padding-left:0;
	font-size:11px;
	font-weight:bold;
	margin-bottom:5px;
	text-transform:uppercase;
}
body.Accueil #ListeEvenements{
	background:#359766;
	width:200px;
	height:197px;
	color:#c2eabd;
	padding:16px 18px 0 13px;
	position:relative;
	overflow:hidden;
}
body.Accueil #ListeEvenements ul li, body.Accueil #ListeEvenements p{
	font-size:1.3em;
	color:#c2eabd;
}
body.Accueil #ListeEvenementsContenu{
	width:200px;
	height:150px;
	position:absolute;
	top:53px;
	left:13px;
	overflow:hidden;
}
body.Accueil #ListeEvenements ul{
	width:200px;
	height:150px;
}
body.Accueil #ListeEvenements ul li{
	margin-bottom:12px;
	background:no-repeat 0 4px;
	padding:0 0 0 15px;
	display:inline-block;
}
body.Accueil #ListeEvenements li.HotelDeVille,
#Legende li.HotelDeVille{
	background-image:url(../images/Puce_Ville.gif);
}
body.Accueil #ListeEvenements li.Environnement,
#Legende li.Environnement{
	background-image:url(../images/Puce_Environnement.gif);
}
body.Accueil #ListeEvenements li.SAC,
#Legende li.SAC{
	background-image:url(../images/Puce_SAC.gif);
}
body.Accueil #ListeEvenements li.ArtsEtCulture,
#Legende li.ArtsEtCulture{
	background-image:url(../images/Puce_ArtsCulture.gif);
}
body.Accueil #ListeEvenements a{
	color:#FFF;
}
body.Accueil #ListeEvenements p.JourneeSelectionnee{
	font-family:Georgia,"Trebuchet MS", "Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	margin-bottom:16px;
}
body.Accueil #ListeEvenements a.BtEvenementsSuivants{
	width:24px;
	height:22px;
	display:block;
	background:url(/images/Bt_EvenementsSuivants.png) no-repeat 0 0;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	top:14px;
	right:12px;
}
body.Accueil #ListeEvenements a.BtEvenementsSuivants:hover{
	background-position:0 -22px;
}
body.Accueil .HautPiedPage{
	display:block;
}

/* ------------------------------------------------------------------------------------- 
-- STYLES SPÉCIAUX POUR LES PAGES CHAPITRES --------------------------------------------
--------------------------------------------------------------------------------------*/
body.Chapitre #Corps{
	background:url(/images/Bg_CorpsChapitre.gif) repeat-y 0 0;
}
body.Chapitre #ColonneLaterale{
	display:none;
}
body.Chapitre #Contenu{
	width:575px;
	padding:0;
}
body.Chapitre .BlocSection{
	width:782px;
	background:url(../images/Bg_BlocPresentation.gif) no-repeat bottom right;
}
body.Chapitre .BlocSection .Presentation{
	background:url(/images/Bg_Contenu.gif) repeat-x 0 0;
	padding:20px 27px 14px 19px;
	width:529px;
	min-height:120px;
	float:left;
}
body.Chapitre .BlocSection .Image,
body.Chapitre .BlocSection .Texte{
	float:left;
}
body.Chapitre .BlocSection .Image{
	width:180px;
}
body.Chapitre .BlocSection .Texte{
	width:349px;
	padding-top:2px;
}
body.Chapitre .BlocSection  h2{
	margin-bottom:5px;
}
body.Chapitre .ImageSection{
	background:url(/images/Bg_ImageSection.png) no-repeat 0 0;
	display:block;
	height:94px;
	margin:0 0 12px 0;
	padding:14px;
	width:131px;
}
body.Chapitre .BlocSection .ContenuSecondaire{
	width:170px;
	padding:20px 18px 10px 0;
	float:right;
}

/* ------------------------------------------------------------------------------------- 
-- STYLES SPÉCIAUX POUR LES PAGES PLEINE LARGEUR ---------------------------------------
--------------------------------------------------------------------------------------*/
body.PagePleine #Corps{
	background:url(/images/Bg_CorpsPagePleine.gif) repeat-y 0 0;
}
body.PagePleine #Contenu{
	width:739px;
}
body.PagePleine #ColonneLaterale{
	display:none;
}

/* ------------------------------------------------------------------------------------- 
-- STYLES SPÉCIAUX POUR LES PAGES SANS MENU --------------------------------------------
--------------------------------------------------------------------------------------*/
body.SansMenu #Corps{
	background:#FFF;
}
body.SansMenu #BlocGauche{
	display:none;
}
body.SansMenu #BlocDroite{
	padding-left:0;
	width:980px;
}
body.SansMenu #Contenu{
	width:732px;
}
body.PagePleine.SansMenu #ColonneLaterale{
	display:none;
}
body.PagePleine.SansMenu #Contenu{
	width:937px;
}

/* ------------------------------------------------------------------------------------- 
-- STYLES POUR MENU PRINCIPAL / SOUS-MENU ----------------------------------------------
--------------------------------------------------------------------------------------*/
#MenuPrincipal {
	width:819px;
	height:40px;
	clear:both;
	background:url(/images/Bg_MenuPrincipal.png) no-repeat 0 0;
	padding:0 0 0 5px;
}
#MenuPrincipal li {
	float:left;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	padding:4px 0 4px 0;
	border-right:1px solid #FFF;
}
#MenuPrincipal li a {
	display:block;
	height:32px;
	background:no-repeat 0 0;
}
#MenuPrincipal li.MenuVille a{
	width:123px;
	background-image:url(/images/Menu_Ville.png);
}
#MenuPrincipal li.MenuServices a{
	width:249px;
	background-image:url(/images/Menu_Services.png);
}
#MenuPrincipal li.MenuDeveloppement a{
	width:298px;
	background-image:url(/images/Menu_Developpement.png);
}
#MenuPrincipal li.MenuTourisme a{
	width:142px;
	background-image:url(/images/Menu_Tourisme.png);
}
#MenuPrincipal li.MenuTourisme{
	border-right:0 !important;
}
#MenuPrincipal li a:hover, #MenuPrincipal li a.On {
	background-position:0 -32px;
}
#NavigationRapide{
	float:left;
	width:205px;
}
#NavigationRapide li{
	height:47px;
	width:205px;
	background:#FFF url(/images/Bg_MenuRapide.gif) repeat-x bottom left;
	border-bottom:1px solid #efefef;
	font-size:12px;
	text-transform:uppercase;
}
#NavigationRapide li.DernierItem{
	background:#FFF;
	border-bottom:0;
}
#NavigationRapide li a{
	height:47px;
	color:#779cc7;
	background:url(/images/Puce_MenuRapide.png) no-repeat 25px 0;
	display:block;
}
#NavigationRapide li a:hover{
	color:#779cc7;
	text-decoration:underline;
}
#NavigationRapide li a.On{
	color:#959595;
	text-decoration:none;
	background-position:25px -47px;
}
#NavigationRapide li a span{
	display:block;
	padding:14px 25px 0 60px;
}
#MenuSecondaire{
	width:195px;
	background:url(/images/Img_Points.gif) repeat-x top left;
	margin-top:14px;
	padding-bottom:80px;
}
#MenuSecondaire li{
	background:url(/images/Img_Points.gif) repeat-x bottom left;
	font-size:12px;
	text-transform:uppercase;
	width:195px;
	padding:1px 0 1px 0;
}
#MenuSecondaire li a{
	color:#7d7d7d;
	padding:7px 20px 7px 11px;
	display:block;
}
#MenuSecondaire li a.On{
	background:#7197c5 url(/images/Bg_MenuSecondaireActif.gif) repeat-x 0 0;
	color:#FFF;
	text-decoration:none;
}
#MenuSecondaire li ul{
	background:#e1eefd url(/images/Bg_SecondNiveauMenu.gif) repeat-x 0 0;
	padding:9px 0 36px 0;
	margin-bottom:1px;
}
#MenuSecondaire li ul li{
	background:none;
	width:177px;
	/*margin-left:11px;*/
	padding:0 0 5px 11px;
}
#MenuSecondaire li ul li a{
	padding:0 9px 0 14px;
	text-transform:none;
	background:url(/images/Puce_SecondNiveau.gif) no-repeat 0 2px;
	display:inline-block;
	color:#707070;
}
#MenuSecondaire li ul li a.On{
	color:#3e74b4;
	text-decoration:none;
	background:url(/images/Puce_SecondNiveau.gif) no-repeat 0 2px;
}

/* ------------------------------------------------------------------------------------- 
-- STYLES POUR PLAN DU SITE ------------------------------------------------------------
--------------------------------------------------------------------------------------*/
#SiteMap{
	margin-top:28px;
}
#SiteMap div{
	float:left;
	width:166px;
	padding-right:30px;
}
#SiteMap h2{
	height:40px;
	margin-bottom:10px;
	line-height:18px;
}
#SiteMap h2 a{
	text-decoration:none;
	color:#464646;
}
#SiteMap h2 a:hover{
	color:#4678B3;
}
#SiteMap ul li{
	font-size:1.3em;
	font-weight:bold;
	background:url(../images/Puce_SecondNiveau.gif) no-repeat 0 1px;
	padding:0 0 0 13px;
	margin:0 0 15px 0;
	line-height:14px;
}
#SiteMap ul ul{
	margin-top:5px;
}
#SiteMap ul li li{
	font-size:0.9em;
	font-weight:normal;
	background:none;
	padding:0;
	margin:0 0 5px 0;
}

/* ------------------------------------------------------------------------------------- 
-- STYLES SPÉCIAUX POUR LES NOUVELLES --------------------------------------------------
--------------------------------------------------------------------------------------*/
#Contenu ul.ListeNouvelles{
	margin-top:20px;
}
#Contenu ul.ListeNouvelles li{
	background:none;
	padding:0;
	font-size:1.0em;
	background:#FFFFFF url(/images/Bg_Actualite.gif) repeat-x 0 0;
	border-bottom:1px solid #F5F5F5;
	font-size:1em;
	height:auto !important;
	min-height:65px;
	padding:17px 18px 6px 15px;
}
#Contenu ul.ListeNouvelles li p{
	
}
#Contenu ul.ListeNouvelles li p.Titre{
	font-weight:bold;
	margin:0;
}
#Contenu ul.ListeNouvelles li p.Date {
	color:#047E43;
	font-family:Georgia,"Trebuchet MS","Times New Roman",Times,serif;
	font-style:italic;
	margin:0;
	padding:10px 0 0;
}
#Contenu ul.ListeNouvelles li .ImageActualite {
	background:url(/images/Bg_ImageActualite.png) no-repeat 0 0;
	display:block;
	float:left;
	height:94px;
	margin:0 10px 12px 0;
	padding:14px;
	width:131px;
}


/*- Styles pour formulaires ----------------------------------------------------*/
.Formulaire {
	
}
.Formulaire p.Champ{
	float:left;
}
.Formulaire label{
	font-size:14px;
	font-weight:bold;
	color:#464646;
	width:104px;
	float:left;
	height:28px;
	line-height:28px;
}
.TxtBox,
.TxtArea{
	float:left;
	background:#ececec;
	border:none;
	font-size:12px;
	color:#555;
	padding:7px 9px 6px 9px;
}
.TxtArea{
	overflow:auto;
}
.Erreur{
	background-position:0 -28px !important;
	color:#b46f6d !important;
}


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

/*- Classes pour les textes ----*/

.TexteSpecial {
	font-family:Georgia,"Trebuchet MS", "Times New Roman", Times, serif;
	font-style:italic;
	color:#464646 !important;
	line-height:22px !important;
}
p.TexteSpecial{
	font-size:1.7em !important;
	line-height:22px !important;
}
p span.TexteSpecial{
	font-size:1.2em;
}
p.TextePetit{
	font-size: 11px !important;
}
span.TextePetit {
	font-size: 11px !important;
}
.Date{
	color:#047E43 !important;
	font-family:Georgia,"Trebuchet MS","Times New Roman",Times,serif !important;
	font-style:italic !important;
}

/*- Classes pour les hyperliens ----*/
.LienBouton{
	color:#FFF;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	padding:0 0 0 15px;
	background:url(/images/Img_LienBoutonGauche.gif) no-repeat 0 0;
	height:21px;
	line-height:21px;
	vertical-align:middle;
	display:inline-block;
	cursor:pointer;
}
.LienBouton span{
	background:url(/images/Img_LienBoutonDroite.gif) no-repeat right top;
	display:inline-block;
	height:21px;
	line-height:21px;
	padding-right:11px;
}
.LienBouton:hover{
	text-decoration:none;
	background-position:0 -21px;
	color:#FFF;
}
.LienBouton:hover span{
	background-position:right -21px;
}
.LienPDF{
	background:url(../images/Picto_PDF.gif) no-repeat 0 0;
	display:inline-block;
	padding-left:23px;
	padding-bottom:3px;
}

/*- Classes pour les images ----*/
img.ImageContour {
	border: 1px solid #CCC;
	padding:2px;
}
img.ImageGauche {
	/*border: 1px solid #CCC;*/
	margin:	0 15px 10px 0;
	float: left;
	padding:2px;
}
img.ImageDroite {
	/*border: 1px solid #CCC;*/
	margin: 0  0 10px 15px;
	float: right;
	padding:2px;
}

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



/*- 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:1.2em;
	margin:19px 0 24px 0;
	background:#e9f3ff url(/images/Bg_CelluleTableau.gif) repeat-x bottom left;
}
table.Tableau td{
	vertical-align:top;
	border-right:1px solid #FFF;
	border-bottom:2px solid #FFF;
	padding:13px 14px 20px 14px;
}
table.Tableau td.CelluleTitre{
	background:#6c93c3 url(/images/Bg_CelluleTitre.gif) repeat-x bottom left;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:none;
	padding-top:9px;
	padding-bottom:8px;
	border-right:none;
}


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

/*- Styles d'ajustement pour les EM ----------------------------------------*/
div#Contenu p p,
div#Contenu ul ul, 
div#Contenu ol ol, 
div#Contenu ol ul, 
div#Contenu ul ol,
table.Tableau ul,
table.Tableau ol,
table.Tableau p {
	font-size:1em;
}