/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : CMM 
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			stylesforeditor.css.
// Date   : Octobre 2008
//----------------------------------------------------------------------------*/
@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, html {
	height: 100%;
}
body {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	background: #edede6;
}
p {
	font-size: 1.1em;
	margin: 0 0 12px 0;
}
h1 {
	overflow: hidden;
	text-indent: -9999px;
	height: 165px;
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-bottom: 19px;
}
h2 {
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 24px 0 9px 0;
}
h3#SousTitre {
	display: none;
}
h3, h4, h5, h6 {
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 15px 0 3px 0;
}
/*h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: ;
	margin: 10px 0 2px 0;
}
h5 {
	font-size: 1.2em;
	font-weight: bold;
	color: ;
	margin: 10px 0 2px 0;
}
h6 {
	font-size: 1.2em;
	font-weight: bold;
	color: ;
	margin: 10px 0 2px 0;
}*/
/*a, a:hover {
	color: ;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}*/
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}

/*- Styles communs à toutes les pages -----------------------------------------*/
#TableauCentre {
	height: 100%;
}
.Clearer {
	clear: both;
}
.Clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.Clearfix {
	*display: inline-block;
}

#wrapper {
	width: 965px;
	height: 600px;
	margin: auto;
	background:url(../images/Bg.png) no-repeat;
	position: relative;
}
#Anim, 	#BlocMenu, #BlocContenu {
	height: 586px;
	float: left;
	margin-top: 7px;
}
#Anim {
	width: 384px;
	margin-left: 7px;

}
#BlocMenu {
	background: #fff;
	width: 193px;
	position: relative;
}
#BlocContenu {
	width: 357px; /* 373px */
	padding: 35px 0 0 16px;
	height: 551px;
	position: relative;
}
#NavFixe {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	position: absolute;
	right: 8px;
	z-index: 9999;
}
#NavFixe li {
	float: left;
	padding: 0 6px;
	border-right: 1px solid #93a751;
	margin-top: 7px;
}
#NavFixe a {
	color: #93a751;
	text-decoration: none;
}
#NavFixe a:hover, #NavFixe a.On {
	color: #607421;
}
#Copyright {
	position: absolute;
	bottom: 6px;
	left: 14px;
	margin-bottom: 0;
	width: 100px;

}
#Copyright span {
	background: url(../images/Txt_Copyright_FR.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 63px;
	float:left;
}
#Copyright a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width: 33px;
	background:url(../images/Txt_Credits_FR.gif) no-repeat;
	float: right;
}
#MenuPrincipal {
	margin:0 0 0 14px;
	padding-top: 62px;
	width: 166px;
	position: relative;
}
#MenuPrincipal li {
	overflow: hidden;
	text-indent: -9999px;
	margin-bottom: 14px;
}
#MenuPrincipal li a {
	height:12px;
	display: block;
	background-repeat: no-repeat;
	background-position:top left;
}
#MenuPrincipal li a:hover, #MenuPrincipal li a.On {
	background-position: bottom left;
}
#BasPage {
	font-size: 1em;
	color: ;
	background:	;
	padding: 0 0 0 0;
	vertical-align: top;
}
#BasPage a {
	font-size: 1em;
	color: ;
	text-decoration: underline;
}
#BasPage a:hover {
	text-decoration: none;
}


/*- Styles spéciaux pour pages intérieures ------------------------------------*/
h2#TitreSection {
	margin: 0;
	height: 28px;
}

#BlocContenu a {
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

/* Styles par sections */

/* Grand Montreal */
body.GrandMontreal #BlocContenu {
	background: url(../images/Bg_GrandMontreal.png);
}
body.GrandMontreal #BlocContenu h2, body.GrandMontreal #BlocContenu h3 {
	color: #cb3f11;
}
body.GrandMontreal #BlocContenu {
	color: #663300;
}
body.GrandMontreal #BlocContenu a {
	color: #6e3901;
}
body.GrandMontreal #BlocContenu a:visited {
	color: #361d03;
}
body.GrandMontreal #BlocContenu a:hover, body.GrandMontreal #BlocContenu a:visited:hover {
	color: #f0e39e;
}

/* Acteurs */
body.Acteurs #BlocContenu {
	background: url(../images/Bg_Acteurs.png);
}
body.Acteurs #BlocContenu {
	color: #003333;
}
body.Acteurs #BlocContenu h2, body.Acteurs #BlocContenu h3 {
	color: #fcde8e;
}
body.Acteurs #BlocContenu a {
	color: #33e5e5;
}
body.Acteurs #BlocContenu a:visited {
	color: #003333;
}
body.Acteurs #BlocContenu a:hover, body.Acteurs #BlocContenu a:visited:hover {
	color: #f0e39e;
}

