/*
Theme Name: Ampli
Theme URI:
Author: Alix Gaget
Description: theme ampli
Version: 1.0.1
*/

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
.at-layout-horizontal{display:none;}
.at-layout-vertical{display:none;}
*{
  padding: 0;
  margin: 0;
}

a{
  text-decoration: none;
}

body {
  width: 100%;
}

.main{
  width: 100%;
  max-width: 1060px;
  margin:auto;
}

ul li{
  list-style: none;
}


#scrollUp
{
  position: fixed;
  bottom : 60px;
  right: -500px;
  z-index: 9999;
}

.return_top{
  width: 50px;
  height: 50px;
}

/**************TITLES*/


h1, h2, h3, .second_nav{
  font-family: 'Teko', sans-serif;
}

h2{
  color: #c82f2f;
  text-transform: uppercase;
  font-weight: 700;
}

h4{
  font-weight: 350;
  font-size: 18px;
  color: #c82f2f;
  text-align: left;
}

h4, .carousel-caption .btn-primary{
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
}


a:hover{
  text-decoration: none;
}



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }
/* Carousel base class */

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 9rem;
  z-index: 10;
  left:800px;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 525px;
}

.slide{
  padding-top: 25px;
}

.carousel-inner{
    background-color: #790000;
    /*background: url('assets/img/imgUkraine.jpg') center repeat;*/
}
.carousel-item > img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}
.activity {
  padding : 5px;
}
.activity img {width:100%;}
.activity h3 {text-align: center;}

.img_left img{
  border-radius: 0px 400px 400px 0px;
  position: absolute;
  top: 0;
  left: 0;
  filter : drop-shadow(5px 5px 30px #000);
  height:100%;
  width: auto;
}

.btn-primary{
  margin-top: 20px;
  border:none;
  background-color: #fff !important;
  color: #000;
}

.btn-primary:hover{
  background-color: #000;
  color: #fff;
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
  display: block;
  width:100%;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}




/********************************HEADER*/

header{
  width: 100%;
}

.logo_ampli{
  width: 10%;
  padding-top: 8px;
  margin-left: 15px; 
}

.logo_ampli img{
  width: 100%;
}

.top{
  width: 100%;
  display: flex;
  background-color: #000;
  text-align: center;
  height: 60px;
  position: fixed;
  top: 0;
  z-index: 1000;
}

.social{
  padding: 15px;
  display: flex;
  width: 15%;
  padding-left: 10px;
}

.social i {
  color: #fff;
  font-size: 150%;
  margin-left: 5px;
  padding-left: 8px;
}

.social a:hover i {
  color:#c82f2f;
}

.second_nav{
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  color: #000;
  box-shadow: 0 0 0.5em rgba(0,0,0,0.5);
}

.second_nav ul{
  padding: 25px;
}

.second_nav ul a{
  color: #000;
}


.second_nav ul #menu-item-39, #menu-item-38{
  border-right: solid black 1px;
}



.first_nav ul{
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 16px;
  width: 100%;
}

.first_nav .navbar-collapse ul li a{
  color: #fff;
}

.first_nav ul li{
  width: 100%;
  height: 68px;
}

.first_nav ul li:hover{
  background-color: #c82f2f;
}

.navbar{
  padding:0;
  padding-bottom: 10px;
}
.nav-link{
  padding:0;
}

.nav-item{
  padding-top: 25px;
}

.navbar-nav{
  margin-left: 8px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
  background-color: rgba(0,0,0,0.7);
  width: 240px;
}

.dropdown-menu li{
  padding-top: 0;
  text-align: left;
  padding-top: 20px;
}

.dropdown-menu li a{
  padding-left: 20px;
}

.dropdown-menu{
  margin:0;
  padding: 0;
  border-radius: 0px 0px 5px 5px;
  border:0;
}

.navbar-expand-lg .navbar-nav .dropdown-menu #menu-item-47:hover{
  border-radius: 0px 0px 5px 5px;
}

/************************NAV PAGE*/

body.page header .second_nav{
  margin-top: 0px;   
}





/*********************************SIDEBAR*/

.sidebar .scene_locale_2, .news_2, .retour_sur_2{
  text-align: justify;
}

.sidebar{
  border-left: 1px solid  #000;
  padding-left: 40px;
}

