/*  */

html {
 background :#FFF8F1;

}

body {
    color: #333333;
    line-height:1.5em;
    font-family:  Arial, sans-serif;
    text-align: justify;
    background-color: #EEE4C0;
    font-size:x-small;
    /* voice-family :"\"}\"";
    */ voice-family : inherit;
    font-size:11px;
    width : 940px;
    margin : auto;
  }

h1, h2, h3, h4, h5, p, ul, li{
margin :0;
padding:0;
}

#t_formation-massage-sportif{display:none;}

h1{color : #666666;}

h3 a {text-decoration :none;}

ul {margin-left : 40px;}
h3 {margin-top : 10px;}

/* SMB hack for IE 5*/

html>body {
    font-size: 12px;
    /* be nice to opera */;
  }

.deep-purple {
    color: rgb(63, 38, 107);
  }
em {font-weight : bold;}

#navigation {
    color: white;
    font-size: 9px;
    line-height: 16px;
    background-color: rgb(218, 220, 193);
    text-align: center;
    letter-spacing: 6px;
    margin-bottom: 0px;
    height: 16px;
  }

#t_massages{
margin-top : 0px;
}


acronym {
    font-style: italic;
    border: 0px;
    cursor: help;
  }


.intro-page-b, .intro-page, .titre-droite {
    color :#5C4E3D;
    font-size : 18px;
    font-style : italic;
    font-weight : bold;
    min-height : 24px;
    text-align : right;
    margin-top : 5px;
    margin-right : 15px;
  }

.intro-page, .titre-droite {
    clear : both;
    
}

.intro-page{font-size :25px;}

a[name] {
    text-decoration: none;
    font-weight : normal;
  }
#references {
 display: none;
}


a {
    color :#654B2D;
    text-decoration: none;
}

.lien-fin{
font-weight : normal;
}

a:visited {
    font-size : 1.0em;
}

a:hover, 
#index #t_index a,
#massages #t_massages a,
#acces #t_acces a,
#contact #t_contact a,
#praticiens #t_praticiens a,
#approche #t_approche a,
#tarifs #t_tarifs a,
#informations #t_informations a,
#liens #t_liens a, 
#entreprises #t_entreprises a,
#anti-stress #t_anti-stress a,
#relation-aide #t_relation-aide,
#agenda-tarifs #t_agenda-tarifs a,
#formateurs #t_formateurs a,
#formation-massages #t_formation-massages  a,
#formation-massage-californien #t_formation-massage-californien a,
#formation-massage-sur-chaise #t_formation-massage-sur-chaise a,
#formation-shiatsu #t_formation-shiatsu a,
#formation-relaxation-coreenne #t_formation-relaxation-coreenne a,
#formation-massage-thai #t_formation-massage-thai a,
#formation-reflexologie #t_formation-reflexologie a,
#formation-massage-suedois #t_formation-massage-suedois a,
#formation-massage-deep-tissue #t_formation-massage-deep-tissue a,
#formation-massage-sportif #t_formation-massage-sportif a,
#formation-massage-future-maman #t_formation-massage-future-maman a,
#formation-anatomie-massage #t_formation-anatomie-massage a
{
    color : #91795D;
    color :red;
    text-decoration: underline;
  }


a:focus {
    color : #ff0000;
    font-size : 1.0em;
  }

.super {
    position: relative;
    bottom : 0.5em;
    font-size:0.8em;
  }



.element-de-menu, .titre-element-de-menu{
    border-style: none none solid none;
    border-color: #cccccc;
    border-width: 0px 0px 1px 0px;
    margin: 0px;
    font-size : 11px;
    padding-left :10px;
    text-transform:uppercase;
    text-align : left;
    line-height : 25px;
  }


#t_index.element-de-menu{
   background : url("IMG/home-1.png") no-repeat 0 0;
   height : 35px;
   border-color : #cccccc;
   border-radius : 10px;
   -moz-border-radius : 10px;
   -webkit-border-radius : 10px;
   padding-left : 45px;
   padding-top : 5px;
}

