/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : CSSS Laval
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			editeur.css.
// Date   : 23 juin 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 -------------------------------------------------------------------*/
* {
	margin: 0;
}
html, body, form {
	height: 100%;
}
html {
	background:url(/images/Bg_EnteteTuile.jpg) repeat-x top left;
}
body {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	background:url(/images/Bg_Entete.jpg) no-repeat top center;
	color:#3b3b3b;
}
p {
	margin: 0 0 12px 0;
}
a {
	color:#1783D0;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}
.AligneGauche {
	float: left;
}
.AligneDroite {
	float: right;
}
.Clearer {
	clear: both;
}
.Clearfix:after,
#BarreLaterale .BlocInfo:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
div.hr {
	border-top:1px solid #bcbcbc;
	margin-top:13px;
	padding-bottom:5px;
}
div.hr hr {
	display:none;
}



/*- Styles communs à toutes les pages -----------------------------------------*/
#Wrapper {
	width: 968px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -250px; /* the bottom margin is the negative value of the footer's height */
	background:url(/images/Bg_Entete.jpg) no-repeat top center;
	padding-bottom:45px;
}
#PiedPage, .Push {
	height: 250px;
	bottom:0;
}

/* Entete */
#Entete {
	position:relative;
	height:200px;
	z-index:2;
}
#Logo {
	width:344px;
	height:104px;
	position:absolute;
	top:40px;
	left:-76px;
	z-index:999;
}
#Logo img {
	visibility:hidden;
	width:344px;
	height:104px;
}
#Logo a {
	display:block;
	width:344px;
	height:104px;
}
#BoxInfolettre {
	position:absolute;
	left:728px;
	top:52px;
}
#BoxInfolettre h6 {
	text-transform:uppercase;
	font-size:1.1em;
	font-weight:bold;
	color:#FFF;
	margin-bottom:3px;
}

/* Contenu */
#Corps {
	width:703px;
	float:right;
	margin-right:4px;
	display:inline;
}
#BarreLaterale {
	width:250px;
	float:left;
	display:inline;
	margin-left:4px;
}

/* Blocs informatifs */
#BarreLaterale img.BlocInfo {
	/*width:250px;*/
	display:block;
	margin:8px auto 0;
}
#BarreLaterale div.BlocInfo {
	width:236px;
	border:1px solid #dfdfdf;
	background:#f0f0f0 url(/images/Bg_BlocInfo.png) repeat-x top left;
	padding:3px 5px;
	margin-top:8px;
	position:relative;
	min-height: 70px;
	height: auto !important;
	height: 70px;
}
#BarreLaterale div.AvecImage {
	padding:3px 3px 3px 108px;
	width:137px;
}
#BarreLaterale div.BlocInfo h3 {
	text-transform:uppercase;
	font-size:1em;
	color:#3b3b3b;
	margin:6px 0 3px;
}
#BarreLaterale div.BlocInfo a {
	font-size:1.1em;
	font-weight:bold;
	color:#1783d0;
}
#BarreLaterale div.BlocInfo img {
	display:none;
}
#BarreLaterale div.AvecImage img {
	position:absolute;
	border:1px solid #FFF;
	width:92px;
	height:68px;
	margin-left:-105px;
	display:block;
}

/* Pied de page */
#PiedPage {
	background:#5494C0 url(/images/Bg_BasPage.png) no-repeat bottom center;
}
#PiedPage div.Conteneur {
	background:url(/images/Bg_BasPageWrap.png) no-repeat bottom left;
	width: 960px;
	margin:0 auto;
	height: 250px;
	overflow:hidden;
	padding:0 4px 0 4px;
}
#PiedPage div.BlocContenu {
	margin:142px 0 15px;
	height:50px;
	overflow:hidden;
}
#PiedPage div.BlocContenu h3 {
	font-size:1.1em;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFF;
	margin-bottom:5px;
}
#PiedPage div.BlocContenu p,
#PiedPage div.BlocContenu li {
	font-size:1.2em;
	font-weight:normal;
	color:#FFF;
}
#PiedPage div.BlocContenu li {
	float:left;
	padding-right:25px;
}
#PiedPage div.BlocContenu a {
	color:#e0efc0;
}
#PiedPage div#BlocNousJoindre {
	float:left;
	width:600px;
}
#PiedPage div#BlocCarriere {
	float:right;
	max-width:325px;
}
#PiedPage ul.Copyright {
	text-transform:uppercase;
}
#PiedPage ul.Copyright li {
	float:left;
	padding:0 8px;
	font-size:0.9em;
	color:#3b3b3b;
	border-right:1px solid #c5dbea;
}
#PiedPage ul.Copyright li.PremierItem {
	padding:0 8px 0 0;
	border-right:0px;
}
#PiedPage ul.Copyright li.DernierItem {
	padding:0 0 0 8px;
	border-right:0px;
}
#PiedPage ul.Copyright li a {
	color:#FFF;
}
#PiedPage a.LienConception {
	float:right;
	color:#FFF;
	text-transform:uppercase;
}

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
div#FlashAccueil {
	width:703px;
	height:272px;
	margin:0 0 5px -9px;
}
body.Accueil #Corps {
	float:left;
	margin-right:0px;
	width:695px;
}
body.Accueil #BarreLaterale {
	float:right;
	margin:0 4px 0 0;
}


