@font-face {
    font-family: 'HelveticaNeue';
    src: url('HelveticaNeue_Medium_Cond.eot');
    src: url('HelveticaNeue_Medium_Cond.eot?#iefix') format('embedded-opentype'),
         url('HelveticaNeue_Medium_Cond.woff') format('woff'),
         url('HelveticaNeue_Medium_Cond.ttf') format('truetype'),
         url('HelveticaNeue_Medium_Cond.svg#HelveticaNeue') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 { font-size:18px; color:#000000; text-align:left;}
h2 { font-size:16px; color:#000000; text-align:left;}
body { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; color:#000000; font-size:12px; text-align:center; vertical-align:top; background: url(../img/bg_repeat.jpg) 0 -120px repeat-x; font-family:Arial, Verdana, sans-serif; }

img { border:none; }

.lighter { font-family:"HelveticaNeue"; }
.bolder { font-family:"HelveticaNeue"; font-weight:bold; }
.normal { font-family:"HelveticaNeue"; }
.h2_link {text-decoration:none;}
.right_p {float:right; width:350px;}
.left_p {float:left; }
.clear { height:0px; font-size:0px; clear:both; }
.nounder { text-decoration:none;} 
#site {background: #f4f4f4;} 
#haut { width:960px; height:120px; margin:0 auto; background:url(../img/top_shadow.jpg) center bottom no-repeat;  }
#haut_gauche { float:left; padding-left:30px; }
#haut_droite { position:relative; float:right; width:790px; height:120px; }
#titre { margin-top:10px; color:#070707; font-size:14px; text-align:right; }
#soumission { clear:both; padding-top:15px; padding-left:60px; }
#type_soumission { width:280px; float:left; }
#type_soumission a { color:#999999; }
#icon { float:left; width:35px; }
#texte { float:left; text-align:justify; }
#menu { font-family:"HelveticaNeue"; margin:0px auto; position:absolute; bottom:10px; right:0px; text-align:justify; }
#menu a { text-decoration:none; padding:0px 10px; border-right:1px #313030 solid; }
#menu a span { color:#313030; font-size:18px; text-decoration:none; }
#menu a.last { border-right:none; padding:0px 0px 0px 10px; }
#menu a.last span { color:#e60000; }
#menu a:hover span { color:#b90000; }
#menu a.select span { border-bottom:2px #b90000 solid; }
#menu a.select-last span { color:#e60000; border-bottom:2px #b90000 solid; }
#menu a:hover.select span { color:#313030; }
#contenu { width:960px; margin:0 auto; }

#box_realisation { position:relative; height:10px; }
#realisation { position:absolute; width:960px; height:108px; bottom:0; }
.element { position:relative; width:183px; height:108px; float:left; margin:0px 4px; display:block; z-index:1; }

.list-real { float:left; margin-bottom:20px; }
.list-real.right { margin-left:30px; }
.list-real a { display:block; color:#999999; text-decoration:none; }
.list-real a span { line-height:25px; text-align:center; display:block; text-decoration:underline; font-size:16px; font-weight:bold;  }
.list-real a:hover span { text-decoration:none; }

#section_gauche { width:565px; min-height:280px; float:left; }
#section_gauche_titre { background:  url(../images/back_titre_section1.jpg) no-repeat; height:20px; margin:auto; clear:both; padding:10px; padding-left:20px; color:#FFFFFF; font-weight:bold; text-align:left; }
#section_gauche_contenu { margin:auto; clear:both; padding:5px; color:#000000; text-align:justify; min-height:295px; }
#section_droite { width:390px; float:right; padding-top:20px; text-align:center; }
#section_droite_titre { background:  url(../images/back_titre_section2.jpg) no-repeat; height:15px; margin:auto; clear:both; padding:10px; padding-left:20px; color:#000000; font-weight:bold; text-align:left; }
#section_droite_contenu { background: #fdfdfd url(../images/back_section2.jpg) repeat-x bottom; margin:auto; clear:both; padding:5px; color:#000000; text-align:left; min-height:230px; }
#logo { width:960px; text-align:center; clear:both; margin:0 auto; height:100px; }
#logo tr { height:100px; vertical-align : middle;  }
#logo tr td { width: 20%; }
#bas_copy { width:960px; margin:auto; clear:both; }
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */ font:100% verdana, arial, sans-serif; margin: 0; padding: 0; min-width: 90%; }
form fieldset {
 / * clear: both;
note that this clear causes inputs to break to left in ie5.x mac, commented out */  border-color: #000; border-width: 1px; border-style: solid; padding: 10px;        /* padding in fieldset support spotty in IE */ margin: 0; }
form fieldset legend { font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left *//* be careful with padding, it'll shift the nice offset on top of border  */

}
form label { display: block;  /* block float the labels to left column, set a width */ float: left; width: 150px; padding: 0; margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */ text-align: right; }
form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */ text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter *//* pseudo-class on legend elements, but do support it on label elements */

                                    /* we instead underline first letter on each label element and accesskey */

                                    /* each input. doing only legends would  lessens cognitive load */

                                   /* opera breaks after first letter underlined legends but not labels */

}
form input, form textarea, select { /* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */

	width:350px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */ margin:5px 0 0 10px; /* set margin on left of form elements rather than right of

                              label aligns textarea better in IE */ }
form input#reset { margin-left:0px; /* set margin-left back to zero on reset button (set above) */ }
textarea { overflow: auto; }
form small { display: block; margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */ padding: 1px 3px; font-size: 88%; }
form .required { font-weight:bold; } /* uses class instead of div, more efficient */
form br { clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */ }


/* BANNERS */
#banniere { position:relative; width:960px; height:350px; z-index:1; }
.flash_back { position:absolute; clear:both; }
#flash_menu { height:10px; z-index:2; bottom:90px; position:absolute; left:15px; }
#flash_menu .flash_btn { float:left; width:15px; height:15px; margin-right:15px; background-image:url(../img/btn_flash.png); background-repeat:no-repeat; background-position:0 0; }
#flash_menu .flash_btn:hover { background-position:0 -15px; cursor:pointer; }
#flash_menu .flash_btn_active { float:left; width:15px; height:15px; margin-right:15px; background-image:url(../img/btn_flash.png); background-repeat:no-repeat; background-position:0 -30px; }
/* END BANNER */
#link {  height:112px;  }
#link a { margin-left:5px; margin-right:5px;  }

#btn_urgence { display:block; width:373px; height:123px; background:url(../img/btn_urgence.png) 0 0 no-repeat; }
#btn_urgence:hover { background-position:0 -123px; }
#btn_urgence span { display:none; }

#btn_deneigement { display:block; width:373px; height:120px; background:url(../img/btn_toiture_deneigement.png) 0 0 no-repeat; margin:20px 0;}
#btn_deneigement:hover { background-position:0 -117px; }
#btn_deneigement span { display:none; }

#btn_projet-stconstant { display:block; width:183px; height:108px; background:url(../img/btn_projet-stconstant.png) 0 0 no-repeat; }
#btn_projet-stconstant:hover { background-position:0 -108px; }
#btn_projet-stconstant span { display:none; }

#btn_projet-laprairie { display:block; width:183px; height:108px; background:url(../img/btn_projet-laprairie.png) 0 0 no-repeat; }
#btn_projet-laprairie:hover { background-position:0 -108px; }
#btn_projet-laprairie span { display:none; }

#btn_projet-longueuil { display:block; width:183px; height:108px; background:url(../img/btn_projet-longueuil.png) 0 0 no-repeat; }
#btn_projet-longueuil:hover { background-position:0 -108px; }
#btn_projet-longueuil span { display:none; }

#btn_projet-candiac { display:block; width:183px; height:108px; background:url(../img/btn_projet-candiac.png) 0 0 no-repeat; }
#btn_projet-candiac:hover { background-position:0 -108px; }
#btn_projet-candiac span { display:none; }

#caaquebec { display:block; width:394px; height:126px; margin-top:2px; float:right; }
#random-banners { width:960px; height:194px; display:block; float:none; }

#footer { width:100%; background-color:#eeeeee; padding-bottom:15px; }
#footer table { width:960px; margin:0 auto; }

#desquestions { float:left; display:block; width:266px; height:112px; background:url(../img/desquestion.png) 0 0 no-repeat; }
#desquestions:hover { background-position:0 -112px; }
#desquestions span { display:none; }

#btn_soumission { float:left; display:block; width:265px; height:112px; background:url(../img/soumissiongratuite.png) 0 0 no-repeat; }
#btn_soumission:hover { background-position:0 -112px; }
#btn_soumissionspan { display:none; }

#btn_caa { float:left; display:block; width:394px; height:126px; background:url(../img/caa-habitation.png) 0 0 no-repeat; margin-top:-15px;}
#btn_caa:hover { background-position:0 -126px; }
#btn_caa span { display:none; }
.list_url {list-style-type: none;}
.list_url li a{text-transform:capitalize; color:#FF0000;}