.titre-element-de-menu{
  font-weight : bold;
  background :orange;
  border-top-right-radius : 10px;
  border-top-left-radius : 10px;
  -moz-border-radius-topright : 10px;
  -moz-border-radius-topleft : 10px;
  -webkit-border-top-left-radius : 10px;
  -webkit-border-top-left-radius : 10px;
  border-style : none;
  color : #fff;
}
#t_newsletter.element-de-menu,
#t_supervision.element-de-menu,
#t_approche.element-de-menu, .fin-menu{
   border-color : #cccccc;
   border-radius : 10px;
   -moz-border-radius : 10px;
   -webkit-border-radius : 10px;
}



.element-de-menu:hover,
#t_index.element-de-menu:hover,
#t_bulletin.element-de-menu:hover,
#t_supervision.element-de-menu:hover,
#t_approche.element-de-menu:hover{
   background :#E2DBFC;
   border-radius : 10px;
    border-style: solid solid solid solid;
    border-color: rgb(255, 255, 255);
    border-width: 0px 1px 1px 1px;
}

#t_index.element-de-menu:hover{
  background: #E2DBFC url("IMG/home-1.png") no-repeat 0 0
}
.element-de-menu a {
    text-decoration : none;
  }

.element-de-menu:hover a{

}

.element-de-menu a:focus {
    color : #ff0000;
  }


.villes {
    color : #3f266b;
    font-style : normal;
    font-weight : bolder;
    letter-spacing : 3px;
    text-align : center;
  }

  .wrap  {
  width: 240px;
  float:left;
}
  
  .col-gauche {
  text-align: right;
  text-decoration: none;
  height: auto;
  padding : 0px;
  background :#ECDED1;
  border-radius : 10px;
  -moz-border-radius : 10px;
  -webkit-border-radius : 10px;
  margin: 0px;
  margin-top :20px;
  
}
.boite-demi-la{
   background : #EEE4C0;
   width : 49%;
   margin :0;
   text-align : left;
   float : left;
  border-radius : 10px;
  -moz-border-radius : 10px;
  -webkit-border-radius : 10px
} 

.marge {
position : relative;
margin-top : 10px;}

.contenu-boite-demi-la ul{
 margin-top : 15px; 
}
.contenu-boite-demi-la-d {
  border : solid 1px #cccccc;
  padding : 5px;  
}

.contenu-boite-demi-la{
 margin : 8px;  
}

img {
    border-radius : 10px;
    -moz-border-radius : 10px;
    -webkit-border-radius : 10px;
    border-style: none;
}


.suite .boite-demi-la {
}

.part2{ 
 margin : 0;
 padding :0;
}

.part2 .boite-demi-la{
  margin :0;
  padding :0;
}

.part2 .boite-demi-la a{
   border : none;
}



.part3 .boite-demi-la{
 margin :0;
 padding :0;
 margin-top : 1%;
 float : right;
 margin-top : 80px;
}

.part3{ 
 margin : 0;
 margin-top : 10px;
 padding :0;
}

.part1{ 
 margin : 0;
 padding :0;
}

.part1 .boite-demi-la{
  float : right;
  margin-left : 2%;
 }

.part1 img{
  margin-left : 50px;
}

.pubs table{
  width : 88px;
}

.pubs li {
float : left;
padding : 15px 20px;
}

.wrap-mil, .container{ float : right;   width : 700px;}
.col-milieu, .content {
    background-color : #ffffff;
    float : left;
    height : auto;
    border-left-color : #F06347;
    border-color : #cccccc;
    border-style : solid;
    border-width : 1px;
    padding : 8px;
    border-radius : 10px;
    -moz-border-radius : 10px;
    -webkit-border-radius : 10px;
    margin: 5px;
    margin-right :0px;
    margin-top :15px;
    
  }

#index .col-milieu {
    background-color : #ffffff;
    
}

.boite {
    height : auto;
    text-decoration : none;
    margin: auto;
  }


.emphase, #ateliers em {
    color : gray;
    font-style : italic;
    font-weight : bold;
  }

.emphase2{
  color : rgb(82, 140, 37);
  font-style : normal;
  font-weight : bold;
  }

.boite-de-referencement {
    padding-top:10px;
    padding-bottom:10px;
  }


