@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 {
	color: #000000;
	 width: 100% !important;
       margin: 0% !important;
}

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

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

.textaligncenter {text-align: center !important; }
.customwidth20 {width: 20% !important; }
.customwidth25 {width: 25% !important; }
.customwidth30 {width: 30% !important; }
.customwidth40 {width: 40% !important; }
.customwidth50 {width: 50% !important; }
.customwidth60 {width: 60% !important; }
.customwidth80{width: 80% !important; }
.customwidth85{width: 85% !important; }
.customwidth90{width: 90% !important; }
.customwidth99{width: 99% !important; }  /* do this for the rows */
.customwidth100{width: 100% !important; }

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

.smalllogo {width: 70% !important;  margin: 0 auto; }

.img-box {width: 100% !important;   }

.redtext {color: #FF0019 !important; }

.size-mini {background-color: #E5FBB8; padding: 1%; font-size: 120% !important;  }
.size-sm {background-color: #FFE3E3; padding: 1%;font-size: 120% !important;  }
.size-md  { background-color: #E8D0B3; padding: 1%; font-size: 120% !important; }
.size-lg {background-color: #D7E9F7; padding: 1%; font-size: 120% !important; }

.biggertext {font-size: 125% !important;  font-family: 'Lato', sans-serif  !important;}

.gift {border: 1px solid #cccccc; width: 50%;}

.canada {margin-bottom: 1%; font-size: 1.5 rem; text-align: center; background-color: #CC0000; color: #fff; padding-top: 0.3%; padding-bottom: 0.3%;}

.tagbody {background: #FFF9E7; padding: 1%; }

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

.btn-custom11 {background: #0000FF!important; text-align: center !important; letter-spacing: 1.5px;}
.btn-custom11:hover {background: #0083FF !important;}

.btn-custom-cart {border-radius: 5px; padding-top: 1% !important; padding-bottom: 1% !important;background:#1000FD !important; font-size: 135% !important; color: #ffffff; margin-top: 1% !important; margin-bottom: 1% !important;  border: 1px solid #00F8F9;  }
.btn-custom-cart:hover{border-radius: 5px; padding-top: 1% !important; padding-bottom: 1% !important; background:#00F8F9 !important; font-size: 135% !important; color: #000000; margin-top: 1% !important; margin-bottom: 1% !important; border: 1px solid #1000FD; }



.btn-custom-web:hover{border-radius: 5px; padding-top: 1% !important; padding-bottom: 1% !important; background:#00F8F9 !important; font-size: 135% !important; color: #000000; margin-top: 1% !important; margin-bottom: 2% !important; border: 1px solid #1000FD; }


.messagetag2 { font-family: Monserrat; letter-spacing: 2px; margin-bottom: 1%; font-size: 1em; text-align: left; color: #333333; padding-top: 0.5%; padding-bottom: 0.5%; }


.title1 {color: #0000FF; font-size: 140% !important; }
ol.olvisite  li, ul.olvisite li {margin-bottom: 1% !important; }

.ajoutercollier {margin-left: 2% !important; width: 96% !important;  }
a.headerlinks {
		color: #fff;  
		padding-right: 5px; 
		text-decoration: underline; 
		font-size: 89% !important; 
		padding-top: 1%; 
		margin-bottom: 0.5%;
}
a.headerlinks:hover {color: #FFBDBD; padding-top: 1%; margin-bottom: 0.5%;  }

.maintextbg  {background: #FFFFCC; padding: 1%}

.shippingfees {background-color: #D9BDB9;text-align: center; margin-bottom: 0.5%;font-size: 1.2em; padding: 1% 0px; border: 2px #cccccc inset;}
.shippingfees2 {background-color: #BEFFB5;text-align: center; margin-bottom: 0.5%;font-size: 1.2em; padding: 1% 0px; border: 2px #FF2B55 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;   }

.maintitle2 { padding-left: 20px; margin-bottom: 15px; font-size: 1.5em; letter-spacing: 2px;font-family: Verdana;}
.maintitle { padding-left: 20px; margin-bottom: 15px; font-size: 1.3em; letter-spacing: 2px;font-family: Verdana;}
a.videolink { color: #000000; font-size: 1.3em; letter-spacing: 2px;font-family: Verdana;}



fieldset.scheduler-border {
	font-family: verdana;
	line-height: 1.5em !important; 
    border: solid 1px #DDD !important;
	border-radius: 3px !important; 
    padding: 0 10px 10px 10px;
    border-bottom: none;
	font-weight: 400 !important; 
	background-color: #ffffff !important;
	color: #414141 !important; 
}

legend.scheduler-border {
    width: auto !important;
    border: none;
    font-size: 2.5em !important;
	font-weight: 400 !important; 
	color: #414141 !important; 
}

.tagbg   { background: #F0FFEB; padding: 1%; }




/*   HEADER SECTION */
.header-line {width: 80%; text-align: center; height: 5px; border-bottom: 1px dotted #D4B2BE;   }

.medaille H4 {font-size: 100% !important; letter-spacing: 2px;  font-family: 'Montserrat', sans-serif; line-height: 2rem; }
/* .medaille {float: left; width: 22%;  text-align: center; padding: 0px; border: 1px solid #CCCCCC; margin: 1%; margin-top: 2%;} */
.medaille {box-shadow: 0 5px 5px -5px #B2B2B2; margin-bottom: 2% !important;  text-align: center;  border: 1px solid #D9D9D9; padding-top: 3% !important; border-radius: 5px;  padding-bottom: 3% !important;  background: #ffffff !important; }
.mainpage {background:#FFF9E7 !important; padding-top: 20px !important; margin-top: 3% !important; }




/*  REVIEWS */
.rev-link {font-size: 80% !important; letter-spacing: 2px; }
.rev {margin-left: 5%; font-size: 1.5em; padding-top: 1%; padding-bottom: 2%; text-align: left;  }
.review { background-color: #ffffff;}
.reviews1  {  background-color: #ffffff; text-align: left;  }
.reviews2 { background-color: #ffffff; font-size: 1.5em;padding-top: 2% !important; margin-bottom: 2% !important; margin-left: 2% !important;  font-weight: bold; letter-spacing: 2px;  font-family: 'Montserrat', sans-serif;}
.reviews3 { padding-bottom: 2% !important; background-color: #ffffff; font-size: 1.3em; margin-left: 2% !important;  font-weight: bold; letter-spacing: 2px;  font-family: 'Montserrat', sans-serif;}
.star {color: #ff7a00;  }
.img-review {width: 20%; padding: 5px; border: 1px solid #ccc; }
.review-hr {width: 80% !important; }
.div-rev {text-align: left; margin-left: 5%; font-size: 1.2em;  padding-bottom: 2%;}



.medailletitle{ font-family: 'Montserrat', sans-serif; color: #000 !important;  width: 50%; margin: 0 auto 3% auto;  text-align: center; padding: 3% 0 !important; font-size: 120%; letter-spacing: 2px;}
.medailletitle a {color: #000 !important; }
.medailletitle a:hover {text-decoration: none;  color: #FF8800 !important;  }

.medailletitlered{ background: #E30000; width: 50%; margin: 0 auto 3% auto;  text-align: center; padding: 3% 0 !important; font-size: 120%; letter-spacing: 2px;}
.medailletitlered a {color: #fff !important; }
.medailletitlered a:hover {text-decoration: none;  color: #BDE5BA !important;  }


/*.medailletitle{border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background: #424B54; width: 100%;  text-align: center; padding: 3% 0 !important; font-size: 130%; letter-spacing: 2px;}   */
.tagprice {font-size: 2em !important;  color: #000; }
.pricetag {font-size: 140% !important; letter-spacing: 2px !important; font-weight: bold !important;  }

.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; }

hr.hor1 {
    margin-top: 2% !important; 
    margin-bottom: 2% !important; 
    border: 0;
    border-top: 1px dotted #874C62;
}



/*  CART PAGE */
.freeshipping {color: #E30000; font-size: 1.3em; }
.maincart {background: #FFFDF4!important; padding-top: 20px;  }


/* PAIEMENT PAGE */
.btn-paypal {border: none; cursor: pointer; margin-top: 1.5% !important; margin-bottom: 1.5% !important; }
.paypal-option { padding: 1%; border: 1px solid #E6E6E6;    width: 50%; margin-top: 2% !important; }
 .payment-method {font-size: 2em !important;  font-family: Montserrat;  margin-top: 1% !important; margin-bottom: 2% !important; }
 .paymentpage {font-size: 1.2em !important; margin-top: 3% !important;} 
  .paymentpage2 {font-size: 1.2em !important; margin-top: 0px !important;} 
 
 
 hr.payment {border-top: 1px dotted #D9007E;}
 
 .facture_body {padding: 1%; border: 1px solid #cccccc; margin-bottom: 1%; margin-top: 3%;}
 
 
 
 
.trio {padding: 5px; background: #FFFFFF; border: 1px solid #CCCCCC;}



/*  pages of tags */
 .examples { width: 90%; margin-left:5%; border-bottom: 1px dotted #ccc; margin-top: 1%; }
 
 
 /* SIDEBAR */
.sidebarmenu { padding-left: 4%; line-height: 2em; }
 
#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;
}
.beautifulblue {color: #0000FF;}

.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 {color: #729F98;  font-weight: 400; font-size: 1.7em;}
h2.redtitle {color: #990000;  font-weight: 400;}
h3.purpletitle {color:#874C62}
h3.bluetitle {color: #0000FF; padding-bottom: 0.3%; border-bottom: #0000ff 1px solid;}

.btn-blue {background: #0000ff !important; color: #ffffff !important; float: right !important;}
.btn-blue:hover {background: #0000ff !important;  float: right !important;  box-shadow: 0 5px 15px rgba(145, 92, 182, .4);}


.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: #E30000; text-decoration: underline; font-weight: bold; font-size: 75%;  }
a.linkcart:visited {    color: #E30000; text-decoration: underline; font-weight: bold; font-size: 75%; }
a.linkcart:hover {     color: #008DCA; text-decoration: underline; font-weight: bold; font-size: 75%;  }
a.linkcart:active {   color: #008DCA; 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: 150% !important; color: #ffffff !important; background: #874C62 !important;  }
a.sidebarlinks3:visited {font-weight: 400;  font-size: 150% !important; color: #ffffff !important; background: #874C62 !important;  }
a.sidebarlinks3:hover {font-weight: 400;  font-size: 150% !important;text-decoration:none; color: #ffffff !important; background: #874C62 !important;  }
a.sidebarlinks3:active {font-weight: 400;  font-size: 150% !important; text-decoration: none; color: #ffffff !important; background: #874C62 !important;   }


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 .phonenumber {
		font-weight: bold;
		font-size: 120%;
		margin-top: 3% !important;
		margin-bottom: 3% !important;
}
header .texte {
		font-weight: normal;
		font-size: 120%;
		margin-top: 0px!important;
		margin-bottom: 0px !important;
}
header p.lead {
		font-size: 100% !important; 

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

 
 
 
.btn-default {
	background: #D7BDA6 !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: #373E46 !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;}


.top-bar{
    height:5px;
    background:#874C62;
    margin-bottom:1px;
}


/*  ======================================================================= NAVBAR  ================================================== */



.navbar {  
   background-color: transparent;
   background: transparent;
   border-color: transparent;
   color: #825959 !important; 
}

#verticalline {
	border-left: 1px solid #825959; 
	} 


.navbar-nav > .active > a {  
      color: #393e46 !important;     
	  background-color: #E9F5FA !important; 
	  background: #E9F5FA !important; 

}
.navbar-nav > .active > a:hover {  
	  background-color: #E9F5FA !important;
}

.navbar-nav > .active > li  {
  background: #E9F5FA !important;    

}

.navbar li:hover{
    background:#E9F5FA;  /* dark red */
	color: #393e46;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus {
    color: #393e46;      /* dark red */
	margin-top: 0 !important;
	background: none; 
}

.navbar-custom  {   
margin-bottom: 0 !important; 
padding-bottom: 0 !important;
	background: #fff !important;  
	padding-top: 0px !important; 
	padding-bottom: 2px !important;
	text-align: center !important;
	font-size: 120% !important; 
	font-family: 'Lato', sans-serif !important;
	border-top: 1px solid #DDF0F7;
	border-bottom: 1px solid #DDF0F7;
}
.navbar .navbar-nav {
  display: inline-block !important;
  float: none !important;
  vertical-align: top !important;
}

.navbar .navbar-collapse {
  text-align: center !important;
}

.banana {border-bottom: 2px solid #9B0000;  }







.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%;   
	background: #fff !important; 
	padding: 2px 10px !important;
	}
.welltitle2 {
	font-size: 175%;   
	padding: 1% 1% 1% 3%!important;

	}

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

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

.footertop { background-color: #E9F5FA; }

.footernote {font-size: 1.5em; }

.footernote2 {font-size: 1.2em; }




/* 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 */



/* 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%;}





.recentboardingpaw{color:#b8429c!important;font-size:120%!important; }
ul.recentboarding{list-style:none!important}
ul.recentboarding li a{color:#000!important}


/* collapses the menu on ipads */
  @media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}