@charset "utf-8";
@media (min-width: 1450px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl {
		max-width: 1350px;
	}
}
@media (min-width: 1625px) {
}

@media (max-width: 1624px) {
}

@media (max-width: 1449px) {
	
	/******************************************************************************************************************/
	/************************************************** HEADER ********************************************************/
	/******************************************************************************************************************/
	#header #header-top #header-top-right .region-header-top-right #block-navigationsecondaire .menu li a { padding-left:18px; padding-right:18px; }
	
	/******************************************************************************************************************/
	/*********************************************** STICKY HEADER ****************************************************/
	/******************************************************************************************************************/
	.sticky #header #header-top #header-top-right .region-header-top-right #block-navigationsecondaire .menu li a { padding-left:18px; padding-right:18px; }
	
	/******************************************************************************************************************/
	/*************************************************** ACCUEIL ******************************************************/
	/******************************************************************************************************************/
}

@media (max-width: 1199px) {
	/********************************************************************************************************************/
	/************************************************ TEMPLATES *********************************************************/
	/********************************************************************************************************************/
	.tpl_bouton, input[type="submit"].tpl_bouton { padding-left:15px; padding-right:15px; }
	.tpl_4_zones .zone1, .tpl_4_zones .zone2, .tpl_4_zones .zone3, .tpl_4_zones .zone4 { width:50%; }
	
	/******************************************************************************************************************/
	/************************************************** HEADER ********************************************************/
	/******************************************************************************************************************/


	/******************************************************************************************************************/
	/*********************************************** STICKY HEADER ****************************************************/
	/******************************************************************************************************************/
	.sticky #header #header-top #header-top-right .region-header-top-right #block-navigationsecondaire .menu li a { padding-left:15px; padding-right:15px; }
	.sticky #header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul { margin-top:6px; }
	.sticky #header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul li .we-mega-menu-submenu { top:60px; }
	
	/******************************************************************************************************************/
	/*********************************************** OVERLAY MENU *****************************************************/
	/******************************************************************************************************************/
	#overlay-menu .overlay-menu-close-container { width: 35%; }
	#overlay-menu .region-overlay-menu { width: 65%; }
	
	/******************************************************************************************************************/
	/***************************************************** FOOTER *****************************************************/
	/******************************************************************************************************************/

	
	/******************************************************************************************************************/
	/*************************************************** ACCUEIL ******************************************************/
	/******************************************************************************************************************/

}

@media (max-width: 991px) {
	#sidebar-first { order:1; }
	#sidebar-second { margin-top:30px; }
	
	/********************************************************************************************************************/
	/************************************************ TEMPLATES *********************************************************/
	/********************************************************************************************************************/
	.tpl_2_zones_1_3_2_3 .zone1, .tpl_2_zones_1_3_2_3 .zone2, .tpl_70_centre { width:100%;padding-left:0; padding-right:0; }
	.tpl_3_zones > div { width:100%!important; padding-left:0; padding-right:0; }
	.tpl_2_zones_50 .zone1, .tpl_2_zones_50 .zone2 { width:100%; padding-left:0; padding-right:0; }
	.tpl_2_zones_50 .tpl_2_zones_50 .zone1,  .tpl_2_zones_50 .tpl_2_zones_50 .zone2 { width:50%; display:block; }
	
	/******************************************************************************************************************/
	/************************************************** HEADER ********************************************************/
	/******************************************************************************************************************/

	
	/******************************************************************************************************************/
	/*********************************************** STICKY HEADER ****************************************************/
	/******************************************************************************************************************/
	.sticky #header #header-body #header-logo { margin:0; padding:0; }
	.sticky #navigation .block-superfish .sf-accordion-toggle { top:-105px; }
	
	
	/******************************************************************************************************************/
	/*********************************************** OVERLAY MENU *****************************************************/
	/******************************************************************************************************************/
	.toolbar-vertical.toolbar-tray-open	#overlay-menu .overlay-menu-close-container { width: 15%; }
	.toolbar-vertical.toolbar-tray-open #overlay-menu .region-overlay-menu { width: 85%; }
	
	/******************************************************************************************************************/
	/*************************************************** ACCUEIL ******************************************************/
	/******************************************************************************************************************/
	
	
	/******************************************************************************************************************/
	/*************************************************** EN TETE ******************************************************/
	/******************************************************************************************************************/
	
	/******************************************************************************************************************/
	/***************************************************** BLOG *******************************************************/
	/******************************************************************************************************************/
	#block-views-block-blog-menu-block-1 { display:none; }
	#block-views-block-blog-menu-block-1-2 { display:block; }
	.page-node-type-article #sidebar-first { display:none; }
	#comments_block { width:100%; padding:0 15px; }
	#comments_block #comments .comment_item tr td.comment_user_picture { width:65px; background-size:50px; }
	#comments_block #comments .comment_item tr td.comment_user_picture img { max-width:50px; }
	
	/******************************************************************************************************************/
	/***************************************************** FOOTER *****************************************************/
	/******************************************************************************************************************/
	
}

