/**
 * @description : Fiche taureau race 56
 **/


/*Style placé ici à cause de FF*/
#barchart_0 svg>g>g>g:nth-child(2) rect {
	fill: url(#fx-barchart_0) !important;
}

#barchart_1 svg>g>g>g:nth-child(2) rect {
	fill: url(#fx-barchart_1) !important;
}

#barchart_2 svg>g>g>g:nth-child(2) rect {
	fill: url(#fx-barchart_2) !important;
}

#barchart_3 svg>g>g>g:nth-child(2) rect {
	fill: url(#fx-barchart_3) !important;
}

#barchart_4 svg>g>g>g:nth-child(2) rect {
	fill: url(#fx-barchart_4) !important;
}

#barchart_5 svg>g>g>g:nth-child(2) rect {
	fill: url(#fx-barchart_5) !important;
}

#barchart_6 svg>g>g>g:nth-child(2) rect {
	fill: url(#fx-barchart_6) !important;
}

#barchart_7 svg>g>g>g:nth-child(2) rect {
	fill: url(#fx-barchart_7) !important;
}

#barchart_8 svg>g>g>g:nth-child(2) rect {
	fill: url(#fx-barchart_8) !important;
}

divqq:after {
	position: absolute;
	content: attr(data-title);
	left: 0;
	top: 0;
	width: 200px;
	height: 1.25rem;
	background-color: blue;
	color: white;
}



#robot_logo, #qualif_logo,#gamme_logo, #rptb_logo{
	width:100px;
	display:inline-block;
}
.imgRobot, .imgGamme,.imgRptb{
	height:80px !important;
	width:80px !important;
}

.imgQualif{
	height:70px !important;
	width:70px !important;
}

.ClsDivViewPdf {
	width: 50%;
	height: 50%;
}

#ClsDivPresPdf {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0px;
	background: rgba(128, 128, 128, 0.57);
	left: 0px;
	z-index: 10000 !important;
}

#ClsDivPresPdf2 {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0px;
	background: rgba(128, 128, 128, 0.57);
	left: 0px;
	z-index: 10000 !important;
}

.ClsDivContenu {
	background: #3c3f42;
	width: 900px;
	background: #3c3f42;
	width: 60%;
	margin-left: auto;
	height: 90%;
	margin-top: 3%;
	margin-right: auto;
	border: 8px solid white;
	border-radius: 3px;
}

.ClsDivContenu2 {
	background: #3c3f42;
	width: 900px;
	background: #3c3f42;
	width: 60%;
	margin-left: auto;
	height: 90%;
	margin-top: 3%;
	margin-right: auto;
	border: 8px solid white;
	border-radius: 3px;
}

object#ObjDataPdf {
	height: calc(100% - 65px);
}

object#ObjDataPdf2 {
	height: calc(100% - 65px);
}

div.ClsDivContenu input#BtFermer {
	margin-top: 8px;
}

div.ClsDivContenu2 input#BtFermer2 {
	margin-top: 8px;
}

div.ClsDivContenu div#Imprimer {
	margin-left: auto;
	margin-right: auto;
	width: 100px;
}

div.ClsDivContenu2 div#Imprimer {
	margin-left: auto;
	margin-right: auto;
	width: 100px;
}

#ajouteAVotreListe {
	display: none;
	margin-bottom: 0;
	font-size: 1.5em !important;
	vertical-align: middle;
	width: 100%;
	text-align: center;
	margin-left: 15%;
	color: white;
	font-weight: bold;
	font-family: 'Raleway';
}

#ajouteAVotreListeMobile {
	display: none;
	margin-bottom: 0;
	font-size: 1.5em !important;
	vertical-align: middle;
	width: 100%;
	text-align: center;
	margin-left: 15%;
	color: white;
	font-weight: bold;
	font-family: 'Raleway';
}

/*            #nombreCommandes{ */
/* 		    margin-left:3px; */
/* 			height: 35px !important; */
/* 		    width: 35px !important; */
/* 		    font-family: 'Raleway'; */
/* 		    font-weight: 900; */
/* 		    color: white; */
/* 		    font-size: 15px; */
/* 		    text-align: center; */
/* 		    padding: 8px 0px 0px 0px; */
/*  		     font-size: 1.1em;  */
/* 		    } */