.sidebar a{
  color: #6a0303;
}

.sidebar div h3{
  color:#c82f2f;
  padding-top: 0;
}


.sidebar .news_2 h3.bg-news{
  color: #fff;
  background: url('assets/img/cercle-150.png') center no-repeat;
  background-size: 292px 150px;
  height: 150px;
  margin:0 auto;
  text-align: center;
  width: 55%;
  margin-left: 0;
  padding-top: 47px;
  margin-bottom: 30px;
}


.sidebar .scene_locale_2 li a{
  font-family: 'Teko', sans-serif;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 700;
  padding-left: 7px;
  margin-top: 0px;
}

.sidebar .scene_locale_2 li{
  padding: 7px;
}


.infos_sidebar div ul{
  margin-top: 30px;
}

.infos_sidebar .news_2,.retour_sur_2 h3{
  margin-top: 80px;
}

.sidebar .retour_sur_2 h3{
  margin-top: 100px;
}






/***********************************SIDEBAR homepage*/

.infos_sidebar{
  text-align: center;
  margin-bottom: 200px;
}

.infos_sidebar h3, .sidebar h3{
  color: #c82f2f;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 44px;
  padding-top: 50px;
}

h3.bg-news {
  background: url('assets/img/cercle-150.png') center no-repeat;
  background-size: 292px 150px;
  height: 150px;
  margin:0 auto;
}

.infos_sidebar .scene_locale, .news{
  border-right: 1px solid #c82f2f;
}

.infos_sidebar div ul{
  margin-top: 0px;
}

.scene_locale a{
  font-family: 'Teko', sans-serif;
  font-weight: 800;
  font-size: 20px;
  color:  #6a0303;
  text-transform: uppercase;
  padding-left: 15px;
}

.news a, .retour_sur a{
  color: #6a0303;
}

.infos_sidebar .news ul li, .retour_sur ul li{
  text-align: left;
  padding-left: 45px;
}

.scene_locale ul li{
  text-align: justify;
  padding-top: 15px;
}

.scroll{
  height: 330px;
  overflow: auto;
}

.retour_sur h3, .scene_locale h3{
  padding-bottom: 40px;
}

::-webkit-scrollbar{
  width: 3px;
}

/*::-webkit-scrollbar-track {
      background-color: rgba(0,0,0,0.1);
}*/ /* the new scrollbar will have a flat appearance with the set background color */
 
::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.2); 
} /* this will style the thumb, ignoring the track */
 
::-webkit-scrollbar-corner {
      background-color: black;
} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */


.news h3{
  color: #fff;
}
.news ul, .retour_sur ul{
  padding-top: 40px;
}

.circle_news{
  position: absolute;
  z-index: -1;
  top: -55px;
  left: 19px;
}

/************************PROCHAINEMENT*/

.prochainement{
  text-align: center;
  margin-bottom: 210px;
  margin-top: 160px;
}

.prochainement div{
  margin-bottom: 20px;
}
.tribe-events-widget-events-list__view-more-link {
	color: #c82f2f !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
	font-size: 22px !important;
    font-family: 'Teko' !important;

}
.tribe-events-widget-events-list__header h2 {
	color: #c82f2f !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
	font-size: 44px !important;
    font-family: 'Teko' !important;
}
.prochainement h2, .prochainement .tribe-common-h6 .tribe-common-h--alt{
  text-align: left;
  width: 100%;
  font-size: 48px;
  padding-left: 15px;
}
h2.tribe-events-widget-events-list__header-title {
	text-align: left;
  width: 100%;
  font-size: 48px;
  padding-left: 15px;
}