/* - Recherche
   ------------------------------------*/
div#BlocRecherche {
	background-color:#73624d;
	border:1px solid #5d4f3e;
	padding:2px;
}
div#BlocRecherche div.Conteneur {
	background:url(/images/Bg_BlocRecherche.png) repeat top left;
	border-bottom:2px solid #73624d;
	padding:15px;
}
div#BlocRecherche label {
	background:url(/images/Ti_Recherche_FR.gif) no-repeat top left;
	width:152px;
	height:25px;
	display:block;
	text-indent:-9999px;
	float:left;
	margin-top:-3px;
}
div#BlocRecherche input.TxtBox {
	background:url(/images/Bg_TxtBoxRecherche.png) no-repeat top left;
	border:1px solid #5f503f;
	width:312px;
	height:18px;
	color:#5d4f3e;
	font-size:12px;
	padding:3px 0 0 3px;
	float:left;
	margin-right:6px;
}
div#BlocRecherche a.BtnFlecheDroite {
	float:left;
}
#BarreLaterale div#BlocRecherche input.TxtBox {
	width:105px;
}
#BarreLaterale div#BlocRecherche div.Conteneur {
	padding:5px 0 5px 5px;
	border:0px;
}
div#BlocRecherche ul {
	background-color:#a69279;
	overflow:hidden;
	padding:9px 10px;
	
	min-height:12px;
	height:auto !important;
	height:12px;
}
div#BlocRecherche ul li {
	float:left;
	background:url(/images/Img_SepListeRecherche.gif) no-repeat top left;
	padding:0 8px;
}
div#BlocRecherche ul li a {
	font-size:11px;
	color:#FFF;
}
div#BlocRecherche ul li.DernierItem {
	padding-right:0px;
}
div#BlocRecherche ul li.PremierItem {
	padding-left:0px;
	background:none;
}

/* Ajustements COVEO */
#Contenu.Recherche {
    padding-right:20px;
}
#Contenu.Recherche .CesHeader div div {
    padding:3px 5px 0 0;
}
#Contenu.Recherche .CesHeader div div.CesHeaderTitle {
    padding:2px 5px;
}
#Contenu.Recherche .CesHeader a {
    color:#FFF;
    text-decoration:none;
}
#Contenu.Recherche .CesHeader a:hover {
    color:#FFF;
    text-decoration:underline;
}

/* - Nouvelles
   ------------------------------------*/
div#BlocNouvelle {
	margin:22px 0 0 0;
	float:left;
	width:425px;
}
div#BlocNouvelle div.Conteneur {
	border-top:1px solid #bcbcbc;
	margin-top:4px;
	padding-top:18px;	
}
div#BlocNouvelle h4 {
	font-size:1.1em;
	font-weight:bold;
	color:#73624d;
	text-transform:uppercase;
	margin-bottom:10px;
}
div#BlocNouvelle h3,
div#BlocSondage h3,
div#BlocBlogue h3 {
	background-color:#71a7cb;
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	height:16px;
}
div#BlocNouvelle h2 {
	font-size:1.4em;
	font-weight:bold;
	color:#3b3b3b;
}
div#BlocNouvelle a {
	color:#718b26;
}
div#BlocNouvelle p {
	font-size:1.2em;
	color:#636465;
	line-height:1.4em;
	margin-bottom:20px;
}
div#BlocNouvelle em {
	color:#3b3b3b;
}
div#BlocNouvelle  ul.Archives li,
div#BarreBlogue ul.Dernier li {
	font-size:1.1em;
	color:#636465;
	line-height:1.2em;
	margin-bottom:8px;
}
div#BlocNouvelle a.LienToutesNouvelles {
	float:right;
	margin:-15px 5px 0 0;
	color:#FFF;
	font-size:11px;
}

/* - Sondage
   ------------------------------------*/
