/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : Ville de Boisbriand
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			editeur.css.
// Date   : ete 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.5%; /* 10px par défaut */
	color: #3d3d3d;
	background: #85a845 url(/images/Bg.png) no-repeat top center;
}
p {
	margin: 0 0 12px 0;
}
h1, h2.TitreSection {
	font-size: 2.4em;
	font-weight: bold;
	color: #155289;
	margin: 0 0 25px;
}
h2.TitreSection {
 	margin:0;
 }
h1.TitrePage {
	font-size: 1.8em;
	font-weight: bold;
	color: #78a22f;
	text-transform: none;
	margin: 0 0 25px 0;
}
h2 {
	font-size: 1.8em;
	color: #155289;
	margin: 22px 0 4px 0;
}
h3 {
	font-size: 1.4em;
	font-weight: bold;
	color: #3b6bd5;
	margin: 0 0 5px 0;
}
h4, h5, h6 {
	font-size: 1.2em;
	font-weight: bold;
	color: ;
	margin: 10px 0 2px 0;
}
#Contenu h4 a {
	text-decoration: none;
}
a, a:hover {
	color: #3b6bd5;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}

/*- Styles communs à toutes les pages -----------------------------------------*/
.Clearer {
	clear: both;
}
.Clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#Wrapper {
	width: 950px;
	margin: 0 auto;
}
#Entete {
	position: relative;
	height: 270px;
}
#NavFixe {
	position: absolute;
	top:21px;
	left: 170px;
}
#NavFixe li {
	font-size: 11px;
	font-weight: bold;
	float: left;
	padding: 0 7px;
	border-right: 1px solid #78a22f;
}
#NavFixe li.DernierItem {
	border: 0;
}
#NavFixe a {
	color:#78a22f;
	text-decoration: none;
}
#NavFixe a:hover, #NavFixe a.On {
	color: #155289;
}
#Logo {
	position: absolute;
	top: 14px;
	left: 28px;
}
#Recherche {
	position:absolute;
	width: 194px;
	height: 21px;
	background:url(/images/Bg_Recherche.gif) repeat-x;
	border: 1px solid #e3e3e3;
	top: 14px;
	left:754px;
}
#Recherche input {
	color: #003768;
	border: 0;
	margin: 3px 0 0 9px;
	float: left;
	width: 160px;
}
#Recherche a {
	width: 9px;
	line-height: 9px;
	background:url(/images/Bt_Recherche.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	float: right;
	margin: 6px 6px 0 0;
	overflow: hidden;
}
#ImageEntete {
	position: absolute;
	top: 111px;
	left:0;
}
#Corps {
	background-color: #fff;
	padding: 0 30px 62px 8px;
	width: 912px;
}
#Contenu {
	float: left;
	margin-left:20px;
	width: 690px;
	padding-top: 10px;
}
#Contenu p {
	font-size: 1.2em;
	line-height: 1.4em;
}
#PiedPage {
	background:url(/images/Bg_Footer.jpg) no-repeat;
	height: 77px;
	padding: 52px 40px 0 32px;
	margin-bottom: 24px;
}
#PiedPage img {
	float: left;
	margin-right: 16px;
	vertical-align: middle;
}
#PiedPage p {
	font-size: 1.1em;
	color:#acacac;
	margin: 0;
	padding-top: 15px;
}
#PiedPage a {
	color: #fff;
}
#NavPiedPage {
	margin-top: 5px;
}
#NavPiedPage li {
	font-size: 11px;
	float: left;
	padding: 0 10px;
	border-left: 1px solid #fff;
}
#NavPiedPage li.PremierItem {
	border: 0;
	padding-left: 0;
}
#PiedPage #Credits {
	float: right;
	padding-top:0;
}
.AligneGauche {
	float: left;
}
.AligneDroite {
	float: right;
}

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
body.Accueil #Entete  {
	height: 326px;
}
body.Accueil #Corps {
	padding: 4px 4px 0;
	width: 942px;
}
#BlocContenu {
	float: left;
	margin-right: 5px;
}
#BlocContenu {
	width: 470px;
}
#BlocHautCalendrier, #BlocCalendrier {
	background: #d4def6;
	padding: 14px 17px;
}
#BlocHautCalendrier {
	height: 81px;
}
#BlocHautCalendrier p {
	margin-bottom: 6px;
}
#BlocHautCalendrier h2 {
	margin: 0 0 10px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	border:0 !important;
	height: 14px;
}
#BlocHautCalendrier select {
	color:#003768;
}
#BlocCalendrier {
	padding-top: 0;
	height: 178px;
	display: none;
}
#BlocCalendrier p.Date {
	font-size: 11px;
	margin-bottom: 3px;
}
#BlocCalendrier h3 {
	font-size: 12px;
	margin-bottom: 8px;
}
#BlocCalendrier h3 a {
	color: #155289;
}
#BlocCalendrier p a {
	font-size: 11px;
	line-height:14px;
	color: #7c7c7c;
	text-decoration: none;
}
#BlocCalendrier p {
	margin-bottom: 5px;
}
#BlocCalendrier p a:hover {
	text-decoration: underline;
}

