/* ------------------------------------ *
 CSS
 mercredi 25 novembre 2009 19:50:33
 HAPedit 3.1.11.111
 * ------------------------------------ */

 /*  FOND */
 #Layer_1 {
  position: absolute;
  left: +0px;
  top: +0px;
  width: 907px;
  height: 562px;
  z-index: 1;
}
/* You named this layer LOGO */
#Layer_34 {
  position: absolute;
  left: 58px;
  top: 28px;
  width: 219px;
  height: 78px;
  z-index: 2;
}

/*  Curseur Vert */
#Layer_12 {
  position: absolute;
  left: 41px;
  top: 123px;
  width: 10px;
  height: 19px;
  z-index: 3;
}
/* You named this layer ACCUEIL */
#Layer_11 {
  position: absolute;
  left: 57px;
  top: 123px;
  width: 71px;
  height: 12px;
  z-index: 4;
  font-size:14px;
  color:#4D4C47;
  font-weight:bold;
  font-family: Arial;
}


/* You named this layer MENU 1 */
#Menu_0 {
  position: absolute;
  left: 55px;
  top: 154px;
  width: 23px;
  height: 23px;
  z-index: 5;

}
/* You named this layer MENU 1 */
#Menu_1{
 position: absolute;
  left: 55px;
  top: 186px;
  width: 23px;
  height: 23px;
  z-index: 6;
}
/* You named this layer MENU 1 */
#Menu_2 {
  position: absolute;
  left: 55px;
  top: 218px;
  width: 23px;
  height: 23px;
  z-index: 7;
}

/* You named this layer MENU 1 */
#Menu_3 {
  position: absolute;
  left: 55px;
  top: 250px;
  width: 23px;
  height: 23px;
  z-index: 8;
}

#FMENU_0
{ position: absolute;
  left: 86px;
  top: 157px;
  width: 100px;
  height: 11px;
  z-index: 9;
  font-size:16px;
  color:#4D4C47;
  font-weight:bold;
  font-family: Arial;}

