@import url("media.css");


/* colors */
/* dark purple: #874C62    
logo beige: #D7BDA6; 
 very dark purple: #57313E   
 modern blue: #9FA8A3  
 saumon #C98474
 glyphicon size:  fa-2x
  
 é:  é
 è:  è
 ê:  ê
 
 à:  à
 ô:  ô
 î:   î
 ç:  ç
  col-md-offset-right-2
  htmlspecialchars($_SERVER["PHP_SELF"]).
                         // <script>
                      //  setTimeout("window.location.href='visite-a-domicile-pour-chat.php#div1';"1000);
					//	</script>
 */

body{font-family: 'Verdana', sans-serif !important;	color:#000;width:100%!important;margin:0!important; overflow-x: hidden;}
@font-face {    font-family: font1;  src: url(fonts/Neris-Light.otf); }   
@font-face {    font-family: font2;  src: url(fonts/Neris-SemiBold.otf); }   
@font-face {    font-family: font3;  src: url(fonts/bitstream-vera-sans.roman.ttf); }
a.icons:link {font-family: font2  !important; color: #9F4A4F; font-size: 140% !important;  text-decoration: none; }
a.icons:visited {font-family: font2  !important; color: #9F4A4F; font-size: 140% !important;  text-decoration: none; }
a.icons:hover {font-family: font2  !important; color: #46813C; font-size: 140% !important;  text-decoration: underline; }
a.icons:active {font-family: font2  !important; color: #46813C; font-size: 140% !important;  text-decoration: underline; }



.btn_send {border-radius: 5px; padding-top: 1.5% !important; padding-bottom: 1.5% !important;background:#A46C70!important; font-size: 135% !important; color: #ffffff;   }
.btn_send:hover{border-radius: 5px; padding-top: 1.5% !important; padding-bottom: 1.5% !important; background:#CBABAD !important; font-size: 135% !important; color: #000000;   }

.form-check-label  {font-weight: 400 !important;}
label  {font-weight: 400 !important;}

.container-bg {background: #ABC6A7;  margin-top:2% !important; margin-bottom: 2% !important;  }

.title1 {color: #9F4A4F;   font-size: 140% !important;}
.indexbox {border: 1px solid #9F4A4F; font-size: 120% !important; margin-bottom: 1%;  padding:1%; margin-left: 1% !important; margin-right: 1% !important;}
.borderblue {padding: 1%; border-radius: 5px; border: 1px solid #849FBE; }
ol.olvisite  li, ul.olvisite li {margin-bottom: 1% !important; }

.imgborder {border: 1px solid #ccc !important; padding: 5px; background-color: #fff !important; }

.pad-top-10{padding-top:10px;}
.pad-top-20{padding-top:20px  !important;}
.pad-bottom-20{padding-bottom:20px  !important;}
.pad-top-30{padding-top:30px;}
.paddingbottom0 {padding-bottom: 0px !important; }
.paddingbottom5 {padding-bottom: 5px !important; }
.paddingtop5{padding-top: 5px !important; }
.paddingtop0{padding-top: 0px !important; }
.paddingleft1 {padding-left: 1% !important; }
.paddingleft2 {padding-left: 2% !important; }
.paddingleft3 {padding-left: 3% !important; }

.margintop60 {margin-top: 60px; }
.margintop10 {margin-top: 10px; }
.margintop1p {margin-top: 1%; }
.margintop2 {margin-top: 2%; }
.margintop3p {margin-top: 3%; }
.margintop5p {margin-top: 5%; }
.margintop10p {margin-top: 10%   !important;; }
.marginbottom5 {margin-bottom: 5px; }
.marginbottom1 {margin-bottom: 1% !important; }
.marginbottom2 {margin-bottom: 2% !important; }
.marginbottom3 {margin-bottom: 3% !important; }
.marginbottom10 {margin-bottom: 10px !important; }
.marginleft3 {margin-left: 3% !important; }
.marginleft7 {margin-left: 7% !important; }
.marginright3{margin-right: 3% !important; }

.textaligncenter {text-align: center !important; }
.customwidth20 {width: 20% !important; }
.customwidth60 {width: 60% !important; }
.customwidth25 {width: 25% !important; }
.customwidth30 {width: 30% !important; }
.customwidth40 {width: 40% !important; }
.customwidth80{width: 80% !important; }
.customwidth85{width: 85% !important; }
.customwidth90{width: 90% !important; }
.customwidth95{width: 95% !important; }
.customwidth100{width: 100% !important; }

#contact-form {padding: 2% 8% !important;}
#contact-form a:link.email {color: #000 !important; }
#contact-form label {font-weight: 400 !important; }



.biggertext {font-size: 125% !important;  }

ul.catrecipes li {list-style: none; margin-bottom: 2%; border-bottom: dotted 1px #ccc; }
ul.catrecipes li a {color: #000; }
ul.catrecipes li a:hover {color: #9F4A4F; text-decoration: none;}

/* form classes */
.textbox50 {width: 50%;}
.textbox40 {width: 40%;}
.textbox80 {width: 80%;}
.formborder {border: 2px solid #729F98; border-radius: 5px; padding: 0px 1%; margin-bottom: 2%;}
.radiobutton12em {width:1.2em; height:1.2em; }

.leftcolumntags {border: 1px solid #990000; text-align: center; width: 100%; padding-bottom: 1%; margin-bottom: 1%;}



.colorblue {color: #091C65 !important;}
.weightbold {font-weight: bold;}


.shippingfees {background-color: #D9BDB9;text-align: center; margin-bottom: 0.5%;font-size: 1.2em; padding: 1% 0px; border: 2px #cccccc inset;}
.recentboardingpaw {color: #B8429C !important; font-size: 120% !important; }

.formtags {width: 90% !important; margin-left: 5% !important;margin-right: 5% !important; }

ul.pensionpourchats  { list-style-position: inside !important; }
ul.pensionpourchats  li {margin-bottom:1.5% !important;   }


.medaille H4 {font-size: 100% !important; }
/* .medaille {float: left; width: 22%;  text-align: center; padding: 0px; border: 1px solid #CCCCCC; margin: 1%; margin-top: 2%;} */
.medaille {margin-bottom: 2%;  text-align: center;  border: 1px solid #CCCCCC; }
.medailletitle{background: #645143; width: 100%; text-align: center; color: #ffffff; padding: 1% 0px; font-size: 180%; letter-spacing: 2px;}



.borderimage {background-color: #ffffff; padding: 5px; border: 1px solid #CCCCCC; width: 90% !important; margin-left: 5% !important;}
.borderimage40 {background-color: #ffffff; padding: 5px; border: 1px solid #CCCCCC; width: 40% !important; }

.btn-custom {background: #D2BA9C  !important; margin-top: 2% !important;}
.btn-custom:hover {background: #BAD0B7 !important;}

.btn-custom1 {background: #FF8F00 !important; text-align: center !important;}
.btn-custom1:hover {background: #1461D1 !important;}

.btn-custom2 {background: #D2BA9C  !important; margin-top: 2% !important; width: 80% !important; }
.btn-custom2:hover {background: #BAD0B7 !important; width: 80% !important;}



hr.hor1 {
    margin-top: 2% !important; 
    margin-bottom: 0px; 
    border: 0;
    border-top: 1px dotted #874C62;
	width: 80% !important; 
}
hr.hor50 {
    margin-top: 4% !important; 
    margin-bottom: 0px; 
    border: 0;
    border-top: 1px dotted #874C62;
	width: 50% !important; 
}
hr.hor100 {
    margin-top: 2% !important; 
    margin-bottom: 0px; 
    border: 0;
    border-top: 1px dotted #874C62;
	width: 100% !important; 
}
.trio {padding: 5px; background: #FFFFFF; border: 1px solid #CCCCCC;}

#magasinmedaille.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #000000;
    color: #ffffff;
    font-size: 140%; 
}
#magasinmedaille.table-striped>tbody>tr:nth-child(odd)>td {
    background-color: #E0EAEB;
    color: #000000;
}
.redcolor {
  color:#D11B00;
}


.codeborder {border: 1px solid #874C62; }
.redremove {color: #C7131F !important; background-color: #C7131F !important; }
.spacing40 {height: 40px; border: 1px solid #ffffff;}
.width100 {width: 100% !important; }
.blue  { font-size: 130%;    color: #496F82;  font-family: bitstream;     src: url(fonts/bitstream-vera-sans.roman.ttf);  }
.borderbottom  {border-bottom: 1px dashed #000000; padding-bottom: 1px;  font-size: 110% !important;}

fieldset.reservation {padding: 1%; border-radius: 5px; border:  2px solid#DDC2CC; margin-bottom: 2% !important;}

.greenborder {border: 5px solid  #00FF00; box-shadow:         inset 0 0 10px #000000; padding: 1%;}
.blueborder {border: 5px solid  #2700E7; box-shadow:         inset 0 0 10px #333333; margin-bottom: 20px; padding-left: 1%;padding-bottom: 2%;}
.redborder {border: 2px solid  #990000; box-shadow:         inset 0 0 10px #000000;}

li.marginleft20  {margin-left: 20px !important;}

h2.purpletitle	{color: #985E62 !important; font-weight: 400; }
h2.redtitle {color: #990000;  font-weight: 400;}
h2.bluetitle {color: #0033FF !important; font-weight: 400; }
h3.purpletitle {color:#874C62}
h3.bluetitle {color: #0000FF; padding-bottom: 0.3%; border-bottom: #0000ff 1px solid;}
h4.redtitle {color: #990000;  font-weight: 400;}
.btn-blue {background: #0000ff !important; color: #ffffff !important; float: right !important;}
.btn-blue:hover {background: #0000ff !important;  !important; float: right !important;  box-shadow: 0 5px 15px rgba(145, 92, 182, .4);}
}
.innertext2 { width: 98% !important; border: 1px solid #000000 !important;   margin-bottom: 2% !important; border: 1px dotted #874C62 !important; border-radius: 15px !important; padding: 2% !important; }

.list-group li{
  border:  none !important;
 padding-top: 2px !important;  
 padding-bottom: 2px !important; 
}


a.home2:link {     color: #000; }
a.home2:visited {     color: #000; }
a.home2:hover {     color: #874C62; text-decoration: underline;  }
a.home2:active {    color: #874C62; text-decoration: underline;  }

a.linkcart:link {     color: #FF0000; text-decoration: underline; font-weight: bold; font-size: 75%;  }
a.linkcart:visited {    color: #FF0000; text-decoration: underline; font-weight: bold; font-size: 75%; }
a.linkcart:hover {     color: #874C62; text-decoration: underline; font-weight: bold; font-size: 75%;  }
a.linkcart:active {   color: #874C62; text-decoration: underline; font-weight: bold;font-size: 75%;  }

a.sidebarlinks:link {}
a.sidebarlinks:visited {     color: #000; }
a.sidebarlinks:hover {     color: #874C62; text-decoration: underline;  }
a.sidebarlinks:active {    color: #874C62; text-decoration: underline;  }

a.sidebarlinks2:link { font-weight: bold;  font-size: 130% !important;}
a.sidebarlinks2:visited {font-weight: bold;  font-size: 130% !important;}
a.sidebarlinks2:hover {font-weight: bold;  font-size: 130% !important;text-decoration: underline;  }
a.sidebarlinks2:active {font-weight: bold;  font-size: 130% !important; text-decoration: underline;  }

.sidebarlink3 {margin-top: 1%; margin-bottom: 1%; color: #ffffff !important; background: #874C62 !important; padding: 2%; text-align: center !important; }
.sidebarlink3:hover {   box-shadow: 0 0 11px #212121; }

a.sidebarlinks3:link { font-weight: 400;  font-size: 140% !important; color: #ffffff !important; background: #BA9666 !important;  border-radius: 5px; padding: 1% 1% 1% 2%; }
a.sidebarlinks3:visited {font-weight: 400;  font-size: 140% !important; color: #ffffff !important; background: #BA9666 !important; border-radius: 5px; padding: 1% 1% 1% 2%; }
a.sidebarlinks3:hover {font-weight: 400;  font-size: 140% !important;text-decoration:none; color: #ffffff !important; background: #BA9666 !important;border-radius: 5px; padding: 1% 1% 1% 2%;  }
a.sidebarlinks3:active {font-weight: 400;  font-size: 140% !important; text-decoration: none; color: #ffffff !important; background: #BA9666 !important;  border-radius: 5px; padding: 1% 1% 1% 2%; }


table.centertext tr td {text-align: center !important;}
table.centertext tr th {font-size: 120% !important;  text-align: center !important;}

.tooltip-arrow,
.customtooltip + .tooltip > .tooltip-inner {
		font-size: 120% !important;
		}

.salmonpaw {font-size: 1.3em; color: #CA9589; }

/* =========================================================== HEADER =======  */
header .headerlogo {
	width: 100%;   
}
header .phonenumber {
		font-weight: 400;
		font-size: 120%;
		margin-top: 3% !important;
		margin-bottom: 3% !important;
}
header .texte {
		font-weight: 400;
		font-size: 120%;
		margin-top: 0px!important;
		margin-bottom: 0px !important;
}
header p.lead {
		text-align: center; 

}
header .headerrow {   
		margin-bottom: 0 !important;  
		padding-bottom: 0px !important; 
		padding-top: 10px !important; 
}

 
 
 

.btn-green { width: 100% !important; background-color: #00FF00;  font-weight: bold; font-size: 140% !important; }


.liensrapides {font-size: 135%; font-weight: bold; margin-bottom: 5px; text-transform:uppercase;}

.sidebarheader1 {
		color: #ffffff !important;
		background: #7F6239 !important; 
		text-transform: uppercase;
		text-align:center !important;
}
.sidebarheader2 {
		color: #ffffff !important;
		background: #425D81 !important; 
		text-transform: uppercase;
		text-align:center !important;
}
.sidebarheader3 {
		color: #ffffff !important;
		background: #8A2425 !important; 
		text-transform: uppercase;
		text-align:center !important;
}
.sideheader2body {background: #FFFFCC !important;}
	
.sideheader3body {background: #FFF !important;}

ul.recentboarding {
		list-style: none !important;
}
ul.recentboarding li a {
		color: #000000 !important;
}



a.englishwebsite {
    background:#874C62 !important;
    padding:8px 8px;
    color:#ffffff;
}

 a.englishwebsite:hover{
    background:#9FA8A3;
	text-decoration: none; 
}
/*  ======================================================================= navbar  ================================================== */
.navbar li:hover{
    background:#DFE2EB;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus {
    color: #EADED1;   
	font-size: 120% !important; 
	margin-top: 0 !important;
}

.navbar-custom  {
	background: #2F4257  !important;  
	padding-top: 0px !important; 
	padding-bottom: 2px !important;
}

.indeximage {
		float: left;
		width: 30%;
		margin-right: 5px;
}

.welladjust {
	padding: 5px  0px !important;
	line-height: 1.5em !important;
	text-align: center !important;
}

.welltitle {
	font-size: 200%;   
	padding: 2px 10px !important;
	}
.welltitle2 {
	font-size: 175%;   
	padding: 1% 1% 1% 3%!important;

	}

/*  ===================================================================== FOOTER =========================================  */
footer {
	background:  #2F4257;
	color: #fff;
	text-align: center;
	padding: 20px 0;
}
footer a.footerlinks {
		color: #fff;  
		padding-right: 5px; 
}

footer li  { 
	border-right: solid 1px #fff;   
	}
footer li:last-child { border: 0px; }








/* start of lightbox */
.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.column {
  float: left;
  width: 25%;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

img.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}
/* end of lightbox */