*{
   margin: 0;
   padding:0;
}
img{border: 0; margin: 0; padding: 0;}
body{
    position: relative;
    background: #90a066 url(/sts/www-vc-pontois-net/img/gbr/bg_crop_top.gif) repeat-x;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
}

#enigmatic{
  display: block; 
  position: relative;
  margin-top: -65px;
  left: 5px;
  background: url(/sts/www-vc-pontois-net/img/gbr/enigmatic.gif) no-repeat;
  width: 130px;
  height: 50px;
}
    #enigmatic span{display: none;}

a{text-decoration: none; color: #224747;}
a:hover{text-decoration: underline;}

h1, h2, h3, h4, h5, h6{clear: both;}

p, ul, ol, dl{ margin-bottom: 0.5em; line-height: 1.5em;}

p{text-align: justify;}

li{list-style-position: inside;}

#menu li, #navigation li, #sponsors li{list-style-type: none;}

.clear{clear: both; margin: 0; height: 0px;}

a.haut{
  display: block;
  float: right;
  height: 11px;
  width: 106px;
  margin-bottom:10px;
  margin-right:170px;
  background: url(/sts/www-vc-pontois-net/img/gbr/btn_nav_up.gif) no-repeat 100% 0px; 
}
.ie6 a.haut{ margin-right:85px; }

a.haut span{display: none; font-size: 11px; color: #666; font-variant: small-caps;}

a.haut:hover{background-position: 100% -22px; text-decoration: none; line-height: 9px;}
a.haut:hover span{display: block;}
            

#page{
    width: 930px;
    margin: auto;
    background: url(/sts/www-vc-pontois-net/img/gbr/bg_route.gif) repeat-y -1px 0px;    
}

#menu{
    float: left; 
    width: 237px;
    background: url(/sts/www-vc-pontois-net/img/gbr/post-it_repeat.gif) repeat-y;
}
  #menu_in{ background: url(/sts/www-vc-pontois-net/img/gbr/bg_top_left.gif) no-repeat; }
  
    #logo img{
      margin-top: 13px;
      margin-left: 33px;
    }
    
    #menu_in_in{ background: url(/sts/www-vc-pontois-net/img/gbr/post-it_btm.gif) no-repeat 0 100%; 
                 padding: 37px 35px 59px 55px;
                 }
  
      #menu li.level1 { 
      background: url(/sts/www-vc-pontois-net/img/gbr/333pix.gif) repeat-x 0 26px; 
      padding-bottom: 1px;
      *padding-bottom: 4px;
      list-style-position: outside;
      }
      
      #menu li a, #menu li span.chapitre{
          display: block;
          text-transform: capitalize;
          font-variant: small-caps;
          color: #333;
          padding: 0 4px;
                    line-height: 16px;
      }
      #menu li a:hover{text-decoration: none;}
      
      #menu li.level1 a, #menu li.level1 span.chapitre{  padding-top: 7px; margin-bottom: 6px; }
            #menu li.level1 a:hover, #menu li a.active{ background-color: #eccb38; _background-color: none; color: #593c00; _color: #7F6B0F; }
      
      
      #menu h4.level2, #menu dt.level3{text-transform: capitalize;
          font-variant: small-caps;
          color: #333;
          padding: 0 4px;
          height: 20px;
          line-height: 16px;}
      
      #menu h4.level2 {font-weight: normal; background-color: none; _background-color: none; color: #333; padding-top: 0px; margin: 0px;margin-left: 12px;*font-size: 12px;}
      
      #menu dt.level3 {margin-left: 27px;} 
      
      #menu h4.level2:hover, #menu dt.level3:hover { background-color: #eccb38; _background-color: none; color: #593c00; _color: #7F6B0F; }

      
            #menu li.level1#search {padding: 0; padding-bottom: 3px; padding-top: 2px;}
      #menu li.level1#search .champ, #menu li.level1#search .button {vertical-align: top; }
      
      #menu li.level1#search .champ {
          background-color: #fdf792; 
          border: none; 
          width: 115px;
          *width: 115px;
          height: 14px;
          *height: 20px;
          *line-height: 20px;          
          padding: 8px 0pt 0pt 2px;
          *padding: 0;
          font-variant: small-caps; 
          font-size: 12px; 
      }
      #menu li.level1#search .button {
          background: #fdf792 url(/sts/www-vc-pontois-net/img/gbr/search_btn.gif) no-repeat; 
          border: none; 
          width: 25px; 
          height: 22px; 
          cursor: pointer;
      }
      #menu li.level1#search .button:hover {border: 1px solid #593c00; }
      