div#BlocSondage,
div#BlocBlogue {
	margin:22px 0 0 0;
	float:right;
	width:250px;
}
div#BlocSondage p {
	font-size:1.2em;
	color:#636465;
	line-height:1.4em;
}
div#BlocSondage span.TxtErreur {
    display:block;
    padding-top:10px;
}
div#BlocSondage div.Conteneur {
	background:#f6f2ef url(/images/Bg_BlocSondage.gif) repeat-x bottom left;
	border-top:1px solid #bcbcbc;
	margin-top:4px;
	padding:15px 10px;
}
div#BlocSondage p.RadioButton {
	padding-left:15px;
	margin-bottom:5px;
}
div#BlocSondage p.RadioButton input {
	margin-left:-15px;
	margin-top:2px;
	position:absolute;
}
div#BlocSondage p.RadioButton label {
	color:#636465;
}
div#BlocSondage a.BtnFlecheDroite {
	margin-top:8px;
}
div#BlocSondage h2 {
	font-size:1.2em;
	font-weight:bold;
	color:#3b3b3b;
	margin-bottom:12px;
}

/* Barre Progression */
div.BarreProgression {
	border:1px solid #73624d;
	background:#FFFFFF;
	padding:1px;
	margin-bottom:12px;
	width:250px;
}
div.BarreProgression div {
	height:7px;
	background:#71a7cb;
}

/* - Blogue
   ------------------------------------*/
div#BlocBlogue {
	position:relative;
}
div#BlocBlogue div.ImageDG {
	position:absolute;
	width:79px;
	height:99px;
	bottom:0px;
	margin-left:170px;
}
div#BlocBlogue div.ImageDG img {
	width:79px;
	height:99px;
}
div#BlocBlogue div.Conteneur {
	background:#f6f2ef url(/images/Bg_BlocBlogue.gif) no-repeat bottom left;
	border-top:1px solid #bcbcbc;
	margin-top:4px;
	/*padding:15px 95px 15px 10px;*/
	padding:15px 10px;
	min-height:45px;
	height:auto !important;
	height:45px;
}
div#BlocBlogue p.Date {
	font-size:1.2em;
	font-style:italic;
	color:#3b3b3b;
	margin-bottom:4px;
}
div#BlocBlogue h2 {
	font-size:1.3em;
	font-weight:bold;
	color:#718b26;
	margin-bottom:0px;
}
div#BlocBlogue h2 a {
	color:#718b26;
}


/* - Accordeon
   ------------------------------------*/
#AccordeonAcc {
	width:244px;
	padding:3px;
	background-color:#aac44d;
	margin-bottom:12px;
}
#AccordeonAcc h2.Entete {
	background:#759028 url(/images/Bg_EntAccordeonAcc.png) no-repeat top right;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.2em;
	line-height:40px;
	cursor:pointer;
	height:40px;
	width:200px;
	padding:0 30px 0 12px;
	border:1px solid #849e30;
	overflow:hidden;
}
#AccordeonAcc div.Contenu {
	background-color:#FFF;
	padding:12px;
	width:220px;
}
#AccordeonAcc h2.over {
	background-position:bottom right;
}
#AccordeonAcc h2.selected {
	cursor:auto;
	color:#73624d;
	background:url(/images/Bg_EntAccordeonAcc_On.png) no-repeat top right;
	border:1px solid #FFF;
}
#AccordeonAcc div.Contenu h3 {
	color:#3b3b3b;
	font-size:1.2em;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:8px;
}
#AccordeonAcc div.Contenu p {
	color:#636465;
	font-size:1.2em;
	line-height:normal;
}
#AccordeonAcc div.Contenu a {
	color:#718b26;
}

/*- Styles spéciaux pour pages nouvelles --------------------------------------*/

/* Liste */
#Contenu.NouvellesListe h2 {
	padding-left:0px;
	background:none;
}
#Contenu.NouvellesListe p {
	margin-bottom:25px;
}
#Contenu.NouvellesListe em {
	color:#3b3b3b;
	font-weight:bold;
}

/* Contenu nouvelle */
#Contenu.Nouvelles h1,
#Contenu.Blogue h1,
#Contenu.Blogue h2.TitreBillet {
	color:#718b26;
	font-size:1.8em;
	font-weight:bold;
	margin:5px 0;
}
#Contenu.Nouvelles span.Date,
#Contenu.Blogue span.Date {
	color:#3b3b3b;
	font-weight:bold;
}


