/*******************************************************************************
   Balises HTML générales sur le site
*******************************************************************************/
h1 {
	background-image: url(../../images/puce_cam.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 50px;
	color: #52aa10;
	font-family: verdana;
	font-size: 15px;
	line-height: 35px;
	padding-top: 20px;
	width: 100%;
	position: relative;
	left: -220px;
}

h2 {
	color: #e61f1c;
	font-family: verdana;
	font-size: 16px;
	line-height: 27px;
}

h3 {
	color: #e61f1c;
	font-family: verdana;
	font-size: 15px;
}

h4 {
	color: #2f6a0b;
	font-family: verdana;
	font-size: 14px;
}

h5 {
	color: #2f6a0b;
	font-family: verdana;
	font-size: 13px;
}

h6 {
	color: #2f6a0b;
	font-family: verdana;
	font-size: 12px;
}

a {
	color: #52aa10;
	text-decoration: underline;
	font-weight: bold;
	font-size: 12px;
}
.softlink{
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	font-size: inherit;
}
ul {
	list-style-type: none;
}

body {
	padding: 0px;
	margin: 0px;
	color: #000000;
	background-color: #ffffff;
	font-family: verdana, sans-serif, Arial, "Lucida Grande";
	font-size: 12px;
	background-image: url(../../images/herbeFooter.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.globale {
	width: 1024px;
	position: relative;
	left: 50%;
	top: 0px;
	margin-left: -512px;
	background-image: url(../../images/fond_int.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

.rssindex {
	float: right;
}

.icosite {
	border: none;
}
#command{
}

/*******************************************************************************
   block Header
*******************************************************************************/
.B1 {
	background-image: url(../../images/fond_bandeau_pub.jpg);
	background-repeat: no-repeat;
	font-family: verdana;
	font-size: 11px;
	width: 1024px;
	height: 180px;
	display: block;
	position: relative;
	top: -10px;
	left: 1px;
}

/* sous bloc d'en tte */
.header {
	
}

#fpub_1{
	width: 470px;
	height: 75px;
	overflow: hidden;
	background-color: #ffffff;

	position : relative;
	left: 483px;
	top: 68px;

}

/*******************************************************************************
  blok Contenu
*******************************************************************************/
.B2 {
	width: 680px;
	text-align: justify;
	margin-top: 20px;
	position: relative;
	left: 50%;
	margin-left: -230px;
}

/* sous bloc de contenu */
.content {
	width: 90%;
	position: relative;
	left: 5%;
}

/*******************************************************************************
   bloc de menu principal
*******************************************************************************/
.B3 {
	width: 902px;
	position: absolute;
	top: 158px;
	left: 59px;
	height: 30px;
	background-color: #52aa10;
	/*border: 1px solid #000000;*/
}

/* sous bloc de menu */
.menu {
	width: 100%;
}

#fpub_2{
	width: 208px;
	height: 230px;
	display: block;
	overflow: hidden;
	padding: 0px;
	margin: 0px;

	border: none;
	background-color: #ffffff;
}
#fpub_3{
	width: 208px;
	height: 230px;
	display: block;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	margin-top: 0px;

	border: none;
	background-color: #ffffff;
}

/* CSS menu du site -------------------------------------------------------- */

#menu dd, ul, li {
	width: 100%;
}
#menu dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: sans-serif;
	font-size: 14px;
}
#menu dd, ul, li {
	filter: alpha(opacity=96);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=96);
	opacity:0.96;
}
#menu {
	z-index:100;
	width: 100%; /* précision pour Opera */
	position: relative;
	top: 0px;
}
#menu dl {
	float: left;
	width: 112px;
	height: 100%;
}
#menu dt {
	cursor: pointer;
	height: 23px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	margin: 0px;
	padding-top: 7px;
	/*background: transparent url(http://cestamontreal.com/images/bouton-vert.jpg) center center;
	background-repeat: no-repeat;*/
}
#menu dt:hover {
	/*background: transparent url(http://cestamontreal.com/images/bouton_rouge.jpg) center center;
	background-repeat: no-repeat;*/
	background-color: #a2ce57;
}
#menu dd {
	display: none;
 	width: 240px;
	border: 1px solid #52ae10;
}
#menu li {
	text-align: left;
	background: #ffffff; /* f8e4b8 */
	}
#menu li a {
	text-decoration: none;
	color: #000000;
	display: block;
	height: 100%;
	width: 100%;
	border: none;
	font-weight: normal;
	padding-top: 4px;
	padding-bottom: 4px;
}
#menu dt a{
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
}
#menu li a:hover{
	font-weight: bold;
	color: #ffffff;
	background-color: #a2ce57;
}
/* ----------------------------------------------------------------------------- */

.hmenu a {
	font-size: 16px;
	text-decoration: none;
	color: #33CCFF;
}

.hmenu3 {
	font-family: verdana;
	font-size: 9px;
	color: #33CCFF;
	padding-left: 12px;
}

