@charset "utf-8";
/* CSS Document 

Les class dans style.css ne s'applique pas toutes à causez de bootstrape css et autres.
cette feuille de style, appellée en derniere, permet d'aplique les class

*/




/* BOOTSTRAP CADRE MEME HAUTEUR//////// */
.row-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.row-flex [class*="col-"] {
  margin-bottom: 30px;
}

.row-flex .content {
  height: 100%;
}
	
/*///////////////////////////*/	

.ajust
{
	clear: both;
	
}

  .radius_img{
    
   height: 400px; 
   width: 400px; 
   background-size: cover !important;
   border-radius: 50%;
    
    
    } 
@media (max-width: 767px) {
    .radius_img{
    
   height: 230px; 
   width: 230px; 
	margin-bottom:30px
	}
	
	.about h2
	{
	
			font-size: 40px!important;
	}
		
		
	.about p
	{
			font-size: 18px;
		
	}

	.section_box1
	{
		padding:20px
	}
}

.desc_fiche_cheval
{
	color: white;
	font-size: 1.3em;
}

.rouge
{
	color: #B12E31;
	
}

.cadre_rouge
{
	
	color: black;
	text-align: center;
	height: 100%;
	padding-top:25%;
	font-weight: bold;
	
	
}

.cadre_rouge > i
{
	font-size: 3em;
	margin-bottom:10px;
	
	color:#333;
}


.vendu
{
	z-index:9;
	position:absolute ;
	background-image:url('http://www.elevagedulys.com/images/vendu.png') no-repeat;
	height:106px;
	width:133px;
	right:0;
	top: 0;
}

.header_page
{
	
	
	
	background-color:rgba(227,227,227,1.00);
	color:black;
	
}

.texte
{
	text-align: center;
	padding: 60px 0;
	width: 100%;
	font-family: 'lora_semibold', Arial, Helvetica, sans-serif;

}