* { 

margin: 0; padding: 0; line-height: inherit; 

 /**/}



BODY { 

  text-align: center;

  background: #999;

  padding: 15px 0;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



IMG { border: none; }



/* ---------------------------- Layout begin -------------------------------- */

#top { 

  position: relative;

  width: 700px; margin: 0 auto; text-align: left;

  padding-top:85px; /* gray bar */

  background: transparent url("img/top-bg.gif") no-repeat center 85px;

}

#logo { position: absolute; top: 0px; left: 0px; z-index: 1;}

#slogan { 

  font-size: 10px; font-weight: normal; 

  position: absolute; top: 9px; left: 60px; z-index: 2;

  width: 400px; 

}

H2#section-header { 

  width: 258px;  height: 30px; position: relative; float:left;

  overflow: hidden; margin-top: 79px;

  background-color: #F7F3F7; text-align: right; }

H2#section-header SPAN {

  position: absolute; left: 0; top: 0; width: 100%; height: 30px;

  background: transparent none no-repeat left center; }



DIV#section-descr {

  font-size: 12px; text-align: right;

  overflow: hidden;

  width: 258px; clear:left; float: left;

  height: 210px;

  color: #FFF; font-size: 12px; background-color: #FF5500;

  padding: 20px 8px 0px 47px;

  voice-family: "\"}\""; 

  voice-family:inherit;

  width: 203px; height: 210px;

}

HTML>BODY DIV#section-descr { width:203px; height: 210px; }



UL#block-left-menu {

  clear:left; float: left;

  width: 258px;

  list-style-type: none;

  padding: 23px 0 35px 0;

  overflow: hidden;

}

UL#block-left-menu LI {

  float: left;

  text-align: right; 

  background: transparent url("img/bullet-orange.gif") no-repeat 244px center;

  width: 258px;

  padding: 2px 18px 2px 0;

  voice-family: "\"}\""; 

  voice-family:inherit;

  width: 240px;

}

HTML>BODY UL#block-left-menu LI { width:240px; font-size:11px; }

UL#block-left-menu LI A { font-size: 10px; color: #FF5500; text-decoration: none; }

UL#block-left-menu LI A:hover { text-decoration: underline; }



#block-content { 

  width: 436px; 

  padding:10px 33px 10px 0;

  float: right;

  voice-family: "\"}\""; 

  voice-family:inherit;

  width: 401px;

}

HTML>BODY #block-content { width:401px; }



#block-header {

  position: absolute;

  height: 84px;

  top: 0; right: 0;

  width: 700px;
	background: url("img/body-bg.jpg") no-repeat 0 0;
//right:-1px;
}



UL#block-top-menu { 

  list-style-type: none;

  position: absolute; z-index: 3;

  right: 0; bottom: 0;

  /*border: 1px solid red;*/

  width:577px; /* for Opera */

}



UL#block-top-menu LI {

  float: left;

  background: transparent url("img/tab-white-white.gif") no-repeat left bottom;

  /*line-height: 22px;*/

  position: relative;

  /*border: 1px solid blue;*/

}

UL#block-top-menu LI#menu-accueil { background-image: url("img/tab-transp-white.gif"); }

UL#block-top-menu LI.active { font-weight: bold; background-image: url("img/tab-white-orange.gif"); }

UL#block-top-menu LI#menu-accueil.active { background-image: url("img/tab-transp-orange.gif"); }

UL#block-top-menu LI.after-active { background-image: url("img/tab-orange-white.gif"); }



UL#block-top-menu LI#menu-accueil       { width: 57px; }

UL#block-top-menu LI#menu-metier           { width: 72px; }

UL#block-top-menu LI#menu-engagement       { width: 98px; }

UL#block-top-menu LI#menu-members          { width: 97px; }

UL#block-top-menu LI#menu-formation            { width: 94px; }

UL#block-top-menu LI#menu-devenir        { width: 108px; }

UL#block-top-menu LI#menu-faq        { width: 51px; }

UL#block-top-menu LI[id="menu-accueil"] { width: auto!important; min-width: 57px; }

UL#block-top-menu LI[id="menu-metier"]     { width: auto!important; min-width: 72px; }