#BlocCalendrier > div {
	float:left;
	width:205px;
}

#Calendrier {
	float: left;
	margin-right: 10px;
}
#Contenu.ListeCalendrier #Calendrier {
	margin-right: 25px;	
}
#BlocImportant {
	margin-top: 10px;
}
#BlocImportant h3 {
	text-indent: -9999px;
	width: 107px;
	height: 36px;
	float: left;
	background-repeat: no-repeat;
	margin: 0 8px 0 0;
}
#BlocImportant p {
	font-size: 1.1em;
	font-weight: bold;
	color:#961615;
}
#Nouvelles {
	margin-top: 10px;
	background: url(/images/Bg_Nouvelle.png) no-repeat;
	position:relative;
	width: 470px;
}
body.Accueil #FontSize {
	position: absolute;
	top: 26px;
	right: 13px;
}
#Nouvelles h2 {
	margin:0 0 18px 17px;;
	height:19px;
	text-indent: -9999px;
	background-repeat:no-repeat;
	background-position: 0 23px;
	padding-top: 23px;
}
#Nouvelles h3 {
	float: left;
	margin: 0 9px 0 0;
}
#Nouvelles h3,
#Nouvelles h3 a {
	color: #749c2d;
}
#Nouvelles p.Date {
	font-size: 1.1em;
	color:#3b6bd5;
	font-weight: bold;
}
#Nouvelles p.Date span {
	font-weight: bold;
	color: #749c2d;
	font-size: 1.4em;
	padding-right: 5px;
}
.Nouvelle {
	background: url(/images/Bg_Nouvelle.png) no-repeat;
	padding: 23px 17px;
}
.Nouvelle.PremierItem {
	background: none;
	padding-top: 0;
}
.Nouvelle p {
	font-size: 1.2em;
	line-height: 1.4em;
}
.Nouvelle p,
.Nouvelle p a {
	color: #595959;
}
.Nouvelle p a:hover {
	color: #595959;
}
body.Accueil .Nouvelle p a {
	text-decoration:none;
}

#ListeNouvelles {
	background: url(/images/Bg_Nouvelle.png) no-repeat;
	padding: 23px 17px;
}
#ListeNouvelles a {
	color:#6b9029;
}
#ColUtilitaires {
	float: left;
	width: 467px;
}
#ColG, #ColD {
	float: left;
}
#ColG {
	width: 214px;
	margin-right: 5px;	
}
#ColD {
	width: 248px;
}
#BlocServices {
	background: url(/images/Bg_ServicesLigne.png) no-repeat;
	padding: 16px 0 38px 14px;
	min-height: 196px;
	height: auto !important;
	height: 196px;
}
#BlocServices h2 {
	margin: 0 0 19px 0;
	text-indent: -9999px;
	height: 12px;
	background-repeat: no-repeat;
}
#BlocServices ul {
	margin-left: 18px;
}
#BlocServices ul li {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 7px;
}
#BlocServices ul li a {
	color: #78a22f;
	text-decoration: underline;
}
#BlocServices ul li a:hover {
	text-decoration: none;
}
#Publications {
	background: #fcf8c9 url(/images/Img_BasServices.png) no-repeat;
	padding: 32px 14px 14px;
}
#Publications h3 {
	text-indent: -9999px;
	height: 12px;
	background-repeat: no-repeat;
	margin-bottom: 0 0 7px 0;
}
#Publications p {
	font-size: 11px;
	margin: 0 0 12px 0;
}
#Publications img {
	margin-right:8px;
	width:189px;
	height: 147px;
}
#Publications p.TitrePublication {
	font-weight: bold;
	color:#3b6bd5;
	text-transform: uppercase;
	margin-bottom: 5px;
}
p.LienPublication {
	padding-left: 22px;
	background:url(/images/Picto_PDF.gif) no-repeat;
	float:left
}
p.LienPublication span {
	font-size: 0.9em;
}
#Publications a {
	font-weight: bold;
	color: #749c2d;
}


#Publications p.Toutes {
	clear:both;
	text-align:center;
}

#AccesRapide {
	background:#c2d3a2;
	padding: 4px;
	margin-bottom: 4px;
}
#AccesRapide h3 {
	width:240px;
	height: 39px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin:0 0 2px 0;
}	

