/* CSS Document */

@media only screen and (max-width: 639px) {
	
	/* STRUCTURE
	----------------------------------------------- */
	.wrap div.centered {	width:320px;}
	.wrap div.centeredmarged {	width:300px;}
	.wrap div.maincontent {	width:300px; padding:0 10px;}
	#main h1 {height:20px;font-size:12px;font-weight:bold;}
	
	div.col-left {margin-right:0px;}
	div.col-right {margin-left:0px;}
	
	
	
	/* MAIN - BLOCK H1
	----------------------------------------------- */	
	.h1-blocktop .zonetexte {
		padding:5px 10px 10px 10px;
		height:50px;
	}
	.h1-blocktop .zonetexte h1 span {font-size:18px;}
	.h1-blocktop .zonetexte h1 span.texte {font-size:15px;}
	.h1-blocktop .zonevisu {display:none;background-image:none!important;}
	
	
	/* MAIN - BLOCK H2
	----------------------------------------------- */	
	.h2-blocktop {	margin-top:20px;}
	.h2-blocktop h2 {font-size:16px; }
	.h2-blocktop p {font-size:12px; font-weight:normal; margin-top:5px;}
	
	
	
	/* MAIN - BLOCK + ILLUS GENERIQUE
	----------------------------------------------- */	
	.block-illus {margin:15px 0; padding-bottom:40px;}
	.block-illus div.btsma {left:0;position: relative;}
	.block-illus.illusR {padding-right:0;}
	.block-illus.illusL {padding-left:0;}
	.block-illus .zonetitre {height:20px;}
	.block-illus .zonetitre span.texte {margin:3px 0 0 5px; font-size:16px; width:220px;}
	.block-illus .zonetexte p {	font-size:12px; }
	.block-illus .zonetexte ul, .block-illus  .zonetexte ol {font-size:11px; margin-left:15px;}
	.block-illus .zonetexte p.texte {font-size:11px; margin-left:0px; line-height:14px; padding-top:10px; text-align:justify;}
	.block-illus .zonetexte p.btsma {margin:10px 0 0 0;}
	
	/* OFFRES ET REDUCTION + OFFRE FICHE
	----------------------------------------------- */	
	.block-small .bscolgauche{width:150px;}
	.block-small .bscoldroite{width:135px;}
	.block-small .bscoldroite img {margin:10px 0 0 0;width:135px;}
	.block-small .bscoldroite .btsma {top:80px;left:8px;}

	/* HELPERS
	----------------------------------------------- */
	
	/* 	block témoignages*/	
	.block-temoignage {display:none;}
	
	/* 	puces carrées */
	.puceCarre {width:20px;	height:17px;padding:3px 0 0 0;font-size:16px; }
	.puceCarre.fleche {	width:20px; height:18px;	padding:2px 0 0 0;}
	
	/*block générique gris */
	.block-gris-generique .zonetitre {	font-size:16px;	}
	.block-gris-generique .zonetexte {	font-size:12px;	}
	
	/* ML TOP */
	#mentionslegales {font-size:12px;height:30px;}


		
	/* BASELINE 
	----------------------------------------------- */		
	
	span#e_baseline {top: 15px;	}
	
	
	div#e_menuLevel1 div.e_smenu ul li {    padding-left: 0px;}
	
	
}