UL#block-top-menu LI[id="menu-engagement"] { width: auto!important; min-width: 98px; }

UL#block-top-menu LI[id="menu-members"]    { width: auto!important; min-width: 97px; }

UL#block-top-menu LI[id="menu-formation"]      { width: auto!important; min-width: 94px; }

UL#block-top-menu LI[id="menu-devenir"]  { width: auto!important; min-width: 108px; }

UL#block-top-menu LI[id="menu-faq"]  { width: auto!important; min-width: 51px; }




UL#block-top-menu LI A { 

  font-size: 10px; color: #000; text-decoration: none; /*border: 0px solid blue;*/

  padding: 7px 0px 2px 10px; text-align: center;

  display:block;

}

UL#block-top-menu LI A:hover { text-decoration: underline; }

UL#block-top-menu LI:hover UL.ul-submenu { display: block; }

UL#block-top-menu LI.li-hover UL.ul-submenu { display: block; }



UL#block-top-menu UL.ul-submenu {

  list-style-type: none;

  position: absolute;

  left: 0; top: 21px;

  width: 150px;

  border: 1px solid #999;

  border-bottom: none;

  display: none;

  background-color: #FFF;

  font-size:0px;

}

UL#block-top-menu UL.ul-submenu LI {

  position: static;

  float: none; text-align: left;

  background: none;

  background-color: #FFF;

  border-bottom: 1px solid #999;

  font-size: 0;

  width:auto;

}



UL#block-top-menu UL.ul-submenu LI A { 

  display: block; width: auto;

  padding: 5px; text-align: left;

  font-weight: normal;

}



#legal { text-align: center; color: #000; padding: 5px 0; font-size:11px;}

#legal A { color: #000; }

#legal A:hover { color: #FFF; }

#words { text-align: center; color: #fff; padding: 5px 0; font-size:11px;}

#words A { color: #fff; }

#words A:hover { color: #000; }

/* ---------------------------- Layout end ---------------------------------- */

/* ---------------------------- Content styles begin ------------------------ */

#block-content{ font-size: 10px; line-height: 14px; }

#block-content DIV.gray-block {

  height: 99px;

  color: #FFF;

  padding: 0 5px;

  margin-bottom: 15px; 

}

#block-content DIV[class="gray-block"] { height:auto!important; min-height:99px; }

#block-content DIV.gray-block P { font-size: 12px; text-align: left; }

#block-content DIV.gray-block P STRONG { font-size: 12px; }



#block-content H3 { color: #FF5500; border-bottom: 1px solid #FF5500; margin-bottom: 10px; font-size:11px; }

#block-content H4 { color: #FF5500; }

#block-content P { margin-bottom: 10px; text-align: justify; }

#block-content TABLE { width: 100%; }

#block-content A { color: #000; font-weight: bold; text-decoration: none; }

#block-content A:hover { color: #FF5500; font-weight: bold; text-decoration: none;  }

#block-content DIV.br { height: 5px; background-color: #CCC; overflow:hidden; clear:both; }



#block-content A.email { /* no padding for A in IE5.0 ;( */

  voice-family: "\"}\""; 

  voice-family:inherit;

  padding-left: 15px;

  background:transparent url("img/icons/email-black.gif") no-repeat left center; }

#block-content A.email:hover {

  voice-family: "\"}\""; 

  voice-family:inherit;

  background-image:url("img/icons/email-orange.gif");}

#block-content A.document { /* no padding for A in IE5.0 ;( */

  voice-family: "\"}\""; 

  voice-family:inherit;

  padding-left: 15px;

  background:transparent url("img/icons/document-black.gif") no-repeat left center;}

#block-content A.document:hover {

  voice-family: "\"}\""; 

  voice-family:inherit;

  background-image:url("img/icons/document-orange.gif");}

#block-content A.dl-eps { /* no padding for A in IE5.0 ;( */

  voice-family: "\"}\""; 

  voice-family:inherit;

  padding: 1px 0 1px 50px;

  background:transparent url("img/icons/dl-eps-black.gif") no-repeat left center; }