a.LMENU_0:link {color: #4D4C47; font-size: 16px; font-weight: bold;font-family: Arial;text-decoration:none;}
a.LMENU_0:visited {color: #4D4C47;font-size: 16px; font-weight: bold;font-family: Arial;text-decoration:none;}
a.LMENU_0:hover {color: #4D4C47;font-size: 16px;font-weight: bold;font-family: Arial;text-decoration:none;}


#FMENU_1
{ position: absolute;
  left: 86px;
  top: 189px;
  width: 57px;
  height: 11px;
  z-index: 10;
  font-size:16px;
  color:#658182;
  font-weight:bold;
  font-family: Arial;}

a.LMENU_1:link {color: #658182; font-size: 16px; font-weight: bold;font-family: Arial;text-decoration:none;}
a.LMENU_1:visited {color: #658182;font-size: 16px; font-weight: bold;font-family: Arial;text-decoration:none;}
a.LMENU_1:hover {color: #658182;font-size: 16px;font-weight: bold;font-family: Arial;text-decoration:none;}

#FMENU_2
{ position: absolute;
  left: 86px;
  top: 222px;
  width: 57px;
  height: 11px;
  z-index: 11;
  font-size:16px;
  color:#adcebd;
  font-weight:bold;
  font-family: Arial;}

a.LMENU_2:link {color: #adcebd; font-size: 16px; font-weight: bold;font-family: Arial;text-decoration:none;}
a.LMENU_2:visited {color: #adcebd;font-size: 16px; font-weight: bold;font-family: Arial;text-decoration:none;}
a.LMENU_2:hover {color: #adcebd;font-size: 16px;font-weight: bold;font-family: Arial;text-decoration:none;}

#FMENU_3
{ position: absolute;
  left: 86px;
  top: 254px;
  width: 57px;
  height: 11px;
  z-index: 12;
  font-size:16px;
  color:#97C00E;
  font-weight:bold;
  font-family: Arial;}

a.LMENU_3:link {color: #97C00E; font-size: 16px; font-weight: bold;font-family: Arial;text-decoration:none;}
a.LMENU_3:visited {color: #97C00E;font-size: 16px; font-weight: bold;font-family: Arial;text-decoration:none;}
a.LMENU_3:hover {color: #97C00E;font-size: 16px;font-weight: bold;font-family: Arial;text-decoration:none;}


#Layer_22 {
  position: absolute;
  left: 56px;
  top: 535px;
  width: 56px;
  height: 16px;
  z-index: 13;
}

/* You named this layer Actualits \| Contact \| Plaquett */
#Layer_26 {
  position: absolute;
  left: 506px;
  top: 8px;
  width: 339px;
  height: 12px;
  z-index: 14;
}

#MENUHORIZONTAL{
  font-size:11px;
  font-family:Arial;
  font-weight:bold;
  text-align :justify;
}

a.sous_menu:link {font-size:11px;font-family:Arial;color:#97bf0f;text-decoration:none;}
a.sous_menu:hover {font-size:11px;font-family:Arial;color:#678182;text-decoration:none;}
a.sous_menu:visited {font-size:11px;font-family:Arial;color:#4D4C47;text-decoration:none;}

/* fond gris  */
#Layer_25 {
  position: absolute;
  left: 54px;
  top: 382px;
  width: 224px;
  height: 60px;
  z-index: 15;
}
/* Contact  direct : Questions, de */
#Layer_33 {
  position: absolute;
  left: 1px;
  top: 3px;
  width: 224px;
  height: 40px;
  z-index: 16;
/*  line-height: 1.2em ;*/
}
#FMENU_4
{color: #FFFFFF;
 font-size: 16px;
 font-family: Arial;
 }

a.LMENU_4:link {color: #FFFFFF; font-size: 16px; font-family: Arial;text-decoration:none;}
a.LMENU_4:visited {color: #FFFFFF;font-size: 16px; font-family: Arial;text-decoration:none;}
a.LMENU_4:hover {color: #FFFFFF;font-size: 16px;font-family: Arial;text-decoration:none;}

#FMENU_5
{color: #adcdbe;
 font-size: 14px;
 font-family: Arial;
}

a.LMENU_5:link {color: #adcdbe; font-size: 14px; font-family: Arial;text-decoration:none;}
a.LMENU_5:visited {color: #adcdbe;font-size: 14px; font-family: Arial;text-decoration:none;}
a.LMENU_5:hover {color: #adcdbe;font-size: 14px;font-family: Arial;text-decoration:none;}

/* You named this layer Design ECO-Consulting */
#Layer_29 {
  position: absolute;
  left: 168px;
  top: 541px;
  width: 108px;
  height: 9px;
  z-index: 17;
}
/* Plaquette */
/* You named this layer Layer 4 */
#Layer_23 {
  position: absolute;
  left: 69px;
  top: 452px;
  width: 90px;
  height: 60px;
  z-index: 18;
}

#Layer_24 {
  position: absolute;
  left: 56px;
  top: 456px;
  width: 221px;
  height: 57px;
  z-index: 19;
}

/* You named this layer Tlcharger la Plaquette */
#Layer_19 {
  position: absolute;
  left: 174px;
  top: 465px;
  width: 76px;
  height: 40px;
  z-index: 20;
  text-align: center;
}
#FMENU_6
{font-size:14px;
  color:#4D4C47;
  font-family: Arial;
  font-weight:bold;
  line-height: 0.9em ;
}

a.LMENU_7:link {color: #97C00E; font-size: 14px; font-weight: bold;font-family: Arial;text-decoration:none; line-height: 0.9em ;}
a.LMENU_7:visited {color: #97C00E;font-size: 14px; font-weight: bold;font-family: Arial;text-decoration:none; line-height: 0.9em ;}
a.LMENU_7:hover {color: #97C00E;font-size: 14px;font-weight: bold;font-family: Arial;text-decoration:none; line-height: 0.9em ;}

/* Police et propriétés pour le corps du documents  */

BODY { font-size: 11px;
       font-family: Geneva, Arial, Helvetica, san-serif;
       background: #FFFFFF;}

P {
   font-size : 11px;
   font-family : Geneva, Arial, Helvetica, san-serif;
   text-align : justify;
   margin: 0em;
}

UL {
   font-size : 11px;
}
TEXTAREA {
    FONT-SIZE: 11px; FONT-FAMILY: Geneva, Arial, Helvetica, san-serif; BACKGROUND-COLOR:#FFFFFF; border-color: #4D4C47;
}
INPUT {
    FONT-SIZE: 11px; FONT-FAMILY: Geneva, Arial, Helvetica, san-serif; BACKGROUND-COLOR: #FFFFFF; border-style:none}
SELECT {
    FONT-SIZE: 11px; FONT-FAMILY: Geneva, Arial, Helvetica, san-serif; BACKGROUND-COLOR: #FFFFFF; border-style: none;
}

INPUT.normal {
    BORDER-TOP: #4D4C47 1px solid; BORDER-RIGHT: 1px #4D4C47 solid; BORDER-LEFT:#4D4C47 1px solid; BORDER-BOTTOM: #4D4C47 1px solid;
}


#textenormal
 {font-size: 11px;
  font-family: Geneva, Arial, Helvetica, san-serif;
  color : #484641;
  background: #FFFFFF}

.center {
    TEXT-ALIGN: center;
}
.justify {
    TEXT-ALIGN: justify
}
.explication {
    PADDING-TOP: 0.25em; PADDING-RIGHT: 0.25em; PADDING-LEFT: 0.25em; PADDING-BOTTOM: 0.25em; 
    MARGIN-BOTTOM: 0.5em; FONT-STYLE: normal; TEXT-ALIGN: justify; COLOR: #767676;
}
.question {
    PADDING-TOP: 0.25em; PADDING-RIGHT: 0.25em; PADDING-LEFT: 0.25em; PADDING-BOTTOM: 0.25em;
    MARGIN-BOTTOM: 0.5em; FONT-WEIGHT: bold; TEXT-ALIGN: justify; COLOR: #000000;
}
.alerte {
    PADDING-TOP: 0.25em; PADDING-RIGHT: 0.25em; PADDING-LEFT: 0.25em; PADDING-BOTTOM: 0.25em;
    MARGIN-BOTTOM: 0.5em; FONT-STYLE: normal; COLOR: #ff0000 ; FONT-WEIGHT: bold; FONT-SIZE:12px;
}
.note {
    PADDING-TOP: 1em; PADDING-RIGHT: 1em; PADDING-LEFT: 1em; PADDING-BOTTOM: 1em;
    FONT-STYLE: normal; FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #336666; 
}

/*classes et objets SM*/

TABLE.table-presentation {
    BORDER-TOP: #333333 1px solid; BORDER-RIGHT: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; BORDER-COLLAPSE: collapse;
    BACKGROUND: #ffffff;
    FONT-SIZE: 11px;

}
TABLE.table-presentation TH {
    BORDER-TOP: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid;
    PADDING-TOP: 2px; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 2px; MARGIN: 0px; 
    VERTICAL-ALIGN: middle; BACKGROUND: #CCCCCC; COLOR: #333333; TEXT-ALIGN: center; FONT-WEIGHT: bold;
}
TABLE.table-presentation TD {
    PADDING-TOP: 1px; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 1px; MARGIN: 0px; 
    BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000;
}
TABLE.table-presentation TD.cadre {
    PADDING-TOP: 1px; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 2px; MARGIN: 0px; 
    BORDER-TOP: #333333 1px solid; BORDER-RIGHT: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid;
    BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000;
}
TABLE.table-presentation TD.ligne {
    PADDING-TOP: 10px;PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 1px; MARGIN: 0px; 
    BORDER-TOP: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; HEIGHT: 20px;
    BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000;
}


TABLE.table-menu {
    BACKGROUND: #ffffff;
    FONT-SIZE: 12px;
    COLOR : #333333;
    FONT-WEIGHT: bold;
}

TABLE.table-menu TH {
    BORDER-TOP: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid;
    PADDING-TOP: 2px; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 2px; MARGIN: 0px; 
    VERTICAL-ALIGN: middle; BACKGROUND: #CCCCCC; COLOR: #333333; TEXT-ALIGN: center; FONT-WEIGHT: bold;
}
TABLE.table-menu TD {
    PADDING-TOP: 1px; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 1px; MARGIN: 0px; 
    BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000; width : 150px; TEXT-ALIGN : center;
}

#menu {
    PADDING-TOP: 0px; PADDING-BOTTOM: 0px; WIDTH: 15%; VERTICAL-ALIGN: top;
    TEXT-ALIGN: left; FONT-SIZE :12px;
}
#menu .menu-titre {
    MARGIN-TOP: 14px; MARGIN-BOTTOM: 0px; PADDING-TOP: 1px; PADDING-LEFT: 7px; PADDING-BOTTOM: 1px;
    BORDER-TOP: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid;
    FONT-WEIGHT: bold; BACKGROUND: #CCCCCC no-repeat; COLOR: #333333; TEXT-ALIGN: left;
}
#menu .menu-titre A {
    BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #333333;
}
#menu .menu-element {
    MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 10px; PADDING-TOP: 2px; PADDING-BOTTOM: 3px; PADDING-LEFT: 20px;
    COLOR: #ff6633; TEXT-ALIGN: left; FONT-SIZE : 12px;
}
#menu .menu-element A {
    BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ff6633; TEXT-DECORATION: none;
}
#menu .menu-selection {
    MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; PADDING-TOP: 2px; MARGIN-LEFT: 10px; MARGIN-RIGHT: 10px;PADDING-BOTTOM: 3px; PADDING-LEFT: 20px;
    BACKGROUND-COLOR: #CCCCCC; TEXT-ALIGN: left;
}
#menu .menu-selection A{
    BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #333333; TEXT-DECORATION: none;
}

#page_interieur
{ MARGIN-LEFT: 0px; MARGIN-RIGHT: 10px; MARGIN-BOTTOM: 5px; MARGIN-TOP: 5px;
  PADDING: 5px;
  BORDER-TOP: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid;
  BORDER-LEFT: #333333 1px solid; BORDER-RIGHT: #333333 1px solid;
}

DIV.rubrique {
    MARGIN-TOP: 1em; MARGIN-BOTTOM: 1em; PADDING-LEFT: 20px; 
    COLOR: #ff6633; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold; FONT-SIZE: 14px; TEXT-ALIGN: left; TEXT-INDENT: 0.2em
}

DIV.titre {
    MARGIN-TOP: 1em; MARGIN-BOTTOM: 1em; PADDING-LEFT: 20px; 
    COLOR: #ff6633; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold; FONT-SIZE: 12px; TEXT-ALIGN: left; TEXT-INDENT: 0.2em
}