html {
   margin:auto;
   padding:0;
}

body {
 margin: auto;
 width:860px;
 background : #ccc;
 background : transparent url("IMG/dot-white.jpeg") repeat-y left;
}

#contenant-principal{
   text-align : center;
   margin :0;
   padding :0;
   padding-top : 50px;
   text-align : left;
   color:#923D29;
   background : transparent url("IMG/fleur-sans-texte.jpg") no-repeat right 150px;
}

#massage-bebe #contenant-principal{
background : transparent url("massage-bebe/IMG/bb200.jpg") no-repeat right 180px;
}


h1, h2, h3, p,* {
padding : 0;
margin :0;
}


h1{
   padding-top: 20px;
   font:  1.4em georgia, serif;
   color :   #86C479;
}


.en-tete,  #en-tete{
   margin :0px;
   height : 100px;
   background : #86C479 url("IMG/logo-temps-bien-etre-333x100.jpeg") no-repeat right;
}

.en-tete div , #en-tete div{
    background : transparent url("IMG/dot-white.jpeg") repeat-y  scroll left;
   height : 100px;
}

#evenementiels .titre-en-tete,
#liens .titre-en-tete,
#tarifs .titre-en-tete,
#competences .titre-en-tete,
#relaxcor .titre-en-tete,
#precautions .titre-en-tete,
#prestations .titre-en-tete, 
#accueil .titre-en-tete, 
#le-shiatsu .titre-en-tete,
#californien  .titre-en-tete,
#massage-bebe .titre-en-tete{
   color : #fff;
   text-align : left;
   padding-top : 20px; 
   margin-left : 20px;
   font : italic 2em georgia, times,serif ;
}


#menu-onglets{
   background-color : #fff;

}

#contour-menu-onglets{
   float :right;
   background : #fff url("IMG/dot-white.jpeg") repeat-y  left 0px;
}

a{
   color : #86C479;
   padding : 4px;
   text-decoration : none;
   font : 1em arial, helvetica, sans-serif;
}

a:hover {
     text-decoration : underline;
}


#menu-onglets a{
   display : block;
   padding : 4px;
   color : #86C479;
   text-decoration : none;
}


#menu-onglets ul{
   list-style-type : none;
   font-size : 14px;
}

#menu-onglets li{
   float : right;
   margin : 0px 2px 0px 2px;
   display : block;
   border : solid 1px #86C479;
   border-top : none;
}

#menu-onglets li.actif a{
    background-color  : #86C479;
    color : #fff;
    font-weight : bold;
}

#menu-onglets a:hover {
     text-decoration : underline;
}


#nav ul{
        position : absolute;
        margin: 0;
        padding :0;
        width : 10em;
        left : -900em;
}

#nav li:hover ul, #nav li.sfhover ul{
   left : auto;
   width : 10em;
   padding : 0;
   margin-left: 3px;
   margin-top : 1px;
}

#nav li:hover ul li,#nav li.sfhover ul li {
   width : 10em;
   background : #fff;
}


#contenu-principal {
   width : 75%;
   color:#923D29;
   background :#fff url("IMG/dot-white.jpeg") repeat-y  left 0px;
}


#zone-de-texte {
 /*  background-color : #000 ;*/
    width : 85%;
}



#extras{
   clear: both;
   padding : 10px 10px;
}

#extras ul {
	float : left;
	list-style-type : none;
}
#extras ul li{
float : left;
padding : 8px;
}

#texte-support {
   float : left;
   width : 100%;
   text-align : center;
   font:  18px/25px georgia, times, serif ;
   background :  url("IMG/dot-white.jpeg") repeat-y  left 0px;

}


#texte-support .nom-propre{
     font-style : oblique;
     font-weight : normal;
}


.titre-en-tete span{
    display : none;
}
.sous-titre-en-tete span{
   display : none;
}


#support-pied-de-page {
   clear : both;
   width : 100%;
}

#pied-de-page {
   background :  url("IMG/dot-white.jpeg") repeat-y  left;
}


#pied-de-page ul {
   margin-top : 5px;
   padding-left : 20%;
   background : #fff;
   text-align : center;
   float : left;
   background : #efe url("IMG/dot-white.jpeg") repeat-y  left 100px;
   width : 80%;
}

#pied-de-page a{
   display : block;
   font : bold 12px georgia  ;
   color : #86C479;
}   

#pied-de-page ul{
  list-style-type : none;
 
}


#pied-de-page ul li{
  float : left;
  padding : 8px;
}

.p1 , .p2, .p3, .p4 ,.p5, .p6, .p7{
   padding-left : 20px;
   padding-top : 10px;
   text-align : left;
   font-size : 1em;
   font-weight : normal;
   font-family : georgia;
}
.p2 {
   text-align : center;
}

.p3 {
   font: normal 0.8em/1.0em georgia;
}


h2 {
    padding-top : 10px;
    font : bold 1.2em georgia
}
#references {
display: none;
}