/* Navigation */
div#NavNouvelles {
	border-top:1px solid #e4e0dc;
}
div#NavNouvelles a.BtnFlecheDroite,
div#NavNouvelles div.BlocArchives,
div#NavNouvelles div.BlocArchives .SelectList,
div#NavNouvelles div.BlocArchives label {
	float:left;
	margin-top:15px;
}
div#NavNouvelles div.BlocArchives {
	border-left:1px solid #e4e0dc;
	padding:0 0 0 15px;
	margin:0 0 0 15px;
	height:50px
}
div#NavNouvelles div.BlocArchives label {
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	color:#73624d;
	margin:19px 8px 0 0;
}
div#NavNouvelles div.BlocArchives .SelectList {
	width:220px;
	margin:18px 8px 0 0;
}

/*- Styles spéciaux pour pages du blogue --------------------------------------*/
#Contenu.Blogue p.Categorie {
	font-size:1.1em;
}
#Contenu.Blogue div.hr {
	border-top:1px solid #71a7cb;
}
#Contenu.Blogue h2.TitreBillet {
	margin-top:12px;
	padding:0px;
	background:none;
}
#Contenu.Blogue div.BlocCommentaire {
	background-color:#F8F8F8;
	border-top:1px solid #e4e0dc;
	padding:10px;
}
#Contenu.Blogue div.BlocCommentaire a.BtnCommentaire {
	background:url(/images/Picto_Commentaire.gif) no-repeat top left;
	padding-left:35px;
	display:block;
	line-height:21px;
	font-size:1.2em;
	font-weight:bold;
}

/* Liste de commentaire */
#ListeCommentaire {
	background:#f8f8f8;
	padding:12px;
	border-top:1px solid #e4e0dc;
}
#Contenu #ListeCommentaire h3 {
	font-weight:bold;
	color:#73624d;
	line-height:34px;
	padding-left:52px;
	font-size:1.4em;
	background:url(/images/Bg_Commentaire.gif) no-repeat top left;
	margin:0 0 8px 0;
}
#Contenu #ListeCommentaire p.Date {
	font-weight:bold;
	color:#636465;
	font-size:1.1em;
	margin-bottom:10px;
}
#ListeCommentaire em {
	display:block;
	font-style:italic;
	color:#363636;
	font-size:0.9em;
}
#Contenu #ListeCommentaire div.hr {
	border-top:1px solid #e4e0dc;
	margin-bottom:10px;
}

/* Formulaire de commentaire */
#Contenu #FormCommentaire {
	background:#71a7cb;
	padding:12px;
	margin:0px;
}
#Contenu #FormCommentaire h3 {
	color:#FFF;
	font-size:1.8em;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 5px;
}
#Contenu #FormCommentaire p,
#Contenu #FormCommentaire p label {
	color:#FFF;
}

/* Barre Laterale > Blogue */
div#BarreBlogue {
	margin:0 0 12px 0;
	border-left:1px solid #e4e0dc;
	border-right:1px solid #e4e0dc;
	padding:0 10px 30px 10px;
}
div#BarreBlogue h5 {
	color:#73624d;
	font-size:1.1em;
	font-weight:bold;
	text-transform:uppercase;
	background:#71a7cb;
	margin:20px 0 12px;
}
div#BarreBlogue h5 span {
	background:#FFF;
	padding-right:6px;
}
div#BarreBlogue ul.Dernier {
	margin-bottom:30px;
}
div#BarreBlogue ul.Dernier a,
div#BarreBlogue ul.Categorie a {
	color:#718b26;
}
div#BarreBlogue ul.Categorie li {
	background:url(/images/Puce_SousSousMenu.gif) no-repeat 0 6px;
	padding-left:9px;
	font-size:1.1em;
}

/* Bloc Blogueur */
div#BarreBlogue div.BlocBlogueur {
	background:url(/images/Bg_BlocBlogueur.gif) repeat-x bottom left;
	margin:0 -10px;
	padding:10px;
}
div#BarreBlogue div.BlocBlogueur h5 {
	font-size:1.4em;
	font-weight:bold;
	color:#718b26;
	margin:0px;
	text-transform:none;
	background:none;
}
div#BarreBlogue div.BlocBlogueur h6 {
	font-size:1.1em;
	font-weight:bold;
	font-style:italic;
	color:#3b3b3b;
	margin:0 0 8px 0;
}
div#BarreBlogue div.BlocBlogueur p {
	font-size:1.1em;
	line-height:1.5em;
	color:#636465;
}
div#BarreBlogue div.BlocBlogueur img {
	margin-bottom:0px;
}

/*- Styles spéciaux pour pages intérieures ------------------------------------*/

/* - Entete imagerie
   ------------------------------------*/
