html, body { height: 100%; }
body {
  font: normal 12px Arial, sans-serif;
  color: #666;
  line-height: 16px;
}
html, body, div, img, ul, li, a, h1, h2, h3, h4, ol { margin: 0; padding: 0; border: none; }
div { position: relative; }
ul, li { list-style: none; }
input, textarea 
{ 
  font: normal 12px Arial, sans-serif;
  color: #666;
  text-decoration: none;
  border: 1px solid #8cb5e5;
  margin: 0;
  padding: 0 4px; 
}
a, a:link, a:visited { color: #666; }

/* Commons */
#rac { background: #f2f2f2 url('../img/body_back.png') top left repeat-x; }
#page {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width: 911px;
	background: white url('../img/left_back.png') 0px 166px no-repeat;
	/*
	height:auto !important;
  height:100%;
	min-height:100%;
	*/

}
#page_acc {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width: 911px;
	/*background: #f2f2f2 url('../img/left_back.png') 0px 0px no-repeat;*/
	/*
	height:auto !important;
  height:100%;
	min-height:100%;
	*/
}
#content {
  width: 100%;
  margin: 0 auto;
  padding:0 ;
}

/* Header */
#header { margin:0 auto; padding: 0; border: none; width: 911px; height: 166px; /*overflow: hidden; */}
#header img { margin: 0; padding: 0; border: none; float: left; }
#logo { position: relative; width: 218px; height: 166px; float: left; }
#banner { margin: 0; padding: 0; width: 693px; height: 112px; }
#header_right { width: 693px; height: 166px; float: left; }


#menu { position: relative; width: 693px; height: 30px; margin: 0; padding: 0; background: transparent url('../img/menu_back.png') top left; }
#menu a, #menu a:visited, #menu a:link { font: normal 14px "Century Gothic", sans-serif; float: left; line-height: 26px; color: #fff; text-decoration: none; text-transform: uppercase; }
#menu a:hover, #menu #menu_on { text-decoration: underline; }
#menu span { font: normal 14px "Century Gothic", sans-serif; float: left; line-height: 24px; color: #ddd; margin: 0 9px; }
#menu_spacer { float: left; width: 18px; }

/* LEFT */
#div_left {
  margin: 0; padding: 0;
  padding-bottom: 56px;
  width: 218px;
	float: left;
}
#div_left ul { margin: 28px 24px 16px 42px; }
#div_left li { list-style-position: outside; list-style-type: disc; margin: 6px 0px; padding: 0; color: white; font: normal 14px "Century Gothic", sans-serif; }
#div_left li a, #div_left li a:link, #div_left li a:visited { color: white; font: normal 14px "Century Gothic", sans-serif; text-decoration: none; }
#div_left li a:hover, #div_left li #lmenu_on { text-decoration: underline; }

#div_right{
  margin: 0; padding: 0;
  /*padding-top: 24px;*/
  padding-bottom: 36px;
  width: 693px;
  background: transparent url('../img/content_back.png') top left;
  float: left;
}

#div_right p,
#div_right h1,
#div_right h2,
#div_right h3,
#div_right .hr { margin-left: 18px; margin-right: 28px; text-align: justify; padding: 0; }
#div_right .hr { margin-left: 18px; width: 647px; }
#div_right h1 { margin-top: 28px; margin-bottom: 20px; font-size: 16px; font-weight: bold; }
#div_right h1.centered { text-align: center; margin-bottom: 32px; }
#div_right h2 { margin-top: 16px; margin-bottom: 16px; font-size: 14px; font-weight: bold; }
#div_right h2.centered { text-align: center; }
#div_right h3 { margin-top: 12px; margin-bottom: 12px; font-size: 12px; font-weight: bold; }
#div_right h2.hspacer { margin-bottom: 24px; }
#div_right h2.hright { text-align: right; margin-top: 24px; }
#div_right h2.blue { border-bottom: 6px solid #377ed7; margin-top: 24px; margin-bottom: 24px; text-align: center; font: bold 12px "Arial", sans-serif; text-transform: uppercase; }
#div_right .hr { border: none; color: #377ed7; background-color: #377ed7; height: 6px; line-height: 6px; overflow: hidden; margin-top: 0; margin-bottom: 0; }
#vr { width: 184px; float: left; }
#vl { width: 184px; float: left; }
#div_right .vr_top { width: 16px; height: 4px; overflow: hidden; background: transparent url('../img/vertical_h_top.png') top left no-repeat; margin-top: 72px; }
#div_right .vr_middle { width: 16px; overflow: hidden; /*height: 200px;*/ height: 260px; background: transparent url('../img/vertical_h_middle.png') top left repeat-y; }
#div_right .vr_bottom { width: 16px; height: 4px; overflow: hidden; background: transparent url('../img/vertical_h_bottom.png') top left no-repeat; }
#div_right .vrL { margin-left: 108px; }
#div_right .vrR { margin-left: 68px; }
#div_right .col div.boxTop { background: transparent url('../img/box_top.png') top left no-repeat; width: 325px; height: 11px; margin-left: 8px; margin-right: 0px; overflow: hidden; }
#div_right .col div.boxBottom { background: transparent url('../img/box_bottom.png') top left no-repeat; width: 325px; height: 6px; margin-left: 8px; margin-right: 0px;}
#div_right .col div.box { width: 325px; background: transparent url('../img/box_middle.png') repeat-y; margin-left: 8px; margin-right: 0px; }
#div_right .colLarge div.boxLTop { background: transparent url('../img/box_large_top.png') top left no-repeat; width: 325px; height: 5px; margin-left: 8px; margin-right: 0px; overflow: hidden; }
#div_right .colLarge div.boxLBottom { background: transparent url('../img/box_large_bottom.png') top left no-repeat; width: 325px; height: 6px; margin-left: 8px; margin-right: 0px;}
#div_right .colLarge div.boxL { width: 325px; background: transparent url('../img/box_large_middle.png') repeat-y; margin-left: 8px; margin-right: 0px; }
#div_right .col div.box p { margin: 0; line-height: 14px; padding: 8px 16px; font-weight: bold; }
#div_right .col { width: 346px; float: left; overflow: hidden; margin:0; padding: 0; }
#div_right .colLarge {width: 454px; margin:8px auto 24px auto; padding: 0; overflow: hidden; }
#div_right .tiers { width: 210px; float: left; overflow: hidden; margin:0; padding: 0; margin-left: 4px; margin-top: 12px; }
#div_right div.boxH p { font-weight: bold;}
#div_right .pl img { margin: 6px 12px 6px 22px; }
#div_right .pr img { margin: 6px 28px 6px 12px; }
#div_right .centered img { margin-top: 16px; }

