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

/*.ClsDivContenu{
	height : 40%;
	margin-top : 6%;
}


.ClsDivContenu2{
	margin-top: 109%;
	height : 40%;
	width : 70%;	
}*/

.fusion-header-wrapper{
	z-index : 1;
}

.ClsDivContenu{
	
	width : 95% !important;
}

.ClsDivContenu2{
	
	width : 90% !important;	
}
/** 
Graphe Index
**/

#graphe_index{
	margin-left:-40px;
	width:120%;
}

#graphe_index div[id^='barchart'] {
	text-align:left;
	width: 39%;
	height: 25px;
	display:inline-block;
	margin-left: 10px;
}

#graphe_index  {
    list-style-type: none;
}

#graphe_index div[id^='barchart'] .sep {
	width: 25%;
	display: inline-block;
}

#graphe_index div[id^='barchart'] .barreIndex {
	border-bottom: 3px solid White;
	display: inline-block;
	height: 100%;
	background-color: #00acd9;
	text-align: right;
	color: black;
	padding-top: 1px;
}

#graphe_index div[id^='barchart'] .barreIndexPositif {
	border-left: 1px solid black;
}

#graphe_index div[id^='barchart']  .barreIndexNull {
	width:0%;
	height: 100%;
	padding-right: 0;	
}

#graphe_index div[id^='barchart']  .barreIndexNull label {
	display:none;
}

#graphe_index div[id^='barchart']  .barreSousIndex {
	min-height: 25px;
	background-color: #b5c6e2;
	height: 100%;
}

#graphe_index div[id^='barchart']   .barreSousIndexMedian {
	padding-left:0px
}

#graphe_index div[id^='barchart']  .blocBarreIndexNegatif {
	position: relative;
	display:inline-block;
	width:71%;
	height:25px;
	text-align:right;
}

#graphe_index div[id^='barchart']  .barreIndexNegatif {
	border-bottom: 3px solid White;
	min-height: 25px;
	background-color: #b5c6e2;
	border-right: 1px solid black;
	text-align: left;
	color: black;
	height: 100%;
	padding-top: 1px;
	width: 40%;
	margin-right: -5px;	
}

#graphe_index div[id^='barchart'] .labelIndex {
	margin-left: 0px;
	padding-right: 5px;
	padding-left:5px;
}

#graphe_index div[id^='barchart']  .labelIndexDecaleDroite {
	margin-left: 20px;
}

#graphe_index div[id^='barchart']  .labelIndexDecaleGauche {
	margin-left: -30px;
}


#graphe_index div[id^='noeud'] {
	height: 25px;
	font-weight:600;
}

.libIndex{
	width:45%;
}

#graphe_index div[id^='noeud'] .libIndex {
	display: inline-block;
	height: 25px;
	text-align: right;  
}

#graphe_index div[id^='sous'] li div .libSousIndex {
  display: inline-block;
  height: 25px;
  text-align: right;  
  margin-left: 24px;
}

#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: #00acd9;
	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,#taureauInteresse_pdf_mobile{
	width:100%;
	padding: 2%;
    font-size: 1.1em;
    background-color: #e4e4e4;
    border-radius: 5px;
}


#pedigree_pdf{
	display : flex;
	margin-top: 42%;
}

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

#taureauInteresse{
    display: inline-block;
    margin-left:18%;
}


#taureauInteresse_pdf{
	width:100%;
	padding: 2%;
	margin-top: 2%;
    font-size: 1.1em;
    background-color: #e4e4e4;
    border-radius: 5px;
}

#taureauInteresse button{
	width: 108%;
	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*/

#bas h4{
	background-color: #00acd9;
    text-align: center;
    color: white;
    font-size: 1.5em;
    border-radius: 5px;
    width: 96%;
}

#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;
}
 
#Synthèse_Lésions_Infectieuses, #Synthèse_Lésions_Mécaniques  {
	/* height: 25px; */
  font-weight: 600;
}

/*
#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{
	margin-top:4px;
}

.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: 40px;
}
.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: -18px;
    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;
}

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