/* ****************************************************************************************** */
/* SMARTPHONE MODERNE + TABLETTE PORTRAIT */
/* ****************************************************************************************** */
@media screen and (max-width:768px){

	
	
	/* **************************************************************************************************** */
	/* HEADER */
	/* **************************************************************************************************** */		
	header#header-main div#member-overview{margin-right:75px;}
	header#header-main div#member-overview .empty a:nth-of-type(1){display:none;}	
	
	header#header-main #baseline{text-align:left;padding: 45px 5px 10px 5px;}
	header#header-main #baseline p{display:block;text-align:left;}
	
	body.connected header#header-main div#member-overview {margin-right:85px;}
	
	/* **************************************************************************************************** */
	/* FOOTER */
	/* **************************************************************************************************** */		
	#footer-argument .misc-presentation figure{float:none !important;margin:0 auto 20px auto;}
	#footer-argument .misc-presentation .infos{margin-left:0;}
	#footer-argument .misc-presentation .more{text-align:center;}
	
	/* **************************************************************************************************** */
	/* MENU */
	/* **************************************************************************************************** */		
	/*
	#menu ul li span{display:none;}
	#menu ul li a{background-position:top center;}
	*/
	/* **************************************************************************************************** */		
	
	#menu.sub > ul{margin:0;}
	
	.bloc-menu .menu-page{
		display:block;
		height:100%;
		background:black;
		padding-top:40px;
		position:absolute;
		top:0;
		left:-100%;
		height:100%;
		width:100%;
		transition:0.5s;
		z-index:1000;
	}
	
	#responsive-menu:checked ~ .menu-page{transition:0.5s;left:0;}
	#responsive-menu:checked ~ .menu-page li{
    	display: block;
	}
	#responsive-menu:checked ~ .sub-menu{display:block;}
	#responsive-menu:checked ~ .sub-menu li{display:block;}
	
	#menu{margin: 0;}
	#menu ul{display:block;}
	#menu ul li{float:none;margin:0;}
	#menu ul li.p-selection{}
	#menu ul li a{text-align:left;color:white;padding:10px 20px;}
	
	#menu ul li a:hover,
	#menu ul li a.selection{color:#0088EB;background:transparent;}
	
	#menu .sub-menu{position:static;background:transparent;}
	#menu .sub-menu ul{display:block;border:0;margin-left:40px;}
	#menu .sub-menu ul li a{margin:0;padding:12px 20px;text-align:left;color:white;}
	
	.responsive-menu{
		z-index:2000;
		display: block;
	    text-align: center;
	    color: black;
	    background: #EAEAEA;
	    border-radius: 10px;
	    padding: 8px 15px;
	    font-weight: bold;
	    position: absolute;
	    top: 5px;
	    right: 5px;
	    margin-left: -25px;
	    cursor: pointer;
	    border: 1px solid #EAEAEA;		
	}		
		
		
	/* VERSION AU CLIC **************************************************************************************************** */
	/*
	#menu{height:initial !important;position:static;}
	
	#menu ul ul{position:static;background:none;border:0;margin-left:40px;}
	#menu ul ul li a{margin:0;padding:12px 20px;text-align:left;color:white;}	
	
	#menu ul ul li a:hover,
	#menu ul ul li a.selection{color:#0088EB;background:transparent;}
	/*
	/* **************************************************************************************************** */
		
		
	/* **************************************************************************************************** */
	/* PAGE */
	/* **************************************************************************************************** */			
	.cms-page-children ul li{display:block;margin:0 auto 20px auto}	
				
	/* **************************************************************************************************** */
	/* MEMBER / LOGIN - SUBSCRIBE */
	/* **************************************************************************************************** */	
	body#action-login header#header-main .logo{width:94px;margin:auto;float:none;}
	#member-login{margin-left:auto;margin-right:auto;}
	
	body#action-subscribe header#header-main .logo{width:94px;margin:auto;float:none;}	
	#member-new{margin-left:auto;margin-right:auto;}
        
	/* **************************************************************************************************** */
	/* SEARCH */
	/* **************************************************************************************************** */		
	.animation-search-complex .cols {
	    flex-direction: column;
	}  
	.animation-search-complex .fields,
	.animation-search-complex .submit{width:auto;}
	.animation-search-complex input.date-pick{width:100%;margin-right:0;margin-bottom: 10px;}
	
	/* **************************************************************************************************** */
	/* HOMEPAGE */
	/* **************************************************************************************************** */		
	#homepage-title .misc-presentation.SAIN{padding:0;}
	#homepage-title .misc-presentation.SAIN .infos{padding:0 10px;}
	
	#homepage-title .misc-presentation.SAIN h1{font-size:35px;}
	#homepage-title .misc-presentation.SAIN .text{font-size:25px;}
}

/* ****************************************************************************************** */
/* SMARTPHONE MODERNE + TABLETTE PORTRAIT */
/* ****************************************************************************************** */
@media screen and (max-width:720px){
	
	#page header{padding:0 10px;}
	#page .tpl{padding:0 10px;}
	
	figure.page-illustration{width: auto;background-size: auto 100%;min-height:initial;}
	
}