.tribe-events-widget-events-list__event-row {
	padding-left:15px;
}
.prochainement h3, .prochainement .tribe-common-h7{
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.prochainement .event div{
  display: flex;
  color:#c82f2f;
  background-color: #000;
  padding: 0;
}
ul.cat-home-event-list {
display: flex;
width: 100%;
margin: 0;
padding: 0;
}
.prochainement .event ul.cat-home-event-list li {
display: flex;
width: 100%;
margin:0;
padding: 0;
}

.prochainement .event img {
  height: 100%;
  width: auto;
}
.prochainement .event span.date, .prochainement .event span.hour{
  font-family: 'Teko', sans-serif;
  font-weight: 800;
  font-size: 40px;
  width: 100%;
  /*display: flex;*/
	color:#c82f2f;
	text-align:center;
}

.prochainement .event div span.lieu{
  text-transform: lowercase;
  width: 100%;
  display: flex;
}


.prochainement .btn{
  border: 1.5px #c82f2f solid;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  font-family: 'Teko', sans-serif;
  font-size: 24px;
  margin: auto;
  border-radius: 30px 30px 30px 30px;
}


.prochainement .btn:hover{
  border: 1.5px #000 solid;
  background-color: #000;
}

.prochainement .btn a:hover{
  color: #fff;
}

.first_event, .second_event, .third_event{
  text-align: left;
  line-height: 35px;
  padding-left: 10px !important ;
  padding-top: 5px !important;
}

.inset_event:hover, .inset_event:hover, .inset_event:hover{
  box-shadow: 0 0 13px #000;
}

.first_event div p, .second_event div p, .third_event div p{
  padding-left: 10px; !important
  padding-top: 5px; !important
}

.prochainement .btn a{
  color: #000;
  padding-left: 10px;
  padding-right: 10px;
}

.prochainement .event-links{
  text-decoration: none;
}

.inset_event {
	padding-left:15px;
}

/******************************ACCOMPAGNEMENT*/


.accompagnement{
  margin-top: 10px;
  margin-bottom: 260px;
  position: relative;
}

.accompagnement .parallax{
  background-image: url(assets/img/Concert_salle.jpg);
}

.accompagnement .parallax p{
  color: #fff;
  text-align: justify;
  text-transform: none;
  margin-top: 180px;
  width: 90%;
  margin-left: 100px;
}

.accompagnement .row , .enseignement .row{
  margin-left: 0;
}

.accompagnement h2{
  color: #fff;
  margin-left: 100px;
  font-weight: 600;
  font-size: 44px;
}

.accompagnement .btn{
  margin-top: 20px;
  margin-left: 100px;  
  border: 1px #fff solid;
  border-radius: 30px 30px 30px 30px;
}

.accompagnement .btn a{
  font-size: 18px;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
}


.accompagnement .parallax div{
  margin:auto;
}


.parallax div img{
    width: 100%;
    margin-top: 130px;
    margin-left: 20px;
}

.parallax {
  /* The image used */
/*  background-image: url("assets/img/ConcertSalle 2.png");*/

  /* Set a specific height */
  width: 100%;
  height: 450px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; 
}




.red_circle {
  border-radius: 50%;
  background-color: rgb(200, 47, 47);
  position: absolute;
  left: -130px;
  top: -80px;
  width: 756px;
  height: 739px;
  z-index: -7;
}




/********************************ACTIVITES*/


.activities h2{
  font-size: 48px;
  text-align: center;
  margin-bottom: 80px;
}

.activities{
  text-align: center;
  margin-bottom: 200px; 
}

.activities h3 a{
  color: #c82f2f;
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
}

.activities div object{
  padding-bottom: 15px;
}
.activities p {text-align: left;font-style:italic;}
.activities ul li{
 text-align: left;
 list-style-type: disc;
}
.activities ul li span{
	color: #c82f2f;
    font-weight: 700;
}
.icon-creation:hover, .icon-creation:focus,
.icon-diffusion:hover, .icon-diffusion:focus,
.icon-actionculturelle:hover, .icon-actionculturelle:focus,
.icon-ressources:hover, .icon-ressources:focus{
    filter: invert(10%) sepia(80%) saturate(4000%) hue-rotate(346deg) brightness(154%) contrast(80%) 
    drop-shadow(2px 2px 2px white);
}




/***********************ENSEIGNEMENT*/


.enseignement .parallax div{
  margin:auto;
}

.enseignement .parallax{
  background-image: url(assets/img/mao.png);
}

.red_circle_2 {
  border-radius: 50%;
  background-color: rgb(200, 47, 47);
  position: absolute;
  top: 20px;
  right: -120px;
  width: 756px;
  height: 739px;
  z-index: -7;
}

.enseignement h2{
  font-size: 50px;
  font-weight: 600;
  text-align: right;
  margin-right: 130px;
  color: #fff;
}


.enseignement .parallax p{
  color: #fff;
  text-transform: none;
  text-align: justify;
  margin-top: 180px;
  width: 90%;
}


.enseignement .btn{
  margin-top: 20px;
  border: 1px #fff solid;
  border-radius: 30px 30px 30px 30px;
}

.enseignement .btn a{
  font-size: 18px;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
}

.enseignement{
  overflow: hidden;
  height: 760px;
  margin-bottom: 190px;
  padding-top: 100px;
  position: relative;
}








/**********************************VIDEO*/


.videos h2{
  margin-bottom: 50px;
  font-size: 48px;
  color: #000;
}

.videos{
  margin-top: 170px;
  text-align: center;
  margin-bottom: 100px;
}





/***********************NEWSLETTER*/

.newsletter{
  position: absolute;
  top: -5px;
  background-color: #bc0101;
  height: 100px;
  margin: -45px auto 0;
  transform: translateX(-10px);
  -webkit-transform: translateX(-10px);
}

.newsletter h4{
  font-family: 'Teko', sans-serif;
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  margin-top: 29px;
  text-align: center;
}

#email{
  height: 30px;
  margin-top: 10px;
}