#block-content A.dl-eps:hover {

  voice-family: "\"}\""; 

  voice-family:inherit;

  background-image:url("img/icons/dl-eps-orange.gif");}

#block-content A.dl-img { /* no padding for A in IE5.0 ;( */

  voice-family: "\"}\""; 

  voice-family:inherit;

  padding-left: 39px;

  background:transparent url("img/icons/dl-img-black.gif") no-repeat left center; }

#block-content A.dl-img:hover {

  voice-family: "\"}\""; 

  voice-family:inherit;

  background-image:url("img/icons/dl-img-orange.gif");}

#block-content A.dl-pdf { /* no padding for A in IE5.0 ;( */

  voice-family: "\"}\""; 

  voice-family:inherit;

  padding-left: 33px;

  background:transparent url("img/icons/dl-pdf-black.gif") no-repeat left center; }

#block-content A.dl-pdf:hover {

  voice-family: "\"}\""; 

  voice-family:inherit;

  background-image:url("img/icons/dl-pdf-orange.gif");}

#block-content A.dl-doc { /* no padding for A in IE5.0 ;( */

  voice-family: "\"}\""; 

  voice-family:inherit;

  padding-left: 30px;

  background:transparent url("img/icons/dl-doc-black.gif") no-repeat left center; }

#block-content A.dl-doc:hover {

  voice-family: "\"}\""; 

  voice-family:inherit;

  background-image:url("img/icons/dl-doc-orange.gif");}





#block-content UL { list-style-type: none; margin-bottom: 10px; }

#block-content UL LI, #block-content UL.orange LI { 

  padding-left: 17px; text-align: justify;

  background: transparent url("img/bullet-orange.gif") no-repeat 4px 4px;

}

#block-content UL.gray LI { 

  background-image: url("img/bullet-gray.gif");

}



#block-content UL.no-bullets LI {

  background: none; padding-left: 17px;

}



#block-content TABLE.form-table { }

#block-content TABLE.form-table TD { padding: 3px; }

#block-content TABLE.form-table TH { 

  font-weight: bold; width: 30%; text-align: right;

  padding: 3px;

}



#block-content INPUT, #block-content TEXTAREA, #block-content OPTION, #block-content SELECT { }

#block-content TEXTAREA { overflow: auto; width: 90%; }

#block-content .in-req, #block-content .in { 

  border: 1px solid #000; border-color: #191919 #A2A2A2 #A2A2A2 #191919;

  padding: 2px;

}

#block-content .but { 

  border: 1px solid #000; border-color: #A2A2A2 #191919 #191919 #A2A2A2;

  padding: 2px; }



#block-content .center { text-align: center; }

#block-content .note { color: crimson; }

#block-content .error { color: crimson; font-weight: bold; }

#block-content DIV.error { margin: 5px 0; }

#block-content TD DIV.error { margin:0; }

#block-content .no-items { text-align:center;color:crimson;font-weight:bold;}

#block-content P.no-items { padding: 15px 0;}

#block-content .width50  { width: 50px; }

#block-content .width100 { width: 100px; }

#block-content .width150 { width: 150px; }

#block-content .width200 { width: 200px; }

#block-content .width250 { width: 250px; }

#block-content .width300 { width: 300px; }



/* ---------------------------- Content styles end -------------------------- */

/* ---------------------------- Page navigation BEGIN ----------------------- */

#block-content DIV.pages { background-color: #EEE; border: 1px solid #999; clear: both; }

#block-content DIV.pages UL{

  list-style-type:none;

  padding: 5px 0;

  margin: 0;

}

#block-content DIV.pages UL LI STRONG{

  font-weight:bold;

  color: #FF5500;

}

#block-content DIV.pages UL LI A{

  font-weight:bold;

}

#block-content DIV.pages UL LI{

  background-image: none!important;

  display: inline;

  padding: 0 5px 0 5px;

}

/* ---------------------------- Page navigation END ------------------------- */

/* ---------------------------- Special styles begin ------------------------ */

DIV.member {  margin-bottom: 10px; float: left; width: 100%; }