.boite-de-referencement li {
    list-style-type: none;
    padding-top:10px;
  }


.boite-a-gauche {
    float : left;
    margin-bottom : 15px;
    margin-left : 20px;
    margin-right : 20px;
    margin-top : 0px;
    text-align : center;
    width : 70%;
  }


.boite-a-la-ligne {
    clear : both;
  }


.titre-d-image {
    text-align : center;
    margin-top : 0.5em;
    margin-bottom : 2.0em;
    width : 100%;
    clear : left;
  }


.texte-centre {
    text-align:center;
  }


.texte-justifie {
    text-align : justify;
  }


.boite-a-droite {
    float:right;
    width:45%;
  }
.spacer {clear : both}

#pied-de-page {

    color: #gray;
    font-size: 11px;
    line-height: 16px;
    background-color: rgb(218, 220, 193);
    text-align: center;
    height: 18px;
    float : right;
    width : 100%;
    margin-top : 5px;
  }

#pied-de-page p{
    color: gray;
    font-size: 11px;
    text-align: center;
    height: 18px;
    margin : 0;
    padding :0;
 }

.haut-droit {
  float : right;
  height : 20px;
  margin : 0;
  padding :0;
}

.wrap-en-tete{
   float : left; 
   width : 940px; 
   height : 182px; 
}
.en-tete {
    background: #fff url("IMG/logo-o-massage-formation.jpg") no-repeat 140px 0px;
    height : 180px;
    padding :0px;
    margin :0;
    margin-top : 5px;
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;			

}

.en-tete span{
    display:none;
}

h1 span {
    display: none;
  }

.titre-en-tete-double{
   margin :0;
   padding :0;
   position : absolute;
   top : 65px;
   margin-left : 50px;
   font-size : 22px;
   font-weight : normal;
   line-height : 1.5em;
   text-align : center;
   font-family : 'Amaranth',georgia, serif;
}

.titre-en-tete-simple{
   position : absolute;
   top : 80px;
   padding-left : 0px;
   font-size : 26px;
   font-weight : normal;
   line-height : 1.2em;
   text-align : center;
   font-family : 'Amaranth', georgia, serif;
   width : 600px;
}




h2, h3, ._h3, #praticiens ._h3{
    color : #91795D;
    font-weight : normal;
    font-size : 14px;
    line-height : 1.2em;
    margin-top : 10px;
    margin-bottom : 0.0em;
  }
  .__h3{     
  color : #91795D;
  font-weight : normal;
  font-size : 16px;
  line-height : 1.2em;
  margin-top : 1.5em;
  margin-bottom : 0.0em;
}
h3, ._h3, #praticiens ._h3{
   clear:both;
}

h2.intro-page, h2.intro-page-b{
   font-size:20px;
   color : #A21D03;
   font-style : normal;
   font-weight : normal;
   font-family : 'Amaranth',sans-serif,Tahoma;
}

#praticiens ._h3 {
   margin : 5px 0px;
   text-align : center;
}

h5 {
    text-align:center;
    border-top:solid 1px rgb(63, 38, 107);
    border-top:solid 1px rgb(82, 140, 37);
  }


p {
    margin-top : 0.2em;
  }


.note {
    color : black;
    font-size : 0.8em;
    font-style : normal;
    line-height : 1.3em;
  }


.note h4 {
    color : black;
    font-size : 1.0em;
    font-style : normal;
    font-weight : bold;
    line-height : 1.3em;
    margin-top : 2.0em;
    margin-bottom:0.1em;
  }

  
.col1 { width : 25%;}
.col2 { width : 35%;}
.col3 { width : 15%;}


caption {
    background-color: #ECDED1;
    color : #91795D;
    font-weight : 600;
    border : solid 1px #cccccc;
    padding :0;
    line-height : 200%;
  }



table {
    width:520px;
    text-align:center;
    border-collapse : collapse;
    margin : auto;
  }


td {
    border:1px solid rgb(218, 220, 193);
    padding:0;
}

td p {
margin : 0;
}