/* Deploiement */
body.Deploiement #BlocContenu {
	background: url(../images/Bg_Deploiement.png);
}
body.Deploiement #BlocContenu {
	color: #2c2f22;
}
body.Deploiement #BlocContenu h2, body.Deploiement #BlocContenu h3 {
	color: #a6200c;
}
body.Deploiement #BlocContenu a {
	color: #dcf46d;
}
body.Deploiement #BlocContenu a:visited {
	color: #2c2f22;
}
body.Deploiement #BlocContenu a:hover, body.Deploiement #BlocContenu a:visited:hover {
	color: #f0e39e;
}

/* Demarche */
body.Demarche #BlocContenu {
	background: url(../images/Bg_Demarche.png);
}
body.Demarche #BlocContenu {
	color: #ffcc99;
}
body.Demarche #BlocContenu h2, body.Demarche #BlocContenu h3 {
	color: #f4edc6;
}
body.Demarche #BlocContenu a {
	color: #ff712c;
}
body.Demarche #BlocContenu a:visited {
	color: #fac38f;
}
body.Demarche #BlocContenu a:hover, body.Demarche #BlocContenu a:visited:hover  {
	color: #f0e39e;
}

/* Marque */
body.Marque #BlocContenu {
	background: url(../images/Bg_Marque.png);
}
body.Marque #BlocContenu {
	color: #2c2f22;
}
body.Marque #BlocContenu h2, body.Marque #BlocContenu h3 {
	color: #d5ec6a;
}
body.Marque #BlocContenu a {
	color: #fdf8dd;
}
body.Marque #BlocContenu a:visited {
	color: #2c2f22;
}
body.Marque #BlocContenu a:hover, body.Marque #BlocContenu a:visited:hover {
	color: #f0e39e;
}

/* FAQ */
body.FAQ #BlocContenu {
	background: url(../images/Bg_FAQ.png);
}
body.FAQ #BlocContenu {
	color: #2c2f22;
}
body.FAQ #BlocContenu h2, body.FAQ #BlocContenu h3 {
	color: #2c2f22;
}
body.FAQ #BlocContenu a {
	color: #1c78a6;
}
body.FAQ #BlocContenu a:hover {
	color: #fef4b6;
}
body.FAQ #BlocContenu a:visited {
	color: #768641;
}

/* Actualites */
body.Actualites #BlocContenu {
	background: url(../images/Bg_Actualites.png);
}
body.Actualites #BlocContenu {
	color: #2c2f22;
}
body.Actualites #BlocContenu h2, body.Actualites #BlocContenu h3 {
	color: #2c2f22;
}
body.Actualites #BlocContenu a {
	color: #1c78a6;
}
body.Actualites #BlocContenu a:visited {
	color: #768641;
}
body.Actualites #BlocContenu a:hover, body.Actualites #BlocContenu a:visited:hover {
	color: #fef4b6;
}
/* Contact */
body.Contact #BlocContenu {
	background: url(../images/Bg_Actualites.png);
}
body.Contact #BlocContenu {
	color: #2c2f22;
}
body.Contact #BlocContenu h2, body.Contact #BlocContenu h3 {
	color: #2c2f22;
}
body.Contact #BlocContenu a {
	color: #1c78a6;
}
body.Contact #BlocContenu a:visited {
	color: #768641;
}
body.Contact #BlocContenu a:hover, body.Contact #BlocContenu a:visited:hover {
	color: #fef4b6;
}

/* Commentaires  */
body.Commentaires #BlocContenu {
	background: url(../images/Bg_FAQ.png);
}
body.Commentaires #BlocContenu {
	color: #2c2f22;
}
body.Commentaires #BlocContenu h2#TitreSection {
	color: #2c2f22;
	margin:0;
}
body.Commentaires #BlocContenu h2, body.Commentaires #BlocContenu h3 {
	color: #1c78a6;
	margin: 0 0 17px 0;
}
body.Commentaires #BlocContenu a {
	color: #1c78a6;
}
body.Commentaires #BlocContenu a:visited {
	color: #768641;
}
body.Commentaires #BlocContenu a:hover, body.Commentaires #BlocContenu a:visited:hover {
	color: #fef4b6;
}

/* Credits  */
body.Credits #BlocContenu {
	background: url(../images/Bg_FAQ.png);
}
body.Credits #BlocContenu {
	color: #2c2f22;
}
body.Credits #BlocContenu h2#TitreSection {
	color: #2c2f22;
	margin:0;
}
body.Credits #BlocContenu h2, body.Credits #BlocContenu h3 {
	color: #1c78a6;
	margin: 0 0 17px 0;
}
body.Credits #BlocContenu a {
	color: #1c78a6;
}
body.Credits #BlocContenu a:visited {
	color: #768641;
}
body.Credits #BlocContenu a:hover, body.Credits #BlocContenu a:visited:hover {
	color: #fef4b6;
}


