/* Custom grid - creaxial */


/* Containers
----------------------------------------------------------------------------------------------------*/
.container {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width:960px;
	position:relative;
	
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display:inline;
	float: left;
	position: relative;
	margin-right:4%;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 1%;
}

.omega {
	margin-right: 1%;
}

.no-alpha {
	margin-left: 0%;
}

.no-omega {
	margin-right: 0%;
}

/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/




.container .grid_3 {
	width:18%;
}

.container .grid_4 {
	width:30%;
}

.container .grid_5 {
	width:33%;
}

.container .grid_6 {
	width:39%;
}

.container .grid_8 {
	width:47%;
}

.container .grid_10 {
	width:61%;
}

.container .grid_13 {
	width:74%;
}

.container .grid_16 {
	width:98%;
	margin-left: 1%;
	margin-right: 1%;
}


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 100%;
  height: 0px;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}


/* RESPONSIVE */



@media (min-width: 750px) and (max-width: 900px) {
	
}

@media (min-width: 750px) and (max-width: 866px) {
	#header_middle .leaderboard{
		float:none !important;
		margin:0 auto !important;
		margin-bottom:20px !important;
	}
	#header_middle .logo{
		float:none !important;
		margin:20px auto !important;
		display:block !important;
	}
	#header_middle{
		height:270px !important;
	}
	
	#menu{
		top:250px !important;
	}
	
	#menu.floating{
		top:0px !important;
	}
	
}
@media (max-width: 866px) {
	.container .grid_3 {
		width:98% !important;
		margin:0px 1%!important;
	}
	.container .grid_3:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 100%;
	  height: 20px;
	}

	.container .grid_5,.container .grid_6,.container .grid_8,.container .grid_10 {
		width:46% !important;
	}
	
	.alpha2{
		margin-left:1%!important;
	}
	
	.container .grid_3 .list{
		width:100% !important;
		float:left !important;
		border:1px solid #E6E6E6 !important;
		margin:0 !important;
		
	}
	.container .grid_3 .list:hover + .list{
		border:1px solid #E6E6E6 !important;
		border:none;
	}
	
	.container .grid_3 .list:hover{
		border:1px solid #ED1746 !important;
	}
	
	.home_article .left,.home_article .right{
		width:100% !important;
	}
	.more-block img{
		/*display:none!important;*/
		width:100%!important;
		max-width:100%!important;
	}
	
	.home_article img{
		margin-top:10px!important;
	}
	
	
	.btn_agency_selector_small{display:none!important;}
	.btn_agency_selector_full{
		display:block!important;
		width:100%!important;
		margin-top:5px;
	}
	
	#milkyway_cat,#mm_year,#mm_cat,#search_year,#search_month{width:100%!important;margin:0!important;}
	#search_keyword{width:90%!important;margin:0!important;}
	
	#register_form .half,#register_form .big,#register_form .little,#register_form .third,.inscription_line.boutons a{width:100%!important;margin:4px 0px!important;}
	.inscription_line{margin:0px!important;}
	
	.wizard > .steps li{ width:15%!important;}
	.wizard > .steps li.current{ width:55%!important;}
	
	.wizard > .steps a .txt{display:none!important}
	.wizard > .steps .current a .txt{display:inline!important}
	
	.option_half {
		width: 89%!important;
	}
	.option_first {
		width: 10%;
	}
	
	.agency-logo2 li {
		height:auto!important;
		line-height:initial!important;
	}

	.agency-logo2 li a {
		height:auto!important;
		line-height:initial!important;
	}

	.agency-logo2 li img {
		width:100%!important;
		max-width:100%!important;
		height:auto!important;
		margin-top:0px!important;
	}
	
	#login_page,#password_page{
		width:100% !important;
	}
	.cannes_imu{display:none !important;}
	.cannes_imu_mobile{display:block !important;}
	.cannes_imu_mobile2{display:none !important;}
}

@media (max-width: 749px) {
	#header_middle .leaderboard{display:none !important;}
	#header_middle{height:90px !important;padding-top:10px !important;}
	#header_middle .logo{
		float:none !important;
		margin:0px auto!important;
		display:block !important;
		width:80px !important;
	}
	#fake_menu,#menu,#social_btn,#header_tools,#sub_header_content{display:none !important;}
	
	
	#btn_mobile_menu{display:block !important;}
	#header_tools_mobile{display:inline-block !important;}
	
	.afterwork_mail{display:none!important;}
	.afterwork_mail_small{display:block!important;}

	.agenda_desktop{display:none!important;}
	.agenda_mobile{display:block!important;}

}

@media (max-width: 631px) {
	.container .grid_3,.container .grid_4,.container .grid_5,.container .grid_6,.container .grid_8,.container .grid_10 {
		width:98% !important;
		margin:0px 1%!important;
	}
	.container .grid_3:after,.container .grid_4:after,.container .grid_5:after,.container .grid_6:after,.container .grid_8:after,.container .grid_10:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 100%;
	  height: 20px;
	}
	
	.container .grid_3 .list{
		width:100% !important;
		float:left !important;
		margin-top:5px !important;
		border:1px solid #E6E6E6 !important;
		
	}
	
	
	.container .grid_3 .list:hover{
		border:1px solid #ED1746 !important;
		
	}
	.container .grid_3 .list:hover + .list{
		border:1px solid #E6E6E6 !important;
		
	}
	
	
	
	.home_article.small-padding .left{
		width:100% !important;
		float:none !important;
	}
	.home_article.small-padding .right{
		width:100% !important;
		float:none !important;
		padding:20px;
		-moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
    	box-sizing: border-box;
	}
	
	.home_article.cotw .left{
		width:100% !important;
		margin-right:0% !important;
		float:none !important;
	}
	.home_article.cotw .right{
		width:100% !important;
		float:none !important;
	}
	
	.logo_footer{display:none!important;}
	#footer_bottom{padding-left:5px!important;}
}

@media (min-width: 481px) and (max-width: 749px) {
	
}
@media (max-width: 500px) {
	#scroll_box {
    	width: 100%!important;
    	height:350px;
    }
    #scroll_box input{width:100%;}
    #scroll_box a.sb_btn{width:100%;}
    .cannes_imu{display:none !important;}
	.cannes_imu_mobile{display:none !important;}
	.cannes_imu_mobile2{display:block !important;}
    
}
@media (max-width: 480px) {
	#header_top .sep_v{ width:5px !important; }
	#header_middle{display:none !important;}
	#mobile_logo{display:block !important;}
	#mobile_panel_right_content,#mobile_menu_content{
		margin:10px!important;
	}
	#page_content{margin-top:50px;}
	#home_imu,#home_imu2,#home_imu3,.pubHoriz{display:none !important;}
	
	li.prev,li.next{display:none !important;}
	
}

@media  (max-width: 960px) {
	/* habillage*/
	#habillage_mobile{
		display:block!important;
		width:100%!important;
		cursor:pointer;
	}
	#header_middle
	{
	  height: auto!important;
	  padding-top: 0px!important;
	}
	#habillage_fond{
		display:none!important;
	}
	/* habillage*/
}