#AccesRapide ul {
	width:240px
}
#AccesRapide ul li {
	width:240px;
	margin-bottom: 2px;
}
#AccesRapide ul li a {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	background: url(/images/Bg_ItemAccesRapide.gif) repeat-x;
	padding: 9px 18px;
	display: block;
	width: 204px;
}
#AccesRapide ul li a:hover, #AccesRapide ul li a.On {
	text-decoration: none;
	background-position: bottom left;
}
#PubliciteAnim, .Publicite {
	margin-bottom: 4px;
}
#PubliciteAnim {
	position: relative;
	width: 248px; height: 136px;
	overflow: hidden;
}
#PubliciteAnim li {
	position: absolute;
	width: 248px; height: 136px;
}

#SaviezVous {
	margin-top: 40px;
	background:url(/images/Bg_SaviezVous.gif) no-repeat;
	padding: 0 26px 0 83px;
	min-height: 63px;
	height: auto !important;
	height:63px;
}
#SaviezVous h2 {
	margin: 6px 0 10px 0;
}
#SaviezVous h2 a {
	display: block;
	width: 135px; height: 12px;
	text-indent:-9999px;
	background-repeat: no-repeat;
	overflow: hidden;
}
/* Cartes de la ville */

#CadreCarte {
	border: 3px solid #bbd097;
	width: 748px;
	float: left;
}
#Contenu #OngletsCartes {
	margin: 0;
}
#Contenu #OngletsCartes li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	list-style: none outside none;
	height: 25px;
	border-bottom: 1px solid #fff;
	padding-top:8px; 
	width: 150px;
}
#Contenu #OngletsCartes li.On {
	padding-top: 0;
	border-bottom: 1px solid #bbd097;
	height: 33px;
}
#Contenu #OngletsCartes li a {
	background: #a4c1e8;
	color: #003768;
	line-height: 25px;
	text-decoration: none;
	display: block;
	text-align: center;
}
#Contenu #OngletsCartes li.On a {
	line-height: 33px;
	background: #bbd097;
}
#Contenu #BlocEmplacements {
	font-weight: bold;
	float: left;
	width: 128px;
	margin-left: 15px;
}
#Contenu #BlocEmplacements h2{
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 10px;
}
#Contenu #BlocEmplacements a{
	color: #78a22f;
}

#BulleGMap p { margin: 0; }
#BulleGMap strong { color: #155289; }

/*- Styles spéciaux pour pages intérieures ------------------------------------*/
#BlocSousMenu {
	background: #c2d5f0 url(/images/Bg_SousMenu.png) repeat-x bottom left;
	padding-bottom: 124px;
	width: 202px;
	padding-top: 18px;
	float: left;
}
#BlocSousMenu h3 {
	margin: 0 0 0 17px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	height: 29px;
}
#BlocOutils {
	border-bottom: 1px solid #e7edf3;
	padding-bottom: 7px;
	margin-bottom: 19px;
	position: relative;
}
#Contenu #FilAriane {
	margin: 4px 0 0 0;
	width: 450px;
}
#Contenu #FilAriane li {
	font-size: 10px;
	color:#78a22f;
	list-style: none;
	padding: 0;
	float: left;
	background: url(/images/Bg_ItemFilAriane.gif) no-repeat 0 3px;
	padding: 0 5px 0 7px;
}
#Contenu #FilAriane li.PremierItem {
	padding-left: 0;
	background: none;
}
#Contenu #FilAriane li.DernierItem {
	padding-right: 0;
	background: url(/images/Bg_ItemFilAriane-On.gif) no-repeat 0 3px;
}
#Contenu #FilAriane li a {
	color: #155289;
	text-decoration: none;
}
#Contenu #FilAriane li a:hover {
	color:#78a22f;
	text-decoration: none;
}
#Outils {
	position: absolute;
	right: 0;
	top: 0;
	/*width: 204px;*/
}
#Outils p {
	float: left;
	margin-right: 10px;
}
#Outils a.LienImprimer, #Outils a.LienEnvoi {
	font-size: 10px;
	color: #155289;
	float: left;
	display: block;
	text-decoration: none;
}
#Outils a.LienImprimer:hover, #Outils a.LienEnvoi:hover {
	text-decoration: underline;
}

#Outils a.LienImprimer {
	background: url(/images/Picto_Impression.gif) no-repeat;
	padding-left: 23px;
	margin-right: 14px;
}
#Outils a.LienEnvoi {
	background: url(/images/Picto_EnvoiAmi.gif) no-repeat;
	padding-left: 23px;
}
/* Grossiseur de fonte */
#Outils #FontSize {
	float: left;
	margin:0;
}
#Outils #FontSize li, body.Accueil #FontSize li  {
	width:16px;
	height:16px;
	float:left;
	margin-right:2px;
	list-style: none;
	padding: 0;
}

#Outils #FontSize a, body.Accueil #FontSize a{
	display:block;
	width:16px;
	height:16px;
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#Outils #FontSize a:hover,
#Outils #FontSize a.On,
body.Accueil #FontSize a:hover,
body.Accueil #FontSize a.On {
	background-position:bottom left;
}