#nombreCommandes {
	width: 48px;
	height: 48px;
	padding-top: 12px;
	text-align: center;
	font-size: 1.2em !important;
	color: white;
	font-weight: bold;
	font-family: 'Raleway';
}

#nombreCommandesMobile {
	width: 48px;
	height: 48px;
	padding-top: 17px;
	text-align: center;
	font-size: 1.2em !important;
	color: white;
	font-weight: bold;
	font-family: 'Raleway';
	margin-left: 3%;
}

#message {
	font-weight: bold;
	font-family: 'Raleway';
	margin-top: 3%;
	margin-bottom: 0;
}

#messageMobile {
	font-weight: bold;
	font-family: 'Raleway';
	margin-top: 3%;
	margin-bottom: 0;
	width: 85%;
	display: block;
	margin: auto;
	font-size: 0.7em;
	text-align: center;
}

.nousContacter {
	color: #00ACD9
}

/*******HAUT*********/

/*
hr{
	background-color: rgb(255, 255, 255);
	color: rgb(255, 255, 255);
	width: 100%;
	border-width: medium medium 1px;
	border-style: none none dashed;
	border-color: -moz-use-text-color -moz-use-text-color rgb(0, 0, 0);
	border-color: -webkit-use-text-color -webkit-use-text-color rgb(0, 0, 0);
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-webkit-border-top-colors: none;
	-webkit-border-right-colors: none;
	-webkit-border-bottom-colors: none;
	-webkit-border-left-colors: none;
	border-top-colors: none;
	border-right-colors: none;
	border-bottom-colors: none;
	border-left-colors: none;
	border-image: none;
	margin-bottom: 4%;
}
*/

/*#ObjDataPdf{
	width: 100%;
	height: 100%;
	z-index: 2;
	position: absolute;
}*/




#gridTypage tr:nth-child(2n +3) {
	background: rgba(0, 172, 217, 0.18);
}

.jqgfirstrow {
	background: white;
}



#HautEtBas {
	padding: 2%;
}

#hautMobile {
	display: none;
}

.motscles div {
	display: inline-block;
}

.ClsHrChronologie {
	border: 0;
	border-bottom: 2px dashed #ccc;
	background: #FFF;
}

#presentation {
	display: inline-block;
	width: 50%;
	box-sizing: border-box;
	float: left;
}

#infos_data {
	width: 25%;
	display: inline-block;
	vertical-align: top;
	margin-right: 2%;
}

#infos_data span.imgPlus {
	width: 15px !important;
	height: 15px !important;
	margin-right: 10px;
}

#morphologie h4 {
	margin-top: 0px;
}

.infos {
	list-style: outside none none;
	font-size: 1.1em;
	display: inline-block;
	padding: 0px;
	width: 100%;
	margin-bottom: 0px;
	margin-top: 3%;
	min-height: 200px;
	border-bottom: 3px solid #00ACD9;
}

.infos li,
#autre_phrase li {
	margin-bottom: 1%;
}


#infos_data .imgEstel {
	height: 20px;
	width: 20px;
}

.phrase_normande {
	font-weight: 900;
}

#autre_phrase {
	list-style: outside none none;
	font-size: 1.1em;
	display: inline-block;
	padding: 0px;
	width: 100%;
	margin-bottom: 0px;
	margin-top: 5%;
	min-height: 100px;
}

#DerniereInfo {
	width: 100%;
	border: 2px solid red;
	color: red;
	text-align: center;
	border-radius: 5px;
	padding: 4%;
	margin-top: 23%;
	min-height: 85px;
}

#DerniereInfo h5 {
	margin: 0 !important;
	color: red !important;
	font-weight: bolder !important;
	text-transform: uppercase !important;
}

#DerniereInfo p {
	margin: 0 !important;
}

/*COLONNE 2*/


#image_info_taureau {
	width: 30%;
	display: inline-block;
	margin-right: 2%;
}


