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


/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  PAGE APPLICATIONS MOBILES                                                                  //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


/*-------------------------------------------------------------------------------+
+ Chapo                                                                          +
+-------------------------------------------------------------------------------*/

#chapo {
	background-repeat: no-repeat;
	background-position: center top;
}

#chapo h4.genTitle{
	border-color:#5c5f62;
	color:#5c5f62;
}

#chapo .debord {
    position: relative;
}

@media screen and (max-width: 767px) { /* Mobile */

	#chapo {
		background-image: url(../img/visuels/defaut/applications-mobiles/vsl-chapo-M.png);
		padding-top: 0;
	}
	
	#chapo h4.genTitle{
		border-color:#fff;
		color:#fff;
		text-shadow: 1px 1px 10px #000;
	}
	
	.avantages-produit h1 {
	    padding: 40px 0 10px 0;
	    font-size: 2.4em;
	}
	
	#chapo .debord {
	    display: none; 
	  }

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#chapo {
		background-image: url(../img/visuels/defaut/applications-mobiles/vsl-chapo-T.png);
		padding-top:117px;
	}
	
	.connecte #chapo {
		padding-top:140px;
	}
	
	#chapo .debord {
	    display: block;
	    background: url(../img/divers/debord-chapo.png) no-repeat center bottom;
	    width: 100%;
	    height: 20px;
	    margin:5px 0 0 0;
	  }

}

@media screen and (min-width: 1221px) { /* Bureau */

	#chapo {
		background-image: url(../img/visuels/defaut/applications-mobiles/vsl-chapo-D.png);
		padding-top: 118px;
	}
	
	.connecte #chapo {
		padding-top: 140px;
	}
	
	#chapo .debord {
	    display: block;
	    background: url(../img/divers/debord-chapo.png) no-repeat center bottom;
	    width: 100%;
	    height: 20px;
	    margin:5px 0 0 0; 
	  }

}



/*-------------------------------------------------------------------------------+
+ Introduction                                                                   +
+-------------------------------------------------------------------------------*/

@media screen and (max-width: 767px) { /* Mobile */

	#intro-page {
		padding: 0px;
	}

	#intro-page .conteneur {
		max-width: 750px;
		height: 275px;
	}
	
	.connecte #intro-page .conteneur {
		height: 250px;
	}
	  
	#intro-page aside {
		display:none
	}  

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#intro-page {
		position: relative;
	}

	#intro-page .conteneur h4{
		font-size: 1.2em;
	}

	#intro-page nav ul {
		overflow: hidden;
	}

	#intro-page nav ul li {
		float: left;
		display: inline-block;
		padding-top: 12px;
    	padding-right: 13px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#intro-page {
		padding: 0px 0px;
	}

	#intro-page .conteneur {
		height: 235px;
		padding: 40px 230px 0 10px;
	}
	
	.connecte #intro-page .conteneur {
	    height: 205px;
	}
	
	#intro-page aside {
		margin: 130px 72px 0;
	}
	
	.connecte #intro-page aside {
	    margin: 100px 72px 0;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#intro-page .conteneur {
		width: 420px;
		padding: 60px 530px 0 30px;
	}
	
	#intro-page .conteneur {
	    height: 213px;
	}
	
	.connecte #intro-page .conteneur {
	    height: 183px;
	}
	
	#intro-page aside {
		margin: 120px -84px 0;
	}
	
	.connecte #intro-page aside {
	    margin: 95px -84px 0;
	}

}






/*-------------------------------------------------------------------------------+
+ Mentions legales                                                               +
+-------------------------------------------------------------------------------*/

#mentions-legales {
	display: none;
}