#Outils #FontSize li.petit a, body.Accueil #FontSize li.petit a {
	background-image:url(/images/Picto_Font_Petit.gif);
}

#Outils #FontSize li.normal a, body.Accueil #FontSize li.normal a {
	background-image:url(/images/Picto_Font_Moyen.gif);
}
#Outils #FontSize li.grand a, body.Accueil #FontSize li.grand a {
	background-image:url(/images/Picto_Font_Grand.gif);
}
/* Pages Chapitre */
body.PleinePage #Contenu {
	width: 908px;	
	display: inline;
	padding: 10px 0 60px 0;
	margin-left:13px;
}
body.PleinePage #Corps {
	padding: 0 8px 62px 8px;
	width: 934px;
}
#Contenu ul#ListingChapitre {
	margin:0;
}
#Contenu ul#ListingChapitre li {
	list-style: none;
	padding:0;
	float: left;
	width: 199px;
	height: 165px;
	position: relative;
	overflow: hidden;
	margin: 0 37px 25px 0;
}
#Contenu ul#ListingChapitre li.DernierItem {
	margin-right: 0;	
}
#Contenu ul#ListingChapitre li a.LienBidon {
	width: 199px;
	height: 165px;
	overflow: hidden;
	display: block;
	z-index: 9999;
	position: absolute;
	top:0;
	left:0;
}	
#Contenu ul#ListingChapitre li p {
	line-height: 1.2em;	
}
.PhotoListing {
	z-index: 9996;
	position: absolute;
	top:0;
	left:0;
}
#Contenu ul#ListingChapitre li p {
	font-size: 0.9em;
	z-index: 9998;	
	position:absolute;
	top:130px;
	left:17px;
	width: 150px;
}
#Contenu ul#ListingChapitre li p a {
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;	
	text-decoration: none;
}
.CadreListing {
	z-index: 9997;	
	position:absolute;
	top:0;
	left:0;
	width: 199px;
	height: 165px;
}
/* Recherche COVEO */
#Contenu span.Highlight { background-color: #fffed7; }
#Contenu p.LogoCoveo { float:right; margin: -10px 0 0; }

#SearchBox { height: 32px; }
#SearchBox input, #SearchBox a { float: left; margin-right: 8px; }
#SearchBox input {
	width:332px;
	font-size:12px;
	color:#606060;
	background:#fff;
	border:1px solid #e8e3df;
	padding:2px 4px 4px 4px;
	margin-bottom:7px;
}
#SearchNavigation {
	border-top:1px solid #E2E2E2;
	border-bottom:1px solid #E2E2E2;
	padding:10px 0;
	margin-bottom:15px;
}
#SearchResults .ResultItem { position: relative; padding-left: 32px; margin-bottom: 18px; }
#SearchResults .ResultItem h2 { font-size:1.4em; font-weight:bold; margin:0; }
#SearchResults .ResultItem h2 img { position: absolute; margin-left: -25px; }
#SearchResults .ResultItem h2 a { text-decoration:none; }
#SearchResults .ResultItem h2 a:hover { text-decoration:underline; }
#SearchResults .ResultItem h3 { float: right; font-size:1.4em; font-weight:bold; text-transform:uppercase; margin-left: 20px; }
#SearchResults .ResultItem p { font-size: 1.2em; margin:0; }
#SearchPager {
	border-top: 1px solid #E2E2E2;
	padding-top: 10px; margin-top: 15px;
}
#SearchNavigation p { margin-bottom:0px; }

#flashContent {
	margin-bottom: 20px;	
}

#flashContent p {
	padding:100px 0;  border:1px solid #85a845; 
	font-size:1.2em; text-align:center; color:#fff; font-weight:bold;
	background-color:#85a845;
}

/* Calendrier */



/*- Styles pour menu principal / sous-menu  -----------------------------------*/
#MenuPrincipal {
	position: absolute;
	top: 65px;
	left: 176px;
}
#MenuPrincipal li {
	float: left;
	width: 256px;
	height: 43px;
	margin-right: 3px;
}
#MenuPrincipal li.DernierItem {
	margin: 0;
}
#MenuPrincipal li a {
	width: 256px;
	line-height: 43px;
	text-indent: -9999px;
	display: block;
	background-repeat:no-repeat;
	background-position: top left;
	overflow: hidden;
}
#MenuPrincipal li a:hover, #MenuPrincipal li a.On {
	background-position: bottom left;
}
#SousMenu {
	margin: 16px 0 0 4px;
	width: 193px;
}
#SousMenu li {
	width: 193px;
	margin-bottom: 2px;
}
#SousMenu li a {
	font-size: 11px;
	font-weight: bold;
	color: #155289;
	text-decoration: none;
	padding: 6px 6px 6px 26px;
	display: block;
	background: #edf2fb url(/images/Bg_ItemSousMenu.png) no-repeat;
	width: 161px;
}
#SousMenu li a:hover {
	background: #fcfaeb url(/images/Bg_ItemSousMenu-On.png) no-repeat;
}

