@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);

a{
font-family: 'Raleway', serif;text-decoration: none;padding:0px 0px;
color:#000000;font-weight:bold;font-size:1em;
}
a:hover, .hov{color:#A7422B}
div,h2{font-size:1.6em;font-family:'Raleway'}
h1{font-size:1.3em;font-family:'Raleway'}
h1 .speH1{font-size:1.2em;text-align:center;margin-left:-80px}
h1 .speH2{font-size:1.1em;text-align:center}
.speH3{font-size:1.2em;text-align:center}
h2,h3{margin-left:10px;font-family:'Raleway'}
p{font-family:'Raleway';font-size:1.2em;margin-left:20px;margin-right:20px   }
pspe{font-size:.9em;color:#5B1B05;margin-left:10px ;font-family:'Raleway'}
body{margin: 0 !important;
    padding: 0 !important;}

#titre{margin-top:10px;font-family:Raleway;font-weight:bold;font-size:1.3em  }


pagewrap {background-color:#fffbdc;
/*	padding: 5px;*/
	width: 100%;border:0;margin:0px auto; padding:0px; /*used to be 940px*/
/*margin: 0px auto;/* used to be 20px*/
}
banner{margin:0 auto;position:fixed;width:100%;text-align:left;z-index:9999;top:0px;float:left }



banner #details{background-color:#57442A;color:#FADDA5;z-index:9;text-align:left;float:left;
width:100%;height:30px;margin:0 auto;padding-bottom:9px;padding-top:9px;font-size:1.2em;vertical-align:middle;font-weight:bold
}
#details .droit{width:425px;float:right;padding: 0  7px;width:41%;text-align:right;color:#FADDA5;vertical-align:middle;}
#details .gauche{ /*width:615px;*/float:left;width:52%;text-align:left;color:#FADDA5;display:block;float:left;padding:0 3px;vertical-align:middle;z-index:9;}

rdvligne{font-size:.9em;font-weight:bold;border:2px solid red;width:150px;background-color:red;color:#ffffff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}

banner #ban{clear:both;width:25%;z-index:999;padding-left:-25px;position:absolute;top:30px;height:180px;float:left; }
.logo{width:60%}


#pag{color:#FFFFFF;font-weight:bold;font-family: 'Raleway', serif; background:#775C37;color:#FFFFFF;padding: 2px;text-align:center; }

nav{ padding:20px;width:80%;position:relative;float:right;text-align:right;font-size:1.4em;z-index:100;font-style:bold;background-color:#ffffff;color:#30200F;font-family:'Raleway';border:1px ridge #DEAD69 }

nav:hover{color:#000CCC  }

nav li {vertical-align:middle;padding: 5px;
		display: inline-block;
		margin-left: 15px;vertical-align:top;
		color: #30200F;/*42596F*/
		}
nav ul{margin:0;
 padding:0;color: #30200F;
 list-style-type:none;
 text-align:center; 
	}

nav ul li{z-index:2;
position:relative;}

nav li a  {z-index:12;width:80px;
 color:#30200F;
 }

nav li a:hover {z-index:12;
 color:#A7422B;
 }

nav ul li ul  {list-style-type:none;display:none;
position: absolute;z-index:5; margin-top: 0px;
  margin-bottom: 0px; width:auto;
  top: 30px;text-align:left;
  left:5px;background:#775C37;
 font-size:.8em;
 }



nav ul li ul li a{z-index:15;color:#FADDA5;width:235px;
text-align:left;font-weight:normal;margin-left:0px;display:block;font-size:.9em;padding:0px;padding-left:15px;margin-bottom:0px;margin-top:0px
}


nav ul li ul li a:hover{font-size:.9em;color:#FFFFFF;
z-index:5; margin-top: 0px;
  margin-bottom: 0px;
 }




nav ul li:hover ul {
 display:block;z-index:15;white-space:normal;
 width:auto;text-align:left;
 text-decoration:none;
 padding:4px; margin-top: 0px;
  margin-bottom: 0px;
 }


nav li:hover ul li {z-index:15;
 float:none; margin-top: 0px;display:block;
  margin-bottom: 0px;left:-35px;
 }



#map_canvas {float:right;margin-right:-5px;text-align:right;
height: 300px;
width: 300px;

}



.soinsrapides{background-color:#000000;color:#ffffff;font-family:'Raleway';font-size:1em;list-style-type:none;width:27%;   }
#annonce .soinsul{background-color:#000000;color:#ffffff;font-size:.8em;list-style-type:none;width:20%;height:160px;padding-top:5px;padding-bottom:5px;float:left; }

.menuracc ul li {display:none}
.menuracc li a{font-weight:normal;margin:0; padding:0;}
.menuracc li a:hover {color:#775C37;}
.menuracc li:hover ul li{display:inline;margin-left:30px;position:relative }
.menuracc li:hover ul {margin:0; padding:0; left:0;position:relative;top:0;width:580px;background-color:#000000 }

corps{clear:both;position:relative; top:100px;z-index:1;background-color:#FFFFFF; }


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

corps footer leftSide{width: 30%;/*used to be 290px"*/
	float: left;text-align:center;color:#ffffff;
	padding: 5px 15px;  }
corps footer centerSide{width: 31%; /* Account for margins + border values *//*used to be 294px"*/
	float: left;
	padding: 5px 15px;text-align:center;
	margin: 0px 5px 5px 5px;}
corps #footlogo{width:55%  }


corps footer aSide{width: 30%;/*used to be 270px"*/
	padding: 5px 5px;text-align:center;
	float: left;}


.back-to-top {
background: none;
margin: 0;
position: fixed;
bottom: 0;
right: 0;
width: 2em;
height: 40px;
z-index: 100;
display: none;
text-decoration: none;
background-color:  #FFFFFF;
}
.up{width:1.5em;position:absolute;right:3px;bottom:15px;z-index:101}


contentM{clear:both;float:left;text-align:center;margin-top:5px }
contentP{clear:both;float:left;margin-left:10px;text-align:center;margin-top:5px; }
#debutsoin,.debutsoin{ margin-top:-210px;background-color:#ffffff;margin-left:0   }

.debutsoin2,.debutsoin22, .debutsoin23{margin-top:-210px;background-color:#ffffff;margin-left:0px;padding:15px;display:table    }
.debutsoin2 #colleft, .debutsoin22 #colleft, .debutsoin23 #colleft{ padding-left:0px;display:table-cell;width:60%;vertical-align:top }
.debutsoin2 #colleft2, .debutsoin22 #colleft2, .debutsoin23 #colleft2{padding-left:0px;display:table-cell;width:60%;vertical-align:top }

.topcell{border:0;vertical-align:bottom}
.cachimage{border:0}
#cachimage {visibility:hidden}
.debutsoin2 #col3, .debutsoin22 #col3, .debutsoin23 #col3 {padding-left:0px;display:table-cell;width:60%;vertical-align:top }
 /*#col3 #col4{ padding-left:0px;display:table-cell;width:40%;vertical-align:top }
 #col3 #col5{ padding-left:0px;display:table-cell;width:20%;vertical-align:top }*/



.debutsoin2 #colright, .debutsoin22 #colright, .debutsoin23 #colright{padding-left:0px;display:table-cell;margin-left:150px;vertical-align:top}
.colright{padding-left:0px;margin-left:15px;vertical-align:top;font-size:1.2em}
#parole{font-style:oblique;font-size:.9em;margin-left:15px;padding-right:30px}
#coeur{font-size:1em}

.just{text-align:justify}

.soin{background-color: #DEAD69; text-align:left;padding:10px;height:370px;font-size:1em  }
.profil{background-color: #DEAD69; text-align:justify;padding:10px;  }

.content2 {clear:both;
	width: 30%;/*used to be 290px"*/
	float: left;text-align:center;font-size:.9em;
	padding: 5px 10px 10px;font-size:1em;/*height:450px;*/margin-bottom:1px;margin-top:50px;
}


.cent {
	width: 31%; /* Account for margins + border values *//*used to be 294px"*/
	float: left;font-size:0.6em;/*height:450px;*/
	padding: 5px 10px 10px;text-align:center;/*border:2px solid #000000;
padding-top: 25px;
    padding-right: 50px;
    padding-bottom: 25px;
    padding-left: 50px;

margin: 25px 5px 5px 5px;
*/
	font-size:1em;margin-bottom:1px;margin-top:50px;margin-left:5px;margin-right:5px;
}

.sidebar {
	width: 30%;/*used to be 270px"*/
	padding: 5px 19px;text-align:center;
	float: left;font-size:1em;/*height:450px;*/margin-bottom:1px;margin-top:50px;
}



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

.middlePrincC {
	width: 45%; /* Account for margins + border values *//*used to be 294px"*/
	float: left;font-size:.9em;
	padding: 5px 15px 0px 0px;text-align:left;
	margin: 20px 0px 5px 0px;vertical-align:top;
}
#isa {width:100%;text-align:right }
#decla{font-style:oblique;font-size:.8em;float:left;width:50%;padding:15px}
#isadroit{float:right;width:40%;margin-left:35px }
#isadroit img{text-align:right}
div.transbox {
   /* margin-top: 10px;margin-right:200px;margin-left:75px;
    background-color: #DEAD69; text-align:center;width:85%;height:375px;
    opacity: 0.5;
    filter: alpha(opacity=60); /* For IE8 and earlier */
clear:both;margin-top: 80px;margin-right:25%;margin-left:15%;
    background-color: #DEAD69; text-align:center;width:850px;height:375px;
    opacity: 0.5;

}

div.transbox p {
    margin: 5%;padding-right:5px;padding-left:15px;padding-right:15px;
    font-weight: bold;font-family:'Raleway';font-size:.9em;
    color: #000000;
}





.col1{text-align:left;font-family: 'Raleway', serif;font-weight:bold}
.col2{text-align:left;font-family: 'Raleway', serif;font-weight:bold}
.inp{width:90%;font-family: 'Raleway', serif;}









/*I PHONES*/
@media (max-width: 1024px) {
    * {
        -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;}
banner #ban{clear:both;width:45%;z-index:999;padding-left:5px;position:absolute;margin-top:50px;height:80px;float:left  }
.logo{width:60%}
 
#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}

h1 {font-size:1em;color:#ffffff;margin-top:65px; }
h1 .speH1{font-size:.9em;text-align:left;color:#000000}
h1 .speH2{font-size:.8em;text-align:left;color:#000000}
.speH3{font-size:.8em;text-align:center;color:#000000;margin-top: 55px;}
    /* passer body (et tous les éléments de largeur fixe) en largeur automatique */



nav{ visibility:hidden;height:10px;margin-top:-10px;z-index:-1}
#retour{visibility:visible;padding-right:2px;width:30px;margin-top:10px}











#secondmenu,#face{visibility:hidden}

   
corps{clear:both;position:relative; top:100px;z-index:1;margin:0px auto; }

div.transbox {width:100%;color:#ffffff;margin-top: 30px;opacity:0.9;height:350px}
#annonce{ 
clear:both;margin-top: 40px;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: 100% 50%; /* pour anciens Chrome et Safari */
  background-size: 100% 50%;}


#ALIRE{position:absolute;
top:80px;
right:0px  }

#debutSoin, .debutSoin{width:100%;margin-top:10px  }
#debutSoin{margin-top:340px}
contentP{clear:both;float:left;margin-left:10px;text-align:center;margin-top:5px;width:100% }
.debutsoin22{margin-top:500px;background-color:#ffffff;width:100% padding:5px;display:block  }
.debutsoin22 #colleft{ float:left;width:95%;text-align:center;margin-left:0px }
.debutsoin22 #colleft2{ float:left;width:95%;text-align:left;margin-left:0px; }
.debutsoin22 #colright{clear:both;float:left;width:100%;text-align:center ;margin-left:0px}


.debutsoin23{margin-top:300px;background-color:#ffffff;width:100% padding:5px;display:block  }
.debutsoin23 #colleft{ float:left;width:95%;text-align:center;margin-left:0px }
.debutsoin23 #colleft2{ float:left;width:95%;text-align:left;margin-left:0px; }
.debutsoin23 #colright{clear:both;float:left;width:100%;text-align:center ;margin-left:0px}

.debutsoin2{margin-top:45px;background-color:#ffffff;width:100% padding:5px;display:block  }
.debutsoin2 #colleft{ float:left;width:95%;text-align:center;margin-left:0px }
.debutsoin2 #colleft2{ float:left;width:95%;text-align:left;margin-left:0px; }
.debutsoin2 #colright{clear:both;float:left;width:100%;text-align:center ;margin-left:0px}
#laby{margin-top:-20px}
#cachimage {visibility:visible;width:65%;padding:10px }
.topcell{border:0;vertical-align:top;width:100%}
.botcell{border:0;vertical-align:top}
.botcell img{visibility:hidden;height:1%;width:1%}


.just{text-align:left}



haut{clear:both;margin:0 auto;text-align:justify:margin-left:10px}
haut p{clear:both;margin:0 auto;text-align:center;margin-left:10px;width:100% }
#parole{ width:95%;margin-top:20px;text-align:left }
#call{text-align:left  }



#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:410px;font-size:.9em;text-align:center }



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

.middlePrincC {clear:both;
	width: 98%; /* Account for margins + border values *//*used to be 294px"*/
	float: left;font-size:.9em;
	padding: 5px 15px 0px 10px;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-family:'Raleway';background-color:#57442A;z-index:9;text-align:left;padding-top:5px;padding-bottom:15px;font-size:1.4em;margin-left:0;margin-right:0;padding-left:10px;position:relative;height:1000px;width:100%}

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;
	padding: 5px 1px;text-align:center;font-size:.8em;
	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%;

}

}