/*TABLETTE*/

@media (max-device-width: 900px){ 
	.plus_graphe{
		display:none !important;
	}
	
	#graphe_morpho{
		display:none;
	}
	#index{
		margin-left:-60px;
	}
	#IdDivMorpho{
		display:block;
		margin-top:2%;
	}
	
	.image-popup-fit-width{
		display:inline-block !important;
	}
	
	#Top{
		display:none;
	}
	
	#image_info_taureau{
		width: 100%;
	    display: inline-block;
	    margin-left: 10%;
	}
	
	.infos{
		margin-left: 10%;
		border-bottom: none !important;
		min-height: 0px !important;
	}
	
	.fusion-sticky-header-wrapper{
		height:0px;
	}
	
	.fusion-page-title-bar .fusion-page-title-bar-none .fusion-page-title-bar-left{
		min-height: 0px;
		max-height: 0px;
	}
	
	#haut{
		display:none;
		border:1px solid #00ACD9;
		border-radius: 5px;
		padding-bottom: 2%;
	}
	
	#hautMobile{
		display:block !important;
		border-right: 3px solid #00ACD9;
		border-left: 3px solid #00ACD9;
		border-bottom: 3px solid #00ACD9;
		border-radius: 5px;
	}
	
	#autre_phrase{
		margin-left: 10%;
	}
	
	
	#infos_data{
		display: block;
		width: 100%;
	}
	
	#DerniereInfo{
		margin-top: 5%;
		margin-left: 10%;
		width: 80%;
	}
	
	#photo_info_taureau {
		display: block;
		width: 100%;
	}
	
	.photos{
		width: 100%;
	}
	
	#carrousel{
		display: none;
	}
	
	
	.data_infos{
		display: inline-block;
		word-wrap: break-word;
		width:30%;
		vertical-align: 30px;
	}
	
	.data_infos p:nth-child(2n){
		display: inline-block;
		color: #00acd9;
		padding-right: 2%;
	    padding-left: 20%;
	}

	
	.date_sig{
		width:80%;
		max-height: 40px;
	}
	
	#genealogie_pedigree {
     	width: 100%; 
     	display: block;
	}
	
	#idDivGenealogie {
	    display: block;
	    width: 100%;
	    margin-left: 10%;
	}
	
	#pedigree_pdf{
		/*display:none;*/
		margin-top: 5%;
		width:85%;
		margin-left:7%;
	}
	
	.imgPdfNormande{
		width: 28px !important;
	}
	
	.taureauPedigree{
		margin-left: 5%;
	}
	
	#taureauInteresse_pdf_mobile{
		margin-top: 5%;
		width:85%;
		margin-left:7%;
		margin-bottom : 15px;
	
	}
	

	.taureauPedigree button, #taureauInteresse button, #ficheTaureau button {
		font-size:0.7em !important;
	}
	
	.imgFavori{
		width: 28px !important;
	}
	
	#ficheTaureau_pdf{
		/*display: none;*/
		margin-top: 5%;
		width:85%;
		margin-left:7%;
	}
	
	#ficheTaureau_pdf .imgPdfNormande{
		width:28px!important;
	}
	
	#taureauInteresseMobile{
		margin-left: 5%;
		display : inline;
	}
	
	#taureauInteresseMobile button{
	font-size: 0.7em !important;
	font-weight: bolder !important;
	}
	
	#morphologie {
	    width: 100%;
	    margin-top: 40px;
	    clear: both;
	}
	
	.plus_graphe {
		right:70%;
	}
	
	#index_tab {
    	display: inline-block;
   		width: auto;
	}
	
	#div_gauche{
		width: 100%;
	}
	#div_droite{
		width: 100%;
		display: block;
		float: none;
	}
	
	.titre{
		width: 100%;
	}
	#graphe_morpho {
    	width: 100%!important;
	}
	
	.fusion-body .fusion-page-title-bar {
    	min-height: 0px!important;
    	height: 0px!important;
	}
	
	#gbox_gridTypage{
		max-height: 175px;
		overflow: auto;
	}
	
	
	#index_morpho_lib{
		width: 200px;
	}
	
	#index_morpho{
		width: 225px;
	}
	
}


/* FORMAT TABLETTE PORTRAIT*/

@media (min-device-width: 900px) and (max-device-width: 1280px) and (orientation: portrait) { 
	
	.plus_graphe{
		display:none !important;
	}

	.fusion-sticky-header-wrapper{
		height:0px;
	}
	
	.fusion-page-title-bar .fusion-page-title-bar-none .fusion-page-title-bar-left{
		min-height: 0px;
		max-height: 0px;
	}
	
	#haut{
		border:1px solid #00ACD9;
		border-radius: 5px;
		padding-bottom: 2%;
	}
	
	
	.infos{
		border-bottom: none !important;
		min-height: 0px !important;
	}
	
	#autre_phrase{
		margin-left: 10%;
	}
	
	
	#infos_data{
		display: block;
		width: 100%;
	}
	
	#DerniereInfo{
		margin-top: 5%;
		margin-left: 10%;
		width: 65%;
	}
	
	#image_info_taureau{
		width: 100%;
	    display: block;
	    margin-left: 10%;
	}
	
	#photo_info_taureau {
		display: block;
		width: 100%;
	}
	
	.photos{
		width: 50%;
	}
	
	#carrousel{
		display: none;
	}
	
	
	.data_infos{
		word-wrap: break-word;
		width:28%;
	}
	
	.data_infos p:nth-child(2n){
		display: inline-block;
		color: #00acd9;
		padding-right: 2%;
	    padding-left: 20%;
	}

	
	.date_sig{
		margin-top: 5%;
		width:60%;
		max-height: 40px;
	}
	
	#genealogie_pedigree {
     	width: 100%; 
     	display: block;

	}
	
	#idDivGenealogie {
	    display: block;
	    width: 100%;
	}
	
	#pedigree_pdf{
		display:none;
		/*margin-top: 5%;
		width:85%;
		margin-left:7%;*/
	}
	
	.imgPdfNormande{
		width: 28px !important;
	}
	
	.taureauPedigree{
		margin-left: 5%;
	}
	
