@media screen and (max-width: 1230px){
  .noscroll{overflow:hidden;}
  header{height:60px;}
  header .logo{left:20px; top:5px; width:190px;}
  header .openmenucomplet{display:block;}
  header .menucomplet{display:none; padding:80px 40px; position:fixed; top:0; left:0; width:100%; height:100%; overflow-y:auto; background-color:white;box-sizing:border-box;}
  header .menucomplet.clickopenmenucomplet{display:block;}
  header .menucomplet .closemenucomplet{display:block; z-index:99;}
  header .menucomplet .menu{display:block; padding:0 0 40px 0; float:left; width:50%;}
  header .menucomplet .menu ul{text-align:left; width:100%;}
  header .menucomplet .menu ul li{display:block; padding:0 0 15px 0;}
  header .menucomplet .menu ul li a{padding:5px 20px 5px 0; height:auto; line-height:1; font-size:1rem; }
  header .menucomplet .menu ul .menu-item-object-custom .sub-menu{display:block; text-align:left; width:100%; padding:0px 0 0px 20px; margin:0; position:static;}
  header .menucomplet .menu ul .menu-item-object-custom .sub-menu li a{font-size:1rem; font-weight:500; padding:8px 0; line-height:1.4rem;}
  header .menucomplet .logoopenmenucomplet{display:block; padding:20px 30px;  float:left; width:50%; margin:0; box-sizing:border-box; text-align:center;}
  header .menucomplet .logoopenmenucomplet img{max-width:250px; margin:0 auto;}

  header .navigation-langue{padding:0 20px 0 0;}

}

@media screen and (max-width: 1000px){
  header .navigation-primaire li a{font-size:0rem; }
  header .navigation-primaire li a i{font-size:2rem; padding:0 5px;}
  header .navigation-secondaire li a{font-size:2rem; padding:0 10px;}
}

@media screen and (max-width: 900px){
  header .menucomplet .menu{width:40%;}
  header .menucomplet .logoopenmenucomplet{width:60%;}
}

@media screen and (max-width: 767px){
  header .menucomplet{padding:60px 20px;}
  header .menucomplet .menu{width:100%; }
  header .menucomplet .logoopenmenucomplet{width:100%;}
  header .menucomplet .menu ul li a{text-align:center !important; padding-right:0;}
  header .menucomplet .menu ul .menu-item-object-custom .sub-menu{padding:0;}

  header .navigation-primaire li a i{font-size:1.7rem; padding:0 0px;}
  header .navigation-secondaire li a{font-size:1.7rem; padding:0 5px;}
}

@media screen and (max-width: 650px){
  header .openmenucomplet{ right:0;}
  header .navigation-primaire{display:none;}
  header .navigation-secondaire{display:none;}
}

@media screen and (max-width: 500px){
  header .logo{width:200px; top:5px;}
}


@media screen and (max-width: 350px){
  header .logo{width:157px; top:8px;}
}



@media screen and (max-width: 1220px){
	.introduction{padding-right:20px; padding-left:20px;}
}

@media screen and (max-width: 1030px){
  	.accueil .interne .intro{display:block; background-color:rgba(255, 255, 255, 0.85); padding:10px 20px 10px 20px; margin:0 0 0 0;}
	.accueil .interne .intro h1{display:block; padding:10px 0 20px 0; margin:0; text-align:center; font-size:1.1rem; font-weight:600; font-style:italic; box-sizing:border-box;}
	.accueil .interne .intro img{display:block; padding:0; margin:-189px auto 0 auto; text-align:center; width:230px; box-sizing:border-box;}
	.accueil .interne .intro a{width:250px; padding:15px 0; margin:0px auto 0 auto; font-size:0.95rem; }
	
}

@media screen and (max-width: 780px){
	.accueil{display:block; height:auto; padding:0; margin:0; }
	.accueil .interne{display:block; padding:80% 0 0 0;}
	.accueil .interne .intro{display:block; background-color:white; padding:10px 20px 0px 20px; margin:0 0 0 0;}
	.accueil .interne .intro h1{padding:10px 0 0px 0; font-size:1rem; font-weight:600; font-style:italic;}
	.accueil .interne .intro h1 br{display:none;}
	.accueil .interne .intro img{ margin:0 auto 0 auto !important; max-width:50%;}
	.accueil .interne .intro a{display:none;}

  .accueil-interne{padding:350px 0 0px 0;}
  .accueil-interne .titre{position:static; padding:0; }
  .accueil-interne .titre h1{display:block; width:100%; font-size:1rem; margin:0; padding:15px 10px; height:auto; line-height:1.3rem;  }

  .accueil-annuairesimplelocalisation .googlemapsannuairesimplelocalisation{height:350px; margin:50px 0 0 0;}


	.introduction{padding:20px 20px 20px 20px;}
	.introduction h2{font-size:1rem; text-align:justify;}

}


