/**********************************************************************
 * @Autheur: Etienne Bergeron
 *
 * http://www.w3.org/TR/REC-CSS2/
 * http://www.w3schools.com/css/
 * http://www.brainjar.com/css/positioning/default3.asp
 * http://www.thenoodleincident.com/tutorials/box_lesson/basic2_fluid.html
 */





/**********************************************************************
 * Standard HTML TAG Style
 */
BODY {
  margin: 0; padding: 0;
  width: 100%;
  height: 100%;
  background: #FFFFFF url(images/menu/menu_back_tile.jpg) 0 0 repeat-y scroll;
  color: #FFFFFF;
}

BODY.nomenu {
  background: #FFFFFF none 0 0 repeat-y scroll;
}

TABLE { 
  margin: 0; padding: 0;
  empty-cells: show;
}

TR {
  margin: 0; padding: 0;
}

TD {
  margin: 0; padding: 0;
}

DIV {
  margin: 0; padding: 0;
}


A:link    { color: #0000AA; }
A:visited { color: #0000AA; }
A:hover   { color: #0000DD; }
A:active  { color: #0000FF; }

A {
  text-decoration: none;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.link {
  color: blue;
}

.htitle {
  display: block; 
  padding: 4px 1em 4px 5px;
  color: #7EA9D0;
  text-align: left;
  font: 18px Verdana,sans-serif;
  font-weight: bold;
}

.hsubtitle {
  display: block; 
  margin: 20px 0px 0px 0px;
  padding: 4px 1em 4px 5px;
  color: #7EA9D0;
  text-align: left;
  font: 12px Verdana,sans-serif;
  font-weight: bold;
}


.w3cvalid {
  width: 90px;
  margin: 70px 35px 10px; padding: 0px;
  text-align: center;
  vertical-align: middle;
}

BODY.index .w3cvalid {
  text-align: right;
}

BODY.default .w3cvalid {
  text-align: left;
}


/**********************************************************************
 * Main Page Style
 */

.maintable {
  border-spacing: 0px;
}


.maintable .tdmenu {
  padding: 20px 0 0 7px;
  text-align: left;
  vertical-align: top;
}

.maintable .tdcontent {
  text-align: center;
  vertical-align: top;
}

DIV.content {
  margin: 0px;
  padding: 10px;
  background-color: #FFFFFF;
  text-align: center;
}

DIV.content DIV.contentIn {
   padding: 0px; margin: 0px;
   width: 600px; 
   min-height: 400px;
}


/**********************************************************************
 * Menu Page Style
 */

.lmenu {
  padding: 0px 0px 10px 10px;
  text-align: left;
  width: 190px;
}

.lmenutd {
  text-align: left;
  vertical-align: top;
}

.lmenuItm {
  width: 132px; height: 28px;
  margin: 4px 0px 4px 3px; 
  padding: 2px 0px 2px 0px;
  background: transparent url(images/menu/button_up.jpg) 0 0 no-repeat scroll;  
  text-align: center;
  vertical-align: middle;
}

.lmenu A {
  text-decoration: none;
  font: 12px Verdana, sans-serif;
  font-weight: bold;
}

.lmenu A         { color: #333333; }
.lmenu A:visited { color: #333333; }
.lmenu A:hover   { color: red; }



/**********************************************************************
 *  QuickSearch Style
 */

.quickSearch {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; 
  height: 191px; width: 136px;
  background: transparent url(images/menu/adress.jpg) 0 0 no-repeat scroll;  
  text-align: left;
}

DIV.quickSearchIn {
  padding: 70px 0px 0px 0px;
  color: #333333; 
  vertical-align: baseline;
  text-align: center;
  font-size: 10px;
}

DIV.quickitm { 
  text-align: center; 
  vertical-align: baseline;
  padding: 2px;
  margin: 5px 0px 0px 0px;
  font-size: 12px;
  font-weight: bold;
}





/**********************************************************************
 *  Tabbing Style
 */

TABLE.hbar {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  background-color: #3377dd;
  text-align: right;
}

TD.hbar {
  height: 15px; 
  text-align: right;
}

.hbarIn {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  height: auto;
  width: auto;
  text-align: right;
}

.hbar .hbarIn .hbarItem  {
  min-width: 100px;
  text-align: center;
}

.hbar .text {
  margin: 0 25px 0 25px;
  font: 10px Verdana,sans-serif;
  text-decoration: none;
}

.hbar .text {
  color: #ffffff;
}
.hbar A:hover .text {
  color: red;
}





.htab {
  margin: 0px;
  padding: 0px;
  width: 100%; height: auto;
}

.htabIn {
  border: 6px red solid; 
  margin: 0px 0px 0px 0px;
  padding: 0px;
}





.htitlebar {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  height: 13px; width: 100%;
  background-color: #7EA9D0;
  text-align: left;
}


.htitlebarIn {
  margin: 0 40px 0 0;
  padding: 0 0 0 0;
  height: auto; width: auto;
}

.htitlebar .text {
  margin: 0 25px 0 25px;
  font: 10px Verdana,sans-serif;
  text-decoration: none;
  text-align: left;
}

.htitlebar .text {
  color: #ffffff;
}
.htitlebar A:hover .text {
  color: red;
}


/**********************************************************************
 * Standard output table style
 */

TABLE.std  {
  margin: 5px;
  padding: 1px;
  text-align: center;
  height: 100%;
  width: 100%;
  border: 2px #D5E4F2 solid;
}



TH.stdTitle,
TD.stdTitle,
TD.stdItm,
TD.stdItml,
TD.stdData 
TD.stdData1 {
  color: #000000;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  border-width: 0px;
  font: 12px Verdana,sans-serif;
}

TD.stdItml,
TD.stdDatal {
  text-align: left;
}

TH.stdTitle,
TD.stdTitle {
  margin: 5px;
  padding: 5px;
  background-color: #7EA9D0;
  font-weight: bold;
}

TD.stdItm,
TD.stdItml {
  margin: 0px;
  padding: 0px;
  background-color: #A5B8CE;
  font: 10px Verdana,sans-serif;
  font-weight: bold;
}

TD.stdData,
TD.stdDatal {
  margin: 0px;
  padding: 0px;
  background-color: #D5E4F2;
  font: 10px Verdana,sans-serif;
  font-weight: normal;
  color: #000000;
}


@media print {

.header {
  display: none;
}
.footer {
  display: none;
}


TH.stdTitle,
TD.stdTitle,
TD.stdItm,
TD.stdItml {
  font: 10pts Verdana,sans-serif;
  font-weight: bold;
}

TD.stdData,
TD.stdDatal {
  font: 10pts Verdana,sans-serif;
  font-weight: normal;
}

}



DIV.submit {
  padding: 7px;
  text-align: right;
}


A.stdlink {
  font: 10px Verdana,sans-serif;
  font-weight: normal;
  text-decoration: none;
  color: #0000AA;
}

A.stdlink:link    { color: #0000AA; }
A.stdlink:visited { color: #0000AA; }
A.stdlink:hover   { color: #FF0000; }
A.stdlink:active  { color: #0000FF; }


.stdimage {
  border: 0px red solid;
}

.stdText {
  color: #000000;
  text-align: left;
  font: 10px Helvetica;
  font-weight: bold;
}

/**********************************************************************
 * PAGE SPEC: index.html 
 */


DIV#indexlogo,
DIV#buttons {
  margin: 30px 40px;
  text-align: center;
}


.introbg {
	margin: 0px 0px 0px 40px;
}

DIV#indexText P {
  margin: 15px 20px 20px 20px;
  font: 14px Verdana, sans-serif; 
  text-align: justify;
  color: #555555;
  text-indent: 2em;
}

DIV#indexFoot {
  margin: 90px 40px 0px 0px;
  font: 23px Verdana, sans-serif; 
  text-align: Right;
  color: #666666;
}


.grpimgtable {
  margin: 0px; padding: 0px;
  border-spacing: 0px;
}

DIV.grpimg {
  text-align: center;
  margin: 0px;
  padding: 10px 3px 10px 3px;
}

DIV.grpimg DIV {
  margin: 0px;
  padding: 0px;
  width: 260px;
}

DIV.grpimg IMG {
  border: 0px;
}


DIV.grpimg A {
  text-decoration: none;
}

DIV.grpimg A:hover {
  color: #FF0000;
}


DIV.heures {
  width: 350px;
}

DIV.mid {
  width: 350px;
}

/**********************************************************************
 * PAGE SPEC: search_avanced 
 */

TABLE.searchAv {
  padding: 0px 0px;
  margin: 0px 0px; 
  border-spacing: 5px;
  vertical-align: top;
  text-align: center;
}


TABLE.searchAv TD {
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  text-align: center;
}




TABLE.showImagesGrid {
  margin: 15px 0px 15px 15px;
  border-spacing: 2px;
}

TABLE.showImagesGrid TD {
  padding: 10px;
}

TABLE.showImage {
}

TABLE.showImage TD {
  margin: 0px;
  padding: 0px;
  text-align: center;
  vertical-align: bottom;
}

TABLE.showImage A {
  color: #FF0000;
  font-size: 12px;
}

.navBar {
	margin: 20px 10px 20px 10px;
}

.navBar TD {
  width: 75px;
}


TD.viewimage {
  padding: 20px;
}

DIV.viewDescr {
  margin: 0px;
  padding: 0px;
  width: 450px;
}


.address {
  vertical-align: bottom;
}