@media only screen and (max-width:800px) {


/**ordre blocs**/

#positionLogoMobile {z-index:1;}

/**positions blocs**/
#fond {width:100%; left:0; height:100%; margin:0; background-image:none;}

#positionLogoMobile {display:block; position:absolute; top:0; left:0; width:100%; margin:0; padding:0;}
#positionLogoMobile h1 {font-size:100%; width:90%; color: #f28e00; text-align:left; text-transform:uppercase; padding:2px 2px 2px 5px; margin:0; background-color:#ffffff;}

.mobileInvisible, #positionLogoVide, #actuZoom, #vous object, #menuformation object, #menuvie object, #animation {display:none;}

#menu2 {font-size:120%; left:0; top:1400px; width:100%; text-align:center; background-color:none; margin:0 0 30px 0;}
#menu2 ul li {float:none; list-style:none; margin:5px; padding:5px; background-color:#8aaad9; -moz-border-radius:0.5em; -webkit-border-radius:0.5em;-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em; border-radius:0.5em;}
#menu2 a {padding:5px; font-size:0.75em; margin:0px; color:#005582; text-decoration:underline;}

#menuhd {display:none;}
.mobileVisible {display:block;}

#recherche {left:12px; top:1350px; width:100%;}
#recherche h2 {margin:0; color:#e76920; font-size:100%;}
#inputSearch {width:80%;}

#actu {font-size: 110%; left:0; top:110px; height:220px; width:100%; overflow:hidden;}
#actu h2 {display:block; color:#8aaad9; font-size:18px; width:100%; background-color:#ffffff; text-transform:uppercase; font-weight:normal; padding:5px 0 0 5px; font-size:150%;}
#actu ul {width:100%; -webkit-animation:none; -moz-animation: none; -ms-animation:none; -o-animation:none; animation:none; margin:10px 0 0 0;}
#actu ul li {float:none; width:100%; height:100%; display:block; margin:5px 0 15px 0;}

#liensactu {display:none;}

#liensactu2 {font-size:120%;display:block; padding:0; margin:0; position:absolute; left:0px; top:330px; width:100%; height:230px; text-align:center; background-color:none;}
#liensactu2 ul {width:100%; margin:0px; padding:0px;}
#liensactu2 ul li {width:auto; float:none; list-style:none; margin:3px 0 0 0; padding:5px;background-color:#8aaad9;-moz-border-radius:0.5em; -webkit-border-radius:0.5em;-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em; border-radius:0.5em;}
#liensactu2 a {padding:5px; font-size:0.75em; margin:0px; color:#005582; text-decoration:underline;}

#vous {font-size:120%; top:530px; left:0; width:100%; height:250px;}
#vous ul {margin:3px 3px 3px 10px;}
#vous h2 {width:100%; background-color:#ffffff; color:#969620;  font-size:150%;}

#menuformation {font-size:120%; top:810px; left:0; width:100%; height:270px;}
#menuformation ul {margin:3px 3px 3px 10px;}
#menuformation h2 {width:100%; background-color:#ffffff; color:#c38cbc; font-size:150%;}

#menuvie {font-size:120%; top:1100px; left:0; width:100%; height:250px;}
#menuvie ul {margin:3px 3px 3px 10px;}
#menuvie h2 {width:100%; background-color:#ffffff; color:#f29512;  font-size:150%;}

#menulangues {height: 20px; top:60px; left:3px; width:100%;}
#menulangues img {width:30px; height:15px; padding:5px;}

#mediaSoc {top:108px; left:170px; height:23px;}
#mediaSoc img {width:20px; height:20px;}
#mediaSoc ul li {border:none; padding:0 10px 0 10px;}

}

@media only screen and (max-width:480px) {



}

@media only screen and (max-device-width:640px) and (orientation:landscape){

/*body{-webkit-text-size-adjust:80%!important;}*/
	
}

@media only screen and (max-width:320px) {

}

@media only screen and (max-width:240px) {

}