@media screen and (max-width: 500px){
	.accueil .interne .intro h1{font-size:0.9rem;}
	.introduction h2{font-size:0.9rem;}

}

@media screen and (max-width: 1200px){
.bloc-mosaique .listing-une-colonne li .bloc{position:static; background-color:transparent; width:100%; margin:0; padding:20px 0px;}
.bloc-mosaique .listing-deux-colonnes li{display:block; position:relative; width:50%; float:left; padding:0 10px 0 0; margin:0; box-sizing:border-box;}
.bloc-mosaique .listing-deux-colonnes li:last-child{padding:0 0 0 10px;}
.bloc-mosaique .listing-deux-colonnes li .bloc{position:static; background-color:transparent; width:100%; margin:0; padding:20px 0px;}
.bloc-mosaique .listing-trois-colonnes li{display:block; position:relative; width:33.333%; float:left; padding:0; margin:0; box-sizing:border-box;}
.bloc-mosaique .listing-trois-colonnes li.un{padding:0 10px 0 0;}
.bloc-mosaique .listing-trois-colonnes li.deux{padding:0 5px;}
.bloc-mosaique .listing-trois-colonnes li.trois{padding:0 0 0 10px;}
.bloc-mosaique .listing-trois-colonnes li .bloc{position:static; background-color:transparent; width:100%; margin:0; padding:20px 0px;}
}

@media screen and (max-width: 850px){
.bloc-mosaique .listing-une-colonne li .bloc a{display:block;}
.bloc-mosaique .listing-deux-colonnes li .bloc a{display:block;}
.bloc-mosaique .listing-trois-colonnes li .bloc a{display:block;}
.bloc-mosaique .listing-deux-colonnes li{width:100%;  float:none; padding:0  0 0; margin:0 auto;max-width:400px; }
.bloc-mosaique .listing-trois-colonnes li{width:100%; float:none; padding:0; margin:0 auto;max-width:400px;}
.bloc-mosaique .listing-deux-colonnes li:last-child{padding:0 0 0 0px;}
.bloc-mosaique .listing-trois-colonnes li.un{padding:0 0px 0 0;}
.bloc-mosaique .listing-trois-colonnes li.deux{padding:0 0px;}
.bloc-mosaique .listing-trois-colonnes li.trois{padding:0 0 0 0px;}
}



@media screen and (max-width: 1100px){
  .bloc-signaletique h2{font-size:1.4rem;}
  .bloc-signaletique h3{padding:20px 0; font-size:1rem;}
  .bloc-signaletique a{font-size:0.8rem;}
}

@media screen and (max-width: 770px){
  .bloc-signaletique .filtre{opacity:1 !important;}
  .bloc-signaletique h3 br{display:none;}
  .bloc-signaletique a{margin:0;}

  .bloc-signaletique .colonne{width:100%; padding:0 20px; margin:0px 0 30px 0; }
  .bloc-signaletique .colonne .titre{font-size:1rem; text-align:center; }

}





@media screen and (max-width:900px){
  .contenu-page-generale .listing-trois-colonnes li .bloc .fauxlien{top:0%; right:0px;}
  .contenu-page-generale .listing-deux-colonnes li .bloc .fauxlien{top:0%; right:0px;}
  .contenu-page-generale .listing-une-colonne li .bloc .fauxlien{top:0%; right:0px;}

}




