#teamoffice_list
{
}
#teamoffice_list .commons_wrap::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}

#teamoffice_list .commons_wrap
{
	background-color: 	#f4f4f4;
	padding:          	0 5%;
}

#teamoffice_items
{
	max-width:  		1400px;
	margin:  			0 auto;
}


/*************************************
 * List Item
 *************************************/
.teamoffice_list_item:link,
.teamoffice_list_item:hover,
.teamoffice_list_item:active,
.teamoffice_list_item:visited
{
	display: 				block;
	position: 				relative;
	float: 					left;
	width: 					29%;
	margin-right: 			2%;
	margin-left: 			2%;
	margin-bottom: 			4%;
	height: 				540px;
	overflow: 				hidden;
	background-color: 		#fff;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	border-radius:			5px;
	text-decoration:  		none;
	-webkit-transition:		all .2s ease-out;
	-moz-transition:		all .2s ease-out;
	-o-transition:			all .2s ease-out;
	transition:				all .2s ease-out;
	box-shadow:  			0 0 0 rgba(0,0,0,.15);
}
.teamoffice_list_item:hover
{
	box-shadow:  			0 10px 30px rgba(0,0,0,.15);
}
/*
.teamoffice_list_item::before
{
	content: 				" ";
	display: 				block;
	clear: 					both;
	position:  				absolute;
	right:  				0;
	bottom:  				0;
	margin:  				15px;
	width:  				42px;
	height:  				42px;
	-moz-border-radius:		50%;
	-webkit-border-radius:	50%;
	border-radius:			50%;
	background-color:  		#7BD5F5;
	background-image: 		url(../images/commons/phone.svg);
	background-position:	center center;
	background-repeat: 		no-repeat;
	background-size:  		16px;
	box-shadow:  			0 10px 15px rgba(0,0,0,.15);
	-webkit-transition:	all .2s ease-out;
	-moz-transition:	all .2s ease-out;
	-o-transition:		all .2s ease-out;
	transition:			all .2s ease-out;
}
*/
/*.teamoffice_list_item:hover::before*/
/*{*/
	/*transform:  			scale(1.1);*/
/*}*/


.teamoffice_list_item_image
{
	height: 				170px;
	background-position:	center center;
	background-repeat: 		no-repeat;
	background-size:  		cover;
	background-color:  		#aaa;
}
.teamoffice_list_item_info
{
	padding:  				20px 30px;
}

.teamoffice_list_item_name
{
	font-size:  			17pt;
	line-height:   			1.3;
	font-weight:  			700;
	padding:  				10px 0;
}

.teamoffice_list_item_line
{
	background-position:	0 50%;
	background-repeat: 		no-repeat;
	background-size:  		30px;
	padding:  				10px 0;
	padding-left:  			40px;
	font-weight:  			200;
}
.teamoffice_list_item_line.address
{
	background-image: 		url(../images/teamoffice/localisation.svg);
}

.teamoffice_list_item_line.openhour
{
	background-image: 		url(../images/teamoffice/ouverture.svg);
}

.teamoffice_list_item_line.phone
{
	background-image: 		url(../images/teamoffice/contact.svg);
}




@media only screen /* Smartphone Horizontal */
and (max-width : 1400px)
{

	#teamoffice_items
	{
		max-width:  		1000px;
		margin:  			0 auto;
	}

	#teamoffice_list #teamoffice_wrap.commons_wrap
	{
		margin:  			0 20px;

	}

	.teamoffice_list_item:link,
	.teamoffice_list_item:hover,
	.teamoffice_list_item:active,
	.teamoffice_list_item:visited
	{
		width:         		31%;
		margin-right:  		1%;
		margin-left:   		1%;
		margin-bottom: 		2%;
	}
}

@media only screen /* Smartphone Horizontal */
and (max-width : 1200px)
{
	#teamoffice_items
	{
		max-width:  		800px;
		margin:  			0 auto;
	}

	.teamoffice_list_item:link,
	.teamoffice_list_item:hover,
	.teamoffice_list_item:active,
	.teamoffice_list_item:visited
	{
		width:         		48%;
		margin-right:  		1%;
		margin-left:   		1%;
		margin-bottom: 		2%;
	}
}
@media only screen /* Smartphone Horizontal */
and (max-width : 800px)
{

	.structure_teamoffice_view .leftright_intro
	{
		line-height:  		1.6 !important;
		font-size:  		14pt !important;
		padding-bottom:  	70px;
	}
	#teamoffice_list .commons_wrap
	{
		margin:  		0;
	}

	#teamoffice_items
	{
		max-width:  		400px;
		margin:  			0 auto;
	}

	.teamoffice_list_item:link,
	.teamoffice_list_item:hover,
	.teamoffice_list_item:active,
	.teamoffice_list_item:visited
	{
		float:         		none;
		width:         		auto;
		margin:  			40px 0;
	}
}