.menu_link {
	text-decoration: none;
	background: transparent url(../../images/util/puce_rouge.gif) center left;
	background-repeat: no-repeat;
	padding-left: 9px;
}

/*******************************************************************************
   Block pages interne a droite
*******************************************************************************/
.bloc_droit{
	/*background: transparent url(http://www.cestamontreal.com/images/fond-md.jpg) center left;
	background-repeat: no-repeat;*/
	
	position: absolute;
	top: 0px;
	right: -230px;
	width: 180px;
	font-size: 11px;
	text-align: left;
	padding: 10px;
	/*border: 1px solid #2f6a0b;*/
	margin-left: 10px;
	margin-bottom: 5px;
	background-color: #ffffff;
	/*border-left: 1px solid #464646;*/
}
.bloc_link_droit:hover {
	color: #e61f1c;
}
.bloc_link_droit{
	text-decoration: none;
	background: transparent url(http://www.cestamontreal.com/images/puce_md.jpg) center left;
	background-repeat: no-repeat;
	padding-left: 20px;
	line-height: 20px;
	font-weight: normal;
}
#info_pratique {
	color: #e61f1c;
}
/*******************************************************************************
   Block pages interne a gauche
*******************************************************************************/
.bloc_gauche{
	position: absolute;
	top: 50px;
	left: -245px;
	width: 180px;
	font-size: 11px;
	text-align: left;
	padding: 10px;
	/*border: 1px solid #2f6a0b;*/
	margin-right: 10px;
	margin-bottom: 5px;
	background-color: #ffffff;
}
.bloc_gauche img{
	border: none;
}
.bloc_link_gauche:hover{
	color: #e61f1c;
}
.bloc_link_gauche{
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background: transparent url(http://www.cestamontreal.com/images/puce_mg.jpg) center left;
	background-repeat: no-repeat;
	padding-left: 20px;
	line-height: 20px;
}

/*******************************************************************************
   Indicateur footer
*******************************************************************************/
.B4 {
	background-image: url(../../images/fond_footer.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 36px;
	width: 100%;
	display: block;
	clear: both;
}

/* sous bloc de pied de page */
.footer {
	
}

/*******************************************************************************
   Actualité en ligne
*******************************************************************************/
.flash_actu{
	border-top: 1px dotted #5a615a;
	padding-bottom: 10px;
	text-align: left;
}
.img_snipet{
	width: 20%;
	margin-bottom: 5px;
	margin-top: 10px;
	margin-right: 15px;
	float: left;
	border: none;
}
.chapeau_snipet{
	font-size: 26px;
	font-family: serif;
	color: #5a615a;
}
.h2_snipet{
	font-size: 12px;
	text-decoration: underline;
	font-weight: normal;
}
.date_snipet{
	font-size: 10px;
}
/*******************************************************************************
   Indicateur XHTML
*******************************************************************************/
.ad {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.ad img {
	border: none;
	width: 44px;
	height: 17px;
}

/*******************************************************************************
   Code d'équivalence BBCode / CSS
*******************************************************************************/
/* images de différents formats                                         ******/
.partner_img{
	width: 200px;
}
.imgright {
	width: 50%;
	margin-bottom: 5px;
	margin-top: 10px;
	margin-left: 15px;
	float: right;
}

.imgleft {
	width: 50%;
	margin-bottom: 5px;
	margin-top: 10px;
	margin-right: 15px;
	float: left;
}

.imgfull {
	width: 100%;
	margin-bottom: 5px;
	margin-top: 10px;
}

.imgnorm {
	width: 50%;
	margin-bottom: 5px;
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 15px;
}

.thumbzor {
	border: 1px solid #000000;
	height: 90px;
	width: 120px;
	display: block;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.thumbzor:after {
	background: white url(../../images/util/vignette.png) top left;
	height: 6px;
	width: 120px;
	display: block;
	content: " ";
	margin-top: -2px;
	padding-top: 0px;
	/*border: 1px solid red;*/
}

.tablephpdoc {
	background-color: #faf3e3;
}

/* justification des textes                                              ******/
.center {
	width: 100%;
	text-align: center;
}

.txtleft {
	width: 100%;
	text-align: left;
}

.txtright {
	width: 100%;
	text-align: right;
}

.txtjust {
	width: 100%;
	text-align: justify;
}

.fl {
	float: left;
	margin-right: 15px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.fr {
	float: right;
	margin-left: 15px;
	margin-top: 3px;
	margin-bottom: 3px;
}

/* effets de style                                                       ******/
.quote {
	clear: both;
	border: 1px solid #ffffff;
	background-color: transparent;
	padding: 5px;
	margin-bottom: 5px;
	width: 100%;
}

.auteur {
	position: relative;
	top: -18px;
	left: 40px;
	font-weight: bold;
	color: #7ddb31;
}

.separateur {
	color: #123456;
	width: 30%;
	clear: both;
}

.lettrine {
	font-size: 210%;
	font-weight: bolder;
	color: #5a71de;
	float: left;
	margin-right: 5px;
}

.a_externe {
	text-decoration: none;
}

.a_externe:before {
	background-image: url(../../images/util/externe.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
	height: 10px;
	width: 10px;
	display: block;
	content: " ";
}

/* effets de style forum                                                 ******/
.fmsg {
	border: 1px solid #4f7431;
	color: #5a71de;
	padding: 5px;
	width: 100%;
	padding-bottom: 40px;
}

.fmsgauteur {
	float: left;
	padding-right: 5px;
	margin-right: 5px;
	margin-bottom: 3px;
	border-right: 1px solid #5a71de;
	border-bottom: 1px solid #5a71de;
}

.fmsgauteur:after {
	content: " a dit :";
}

.editbox {
	padding-top: 5px;
}

.optmsg {
	float: right;
	padding-left: 5px;
	padding-bottom: 5px;
	margin-left: 5px;
	margin-bottom: 3px;
	border-left: 1px solid #5a71de;
	border-bottom: 1px solid #5a71de;
}

.feditbutton {
	width: 32px;
	height: 32px;
	background-image: url(../../images/util/fedit.png);
	background-repeat: no-repeat;
	background-position: center center;
	border: none;
	font-size: 0px;
	background-color: transparent;
}

.fdelbutton {
	width: 32px;
	height: 32px;
	background-image: url(../../images/util/fdelete.png);
	background-repeat: no-repeat;
	background-position: center center;
	border: none;
	position: absolute;
	right: 0px;
	font-size: 0px;
	background-color: transparent;
}

.fquotebutton {
	width: 32px;
	height: 32px;
	background-image: url(../../images/util/fquote.png);
	background-repeat: no-repeat;
	background-position: center center;
	border: none;
	font-size: 0px;
	background-color: transparent;
}

.foutilbutton {
	width: 32px;
	height: 32px;
	background-image: url(../../images/util/fcmd.png);
	background-repeat: no-repeat;
	background-position: center center;
	border: none;
	font-size: 0px;
	background-color: transparent;
}

/* sous bloc de contenu pour la page d'instal                            ******/
.instal {
	padding: 10px;
}

.msg_important {
	color: #f26666;
	font-weight: bolder;
}

.msg_standard {
	color: #47b047;
	font-weight: bolder;
}

.msg_footer {
	text-align: center;
	color: #3d3c3c;
	font-size: 9px;
}
.liste {
	list-style-image: url(../../images/3d-16x16.png);
	position: relative;
	left: 15px;
	width: 90%;
}

/*******************************************************************************
   Code lié à tous les formulaires du site
*******************************************************************************/
.formtable {
	width: 443px;
	padding: 10px;
	font-size: 11px;
	/*border: 1px dotted #e61f1c;*/
}

.inputform {
	width: 100%;
}

.sgbdgrid_table {
	font-size: 10px;
}

.panel {
	border: 1px solid #7ddb31;
	padding: 10px;
	background-color: #f3faee;
}

/*******************************************************************************
   Code lié à l'interface de debugage
*******************************************************************************/
.debug {
	width: 90%;
	height: 50%;
	display: block;
	position: absolute;
	left: 5%;
	top: 5%;
	padding: 15px;
	border: 1px solid #ff8273;
	background-color: #000000;
	filter: alpha(opacity = 80);
	filter: progid : DXImageTransform . Microsoft . Alpha(opacity = 80);
	opacity: 0.80;
	font-weight: bolder;
	color: #2cef48;
	overflow: auto;
}

.variable {
	color: #f88722;
}

.type {
	color: #5a71de;
}

.value {
	color: #ffffff;
}

.expanddiv {
	border: 1px dotted #ff8273;
	marging: 3px;
	padding: 5px;
	display: none;
	overflow: auto;
}

.header h1 {
	position: absolute;
	font-style: italic;
	font-size: 30px;
	font-weight: normal;
	color: white;
	height: 1em;
	width: 450px;
	padding: 0;
	margin: 0;
	top: 45px;
	left: 25px;
}

.header h4 {
	position: absolute;
	font-style: normal;
	font-size: 14px;
	font-weight: normal;
	color: #ABE8F9;
	height: 1em;
	width: 450px;
	padding: 0;
	margin: 0;
	top: 90px;
	left: 25px;
}

#liens_horizontaux {
	position: relative;
	top: 120px;
	height: 1.6em;
	left: 25px;
	width: 450px;
	padding-left: 10px;
	list-style-type: none;
	color: white;
	padding-bottom: 0.2em;
}

#liens_horizontaux li {
	position: relative;
	top: 0.5em;
	display: inline;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: small;
	height: 1.8em;
	font-weight: bolder;
	margin: 0;
	padding-left: 0.2em;
	padding-right: 0.8em;
	padding-bottom: 2px;
}

#liens_horizontaux a {
	color: #33CCFF;
}