#div_right .col div.boxHTop{ background: transparent url('../img/box_horizontal_top.png') top left no-repeat; width: 202px; height: 5px; margin-right: 0px; overflow: hidden; }
#div_right .col div.boxHBottom { background: transparent url('../img/box_horizontal_bottom.png') top left no-repeat; width: 202px; height: 5px; margin-right: 0px; overflow: hidden; margin-bottom: 24px; }
#div_right .col div.boxH, #div_right .tiers div.boxH { background: transparent url('../img/box_horizontal_middle.png') top left repeat-y; width: 202px; margin-right: 0px; overflow: hidden; }
#div_right .col div.hConsultant ul { padding-top: 12px; padding-bottom: 12px;}
#div_right .col div.hEnqueteur ul { padding-top: 20px; padding-bottom: 20px;}
#div_right .col div.boxH p{ margin: 0; line-height: 14px; padding: 8px 0px 8px 24px; }
#div_right .tiers div.boxH p { margin: 0; line-height: 14px; padding: 8px 0px 8px 20px; }
#div_right .col div.boxH p.hConsultant { padding-top: 15px; padding-bottom: 15px;}
#div_right .col div.boxH p.hEnqueteur { padding-top: 22px; padding-bottom: 22px;}
#div_right .col div.boxH p.hGeneric { padding-top: 8px; padding-bottom: 8px;}
#div_right .col div.boxHContainer, #div_right .colLarge div.boxHContainer { width: 202px; float: left; }
#div_right .tiers div.boxHContainer { width: 202px; }
#div_right .col div.boxHTitle, #div_right .colLarge div.boxHTitle { width: 110px; float: left; text-align: right; font-size: 14px; padding-right: 8px;}
#div_right .col div.Consultant { padding-top: 17px; }
#div_right .col div.Enqueteur { padding-top: 10px; }
#div_right .col div.International { padding-top: 40px; }
#div_right .col div.Intervenant { padding-top: 30px; }
#div_right .col div.bTitle { height: 41px; }

#div_right .col div.grp{ background: transparent url('../img/top_grp.png') top left no-repeat; }
#div_right .col div.triades { background: transparent url('../img/top_triades.png') top left no-repeat; }
#div_right .col div.internet { background: transparent url('../img/top_internet.png') top left no-repeat; }
#div_right .col div.qualif { background: transparent url('../img/top_qualif.png') top left no-repeat; }
#div_right .col div.quest { background: transparent url('../img/top_quest.png') top left no-repeat; }
#div_right .col div.obs { background: transparent url('../img/top_obs.png') top left no-repeat; }


#div_right .tiers div.boxHTop { background: transparent url('../img/box_horizontal_top.png') top left no-repeat; width: 202px; height: 5px; margin-right: 0px; overflow: hidden; }
#div_right .tiers div.boxHBottom { background: transparent url('../img/box_horizontal_bottom.png') top left no-repeat; width: 202px; height: 5px; margin-right: 0px; overflow: hidden; margin-bottom: 12px; }

#div_right .pl div.boxTop,
#div_right .pl div.boxBottom,
#div_right .pl div.box { margin-right: 3px; margin-left: 14px; }
#div_right .pr div.boxTop,
#div_right .pr div.boxBottom,
#div_right .pr div.box { margin-left: 3px; margin-right: 18px; }
#div_right .pl div.boxHTitle { padding-left: 18px; }
#div_right .pr div.boxHTitle { /**/ }