.submit_btn{
  margin-top: 37px;
}

.checkbox{
  color: #fff;
  font-size: 13px;
  margin-top: -20px;
  margin-left: 353px;
}

.container{
  width: 1060px;
  margin: auto;
}



/******************FOOTER*/

footer .row{
  margin-left: 0;
}
.bas{
  overflow: visible;
  position: relative;
}

.bottom{
  /*margin-top: 130px;*/
  width: 100%;
  color: #fff;
/*  display: flex;
  justify-content: space-between;*/
  background-color: #000;
  padding-bottom: 100px;
  padding-top: 100px;
  z-index: 9;
}

.bottom a{
  color: #fff;
}

.social_bottom{
  padding-top: 20px;
  display: flex;
  width: 40%;
}

.social_bottom a{
  padding-right: 8px;
}

.contact{
  padding-left: 40px;
  line-height: 30px;
}

.logo_bottom{
  padding-bottom: 15px;
}

.pages, .localisation, .contact{
  font-family: 'Roboto Condensed', sans-serif;
  
}

.map{
  margin-top: 15px;
}

.localisation h5{
  font-weight: 600;
}




/**************************PARTENAIRES*/

.partenaires ul{
  align-items: center;
  height: 80px;
  display: flex;
  align-content: space-between;
  text-align: center;
  margin:auto;
  padding-top: 4px;
  margin-bottom: 5px; 
}

.partenaires ul li{
 height: 100%;
}

.partenaires ul a span img{
  padding-top: 10px;
  width:100%;
  height: 100%;
}

.partenaires{
    background-color: #fff;
    height: 100px;
}



/****************************************FOOTER PART 2*/


.footer_part2{
  background-color: #000;
}

.nav1_footer ul.nav-footer-list{
  display: flex;
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  text-align: center;
  font-size: 15px;
}

.nav1_footer{
  width: 800px;
  margin:0 auto;
  padding-top: 50px;
  margin-bottom: 35px;
}

.nav1_footer a{
  color: #fff;
}

.nav1_footer .nav-footer-list .nav-footer-item{
  padding-left: 3px;
  padding-right: 2px;
}

.nav1_footer .nav-footer-item + .nav-footer-item::before{
  content: "/";
  color: #fff;
  width: 1px;
  padding-right: 5px;
}

.mentions_legales{
  width: 400px;
  display: flex;
  margin: 0 auto;
  padding-bottom: 10px;
}

.mentions_legales a{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 12px;
  text-decoration: none;
  color: #fff;
}

.mentions_legales li a{
  word-spacing: 1px;
}

.mentions_legales li + li::before{
  content: "-";
  color: #fff;
  width: 1px;
  padding-right: 1px;
  padding-left: 4px;
}




/* Featurettes
------------------------- */
.content{
  padding-right: 60px;
  margin-bottom: 120px;
}

.featurette-divider {
  margin: 3rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-family: 'Teko', sans-serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.05rem;
}

.featurette .lead{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  text-transform: none;
  color: #000;
}