div#EnteteContenu {
	width:700px;
	height:108px;
	background:url(/images/Bg_IntEnteteCadre.gif) no-repeat top left;
	padding:3px 3px 0 0;
}
div#EnteteContenu div.Conteneur {
	width:700px;
	height:105px;
	background-position:top right;
	background-repeat:no-repeat;
}
div#EnteteContenu div.Conteneur td {
	background:url(/images/Bg_IntEnteteMasque.png) no-repeat top left;
	vertical-align:middle;
	height:105px;
	width:322px;
}
div#EnteteContenu div.Conteneur td h2,
div#EnteteContenu div.Conteneur td h1 {
	background-color:#779329;
	border:3px solid #8ca12a;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;
	width:240px;
	padding:8px;
	max-height:63px;
	overflow:hidden;
}

/* - Titre de section
   ------------------------------------*/
h3.TitreSection {
	color:#73624d;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	border-top:16px solid #71a7cb;
	border-bottom:1px solid #BCBCBC;
	padding:8px 0 12px;
}

/* - Sous-Menu
   ------------------------------------*/
ul#SousMenu {
	background-color:#f2f2f2;
	border-bottom:1px solid #bcbcbc;
	margin-bottom:8px;
	padding:12px;
}
ul#SousMenu li {
	padding:5px 0;
}
ul#SousMenu li a {
	color:#1783d0;
	font-size:1.2em;
	font-weight:bold;
	display:block;
}
ul#SousMenu li a:hover,
ul#SousMenu li a.On {
	color:#73624d;
	text-decoration:none;
}
ul#SousMenu li ul {
	margin:3px 0 3px 8px;
}
ul#SousMenu li ul li {
	padding:3px 0 3px 8px;
	background:url(/images/Puce_SousSousMenu.gif) no-repeat 0px 10px;
}
ul#SousMenu li ul li a {
	font-size:1.1em;
	font-weight:normal;
	display:inline;
}
ul#SousMenu li.SousSousMenu a {
	background:url(/images/Puce_SousMenu.gif) no-repeat 100% 4px;
	padding-right:18px;
}
ul#SousMenu li.SousSousMenu a.On {
	background:url(/images/Puce_SousMenuOuvert.gif) no-repeat 100% 4px;
}
ul#SousMenu li.SousSousMenu ul li a,
ul#SousMenu li.SousSousMenu ul li a.On {
	background:none;
}


/* - Bloc Outils
   ------------------------------------*/
ul#Outils {
	float:right;
	width:175px;
}
ul#Outils li {
	float:left;
	height:18px;
	margin-left:12px;
	display:inline;
}
ul#Outils li a {
	color:#718b26;
	padding-left:26px;
	background-repeat:no-repeat;
	background-position:top left;
	height:18px;
	line-height:18px;
	font-size:10px;
	display:block;
}
ul#Outils li a.BtnEnvoyerAmi {
	background-image:url(/images/Picto_EnvoyerAmi.gif);
	width:43px;
}
ul#Outils li a.BtnImprimer {
	background-image:url(/images/Picto_Imprimer.gif);
	width:52px;
}

/* - Bloc Info Contact
   ------------------------------------*/
div#ContactInfo {
	float:right;
	width:195px;
	padding:0 45px 0 15px;
	border-left:1px solid #e4e0dc;
	margin:25px 0 0 0;
}
div#ContactInfo h2 {
	margin-top:0px;
}

/* - Region de contenu principal
   ------------------------------------*/
#Contenu {
	margin:15px 0 0 12px;
	background:url(/images/Bg_Contenu.png) no-repeat top right;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	padding:10px 5px 0 0;
}
#Contenu .TitrePage {
	background:#71a7cb;
	font-size:1.8em;
	font-weight:bold;
	color:#73624d;
	text-transform:uppercase;
	margin:-10px -5px 20px 0;
	padding:0px;
}
#Contenu .TitrePage span {
	background-color:#FFF;
	padding-right:8px;
	line-height:1.1em;
}

/*- Styles pour la page devenements -- ----------------------------------------*/
#EvenementCalendrier {
	margin-bottom:15px;
}

/*- Styles pour la page installations  ----------------------------------------*/
#GMap {
	width:688px;
	height:504px;
	border:1px solid #73624d;
	padding:2px;
	margin:18px 0 0 9px;
}
#GMap h3 {
	font-size:12px;
	color:#718b26;
	font-weight:bold;
}
#GMap p {
	font-size:12px;
	color:#636465;
}
#GMap img.thumb {
	padding:1px;
	border:1px solid #73624d;
}

