/*IPAD LANDSCAPE & big tab */

@media only screen 
and (min-width : 1001px) 
and (max-width : 1024px)
{ 
pspe{font-size:.7em}
#details .droit{padding: 0  12px;width:43%;}
#details .gauche{ padding:0px 25px 0px 0px;vertical-align:top;width:46%}


nav{ text-align:left;font-size:1em;}
nav li {vertical-align:middle;padding: 5px;
		display: inline-block;
		margin-left: 15px;vertical-align:top;
		color: #30200F;/*42596F*/
		}


.soin{height:450px; }




}

/*IPAD PORTRAIT*/

@media only screen 
and (min-width : 761px) 
and (max-width : 1000px)


{ 
   * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }

 body,html {background:#ffffff;   overflow-X: hidden;
        width: auto;
        margin: 0;
        padding: 0;
    }



#pagewrap{border:none; margin:0%; padding:0%;min-width:200px;width:100%}

/*.box{background:#ffffff;width:92%;padding:2%;display:inline-block;vertical-align:top;border:1px solid #999999}*/

banner{position:absolute;text-align:left;font-weight:normal}
banner #ban{clear:both;width:45%;z-index:999;padding-left:5px;position:absolute;margin-top:5px;height:80px;float:left  }
.logo{width:30%}
 
#details{text-align:right;float:right;background-color:#57442A;display:block;position:fixed;width:100%;display:inline-block;
margin:0 auto;font-size:.9em;vertical-align:middle;font-weight:normal;
}
#details .droit{clear:both;width:100%;float:right;text-align:right;color:#FADDA5;vertical-align:middle;background-color:#57442A;}
#details .gauche{width:100%;float:right;text-align:right;color:#FADDA5;vertical-align:top;background-color:#57442A;margin-top:-22px;}





corps h1 {font-size:.7em;color:#000000;margin-top:45px;width:92%;text-align:center}
corps h1 .speH1{font-size:1.2em;text-align:center;color:#000000;text-shadow: 0 1px 1px #ED1E1E}
corps h1 .speH2{font-size:1.2em;text-align:center;color:#000000;text-shadow: 0 1px 1px #FFFFFF;margin-left:40px}
corps .speH3{font-size:.8em;text-align:center;color:#000000;margin-top: 165px;text-shadow: 0 1px 1px #FFFFFF}
corps h1.speH4{font-size:.5em;text-align:center;color:#000000;text-shadow: 0 1px 1px #FFFFFF }
    /* passer body (et tous les éléments de largeur fixe) en largeur automatique */


rdvligne{visibility:hidden}
nav{ visibility:hidden}
#mobMenu{visibility:visible}
#mobMenu{margin-top:550px;position:absolute; width:100%; 
}







#menu-accordeon {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
  width: 100%;
}
#menu-accordeon ul {width:100%;
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
}
#menu-accordeon li {
   background-color:#57442A; 
   /*background-image:-webkit-linear-gradient(top, #DEAD69 0%,#57442A 100%);
   background-image: linear-gradient(to bottom, #DEAD69 0%,#57442A 100%);
   /*border-radius: 6px;*/
   margin-bottom:2px;
   box-shadow: 3px 3px 3px #999;
   border:solid 0px #333A40
}
#menu-accordeon li li {
   max-height:0;
   overflow: hidden;
   transition: all .5s;
   /*border-radius:0;*/
   background: #DEAD69;
   box-shadow: none;
   border:none;
   margin:0
}
#menu-accordeon a,.speli {font-weight:bold;
  display:block;
  text-decoration: none;
  color: #fff;
  padding: 8px 0;
  font-family: 'Raleway';
  font-size:.7em
}
#menu-accordeon ul li a, #menu-accordeon li:hover li a {
  font-size:.9em
}
#menu-accordeon li:hover {
   background: #775C37
}
#menu-accordeon li li:hover {
   background: #999;
}
#menu-accordeon ul li:last-child {
   /*border-radius: 0 0 6px 6px;*/
   border:none;
}
#menu-accordeon li:hover li {
max-height: 15em;
}