.date{
  color: #900101;
  font-size: 36px;
  font-weight: 700;
  font-family: 'Teko', sans-serif;
}

.featurette h2{
  line-height: 40px;
}

.lieu, .style{
  color: #c82f2f;
}

.featurette{
  position: relative;
	padding:10px;
}


.featurette .btn{
  position: absolute;
  right: 0;
  bottom: 0;
  text-transform: uppercase;
  border: 2px #c82f2f solid;
  text-align: center;
  font-weight: 600;
  font-family: 'Teko', sans-serif;
  font-size: 18px;
  margin: auto;
  margin-top: 50px;
  margin-left: 210px;
  padding-top: 7px;
  border-radius: 30px 30px 30px 30px;
}
.featurette .btn a {
  color:#000;
}
.featurette .btn:hover{
  border: 2px #000 solid;
  background-color: #000;
  color: #fff;
}
.featurette .btn:hover a, .featurette .btn:hover a:hover {
  color: #fff;
}

.featurette button.btn-archive{
  position: initial;
  right: 0;
  bottom: 0;
  text-transform: uppercase;
  border: 2px #000 solid;
  text-align: center;
  font-weight: 600;
  font-family: 'Teko', sans-serif;
  font-size: 18px;
  margin: 0 0 0 auto;
  
  padding-top: 7px;
  border-radius: 30px 30px 30px 30px;
}

.featurette button.btn-archive span{
  color: #c82f2f;
}

.featurette p.archive-excerpt{
  text-transform: none;
}

.front-img{
  border-left: 1px solid black;
  padding-left: 15px;
}

.featurette img {
  width: 100%;
  height: auto;
}

/**********************FIL ARIANNE*/

.breadcrumb{
  background-color: #fff;
  margin-top: 30px;
}

.breadcrumb ul {
    display: flex;
}

.breadcrumb ul, .breadcrumb a{
    color: #c82f2f;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
}
    
.breadcrumb li::before {
    content: "/";
}
    
.breadcrumb li:first-child::before {
    content: "";
}





/***************************PAGINATION*/

.content nav ul{
    display: flex;
    justify-content: center;
    margin-top: 0px;
}

    

/**************************PAGE*/

.page_content h3{
    color: #000
}

.page_content{
  font-size: 16px;
  font-family: 'Roboto Condensed', sans-serif;
}



/********************ARTICLE*/

article.page_content header{
  overflow: hidden;
  position: relative;
}

.page_content header .category{
  padding-top: 10px;
  padding-left: 20px;
  padding-bottom: 10px;
  color: #fff;
  position: absolute;
  bottom: 0;
  background-color: rgba(0,0,0,0.8);
}

.page_content header div.category span a{
  text-transform: uppercase;
  font-size: 25px;
  font-weight: 500;
  color: #fff;
}

.page_content .date{
  font-size: 24px;
}

.page_content p{
  /*text-transform: lowercase;*/
}

.auteur{
  font-size: 16px;
  text-align: right;
}

.page_content ul li {
	list-style: circle inside;
}

/**************ARCHIVE ARTISTES ACCOMPAGNES*/

.artists h2{
  margin-top: 20px;
  margin-bottom: 20px;
}

.artists{
  text-align: center;
  margin-top: 40px;
}

.artists .excerpt{
  text-align: left;
}

.img_artistes{
  border-radius: 100px 100px 100px 100px;
}


.artists .artists_content{
  height: 150px;
  overflow: auto;
}

.artists .btn{
  margin-top: 20px;
}





/************************ARTICLE AGENDA*/

.img_groupes{
  -moz-box-shadow: inset 0 0 10px #000000;
  -webkit-box-shadow: inset 0 0 10px #000000;
  box-shadow: inset 0 0 10px #000000;
  border-radius: 200px 200px 200px 200px;
}

.img_crop{
  width: 240px;
  overflow: hidden;
  border-right: 1px solid black;
  flex: none;
}

.video_groupe{
  margin-top: 100px;
}

.event_part{
  margin-top: 100px;
  margin-right: 0px;

}

.single-tribe_events .event_part {
  position: relative;
}
.tribe-events-content{
  width: inherit !important;
  padding: 10px !important;}