#Contenu.Installations ul.ColListe {
	margin:20px 0 0 0;
	float:left;
	width:320px;
}
#Contenu.Installations ul.ColListe li {
	margin:0;
	line-height:normal;
	font-size:1em;
	list-style-image:none;
	list-style:none;
	padding:0 15px 0 0;
	width:305px;
}
#Contenu.Installations ul.ColListe li h3 {
	margin:0;
}
#Contenu.Installations ul.ColListe li p {
	padding:0 0 0 40px;
}
#Contenu.Installations ul.ColListe li img.Picto {
	margin-left:-40px;
	margin-top:3px;
	display:block;
	position:absolute;
	display:inline;
}

/*- Styles pour Section Evenements --------------------------------------------*/
body.Evenement h3.TitreSection {
	border-bottom:0px;
}
body.Evenement div.dp-popup-inline {
	width:244px;
}
body.Evenement table.jCalendar td {
	width:34px;
}

/*- Styles pour les navigations  ----------------------------------------------*/

/* Navigation Fixe */
#NavFixe {
	position:absolute;
	left:460px;
	top:2px;
}
#NavFixe li {
	float:left;
	padding:0 9px 0 10px;
	background:url(/images/Img_SepNavFixe.gif) no-repeat 0px 4px;
	line-height:16px;
}
#NavFixe li.PremierItem {
	background:none;
	padding-left:0px;
}
#NavFixe ul#TailleTexte li {
	padding:0;
	background:none;
	line-height:normal;
	margin:2px 2px 0 0;
}
#NavFixe ul#TailleTexte a {
	text-indent:-9999px;
	display:block;
	width:14px;
	height:14px;
	overflow:hidden;
	background-position:top left;
	background-repeat:no-repeat;
}
#NavFixe #TailleTexte a.Normal {
	background-image:url(/images/Bt_TailleTxt_1.gif);
}
#NavFixe #TailleTexte a.Moyen {
	background-image:url(/images/Bt_TailleTxt_2.gif);
}
#NavFixe #TailleTexte a.Grand {
	background-image:url(/images/Bt_TailleTxt_3.gif);
}
#NavFixe #TailleTexte a:hover,
#NavFixe #TailleTexte a.On {
	background-position:bottom left;
}
#NavFixe a, #BoxInfolettre a {
	font-size:1.1em;
	color:#f3fdcf;
}
#NavFixe a.On {
	text-decoration:underline;
}

/* Navigation Secondaire */
#NavSecondaire {
	position:absolute;
	left:460px;
	top:50px;
	width:224px;
}
#NavSecondaire li {
	float:left;
	padding:0 6px 6px 0;
	width:106px;
}
#NavSecondaire a {
	font-size:1.1em;
	color:#FFF;
}
#NavSecondaire a.On {
	text-decoration:underline;
}

/* Menu principal */
#MenuPrincipal {
	position:absolute;
	top:130px;
	width:960px;
	height:52px;
	background:url(/images/Bg_MenuPrincipal.png) no-repeat top left;
	padding:4px;
	z-index:2;
}
#MenuPrincipal li {
	height:52px;
	float:left;
	padding-right:2px;
	background:url(/images/Img_SepMenuPrincipal.gif) no-repeat top right;
}
#MenuPrincipal li.Installations {
	padding-right:0px;
}
#MenuPrincipal li a {
	display:block;
	height:52px;
	overflow:hidden;
	text-indent:-9999px;
}
#MenuPrincipal li a:hover,
#MenuPrincipal li a.Over {
	background-position:0 -52px;
}
#MenuPrincipal li.Installations a.Over {
	background-position:bottom left;
}
#MenuPrincipal li a.On {
	background-position:bottom left;
}

/* Fil Ariane */
ul#FilAriane {
	float:left;
	margin-bottom:12px;
	padding-left:12px;
	width:510px;
	height:18px;
	overflow:hidden;
}
ul#FilAriane li {
	float:left;
	background:url(/images/Puce_SepFilAriane.gif) no-repeat center right;
	padding:0 10px 0 6px;
	line-height:18px;
	font-size:10px;
}
ul#FilAriane li.DernierItem {
	background:none;
	padding-right:0px;
}
ul#FilAriane li.PremierItem {
	padding-left:0px;
}

/* Menu Deroulant ------------------------------------------------------------*/

/* Deuxieme niveau */
#MenuPrincipal li ul {
	display:none;
	position:absolute;
	z-index:999;
	background:#e3e4e3 url(/images/Bg_MenuDeroulant.gif) repeat-x top left;
	border:1px solid #dfdfdf;
	padding:15px 28px 5px;
	margin-left:-1px;
}
#MenuPrincipal li ul li {
	float:none;
	height:auto;
	padding-right:0px;
	background:none !important;	
	margin-bottom:10px;
}
#MenuPrincipal li ul li a {
	text-indent:0px;
	overflow:auto;
	height:auto;
	background:none !important;
	display:inline;
	font-size:1.2em;
	font-weight:bold;
}