@media screen and (max-width:760px){
  .contenu-page-generale{padding:0px 0 0 0;}
  .contenu-page-generale .titre-niveau-1{font-size:1.8rem; }
  .contenu-page-generale .titre-niveau-2{font-size:1.4rem; text-align:center;}
  .contenu-page-generale .titre-niveau-3{ font-size:1.1rem;  text-align:center;}
  .contenu-page-generale .contenu-editeur{ font-size:0.85rem; line-height:1.2rem; text-align:justify;}
  .contenu-page-generale .citation{ padding:25px 20px 15px 20px; font-size:1.2rem; line-height:1.5rem;}

  .contenu-page-generale .sliderimagespagegenerale .bx-next{right:5px; }
  .contenu-page-generale .sliderimagespagegenerale .bx-prev{left:5px;}

  .contenu-page-generale .liste-deux-colonnes li{display:block; width:100%; padding:5px 0px 5px 15px; font-size:0.85rem; line-height:1.2rem;}


  .contenu-page-generale .bouton a{display:block; font-size:0.8rem; text-align:center;}
  .contenu-page-generale .bouton a span{font-size:1rem; padding:3px 0 0 0; display:block; text-align:center; }




  .contenu-page-generale .listing-une-colonne li .bloc{position:relative; bottom:auto; left:auto; background-color: rgba(255, 255, 255, 1); margin:0; padding:10px 30px 10px 10px; box-sizing:border-box; transition:all 0.5s ease; }
  .contenu-page-generale .listing-une-colonne li .bloc .big{ font-size:1rem;}
  .contenu-page-generale .listing-une-colonne li .bloc .fauxlien{right:0px; top:50%;}

  .contenu-page-generale .listing-deux-colonnes li{width:100%; padding:0 0 10px 0;}
  .contenu-page-generale .listing-deux-colonnes li:last-child{padding: 0 10px 0;}
  .contenu-page-generale .listing-deux-colonnes li .bloc{position:relative; bottom:auto; left:auto; background-color: rgba(255, 255, 255, 1); margin:0; padding:10px 30px 10px 10px; width:100%; box-sizing:border-box; transition:all 0.5s ease; }
  .contenu-page-generale .listing-deux-colonnes li:last-child .bloc{left:auto;}
  .contenu-page-generale .listing-deux-colonnes li .bloc .big{ font-size:1rem;}
  .contenu-page-generale .listing-deux-colonnes li .bloc .fauxlien{right:0px; top:50%;}

  .contenu-page-generale .listing-trois-colonnes li{width:100%; padding:0 0 10px 0;}
  .contenu-page-generale .listing-trois-colonnes li.un{padding:0 0 10px 0;}
  .contenu-page-generale .listing-trois-colonnes li.deux{padding:0 0 10px 0;}
  .contenu-page-generale .listing-trois-colonnes li.trois{padding:0 0 10px 0;}
  .contenu-page-generale .listing-trois-colonnes li .bloc{position:relative; bottom:auto; background-color: rgba(255, 255, 255, 1); left:auto; width:100%; margin:0; padding:10px 40px 10px 10px; box-sizing:border-box; transition:all 0.5s ease; }
  .contenu-page-generale .listing-trois-colonnes li.deux .bloc{left:auto;}
  .contenu-page-generale .listing-trois-colonnes li.trois .bloc{left:auto;}
  .contenu-page-generale .listing-trois-colonnes li .bloc .big{ font-size:1rem;}
  .contenu-page-generale .listing-trois-colonnes li .bloc .fauxlien{right:0px; top:50%;}


  .contenu-page-generale .liste-avec-visuel .liste{ width:100%; padding:0 0 0 0; }
  .contenu-page-generale .liste-avec-visuel .liste li{font-size:0.85rem; line-height:1.2rem;}
  .contenu-page-generale .liste-avec-visuel .visuel{ width:100%; padding:15px 0 0px 0;}

  .contenu-page-generale .bloc-slider-full{display:block; width:100%; padding:25px 0 10px 0; margin:15px 0 0 0; box-sizing:border-box;}
  .contenu-page-generale .bloc-slider-full .bloc-slider-full-wrapper{display:block; position:relative; padding:0 20px; margin:0 auto; text-align:center; max-width:940px; width:100%; box-sizing:border-box;}
  .contenu-page-generale .bloc-slider-full .bloc-slider-full-wrapper .titre{display:inline-block; padding:15px 0 5px 0; border-top:solid 6px white; line-height:1; margin:0; box-sizing:border-box;  font-size:1.8rem; letter-spacing:1px; text-transform: uppercase;}
  .contenu-page-generale .bloc-slider-full .bloc-slider-full-wrapper .bx-wrapper{display:block; padding:0 30px; margin:20px auto 0px auto; box-sizing:border-box; position:relative;}
  .contenu-page-generale .bloc-slider-full .bloc-slider-full-wrapper .bxsliderjcgpagegeneral{display:block; padding:0; margin:0; box-sizing:border-box;}
  .contenu-page-generale .bloc-slider-full .bloc-slider-full-wrapper .bxsliderjcgpagegeneral li{display:inline-block; text-align:center; padding:0 10px; margin:0; box-sizing:border-box;}
  .contenu-page-generale .bloc-slider-full .bloc-slider-full-wrapper .bxsliderjcgpagegeneral li h2{display:block; padding:0; margin:0; box-sizing:border-box;   font-weight:600; font-style:italic; font-size:0.8rem; line-height:1.2rem;}
  .contenu-page-generale .bloc-slider-full .bloc-slider-full-wrapper .bxsliderjcgpagegeneral li img{display:inline-block; width:100px; margin:20px 0;}
  .contenu-page-generale .bloc-slider-full .bloc-slider-full-wrapper .bx-next{display:block; position:absolute; top:20px; width:40px; height:40px; line-height:40px; text-align:center; right:-20px; padding:0; margin:0; box-sizing:border-box; font-size:2rem; text-decoration:none;}
  .contenu-page-generale .bloc-slider-full .bloc-slider-full-wrapper .bx-prev{display:block; position:absolute; top:20px; width:40px; height:40px; line-height:40px; text-align:center;  left:-20px; padding:0; margin:0; box-sizing:border-box; font-size:2rem; text-decoration:none;}
  .contenu-page-generale .bloc-slider-full .bloc-slider-full-wrapper .bx-pager{display:block; text-align:center; padding:0; margin:0; box-sizing:border-box;}
  .contenu-page-generale .bloc-slider-full .bloc-slider-full-wrapper .bx-pager .bx-pager-item{display:inline-block; padding:0 5px; margin:0; box-sizing:border-box;}
  .contenu-page-generale .bloc-slider-full .bloc-slider-full-wrapper .bx-pager .bx-pager-item a{display:block; padding:0; margin:0; box-sizing:border-box; width:10px; height:10px;}

  .contenu-page-generale .texte-avec-visuel-droite{display:block; padding:200px 0 0px 0; margin-top:15px; position:relative;}
  .contenu-page-generale .texte-avec-visuel-droite .texte{float:none; width:100%; padding:15px 0 0 0 ; font-size:0.9rem; line-height:1.4rem; }
  .contenu-page-generale .texte-avec-visuel-droite .visuel{ float:none; position:absolute; top:0; left:0; width:100%; padding:0; }
  .contenu-page-generale .texte-avec-visuel-droite .visuel img{max-height:200px; width:auto; max-width:100%; margin:0 auto;}

  .texte-avec-visuel-gauche{display:block; padding:200px 0 0px 0; margin-top:15px;  position:relative;}
  .texte-avec-visuel-gauche .texte{float:none; width:100%; padding:15px 0 0 0 ; font-size:0.9rem; line-height:1.4rem; }
  .texte-avec-visuel-gauche .visuel{ float:none; position:absolute; top:0; left:0; width:100%; padding:0; }
  .texte-avec-visuel-gauche .visuel img{max-height:200px; width:auto; max-width:100%; margin:0 auto;}



}


