/* CSS Document */
									/*---------------------FONTS----------------*/
@font-face {
	font-family:"Century Gothic";
	src:url(../../polices/GOTHIC.TTF) format('truetype');
	font-weight:normal;
}
@font-face {
	font-family:"Century Gothic";
	src:url(../../polices/GOTHICB.TTF) format('truetype');
	font-weight:bold;
}
@font-face {
	font-family:"Century Gothic";
	src:url(../../polices/GOTHICBI.TTF) format('truetype');
	font-weight:bold;
	font-style:italic;
}
@font-face {
	font-family:"Century Gothic";
	src:url(../../polices/GOTHICI.TTF) format('truetype');
	font-style:italic;
}

@keyframes fadein {
  from {
	opacity:0.3;
  }
  
  to {
	opacity:1;
  }
}


/* SAMSUNG GALAXY TAB 10.1	*/
/*@media screen and (max-width: 1280px) and (orientation: landscape), screen and (min-device-width : 768px) and (max-device-width: 1024px) and (orientation: landscape)*/
@media screen and (orientation: landscape)
{
	html {
		height:100%;
	}
	body {
		font-size:1.5vh;
		/*font-family:"Century Gothic";*/
		font-family:"Helvetica";
		width:100%;
		margin:0;
		padding:0px;
		overflow:auto;
	}
    div#return_device {
        display:none;
    }
    
	header {
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		background:rgba(0,0,0,0.4);
		color:rgba(174,165,104,1.00);
		font-size:20px;
		padding:10px;
		z-index:99;
		font-weight:normal;
		height:50px;
		text-transform:uppercase;
	}
	
	footer {
		position:absolute;
		bottom:0px;
		left:0px;
		width:100%;
		height:45px;
		background:rgba(0,0,0,0.3);
		font-size:12px;
		text-align:center;
		display:none;
	}
	
	div.conteneur {
		position:absolute;
		top:0px;
		left:0px;
		background:rgba(0,0,0,0.7);
		width:100%;
		height:100%;
	}
	
	nav {
		position:absolute;
		top:0px;
		left:0px;
		background:rgba(0,0,0,0.9);
		width:50%;
		height:100%;
	}
	select {font-size:1.6vh;}
	.visible {
		opacity:1;
		z-index:999;
	}
	.hidden {
		opacity:0;
		z-index:0;
	}
	
	.label {
		width:60%;
		float:left;
		text-transform:uppercase;
		font-size:1.6vh;
		padding:4px
	}
	
	.bubble {
		min-width:50px;
		border-radius:15px;
		padding:5px 10px;
		/*border:1px solid rgba(149,149,149,1.00);*/
		float:right;
		text-align:center;
		height:3.6vh;
		text-transform:uppercase;
		font-size:1.6vh;
	}
	
	.circle {
		display:block;
		overflow:visible;
		width:50px;
		height:50px;
		border-radius:25px;
		padding:13px;
		border:1px solid rgba(149,149,149,1.00);
		text-align:center;
		text-transform:uppercase;
		font-size:18px;
	}
	
	.square {
		display:block;
		overflow:visible;
		width:8vh;
		height:8vh;
		border-radius:0px;
		text-align:center;
		text-transform:uppercase;
		font-size:2vh;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:80%;
		padding:3vh;
	}
	
	.cell {
		width:20%;
		float:left;
		padding:5px 0px 5px 0px; 
		min-height:30px;
		font-size:14px;
	}
	.cell2 {
		width:14%;
		float:left;
		padding:5px 0px 5px 0px; 
		min-height:30px;
		font-size:14px;
	}
	
	li {
		list-style:none;
		width:100%;
		text-transform:uppercase;
		color:#FFFFFF;
		font-size:20px;
		border-bottom:solid 1px rgba(255,255,255,0.5);
		padding:20px;
		text-align:center;
	}
	li:active {
		background-color:rgba(255,255,255,0.3);
	}
	
	li a {
		text-decoration:none;
		color:inherit;
	}
	
	p {
		text-align:justify;
		line-height:28px;
		margin:0px;
	}
	
	div:focus, input:focus, a:focus  {
		outline:none;
	}
	div, input, footer, header, nav, img, a, li, textarea  {
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		-webkit-transition:all ease-in-out 0.2s;
		-moz-transition:all ease-in-out 0.2s;
		-ms-transition:all ease-in-out 0.2s;
		transition:all ease-in-out 0.2s;
		/*font-family:"Century Gothic";*/
		font-family:"Helvetica";
		outline:none;
	}
	
	div.field input {
		padding:15px;
		background:rgba(24,24,24,1.00);
		border:1px solid rgba(176,150,112,1.00);
		font-size:20px;
		color:rgba(176,150,112,1.00);
		width:100%;
	}
	.title {
		padding:10px;
		text-transform:uppercase;
		font-weight:bold;
	}
	.title_2 {
		text-transform:uppercase;
		font-weight:normal;
		font-size:1.8vh;
		text-align:center;
	}
	.title_grey {
		padding:10px;
		text-transform:uppercase;
		font-weight:bold;
		text-align:center;
		background:rgba(0,0,0,0.3);
        height:5vh;
	}
	
	.full_button {
		/*width:100%;*/
		padding:10px 15px 10px 15px;
		text-transform:uppercase;
		font-size:120%;
		border:none;
		/*cursor:pointer;*/
		opacity:1;
		text-align:center;
		text-decoration:none;
		display:block;
		box-sizing:border-box;
	}
	.full_button:hover, .full_button:active {
		opacity:1;
	}
	
	.blue {
		background:linear-gradient(45deg, #00BCD4, #0062d4);
		color:#FFF;
	}
	.grey {
		background:rgba(54,54,54,0.8);
		color:rgba(255,255,255,1);
	}
	.white {
		background:rgba(255,255,255,1);
		color:rgba(0,0,0,1);
	}
	.green {
		background:linear-gradient(45deg, #9ef43b, #018e07);
		color:#FFF;
	}
	.orange {
		background:linear-gradient(45deg, #FFC107, #ff8700);
		color:#FFF;
		font-weight:bold;
	}
	.red {
		background:rgba(255,0,0,1.00);
		color:rgba(0,0,0,1);
	}
	.black {
		background:rgba(15,15,15,0.7);
		color:rgba(176,150,112,1.00);
	}
	.brown {
		color:rgba(179,154,104,1.00);
	}
	
	.icone {
		width:40px;
		height:40px;
		opacity:1;
	}
	
	
	.case {
		width: calc(50% - 7px);
		height: calc(50% - 7px);
		background-color:rgba(0,0,0,0.5);
		padding:0px;
		position:relative;
		overflow:hidden;
		color:rgba(255,255,255,0.5)
	}
	.case:active {
		/*background-color:rgba(51,51,51,0.2);*/
		box-shadow:rgba(0,0,0,0.5) 1px 1px 3px;
	}
	
	.case div.title_2 {
		padding:20px;
		background:rgba(0,0,0,0.4);
	}
	
	.col_33 {
		width:calc(33.33%);
		height:100%;
		float:left;
		background:rgba(54,54,54,0.2);
	}
	
	.next_prec {
		clear:both;
		width:100%;
		position:absolute;
		bottom:0px;
		left:0px;
		font-size:2vh;
	}
	
	.content_empty {
		 background-image:url(../png/logo-GM-fade.png);
		 background-position:center;
		 background-repeat:no-repeat;
		 background-size:auto;
	}
	
	div#login_div {
	  width:400px;
	  height:350px;
	  display:block;
	  margin:100px auto;
	}
	
	div#div_icone.close {
		background:transparent;
		background-image:url(../png/close_icone.png);
	}
	div#div_icone.open {
		background:transparent;
		background-image:url(../png/menu_icone2.png);
	}
	
	div#content {
		width:100vw;
		height:100%;
		position:absolute;
		top:0px;
		left:0px;
	}
	
	div#global {
		width:100%;
		position:absolute;
		top:0px;
		left:0px;
		overflow:auto;
	}
	
	
	/* FICHIER VETERINAIRE: */
	
	div#fiche div.field {
		overflow:auto;
		font-size:1.6vh;
		background:rgba(0,0,0,0.4);
		border-bottom:1px solid #FAAE02;
	}
	
	div#fiche div.jour {
		float:left;
		width:150px;
		padding:10px;
	}
	
	div#fiche div.horaire {
		float:left;
		width:200px;
		padding:10px;
	}
	div#fiche div.horaire div {
		display:inline-block;
		width:60px;
		text-align:center;
	}
	/*   CSS DES OPTIONS:  */
	
	.visiteEnCours {
		background:url(png/visiteEnCours.png);
		background-position:right bottom;
		background-repeat:no-repeat;
		background-size:auto;
		background-color:rgba(0,0,0,0.5);
	}
	.medicament {
		background:url(png/medicament.png);
		background-position:90% 100%;
		background-repeat:no-repeat;
		background-size:auto;
		background-color:rgba(0,0,0,0.5);
	}
	.paiement {
		background:url(png/paiement.png);
		background-position:left bottom;
		background-repeat:no-repeat;
		background-size:auto;
		background-color:rgba(0,0,0,0.5);
	}
	
    #return_device {
        display:none;
    }

}

@media screen and (max-width: 800px) and (orientation: portrait){
  .facet_sidebar {
    display: none;
  }
}

@media screen and (orientation: portrait) {
    * {
        display:none;
    }
    html, body, #return_device {
        display:block;
    }
    #return_device {
        height:15vw;
        width:15vw;
        margin:calc(50vh - 7.5vw) 42.5vw;
    }
    
}