/* Menu des Installations */
#MenuPrincipal li.Installations ul {
	background:#f9fceb;
	border:1px solid #cecdcd;
	padding:12px;
}
#MenuPrincipal li.Installations ul li {
	border:0px;
	border-bottom:1px solid #cecdcd;
	font-size:1.2em;
	color:#636465;
	padding:8px 0;
	margin:0px;
}
#MenuPrincipal li.Installations ul li.DernierItem {
	border:0px;
}
#MenuPrincipal li.Installations ul li .TextePetit {
	font-size:0.9em;
	color:#3b3b3b;
}
#MenuPrincipal li.Installations ul li a {
	color:#718b26;
	font-weight:normal;
	font-size:1em;
}


/*- Styles pour Plan du site --------------------------------------------------*/
#Contenu div.PlanSite {
	width:330px;
	float:left;
}
#Contenu div.PlanSite ul {
	margin:15px 0 0 0;
}
#Contenu div.PlanSite ul li {
	list-style:none;
	list-style-image:none;
	line-height:normal;
	padding:0 0 10px;
	font-size:1em;
}
#Contenu div.PlanSite ul li a {
	color:#1783d0;
	font-weight:bold;
	font-size:1.2em;
}
#Contenu div.PlanSite ul li ul {
	margin:2px 0 0 8px;
}
#Contenu div.PlanSite ul li ul li {
	padding:8px 0 0 8px;
	background:url(/images/Puce_SousSousMenu.gif) no-repeat 0px 14px;
}
#Contenu div.PlanSite ul li ul li a {
	font-size:1.1em;
	font-weight:normal;
}


/*- Styles pour formulaires ----------------------------------------------------*/
#Contenu .Formulaire {
	margin-top:20px;
}
#Contenu .Formulaire p {
	margin-bottom:8px;
	line-height:normal;
}
#Contenu .Formulaire p label {
	display: block;
	margin-bottom:1px;
	color:#3b3b3b;
	font-size:11px;
	font-weight:bold;
}
div.PopupContenu label .TxtErreur,
#Contenu .Formulaire p label .TxtErreur {
	font-weight:normal;
}
#Contenu .Formulaire .TxtBox {
	width:270px;
}
#Contenu .Formulaire .TxtArea {
	width:340px;
	height:75px;
}

input, textarea, select,
.TxtBox, .TxtArea, .SelectList, .Btn, .TxtLabel {
	font-family: Verdana, Arial, 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;
}
#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,
.TxtArea {
	border:1px solid #BCBCBC;
	color:#6a6a6a;
	padding:2px 5px;
}
.SelectList {
	border: 1px solid #BCBCBC;
	padding: 0 0 0 0;
	margin:	0 0 0 0;
}


/* - Boutons
   ------------------------------------*/
a.Btn,
#Wrapper a.Btn,
#Wrapper a.BtnFlecheDroite,
#Wrapper a.BtnFlecheGauche {
	background:url(/images/Bt_Gris.png) repeat-x top left;
	height:17px;
	
	/* Display Hack */
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	color:#5d4f3e !important;
	padding:4px 10px 0 10px;
	border:1px solid #a6a894;
	margin-right:6px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a.Btn:hover,
#Wrapper a.Btn:hover {
	background:#FFF;
}

/* Boutons par defaut */
#Wrapper a.BtnFlecheDroite {
	background:url(/images/Bt_GrisFlecheDroite.png) no-repeat top right;
	text-align:left;
	padding:4px 28px 0 10px;
}
#Wrapper a.BtnFlecheDroite:hover {
	background-position:bottom right;
}
#Wrapper a.BtnFlecheGauche {
	background:url(/images/Bt_GrisFlecheGauche.png) no-repeat top left;
	text-align:right;
	padding:4px 10px 0 28px;
}
#Wrapper a.BtnFlecheGauche:hover {
	background-position:bottom left;
}

/*- Styles de thickbox ----------------------------------------------------*/
div.PopupContenu input.TxtBox {
	width:165px;
	margin-bottom:10px;
}
/* Popup styles contenu */
div.PopupContenu h6 {
	color:#73624D;
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
}
div.PopupContenu p {
	color:#3B3B3B;
	font-size:11px;
	font-weight:normal;
}
div.PopupContenu ul {
	margin:5px 0 15px 15px;
}
div.PopupContenu ul li {
	color:#3B3B3B;
	font-size:11px;
	font-weight:normal;
	list-style:disc outside;
	padding-bottom:2px;
}
div.PopupContenu input.TxtBox {
	margin-bottom:0;
}
div.PopupContenu label {
	font-weight:bold;
	display:block;
	color:#3B3B3B;
}