#contenu{float: left; width: 690px; }
    #header{
                width: 435px;
        padding:0 155px 0 54px;
        height: 360px;
        background: url(/sts/www-vc-pontois-net/img/gbr/bg_top_right.jpg) no-repeat;
        position: relative;
        text-align:center;
    }
        #header h2{
        text-indent: -3000px;
        position: absolute;
        background: #FFF url(/sts/www-vc-pontois-net/img/gbr/VCP_h2.gif) no-repeat;
        width: 117px;
        height: 53px;
        top: 190px;
        left: 50px;
                }
        #header .image_top{ margin-top:37px;}
                #center{clear: both;}
    
    #txtclient{float: left; width: 537px;}
    
        #contenu h1{
        font-family: Tahoma, Verdana, Arial, sans-serif;
        font-size: 21px;
        letter-spacing: 1px; 
        color: #333;
        text-align: center;
        background: url(/sts/www-vc-pontois-net/img/gbr/h1_bg.gif) no-repeat 3px 22px;
        padding-bottom: 30px;
    }
     #contenu h1 a{ color: #666; padding-left: 17px; position:relative;}
     #contenu h1 a:hover{ color: #333; text-decoration: none;}
     
     #contenu h1 a span{ 
        background: url(/sts/www-vc-pontois-net/img/gbr/btn_nav_next.gif) no-repeat 0pt 0px;
        display:block;
        height:17px;
        left:0pt;
        position:absolute;
        top:5px;
        width:11px;
    }
    .ie6 #contenu h1 a span{line-height: 12px; font-size: 12px;}
    #contenu h1 a:hover span{ background-position: 0px -34px; }
    
    #contenu #accueil_navigation{
        width: 330px; 
        margin: auto; 
        background: url(/sts/www-vc-pontois-net/img/gbr/page_end.gif) no-repeat; 
        height: 25px; 
        margin-top: 30px; 
        margin-bottom:10px;
    }    
    
    #contenu h3.accueil_chroniques{
        text-align: center;
        color: #666;
        font-size: 19px;
        margin-bottom: 1.5em;
    }
    
        #contenu .article_box{
        position: relative;
        margin-bottom: 25px;
        clear: both;
    }
    
        #contenu .article .date {
            position: absolute; 
            top: 0; 
            left: -15px;
            width: 52px; 
            height: 70px; 
            padding: 10px 12px 0 10px; 
            background: url(/sts/www-vc-pontois-net/img/gbr/dossard.png) no-repeat;
            _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sts/www-vc-pontois-net/img/gbr/dossard.png');
            _background: none;
            font-size: 9px; 
            font-weight: bold; 
            text-align: center;
            line-height: 15px;
        }
        .ie6 #contenu .article .date {left: -90px;}
        #contenu .article .date strong{font-size: 20px; font-weight: bold; line-height: 23px;}
        #contenu .article .date small{font-size: 8px; font-weight: normal;}
    
    #contenu .article{
        padding-left: 70px;
        padding-right: 40px;
    }
    
    #contenu .liste.article.no-date{
        padding-left: 40px;
    }
    
    #contenu .article h3{
        color:#666666;
        font-size:17px;
        font-weight:bold;
        padding:15px 0pt 10px;
    }
        
    #contenu .liste.article h3{
        font-size: 19px;
        font-weight: bold;
        color:#333;
        padding: 13px 0 5px;
    }
    
    #contenu .liste.article h3 a{ color:#333; }
    #contenu .liste.article h3 a:hover{ color:#666; text-decoration: none;}
    
     #contenu .article h4{
        color: #666;
        font-size:15px;
        font-weight:bold;
        padding:0.5em 0;
    }
    #contenu .article img, #contenu .article.no-date img{
        float: left; 
        margin: 5px 15px 10px 0px;
        border: 2px solid #333;
    }
    
    #contenu .auteur p{
        text-align: right;
        font-weight: bold;
        font-style: italic;
    }
    
    #contenu .auteur p span{
        font-weight: normal;
    }
    
    #contenu p.plus a{
        color: #666;
        background: url(/sts/www-vc-pontois-net/img/gbr/btn_nav_next.gif) no-repeat 0px 0px;
        height: 17px;
        line-height: 16px;
        padding-left: 15px;
        padding-bottom: 3px;
        font-variant: small-caps;
    }
    
    #contenu p.plus.doc{
        margin: 25px 0;
    }
    
    #contenu p.plus a:hover{
        color: #333;
        text-decoration: none;
        background-position: 0 -34px;
    }
    .ie7 #contenu p.plus a:hover{background-position: 0 0;}
    
    #contenu .docresume{font-style: italic;}
    
