/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
html{
	height:90vh!important;
}
#leftside{
	background-color:transparent;
	width:15px;
	position:fixed;
	z-index: 99999999;
	top:0px;
	left:0px;
	height:80vh;
}
.ohloader {
	position : fixed;
	z-index: 99999999;
	
	
	/*background-color:white;*/
	
	top : 0px;
	left : 0px;
	height : 100%;
	width : 100%;
	cursor : wait;
}
.table-responsive td{
	vertical-align: middle;
	text-align:left;
}
label{
	margin-top:10px;
	font-weight:600;
}

.p-radio.p-radio-xxl {
	font-size: 250%;
	line-height:130%;
}
.iframe{
	width: 100%;
	height:90vh;
}

#monForm input[type="submit"]{
	/*position:fixed; 
	bottom:20px;
	left:20px;*/
}
input {

}

.listeoptions ul{
	margin:0;
	padding:0!important;
	
}
.listeoptions li{
	margin:0;
	padding:10px 0;
	
	text-align:center;
	line-height:1.2em!important;
}


.imagefiche{
	width:200px!important; 
	height:200px!important; 
	
	background-repeat:none; 
	background-size:cover; 
	background-position:center center; 
	border:3px white solid;
	margin:0 auto;
}


.imagemenu{
	width:240px!important; 
	height:60px!important; 
	border-radius:50%;
	background-repeat:none; 
	background-size:cover; 
	background-position:center center; 
	
	
}
.imagefichemd{
	background-repeat:none; 
	background-size:cover; 
	background-position:center center; 
	border:3px white solid;
	margin:-50px auto 0 auto;
	
	width:150px!important; 
	height:150px!important; 
}
#nomanimal h1{
	font-size:0.8em;
	color:white!important;
}
.afixe{
	font-size:1em; 
	font-weight:300;
	display:inline-block;
}
.enteteanimal{
	background-position:center center; 
	background-size:cover; 
	
}
.enteteanimalmd{
	background-position:center center; 
	background-size:cover; 
	max-height:150px; 
	padding-top:10px;
}
@media (max-width: 768px) {   /* SMARTPHONE */
	.hidden-xs{
		display:none!important;
	}
	.text-center-xs{
		text-align:center!important;
	}
	.imagefiche{
		width:90px!important; 
		height:90px!important; 

	}
	.imagefichemd{
		
		margin:0px auto 0 auto;
		width:90px!important; 
		height:90px!important; 
	}
	.enteteanimalmd{
		background-position:center center; 
		background-size:cover; 
		max-height:200px; 
		padding-top:30px;
	}
	#nomanimal *{
		text-align:center;
	}
	#nomanimal h1{
		font-size:1.3em;
	}
	.afixe{
		font-size:1em; 
		font-weight:300;
		display:block;
	}
	section{
		margin-left:0;
		margin-right:0;
		padding-left:0;
		padding-right:0;
	}
	.row{
		margin:0; 
		padding:0; 
	
	}
	.container, .row, .page-content{
		margin:0; 
		padding:0px;
	}
	.iframe{
		width: 100%;
		height:90vh;
	}
	#monForm h1{
		text-align:center!important;
	}

}

@media (min-width: 768px) {   /* MD */
	.d-md-none{
		display:none!important;
	}
	#monForm input[type="submit"]{
	/*	position:fixed; 
		bottom:20px;
		right:100px;*/
	}
	.imagefiche{
		width:200px!important; 
		height:200px!important; 

	}
	
}

@media (min-width: 992px) {  /* LARGE LG */
	.d-lg-none{
		display:none!important;
	}
}


@media (min-width: 1200px) {  /* XL */
	.d-xl-none{
		display:none!important;
	}
}

.col-3{
	margin:0; 
	padding:0; 
}