#Meta-Referencement {
    float:right;
    margin-top:1em;
    padding:0px;
    width:200px;
    height:6em;
    background-color:#BFBFBF;
    font-size:11px;
    text-align:center;
    border:2px solid #888888;
    color:#000000;
  }

#cabinets {
     clear : both;
     width : 100%;
     text-align : center;
     margin : 0;
     padding : 0px; 
}

#cabinets .wrapper{
    padding : 0px;
    padding-bottom : 50px;
    margin : 0;
}

.cabinet {
    font-size : 12px;
    font-weight : bold;
}


ul  {
    list-style-type : none;
  }


#reseau_amis {
    clear : both;

  }

.nouveau, .highlight-1 {
    font-size : 1.1em;
    font-weight : bold;
    font-style: normal;
    color : rgb(205, 0, 0);
  text-align : center;
}

.saison , .highlight-2{
    text-align : center;
    font-size : 1.2em;
    font-weight : bold;
    color : rgb(63, 38, 107);
}


.titre-droite {
  padding : 5px;
}

#les-ateliers{
    width : 100%;
    height : 35em;
    margin : 10px 0px 20px 0px;
    font-size : 0.9em;
    background-color: rgb(218, 220, 193);
}



.formule-formation {
   padding-left : 15px;
   font-size : 1.0em;
   font-weight : bold;
    color : #C30005;
}

#renseignements {
    clear : both;
}

.a-la-ligne {
    clear : both;
    height : 10px;
}

#refseo{
   clear: left;
   text-align :center;
   width: 100%;
}


.p1, p.p1, h1.p1 {
 color :#8F0909;
 font : bold 1em verdana, arial, sans-serif;
 text-align : center;
}

ul.p1 {
 color :#A8532E;
 font-size : 1em;
 text-align : left;
}

ul.p1 li{
    line-height : 20px; 
}

.p2 {
 font : italic 100% arial, sans-serif;
 text-align : center;
 color : gray;
}

.p3 {
 font : bold 180% arial, sans-serif;
 text-align : center;
 color : gray;
 padding :0;
 margin :1px;
}

.p4{
 font : bold 140% arial, sans-serif;
 text-align : center;
}
.p5{
 font : normal 80% arial, sans-serif;
 text-align : center; 
 margin :0;
 padding :0; 
}

.p6{text-align : center;
    font : bold 120% sans-serif;
    background :#ECDED1;
}
h3.p6{margin-bottom : 10px;}


.petit-texte{
   font : normal 11px arial, sans-serif;
   text-align : center;
   padding :0px;
   margin :0;
   margin-top :5px;
}
.petit-texte a img{
   border : 0px;
} 

.petit-texte a:hover  {
   border : 0px;
   color : red;
}

.petit-texte span{
    padding-left : 3px;
    color : gray;
}

#special-2 .petit-texte {
   text-align : left;
}

.encart-droit{
text-align : center;
font : bold italic 22px times, serif;
color : #A798D9;
margin-top : 100px;
}

.encart-droit p, .encart-droit h1 {
margin : 0px;
border : 0px;
}

#petit-texte {
font-size : 12px;
line-height : 140%;
margin : 0;
padding: 0;
margin-top : 10px;
margin-bottom : 10px;
}

.retour {
     float : right;
     margin-bottom : 5px;
}

.retour, .retour:visited {
    text-decoration: none;
    border : none;
    color : #ffffff;
}

#bulletin {
   color : white;
   font-weight : normal;
   background : #80A080;
  }

#bulletin a {
   color : #FFF8F1;
   font-weight : bold;
   background : #80A080;
  }
.photo {
 float : right;}

.sous-menu{
  padding : 0;
  margin :0;
  border-style: none ;
  background :#ECDED1;
 
}

.sous-menu ul{
  padding : 0;
  margin :0;
  position : absolute;
  margin-top : -25px;
  margin-left :180px;
  z-index : 1000;
  width : 235px;
  visibility :hidden ;
}

.sous-menu ul li{
  padding : 0;
  margin :0;
  height : 20px;
  visibility :hidden ;
  background :#ECDED1;
}
.sous-menu ul li:hover{
background :#E2DBFC;
}


