body {
    margin: 0;
    padding: 0;
        font-family: Verdana, Arial, Helvetica, serif;
}


#contenant {
/*width : 800px;  */
width : 980px;
height:1000px;
margin:0 0 0 0;
padding: 0 0 0 0;
font-size:13px;
}

#contenu td {
padding-left: 5px;
font-size : 0.8em;
}

/* remplacement frame menu par div menugauche 27-02-08*/
#menugauche{
width:150px;
float:left;
margin:0 0 0 0;
padding: 0 0 0 0;
background: white url('images/arbre.gif') no-repeat;
color:#663333;

}

/* encadre partie droite ecran dans photo-ds 27-02-08*/
#encadre {
    /*width: 630px;*/
        width: 830px;
    height: auto;
    float:right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    }
/* ------------------------------------ */

#encadre h1 {
margin-top : 0px;
}

/* pour pageone et presentation avec menu 24/03/08 */
#texte {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    }


.detail {
    width: 600px;
    height: 130px;
    background-color:white;
    position: absolute;
    top: 40px;
    left: 1px;
    line-height:normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-left:0px;
    overflow: scroll;
}



#cadrephoto{
    position:absolute;
    width:475px;
    height:475px;
    top: 2px;
    left : 170px;
    color: #FFFF00;
    background-image:url(images/imgweek/barre.jpg);
    background-repeat: no-repeat;
    background-position: top right;
   background-color:black;
   text-align:center;
    display: none;
}

#cadrephoto h4 {
margin-top:0px;
margin-bottom:1px;
background-color: transparent;
}


#croix{ float:left;}

#imgweek {
    color: #009900;
    float:right;
    width: 150px;
    height: 120px;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-color: #00CC00;
    font-size: 0.8em;
}

#imgweekg {

    marging-left:350px;
}

#cadrephoto img {
display: block;
margin: 0 auto;
margin-top: 10px;

}



#info1 {
width:99%;
height:60px;
float:left;
font-size:0.8em;
overflow: auto;
border-style: solid;
    border-width: 1px;
    border-color: #00CC00;

}



#message {
width:670px;
height:120px;
float:left;
font-size:0.8em;

border-style: solid;
    border-width: 1px;
    border-color: #00CC00;
}

#mess {
height:100px;
border:solid #B4C1D3 1px;
background:#E5E5E5;
overflow:auto;
}

div#info1 p {
margin-top:-2px;
margin-bottom:7px;
    margin-left:2px;
    margin-right:2px;

}

div#message p {
margin-top:-2px;
margin-bottom:1px;
    margin-left:2px;
    margin-right:2px;
}

div#mess p {

margin-bottom:5px;
    margin-left:2px;
    margin-right:2px;
}

#bouton {
    color: #009900;
    float:right;
    width: 170px;
    height:60px;
    text-align: center;
}

hr {
   margin-top:-5px;
  clear: both;
  visibility: hidden;
}

.visible {
   margin-top:5px;
   clear:none;
  visibility: visible;
  }

.lia {
        list-style-type:circle;
        margin-left : 40px;
        }