.page1 .uk-slidenav-position.accueil,
.page2 .uk-slidenav-position.accueil {
height:  125px!important;
overflow: hidden;
float: none!important;
clear: both!important;
}

@media (min-width: 980px) {
.uk-container {
max-width: 940px!important;
/*background-color: #fff;*/
}

}

@media (max-width: 980px) {

}


@media (max-width: 979px) {

.uk-container {
max-width: 940px!important;
/*background-color: #fff;*/
}

/* OFF CANVAS */
.uk-visible-medium {
display: block!important;
/* corriger la feuille de style uikit qui l'annonce en display none*/
}
/*MODIFS MENU*/
.uk-navbar-nav > li {
float: none;
position: relative;
}
.uk-offcanvas-bar {
z-index: auto;
background-color: #625860;
}
.uk-offcanvas-bar .uk-parent, .uk-offcanvas-bar .uk-dropdown {
display: block; position: relative; float: none; width: 100%;transition: none;
}
.uk-offcanvas-bar .uk-dropdown.uk-dropdown-navbar.uk-dropdown-bottom {
top: 0px!important;
}
.uk-navbar li a {
text-align: left;
}
.uk-open > .uk-dropdown-navbar, .uk-open > .uk-dropdown {
animation: none!important;
}

.uk-offcanvas-bar .uk-parent > .uk-dropdown {
padding-left: 15px;
}

.uk-offcanvas-bar .uk-navbar .uk-navbar-nav > li > a,
.uk-offcanvas-bar .uk-navbar .uk-navbar-nav > li > div > ul > li > a {
font-weight: bold;
color: #fff;
background-color: #625860;
}
div.uk-navbar-content {
float:  none!important;
clear: both;
display: block;
padding-bottom: 30px;	
}
.uk-navbar {
border: none!important;
}
.uk-search.uk-form {
width: 100%;
}
.uk-navbar #navAccueil .borderBas1 h1 a {
margin-left: 0!important;
}
/* BURGER */
.uk-navbar-toggle {
position: absolute; top: 10px; left: 20px;
}
.uk-navbar-toggle::after{
font-size: 30px;
}
.uk-navbar-toggle, .uk-navbar-toggle:hover, .uk-navbar-toggle:focus {
color: #fff;
}
.uk-offcanvas-page .uk-navbar-toggle {
color: #fff;
opacity: 0.8;
}
/*.uk-offcanvas-page .uk-navbar-toggle:hover, .uk-offcanvas-page .uk-navbar-toggle:focus {
color: #fff;
opacity: 1;
}*/
.uk-grid {
padding-left: auto!important;
}

}

@media (max-width: 960px) {

.uk-container {
max-width: 920px!important;
/*background-color: #fff;*/
}
}

@media (min-width:801px) {
header #reso800 {
display: none!important;
}
}

@media (max-width: 800px) {

header #reso801 {
display: none!important;
}
.uk-container {
max-width: 760px!important;
/*background-color: #fff;*/
}
.saisonMusicale h1 {
font-size: 34px !important;
line-height: 36px!important;
margin-bottom: 0 !important;
margin-top: 10px;
padding-bottom: 0 !important;
}
.saisonMusicale h2 {
font-size: 19px !important;
line-height: normal!important;
margin-bottom: 0 !important;
margin-top: 10px;
padding-bottom: 8px!important;
}
}

@media (max-width: 768px) {

.uk-container {
max-width: 728px!important;
/*background-color: #fff;*/
}
.gallery {
width: auto!important;
}
.gallery .uk-grid-divider:empty {
margin-top: 0!important;
}
.uk-width-small-1-1.uk-width-medium-1-3.uk-width-large-1-3.uk-row-first img.hidden-small {
height: 70px!important;
}
.saisonMusicale h1 {
font-size: 32px !important;
line-height: 35px!important;
margin-bottom: 0 !important;
margin-top: 10px;
padding-bottom: 0 !important;
}
.saisonMusicale h2 {
font-size: 17px !important;
line-height: normal!important;
margin-bottom: 0 !important;
margin-top: 10px;
padding-bottom: 8px!important;
}

}