.single-tribe_events .event_part .date, .single-tribe_events .event_part .lieu, .single-tribe_events .event_part .event-title {
  width: 100%;
  display: flex;
}
.single-tribe_events .event_part .btn {
position: absolute;
bottom: 0;
right: 0;
}
.single-tribe_events .event_part {
  float: left;
  padding: 10px;
}
.single-tribe_events .sidebar {
  float: left;
}
/**************ARCHIVE*/

span.month{
  text-transform: uppercase;
  font-family: 'Teko', sans-serif;
  font-weight:700;
  color: #fff;
  font-size: 48px;
  background-color: #6a0303;
  padding:2px;
  width: 100%;
  margin-left: 0;
  margin-bottom: 50px;
  padding-left: 20px; 
}

section.content .row{
  margin-right: 0;
}

section.content{
  margin-top: 0;
}

.front-img{
  border-left: 1px solid black;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media screen and (min-width: 1000px){
  .main{
    width: 100%;
  }

}

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

  .logo_ampli{
    width: 20%;
  }
  .top{
    width: 100%;
  }

  .menu-toggle{
    display: block;
  }

  .navbar-toggler{
    border:none;
    font-size:24px;
    padding:0 auto;
    margin:0;
    right: 0;
    margin-left: 160px;
   }

  .navbar-nav{
    margin-left: 0;
  } 

  .navbar{
    margin:0;
  }

  .slide{
    margin-top: -30px;
  }

  .first_nav{
    background-color: black;
  }

  body.page header .second_nav{
    margin-top: 0px;
  }

  .social {
      width: 100%;
      position: absolute;
      top: 50px;
      left: 0;
      right: 0;
      background: black;
  }

  .social a{
    margin:auto;
  }

  .social i {
  margin-right: 45px;
  margin:auto;
  }


  /* Declare heights because of positioning of img element */
.carousel-item {
  height: 300px;
}

.carousel-caption{
  width: 40%;
  margin-left:-250px;
  margin-bottom: -80px;
}

.carousel-item .container .carousel-caption p{
  font-size: 14px;
}

.slide{
  padding-top: 100px;
}

.carousel-item > img {
  height: 500px;
}
.img_left img{
  height: 300px;
  width: 45%;
}


  /***********************NEWSLETTER*/

.newsletter{
  width: 75%;
}

.prochainement .event h4{
  height: 50px;
}

 }




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

  .main{
    width: 90%;
  }

  .logo_ampli{
    padding:0;
    width: 30%;
    padding-top: 8px;
  }

  .carousel{
    display: none;
  }

  .first_nav ul.mr-auto {
    background-color: #000;
    margin-top: 55px;
  }


  body.page header .second_nav{
    margin-top: 58px;
  }

  .second_nav ul li{
    height: 50px;
    padding-top: 12px;
    font-size: 18px;
  }

  .second_nav ul{
    padding: 5px;
  }


  .top{
    width: 100%;
  }


  .prochainement{
    margin-top: 90px;
    margin-bottom: 150px;
  }






/*****************************PARALLAX*/

.accompagnement{
  padding-top: 90px;
  margin-bottom: 150px;
  position: relative;
  overflow: hidden;
}


.accompagnement .parallax p{
  color: #fff;
  margin: 0 auto;
  margin-top: 100px;
}

.accompagnement .parallax div , .enseignement .parallax div{
  margin-left: 0;
  width: 100%;
}

.accompagnement h2{
  margin:auto;
  text-align: center;
}

.accompagnement .btn{
  margin-top: 30px;
  margin-left: 20px;  
}

.red_circle {
  left: -150px;
  top: 0;
}


.parallax div img{
    width: 100%;
    margin:auto;
}

  .parallax {
    height: 450px;
  }



  /**************ACTTIVITIES*/

  .activities{
  text-align: center;
  margin-bottom: 150px; 
}



/**************ENSEIGNEMENT*/


.red_circle_2 {
  left: -150px;
}

.enseignement h2{
  margin:auto;
  text-align: center;
}

.enseignement .parallax p{
  padding-top: 0px;
  margin:auto;
}

.enseignement .parallax{
  padding-top: 70px;
}

.enseignement .btn{
  margin-top: 30px;
  margin-left: 20px;
}