#div_right .pl p { margin-right: 10px; }
#div_right .pr p { margin-left: 10px; }
#div_right a.outils img { margin-bottom: 16px; margin-top: 16px; }
#div_right a.margedRight { margin-right: 196px; }
#div_right a.margedLeft { margin-left: 196px; }

/* Part Page */
#partenaire { margin: 36px auto 0px auto; border: 1px dotted #377ed7; background-color: white; border-collapse: collapse; }
#partenaire tr, #partenaire td { border: 1px dotted #377ed7; background-color: white; }
#partenaire tr { margin: 0; padding: 0; }
#partenaire td { margin:0; padding: 6px 4px 4px 4px; height: 80px; width: 80px; vertical-align: middle; text-align: center; }
#partenaire img { border: none; margin: auto; }

/* EXP */
li { list-style-position: outside; list-style-type: disc; }
ul.decal { line-height: 20px; margin: 0 28px 24px 24px; }
/*ul.evo { line-height: 20px; margin: 0 28px 24px 32px; }*/
ul.evo { line-height: 18px; margin: 0 54px 24px 56px; }
ul.decal li, ul.evo li, ul.crunch  li { list-style: outside url('../img/blue_dot.png'); }
ul[class="crunch"] li { list-style: outside url('../img/blue_dot_moz.png'); }
ul.evo li { margin-bottom: 12px; text-align: justify; }
ul.crunch { margin: 0; line-height: 10px; padding: 8px; }
ul.btoc { /**/}
ul.crunch li { line-height: 12px; margin: 0; padding: 2px; font-weight: bold; }
#div_right .pl ul.crunch { margin-left: 32px; }
li.d_first { margin-left: 24px; }
li.d_second { margin-left: 84px; }
li.d_third { margin-left: 144px; }

#div_right .pl ul { margin-right: 32px; }
#div_right .pr ul { margin-left: 32px; }

/* FOOTER */
#footer { text-align: center; width: 100%; }
#footerImg {
  position: relative;
  margin:0 auto;
  margin-top: -56px;
  padding:0;
  /*
  background: transparent url('../img/footer.png') top left;
  */
  width: 911px;
  height: 127px;
}
#footerTxt {
  position: relative;
  margin:0 auto;
  margin-top: -127px;
  width: 911px;
  height: 96px;
  line-height: 10px;
}
#footerTxt p {
  position: relative;
  margin:0;
  padding: 16px 0px;
  font: normal 12px "Century Gothic", sans-serif;
  text-decoration: none;
  color: black;
  line-height: 14px;
  width: 224px;
  /*border: 1px solid red;*/
  float: left;
  z-index: 5000;
}
#footerTxt .small { font-size: 10px; }
#footerTxt .lts { letter-spacing: 1px; }
#footer_spacer { margin: 0; padding: 0; height: 60px; display: block; width: 911px;}
#footerTxt .tel { padding-left: 28px; width: 198px; }
#footerTxt .contact { padding-left: 64px; width: 124px;  }
#footerTxt a, #footer a:link, #footer a:visited { color: black; text-decoration: none; }
#footerTxt a:hover { text-decoration: underline; }

/* ACC */
#footerTxtAcc {
  position: relative;
  margin:0 auto;
  width: 911px;
  height: 68px;
  line-height: 10px;
}
#footerTxtAcc p {
  position: relative;
  margin:0;
  padding: 8px 0px;
  font: normal 12px "Century Gothic", sans-serif;
  text-decoration: none;
  color: black;
  line-height: 14px;
  width: 224px;
  float: left;
  z-index: 5000;
}
#footerTxtAcc .small { font-size: 10px; }
#footerTxtAcc .lts { letter-spacing: 1px; }
#footerTxtAcc .tel { padding-left: 28px; width: 198px; }
#footerTxtAcc .contact { padding-left: 64px; width: 124px;  }
#footerTxtAcc a, #footer a:link, #footer a:visited { color: black; text-decoration: none; }
#footerTxtAcc a:hover { text-decoration: underline; }

/* Useful classes */
.clear { clear: both; line-height: 1px; }
.pink { color: #ff3399;  }
.blue { color: #377ed7; }
.green { color: #1da260; }
.darker { color: #0071bf;  }
.darkerblue { color: #0071bf; }
.pink_sub { /**/ }
.blue_sub { /*background-color: #377ed7;*/ }
.green_sub { /*background-color: #1da260;*/ }
.pink_top { border-top: 6px solid #eb4894; }
.upper { text-transform: uppercase; }
.bold { font-weight: bold; }
span.bold { color: #377ed7; font-weight: bold; }
.light_gray { color: #666666; }
.centered { text-align: center; }
.underlined { text-decoration: underline; }
.min { font-size: 10px; }
.mrgn { margin-bottom: 24px; }