#SousMenu li.On {
	padding: 6px 6px 12px 26px;
	background: #fcfaeb url(/images/Bg_ItemSousMenu-On.png) no-repeat;
	width: 161px;
}
#SousMenu li.On a {
	display: inline;
	background: none;
	padding: 0;
}
#SousMenu li.On ul {
	margin: 5px 0 0;
	width: auto;
}
#SousMenu li.On ul li {
	width: 151px;
	background: url(/images/Puce_ItemSousMenu.gif) no-repeat 0 5px;
	padding-left: 10px;
	margin-bottom: 5px;
}
#SousMenu li.On ul li.On {
	padding: 0 0 0 10px;
}
#SousMenu li.On ul li.On a {
	color: #78a22f;
}
#SousMenu li.On ul li a {
	font-weight: normal;
	width: 151px;
	color: #155289;
}
#SousMenu li.On ul li a:hover {
	color: #78a22f;
	background: none;
}
#SousMenu li.On ul li ul li {
	background: none;
}
#SousMenu li.On ul li.On ul li a {
	color: #155289;
}
#SousMenu li.On ul li.On ul li.On a {
	color:#78a22f;
}


/*- Styles pour Publications --------------------------------------------------*/
#PagePublication {
	padding: 25px 0;
}
#PagePublication .ColG {
	float: left;
	max-width: 330px; max-height: 255px;
	margin-right: 30px;
	overflow: hidden;
}
#PagePublication .ColG img { max-width: 330px; max-height: 255px; }
#PagePublication .ColD { float: left; width: 330px; }
#PagePublication .ColD h3 { color: #729c2e; margin: 0; }
#PagePublication .ColD table td { font-size: 1.2em; border-bottom: 1px solid #e4e4e4; padding: 6px 0; }
#PagePublication .ColD table td.Titre { background: url(/images/Bg_PublicationsSepar.gif) repeat-x; padding-top: 30px; }


/*- Styles pour Plan du site --------------------------------------------------*/
#Contenu #PlanDeSite {
	margin:20px 0 0 -20px;
}
#Contenu #PlanDeSite ul {
	display:block;
	margin:5px 0 15px 20px;
}
#Contenu #PlanDeSite li {
	margin:0 0 5px 0; padding:0;
	list-style:none; list-style-image:none;
}
	#Contenu #PlanDeSite > ul > li > a {
		display:block;
		width:400px;
		padding:15px;
		font-size:1.1em; color:#fff; font-weight:bold; text-decoration:none;
		background-color:#155289;
	}
		#Contenu #PlanDeSite > ul > li > ul {
			margin-top:10px; margin-bottom:40px;
		}
		#Contenu #PlanDeSite > ul > li > ul > li > a {
			color:#78a22f; text-transform:uppercase; text-decoration:none;
		}
		#Contenu #PlanDeSite > ul > li > ul > li > a:hover {
			text-decoration:underline;
		}
			#Contenu #PlanDeSite > ul > li > ul > li > ul > li > a {
				font-weight:bold; text-decoration:none;
			}
			#Contenu #PlanDeSite > ul > li > ul > li > ul > li > a:hover {
				text-decoration:underline;
			}
				#Contenu #PlanDeSite > ul > li > ul > li > ul > li > ul > li > a {
					text-decoration:none;
				}
				#Contenu #PlanDeSite > ul > li > ul > li > ul > li > ul > li > a:hover {
					text-decoration:underline;
				}



/*- Recherche Entreprise --------------------------------------------------*/
#Contenu.RechercheEntreprise h2 {
	/*margin:0 0 15px 0;*/
}
#Contenu.RechercheEntreprise p.AligneGauche {
	/*float:left;*/
	height:40px;
	margin:0 15px 0 0;
}
#Contenu.RechercheEntreprise h4 {
	clear:both;
	margin:0 0 20px 0;
}
#Contenu.RechercheEntreprise h3 {
	margin:0 0 10px 0;
}
#Contenu.RechercheEntreprise #Liste li {
	margin:0 0 5px 0;
}
	#Contenu.RechercheEntreprise #Liste li span {
		display:block;
		}

		
/*- Entreprise Description --------------------------------------------------*/
#Contenu.EntrepriseDescription h3 {
	margin:20px 0 10px 0;
	text-transform:uppercase;
}
	#Contenu.EntrepriseDescription dt {
		display:block; float:left;
		width:200px; min-height:15px;
		padding:10px 0 0 0; border-top:1px solid #e7edf3;
		color: #749c2d; text-transform:uppercase; font-size:1.1em;
		vertical-align:top;
	}
	#Contenu.EntrepriseDescription dd {
		display:block; float:left;
		width:650px; min-height:15px;
		margin:0 0 10px 0; padding:10px 0 0 20px; border-top:1px solid #e7edf3;
		font-size:1.1em;
	}



