@charset "utf-8";
/* CSS Document */

/* Mobile */
@media screen and (max-width: 705px) {
	.hide_mobile,.hide_tablette{display:none; visibility:hidden;}
	.show_mobile{display:block!important; visibility:visible;}
	
	.clear_mobile{clear:both;}
	
	#ariane,#ginkgo_top,#recherche,#subscribe,#slider_nav,#slider .arrow, #footer{display:none;}
	
	.wrapper, #content_right{width:98%; float:none; margin:0 auto;}
	#content_right{clear:both;}
	#content_right img{max-width: 100%; height:auto!important;}
	#content_right iframe{width: 100%; height:auto;}
	
	#corp{background:#F7F6F2; padding-bottom:110px;}
	#content{padding-top:75px;}
	#content_index{margin-top:0; padding-top:75px;}
	
	#header{
		position:fixed;
		padding-top:15px; 
		height:60px;
		background-color:#fff; 
		background-image:none; 
		box-shadow:0 5px 20px rgba(3,3,3,.2);  z-index:9001;
	}
	
	#logo{
		margin-top:0px; 
		background:none;
	}
	#logo div{
		background: url(../images/logo_mobile.jpg) no-repeat;
		width: 101px;
		height:30px;
	}
	
	/* Col_left
	========================= */
	
	#col_left{margin-bottom:40px; width:98%; height:auto; margin:0 auto; float:none}
	#col_left.fixed{position:relative; top:inherit; opacity:.2}
	#col_left ul li{
		width:49%; height:auto; float:left; 
		margin-top:3px;
		margin-bottom:3px;
		}
		
	#col_left ul li:nth-child(2n){margin-left:2%}
	#col_left ul li:nth-child(2n+1){clear:both}
	
	
	/* Menu
	========================= */
	#black{
		position:fixed; 
		width:100%; 
		height:100%; 
		background:rgba(0,0,0,.6); 
		z-index:300; 
		display:none;
	}
	
	#btn_mobile_nav{
		width:105px;
		height:35px;
		position:absolute;
		top:12px;
		right:2%;
		background: url(../images/btn_mobile_nav.png);
		}
		
	#btn_mobile_nav.push{background: url(../images/btn_mobile_nav_push.png);}
	
	#menu_mobile.open{height:inherit; top:55px; background: url(../images/btn_mobile_nav_push.png);}
	
	#menu_mobile{
		position:fixed;
		top:-200%;
		background:#007943;
		overflow:hidden;
		height:0px;
		width:100%;
		margin:0;
		z-index:9000;
		/*box-shadow:0 10px 25px rgba(4,4,4,.9);*/
		transition:all .7s ease;
	}
	#menu_mobile ul{margin:0; width:100%;}
	#menu_mobile ul li a{
		color:#fff; 
		width:100%; 
		display:block; 
		padding:18px 2%; 
		float:none!important; 
		background-color:#222;
		border-bottom:1px solid #666;
		font-size:20px;
		font-weight:bold;
		}
		
	#menu_mobile ul li#m_nav1:hover a{background:#EE6C21; color:#fff}
	#menu_mobile ul li#m_nav2:hover a{background:#308200; color:#fff}
	#menu_mobile ul li#m_nav3:hover a{background:#D336A9; color:#fff}
	#menu_mobile ul li#m_nav4:hover a{background:#0888ED; color:#fff}
	#menu_mobile ul li#m_nav5:hover a{background:#493BF0; color:#fff}
	#menu_mobile ul li#m_nav6:hover a{background:#F96906; color:#fff}
	
	#menu_mobile ul li#m_nav1 a{color:#EE6C21;}
	#menu_mobile ul li#m_nav2 a{color:#308200;}
	#menu_mobile ul li#m_nav3 a{color:#D336A9;}
	#menu_mobile ul li#m_nav4 a{color:#0888ED;}
	#menu_mobile ul li#m_nav5 a{color:#493BF0;}
	#menu_mobile ul li#m_nav6 a{color:#F96906;}
	
	/* Slider
	========================= */
	
	#slider{height:auto;}
	#slider .nivo-control{padding:15px 7.5%; width:10px; margin:0; color:#308200; font-style:20px;}
	#slider .nivo-controlNav{padding:15px 0; margin:0;}
	#slider .nivo-control:nth-child(2n+1){background:#fff; }
	#slider .nivo-control.active{background:#308200; color:#fff}
	
	/* col_accueil
	========================= */
	.col_accueil{float:left; width:32%; height:inherit; margin-right:0; margin-left:0}
	.col_accueil.milieu{margin-left:2%; margin-right:2%}
	
	.col_accueil .block h2{padding:5px 0; margin-top:0; font-size:14px;}
	.col_accueil p{text-align:left}
	.col_accueil .titre{display:none;}
	.col_accueil:hover .block h2{margin-top:0; padding:5px 0; background:none;}
	
	
	/* col_3
	========================= */
	.col_3,#col_container .clear{float:left; width:49%; height:auto!important; margin-left:0;}
	.col_3:nth-child(3n+1){clear:none;}
	.col_3:nth-child(2n+1){margin-right:2%; clear:both;}
	
	.col_3 .block {height:inherit;}
	
	.col_3 .block_hover{display:none; visibility:hidden;}
	.col_3 a img{margin:0 auto; display:block; width:100%;height:auto!important;}
	
	.col_3:hover a img{opacity:.4}
	.col_3:hover .block{box-shadow:inset 0 0 30px rgba(3,3,3,.9)}
	
	/* col_4
	========================= */
	.col_4{float:left; width:32%; height:auto!important; margin-left:0; margin-right:0;}
	.col_4:nth-child(3n-1){margin:0 2%;}
	.col_4:nth-child(3n+1){clear:both!important;}
	.col_4:nth-child(4n+1){clear:none;}
	
	.col_4 .block_hover{display:none; visibility:hidden;}
	.col_4:hover a img{opacity:.4}
	.col_4:hover .block{box-shadow:inset 0 0 30px rgba(3,3,3,.9)}
	
	.col_4 a img{margin:0 auto; display:block; width:100%; height:auto!important;}
	
	/* Btn version movile
	========================= */
	.version_mobile.show_mobile{
		bottom:0;
	}
	
	.version_mobile {
		display:block;
		transition:bottom .4s ease;
		position:fixed;
		bottom:-50px;
		width:100%;
		height:50px;
		z-index:50;
	}
	

}