/*************************************
 * Desktop Small
 *************************************/
@media only screen
and (max-width : 1300px)
{
	#commons_banner 
	{
		padding-right: 20px;
	}

	#commons_wrap
	{
		margin:   		0 20px;
	}

}


@media only screen
and (max-width : 1200px)
{
	#commons_changer_type_content
	{
		margin:  		0;
		padding:   		20px;
	}

}



/*************************************
 * Tablet
 *************************************/
@media only screen
and (max-width : 1030px)
{
	#search_bloc
	{
		display: 		none;
	}
	#theme_default #search_bloc
	{
		display: 		block;
	}

	#commons_search #type_changer
	{
		width:  			100%;
	}


	#commons_changer_type_content
	{
		margin:  		0;
	}

	.changer_type_item:link,
	.changer_type_item:hover,
	.changer_type_item:active,
	.changer_type_item:visited
	{
	}
	.changer_type_item span
	{
		background-size:  		24px;
		background-position:  	50% 10px;
		padding:  				5px 5px;
		padding-top:  			45px;
		font-size:  			9pt;
		line-height:  			1.1;
		text-align:  			center;
		height: 				80px;
	}
	.changer_type_item i
	{
		display: 		none;
	}


	#theme_default #commons_flag
	{
		display:  			none;
	}
}



/*************************************
 * Smartphone
 *************************************/
@media only screen
and (max-width : 700px)
{
	#commons_login:link,
	#commons_login:hover,
	#commons_login:active,
	#commons_login:visited
	{
		display:   			none;
	}
	/*************************************
	 * Header + Menu
	 *************************************/
	#commons_banner
	{
		padding:   			10px 0;
		padding-right:   	15px;
		padding-top:  		5px;
	}
	#commons_menu_burger #menu-icon-wrapper
	{
		margin-top:  		25px;
		margin-bottom:  	0;
	}
	#commons_changer_type.display
	{
		margin-top:  		86px;
	}

	#commons_logo_image
	{
		display:   		inline-block;
		margin-top:   	5px;
	}

	#commons_logo
	{
		width:  		52px;
		overflow: 		hidden;
	}
	#commons_logo img { width: 200px; max-width: none; }
	#theme_default #commons_logo
	{
		display: 		block;
		text-align: 	center;
		/*width:  		100%;*/
		margin-left: 	20px;
	}

	#theme_default #search_bloc,
	#search_bloc
	{
		/*display: 		none;*/
	}

	#commons_search
	{
		width:  		85%;
	}
	#theme_default #commons_search
	{
		width: 80%;
	}

	#commons_changer_type
	{
		margin-top: 		-13px;
		transform: 			rotateX(98.5deg);
	}

	/*************************************
	 * Header
	 *************************************/

	#commons_header
	{
		height:  				18vh;
		background-size: 		cover;
		background-position:	center center;
		background-repeat: 		no-repeat;
		background-color:  		rgba(0,0,0,.1);
		padding-top:  			6vh;
		text-align:   			center;
	}

	#commons_header h1
	{
		font-size:  			16pt;
	}


	#commons_changer_type_content
	{
		margin:  		0;
		padding:   		20px;
	}

	#commons_changer_type_content_localisation_input
	{
		font-size:   		11pt !important;
	}

	#commons_menu_close
	{
		top:  				18px;
		left:  				0px;
		right:  			auto;
		bottom:  			auto;
	}

	/*************************************
	 * Menu paillote
	 *************************************/
	.commons_header_submenu_item
	{

	}
	.commons_header_submenu_item .submenu_inner
	{
		top:  		0;
		bottom:   	0;
		width:  	100%;
	}
	/*************************************
	 * Menu
	 *************************************/
	.commons_submenu_title
	{
		font-size:   		17pt;
		padding:  			20px 20px;
		text-align:   		left;
	}
	.commons_submenu_title span
	{
		padding-left:   	45px;
		background-size:  	32px;
	}
	.commons_submenu_title i
	{
		padding-left:   	45px;
		font-size:   		10pt;
		color:   			#fff;
	}
	.commons_submenu_close
	{
		top:  				14px;
	}
	.commons_submenu_localisation
	{
		padding:   		10px 10px;
	}
	.commons_submenu_geolocalizeme,
	.commons_submenu_search
	{
		float: 			none;
		width:  		auto;
	}
	.commons_submenu_country_bloc
	{

	}


	/*************************************
	 * Menu Generique
	 *************************************/
	.commons_menu_item:link,
	.commons_menu_item:hover,
	.commons_menu_item:active,
	.commons_menu_item:visited
	{
		font-size:  	 	16pt;
	}
}


/*************************************
 * Smartphone small
 *************************************/

@media only screen /* Smartphone Horizontal */
and (max-width : 450px)
{
	#theme_default #commons_logo
	{
		display: 		block;
		text-align: 	center;
		/*width:  		100%;*/
		margin-left: 	5px;
	}
	#commons_search
	{
		width:  		82%;
	}
	#theme_default #commons_search
	{
		padding-right:  0;
	}
	#commons_search #type_changer::after
	{
		display: none;
	}
	#commons_search #type_changer
	{
		padding-left:  		10px !important;
	}
}


@media only screen /* Smartphone Horizontal */
and (max-width : 400px)
{
	#commons_search
	{
		width:  		78%;
	}
}

@media only screen /* Smartphone Horizontal */
and (max-width : 350px)
{
	#commons_search
	{
		width:  		70%;
	}
}