@media screen and (max-width: 1470px){
  .contenu-page-generale .galerie-videos .lien a{right:0;}

}

@media screen and (max-width: 1000px){
  .contenu-page-generale .galerie-photos ul li{display:block; float:left; width:25%; }
}

@media screen and (max-width: 768px){
  .contenu-page-generale .galerie-photos ul li{display:block; float:left; width:50%; }
  .contenu-page-generale .galerie-videos ul li{display:block; float:left; width:100%; }
}

@media screen and (max-width: 500px){
  .contenu-page-generale .galerie-videos .lien a{font-size:0.7rem;}

}

@media screen and (max-width: 450px){
  .contenu-page-generale .galerie-photos ul li{display:block; float:left; width:100%; }
}

@media screen and (max-width:350px){
  .contenu-page-generale .galerie-videos .lien a{font-size:0.6rem;}

}



@media screen and (max-width:1200px){
  .listingrepertoirerecherche{width:30%; }
  .listingrepertoire{width:70%;}


}

@media screen and (max-width:790px){
  .listingrepertoirerecherche{width:100%; }
  .listingrepertoire{width:100%; padding:30px 0 0 0;}

  .listingrepertoire .artiste{display:block; padding:0 0 20px 0; }
  .listingrepertoire .artiste .lettredebut{position:static; padding:0 0 20px 0; margin:0; font-size:4rem; }

  .listingrepertoire .artiste .open{text-align:left; padding:0; position:static; width:100%;}
  .listingrepertoire .artiste .open hr{display:none;}
  .listingrepertoire .artiste .open .programme{padding:0 5px; margin:20px 10px 0 0; width:auto; }

  .listingrepertoire .detailrepertoire{margin:40px 0 0px 0; }


}