.image-popup-fit-width {
	display: block !important;
}

.photos {
	display: block;
	width: 100%;
	border-radius: 5px;
	background-color: #b2b1b2;
}

#photo_info_taureau {
	display: block;
}

#infos_taureau {
	margin-top: 5%;
}


#num_taureau,
#numTravail_taureau {
	display: block;
	font-size: 1em;
	/*height: 20px;*/
}

#num_taureau p,
#numTravail_taureau p {
	display: inline-block;
}

#numTravail_taureau p:nth-child(3) {
	margin-left: 1%;
	font-weight: bold;
}

#num_taureau p:nth-child(2),
#numTravail_taureau p:nth-child(2) {
	margin-left: 1%;
	font-weight: bold;
}


#infos_taureau p {
	margin-bottom: 0px;
}

#num_taureau p {
	display: inline-block;
}

#num_taureau p:nth-child(2) {
	margin-left: 1%;
	font-weight: bold;
}

#num_taureau p:nth-child(4) {
	font-weight: bold;
}

#naisseur_taureau p {
	display: inline-block;
}

#naisseur_taureau p:last-child {
	margin-left: 1%;
	font-weight: bold;
}

#carrousel {
	display: inline-block;
	margin-bottom: 5%;
	vertical-align: top;
	margin-top: 5%;
}

#carrousel img {
	width: 31%;
	margin-left: 1%;
	border-radius: 5px;
	background-color: #b2b1b2;
}

.img_carrousel:hover {
	opacity: 0.4;
	cursor: pointer;
}

#infosEtSig {
	min-height: 89px;
}

.data_infos {
	font-size: 1.8em;
	font-weight: 600;
	clear: both;
	height: 52px;
	text-align: center;
}

.data_infos p:last-child {
	display: inline-block;
	color: #74351f;
	border-right: 0px;
	padding: 5px;
}

.data_infos p:nth-child(2n) {
	display: inline-block;
	color: rgb(194, 213, 94);
	padding-right: 2%;
	padding-left: 1%;
}

.data_infos p:nth-child(2n+1) {
	display: inline-block;
}

.date_sig {
	background-color: #e4e4e4;
	font-size: 1.8em;
	font-weight: 600;
	clear: both;
	text-align: center;
	color: #878585;
	border-radius: 5px;
}



/*COLONNE 3*/


#genealogie_pedigree {
	width: 38%;
	display: inline-block;
	vertical-align: top;
}


/******************
****GENEALOGIE*****
******************/

#idDivGenealogie {
	display: block;
	margin-top: 5%;
}


.branch .lv2 {
	margin-left: 150px !important;
}

.branch .lv3 {
	margin-left: 150px !important;
}

.branch {
	margin-left: 100px !important;
}

h4 {
	margin-bottom: 0px;
}

/********************/
#pedigree_pdf,
#ficheTaureau_pdf {
	width: 100%;
	padding: 2%;
	font-size: 1.1em;
	background-color: #e4e4e4;
	border-radius: 5px;
}


#pedigree_pdf {
	margin-top: 50%;
	display: flex;

}

#ficheTaureau_pdf {
	margin-top: 10%;
}

.taureauPedigree,
#ficheTaureau {
	display: inline-block;
	margin-left: 18%;
}

.taureauPedigree button,
#ficheTaureau button {
	width: 100%;
	/*background: #878585 !important;*/
	font-weight: bolder !important;
	font-size: 1.1em !important;
}


/*
 * 
 * 
 * BAS 
 * 
 * 
 * */


#commande {
	width: 6%;
	display: inline-block;
}

#commande_p {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.5em;
	font-weight: 600;
	margin: 0px;
}

.tab_prix {
	width: 65%;
	display: inline-block;
	text-align: center;
	padding: 1% !important;
}

.tab_prix td:nth-child(1) {
	height: 50px;
	background-color: rgb(191, 223, 242);
	width: 400px;
	font-size: 1.1em;
}

.tab_prix td:nth-child(2) {
	font-weight: 600;
	font-size: 1.1em;
	background-color: white;
	width: 25%;
}