#secondmenu,#face{visibility:hidden}

   
corps{clear:both;position:relative; margin-top:-280px;top:0px;z-index:1;text-align:center }

div.transbox {width:100%;color:#ffffff;margin-top: 45px;opacity:0.9;height:330px}
#annonce{ 
clear:both;margin-top: 80px;margin-right:0px;margin-left:0px;
     text-align:center;width:100%;height:350px;
    background: url(../picts/sepia%20couv.jpg) no-repeat center fixed; 
  -webkit-background-size: 95% 80%; /* pour anciens Chrome et Safari */
  background-size: 95% 80%;
}
#debutSoin, .debutSoin{width:100%;margin-top:10px  }
#debutSoin{margin-top:340px}

#debutsoin2{margin-top:340px;background-color:#ffffff;margin-left:0    }

#debutSoin h2, contentP h2, .contentPrincC h2, .middlePrincC h2, .middlePrincC h3 {font-size:1.2em }
.middlePrincC h2  {text-align:left}
.content2, .cent, .sidebar {clear:both;border:1px ridge #DEAD69;
	width: 92%;/*used to be 290px"*/
	text-align:center;font-size:.9em;margin-right:10px;margin-left:10px;
	padding: 5px 10px 5px;font-size:1em;/*height:450px;*/margin-bottom:1px;margin-top:50px;
}



/*.content2 img, .cent img, .sidebar img {width:95%;text-align:center;margin-bottom:20px}*/
.content2 h3, .cent h3, .sidebar h3{margin-top:20px;font-size:1em}
.soin{margin-top:20px;padding:2px;height:250px;font-size:.9em;text-align:center }

.content2 img{width:80%;height:35%;text-align:center;margin-bottom:20px}
.cent img{width:80%;height:35%;text-align:center;margin-bottom:20px}
.sidebar img{width:80%;height:35%;text-align:center;margin-bottom:20px}

.contentPrincC{
	width: 98%;/*used to be 290px"*/
	text-align:justify;font-size:.8em;
	padding:5px;margin-top:20px;vertical-align:top;
}

.middlePrincC {clear:both;border:1px ridge #DEAD69;
	width: 98%; /* Account for margins + border values *//*used to be 294px"*/
	float: left;font-size:.9em;
	padding: 5px 15px 0px 0px;text-align:center;
	margin: 20px 0px 5px 0px;vertical-align:top;
}


#isa {width:100%;text-align:right }
#decla{font-style:oblique;font-size:.7em;float:left;width:100%;padding:15px}
#isadroit{clear:both;float:left;width:100%;margin-left:35px }
#isadroit img{text-align:right}

.profil{clear:both;border:1px ridge #DEAD69;
	width: 92%;font-size:1.2em;
	text-align:center;margin-right:10px;margin-left:20px;
	padding: 15px;/*height:450px;*/margin-bottom:1px;margin-top:30px;
}

corps footer{clear:both;font-size:.6em;font-family:'Raleway';background-color:#57442A;z-index:9;text-align:left;padding-top:5px;padding-bottom:15px;margin-right:5px;padding-right:15px;font-size:1.4em;margin-left:0;margin-right:0;padding-left:0;margin-top:10px;position:relative;height:1000px}

corps footer leftSide{width: 100%;/*used to be 290px"*/
	float: left;text-align:center;color:#ffffff;
	padding: 5px 1px;  }
corps #footlogo{width:25%  }
corps footer centerSide{clear:both;width: 100%; /* Account for margins + border values *//*used to be 294px"*/
	float: left;font-size:.8em;
	padding: 5px 1px;text-align:center;
	margin: 0px 5px 75px 5px;}

corps footer aSide{clear:both;width: 100%;/*used to be 270px"*/
	padding: 5px 5px;text-align:center;
	float: left;}
#FACEDEBOOK{data-width:300px }



#map_canvas {text-align:center;
height: 300px;margin-right:1px;
width: 100%;

}




}