@media screen and (max-width:767px){
 .section-image .colonne-texte{display:block; position:relative; padding:200px 0px 40px 0;}
 .section-image .colonne-texte h3{text-align:center; font-size:1.4rem; padding:30px 0 0 0;}
 .section-image .colonne-texte hr{padding:0; margin:15px auto 0 auto; }
 .section-image .colonne-texte h4{text-align:center; font-size:0.95rem; padding:15px 0 0 0;}
 .section-image .colonne-texte .image{ height:200px; width:100%;}
 .section-image.inverse .colonne-texte{padding:200px 0px 40px 0;}
 .section-image.inverse .colonne-texte .image{left:0; right:auto;}



}


@media screen and (max-width: 1400px){
.bloc-dates .bx-wrapper{padding:0 50px;}
}

@media screen and (max-width: 767px){
  .bloc-valeur{padding:50px 0 20px 0;}
  .bloc-valeur .colonne{width:100%; padding:0 0 30px 0;}

}


@media screen and (max-width:1220px){
  .mosaique-accordeon{ width:100%; margin:0;}

}

@media screen and (max-width: 1050px){
    .tri-accordeon li{font-size:0.8rem;}
    .mosaique-accordeon.mosaique-accordeon-2 li.article{width:48%; margin:8px 1%;}
  .mosaique-accordeon.mosaique-accordeon-3 li.article{width:31.333%; margin:8px 1%;}
  .mosaique-accordeon.mosaique-accordeon-4 li.article{width:31.333%; margin:8px 1%;}
  .mosaique-accordeon.mosaique-accordeon-2 li.article.fermearticle{width:48%;  z-index:9;}
  .mosaique-accordeon.mosaique-accordeon-3 li.article.fermearticle{width:31.333%;  z-index:9;}
  .mosaique-accordeon.mosaique-accordeon-4 li.article.fermearticle{width:31.333%; z-index:9;}
  .mosaique-accordeon.mosaique-accordeon-2 li.article.openarticle{width:98%;  z-index:999;}
  .mosaique-accordeon.mosaique-accordeon-3 li.article.openarticle{width:64.666%;  z-index:999;}
  .mosaique-accordeon.mosaique-accordeon-4 li.article.openarticle{width:64.666%;  z-index:999;}

}

@media screen and (max-width: 767px){
  .mosaique-accordeon.mosaique-accordeon-2 li.article{width:48%; margin:8px 1%;}
  .mosaique-accordeon.mosaique-accordeon-3 li.article{width:48%; margin:8px 1%;}
  .mosaique-accordeon.mosaique-accordeon-4 li.article{width:48%; margin:8px 1%;}
  .mosaique-accordeon.mosaique-accordeon-2 li.article.fermearticle{width:48%;  z-index:9;}
  .mosaique-accordeon.mosaique-accordeon-3 li.article.fermearticle{width:48%;  z-index:9;}
  .mosaique-accordeon.mosaique-accordeon-4 li.article.fermearticle{width:48%;  z-index:9;}
  .mosaique-accordeon.mosaique-accordeon-2 li.article.openarticle{width:98%;  z-index:999;}
  .mosaique-accordeon.mosaique-accordeon-3 li.article.openarticle{width:98%;  z-index:999;}
  .mosaique-accordeon.mosaique-accordeon-4 li.article.openarticle{width:98%;  z-index:999;}

}

@media screen and (max-width:550px){
  .mosaique-accordeon.mosaique-accordeon-2 li.article{width:90%; margin:8px 5%;}
  .mosaique-accordeon.mosaique-accordeon-3 li.article{width:90%; margin:8px 5%;}
  .mosaique-accordeon.mosaique-accordeon-4 li.article{width:90%; margin:8px 5%;}
  .mosaique-accordeon.mosaique-accordeon-2 li.article.fermearticle{width:90%; margin:8px 5%; }
  .mosaique-accordeon.mosaique-accordeon-3 li.article.fermearticle{width:90%; margin:8px 5%; }
  .mosaique-accordeon.mosaique-accordeon-4 li.article.fermearticle{width:90%; margin:8px 5%; }
  .mosaique-accordeon.mosaique-accordeon-2 li.article.openarticle{width:90%; margin:8px 5%; }
  .mosaique-accordeon.mosaique-accordeon-3 li.article.openarticle{width:90%; margin:8px 5%; }
  .mosaique-accordeon.mosaique-accordeon-4 li.article.openarticle{width:90%; margin:8px 5%; }
}


@media screen and (max-width: 768px){
  .zone-singleactualite .wrapper-zone-singleactualite .galerie-photos ul li{display:block; float:left; width:50%; }
}