@media (min-width: 768px) and (max-width: 991px) {
	.tpl_2_zones_33 .zone1, .tpl_2_zones_33 .zone2 { width:45%; margin:0 2.5% }
}


@media (max-width: 767px) {
	.container, .container-sm, .container-md { max-width: 100%; }
	
	/********************************************************************************************************************/
	/************************************************ TEMPLATES *********************************************************/
	/********************************************************************************************************************/
	.tpl_2_zones { width:100%; margin-left: 0%; margin-right: 0%; float:none; }
	.tpl_2_zones { display:block; }
	.tpl_2_zones .zone1, .tpl_2_zones .zone2 { width:100%; margin:auto; }
	
	.tpl_2_zones_33 { display:block; }
	.tpl_2_zones_33 .zone1, .tpl_2_zones_33 .zone2 { width:100%; margin:auto }
	
	/******************************************************************************************************************/
	/*************************************************** ACCUEIL ******************************************************/
	/******************************************************************************************************************/
	
	/******************************************************************************************************************/
	/*************************************************** EN TETE ******************************************************/
	/******************************************************************************************************************/
	
	
	/******************************************************************************************************************/
	/***************************************************** BLOG *******************************************************/
	/******************************************************************************************************************/
	.page-node-type-article #navigation_article td { display: block; width: 100%; height: 55px; }
	
	
}

@media (max-width: 575px) {
	/******************************************************************************************************************/
	/*************************************************** ACCUEIL ******************************************************/
	/******************************************************************************************************************/
	
	
	/******************************************************************************************************************/
	/***************************************************** BLOG *******************************************************/
	/******************************************************************************************************************/
	.view-blog-listing-article .view-content .views-row { width:100%; }
	#comments_block #comments .comment_item tr td.comment_info .comment_action_repondre { position:relative; margin-top:20px; }
}

@media (max-width: 499px) {	
	/********************************************************************************************************************/
	/************************************************ TEMPLATES *********************************************************/
	/********************************************************************************************************************/
	.tpl_4_zones .zone1, .tpl_4_zones .zone2, .tpl_4_zones .zone3, .tpl_4_zones .zone4 { width:100%; }
	
	.tpl_2_zones_50 .tpl_2_zones_50 { display:block; }
	.tpl_2_zones_50 .tpl_2_zones_50 .zone1,  .tpl_2_zones_50 .tpl_2_zones_50 .zone2 { width:100%; display:block; }
	
	/******************************************************************************************************************/
	/*************************************************** ACCUEIL ******************************************************/
	/******************************************************************************************************************/
	
	
	/******************************************************************************************************************/
	/***************************************************** FOOTER *****************************************************/
	/******************************************************************************************************************/
}

@media (max-width: 375px) {
	/********************************************************************************************************************/
	/************************************************ TEMPLATES *********************************************************/
	/********************************************************************************************************************/

}