#t_formation-massages:hover .sous-menu ul{

}
#t_formation-massages:hover .sous-menu ul li {
  visibility : visible;
  height : 20px;
  line-height : 15px;
  font-size : 9px;
  padding-left : 5px;
  padding-top : 5px;
  z-index : 10000;
  border : solid 1px white;
  border-top : 0;
}

.soc-net{
   margin-top : 10px;
}

.en-semaine{
background: #FFE69F;}

.total {background: #EBF9DF}

.module{background : #C9FBFF}

.contactez-nous {
   margin : 15px 0 ;
   padding-bottom : 15px;;
   background : #ffffe0;
   border-radius : 10px;
  -moz-border-radius : 10px;
  -webkit-border-radius : 10px;
  width : 90%;
  margin: auto;

}

.contactez-nous p.p1{
   line-height : 2em;
   color : #333333;
   font-family : georgia, times, serif;
   font-size : 14px;
   font-style : italic;
   font-weight : normal;

}

.contactez-nous p.p2, .contactez-nous:visited  p.p2{
   font-style : normal;
   font-weight : bold;
   line-height : 2.5em;
   background :orange;
   width : 60%;
   margin : auto;
   border-bottom : 1px solid #dddddd;
   text-shadow:0 -1px 1px rgba(0,0,0,0.25)
}

.contactez-nous a p.p2{
   text-decoration : none;
   font-size : 14px;
   fontweight : bold;
   border-radius : 5px;
   -moz-border-radius : 5px;
   -webkit-border-radius : 5px;
   color:#ffffff;
   margin-top : 10px;
   box-shadow : 0px 1px 3px #FFA500;
   -moz-box-shadow:0px 1px 3px #FFA500;
   -webkit-box-shadow:0px 1px 3px #FFA500;
}

.contactez-nous a{
   text-decoration : none;
}

.contactez-nous a:hover p.p2 {
   background : #F3A007;

}

.liste-2 a span{
   font-family : 'Amaranth';
   font-size : 14px;
   color : #8F0909;
}

li.liste-2 {
  line-height : 1.2em;
  margin-top : 12px;
  width : 90%;
}

#formation-massages .col-milieu div p{
   width : 90%;
   margin : auto;
   
}

#formation-massages .col-milieu div ul{
    width : 90%;
    margin-left : 45px;
}

.consultez-agenda {
  width : 60%;
  margin:auto;
  margin-top : 15px;
  margin-bottom : 15px;
  box-shadow : 0 0 10px #ECDED1;
    border-radius : 10px;
   -moz-border-radius : 10px;
   -webkit-border-radius : 10px;
   line-height : 2em;
}

.consultez-agenda>a{  margin-left : 10px;}

.email {
   background : url("IMG/email.png") no-repeat 0 2px;
}

.phone {
   background : url("IMG/phone.png") no-repeat 0 2px;
}

.email a{margin-left : 20px;}

.phone  {padding-left : 20px;}

/*////////Ajout Lionel/////////*/
/*Bouton Postez temoignage*/
.post_comment {
/*margin : 15px 0 ;*/
padding-bottom : 15px;
/*background : #ffffe0;*/
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
width : 70%;
margin: auto;
}

.post_comment p.p1{
line-height : 2em;
color : #333333;
font-family : georgia, times, serif;
font-size : 14px;
font-style : italic;
font-weight : normal;
}

.post_comment p.p2, .post_comment:visited  p.p2{
font-style : normal;
font-weight : bold;
line-height : 2.5em;
background :orange;
width : 60%;
margin : auto;
border-bottom : 1px solid #dddddd;
text-shadow:0 -1px 1px rgba(0,0,0,0.25)
}

.post_comment a p.p2, .post_comment span p.p2{
text-decoration : none;
font-size : 14px;
fontweight : bold;
border-radius : 5px;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
color:#ffffff;
margin-top : 10px;
box-shadow : 0px 1px 3px #FFA500;
-moz-box-shadow:0px 1px 3px #FFA500;
-webkit-box-shadow:0px 1px 3px #FFA500;
}

.post_comment a{
text-decoration : none;
}

.post_comment a:hover p.p2 {
background : #F3A007;

}

.bouton{
cursor:pointer;
}