body
{
	background: #F1F4F9;
}

.brut 
{
	font-family:'Open Sans',Verdana;
	margin:0 auto;
	text-align: center;
	padding:0 50px;
}

.bloc1
{
	margin-bottom:20px;
}

.titre
{
	font-size:1.2em;
	text-transform:uppercase;
	font-family:'Open Sans',Verdana;
	font-weight: 600;
	text-transform: capitalize;
	color: #436767;
	border:0px solid white;
	margin-bottom:40px;
	text-align:center; /*centre le texte inside the box */
}

a
 {
	text-decoration:none;
	color:black;
 }

/* Le cadre */
.mes_cagnottes
 {
	margin-top:40px;
 }
 
 .boite
 {
	 width:250px;
	 height:385px;
	 border: 10px solid white;
	 border-radius:10px;
	 display: inline-block;
	 vertical-align: middle;
	 margin:0 30px 40px 30px;
	 background: white;
	 padding :0 5px;
 }

.image
 {
	width: 250px;
	height: 180px;
	background-size: cover;
	border-bottom:1px dotted black;
	background-position: 0;
 }

/* https://www.tiloweb.com/css/redimensionner-rogner-des-images-en-css */


.boite .name
 {
	text-align:center;
	margin:15px 0 10px 0;
	padding:0 3px;
	font-weight: bold;
	font-size:14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
 }

.boite .pitch
{
	height:90px;
	text-align: justify;
	padding: 0 5px;
	overflow: hidden;
	font-family:'Open Sans',Verdana;
	font-size:11px;
}


/* Le amount et la durée */
.boite .combo
{
	text-align: center;
	font-size:12px;
	margin-top:15px;
	text-transform : uppercase;
}


.boite .amount
 {
	margin:0 20px;
	display: inline-block;
 }

.boite .days
 {
	display: inline-block;
	margin:0 20px;
	font-size:12px;
	text-transform : uppercase;
 }

.boite .barre
{
	border-right:1px solid black;
	display: inline-block;
	height:25px;
}

#recherche
{
	width:25%;;
}


/*----------------------------------------------Format mobile------------------------------------*/
@media screen and (max-width:767px)
{

	.brut
	{
		padding:0px;
	}

	.boite
	{
		margin:0 0px 40px 0px;
	}
		
	.titre
	{
	  font-size:1em;
	}

	#recherche
	{
		width:60%;
	}
}
/*----------------------------------------------Petit format------------------------------------*/
@media screen and (min-width:768px) and (max-width:979px)
{
	.titre
	{
	  font-size:1.3em;
	}

	.boite
	{
		width:230px;
	}

	.image
	{
		width: 230px;
		height: 180px;
	}

	.boite .name
	{
		height:35px;
	}

	.boite .pitch
	{
		font-size:10px;
		height:80px;
		margin-bottom:10px;
	}


	.boite .combo
	{
		font-size:11px;
	}

	.boite .amount
	{

	}

	.boite .days
	{

	}

}

/*----------------------------------Moyen format -----------------------------------------------*/

@media screen and (min-width:980px) and (max-width:1199px)
{
	.titre
	{
	  font-size:1.4em;
	}

}

/*----------------------------------Grand format -----------------------------------------------*/

@media screen and (min-width:1600px)
{
	.titre
	{
	  font-size:1.3em;
	}
}