@media (max-width: 975px) {
  body{}
  section.navbar-top nav .navbar-nav li a{
    font-size: 20px;
  }
}
@media (max-width: 880px) {
  body{}
  section.navbar-top nav .navbar-nav li a{
    font-size: 18px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) {
  body{}
  section.navbar-top nav  .navbar-nav  li:hover ul.dropdown-menu{
    display: block;
  }
  .right-page{
    float: right;
  }
  .gform_wrapper .top_label .gfield_error{
        width: 33%!important;
    }
    .page-id-49 .ctnpage .left-page {
        padding-right: 20px;
    }
}
@media (max-width: 768px) {
  body{}
  nav .nav.navbar-nav{
    margin-top: 0;
    background: #999;
    position: relative;
    z-index: 999999;
  }
  section.navbar-top nav .navbar-nav li ul.dropdown-menu{
    width: 100%;
  }  
  /*conatc*/
  .ctnpage .left-page{
    padding-right: 0;
  }
  .gform_fields li.gfield,
  .gform_fields li.gfield input{
    width: 100%!important;
  }
  .gform_fields li.gfield{
    margin-top: 20px!important;
  }
  .gform_wrapper textarea{
    width: 100%!important;
  }
  .button.gform_button{
    margin-right: 0;
  }
  .right-page{
    padding: 20px 15px 0;
  }
  .right-page{
    float: none;
  }
  .ct-ecole span{
    width: 100%!important;
    text-align: left!important;
  }
  section.navbar-top nav .navbar-nav li ul.dropdown-menu {
      display: block;
      position: relative;
      background-color: #999999 !important;
      z-index: 999999999px !important;
  }
}
@media (max-width: 660px) {
  body{}
  .top-header .logo{
    width: 100%;
  }
  .top-header .logo a{
    display: block;
    margin: 0 auto;
    width: 325px;
  }
  .top-header .header-contact{
    width: 100%;
  }
  .top-header .header-contact br{
    display: none;
  }
  section.banner .top-header{
    background-position: 90% 10%;
  }
  .p-cmit ul li ul {
        margin-left: 0;
        margin-top: 0;
    }
}
@media (max-width: 580px) {
  body{}
  .top-header .header-contact br{
    display: block;
  }
  footer .navbar-default .navbar-text, footer .navbar a {
    margin-top: 0;
    margin-bottom: 0;
  }
  footer{
    padding-top: 10px;
  }
  .box-ptour ul{
    margin-left: 20px;
    margin-top: -10px;
  }
}
@media (max-width: 540px) {
  body{}
  section.banner .top-header{
    background-image: none;
  }
  
  body #epa-album-122-36-0 .epa-image{
        margin: 0 0 25px;
        width: 50%;
    }
	
	.pull-right {
		float:none !important;
	}
}
@media (max-width: 360px) {
  body{}
  body .epa-album .epa-image {
        width: 100% !important;
  }
   body .epa-album .epa-image a img{
        width: 100%;
        height: auto;
  }
}