/* CSS Document */



@media only screen and (max-width: 639px) {
	
	/* STRUCTURE
	----------------------------------------------- */
	.bgwrap div.wrapped {	width:310px; padding-left:10px;}
	.bgwrapcont div.wrapped {	width:320px;}
	.pucebigfleche {
    background-size: 22px 22px;
    font-size: 15px;
    min-height: 40px;
    padding-top: 5px;
	background-position: 0 7px;
}
	#pagecontent{
	margin-top: 0px;
    min-height: 200px;
    position: relative;}
	
		
		
	/* HEADER
	----------------------------------------------- */
	.bgwrap.header { height:50px;}

	#header-logo {width:72px; height:50px; margin-right:30px;}
	#header-baseline {font-size:12px;margin-top:19px;}
	#header-compte {display:none;}
	
	
	
	/* HEADER MENU
	----------------------------------------------- */
	
	#header-menu { background-position:8px 0px;}
	
	#header-menu li {
		display:none;
		padding-left:10px;
		padding-right:13px;
		font-size:10px;
	}
	
	/*// cacher par défaut les menus pour la version 320px*/
	#header-menu li + li + li + li + li {display:block;}
	
	
	#fondmenu320 {	background-color: rgba(00, 00, 00, 0.5);}
	
	
	
	/* BANDEAU PAGE INTERNE 
	----------------------------------------------- */

	#bandeaupage-visu {
    height: 103px;
    right: 0;
    width: 130px;
}
	#bandeaupage-text span.titre {	font-size:18px;	}
	#bandeaupage-text h1{ width:220px; margin:0;}
	#bandeaupage-text span.soustitre {	font-size:14px;	}
	#bandeaupage {	height:80px;}
	
	
	
	
	/* MEGA MENU
	----------------------------------------------- */
	
	#megamenu {	display:none;}
	
	
	
	/* PREFOOTER
	----------------------------------------------- */
	.bgwrapcont.prefooter {
		display:none;
	}
	#prefooter span.visu {background:none;}


	/* FOOTER BLEU
	----------------------------------------------- */
	
	.bgwrapcont.footer-bleu {margin-top:80px;height:240px;}
	#footer-bleu {background:none;}
	
	#footerbleu-sommetEncart {
		position:absolute;
		top:-65px;
		background:none;
		background-color:#FFFFFF;
		width: 320px;
	}
	#footerbleu-texteEncart {
		width: 300px;
		font-size:14px;
		margin:15px auto;
	}
	
	#footerbleu-multicol {display:none;}
	
	#btFooter320only {display:block;}
	
	#btFooter320only a:last-child li {border-bottom-width:0px!important;}
	
	
	/* FOOTER GRIS FONCE
	----------------------------------------------- */
	.bgwrapcont.footer-grisf {display:none;}
	
	
	/* POSTFOOTER
	----------------------------------------------- */
	.bgwrapcont.postfooter {height:50px;}
	#cgv p {
		text-align:justify;
		}
	
	#postftrText {
		margin-right:0px;
		font-size:11px;
		text-align:center;
	}
	
	
	

	
}




