#navigation {width: 265px; margin: auto; background: url(/sts/www-vc-pontois-net/img/gbr/page_end.gif) no-repeat 50% 0; height: 10px; padding: 30px 50px}

#navigation li{float: left;}

#navigation li a,#navigation li.active, #navigation li.disabled{
  display: block;
  width: 17px; 
  height: 17px;
  line-height: 16px;
  font-size: 10px; 
  color: #333; 
  margin: 0 2px;
  text-align: center;
    background: url(/sts/www-vc-pontois-net/img/gbr/btn_nav.gif) no-repeat 0 0px; 
}

  #navigation li#first a, #navigation li#first.disabled{background: url(/sts/www-vc-pontois-net/img/gbr/btn_nav_prev.gif) no-repeat 0 0px; width: 12px;}
  #navigation li#last  a, #navigation li#last.disabled{background: url(/sts/www-vc-pontois-net/img/gbr/btn_nav_next.gif) no-repeat 0 0px; width: 12px;}
    
  #navigation li a:hover, #navigation li#first a:hover, #navigation li#last a:hover{ background-position: 0 -34px;}
  #navigation li.active, #navigation li#first.disabled, #navigation li#last.disabled { background-position: 0 -17px; cursor: default;}  
  
#navigation li span{display: none;}
#navigation li a:hover{text-decoration : none;}


#sponsors{float: left; width: 150px;}
  #sponsors li{list-style-position: outside; margin: 0;}
  #sponsors a{display: block; *float: left; _diplay: inline; margin: 0; padding: 0;}
  #sponsors img{}

#pied{
    background: #669999 url(/sts/www-vc-pontois-net/img/gbr/bg_crop_btm.gif) repeat-x scroll 0pt -10px;
    position: relative;
    height:55px;
}
  #pied #pied_in{
      height: 40px;
      width: 930px;
      margin: auto;
      background: url(/sts/www-vc-pontois-net/img/gbr/pied_bg.gif) repeat-x -1px 100%;
  }
    #pied ul{float: left; margin-top: 16px; margin-left: 255px;}
      #pied li{display: inline; color: #224747;}
      #pied li a:hover {color: #fff; text-decoration: none;}
      
  #copy{float: right; color: #224747;  margin-top: 16px; position: absolute; top: 0px; right: 15px;}
  
    
#form-contact label{ float: left; clear: both; width: 160px; text-align: right; margin-right: 20px;} 
#form-contact input, #form-contact select{float: left;}
#form-contact .red{color: red;}
#form-contact label, #form-contact input, #form-contact select{margin-bottom: 0.5em;}
#form-contact .submit{ margin: 10px 0 10px 180px;}
fieldset{border: none; padding: 0 40px;}


.plan h4{ margin-left: 15px; font-size: 14px; line-height: 1.5em;}
.plan h5{ margin-left: 30px; font-size: 12px; line-height: 1.5em;}
.plan h6{ margin-left: 45px; font-size: 10px; line-height: 1.5em;}

#contenu .recherche_resultat{padding: 0 40px; font-size: 12px; font-style: italic;}
#contenu .recherche h1{padding-bottom: 20px;}
#contenu .recherche h2{font-weight:normal; padding-bottom:20px; text-align:center; text-transform:uppercase;}

#contenu .projection {padding: 0 30px; margin-bottom: 1.5em;}
#contenu .photo_box{
    float: left; 
    background-color: #FFF; 
    padding: 7px 7px 5px; 
    margin: 5px;
    border: solid #999;
    border-width: 1px 2px 2px 1px;
}
#contenu .photo_box img{
  border: 1px solid #ccc;
  margin-bottom: 3px;
}

#contenu .photo_box .personne{text-align: center;}

.none    { display:none;    }
.visible { display:visible; }