/*tab mid*/

@media only screen 
and (min-width : 567px) 
and (max-width : 760px)




{ 
   * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }

 body,html {background:#ffffff;   overflow-X: hidden;
        width: auto;
        margin: 0;
        padding: 0;
    }



#pagewrap{border:none; margin:0%; padding:0%;min-width:200px;width:100%}

/*.box{background:#ffffff;width:92%;padding:2%;display:inline-block;vertical-align:top;border:1px solid #999999}*/
banner{position:absolute;text-align:left}
banner #ban{clear:both;width:45%;z-index:999;padding-left:5px;position:absolute;margin-top:18px;height:80px;float:left  }
.logo{width:30%}
 
#details{text-align:right;float:right;background-color:#57442A;display:block;position:fixed;width:100%;display:inline-block;
margin:0 auto;font-size:.9em;vertical-align:middle;
}
#details .droit{clear:both;width:100%;float:right;text-align:right;color:#FADDA5;vertical-align:middle;background-color:#57442A;}
#details .gauche{width:100%;float:right;text-align:right;color:#FADDA5;vertical-align:top;background-color:#57442A;margin-top:-25px;}

rdvligne{visibility:hidden}



/*
corps h1 {font-size:.7em;color:#000000;margin-top:5px;width:92%;text-align:left;width:80%}
corps h1 .speH1{font-size:1.2em;text-align:left;color:#000000;text-shadow: 0 1px 1px #ED1E1E;margin-left:0px}
corps h1 .speH2{font-size:.8em;text-align:left;color:#000000;text-shadow: 0 1px 1px #FFFFFF;}
corps .speH3{font-size:.8em;text-align:center;color:#000000;margin-top: 115px;text-shadow: 0 1px 1px #FFFFFF}
corps h1.speH4{font-size:.5em;text-align:center;color:#000000;text-shadow: 0 1px 1px #FFFFFF }
  */  /* passer body (et tous les éléments de largeur fixe) en largeur automatique */

corps #CABINET {padding-bottom:10px;padding-right:160px;height:100px;width:70%;margin-top:-40px;margin-left:-200px}

corps h1 {font-size:.6em;color:#000000;margin:0 auto;margin-top:230px;width:78%;text-align:center;padding-left:1px;padding-top:5px}
corps h1 .speH1{font-size:1.7em;text-align:center;color:#000000;padding-left:5px;text-shadow: 0 1px 1px #ED1E1E;margin-top:-50px;margin-left:-50px}
corps .pespe{ font-size:1.2em;text-align:center;color:#000000;text-shadow: 0 1px 1px #FFFFFF;margin:0 auto;margin-left:-15px}
corps .speH2{font-size:1.1em;text-align:center;color:#000000;text-shadow: 0 1px 1px #FFFFFF;margin:0 auto;margin-left:10px}
corps .speH3{font-size:1em;text-align:center;color:#000000;margin-top: 50px;margin-left:-1px}
corps h1.speH4{font-size:.9em;text-align:center;color:#000000;text-shadow: 0 1px 1px #FFFFFF; }


nav{ visibility:hidden}
#mobMenu{visibility:visible}
#mobMenu{margin-top:500px;position:absolute; width:100%; 
}







#menu-accordeon {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
  width: 100%;
}
#menu-accordeon ul {width:100%;
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
}
#menu-accordeon li {
   background-color:#57442A; 
   /*background-image:-webkit-linear-gradient(top, #DEAD69 0%,#57442A 100%);
   background-image: linear-gradient(to bottom, #DEAD69 0%,#57442A 100%);
   /*border-radius: 6px;*/
   margin-bottom:2px;
   box-shadow: 3px 3px 3px #999;
   border:solid 0px #333A40
}
#menu-accordeon li li {
   max-height:0;
   overflow: hidden;
   transition: all .5s;
   /*border-radius:0;*/
   background: #DEAD69;
   box-shadow: none;
   border:none;
   margin:0
}
#menu-accordeon a,.speli {font-weight:bold;
  display:block;
  text-decoration: none;
  color: #fff;
  padding: 8px 0;
  font-family: 'Raleway';
  font-size:.7em
}
#menu-accordeon ul li a, #menu-accordeon li:hover li a {
  font-size:.9em
}
#menu-accordeon li:hover {
   background: #775C37
}
#menu-accordeon li li:hover {
   background: #999;
}
#menu-accordeon ul li:last-child {
   /*border-radius: 0 0 6px 6px;*/
   border:none;
}
#menu-accordeon li:hover li {
max-height: 15em;
}










