/* CSS Document */


/*responsive*/
@media (max-width: 1400px) {
	
.hide1400 {display:none !important}
.bg {background:none !important}	
.topBar nav  a {display:none !important}

#topBar {
    background-image: url(../img/vague_blanc_small_menu2.png);
    background-position: center bottom;
    background-repeat: repeat-x;
}

#topBar {
    position: fixed;
    top: 0;
    left: 0;
    margin-top: 0;
    w z-index: 200;
    padding: 10px 20px 20px 20px;
}

/*#topBar h1 img {
    z-index: 101;
    top: 0;
    left: 50%;
    margin: 0 auto 0 -190px;
    width: 380px;
	
}*/
.cart {
  width: 31%;  height: 460px;  margin: 1%;
}

@media (max-width: 960px) {
.hide960 {display:none !important}	
	.cart , .page .cart {
  width: 48% !important;  height: 460px !important;  margin: 1%;
}


.contentTxt , .contentTxt2, .contentTxt3, .contentTxt4{
  left: 5% !important;
 }
 
.mainImg,.mainImg2 {
  left: 54%;transform: scale(0.8);

} 
.bContent {width: 460px !important; left: 2% !important; left:9% !important}


/*.bloc1-3,.blocSpa1-3, .bloc1-2, .bloc1-4 {display:inline-block; vertical-align:top; width:29%;}*/
/*.blocSpa1-3 {width:6%}*/
.bloc1-2 { width:100% !important; margin-bottom:20px}
.bloc1-3 { width:100% !important; margin-bottom:20px}
.bloc1-4 { width:50%;margin-bottom:25px !important}
.blocSpa1-4,.blocSpa1-3 {display:none}

#village, #la-cause { background-image:none}
#village .titleVillage {transform: scale(0.9);}
#la-cause  h2 {font-size:40px !important; line-height:46px !important; text-align:center !important; letter-spacing:-0.51px !important; }
#partenaires {padding:0}

#artiste .recap {font-size:20px; line-height:26px; margin:40px 0 40px 0; width:90%; max-width:90%}
.pictoArt {position:absolute; bottom:-45px; left:4%}

#village .titleVillage .ball {
    position: absolute;
    left: 60%;
    top: 70%;
    width: 120px;

}


#le-touquet h2 , #le-touquet h2 small {font-size: 60px; line-height:60px; letter-spacing: -1px;text-align:center !important}
#le-touquet h2 { margin-bottom:20px;margin-top: -40px;}
#le-touquet h2 img{ display:block !important; margin:0 auto !important; width:200px !important; max-width:80% !important; float:none !important }

#le-touquet h3 {text-align:center}

@media (max-width: 580px) {
	.cart {
  width: 98%;  height: 460px;  margin: 1%;
}
}