.enseignement{
  margin-bottom: 130px;
  height: auto;
}



  /**********************SIDEBAR*/

  .sidebar .scene_locale_2, .news_2, .retour_sur_2{
  text-align: center;
  }

  .sidebar{
    margin-top: 150px;
    border-left: none;
    padding-left: 0;
  }


  .sidebar .scene_locale_2 li a{
    font-family: 'Teko', sans-serif;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    padding-left: 7px;
    margin-top: 0px;
  }


 .infos_sidebar article ul{
    margin-top: 25px;
  }

.infos_sidebar .news_2,.retour_sur_2 h3{
    margin-top: 50px;
  }
  .circle_news_2{
    display: none;
  }





  /***********************************SIDEBAR homepage*/

  .infos_sidebar{
    text-align: center;
    margin-bottom: 150px;
    margin:auto;
  }

  .infos_sidebar h3{
    color: #c82f2f;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 44px;
  }

  .infos_sidebar article .news h3{
    background-image: url("assets/img/cercle.png");
  }

  .infos_sidebar .scene_locale, .news{
    border-right: none;
  }

  .scene_locale h3{
    margin-bottom: 30px;
  }
  .scene_locale a{
    font-family: 'Teko', sans-serif;
    font-weight: 800;
    font-size: 20px;
    color:  #6a0303;
    text-transform: uppercase;
    padding-left: 15px;
  }

  .news a, .retour_sur a{
    color: #6a0303;
  }


  .scene_locale ul li{
    text-align: center;
    padding-top: 15px;
  }

  .circle_news{
    display: none;
  }

  .news h3, .retour_sur h3{
    margin-top: 90px;
  }

  .news h3{
    color: #fff;
  }




  /**********************FOOTER*/
     .newsletter{
      position: initial;
      top: 0;
      background-color: none;
      height: 220px;
      width: 100%;
      margin: auto 0;
    }
    .newsletter .button {
      position: initial !important;
      margin: 0px 100% !important;
    }
    .lbl-tinyltr {
      line-height: 25px;
    }
    .newsletter .sib-container {
      width: 100%;
      margin: 0;
      padding: 0;
    }
    .bas .container{
      background-color: #bc0101;
    }

    .newsletter h4{
      font-family: 'Teko', sans-serif;
      font-size: 40px;
      font-weight: 700;
      color: #fff;
      margin-top: 29px;
      text-align: center;
    }

    #email{
      height: 30px;
      margin-top: 0;
    }

    .submit_btn{
      margin-top: 10px;
      text-align: center;
    }

    .checkbox{
      color: #fff;
      font-size: 13px;
      margin-top: 0;
      margin-left: 0;
    }

    .container{
      width: auto;
      margin: auto;
    }

    .bas{
      position: initial;
    }

    .pages, .localisation, .contact {
      margin-top: 40px;
      text-align: center;
    }

    .contact{
      padding:0;
    }

    .social_bottom{
      padding-top: 20px;
      display: flex;
      width: 30%;
      margin:auto;
    }


      /*****************PARTENAIRES*/

          .partenaires ul{
        align-items: stretch;
        height: 80px;
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
        text-align: center;
        margin:auto;
        padding-top: 10px;
        padding-bottom: 10px; 
      }



      .partenaires{
          background-color: #fff;
          height: auto;
      }

      .partenaires ul li a img {
        width:25px;height: auto;
      }



      /**************FOOTER PART 2*/


      .nav1_footer ul{
        display: flex;
        flex-direction: column;
      }

      .nav1_footer{
        width: 400px;
        margin: auto;
        padding-top: 50px;
        margin-bottom: 35px;
      }


      .nav1_footer ul li{
        padding-left: 0;
        padding-right: 0;
      }

      .nav1_footer li + li::before{
        content: none;
      }

      .mentions_legales{
        width: 100%;
        display: flex;
        margin: auto;
        padding-bottom: 30px;
        margin-left: 40px;
      }

      .mentions_legales a{
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 12px;
        text-decoration: none;
        color: #fff;
      }




}
.page_content img {
  height: auto ;
}
/*iframe {width: 100%;}*/
/*NEWSLETTER*/
h1.editable {
  font-family: 'Teko', sans-serif !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-align: center !important;
    text-transform: uppercase;

}
div#sib_embed_signup .forms-builder-wrapper{
  max-width: 100% !important;
}