@media (max-width: 640px) {

.uk-container {
/*max-width: 600px!important;*/
/*background-color: #fff;*/
}
.col1, .col2, .col3, .col4 {
    padding-left: 50px;
    padding-right: 25px;
}

/* IMAGES */
.aGauche {
float: none;
clear:  both;
padding-right: 0px;
padding-bottom: 15px;
max-width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
}
.aDroite {
float: none;
clear:  both;
padding-left: 0px;
padding-bottom: 15px;
max-width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
}
.artisteArchitecte figcaption {
background-color: transparent;
display: block;
margin: 0;
max-height: auto;
opacity: 1;
overflow-y: none;
padding: 0!important
}
.contenu p {
/*text-align: justify;*/
width: 100%;
}
.uk-overlay-right.saisonMusicale {
    top: 46%;
}
.movethis p:first-child, .movethis iframe {
margin-top: 20px;
}
.movethis p, .movethis .figcaption,
.movethis2 p, .movethis2 .figcaption {
text-align: center!important;
}
.movethis p img {
margin-left: auto;
margin-right: auto;
}
.laLettre {
display: block;
margin-left: auto;
margin-right: auto;
width: 100%;
}
p.liensLettre {
display: block !important;
    margin-left: 100px;
    text-align: left !important;
    width: auto !important;
}
iframe {
width:  100%;
margin-left: auto!important;
margin-right: auto!important;
}
}

@media (max-width: 600px) {

.uk-container {
/*max-width: 560px!important;*/
/*background-color: #fff;*/
}

}

@media (max-width: 480px) {

.uk-container {
/*max-width: 440px!important;*/
/*background-color: #fff;*/
}
body.page1 header .uk-position-cover,
body.page2 header .uk-position-cover {
bottom: 50% !important;
}

.navlightAccueil ul.Langues {
right: 28px;top: 57px;
}
#navAccueil .borderBas1 h1, #navAccueil .borderBas2 h1 {
font-size: 14px !important;
line-height: 34px;
}
.titreAccueil p {
font-size: 27px;
line-height: normal;
}
span.titreAccueil1, span.titreAccueil2 {
font-size: 24px;
}
.accueil img {
width: auto!important;
min-width: auto!important;
max-width: auto!important;
}
.uk-overlay-right.saisonMusicale {
    top: 26%;
}
.saisonMusicale h1 {
font-size: 27px !important;
 line-height: 31px !important;
}

}

@media (max-width: 479px) {

body.page1 header .uk-position-cover,
body.page2 header .uk-position-cover {
bottom: 73% !important;
}
}

@media (max-width: 360px) {

.uk-container {
/*max-width: 320px!important;*/
/*background-color: #fff;*/
}
.footerDeux p {
font-size: 0.9em;
}

.navlightAccueil {
clear: both;
float: left;
}
.titreAccueil {
padding-top: 25px!important;
width: 100%;
float: none;
clear: both;
}

header img {
margin-top: 40px;
}

.uk-overlay-right.saisonMusicale {
top: 10%;
left: 50%!important;
margin-top: 0px!important;
}
.saisonMusicale h1 {
font-size: 23px !important;
 line-height: 25px !important;
}
p.liensLettre {
display: block !important;
    margin-left: 70px;
    text-align: left !important;
    width: auto !important;
}
}

@media (max-width: 320px) {

.uk-container {
/*max-width: 280px!important;*/
/*background-color: #fff;*/
}
.uk-overlay-right.saisonMusicale {
top: 0%;
left: 50%!important;
margin-top: 0px!important;
}
p.liensLettre {
display: block !important;
    margin-left: 50px;
    text-align: left !important;
    width: auto !important;
}



}