/* 	#taureauInteresse_pdf_mobile{ */
/* 		margin-top: 5%; */
/* 		width:85%; */
/* 		margin-left:7%; */
/* 	} */
	

	.taureauPedigree button, #taureauInteresse button {
		font-size:0.9em !important;
	}
	
	.imgFavori{
		width: 28px !important;
	}
	
	#ficheTaureau_pdf{
		display: none;
	}
	
	#taureauInteresse{
		margin-left: 5%;
	}
	
	#morphologie {
	    width: 100%;
	    margin-top: 40px;
	    clear: both;
	}
	#index_morpho_lib{
		width: 200px;
	}
	
	#index_morpho{
		width: 225px;
	}
	.plus_graphe {
		right:70%;
	}
	
	#index_tab {
    	display: inline-block;
   		width: auto;
	}
	
	#div_gauche{
		width: 100%;
	}
	#div_droite{
		width: 100%;
		display: block;
		float: none;
	}
	
	.titre{
		width: 100%;
	}
	#graphe_morpho {
    width: 100%!important;
	}
	
	.fusion-body .fusion-page-title-bar {
    	min-height: 0px!important;
    	height: 0px!important;
	}
	#gbox_gridTypage{
		max-height: 175px;
		overflow: auto;
	}
}

/* FORMAT TABLETTE PAYSAGE*/

@media (min-device-width: 900px) and (max-device-width: 1279px) and (orientation: landscape) { 
		.infos_data{
			width:25%!important;
		}
		#image_info_taureau{
			width:30%;
		}
		.photos{
			width:100%;
		}
		#idDivGenealogie{
			margin-top:15%;
		}
		.branch .lv3{
			display: none;
		}
		#pedigree_pdf{
			display:none;
		}
		#taureauInteresse_pdf_mobile{
			width:90%;
				
			margin-top:75%;
			font-size: 0.7em;
		}
		#taureauInteresse_pdf_mobile span{
			width:28px!important;
			height:35px!important;
		}
		#taureauInteresse{
			margin-left:2%;
		}
		#taureauInteresse button{
			font-size:0.8em;
		}
		#div_gauche{
			width:35%;
		}
		#div_droite{
			width:65%;
		}
		.plus_graphe{
			display:none!important;
		}
		#ficheTaureau_pdf{
			display: none;
		}
		#index_morpho_lib{
			width: 200px;
		}
		
		#index_morpho{
			width: 225px;
		}
}



/*SMARTPHONE*/

@media (max-device-width: 479px){ 
	.plus_graphe{
		display:none !important;
	}
	
	#haut{
		display:none;
		border:1px solid #00ACD9;
		border-radius: 5px;
		padding-bottom: 2%;
	}
	
	#hautMobile{
		display:block !important;
		border-right: 3px solid #00ACD9;
		border-left: 3px solid #00ACD9;
		border-bottom: 3px solid #00ACD9;
		border-radius: 5px;
	}
	
	#genealogie {
	    position: relative;
	    font-weight: bold;
	    margin-left: -50px;
	}
	
	.branch .lv3{
		display:none;
	}
	
	#taureauInteresse button{
		width: 100%;
	}
	
	.photos {
    	width: 80%;
	}
	
	.data_infos {
    	/* margin-left: -60px; */
    	vertical-align: 15px;
    	font-size: 1.3em;
	}
	
	#image_info_taureau {
	    width: 100%;
	    display: inline-block;
	    margin-left: 1%;
	    margin-right: 2%;
	}
	
	.date_sig {
	    width: 97%;
	}
	
	.infos {
	    margin-left: 1%;
	    border-bottom: none !important;
	    min-height: 0px !important;
	}
	
	#autre_phrase {
	    margin-left: 1%;
	}
	
	#DerniereInfo {
	    margin-top: 5%;
	    margin-left: 1%;
	    width: 97%;
	}
	
	#taureauInteresse button {
	    width: 100%;
	    font-size: 0.8em !important;
	}
	#gbox_gridTypage{
		max-height: 175px;
		overflow: auto;
	}
	#index_morpho_lib{
		width: 200px;
	}
	
	#index_morpho{
		width: 225px;
	}
	
	.ClsDivContenu{
	/*border : 15px solid red;*/
	height : 15%;
	margin-top : 20%;
	width : 85%;
	}
}