DIV.member P.title {

  margin-top:10px; float:left; color: #FF5500; font-weight: bold; margin-bottom: 0!important; clear: both; }

DIV.member P.address { margin-top:10px; float:right; margin-bottom: 0!important;}

DIV.member P.descr { 

  width: 270px; color: #999; margin-left: 10px; margin-bottom: 5px!important; 

  line-height: 12px!important; }

DIV.member TABLE { width: 100%!important; }

DIV.member TABLE TH { font-weight: normal; color: #FF5500; text-align: left; width: 100px; }





DIV.documents P.title { margin-bottom: 0!important; }

DIV.documents P.descr { color: #999; line-height: 12px!important; margin: 0!important; }

DIV.documents P.document { padding-left: 10px; }



/* ---------------------------- Special styles end -------------------------- */

#page-content-accueil      H2#section-header SPAN{ background-image: url("img/head-accueil-bg.png"); }

#page-content-engagement   H2#section-header SPAN{ background-image: url("img/head-engagements-bg.png"); }

#page-content-contact      H2#section-header SPAN{ background-image: url("img/head-contacts-bg.png"); }

#page-content-clients      H2#section-header SPAN{ background-image: url("img/head-clients-bg.png"); }

#page-content-sitemap      H2#section-header SPAN{ background-image: url("img/head-sitemap-bg.png"); }

#page-content-metier       H2#section-header SPAN{ background-image: url("img/head-metier-bg.png"); }

#page-content-bureau       H2#section-header SPAN{ background-image: url("img/head-bureau-bg.png"); }

#page-content-contact_form H2#section-header SPAN{ background-image: url("img/head-adherer-bg.png"); }

#page-documents-index      H2#section-header SPAN{ background-image: url("img/head-documents-bg.png"); }

#page-members-index        H2#section-header SPAN{ background-image: url("img/head-membres-bg.png"); }

#page-press-index          H2#section-header SPAN{ background-image: url("img/head-presse-bg.png"); }

#page-users-login_form     H2#section-header SPAN{ background-image: url("img/head-login-bg.png"); }

#page-content-formation     H2#section-header SPAN{ background-image: url("img/head-formation-bg.png"); }

#page-content-devenir     H2#section-header SPAN{ background-image: url("img/head-devenir-bg.png"); }

#page-content-faq     H2#section-header SPAN{ background-image: url("img/head-faq-bg.png"); }

#page-content-president     H2#section-header SPAN{ background-image: url("img/head-president-bg.png"); }

#page-content-mentions     H2#section-header SPAN{ background-image: url("img/head-mentions-bg.png"); }


#page-content-accueil #block-content { position: relative; zoom:1; }

#page-content-accueil #block-content * { position:relative;z-index:1; }

#page-content-accueil #accueil-content-bg { 

  position:absolute; 

  left:-6px;top:0px;

  width: 442px; height: 465px;

  z-index: 0;

  voice-family: "\"}\""; 

  voice-family:inherit;

  left: -8px;

}

#page-content-accueil DIV#section-descr { text-align: justify; }

#page-content-accueil #block-content LI { padding-bottom: 10px; text-align: left; }



#page-press-index TABLE.press { }

#page-press-index TABLE.press TH { 

  padding-bottom: 10px; font-weight: normal; width: 25%; vertical-align: top; }

#page-press-index TABLE.press TD { padding-bottom: 10px; }

#page-press-index #cell-contact { padding-bottom: 25px; }

#page-press-index #cell-contact H4 { font-weight: bold; }

#page-press-index TABLE.press H4 { font-weight: normal; }



#page-content-contact_form #block-content TABLE.form-table TH { width: 20%; }

*html HTML>BODY DIV#section-descr{ height:700px;}

div.member table td.logo{ width:100px !important; vertical-align:middle; padding:0; position:relative;}
div.member table td.logo div{ width:100px; height:100px; overflow:hidden; text-align:center;}

.memberLogo{ float:right; width:120px; height:125px; position:relative; text-align:center; overflow:hidden;}
.memberLogo img{ max-width:100px; max-height:100px;}
div.member p.title{ clear:none; float:none;}
div.member p.address{ float:none; margin:0;}
div.member p.descr{ float:none; margin:0;}
div.member table{ width:265px !important;}