@media screen and (max-width: 800px){
  .zone-singleactualite .toutesdernieresactualites{text-align:center; padding:0 0 10px 0;}
  .zone-singleactualite .toutesdernieresactualites .titre{margin-top: 30px; font-size:1.6rem; }
  .zone-singleactualite .toutesdernieresactualites ul li{width:100%; margin:0 0 20px 0;}
  .zone-singleactualite .toutesdernieresactualites ul li:first-child{margin:0 0 20px 0;}
  .zone-singleactualite .toutesdernieresactualites ul li:last-child{margin:0 0 20px 0;}
  
}


@media screen and (max-width: 767px){
  .zone-singleactualite .toutesdernieresactualites .lien{margin:10px 0 0px 0; border-top:none; border:solid 4px white; text-align:center;}
  .zone-singleactualite .toutesdernieresactualites .lien a{display:block; padding:10px 10px; margin:0; position:static;height:auto; line-height:1.4rem;}
  .zone-singleactualite .toutesdernieresactualites .lien a span{font-size:2rem; display:block; padding:0 0 5px 0;}

  .zone-singleactualite .navigation-article{ padding:40px 0 40px 0; }
  .zone-singleactualite .navigation-article li{width:100%;}
  .zone-singleactualite .navigation-article li a{padding:15px 0; text-align:center; font-size:1.2rem;}
  .zone-singleactualite .navigation-article li:last-child a{text-align:center;}
  .zone-singleactualite .navigation-article li a span{display:block; vertical-align:middle; padding:0 0 0 0;}
 
  
}




