body{
   margin: 0;
   padding: 0;
   background:url(img/body.png)
}
/*************  images liées et survol des liens **************/
a img{border: 0;}
.box .inbox ul li a:hover, #intro #pub a:hover{color: #055900}

/**********************************************************************************************************
*                                  STRUCTURE de la PAGE                                                   *
**********************************************************************************************************/
/************ Cadre Principal *********/
#fone{
   margin: 10px auto;
   padding: 0;
   width: 915px;
   background:url(img/phone.jpg) repeat-y 0 0;
}

/************ Header *********/
#header{
   margin: 0;
   padding: 0;
   height: 275px;
   position:relative;
   background:url(img/header.jpg) no-repeat 0 0;
}

/************ Corps de page *********/
#main{
   margin: 0;
   padding: 0;
   background:url(img/main.jpg) repeat-y 248px 0;  
}

/************ Menu Gauche *********/
#leftbar{
   margin: 0;
   padding: 83px 7px 30px 47px;
   width: 176px;
   float: left;
   background:url(img/leftbar22.jpg) no-repeat 0 0;
}

/************ Content *********/
#content{
   margin: 0 45px 0 248px;
   /*margin: 0 45px 0 245px;*/
   padding: 0;
}


/************ Footer *********/
#footer{
   margin: 0;
   padding: 38px 45px 0 248px;
   height: 177px;
   clear: both;
   text-align: center;
   background:url(img/footer.jpg) no-repeat 0 0;
}

/**********************************************************************************************************
*                                  MISE EN FORME DU CONTENU                                               *
**********************************************************************************************************/

/*********************************************************
*             CONTENU HEADER                            *
*********************************************************/
#header a span{display: none;}
#header a { position:absolute; height: 61px;right: 35px; width: 175px;}
#header a#sit { top: 55px; height: 56px;}
#header a#for { top: 123px; width: 160px;}
#header a#lor { top: 190px;}


/*********************************************************
*             CONTENU LEFTBAR                            *
*********************************************************/

/************ Boites Menu*********/
.box{
   margin: 0;
   padding: 0;
   background:url(img/box.jpg) repeat-y 0 0;
}
.box .inbox{
   margin: 0;
   padding: 0 0 20px 0;
   background:url(img/boxfoot.jpg) no-repeat 0 100%;
}
.box #lastbox {
    background:url(img/boxend.jpg) no-repeat 0 100%;
    min-height: 100px;
    margin: 0;
    padding: 0 0 20px 0;
}

/************ Titres rubriques *********/
.box .inbox h2{
   margin: 0;
   padding: 15px 0 0 0;
   font: bold 13px  Arial, Helvetica, sans-serif;
   color: #000000;
   text-align:center;
   background:url(img/boxtop.jpg) no-repeat 0 0;
   height: 15px;
}

/************ Listes a puce *********/
.box .inbox ul{
   margin: 0 15px 0 25px;
   padding: 14px 0 20px 0;
   font: bold 13px  Arial, Helvetica, sans-serif;
   color: #006600;   
   line-height:18px;
   list-style: none;
   /*text-transform: capitalize;*/
}
/************ Liens *********/
.box .inbox ul li a{
   margin: 0 0 0 0;
   padding: 0 0 0 3px;
   color: #006600;
   text-decoration:none;
   vertical-align:top;
   font-size:12px
}

.coffre{
  background-image:url(images/coffre.jpg);
  background-repeat:no-repeat;
  height: 66px;
  width: 60%;
}

.unites{
  text-align:center;
  font: bold;
  font-size:11px;
  color: #000000;
  width: 40%;
}
/*********************************************************
*             CONTENU CONTENT                            *
*********************************************************/

/************ Boite intro *********/
#intro{
   margin: 0;
   padding: 0;
   background:url(img/intro2.jpg) no-repeat 0 0;
   height: 155px;
}

#intro1{
   margin: 0;
   padding: 0;
   background:url(img/intro1.jpg) no-repeat 0 0;
   height: 155px;
}


/************ Formulaire Connexion *********/
#intro form{
   margin: 0 5px 0 0;
   padding: 15px 0 0 97px; 
   position:relative;
}
#intro form p{
   margin: 0;
   padding: 0;
}
#intro form p #log, #pass{
   margin: 0 0 0 48px;
   padding: 0 0 0 3px;
   width: 106px;
   height: 14px;
   border: 0;
   background: none;
   font-size:10px;
}
#intro form p a{
   margin: 0;
   padding: 0;
   position:absolute;
   height: 15px;
}
#intro form p a span{ display: none;}
#intro form p a#lostpass{ width: 107px; right: 85px;}
#intro form p a#register{ width: 52px; right: 20px;}

/************ Banniere Pub *********/
#intro #pub{
   margin: 0;
   padding: 10px 0 5px;
   text-align: center;
   font: 11px "Trebuchet MS";
   color: #792c07;
}

/************ Newsletter *********/
#intro #pub a{ text-decoration:none; color: #187a13;}
#intro #pub span{ display: block; margin-top: 3px;}


/************ Titre Contebnt *********/
#content h2{
   margin: 0;
   padding: 19px 0 0 0px;
   font: bold 10px  Arial, Helvetica, sans-serif;
   color: #792c07;
   text-transform:uppercase;
   letter-spacing: -1px;   
   background:url(img/h2content.jpg) no-repeat 0 0;
   /*height: 21px;*/
   min-height:21px;
   text-align: center;
}

#content h4{
   margin: 0;
   padding: 19px 0 0 0px;
   background:url(img/h4content.jpg) no-repeat 0 0;
   /*height:19px;*/
}

/************ Paragraphes et titres de niveau inferieur *********/
#content blockquote{
   margin: 0;
   padding: 5px  15px;
   text-align:center;
   font-family: Arial, Helvetica, sans-serif 
}
#content blockquote .p1{
   font-size: 0.8em;
   color:#555555;
}
#content blockquote .p2{
   font-size: 0.7em;
   padding: 0 60px;
}
#content blockquote h3{color: #ff1c1c}


/*********************************************************
*             CONTENU FOOTER                           *
*********************************************************/
#footer {font: bold 9px  Arial, Helvetica, sans-serif;color: #792c07;text-transform:uppercase;}
/*************** applet Google ****************/
#footer span{display: block; margin-top: 5px;}

/*tableau top10*/
#top10 table {
border-style:solid; 
border-width:1px; 
border-color:green;
border-collapse:collapse;
}
#top10 td { 
border-style:solid; 
border-width:1px; 
border-color:green;
}

#langue td {
background:url(ENG/images/publangue.jpg) ;
background-repeat:no-repeat;


}

#pubtop10 td {
background:url(images/pubtop10.jpg) ;
background-repeat:no-repeat;

}