/*

    file: common.css

    main CSS stylesheet

*/


  * {
    border: 0;
    font-family: arial, tahoma, verdana, sans-serif;
    margin: 0;
    padding: 0;
  }

  * html * { /* hack 'star html' for IE5.x / IE6 */
    border: 0;
    font-family: arial, tahoma, verdana, sans-serif;
    margin: 0;
    padding: 0;
  }

  body {
    background: url('images/bg-gradient.jpg') top left repeat-x #6086b7;
    color: #000;
    font-size: 75.01%; /* hack for IE */
    height: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
  }


  /*----------------------------------------------basic styles------------------------------------------------*/


  h1 {
    background: #fff;
    color: #d7a613;
    font-size: 200%;
    letter-spacing: 5px;
    width: 30%;
  }

  h2 {
    background: #fff;
    color: #c69502;
    font-size: 130%;
    letter-spacing: 10px;
    text-transform: uppercase;
  }

  h3 {
    background: #a47300;
    color: #fff;
    font-size: 110%;
    padding: 5px;
    text-transform: uppercase;
  }

  h4 {
    background: #e8b724;
    color: #fff;
    font-size: 110%;
    padding: 5px;
    text-transform: uppercase;
  }

  h1 a:link, h1 a:visited,
  h2 a:link, h2 a:visited,
  h3 a:link, h3 a:visited,
  h4 a:link, h4 a:visited
  {
    color: #fff;
  }

  p, ul, ol {
    font-size: 1em;
    line-height: 1.2em;
  }

  p {
    margin: 0.5em 0;
    padding: 0;
  }

  ul {
    list-style: square outside;
    margin: 0.3em 0 0.5em 1.2em;
  }

  ul li {
    margin: 0.3em 0 0.3em 0.6em;
  }

  ol {
    list-style: decimal outside;
    margin: 0.3em 0 0.5em 1.2em;
  }

  ol.letters {
    list-style: lower-alpha outside;
  }

  ol li {
    margin: 0.3em 0.5em 0.3em 1.6em;
  }

  a:link, a:visited {
    color: #c98401;
    font-weight: bold;
    text-decoration: none;
  }

  a:hover, a:active {
    color: #936200;
  }

  a img {
    border: 0;
    display: inline;
    text-decoration: none;
  }

  .left {
    float: left;
  }

  img.left {
    margin: 5px;
  }

  div.left {
    margin-left: 0;
    margin-right: 7px;
  }

  p.left {
    float: none;
    text-align: left;
  }

  .center {
    text-align: center;
  }

  div.center {
    margin-left: auto;
    margin-right: auto;
  }

  .right {
    float: right;
  }

  img.right {
    margin: 5px;
  }

  div.right {
    margin-left: 5px;
    margin-right: 0;
  }

  p.right {
    float: none;
    text-align: right;
  }

  .gras {
    font-weight: bold;
  }

  .oblique {
    font-style: oblique;
  }

  .souligne {
    text-decoration: underline;
  }

  .blink {
    text-decoration: blink;
  }

  .warning {
    color: red;
    font-weight: bold;
  }

  .stabilo {
    background: #fe0;
    color: #f00;
    font-style: oblique;
    font-weight: bold;
    margin: 0.3em;
    padding: 0.3em;
  }
  
  .fatred {
    color: #a00;
    font-weight: bold;
  }
  
  .fatorange {
    color: #a60;
    font-weight: bold;
  }
  
  .fatgreen {
    color: #0a0;
    font-weight: bold;
  }
  
  .fatblue {
    color: #00a;
    font-weight: bold;
  }

  .title,
  .title2 {
    background: transparent;
    border: 0;
    border-bottom: thin dashed #c69502;
    color: #a47300;
    font-size: 1.4em;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 1.2em;
    margin: 1em 0 0.5em 0;
    text-transform: uppercase;
  }

  .title2 {
    letter-spacing: 1px;
  }

  .header1 {
    background: transparent;
    border: 0;
    border-bottom: thin dotted #c69502;
    color: #825100;
    font-size: 1.2em;
    font-variant: small-caps;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1em;
    margin: 1em 0 0.5em 0;
  }

  .header2 {
    border: 0;
    border-bottom: thin dashed #777;
    font-weight: bold;
    margin: 1.5em 5px 0.5em 5px;
    padding: 0;
  }

  .header3 {
    background: transparent;
    border: 0;
    color: #825100;
    font-size: 1.2em;
    font-variant: small-caps;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1em;
    margin: 1em 0.2em 0 0.2em;
    padding: 0.3em 0;
  }

  .bordered {
    border: 0 solid #777;
    border-width: thin 0 0 0;
    margin-top: 1.4em;
    padding-top: 0.5em;
  }

  .noborder {
    border: 0;
  }

  .address {
    margin: 0.5em 0 0.5em 3em;
    padding: 0;
    text-align: left;
  }

  .divider {
    background: url('images/divider.gif') center center no-repeat transparent;
    clear: both;
    margin: 3em 0 1em 0;
    padding: 0;
  }

  .separator {
    clear: both;
    float: none;
    margin: 0;
    padding: 0;
  }

  .mini {
    width: 60px;
  }

  .mini2 {
    width: 80px;
  }

  .one_column {
    width: 100px;
  }

  .two_columns {
    width: 220px;
  }

  .full {
    width: 100%;
  }

  .full90 {
    width: 90%;
  }

  .full80 {
    width: 80%;
  }

  .full70 {
    width: 70%;
  }

  .full60 {
    width: 60%;
  }

  .full50 {
    width: 50%;
  }

  .full45 {
    width: 45%;
  }

  .full40 {
    width: 40%;
  }

  .full30 {
    width: 30%;
  }

  .aero {
    margin-top: 1em;
    margin-bottom: 1em;
  }

  .aero * {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }


  /*---------------------------------------------miscellaneous-----------------------------*/

  .dailymotion {
    background: transparent;
    border: 0;
    color: #444;
    margin: 1em 0;
    padding: 0;
    text-align: center;
  }

  .dailymotion object,
  .dailymotion embed {
    height: 248px;
    width: 300px;
  }

  .slideshow {
    border: thin solid #777;
    left: 50%;
    margin: 1em -151px;
    position: relative;
    width: 300px;
  }

  .thumbnail {
    float: left;
  }

  .newsletters {
    margin: 2em 0;
    padding: 0;
  }

  .newsletters .thumbnail {
    line-height: 1.4em;
    margin: 1em 1.5%;
    text-align: center;
    width: 30%;
  }

  .newsletters .thumbnail img {
    border: 1px solid #777;
    height: 180px;
    width: 137px;
  }

  div.gauge {
      background: #fff;
      border: 0;
      color: #000;
      clear: both;
      float: none;
      margin: 0;
      padding: 0;
      width: 340px;
  }

  div.gauge div.wrapper {
      background: url('images/lpmec-bg-gauge-wrapper.jpg') top left no-repeat #fff;
      border: 0;
      float: left;
      height: 20px;
      margin: 0;
      padding: 10px 10px 0 10px;
      width: 220px;
  }

  div.gauge div.wrapper div.bar {
      background: url('images/lpmec-bg-gauge-bar.jpg') top center repeat-y #936200;
      border: 0;
      -moz-border-radius: 5px;
      -khtml-border-radius: 5px;
      -kithtml-border-radius: 5px;
      height: 10px;
      margin: 0;
      padding: 0;
  }

  div.gauge div.value {
      color: #c98401;
      font: bold 20px/22px verdana, sans-serif;
      float: right;
      margin: 5px 0 0 0;
      padding: 0;
  }

  .vignette,
  .illustration {
    border: 0;
    margin: 0;
    padding: 0;
  }
  
  .vignette.left {
    clear: left;
  }
  
  .vignette.right {
    clear: right;
  }

  .vignette a,
  .illustration a {
    border: 0;
  }

  .vignette img,
  .illustration img {
    border: thin solid #aaa;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
  }

  .illustration {
    margin: 10px;
  }

  .titre_illustration {
    color: #5a5a5a;
    font: oblique 0.8em sans-serif;
    margin: -0.8em 0 0 0;
    padding: 0;
  }

  .note {
    color: #333;
    font: oblique 0.8em sans-serif;
    margin: 0;
    margin: -0.5em 0 0 0;
    padding: 0;
    text-align: center;
  }

  .actus {
    clear: none;
    margin: 0;
    padding: 0;
  }

  .actus table.list {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0.5em 0 0.3em 0;
    padding: 0;
    width: 100%;
  }

  .actus table.list td {
    margin: 0;
    padding: 0.2em 0;
    vertical-align: middle;
    white-space: nowrap;
  }

  .actus table.list .header3,
  .actus table.list .right {
    margin: 0;
    padding: 0;
  }

  .actus #news_frame {
    border: thin dotted #c69502;
    margin: 0;
    padding: 0.3em;
  }

  .dc_post * {
    clear: both;
    float: none;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    text-align: left;
    white-space: normal;
  }

  .dc_post .title {
    border: 0;
    border-bottom: thin dotted #936200;
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 1em 0 0.3em 0;
  }

  .dc_post .info {
    font-size: 0.9em;
  }

  .dc_post .excerpt {
    font-style: oblique;
    font-weight: bold;
  }

  .dc_post .excerpt img {
    display: block;
    margin: 1em auto;
    max-width: 100%;
    width: auto;
  }

  .dc_post .content {
  }

  .dc_post .content * {
    font-size: 0.9em;
    line-height: 1em;
    margin: 0.5em 0;
    padding: 0;
    text-align: justify;
  }

  .dc_post .content img {
    display: block;
    margin: 1em auto;
    max-width: 100%;
    width: auto;
  }

  .important {
    background: #936200;
    color: #eee;
    font-style: oblique;
    margin: 0.75em 0;
    padding: 0.5em;
  }

  .important a:link,
  .important a:visited {
    color: #fff;
  }

  .zoomable:hover {
    width: 100%;
  }

  table.graphic_links {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
  }

  table.graphic_links td.gpuce {
    border: 0;
    margin: 0;
    padding: 0;
    width: 48px;
  }
  
  table.graphic_links td.gpuce.rouge {
    background: url('images/puce-rouge.jpg') center no-repeat transparent;
  }
  
  table.graphic_links td.gpuce.verte {
    background: url('images/puce-verte.jpg') center no-repeat transparent;
  }
  
  table.graphic_links td.glink {
    margin: 0;
    padding: 2px;
  }
  
  table.graphic_links td.glink a {
    background: #000;
    color: #ffc;
    display: table-cell;
    font: bold 20px/22px helvetica, sans-serif;
    height: 54px;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 300px;
  }
  
  table.graphic_links td.glink a span {
    visibility: hidden;
  }
  
  table.graphic_links td.glink a:hover span {
    background: #000;
    padding: 5px;
    visibility: visible;
  }

  /*-----------------------------------------------layout divs------------------------------------------------*/
  
  div#shadow_header,
  div#shadow_body,
  div#shadow_footer {
      border: 0;
      margin: 0 auto;
      padding: 0;
      width: 980px;
  }
  
  div#shadow_header {
      background: url('images/bg-shadow-header.png') bottom center no-repeat transparent;
      height: 20px;
  }

  div#shadow_body {
      background: url('images/bg-shadow-body.png') top center repeat-y transparent;
  }
  
  div#shadow_footer {
      background: url('images/bg-shadow-footer.png') top center no-repeat transparent;
      height: 20px;
  }

  #mainframe {
    background: #fff;
    border: 1px solid #000;
    color: #000;
    line-height: 2em;
    margin: 0 10px;
    overflow: hidden;
    padding: 0;
    text-align: justify;
    width: 958px;
  }

  * html #mainframe { /* hacks 'star HTML' for IE 5.x / IE 6 */
    font-size: 0.8em;
  }
  
  #mainframe.wide {
    background: url('images/bg-page-wide.jpg') left top repeat-y #fff;
  }

  #mainframe a.more:after {
    content: ' >>';
  }

  #mainframe a.less:before {
    content: '<< ';
  }

  #mainframe a.video:after {
    content: ' >> ' url('images/camera.gif');
  }


  #pc_header {
    background: url('images/bandeau-header.png') no-repeat top left transparent;
    border: 0 solid red;
    color: #333;
    height: 160px;
    margin: 0 0 -10px 0;
    overflow: visible;
    padding: 0;
    position: relative;
    z-index: 10;
  }


  #pc_h_navbar {
    background: url('images/bg-page-wide.jpg') left top repeat-y #c69502;
    color: #fff;
    margin: 0;
    padding: 0 0 0 30px;
  }


  #pc_sidebar_l {
    background: #fff;
    border: 0 solid red;
    color: #555;
    float: left;
    margin: 10px 5px 0 5px; /* caution: hack for safari, opera and exotics */
    padding: 0;
    width: 170px;
  }

  * html #pc_sidebar_l { /* hacks for IE 5.x / IE 6 */
    margin: 10px 5px 0 5px;
    max-width: 170px;
    overflow: hidden;
    width: 170px;
  }

  #pc_sidebar_l img {
    max-width: 100%;
  }

  * html #pc_sidebar_l img { /* hacks for IE 5.x / IE 6 */
    width: 80%;
  }

  * html #pc_sidebar_l .sidebar_pub img { /* hacks for IE 5.x / IE 6 */
    width: auto;
  }

  #pc_sidebar_l .conseil_regional {
    margin: 1em 0;
  }

  #pc_sidebar_l .conseil_regional img.lisere {
    border: thin dotted #ddd;
  }

  .conseil_regional p {
    margin: 0.3em 0;
    padding: 0;
    text-align: center;
  }


  #pc_sidebar_r {
    background: #faf8e9;
    border: 0 solid blue;
    color: #333;
    float: right;
    margin: 10px 5px 0 5px; /* caution: hack for safari, opera and exotics */
    padding: 0 0 15px 0;
    width: 200px;
  }

  * html #pc_sidebar_r { /* hacks for IE 5.x / IE 6 */
    margin: 10px 5px 0 5px;
    max-width: 200px;
    overflow: hidden;
    width: 200px;
  }

  #pc_sidebar_r img {
    max-width: 100%;
  }

  * html #pc_sidebar_r img { /* hacks for IE 5.x / IE 6 */
    width: 80%;
  }

  #pc_sidebar_r #medias {
    margin: 1em 0;
    padding: 0;
  }

  #pc_sidebar_r #medias p {
    margin: 0.3em 0;
    padding: 0;
  }

  #pc_sidebar_r .dailymotion {
    background: #000;
    border: 0;
    margin: 0;
    padding: 0;
  }

  #pc_sidebar_r .dailymotion object,
  #pc_sidebar_r .dailymotion embed,
  #dm_box {
    background: #000;
    height: 168px;
    width: 200px;
  }


  #pc_page {
    background: #fff;
    border-left: thin dashed #333;
    border-right: thin dashed #333;
    color: #444;
    overflow: hidden;
    margin: 10px auto 0 auto;         /* caution: hack for safari, opera and exotics */
    padding: 0 10px 10px 15px;
  }

  * html #pc_page { /* hacks for IE 5.x / IE 6 */
    padding: 0 10px 10px 10px;
    width: 100%;
  }
  
  #pc_page.wide {
    background: url('images/bg-page-wide.jpg') top left repeat-y #fff;
    border-left: 0;
    margin: 0 auto;
    padding: 10px 10px 10px 40px;
  }

  #pc_page object {
    margin: 1em 0;
    padding: 0;
  }

  #pc_page div.intro {
    border: 0 solid blue;
    margin: -2em 0 2em 0;
    overflow: hidden;
    padding: 0 1% 0 0;
  }

  * html #pc_page div.intro { /* hacks for IE 5.x / IE 6 */
    float: left;
    overflow: hidden;
    padding: 0;
  }

  #pc_page div.pub {
    border: 0 solid blue;
    margin: 0 0 2em 0;
    overflow: hidden;
    padding: 0 1% 0 0;
  }

  * html #pc_page div.pub { /* hacks for IE 5.x / IE 6 */
    float: left;
    overflow: hidden;
    padding: 0;
  }

  #pc_page div.column1 {
    border: 0 solid red;
    float: left;
    margin: 0 0 8px 0;
    overflow: hidden;
    padding: 0 5px 5px 0;
    width: 30%;
  }

  * html #pc_page div.column1 { /* hacks for IE 5.x / IE 6 */
    margin: 0 10px 8px 0;
    overflow: hidden;
    padding: 0;
  }

  #pc_page div.column1 img {
    max-width: 100%;
  }

  * html #pc_page div.column1 img { /* hacks for IE 5.x / IE 6 */
    width: 100%;
  }

  #pc_page div.column2 {
    border: 0 solid blue;
    float: left;
    margin: 0 0 8px 1%;
    overflow: hidden;
    padding: 0 5px 5px 5px;
    width: 32%;
  }

  * html #pc_page div.column2 { /* hacks for IE 5.x / IE 6 */
    margin: 0 0 8px 0;
    overflow: hidden;
    padding: 0;
  }

  #pc_page div.column2 img {
    max-width: 100%;
  }

  * html #pc_page div.column2 img { /* hacks for IE 5.x / IE 6 */
    width: 100%;
  }

  #pc_page div.column3 {
    border: 0 solid green;
    clear: right;
    float: right;
    margin: 0 0 8px 0;
    overflow: hidden;
    padding: 0 0 5px 5px;
    width: 33%;
  }

  * html #pc_page div.column3 { /* hacks for IE 5.x / IE 6 */
    margin: 0 0 8px 10px;
    overflow: hidden;
    padding: 0;
  }

  #pc_page div.column3 img {
    max-width: 100%;
  }

  * html #pc_page div.column3 img { /* hacks for IE 5.x / IE 6 */
    width: 100%;
  }


  #pc_footer {
    background: #c69502;
    color: #fff;
    clear: both;
    line-height: 1em;
    margin: 0;
    padding: 5px 30px 5px 0;
    text-align: center;
  }

  #pc_footer a:link,
  #pc_footer a:visited {
    background: #c69502;
    color: #fff;
    text-decoration: none;
  }

  #pc_footer a:hover,
  #pc_footer a:active {
    background: #c69502;
    color: #fe3f22;
    text-decoration: none;
  }


  #pc_big_ad {
    background: #c69502;
    color: #fff;
    clear: both;
    margin: 0;
    min-height: 120px;
    padding: 10px 30px 10px 0;
  }

  #pc_big_ad img {
    border: 0;
    margin: 0;
    padding: 0;
  }

  #pc_big_ad .pub_mention_legale {
    border: 0;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    top: 50px;
    width: 14px;
  }

  #pc_big_ad .pub_frame {
    clear: both;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 580px;
  }

  * html #pc_big_ad .pub_frame { /* hacks for IE 5.x / IE 6 */
    left: 50%;
    margin: 0 -300px;
    position: relative;
  }



  /*---------------------------------------------main navigation-----------------------------------------------*/

  #main_menu * {
    background: #c69502;
    border: 0;
    color: #fff;
    display: block;
    margin: 0;
    padding: 0;
    text-align: left;
  }

  #main_menu {
    border: 0px solid red;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
    width: 80%;
  }

  * html #main_menu { /* hacks for IE 5.x / IE 6 */
    width: 100%;
  }

  #main_menu .selected {
    background: #d7a613;
    color: #fff;
  }

  #main_menu .selected a {
    background: inherit;
    color: inherit;
  }

  #main_menu ul {
    list-style-type: none;
  }

  #main_menu ul li {
    display: inline;
    float: left;
    position: relative;
  }

  #main_menu ul li a {
    color: #fff;
    display: block;
    padding: 5px .5em;
    text-transform: uppercase;
  }

  * html #main_menu ul li a {
    /*IE6 hack to get sub menu links to behave correctly*/
    display: inline-block;
  }

  #main_menu ul li a:link,
  #main_menu ul li a:visited {
    color: #fff;
  }

  #main_menu ul li a:hover {
    background: #d7a613;
    color: #fff;
  }
	
  #main_menu ul li ul {
    border: thin outset #a47300;
    border-top: 0;
    display: block;
    left: 0;
    position: absolute;
    visibility: hidden;
    width: 160px;
    z-index: 1000;
  }

  #main_menu ul li ul li {
    display: list-item;
    float: none;
  }

  #main_menu ul li ul li ul {
    top: 0;
  }

  #main_menu ul li ul li a {
    background: #825100;
    color: #fff;
    font: normal 1em serif;
    padding: 3px 0 2px 5px;
    text-transform: none;
  }

  * html #main_menu ul li ul li a { /* hacks for IE 5.x / IE 6 */
    display: inline-block;
    width: 100%;
  }

  #main_menu ul li ul li a:visited {
    color: #eca;
  }

  #main_menu ul li ul li a:hover {
    background: #d7a613;
    color: #fff;
  }
  
  html #main_menu {
    height: 1%;
  } /*Holly Hack for IE7 and below*/

  .downarrowclass {
    position: absolute;
    right: 7px;
    bottom: 5px;
  }

  .rightarrowclass {
    position: absolute;
    right: 7px;
    bottom: 5px;
  }



  /*---------------------------------------------scrolling marqueez-----------------------------*/

  #hmarquee_viewport {
    background: #d7a613;
    color: #fff;
    height: 18px;
    margin: 10px 0;
    overflow: hidden;
    padding: 2px 2px 2px 4px;
    position: relative;
    width: 98%;
  }

  #hmarquee_viewport * {
    display: inline;
    margin: 0 3px;
    padding: 0;
    white-space: nowrap;
    width: auto;
  }

  #hmarquee_viewport.coloured {
    background: #111;
    color: #ff0;
    font-variant: small-caps;
    font-weight: bold;
  }

  #hmarquee_viewport.news * {
    background: #d7a613;
    color: #fff;
  }

  #hmarquee_contents br, #hmarquee_contents img {
    display: none;
  }



  #vmarquee_viewport {
    height: 180px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1100;
  }



  /*---------------------------------------------advertisements-----------------------------*/

  .pub320x60 {
    border: 0;
    margin: 1em 0;
    padding: 0;
  }

  .pub320x60 * {
    border: 0;
    margin: 0;
    padding: 0;
  }

  .pub320x60 img,
  .pub320x60 object,
  .pub320x60 embed {
    height: 54px;
    width: 288px;
  }

  .sidebar_pub {
    margin: 2em auto 1em auto;
    padding: 0;
    width: 160px;
  }

  .sidebar_pub * {
    border: 0;
    margin: 0;
    padding: 0;
  }

  .sidebar_pub img {
    display: block;
  }

  .sidebar_pub .skyscrapper {
    border-top: thin solid #825100;
    width: inherit;
  }

  .contents_pub {
    clear: both;
    display: block;
    float: none;
    margin: 2em auto 1em auto;
    padding: 0;
    text-align: center;
    width: 320px;
  }

  .contents_pub * {
    display: block;
  }

  .contents_pub .visuel {
    border: thin solid #444;
  }

  .minipub {
    margin: 2em auto;
    padding: 0;
  }

  .minipub img {
    border: 0;
    height: 50px;
    margin: 2px 3px;
    padding: 0;
    vertical-align: middle;
  }




  /*---------------------------------------------tarifs et conditions-----------------------------*/

  p.click_close {
    clear: both;
    cursor: pointer;
    display: block;
    float: none;
    font-size: 1.2em;
    font-weight: bold;
    margin: 1em 0 0.5em 0;
    padding: 0;
    text-align: center;
  }

  a.pep_thumbnail {
    border: 0;
    display: inline;
    text-decoration: none;
  }

  a.pep_thumbnail img, img.pep_thumbnail {
    border: 0;
    display: inline;
    text-decoration: none;
    width: 80px;
  }

  .pep_thumbnail.larger {
    width: 120px;
  }

  div.pep_form_thumbs {
    border: 0 solid red;
    float: left;
    height: 90px;
    margin: 0 0 0.5em 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    vertical-align: bottom;
    width: 100px;
  }

  div.pep_form_thumbs.higher120 {
    height: 120px;
  }

  div.pep_form_thumbs.higher140 {
    height: 140px;
  }

  div.pep_form_thumbs * {
    display: block;
    margin: 0.1em auto;
    text-align: center;
  }



  /*---------------------------------------------admin section-----------------------------*/

  div.admin_toolbar {
    margin: 2em 0;
  }

  div.admin_toolbar div.thumbnail {
    border: 0;
    float: left;
    height: 170px;
    margin: 0.5em 10px;
    text-align: center;
    width: 140px;
  }

  div.admin_toolbar div.thumbnail a {
    border: 0;
  }

  div.admin_toolbar div.thumbnail img {
    border: 0;
    height: 125px;
    width: 125px;
  }


  div.sql_dump {
    border: 0;
    margin: 1em 0;
    padding: 0;
  }

  div.sql_dump div.pagebar {
    text-align: center;
  }

  div.sql_dump div.pagebar a {
    border: 0;
    margin: 0 0.3em;
    text-decoration: none;
  }

  div.sql_dump div.pagebar .current:before {
    content: ' [';
  }

  div.sql_dump div.pagebar .current {
    font-size: larger;
    font-weight: bold;
  }

  div.sql_dump div.pagebar .current:after {
    content: '] ';
  }


  table.listes {
    background: #ccc;
    border: 1px solid #333;
    border-collapse: separate;
    border-spacing: 0;
    color: #333;
    margin: 1em 0;
    padding: 0;
    text-align: left;
    width: 100%;
  }

  table.listes th {
    background: #333;
    border: 0;
    color: #ccc;
    font-style: oblique;
    font-weight: bold;
    margin: 0;
    padding: 0.2em;
    text-align: center;
  }

  table.listes td {
    background: #ccc;
    border: 0;
    border-top: 1px dotted #aaa;
    color: #333;
    font-size: smaller;
    margin: 0;
    padding: 0.2em;
    text-align: left;
  }

  table.listes td a {
    border: 0;
    text-decoration: none;
  }

  table.listes tr.hl_row:hover,
  table.listes tr.hl_row:hover * {
    background: #444;
    color: #eee;
  }



  /*---------------------------------------------application performance time-----------------------------*/

  .perf_time {
    background: transparent;
    color: #777;
    font: normal 0.7em sans-serif;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
    text-align: center;
  }