#secondmenu,#face{visibility:hidden}

   
corps{clear:both;position:relative; margin-top:-280px;top:0px;z-index:1;text-align:center }

div.transbox {width:100%;color:#ffffff;margin-top: 45px;opacity:0.9;height:320px}
#annonce{ 
clear:both;margin-top: 80px;margin-right:0px;margin-left:0px;
     text-align:center;width:100%;height:350px;
    background: url(../picts/sepia%20couv.jpg) no-repeat center fixed; 
  -webkit-background-size: 70% 80%; /* pour anciens Chrome et Safari */
  background-size: 70% 80%;
}
#debutSoin, .debutSoin{width:100%;margin-top:10px  }
#debutSoin{margin-top:340px}

#debutsoin2{margin-top:340px;background-color:#ffffff;margin-left:0    }

#debutSoin h2, contentP h2, .contentPrincC h2, .middlePrincC h2, .middlePrincC h3 {font-size:1.2em }
.middlePrincC h2  {text-align:left}
.content2, .cent, .sidebar {clear:both;border:1px ridge #DEAD69;
	width: 92%;/*used to be 290px"*/
	text-align:center;font-size:.9em;margin-right:10px;margin-left:10px;
	padding: 5px 10px 5px;font-size:1em;/*height:450px;*/margin-bottom:1px;margin-top:50px;
}



/*.content2 img, .cent img, .sidebar img {width:95%;text-align:center;margin-bottom:20px}*/
.content2 h3, .cent h3, .sidebar h3{margin-top:20px;font-size:1em}
.soin{margin-top:20px;padding:2px;height:250px;font-size:.9em;text-align:center }

.content2 img{width:60%;height:65%;text-align:center;margin-bottom:20px}
.cent img{width:60%;height:65%;text-align:center;margin-bottom:20px}
.sidebar img{width:60%;height:65%;text-align:center;margin-bottom:20px}

.contentPrincC{
	width: 98%;/*used to be 290px"*/
	text-align:justify;font-size:.8em;
	padding:5px;margin-top:20px;vertical-align:top;
}

.middlePrincC {clear:both;border:1px ridge #DEAD69;
	width: 98%; /* Account for margins + border values *//*used to be 294px"*/
	float: left;font-size:.9em;
	padding: 5px 15px 0px 0px;text-align:center;
	margin: 20px 0px 5px 0px;vertical-align:top;
}


#isa {width:100%;text-align:right }
#decla{font-style:oblique;font-size:.7em;float:left;width:100%;padding:15px}
#isadroit{clear:both;float:left;width:100%;margin-left:35px }
#isadroit img{text-align:right}

.profil{clear:both;border:1px ridge #DEAD69;
	width: 92%;font-size:1.2em;
	text-align:center;margin-right:10px;margin-left:20px;
	padding: 15px;/*height:450px;*/margin-bottom:1px;margin-top:30px;
}

corps footer{clear:both;font-size:.6em;font-family:'Raleway';background-color:#57442A;z-index:9;text-align:left;padding-top:5px;padding-bottom:15px;margin-right:5px;padding-right:15px;font-size:1.4em;margin-left:0;margin-right:0;padding-left:0;margin-top:10px;position:relative;height:1000px}

corps footer leftSide{width: 100%;/*used to be 290px"*/
	float: left;text-align:center;color:#ffffff;
	padding: 5px 1px;  }
corps #footlogo{width:35%  }
corps footer centerSide{clear:both;width: 100%; /* Account for margins + border values *//*used to be 294px"*/
	float: left;font-size:.8em;
	padding: 5px 1px;text-align:center;
	margin: 0px 5px 75px 5px;}

corps footer aSide{clear:both;width: 100%;/*used to be 270px"*/
	padding: 5px 5px;text-align:center;
	float: left;}
#FACEDEBOOK{data-width:300px }



#map_canvas {text-align:center;
height: 300px;margin-right:1px;
width: 100%;

}



  }