/*- ListeNouvelles --------------------------------------------------*/
#Contenu p.Aucune {
	margin-bottom:120px;
}

#Contenu.ListeNouvelles select {
	float:right;
}
	#Contenu.ListeNouvelles ul.Liste {
		margin:0; padding:0 0 128px 0;
		background:transparent url(/images/Bg_Nouvelle.png) left bottom repeat-x;
	}
	#Contenu.ListeNouvelles .Liste li {
		display:block;
		margin:0 0 20px 0; padding:20px 0 0 0;
		background:transparent url(/images/Bg_Nouvelle.png) left top repeat-x;
		list-style:none; list-style-image:none;
	}
	#Contenu.ListeNouvelles .Liste li:first-child {
		background:none;
	}
		#Contenu.ListeNouvelles .Liste li h3 {
			display:inline;
			margin:0 7px 0 0;
			font-size:1.1em; color:#749c2d;
		}	
		#Contenu.ListeNouvelles .Liste li em {
			margin:0 0 0 7px;
			font-size:0.9em; color:#3b6bd5; font-style:normal; font-weight:bold; 
		}		
		#Contenu.ListeNouvelles .Liste li p {
			margin:10px 0 15px 0;
			font-size:1em;
		}	
	#Contenu.ListeNouvelles .OutilsBas {
		position:relative;
		top:-80px;
	}


/*- ListeCalendrier --------------------------------------------------*/

#Contenu.ListeCalendrier select {
	float:right;
}
#Contenu.ListeCalendrier a.prevMonth, #Contenu.ListeCalendrier a.nextMonth {
	float: left;
}
#Contenu.ListeCalendrier a.prevMonth {
	text-indent: -9999px;
	display: block;
	text-decoration: none;
	outline: none;
	width: 6px;
	height: 11px;
	background: url(/images/Puce_CalendrierPrevious.gif) no-repeat;
	margin: 1px 15px 0 0;
}
#Contenu.ListeCalendrier a.nextMonth {
	text-indent: -9999px;
	display: block;
	text-decoration: none;
	outline: none;
	width: 6px;
	height: 11px;
	background: url(/images/Puce_CalendrierNext.gif) no-repeat;
	margin: 1px 0 0 15px;
}
#Contenu.ListeCalendrier h2.Mois {
	font-size: 1em;
	margin: 0;
	font-weight:bold;
	float: left;
}
#Contenu.ListeCalendrier ul.Liste {
	margin:10px 0 10px;
}
	#Contenu.ListeCalendrier .Liste li {
		margin:0; padding:24px 0 30px;
		background:transparent url(/images/Bg_Nouvelle.png) left top repeat-x;
		list-style: none none;
	}
		#Contenu.ListeCalendrier .Liste li h3, #Contenu.ListeCalendrier .SliderInline h3 {
			display:inline;
			margin:0 7px 0 0;
			font-size:1.1em; color:#749c2d;
		}	
			#Contenu.ListeCalendrier .Liste li h3 a, #Contenu.ListeCalendrier .SliderInline h3 a {
				color:#749c2d;
			}	
			#Contenu.ListeCalendrier .Liste li h3 a:hover, #Contenu.ListeCalendrier .SliderInline h3 a:hover {
				color:#749c2d; text-decoration:none;
			}	
		#Contenu.ListeCalendrier .Liste li em, #Contenu.ListeCalendrier .SliderInline em {
			margin:0 0 0 7px;
			font-size:0.9em; color:#3b6bd5; font-style:normal; font-weight:bold; 
		}
		#Contenu.ListeCalendrier .SliderInline em {
			display: inline;	
		}
		#Contenu.ListeCalendrier .Liste li p {
			margin:10px 0 0;
			font-size:1em;
		}
		#Contenu.ListeCalendrier .SliderInline li p {
			margin:10px 0 0;
			font-size: 1.1em;
		}

/*- Calendrier Large ----------------------------------------*/

