/* TROMBI */

.grid_trombi .grid-sizer, .grid_trombi .grid-item {
  width: 20%;
}

.grid_trombi img {/*filter: grayscale(1);*/border-radius: 0.3em;}


.trombi_info {display:none;}

.trombi_item:hover .trombi_info {
    position: absolute;
    top: 0;
    display: block;
    width: calc(100% - 6px);
    height: calc(100% - 5px);
    background: url(../img/public/hover_creation.png) top right no-repeat, rgba(247,147,29,0.6);
    color: #FFF;
    text-align: center;
    padding: 0 10px 0 10px;
    text-transform: uppercase;
    border-radius: 0.3em;
}


.trombi_info_nom {font-weight: bold; font-size:1.1em; padding:0 0 10px 0;bottom: 0;position: absolute;width: calc(100% - 20px);}
.trombi_info_fonction {padding:0 0 10px 0;}
.trombi_info_entite {font-weight: bold; font-size:1.1em;}

.bloc_size_75 .grid_trombi .grid-sizer, .bloc_size_75 .grid_trombi .grid-item,
.bloc_size_2_3 .grid_trombi .grid-sizer, .bloc_size_2_3 .grid_trombi .grid-item,
.bloc_size_60 .grid_trombi .grid-sizer, .bloc_size_60 .grid_trombi .grid-item
{width:33.333333%;}

.bloc_size_1_2 .grid_trombi .grid-sizer, .bloc_size_1_2 .grid_trombi .grid-item,
.bloc_size_40 .grid_trombi .grid-sizer, .bloc_size_40 .grid_trombi .grid-item
{width:50%;}

.bloc_size_1_3 .grid_trombi .grid-sizer, .bloc_size_1_3 .grid_trombi .grid-item,
.bloc_size_1_4 .grid_trombi .grid-sizer, .bloc_size_1_4 .grid_trombi .grid-item,
.bloc_size_20 .grid_trombi .grid-sizer, .bloc_size_20 .grid_trombi .grid-item
{width:100%;}


/* TROMBI + POPUP CONTENU */

.popup_trombi {
	width:86%;
	max-width:676px !important;
	min-height:200px;
	/*height:670px !important;*/
	background:#e9e9e9;
	margin:30px auto;	
}
.popup_trombi_titre {font-size: 1.5em;margin: 10px 0;text-align: center;border-bottom: 1px solid #CCC;padding: 0 0 15px 0;}

div#popup_trombi_fermer {
	position:absolute;
	margin:-25px 0 0 -25px;
	z-index:9999;
}
div#popup_trombi_fermer a {
	display:block;
}

div#popup_trombi_content {
	width:100%;
	padding:20px 3%;
	/*height:670px !important;*/
	background:#e9e9e9;
	max-width:100% !important;
	min-height:200px;
	overflow:hidden;
}

.popup_trombi_contenu {font-size:0.9em; margin: 10px 0 0 0;}

.popup_trombi_img img {max-width:100%;}



@media screen and (max-width : 1600px) {
		
	.bloc_size_3_4 .grid_trombi .grid-sizer, .bloc_size_3_4 .grid_trombi .grid-item
	{width:33.333333%;}
	.bloc_size_60 .grid_trombi .grid-sizer, .bloc_size_60 .grid_trombi .grid-item
	{width:50%;}
	.bloc_size_40 .grid_trombi .grid-sizer, .bloc_size_40 .grid_trombi .grid-item
	{width:100%;}
}

@media screen and (max-width : 1500px) {
	
	.trombi_item:hover .damier_info {padding: 20px 15px 0 15px !important;}
		
}

@media screen and (max-width : 1200px) {
			
	.bloc_size_75 .grid_trombi .grid-sizer, .bloc_size_75 .grid_trombi .grid-item
	{width:50%;}
	
	.bloc_size_2_3 .grid_trombi .grid-sizer, .bloc_size_2_3 .grid_trombi .grid-item
	{width:50%;}
	
	.bloc_size_1_2 .grid_trombi .grid-sizer, .bloc_size_1_2 .grid_trombi .grid-item
	{width:100%;}
	
}

@media screen and (max-width : 1150px) {
	.bloc_size_1_1 .grid_trombi .grid-sizer, .bloc_size_1_1 .grid_trombi .grid-item {width:33.333333%;}
	
}

@media screen and (max-width : 1100px) {	
	.bloc_size_3_4 .grid_trombi .grid-sizer, .bloc_size_3_4 .grid_trombi .grid-item {width:50%;}
	
}

@media screen and (max-width : 1000px) {	
	
	.bloc_size_60 .grid_trombi .grid-sizer, .bloc_size_60 .grid_trombi .grid-item
	{width:100%;}
	
	
}

@media screen and (max-width : 900px) {	
	
	.bloc_size_1_1 .grid_trombi .grid-sizer, .bloc_size_1_1 .grid_trombi .grid-item {width:50%;}
	
}