#BlocContenuInt {
	height: 332px;
	overflow: hidden;
	padding-right: 10px;	
	/*margin-top: 19px;*/
}
#ScrollFictif {
	background: url(../images/Bg_ScrollFictif.gif);
	position: absolute;
	top: 0px;
	right:0px;
	height: 586px;
	width:10px;
	display: none;
}
/* Styles spéciaux pour la FAQ */
body.FAQ #BlocContenuInt table {
	width: 100%;
}
body.FAQ #BlocContenuInt table td {
	background: url(../images/Bg_Question-FAQ.png) no-repeat;
	padding: 12px 0;
}
.Question {
	color: #797601;
}	
.TitreQuestion {
	color: #a9a63b;
	font-weight: bold;
	padding-right: 9px;
}
.TitreReponse {
	color: #017bac;
	font-weight: bold;
	padding-right: 9px;
}

/* Styles spéciaux pour les actualités */
/*body.Actualites #BlocContenuInt {
	background: url(../images/Bg_Question-FAQ.png) no-repeat;
}*/
body.Actualites h3 {
	font: 2.2em Tahoma, Arial, Helvetica, sans-serif;
	color: #1c78a6;
	margin: 10px 0 12px;
}

/*Styles spéciaux pour Commentaires */
body.Commentaires #BlocContenuInt .Fond {
	background: url(../images/Bg_Question-FAQ.png) no-repeat;
	padding-top: 10px;
	margin-bottom: 35px;
}
body.Commentaires #BlocContenuInt label {
	font-size: 1.1em;
	text-transform: uppercase;
}
body.Commentaires .TxtBox, body.Commentaires .TxtArea {
	background: #e5e2ab;
	width: 247px;
}
body.Commentaires .TxtArea {
	height: 80px;
	margin-top: 5px;
}
.CellCommentaires {
	font-size: 1.1em;
	text-transform: uppercase;
	vertical-align:top;
	padding-top: 5px;
}
.Message label {
	font-size: 0.9em !important;
	color: #6b7d30;
	text-transform: none !important;
	float: left;
	margin-right:15px;
	margin-left: 3px;
	*margin-top: 5px;
}
.Message input {
	float: left;
}
.Auteur {
	color: #726c04;
	text-transform: uppercase;
	text-align: right;
}
body.Commentaires hr {
	border:	0;
	background:	#b6b788;
	color: #b6b788;
	height: 1px;
	margin: 15px 0 15px 0;
	padding: 0;
}

/*- Styles pour sous menus ----------------------------------------------------*/
#MenuPrincipal li #SousMenu {
	margin:10px 0 0 16px; 
	position: relative;
}
#MenuPrincipal li #SousMenu li {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	overflow: auto;
	text-indent:0;
	margin-bottom: 8px;
	border-bottom: 1px solid #e5e5e0;
	padding-bottom: 2px;
}
#MenuPrincipal li #SousMenu a {
	color: #a1b55d;
	background: none !important;
	text-decoration: none;
	display: inline;
}
#MenuPrincipal li #SousMenu a:hover, #MenuPrincipal li #SousMenu a.On {
	color: #607421;
}

/*- Styles pour formulaires ----------------------------------------------------*/
.TxtBox, .TxtArea, .SelectList, .Btn {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
}
.TxtErreur {
	font-size: 1.1em;
	color: #FF0000;
}
.TxtBox {
	font-size: 1.1em;
	border: 0;
	padding: 3px;
	margin-bottom: 5px;
}
.TxtArea {
	font-size: 1.1em;
	border: 0;
	padding: 3px;
	margin-bottom: 5px;
}

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

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

/*- Classes pour les hyperliens ----*/
a.LienMinuscule, a.LienMinuscule:hover {
	text-transform: none !important;
}


/*- Classes pour les listes ----*/
#BlocContenuInt ul {
	margin: 0 0 12px 0;
	padding: 0;
}
#BlocContenuInt ul li {
	font-size: 1.1em;
	/*list-style: disc outside url(../images/Puce_Liste.gif);*/
	/*padding: 0 0 5px 0;*/
	margin-bottom: 12px;
}
#BlocContenuInt ol {
	margin: 0 0 12px 24px;
	padding: 0;
}
#BlocContenuInt ol li {
	font-size: 1.1em;
	list-style: decimal outside;
	padding: 0 0 5px 0;
}

/*- Classes pour les tableaux ----*/
/*table.Tableau {
	font-size: 1.1em;
	color: ;
	background: ;
	padding: 0 0 0 0;
	border-right: ;
	border-top: ;
}
td.CelluleTitre {
	font-size: 1.1em;
	color: ;
	background: ;
	padding: 0 0 0 0;
	border-left: ;
	border-bottom: ;
	vertical-align: top;
}
td.CelluleSousTitre {
	font-size: 1.1em;
	color: ;
	background: ;
	padding: 0 0 0 0;
	border-left: ;
	border-bottom: ;
	vertical-align: top;
}
td.CelluleTexte1, td.CelluleTexte2 {
	font-size: 1.1em;
	color: ;
	background: ;
	padding: 0 0 0 0;
	border-left: ;
	border-bottom: ;
	vertical-align: top;
}
td.CelluleTexte2 {
	color: ;
	background: ;
}*/
/*--------------------------------------------------------------------------*/