.tab_prix tr {
	border: 1px solid rgb(210, 210, 210);
}

.divAjoutPanier {
	/*padding-top: 4px;*/
	display: inline-block;
	width: 30%;
}

.button_panier,
.button_panier_sf {
	vertical-align: bottom;
	height: 50px;
	width: 40px;
	border: none;
	display: inline-block;
	font-size: 0.8em;
	border-radius: 0px !important;
	color: black !important;
	text-transform: uppercase !important;
	letter-spacing: 0px !important;
	padding: 0px !important;
	box-shadow: none !important;
	transition: none !important;
	background-color: #F0F0F0 !important;
	margin-right: -3px;

}

#input_quantite,
#input_quantitesf {
	margin-right: -3px;
	height: 50px !important;
	width: 60px !important;
	display: inline-block;
	margin: 0px;
	vertical-align: top;
	text-align: center;
	font-size: 1em;
	padding: 5px 15px !important;
}

#ajout {
	/*width: 30%;*/
	display: inline-block;
	vertical-align: 38px;
}

#ajout .button-large {
	font-size: 0.9em;
}

#div_gauche {
	display: inline-block;
	width: 51%;
}





/*******BAS*********/


/*COLONNE 1*/


#commande_tab {
	display: inline-block;
	/*width:	51%;;*/
	vertical-align: top;
}

#index_tab {
	display: inline-block;
	/*width: 51%;*/
	vertical-align: top;
	min-width: 100%;
}

.tableau_index,
.tableau_index_bouchere {
	display: inline-block;
	padding: 0;
	width: auto;
	margin-right: 1%;
	font-size: 1em;
	text-align: center;
}

.tableau_index tbody,
.tableau_index_bouchere tbody {
	border: 1px solid rgb(210, 210, 210);
}

.tableau_index tr:nth-child(1),
.tableau_index_bouchere tr:nth-child(1) {
	background-color: #BFDFF2;
	border-bottom: 1px solid rgb(210, 210, 210);
	height: 45px;
}

.tableau_index tr:nth-child(2),
.tableau_index_bouchere tr:nth-child(2) {
	height: 40px;
}


.tableau_index td {
	max-width: 75px;
	max-height: 37px;
	min-width: 75px;
	min-height: 37px;
}

.tableau_index_bouchere td {
	max-width: 80px;
	max-height: 37px;
	min-width: 80px;
	min-height: 37px;
}

.tableau_index tr:nth-child(2) td,
.tableau_index_bouchere tr:nth-child(2) td {
	font-weight: 600;
}


.tableau_index_allaitant {
	display: inline-block;
	padding: 0;
	width: auto;
	margin-right: 1%;
	font-size: 1em;
	text-align: center;
}

.tableau_index_allaitant tbody {
	border: 1px solid rgb(210, 210, 210);
}

.tableau_index_allaitant td {
	max-width: 100px;
	max-height: 37px;
	min-width: 75px;
	min-height: 37px;
}

.signification {
	margin-top: 5%;
}

.signification_logo {
	background-color: #00acd9;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 8px;
	border-radius: 5px;
	color: white;
	font-weight: bolder;
	font-size: 1em;
}

.signification_lien,
.TypageGenetique_lien {
	text-decoration: underline;
	color: #878585;
	font-weight: 900;
	margin-left: 2%;
}

/*COLONNE 2*/

#div_droite {
	width: 46%;
	display: inline-block;
	margin-top: 2%;
	float: right;
	clear: both;
}

#PasDeMorpho {
	margin-top: 2%;
}

#morphologie {
	margin-top: 3px;
}

#index_morpho_lib {
	width: 250px;
}

#index_morpho {
	width: 275px;
}

/*
#graphe_morpho{
	list-style: outside none none;
}

#graphe_morpho li button{
	display: inline-block;
	vertical-align: middle;
}

#graphe_morpho li div {
	display: inline-block;
	vertical-align: middle;
}
*/
#partie_commande {
	margin-top: 4%;
}

ul#graphe_morpho li {
	clear: both;

}