/*I PHONES*/

@media (max-width: 567px) {
    * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }

 body,html {background:#ffffff;   overflow-X: hidden;
        width: auto;
        margin: 0;
        padding: 0;
    }



#pagewrap{border:none; margin:0%; padding:0%;min-width:200px;width:100%}

/*.box{background:#ffffff;width:92%;padding:2%;display:inline-block;vertical-align:top;border:1px solid #999999}*/
banner{position:absolute;text-align:left}
banner #ban{clear:both;width:45%;z-index:999;padding-left:5px;position:absolute;top:95px;height:80px;float:left;font-weight:normal  }
.logo{width:70%}
 
#details{text-align:right;float:right;background-color:#57442A;display:block;position:fixed;width:100%;display:inline-block;
margin:0 auto;font-size:.9em;vertical-align:middle;font-weight:normal
}
#details .droit{clear:both;width:100%;float:right;text-align:right;color:#FADDA5;vertical-align:middle;background-color:#57442A;font-weight:normal;}
#details .gauche{font-weight:normal;width:100%;float:right;text-align:right;color:#FADDA5;vertical-align:top;background-color:#57442A;margin-top:-25px;}
pspe #ad1::before {
  content: "\A";white-space: pre;
}


rdvligne{visibility:hidden;height:0px}


corps #CABINET {margin:0 auto;padding-bottom:10px;padding-right:30px;height:150px;width:90%;margin-top:-75px}

corps h1 {font-size:.6em;color:#000000;margin:0 auto;margin-top:30px;width:92%;text-align:center;padding-left:1px;padding-top:5px}
corps h1 .speH1{font-size:1.3em;text-align:center;color:#000000;padding-left:55px;text-shadow: 0 1px 1px #ED1E1E;margin-top:10px}
corps h1 .speH2{font-size:.7em;text-align:center;color:#000000;text-shadow: 0 1px 1px #FFFFFF;margin:0 auto;margin-left:3px}
corps .speH3{font-size:.7em;text-align:center;color:#000000;margin-top: 50px;}
corps h1.speH4{font-size:.6em;text-align:center;color:#000000;text-shadow: 0 1px 1px #FFFFFF; }
    /* passer body (et tous les éléments de largeur fixe) en largeur automatique */

nav{ visibility:hidden}
#mobMenu{visibility:visible}
#mobMenu{margin-top:650px;position:absolute; width:100%; 
}







#menu-accordeon {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
  width: 100%;
}
#menu-accordeon ul {width:100%;
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
}
#menu-accordeon li {
   background-color:#57442A; 
   /*background-image:-webkit-linear-gradient(top, #DEAD69 0%,#57442A 100%);
   background-image: linear-gradient(to bottom, #DEAD69 0%,#57442A 100%);
   /*border-radius: 6px;*/
   margin-bottom:2px;
   box-shadow: 3px 3px 3px #999;
   border:solid 0px #333A40
}
#menu-accordeon li li {
   max-height:0;
   overflow: hidden;
   transition: all .5s;
   /*border-radius:0;*/
   background: #DEAD69;
   box-shadow: none;
   border:none;
   margin:0
}
#menu-accordeon a,.speli {font-weight:bold;
  display:block;
  text-decoration: none;
  color: #fff;
  padding: 8px 0;
  font-family: 'Raleway';
  font-size:.7em
}
#menu-accordeon ul li a, #menu-accordeon li:hover li a , #menu-accordeon li:active li a {
  font-size:.9em
}
#menu-accordeon li:hover ,#menu-accordeon li:active {
   background: #775C37
}
#menu-accordeon li li:hover,#menu-accordeon li li:active {
   background: #999;
}
#menu-accordeon ul li:last-child {
   /*border-radius: 0 0 6px 6px;*/
   border:none;
}
#menu-accordeon li:hover li ,#menu-accordeon li:active li {
max-height: 15em;
}