@media only screen and (min-width: 640px) and (max-width: 759px) {
	
	
	div#e_menuLevel1 nav > ul > li > a, div#e_menuLevel1 > ul > li > a {
padding: 15px 8px 0;/* Padding texte menu */
}
	div#e_menuLevel1 nav > ul, div#e_menuLevel1 > ul {
    width: 620px;
	}
		
	
	/* STRUCTURE
	----------------------------------------------- */
	.wrap div.centered {	width:640px;}
	.wrap div.centeredmarged {	width:620px;}
	.wrap div.maincontent {	width:620px; padding:0 10px;}
	
	div.col-left {margin-right:5px;}
	div.col-right {margin-left:5px;}
	

	
	/* MAIN - BLOCK H1
	----------------------------------------------- */	
	.h1-blocktop .zonetexte {
		padding:5px 10px 10px 10px;
		height:50px;
	}
	.h1-blocktop .zonetexte h1 span {font-size:20px;}
	.h1-blocktop .zonevisu {height:120px;}
	
	
	
	/* MAIN - BLOCK H2
	----------------------------------------------- */	
	.h2-blocktop {	margin-top:40px;}
	.h2-blocktop h2 {font-size:18px; }
	.h2-blocktop p {font-size:12px; font-weight:normal;}
	
	
	
	/* BASELINE 
	----------------------------------------------- */		
	

	span#e_baseline {
    top: 15px;
    width: 200px;
	}
	
	
	/* MAIN - BLOCK + ILLUS GENERIQUE
	----------------------------------------------- */	
	.block-illus {margin:15px 0; padding-bottom:40px;}
	.block-illus .btsma {left:0;}
	.block-illus.illusR {padding-right:0;}
	.block-illus.illusL {padding-left:0;}
	.block-illus .zonetitre {height:30px;}
	.block-illus .zonetitre span.texte {/*margin:10px 0 0 5px;*/ font-size:20px;}
	.block-illus .zonetexte p {	font-size:14px;}
	.block-illus .zonetexte ul, .block-illus  .zonetexte ol {font-size:12px;}
	.block-illus .zonetexte p.texte {font-size:12px;}
	
	
	/* OFFRES ET REDUCTION + OFFRE FICHE
	----------------------------------------------- */	
	.block-small .bscoldroite {margin:0 0 0 70px;}
	
	.home-block-small .bscoldroite{margin:0 0 0 6px; width:146px;}
	.home-block-small .bscoldroite img{margin:20px 0 0 0; width:135px;}
	.home-block-small .bscolgauche{width:150px;}
	.home-block-small .bscoldroite .btsma{top:92px;left:8px;}
	
	/* HELPERS
	----------------------------------------------- */
	
	/* 	block témoignages*/	
	.block-temoignage {font-size:14px;	padding:10px 10px 5px 10px;	}
	.block-temoignage p.temoin {font-size:12px;	}
	
	/* 	puces carrées */
	.puceCarre {width:30px;	height:24px;padding:6px 0 0 0;font-size:20px;}
	.puceCarre.fleche {	width:30px; height:25px;	padding:5px 0 0 0;}
	
	/*block générique gris */
	.block-gris-generique .zonetitre {	font-size:20px;	}
	.block-gris-generique .zonetexte {	font-size:12px;	}
	
	/* ML */
	#mentionslegales {font-size:12px;}

	/* HEADER */

span#e_baseline {
    left: 105px;
}

div#e_bdLegal {font-size:1.3em;}

}



@media only screen and (min-width: 760px) and (max-width: 979px) {/* env 80% */

	
	/* STRUCTURE
	----------------------------------------------- */
	.wrap div.centered {	width:760px;}
	.wrap div.centeredmarged {	width:720px;}
	.wrap div.maincontent {	width:740px; padding:0 10px;}
	/* marges intercolonnes */
	div.col-left {margin-right:5px;}
	div.col-right {margin-left:5px;}
	

	
	
	/* MAIN - BLOCK H1
	----------------------------------------------- */	
	.h1-blocktop .zonetexte {
		padding:15px;
		height:60px;
	}
	.h1-blocktop .zonetexte h1 span {font-size:24px;}
	.h1-blocktop .zonevisu {height:160px;}
	
	/* MAIN - BLOCK H2
	----------------------------------------------- */	
	.h2-blocktop h2 {font-size:22px; }
	.h2-blocktop p {font-size:14px;}
	
	
	/* MAIN - BLOCK + ILLUS GENERIQUE
	----------------------------------------------- */	
	.block-illus {margin:20px 0;}
	.block-illus .zonetitre span.texte {margin:10px 0 0 5px; font-size:22px;}
	.block-illus.illusR {padding-right:250px;}
	.block-illus.illusL {padding-left:250px;}
	.block-illus .zonetexte p {	font-size:14px;}
	.block-illus .zonetexte p.texte {font-size:12px; margin:10px 0 0 0;}
	.block-illus .zonetexte ul, .block-illus  .zonetexte ol {font-size:12px;}

	
	/* OFFRES ET REDUCTION + OFFRE FICHE
	----------------------------------------------- */	
	.block-small .bscolgauche{width:150px;margin: 8px 10px 0 15px;}
	.block-small .bscoldroite img {margin:10px 0 0 0;}
	.block-small .bscoldroite .btsma {top:95px;}

	

	/* HELPERS
	----------------------------------------------- */
	
	/* 	block témoignages*/	
	.block-temoignage {font-size:16px;	padding:10px 10px 5px 10px;	}
	.block-temoignage p.temoin {font-size:12px;	}
	
	/*block générique gris */
	.block-gris-generique .zonetitre {	font-size:22px;	}
	.block-gris-generique .zonetexte {	font-size:14px;	}
	
	
	/* ML */
	#mentionslegales {font-size:13px;}

/* FOOTER
	----------------------------------------------- */


div#e_footer_mid_content div.paypal {
    width: 70%; /* logo paypal bas de page */
}

/* HEADER
	----------------------------------------------- */

span#e_baseline {
    left: 125px;
}

div#e_bdLegal {font-size:1.4em;}

}