#Contenu.ListeCalendrier #BlocCalendrier {
	display: block;
	height: 235px;
	background: #fff;
	padding: 0 0 0 0;
	margin: 15px 0 0 0;
}
#Contenu.ListeCalendrier .dp-popup {
	width: 308px;
	height: 208px;
	font-size: 12px;
	border:1px solid #aec3f0;
	background: url(/images/Bg_Calendrier_Large.png) no-repeat left bottom;
}
#Contenu.ListeCalendrier .dp-popup h6 {
	background:url(/images/Bg_EnteteCalendrier_Large.png) no-repeat;
	margin: 0 0 3px 0;
}
#Contenu.ListeCalendrier .dp-nav-next {
	margin: -20px 0 0 200px;
}
#Contenu.ListeCalendrier table.jCalendar td.today, #Contenu.ListeCalendrier table.jCalendar td.today.Event {
	background:url(/images/Bg_CalJourSelect.png) no-repeat center center;
	color: #fff;
}
#Contenu.ListeCalendrier table.jCalendar td.selected, #Contenu.ListeCalendrier table.jCalendar td.Event.selected {
	background:url(/images/Bg_CalJourSelect.gif) no-repeat center center;
	color:#fff;
}
#Contenu.ListeCalendrier table.jCalendar td.Event {
	background: none;
}
#Contenu.ListeCalendrier .dp-popup div.dp-nav-prev a {
	background:url(/images/Img_CalendrierFlecheG.png) no-repeat;	
}
#Contenu.ListeCalendrier .dp-popup div.dp-nav-next a {
	background:url(/images/Img_CalendrierFlecheD.png) no-repeat;	
}
#Contenu.ListeCalendrier .dp-nav-prev {
	margin: -20px 0 0 10px;
}
#Contenu.ListeCalendrier table.jCalendar td, #Contenu.ListeCalendrier table.jCalendar th {
	width: 40px;
	height: 22px;
}
#Contenu.ListeCalendrier ul.SliderInline li {
	float: right;
	width: auto;
	margin-right: 30px;
}

/*- PageNav --------------------------------------------------*/
#Contenu ul.PageNav li {
	display:inline;
	margin:0 5px; padding:0;
	list-style:none; list-style-image:none;
}
	#Contenu ul.PageNav li:first-child {
		margin-left:0;
	}
	#Contenu ul.PageNav li a.On {
		position:relative;
		top:1px;
		font-weight:bold; text-decoration:none; font-size:1.2em; color:#78a22f;
	}
	
	
/* Slider Evenements --------------------------------------------------*/
div#SliderEvenements {
	position:relative;
	width:195px;
}
#Contenu.ListeCalendrier #SliderEvenements {
	width:573px;	
}
ul.SliderInline {
    position:relative;
	width:205px;
	height:130px;
	margin:0 0 6px !important;
}
#Contenu.ListeCalendrier .SliderInline {
	width: auto;	
}
ul.SliderInline li {
    position:absolute;
    top:0px;
    left:0px;
	width:205px;
	height:130px;
	overflow:hidden;
}
a.BackSliderInline,
a.NextSliderInline {
    top:0;
    color:#F42909;
    font-weight:bold;
    text-decoration:none;
    position:absolute;
    font-size:1.1em;
	z-index:10;
	outline:none;
}
#Contenu.ListeCalendrier a.BackSliderInline, #Contenu.ListeCalendrier a.NextSliderInline {
	top:8px;
}
a.BackSliderInline {
    right:-20px;
}
a.NextSliderInline {
    right:-30px;
}
a.BackSliderInline a:hover,
a.NextSliderInline a:hover {
    text-decoration:underline;
}


div.VenteDebarras span {
	display:inline-block;
	width:50px;
}


/*- Styles pour formulaires ----------------------------------------------------*/
.Formulaire {
	
}
.Formulaire p {
	/*margin-bottom: 20px;*/
}
.Formulaire p.AligneGauche {
	margin-right: 30px;
	position: relative;
}
.Formulaire p label {
	color: #595959;
	display: block;
	font-weight: bold;
	margin-bottom: 3px;
	position: relative;
}
.Formulaire p label small {
	font-size: 11px;
	font-weight: normal;
	line-height: normal;
}
input, textarea, select,
.TxtBox, .TxtArea, .SelectList, .TxtLabel {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px; /* fixer la size pour pas que les champs défoncent si la grosseur du texte est grandie par l'utilisateur */
}
.TxtErreur {
	font-size: 11px;
	font-style: italic;
	color: #fff !important;
	position: absolute;
	background:  url(/images/Bg_Erreur.gif) no-repeat;
	display: inline-block;
	padding: 0 10px 7px;
	/*top: 0;
	right: 0;*/
	line-height: 27px;
	margin-left:15px;
	margin: -16px 0 0 15px;

}
#Contenu div.SommaireValidation {
	color: #b46f6d !important;
	background: #fdf1f1;
	border:1px solid #b46f6d;
	padding: 20px;
	margin-bottom: 12px;
}
#Contenu div.SommaireValidation ul {
	margin: 0;
}
#Contenu div.SommaireValidation ul li {
	float: left;
	list-style: none outside none;
	padding: 0;
}
.TxtBox {
	color: #595959;
	background: url(/images/Bg_TxtBox.gif) repeat-x;
	border: 1px solid #ccc;
	padding: 3px;
}
.TxtBox.Erreur, .TxtArea.Erreur {
	border: 1px solid #85a845;
}
.TxtArea {
	color: #595959;
	background: url(/images/Bg_TxtArea.gif) repeat-x;
	border: 1px solid #ccc;
	padding: 3px;
}
.SelectList {
	color: #595959;
	background: url(/images/Bg_TxtBox.gif) repeat-x;
	border: 1px solid #ccc;
	padding: 3px;
}
p.Checkbox {

}
p.Checkbox label {
	display: block;
	float: left;
	margin: 0 0 5px 5px;
}
p.Checkbox input {
	display: block;
	float: left;
}
p.Checkbox br {
	clear: both;
}
p.RadioBtn  {

}
p.RadioBtn label {
	display: block;
	float: left;
	margin: 0 0 5px 5px;
}
p.RadioBtn input {
	display: block;
	float: left;
}
p.RadioBtn br {
	clear: both;
}
a.Btn,
input.Btn {
	font-size: 11px;
	display: inline-block; /*ie*/
	line-height: 24px;
	text-decoration: none !important;
	background: url(/images/Bg_Bouton.png) no-repeat top right; 
	padding-right: 16px; 
	/*vertical-align: middle;*/
	cursor: pointer; 
	cursor: hand; 
	outline: none;
}
a.Btn span {
	background: url(/images/Bg_Bouton.png) no-repeat top left; 
	display: inline-block;
	height: 24px;
	font-weight: bold;
	color: #fff;
	line-height: 24px;
	padding-left: 16px;
}

