@media screen and (min-width: 1280px) {

	

}



@media screen and (max-width: 1024px) {

	.parallax {

		background-position:center !important;

        background-attachment: scroll;

    }

}



@media screen and (max-width: 990px) {

	/* >>> alt navigation */

	#logo-header {left: initial; margin: 0 auto; position:relative; width:240px;}

	#menu-alt { display:block }

	#menu {

		top:0;

		left:-250px;

		bottom:0;

		width:250px;

		height:100%;

		z-index:1002;

		padding:20px 0;

		position:fixed;

		background-color:#fff;

		-webkit-transition:left .3s linear;

		-moz-transition:left .3s linear;

		-ms-transition:left .3s linear;

		-o-transition:left .3s linear;

		transition:left .3s linear;

		-webkit-box-sizing:border-box;

		-moz-box-sizing:border-box;

		-o-box-sizing:border-box;

		box-sizing:border-box;

		overflow-y:hidden;	

	}

	#menu > ul { display:block; overflow:auto; height:100%; }

	#menu > ul > li { display:block; text-align:left; height:auto; }

	#menu > ul > li > a { display:block; padding:8px 20px; line-height:normal; }

	#menu li.first-item > a { position:relative; }

	#menu li.first-item > a:after {

		content:"+";

		position:absolute;

		right:10px; top:8px;

		font-size:10px;

		color:#d2d2d2

	}

	#menu li.first-item.ss-menu-opened > a:after { content:"-"; color:#353559 }

	#menu > ul > li:hover ul li a {
		background-color: transparent !important;
	}

	/* > sous-menus */

	#menu .sous-menu { position:static; }

	#menu .sous-menu ul { width:auto; background:#353559; padding:10px 30px; }

	body.fixed_head #header { 

		position:fixed; z-index:1001;

		width:100%; left:0; top:0;

	}

	body.menu-opened #menu-overlay { display:block; opacity:1; }

	body.menu-opened #menu { left:0; }

	#menu .left, #menu .right {
		float: none;
		height: auto;
		width: 100%;
	}

}



@media screen and (max-width: 780px) {
	
	#footer .nav_footer_col {width: 100%;}
	#footer .nav_footer_col.nav_footer_menu {display: none;}

	.nav_footer_menu .nav_footer_title:after { color:#5e676f }

	.nav_footer_menu:active { background-color:#353f48 }

	#slides-title {
		left:6%;
		top:10%;
		transform: initial;
	}
	#slides-title ul {
		width: 200px;
		padding:36px;
	}	
	.bulle-rose {
		font-size:38px;
	}
	.bulle-bleue {
		font-size:32px;
	}	

	.accueil_6_icones_1 .wp33, .accueil_6_icones_2 .wp33 { width:50%; }
	.accueil_6_icones_1 .pad30 {padding:15px;}	

	.content_block_parallax h2 {
		font-size:26px;
		margin:12px 0;
	}	

	.content_block_parallax {
		padding: 4% 20px;
	}
}



@media screen and (max-width: 480px) {
	#logo-header {left: 0; margin: 0; position:relative; width:180px;}

	h1 { font-size:24px; }

	#slides-title ul {
		width: 120px;
		padding:20px;
	}
	.bulle-rose {
		font-size: 28px;
	}
	.bulle-rose:before {
	    content: "";
	    position: absolute;
	    bottom: -30px;
	    right: 0px;
	    border-width: 0 30px 30px 0px;
	}	
	.bulle-bleue {
		font-size: 22px;
		margin-left: -10px;
	}
	.bulle-bleue:before {
	    content: "";
	    position: absolute;
	    bottom: -30px;
	    left: 0px;
	    border-width: 0px 0px 30px 30px;
	    border-style: solid;
	    border-color: transparent #353559;
	}
	.bulle-bleue li:last-child:after {
		height: 3px;
		width: 60px;
	}	
	.accueil_6_icones_1 .wp33, .accueil_6_icones_2 .wp33 { width:100%; float:none; padding: 5px 20px !important;}
	.accueil_6_icones_2 .wp33:after {
		display:block; content:"";
		clear:both;
	}

}



@media screen and (max-width: 360px) {

	

}