@media only screen and (min-width: 640px) and (max-width: 759px) {

	/* STRUCTURE
	----------------------------------------------- */
	.bgwrap div.wrapped {	width:620px;}
	.bgwrapcont div.wrapped {	width:640px;}
	
		
		
	/* HEADER
	----------------------------------------------- */
	.bgwrap.header { height:60px;}

	#header-logo {width:85px; height:59px;}
	#header-baseline {font-size:12px;margin-top:39px;}
	#header-compte {margin-top:10px; margin-right:20px;}
	
	
	
	/* HEADER MENU
	----------------------------------------------- */
	#header-menu li {
		padding-left:23px;
		padding-right:25px;
		font-size:10px;
	}
	
	
	/* MEGA MENU
	----------------------------------------------- */
	#menu-decouvrir, #menu-services {width:600px;}
	.megamenu-col {margin-left:20px; width:180px;}
	.megamenu-col div.mm-picto {display:none;}
	

	/* BANDEAU PAGE INTERNE 
	----------------------------------------------- */

	#bandeaupage {	height:100px;}
	#bandeaupage-visu {	width:248px; height:140px;}
	#bandeaupage-text span.titre {	font-size:24px;	}
	#bandeaupage-text span.soustitre {	font-size:18px;	}
	
	
	/* PREFOOTER
	----------------------------------------------- */
	.bgwrapcont.prefooter {
		display:none;
	}
	#prefooter span.visu {background:none;}


	/* FOOTER BLEU
	----------------------------------------------- */
	
	.bgwrapcont.footer-bleu {margin-top:60px;height:230px;}
	#footer-bleu {background:none; }
	#footerbleu-sommetEncart {
		position:absolute;
		top:-65px;
		background:none;
		background-color:#FFFFFF;
		width: 640px;
	}
	#footerbleu-texteEncart {
		font-size:16px;
		margin:18px auto;
	}
	
	#footerbleu-multicol {	top:20px;}
	
	.ftrb-col.col1 {display:none;}
	.ftrb-col.col2 {display:none;}
	.ftrb-col.col3 {width:205px; margin-left:80px;}
	.ftrb-col.col4 {
		width:200px;
		background:none;
		margin-left:100px;
	}

	
	
	/* FOOTER GRIS FONCE
	----------------------------------------------- */
	
	.bgwrapcont.footer-grisf {height:100px;}
	#footergrisf-multicol {padding-top:20px;}
	
	.ftrgf-col {display:none;}
	.ftrgf-col.col1 {width:450px; display:block; margin-left:100px;}
	
	#ftrgf1-1 {float:left; margin-top:20px;  margin-right:20px;}
	#ftrgf1-2 {float:left;}
	
	
	
	/* POSTFOOTER
	----------------------------------------------- */
	.bgwrapcont.postfooter {height:50px;}
	
	#postftrText {
		margin-right:0px;
		font-size:16px;
		text-align:center;
	}

	
	
}



@media only screen and (min-width: 760px) and (max-width: 979px) {
	
	/* STRUCTURE
	----------------------------------------------- */
	.bgwrap div.wrapped {	width:740px;}
	.bgwrapcont div.wrapped {	width:760px;}
	
		
		
	/* HEADER
	----------------------------------------------- */
	#header {padding-left:10px;}
	#header-compte {margin-right:10px;}
	
	
	
	/* HEADER MENU
	----------------------------------------------- */
	#header-menu { background-position:18px 0px;}
	#header-menu li {padding-left:13px;}
	#header-menu li + li  {padding-left:23px;}
	
	/* MEGAMENU
	----------------------------------------------- */
	
	#menu-decouvrir, #menu-services {
		left:5px;
	}
	
	
	/* BANDEAU PAGE INTERNE 
	----------------------------------------------- */

	#bandeaupage-text span.titre {	font-size:28px;	}
	#bandeaupage-text span.soustitre {	font-size:20px;	}


	/* FOOTER BLEU
	----------------------------------------------- */
	
	
	#footerbleu-sommetEncart {width: 760px;}
	.ftrb-col {	margin-left:10px;}
	
	.ftrb-col.col1 {width:150px;}
	.ftrb-col.col2 {display:none;}
	.ftrb-col.col3 {width:205px; margin-left:90px;}
	.ftrb-col.col4 {
		width:200px;
		background:none;
		margin-left:90px;
	}
	
	
	
	
	/* FOOTER GRIS FONCE
	----------------------------------------------- */
	
	#ftrgf6 {display:none;}	
	.ftrgf-col {margin-left:10px;}
	.ftrgf-col.coln {margin-left:0px;}
	.ftrgf-col.colb {margin-left:0px;}

	
}