/* Extra Small */
@media (max-width: 767px) {
h1, .h1 {  font-size: 32px; }
.redbt img { display: none; }
.margeurtitle{margin-bottom: 25px;}
/*Header
=====================================*/
#header {  position: fixed; height: 0; overflow: hidden; background-color: #fff;
-webkit-transition: all 0.3s ease;transition: all 0.3s ease;
}
#header.open {  height: 100%; }



#header .logocont {	position: absolute;width: 100%;right: 0;top: 0;padding: 10px;opacity: 1;}
#header .logocont a:last-child{ float: right; }
#header .logohub { opacity: 1;  position: relative; display: block;margin: 0 auto;}
#header .navcontainer {   padding: 10px 20px; margin-top: 20px;   width: 100%;}
#header .navmenu { width: 100%;}
#header .navmenu>li:last-child a {margin-right: 0;  }
#js-headertranform{width: 20px;height: 0px;background-color: grey;}
#header .navmenu>li {	display: block;   width: 100%;}
#header .navmenu a { margin: 0 auto;   width: 100%; text-align: center; font-size: 14px;letter-spacing: 1px;}
#header .redbt.fixpos { text-align: center; position: relative;  left: auto;  top: 20px;  display: block;  width: 190px;  margin: 0 auto;}
#header .navposition{	  width: 100%; }
#header.deployed .navposition {position: relative;left: 50%; width: auto;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
#header.deployed .navcontainer {  margin-top: 20px;}
/*footer
=====================================*/
#footer{text-align: center;padding: 40px 0 0;}
#footer .displacer{position: relative; top: -60px;}
#footer .blocsocial{  position: relative;  top: 0;  display: inline-block;  width: 80%; background-position: center 10px; text-align: center;}
#footer .blocsocial a{  padding: 90px 0 30px;}
#footer .footermenu {  display: block;  margin-left: 0; }
#footer .footermenu div:first-child { margin-top: 40px; }
#footer .footermenu div{margin:20px 0;  text-align: center;  margin-left: 0;}
#footer .footermenu div>a { margin: 0 auto 20px auto;   display: block;  }
#footer .footermenu div>a:last-child {margin: 0 auto 20px auto; }
#footer .fixbt { position: relative; margin-left: 0; margin-top: 20px;}

.cont-partenaires {  padding: 60px 0 80px 0;}
.cont-partenaires a{margin:20px auto; display: block;}
.cont-partenaires a:first-child{margin:20px auto;}
.cont-partenaires a:last-child{margin:20px auto}
/*Inscription
=====================================*/
.form_container {  padding: 20px 20px;}
.form_container h2{  font-size: 16px;}

/*SINGLE
=====================================*/
.headerevent {  padding: 50px 20px;}
.zonethird{background: none;margin-bottom: 20px;}
.animator{text-align: center;}
.animator{text-align: center;}
.animator img{margin-bottom: 20px;}
.titreinter{margin-left: 0px;}
.uninterv .pictureinterv{height: 200px;}
#gmap{height: 400px;}
.bbchelou{	padding: 35px 20px;}
.boxpush {  transform: translateY(0%);}
.cont-partenaires.fixsingle{  padding: 80px 0 ;}
.p25 {  text-align: center;}
/*CONTENT
=====================================*/
#content {  padding-top: 50px; }

.accroche{font-size: 26px;   margin-bottom: 35px; }
.unevent header { text-align: center; }
.unevent .time{float: none;}
.unevent .date{margin-bottom: 15px;}
.links{ position: relative; margin:0 auto; padding-top: 25px; width: 210px; text-align: center;}
.links a{float: none; display: block; text-align: center;}
.links a:first-child{float: none;}
.links a:last-child{position: static;}
.bodyevt {	height: auto;   padding: 120px 40px 40px 40px;}

.unevent.outdated .replay{position: static;  transform: translateX(0%);margin-top: 20px;}
}/*END Extra Small*/



/* Small */
@media (min-width: 768px) and (max-width: 991px) {
#js-headertranform{width: 20px;height: 0px;background-color: green;}

.cont-partenaires a{margin:0 10px;display: inline-block;}
.cont-partenaires a:first-child{margin:20px auto;}
.cont-partenaires a:last-child{margin:20px auto}
/*footer
=====================================*/
#footer{text-align: center;padding: 40px 0 0;}
#footer .displacer{position: relative; top: -60px;}
#footer .blocsocial{  position: relative;  top: 0;  display: inline-block;}
#footer .footermenu {  display: block;  margin-left: 0; }
#footer .footermenu div:first-child { margin-top: 40px; }
#footer .footermenu div{margin:20px 0;  text-align: left;  margin-left: 152px;}
#footer .footermenu div>a { margin: 0 20px; }
#footer .fixbt { position: relative; margin-left: 0; margin-top: 20px;}

/*SINGLE
=====================================*/
#gmap{height: 400px;}
.p25 {  text-align: center;}
.rer{text-align: center;}
.rer img {  margin: 0 5px;}
.animator{text-align: center;margin-top: 20px;}
.animator img{margin: 15px 0;}
.nobgsm { background: none; }
#content {  padding-top: 150px;}

.links{ width: 640px;}
.links a:last-child {  left: 447px;}
}/*END SMALL*/




/* Medium */
@media (min-width: 992px) and (max-width: 1199px) {
.cont-partenaires a{margin:0 40px;display: inline-block;}
.cont-partenaires a:first-child{margin:20px auto;}
.cont-partenaires a:last-child{margin:20px auto}
/*footer
=====================================*/
#footer .blocsocial{width:320px;}
#footer .blocsocial a {   margin: 0 10px; }
#footer .footermenu {margin-left: 380px;}
#footer .footermenu div>a {  margin-right: 30px;}
/*HP
=====================================*/
.unevent header { text-align: center; }
.unevent .time{float: none;}
.unevent .date{margin-bottom: 15px;}
.bodyevt {  padding: 120px 30px 40px 30px;   height: 480px;}

.links{ width: 235px; text-align: center;}
.links a:first-child{float: none;}
.links a:last-child{position: static;}
}/*END MEDIUM*/




/* Large */
@media (min-width: 1200px) {

}