/*  -------------------------------------------------------------
/*  Typography
-------------------------------------------------------------- */

body, p, ul, ol, dl, td, th, h1, h2, h3, h4, h5, h6, caption, input, label, fieldset, textarea, span, div{
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-weight: normal;
}
div, p, li, td, th, span{ font-size: 11px; line-height: 14px; color: #422005; text-align: justify; }
small{ font-size: 10px; line-height: 14px; }
a:link, a:visited{ text-decoration: none; color: #A12B14; font-weight: bold; }
a:hover, a:active{ text-decoration: underline; }
.star{ font-family: Verdana, Arial, Helvetica, sans-serif; }
.highlight{ color: #A22914; }
#contenu p, #contenu ul{ margin: 3px 0; }

h1{ font-size: 11px; text-align: left; padding: 5px 25px; margin: 5px 0 5px 0; border: 1px solid #512A17; color: #FFF; background: #613721 url(../images/carte/pouce2.gif) no-repeat 10px center; }
h2{ font-size: 14px; font-weight: bold; font-variant: small-caps; padding: 5px 0; }
h3{ font-size: 14px; line-height: 20px; font-weight: bold; color: #A22914; }
h4{ font-size: 12px; font-weight: bold; line-height: 20px; color: #A22914; background: url(../images/carte/calque.gif) no-repeat left center; padding: 5px 0 5px 30px; }


/*  -------------------------------------------------------------
/*  Common Elements
-------------------------------------------------------------- */

.invisible{display: none;} 
#page-title{ display: block; height: 62px; }
.pouce1{ padding: 0 0 0 15px; background: url(../images/carte/pouce1.gif) no-repeat left center; display: block; float: left; font-size: 0; }
.pouce-img{ margin: 0px 7px 0 0; display: inline; }
.separator1{clear: both; display: block; font-size: 0px; line-height: 0px; overflow: hidden; width: 100%; height: 1px; margin: 5px 0; }
.separator2{clear: both; display: block; font-size: 0px; line-height: 0px; overflow: hidden; width: 100%; height: 1px; margin: 5px 0; background: url(../images/carte/separator1-bg.gif) repeat-x left top;}

.frame1{ position: relative; float: left; width: 80px; height: 80px; }
.frame1 .frame1-int{ position: absolute; float:left; z-index: 1; left: 0; top: 0; display: inline; margin: 13px; width: 54px; height: 54px; background-repeat: no-repeat; background-position: center center;}
.frame1 .frame1-border{ position: absolute; float:left; z-index: 2; width: 80px; height: 80px; left: 0; top: 0; background: url(../images/carte/frame-bg.gif) no-repeat left top; }
.frame1 .bg1 { background: url(../images/carte/frame-bg1.gif) no-repeat left top; }
.frame1 .bg1:hover { background-position: left bottom; }

.pannel1{ width: 325px; }
.pannel1 .box1{ clear: both; float: left; width: 325px; height: 17px; background: url(../images/carte/pannel1-box1-bg.jpg) no-repeat left bottom; line-height: 0; font-size: 0; }
.pannel1 .box2{ clear: both; float: left; width: 305px; height: auto; padding: 10px; background: url(../images/carte/pannel1-box2-bg.jpg) repeat-y left top; }
.pannel1 .box3{ clear: both; float: left; width: 325px; height: 17px; background: url(../images/carte/pannel1-box3-bg.jpg) no-repeat left top; line-height: 0; font-size: 0; }

.date{ background: url(../images/carte/date-bg.gif) no-repeat left top; width: 102px; height: 14px; padding: 4px; color: #FFFFFF; line-height: 14px; text-align: center; }

.thumb1{ width: 75px; height: 75px; border: 1px solid #73321D; background-color: #6F4821; }
.thumb2{ padding: 4px; background: #FFF1D5; border: 1px solid #AB835B; }
.thumb2 img{ border: 1px solid #AB835B; }
a.thumb2:hover{ background-color: #FFFFFF; border: 1px solid #3F3533; }
a.thumb2:hover img{ border: 1px solid #3F3533; }
.thumb3{ padding: 2px; background: #FFF1D5; border: 2px solid #734C25; }
.thumb3 img{ border: 1px solid #AB835B; }



.col1{ float: left; width: 340px; padding: 0 20px 0 0; overflow: hidden; }
.col2{ float: left; width: 340px; overflow: hidden; }

.list1{  float: left; }
.list1 li{ padding: 0 0 0 15px; background: url(../images/carte/pouce1.gif) no-repeat 0 3px; }

table{ margin: 0 0 0 1px;  }
table th, table td { text-align: left; padding: 4px 8px; border: 1px solid #CBA373; }
table tr th { background: #DCBE8C; color: #422005; font-weight: bold; }
table tr td { background: #ecd8b5; color: #422005; }

.retour-btn{ background: url(../images/carte/retour-btn-bg.jpg) no-repeat left bottom; float: left; display: inline; width: 79px; height: 27px; }
.retour-btn:hover{ background-position: left top; }

.browse-btn{
    float: right;
    position: relative;
    height: 16px;
    line-height: 16px;
    border: 1px solid #51141A;

    margin-top: -18px;
    padding: 0 5px;
    z-index: 101;

    background: #220B03;
    color: #FFFFFF !important;
    font-weight: normal !important;
    text-decoration: none !important;
}
.browse-btn-hover{
    background-color: #3F3533;
    color: #FFFFFF !important;
}
#fakefile1, #fakefile2{
     float: left;
     z-index: 100;
     position: relative;
     margin-top: -18px;
}
#image, #document{
    float: left;
    width: 175px;
    height: 18px;
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
    z-index: 102;
}
/*  -------------------------------------------------------------
/*  Listing
-------------------------------------------------------------- */

#listing h1{ font-size: 13px; color: #A22914; background-color: #541C0B; padding: 10px; text-align: left; }
#listing h2{ font-size: 11px; color: #A22914; text-align: left; margin-top: 25px; font-variant: normal; padding: 0; }

#listing a, #listing a:visited{ color: #A22914; text-decoration: none; }
#listing a:hover, #listing a:active{ color: #000000; text-decoration: none; }
#listing #listing-diaporama1{ float: left; width: 700px; height: 176px; background: transparent; }

/*  -------------------------------------------------------------
/*  Details
-------------------------------------------------------------- */

.date-et-prix-btn{ background: url(../images/listing-details/date-et-prix-btn-bg.jpg) no-repeat left bottom; float: left; display: inline; width: 215px; height: 31px; }
.date-et-prix-btn:hover{ background-position: left top; }

.compensation-btn{ background: url(../images/listing-details/compensation-btn-bg.jpg) no-repeat left bottom; float: left; display: inline; width: 215px; height: 31px; }
.compensation-btn:hover{ background-position: left top; }

.fiche-technique-btn{ background: url(../images/listing-details/fiche-technique-btn-bg.jpg) no-repeat left bottom; float: left; display: inline; width: 215px; height: 31px; }
.fiche-technique-btn:hover{ background-position: left top; }

.resume-programme-btn{ background: url(../images/listing-details/resume-programme-btn-bg.jpg) no-repeat left bottom; float: left; display: inline; width: 215px; height: 31px; }
.resume-programme-btn:hover{ background-position: left top; }

.inscription-btn{ background: url(../images/listing-details/inscription-btn-bg.jpg) no-repeat left bottom; float: left; display: inline; width: 215px; height: 31px; }
.inscription-btn:hover{ background-position: left top; }

.projet-developpement-btn{ background: url(../images/listing-details/projet-developpement-btn-bg.jpg) no-repeat left bottom; float: left; display: inline; width: 215px; height: 31px; }
.projet-developpement-btn:hover{ background-position: left top; }

/*  -------------------------------------------------------------
/*  Notre charte
-------------------------------------------------------------- */

.telecharger-charte-btn{ background: url(../images/pages/notre-charte-btn1-bg.jpg) no-repeat left bottom; float: left; display: inline; width: 317px; height: 31px; }
.telecharger-charte-btn:hover{ background-position: left top; }

/*  -------------------------------------------------------------
/*  Contact-Plan
-------------------------------------------------------------- */

.plan-btn{ background: url(../images/pages/contact-btn1-bg.gif) no-repeat left top; float: right; display: inline; width: 480px; height: 107px; }
.plan-btn:hover{ background-position: left bottom; }