/* Popup Erreur */
#ErreurBox {
	background:url(/Images/Picto_PopupErreur.png) no-repeat 15px 10px;
	padding:15px 20px 15px 82px;
}

/* Popup Message */
#MessageBox {
	background:url(/Images/Picto_PopupQuestion.png) no-repeat 15px 10px;
	padding:15px 20px 15px 82px;
}

/* Popup Question */
#QuestionBox {
	background:url(/Images/Picto_PopupQuestion.png) no-repeat 15px 15px;
	padding:15px 20px 15px 82px;
}
#QuestionBox div.BoxBouton {
	margin:15px 0 0 0;
}

/* Popup Envoyer à un ami */
#EnvoiAmiBox, #InfolettreBox {
	background:url(/Images/Picto_PopupEnvoiAmi.png) no-repeat 15px 15px;
	padding:15px 20px 15px 82px;
}
#EnvoiAmiBox h6, #InfolettreBox h6 {
	margin-bottom:10px;
}


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

/*- Classes pour les textes ----*/
#Contenu .TexteSpecial {
	color: #3b3b3b !important;
	font-weight:bold;
}
#Contenu .TextePetit {
	font-size: 0.9em !important;
}
#Contenu p {
	font-size: 1.2em;
	line-height:1.8em;
	color:#636465;
	margin-bottom:20px;
}
#Contenu h2,
#Contenu.Blogue h3.Date {
	font-size: 1.4em;
	font-weight:bold;
	color:#73624d;
	padding-left:30px;
	background:url(/images/Puce_SousTitre.gif) no-repeat 0px 5px;
	margin:20px 0 5px;
}
#Contenu h3 {
	font-size: 1.2em;
	font-weight:bold;
	color:#73624d;
	margin:20px 0 5px;
}
#Contenu h4, #Contenu h5, #Contenu h6 {
	font-size: 1.2em;
	font-weight:bold;
	color:#636465;
	margin: 10px 0 2px 0;
}

/*- Classes pour les hyperliens ----*/
#Contenu a {
	color:#718b26;
}

/*- Classes pour les images ----*/
#AccordeonAcc div.Contenu img.ImageContour,
img.ImageContour,
#Contenu div.ImageLegende img {
	border: 1px solid #a4988a;
	padding:1px;
}
img.ImageGauche {
	border: 1px solid #a4988a;
	padding:1px;
	margin:	0 15px 5px 0;
	float: left;
}
img.ImageDroite {
	border: 1px solid #a4988a;
	padding:1px;
	margin: 0  0 5px 15px;
	float: right;
}
#Contenu div.ImageLegende {
	border-bottom:1px solid #a4988a;
	float:right;
	margin:	0 15px 5px 0;
}
#Contenu div.ImageLegende img {
	margin-bottom:5px;
}
#Contenu div.ImageLegende p {
	color:#3b3b3b;
	font-size:1.1em;
	line-height:1.2em;
	margin-bottom:8px;
	padding:0 3px;
}
#Contenu div.ImageLegende p.TextePetit {
	color:#636465;
}

/*- 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,
#AccordeonAcc div.Contenu ul {
	margin: 0 0 12px 15px;
	padding: 0;
}
#Contenu ul li,
#AccordeonAcc div.Contenu ul li {
	list-style: disc outside url(/images/Puce_Liste.gif);
	padding: 0 0 5px 0;
	font-size: 1.2em;
	line-height:1.8em;
	color:#636465;
}

#Contenu ol,
#AccordeonAcc div.Contenu ol {
	margin: 0 0 12px 24px;
	padding: 0;
}
#Contenu ol li,
#AccordeonAcc div.Contenu ol li {
	list-style: decimal outside;
	padding: 0 0 5px 0;
	font-size: 1.2em;
	line-height:1.8em;
	color:#636465;
}
#AccordeonAcc div.Contenu ul li,
#AccordeonAcc div.Contenu ol li {
	line-height:normal;
}


/*- 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 #e4e0dc;
	padding:1px;
	margin-bottom:12px;
}
table.Tableau td {
	background-color:#FFF;
	padding:15px 12px;
	border:1px solid #e4e0dc;
	vertical-align:top;
	color:#636465;
	font-size: 1.1em;
}
table.Tableau td.CelluleTitre {
	background-color:#a4988a;
	color:#FFF;
	font-weight:bold;
	padding:8px 12px;
}
table.Tableau td.CelluleAlternative {
	background-color:#f6f2ef;
}

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

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