a.Submit {
	float:right;	
}


/*- Styles de l'éditeur ----------------------------------------------------*/
#Contenu a {
	text-decoration: underline;
}
#Contenu a:hover {
	text-decoration: none;
}

/*- Classes pour les textes ----*/
.TexteSpecial {
	font-weight: bold;
	color: #155289;
}
.TexteBleuNormal {
	color: #155289;
}
.TextePetit {
	font-size: 0.9em;
}

/*- Classes pour les hyperliens ----*/


/*- Classes pour les images ----*/
img.ImageContour {
	border: 1px solid #80AB38;
	padding: 2px;
}
img.ImageGauche {
	border: 1px solid #80AB38;
	padding: 2px;
	margin:	0 15px 5px 0;
	float: left;
}
img.ImageDroite {
	border: 1px solid #80AB38;
	padding: 2px;
	margin: 0  0 5px 15px;
	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 */
#Contenu ul, #ListeNouvelles ul {
	font-size: 1.2em;
	margin: 0 0 12px 15px;
	padding: 0;
}
#Contenu ul li, #ListeNouvelles ul li {
	list-style: disc outside url(../images/Puce_Liste.gif);
	padding: 0 0 5px 0;
}
#Contenu ul li ul {
	margin-bottom: 0;
	margin-top: 5px;
}
#Contenu ul li ul li {
	list-style: disc outside url(../images/Puce_ListeNiveau2.gif);
	padding: 0 0 5px 0;
}

#Contenu ol {
	font-size: 1.2em;
	margin: 0 0 12px 24px;
	padding: 0;
}
#Contenu ol li {
	list-style: decimal outside;
	padding: 0 0 5px 0;
}
#Contenu div.SommaireValidation {
	background: #fdf1f1;
	border:1px solid #b46f6d;
	padding:12px 10px 6px 10px;
	margin-bottom: 16px;
}
#Contenu div.SommaireValidation ul {
	margin:0 !important;
}
#Contenu div.SommaireValidation ul li {
	background:none;
	padding: 0;
	color: #b46f6d !important;
}
/*- 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 {
	border: 1px solid #afc4d6;
	padding: 2px;
	margin-bottom: 20px;
}
table.Tableau td {
	font-size: 1.2em;
	background: #e4ebf1;
	color:#595959;
	padding: 6px 12px;
	border-left: 1px solid #afc4d6;
	border-bottom: 1px solid #afc4d6;
	vertical-align: top;
}
table.Tableau td.CelluleTitre {
	font-size: 1.2em;
	color: #fff;
	font-weight: bold;
	background:	#2468A3 url(/images/Bg_TitreTableau.gif) repeat-x;
	vertical-align: top;
}
table.Tableau td.CelluleSousTitre {
	font-size: 1.2em;
	font-weight: bold;
	background: #fff;
	vertical-align: top;
}

table.TableauNousJoindre {
	margin-bottom: 10px;
}
table.TableauNousJoindre td {	
	color: #787878;
	padding: 5px 0;
	vertical-align: top;
}
table.TableauNousJoindre td a {
	color: #85a845;
}
table.TableauNousJoindre td.CelluleTitreFonce,
table.TableauNousJoindre td.CelluleTitrePale {
	height: 42px;
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	background: #155289;
	padding: 0 8px;
	vertical-align: middle;
}
table.TableauNousJoindre td.CelluleTitrePale {
	background: #9bb0c2;
}
table.TableauNousJoindre td.CellulePhoto {
	padding: 0;
}

/*--------------------------------------------------------------------------*/

/*- 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,
div#Contenu table.Tableau ul,
div#Contenu table.Tableau ol,
div#Contenu table.Tableau p {
	font-size:1em;
}