@media screen and (max-width:760px){
  .zone-singleactualite .wrapper-zone-singleactualite{padding:0px 20px;}
  .zone-singleactualite .wrapper-zone-singleactualite .titre-niveau-2{font-size:1.4rem;}
  .zone-singleactualite .wrapper-zone-singleactualite .titre-niveau-3{ font-size:1.1rem; }
  .zone-singleactualite .wrapper-zone-singleactualite .contenu-editeur{ font-size:0.85rem; line-height:1.2rem; text-align:justify;}
  .zone-singleactualite .wrapper-zone-singleactualite .citation{ padding:25px 20px 15px 20px; font-size:1.2rem; line-height:1.5rem;}

  .zone-singleactualite .wrapper-zone-singleactualite .sliderimagespagegenerale .bx-next{right:5px; }
  .zone-singleactualite .wrapper-zone-singleactualite .sliderimagespagegenerale .bx-prev{left:5px;}

  .zone-singleactualite .wrapper-zone-singleactualite .bouton a{display:block; font-size:0.8rem;  border:solid 2px #8f134e;}
  .zone-singleactualite .wrapper-zone-singleactualite .bouton a span{font-size:1rem; padding:3px 0 0 0; display:block; text-align:center; }

  .zone-singleactualite .wrapper-zone-singleactualite .bloc-slider-full{display:block; width:100%; padding:25px 0 10px 0; margin:15px 0 0 0; box-sizing:border-box;}
  .zone-singleactualite .wrapper-zone-singleactualite .bloc-slider-full .bloc-slider-full-wrapper{display:block; position:relative; padding:0 20px; margin:0 auto; text-align:center; max-width:940px; width:100%; box-sizing:border-box;}
  .zone-singleactualite .wrapper-zone-singleactualite .bloc-slider-full .bloc-slider-full-wrapper .titre{display:inline-block; padding:15px 0 5px 0; border-top:solid 6px white; line-height:1; margin:0; box-sizing:border-box;  font-size:2rem; letter-spacing:1px; text-transform: uppercase;}
  .zone-singleactualite .wrapper-zone-singleactualite .bloc-slider-full .bloc-slider-full-wrapper .bx-wrapper{display:block; padding:0 30px; margin:20px auto 0px auto; box-sizing:border-box; position:relative;}
  .zone-singleactualite .wrapper-zone-singleactualite .bloc-slider-full .bloc-slider-full-wrapper .bxsliderjcgpagegeneral{display:block; padding:0; margin:0; box-sizing:border-box;}
  .zone-singleactualite .wrapper-zone-singleactualite .bloc-slider-full .bloc-slider-full-wrapper .bxsliderjcgpagegeneral li{display:inline-block; text-align:center; padding:0 10px; margin:0; box-sizing:border-box;}
  .zone-singleactualite .wrapper-zone-singleactualite .bloc-slider-full .bloc-slider-full-wrapper .bxsliderjcgpagegeneral li h2{display:block; padding:0; margin:0; box-sizing:border-box;  font-weight:600; font-style:italic; font-size:0.8rem; line-height:1.2rem;}
  .zone-singleactualite .wrapper-zone-singleactualite .bloc-slider-full .bloc-slider-full-wrapper .bxsliderjcgpagegeneral li img{display:inline-block; width:100px; margin:20px 0;}
  .zone-singleactualite .wrapper-zone-singleactualite .bloc-slider-full .bloc-slider-full-wrapper .bx-next{display:block; position:absolute; top:20px; width:40px; height:40px; line-height:40px; text-align:center; right:-20px; padding:0; margin:0; box-sizing:border-box; font-size:2rem;text-decoration:none;}
  .zone-singleactualite .wrapper-zone-singleactualite .bloc-slider-full .bloc-slider-full-wrapper .bx-prev{display:block; position:absolute; top:20px; width:40px; height:40px; line-height:40px; text-align:center;  left:-20px; padding:0; margin:0; box-sizing:border-box; font-size:2rem;text-decoration:none;}
  .zone-singleactualite .wrapper-zone-singleactualite .bloc-slider-full .bloc-slider-full-wrapper .bx-next:hover, .contenu-page-generale .bloc-slider-full .bloc-slider-full-wrapper .bx-prev:hover{ }
  .zone-singleactualite .wrapper-zone-singleactualite .bloc-slider-full .bloc-slider-full-wrapper .bx-pager{display:block; text-align:center; padding:0; margin:0; box-sizing:border-box;}
  .zone-singleactualite .wrapper-zone-singleactualite .bloc-slider-full .bloc-slider-full-wrapper .bx-pager .bx-pager-item{display:inline-block; padding:0 5px; margin:0; box-sizing:border-box;}
  .zone-singleactualite .wrapper-zone-singleactualite .bloc-slider-full .bloc-slider-full-wrapper .bx-pager .bx-pager-item a{display:block; padding:0; margin:0; box-sizing:border-box; width:10px; height:10px;}
  

  .zone-singleactualite .wrapper-zone-singleactualite .lien{ margin:30px 0 0 0; padding:0 0 30px 0; border-top:none; text-align:center;}
  .zone-singleactualite .wrapper-zone-singleactualite .lien .bloc{display:block;padding:0; margin:0; position:static; font-size:0.6rem; height:auto; line-height:1;}
  .zone-singleactualite .wrapper-zone-singleactualite .lien .bloc a{padding:5px 5px; margin:0 4px; font-size:2rem; }


}


@media screen and (max-width: 1400px){
  .annuairesimplelocalisation .introductionannuairesimplelocalisation{padding:5px 20px 20px 20px;  }
  .annuairesimplelocalisation .bloc{ width:30%; margin:20px 1% 0 1%; }


}

@media screen and (max-width: 1100px){
  .annuairesimplelocalisation .bloc{ width:45%; margin:0px 2% 20px 2%; }

  .tri-annuairesimplelocalisation{padding:0 0 30px 0; }


}

@media screen and (max-width: 767px){
  .annuairesimplelocalisation{display:block; padding:0px 0 50px 0;}
  .annuairesimplelocalisation .introductionannuairesimplelocalisation{padding:5px 20px 20px 20px;  }
  .annuairesimplelocalisation .bloc{display:block; width:90%; margin:20px auto 0 auto; max-width:400px; min-height: auto;}

  .tri-annuairesimplelocalisation{padding:0 0 10px 0; }
  .tri-annuairesimplelocalisation li{width:48%; padding:10px 5px; margin:0 0.5% 5px 0.5%; font-size:0.8rem; }



}



@media screen and (max-width: 1200px){
  .mosaique-produits li{width:33.333%;}


}

@media screen and (max-width: 1100px){
  .mosaique-produits li .a .lightbox .wrapper-lightbox{width:95%; padding:20px 20px 20px 20px; margin:40px auto; }
  .mosaique-produits li .a .lightbox .wrapper-lightbox .colonne-gauche{width:300px;}
  .mosaique-produits li .a .lightbox .wrapper-lightbox .colonne-droite{width:calc(100% - 300px);}


}

@media screen and (max-width: 900px){
  .tri-produit li{font-size:0.8rem;}
  .mosaique-produits li{width:50%;}

}

@media screen and (max-width: 767px){
  .intro-produits{padding:40px 0 0 0; font-size:1rem;}
  .mosaique-produits li{width:100%;}

  .mosaique-produits li .a .lightbox .wrapper-lightbox{width:100%; padding:60px 20px 20px 20px; position:relative; margin:0; }
  .mosaique-produits li .a .lightbox .wrapper-lightbox .colonne-gauche{width:100%;}
  .mosaique-produits li .a .lightbox .wrapper-lightbox .colonne-droite{width:100%; position:static;text-align:center; padding:20px 0 40px 0px;}
  .mosaique-produits li .a .lightbox .wrapper-lightbox .colonne-droite .contenu{padding:0;}
  .mosaique-produits li .a .lightbox .wrapper-lightbox .colonne-droite .contenu hr{text-align:center; width:60px; margin:10px auto 20px auto;}
  .mosaique-produits li .a .lightbox .wrapper-lightbox .colonne-droite .contenu .titre{font-size:1.4rem;text-align:center;}
  .mosaique-produits li .a .lightbox .wrapper-lightbox .colonne-droite .iconecloselightbox{display:block; padding:10px 20px;position:absolute; top:0; left:0; width:100%; text-align:right; font-size:3rem; }


}



@media screen and (max-width: 900px){
  .bloc-produits{display:none;}

}


@media screen and (max-width: 1400px){
  .infocontact{display:block; padding:0 0 0 50%; position:relative; margin:0; box-sizing:border-box;}
  .infocontact .contenu{display:block; width:600px; padding:70px 0 50px 70px; margin:0; box-sizing:border-box;}
  .infocontact .contenu h1{font-size:1.6rem;}
  .infocontact .contenu hr{}
  .infocontact .contenu .bloc{}
  .infocontact .contenu .bloc i{top:10px; left:10px; font-size:2rem;}
  .infocontact .contenu .bloc h2{text-align:left; font-size:1.2rem;}
  .infocontact .contenu .bloc a{text-align:left; font-size:1.1rem; }


}

@media screen and (max-width: 900px){
  .infocontact{padding:0; }
  .infocontact .googlemap{display:none;}
  .infocontact .contenu{display:block; width:100%; padding:40px 20px; }
  .infocontact .contenu h1{text-align:center; font-size:1.4rem; }
  .infocontact .contenu hr{ margin:20px auto 0 auto;}
  .infocontact .contenu .bloc{display:block; padding:0px 0 0 0; position:relative; margin:30px 0 0 0; box-sizing:border-box;}
  .infocontact .contenu .bloc i{display:block; padding:0 0 5px 0; position:static; font-size:2rem; text-align:center;}
  .infocontact .contenu .bloc h2{text-align:center; font-size:1rem;}
  .infocontact .contenu .bloc a{overflow: hidden; text-overflow: ellipsis; text-align:center; font-size:1.2rem;}

}


@media screen and (max-width: 767px){
.lightbox-message-wrapper{left:10%; width:80%; top:5%; max-height:90%;  margin:0; }
}




@media screen and (max-width:1220px){
  .zone-actualites .zone-recherche{display:block; padding:0 20px 30px 20px; margin:0; box-sizing:border-box;}
  .zone-actualites .mosaique-actualites{ width:90%; margin:0 auto; padding:0;}

}

@media screen and (max-width:1000px){
 .tri-agenda{ margin:0px 0 0px 0; }
  .tri-agenda li{display:block; padding:7px 5px; margin:0 0px 5px 0px; box-sizing:border-box;}

}

@media screen and (max-width:767px){
  .zone-actualites .titre-niveau-1{border-top:solid 4px #fff; font-size:1.8rem;}
  .zone-actualites .mosaique-actualites li.article{width:100%;margin:10px 0%;}

}













@media screen and (max-width: 1100px){
  
  footer{padding:0; border-top:solid 1px #444;}
  footer .colonne{width:50%; padding:120px 20px 0 20px;}
  footer .colonne p{padding:40px 0 0 0;}
  footer .colonne.centre img{ width:auto; max-height:100px; max-width:100%;}
  footer .colonne.centre{position:absolute; top:30px; left:0; width:100%; text-align:center;  border:none; padding:0; text-align:center;}
  footer .colonne .navigation-secondaire{display:none;}
}


@media screen and (max-width: 767px){
  
  
  footer .wrapper{padding-top:210px;}
  footer .colonne{width:100%;padding:0px 20px 0 20px;}
  footer .colonne p{padding:0px 0 0 0;}
  footer .colonne a{font-size:1rem; }
  footer .colonne a.mail{font-size:1rem; }
  footer .colonne .navigation-secondaire{display:block;}
  footer .mentions {padding-right:20px; padding-left:20px;}
  footer .mentions .wrapper{padding-top:0px;}

}