#graphe_morpho button {
	/*width:32px;
	height:22px;
	padding:0px;*/
	margin-top: 4px;
}

/*#barchart_26 label {
	display: none;
}*/

#Synthèse_Lésions_Infectieuses, #Synthèse_Lésions_Mécaniques  {
	/* height: 25px; */
  font-weight: 600;
}


.titre_favoris p.nom_favoris {
	margin-left: 3%;
}

.divIndex {
	margin-top: 10px;
}


/*******LIGHT BOX*******/
/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
	padding: 0;
}

/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
	top: 0;
	bottom: 0;
}

/* padding for main container */
.mfp-no-margins .mfp-container {
	padding: 0;
}



#genealogie {
	position: relative;
	font-weight: bold;
	margin-left: -20px;
}

.branch {
	position: relative;
	margin-left: 180px;
}

.branch:before {
	content: "";
	width: 30px;
	border-top: 2px solid #878585;
	position: absolute;
	left: -60px;
	top: 50%;
	margin-top: 1px;
}

.entry {
	position: relative;
	min-height: 24px;
}

.entry:before {
	content: "";
	height: 100%;
	border-left: 2px solid #878585;
	position: absolute;
	left: -30px;
}

.entry:after {
	content: "";
	width: 30px;
	border-top: 2px solid #878585;
	position: absolute;
	left: -30px;
	top: 50%;
	margin-top: 1px;
}

.entry:first-child:before {
	width: 10px;
	height: 50%;
	top: 50%;
	margin-top: 2px;
	border-radius: 10px 0 0 0;
}

.entry:first-child:after {
	height: 10px;
	border-radius: 10px 0 0 0;
}

.entry:last-child:before {
	width: 10px;
	height: 50%;
	border-radius: 0 0 0 10px;
}

.entry:last-child:after {
	height: 10px;
	border-top: none;
	border-bottom: 2px solid #878585;
	border-radius: 0 0 0 10px;
	margin-top: -11px;
}

.entry.sole:before {
	display: none;
}

.entry.sole:after {
	width: 50px;
	height: 0;
	margin-top: 1px;
	border-radius: 0;
}

.label {
	display: block;
	min-width: 95px;
	/*padding: 0px 4px;*/
	line-height: 20px;
	text-align: center;
	border: 0px solid #878585;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	font-size: 1em;
	color: #FF1493;
}

/*.label a{
	color: #b6878f;
}*/

.label.male a {
	color: #00acd9;
}

.label.male {
	color: #00acd9;
}

.cacheGen {
	visibility: hidden;
}

.label,
.branch:before,
.entry:before,
.entry:after,
.entry:last-child:after {
	border-color: #878585 !important;
}

#pedigreeHidden {
	visibility: hidden;
}

#messageEdge {
	display: none;
	background-color: #00acd6;
	text-align: center;
	width: 100%;
	color: white;
	height: 30px;
}

ul.tx-logos {
    list-style-type: none;
}

@media (max-device-width: 900px) {
	.plus_graphe {
		display: none !important;
	}
	#index{
		margin-left:-70px;
	}
	#graphe_morpho {
		display: none;
	}

	#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%;
	}

	.branch .lv3 {
		display: none;
	}

	#photo_info_taureau {
		display: block;
		width: 100%;
	}

	.photos {
		width: 80%;
	}

	#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%;
	}

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

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

	.tab_prix {
		width: 50%;
	}

	.motscles div {
		margin-left: 30px;
	}
}


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

	.taureauPedigree button {
		font-size: 0.9em !important;
	}

	.imgFavori {
		width: 28px !important;
	}

	#ficheTaureau_pdf {
		display: none;
	}

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

	#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: -75px;
	}

	.branch .lv3 {
		display: none;
	}

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

	#gbox_gridTypage {
		max-height: 175px;
		overflow: auto;
	}

	#index_morpho_lib {
		width: 200px;
	}

	#index_morpho {
		width: 225px;
	}

	.divAjoutPanier {

		width: 45%;
	}

	.tab_prix {
		width: 50%;
	}

	.tab_prix td:nth-child(1) {
		font-size: 0.9em;
	}
}