#secondmenu,#face{visibility:hidden}

   
corps{clear:both;position:relative; margin-top:-280px;top:0px;z-index:1;text-align:center }

div.transbox {width:100%;color:#ffffff;margin-top: 35px;opacity:0.9;height:320px}
#annonce{ 
clear:both;margin-top: 70px;margin-right:0px;margin-left:0px;
     text-align:center;width:100%;height:350px;
    background: url(../picts/sepia%20couv.jpg) no-repeat center fixed; 
  -webkit-background-size: 90% 43%; /* pour anciens Chrome et Safari */
  background-size: 90% 43%;
}
#debutSoin, .debutSoin{width:100%;margin-top:10px  }
#debutSoin{margin-top:320px}

#debutsoin2{margin-top:340px;background-color:#ffffff;margin-left:0    }

#debutSoin h2, contentP h2, .contentPrincC h2, .middlePrincC h2, .middlePrincC h3 {font-size:1.2em }
.middlePrincC h2  {text-align:left}
.content2, .cent, .sidebar {clear:both;border:1px ridge #DEAD69;
	width: 92%;/*used to be 290px"*/
	text-align:center;font-size:.9em;margin-right:10px;margin-left:10px;
	padding: 5px 10px 5px;font-size:1em;/*height:450px;*/margin-bottom:1px;margin-top:50px;
}



.content2 img, .cent img, .sidebar img {width:95%;text-align:center;margin-bottom:20px}
.content2 h3, .cent h3, .sidebar h3{margin-top:20px;font-size:1em}
.soin{margin-top:20px;padding:2px;height:450px;font-size:.9em;text-align:center }



.contentPrincC{
	width: 98%;/*used to be 290px"*/
	text-align:justify;font-size:.8em;
	padding:5px;margin-top:20px;vertical-align:top;
}

.middlePrincC {clear:both;border:1px ridge #DEAD69;
	width: 98%; /* Account for margins + border values *//*used to be 294px"*/
	float: left;font-size:.9em;
	padding: 5px 15px 0px 0px;text-align:center;
	margin: 20px 0px 5px 0px;vertical-align:top;
}


#isa {width:100%;text-align:right }
#decla{font-style:oblique;font-size:.7em;float:left;width:100%;padding:15px}
#isadroit{clear:both;float:left;width:100%;margin-left:35px }
#isadroit img{text-align:right}

.profil{clear:both;border:1px ridge #DEAD69;
	width: 92%;font-size:1.2em;
	text-align:center;margin-right:10px;margin-left:20px;
	padding: 15px;/*height:450px;*/margin-bottom:1px;margin-top:30px;
}

corps footer{clear:both;font-size:.6em;font-family:'Raleway';background-color:#57442A;z-index:9;text-align:left;padding-top:5px;padding-bottom:15px;margin-right:5px;padding-right:15px;font-size:1.4em;margin-left:0;margin-right:0;padding-left:0;margin-top:10px;position:relative;height:1000px}

corps footer leftSide{width: 100%;/*used to be 290px"*/
	float: left;text-align:center;color:#ffffff;
	padding: 5px 1px;  }

corps footer centerSide{clear:both;width: 100%; /* Account for margins + border values *//*used to be 294px"*/
	float: left;font-size:.8em;
	padding: 5px 1px;text-align:center;
	margin: 0px 5px 75px 5px;}

corps footer aSide{clear:both;width: 100%;/*used to be 270px"*/
	padding: 5px 5px;text-align:center;
	float: left;}
#FACEDEBOOK{data-width:300px }



#map_canvas {text-align:center;
height: 300px;margin-right:1px;
width: 100%;

}

}