body{
    font-family: 'Oswald', sans-serif;
    background: url('../images/bg.jpg') repeat fixed;
	margin:0;padding:0;
}

body p{font-size: 16px;line-height:24px;}

.navbar-inverse{
    background: none;
    border: none;
}

#top_infos{
    color: #fff;
    margin: 10px auto;
}

#div_logo{margin-top: -45px;}

#menu_top{
    width: 100%;
    background: url(../images/bg_menu.png) center no-repeat;
}
#menu_top #menu{
    display: flex!important;
    text-align: center;
    justify-content:center;
}
#menu_top .nav{
    text-align: center;
    margin-top: 40px;
}
#menu_top .nav>li{
    display: inline-block;
    float: none;
    width: auto;
    vertical-align: middle;
}
#menu_top .nav li>a{
    margin: 0 20px;
    padding: 0;
}
#menu_top .dropdown-menu li a{
    padding: 5px 10px;transition: all 0.5s;
}
#menu_top .nav li>a:hover{
    color:#000;transition: all 0.5s;
}
.nav>li>a:focus, .nav>li>a:hover{
    background: none;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{
    background: none; color:#c50828;transition: all 0.5s;
}
#menu_top .nav .li_logo a img{
    max-width: 100%;
}
#menu_top .nav li a{
    text-transform: uppercase;
    color: #fff;
}

.dropdown-menu{
    background-color: #c60828;
    transition:all 0.3s;
}
.dropdown-menu>li>a:hover{
    background-color: #940a21;
    color: #fff!important;
    transition:all 0.3s;
}

.container.interne img{
    max-width: 100%;
}

#sidebar-wrapper.active{
    top: 0;
    color: #fff;
}

#sidebar-wrapper{
    background: #595959;
    text-align: right;
    text-transform: uppercase;
    font-size: 22px;
}
.jaune{color:#aff500;}

.menu_show{margin-left: -250px;-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
body{-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

#top_menu a{color: #646464; text-decoration: none;transition:all 0.3s}
#top_menu a:hover{color:#aff500;transition:all 0.3s}

#top_menu{
    padding-right: 20px;
    position: fixed; width: 100%; top: 0; z-index: 99; font-weight: bold; font-size: 22px; line-height: 80px;
transition:all 0.5s;}

.scrolled{
  background-color:rgba(15,43,70,1.00);z-index:3;
box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.55);
  transition: all 1s;}

.sidebar-nav a{padding-right: 20px;}
.sidebar-nav li{margin: 15px 0;}

.carousel-caption{top: 100px; bottom: auto;}

.carousel-caption .titre{color:#fff !important;text-shadow:2px 2px 2px #000 !important;}
.carousel-caption .texte {color:#fff;font-weight:500;font-size:25px;line-height:35px;text-align:center;margin-bottom:25px;}


.icone_titre{text-align: center; margin: 10px 0;}
.realisation { height: 250px; padding: 10px; background-size: 100% auto; background-repeat: no-repeat; margin-bottom: 10px;}
.realisation .description{width: 100%; border: 2px solid #595959; height: 220px; padding: 50px; display: none;}
.realisation .ss_description{padding: 20px; height: 100%;background:rgba(89, 89, 89, 0.5);}
.realisation a{display: inline-block; height: 100%; width: 100%; text-decoration: none; color: #fff;}
.btn-default{ background: transparent ; border: 2px solid #4c5d72; color: #4c5d72; text-transform: uppercase; font-weight: bold;padding:5px 10px;transition:all 0.5s!important;}
.btn-default:hover{ background: #4c5d72 ; border: 2px solid #4c5d72; color: #fff;transition:all 0.2s;}

.btn-default-slide{ background: transparent; border: 2px solid #fff; color: #fff; text-transform: uppercase; font-weight: bold;padding:5px 10px;transition:all 0.5s!important; border-radius: 10px;}
.btn-default-slide:hover{ background:#AF1215; border: none; color:#fff ;transition:all 0.2s;}

.logoslider{width:100%;height:auto;display:block;margin:120px auto 30px auto;clear:both;text-align:center;}
#agence_home{margin: 30px 0 0 0;background: url('../images/bg_home.jpg') no-repeat center fixed; color: #fff; text-align: center;padding: 50px 0; background-size: cover}

.btn-primary{border:none; background:#5d9d8c; color: #fef6e4; text-transform: uppercase;transition:all 0.5s;padding:15px 30px;margin:30px 20px;font-weight:bold;border-radius:30px !important;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{color:#fef6e4;border: none !important; background: #ce562f!important;transition:0.2s;}

.actu_home h3{ font-size: 20px; text-transform: uppercase; margin: 0; color: #595959; font-weight: bold;}
.actu_home a{color: #595959;font-weight:500;}
.actu_home .image_actu{max-width: 100%;}
.actu_home .date_actu{margin: 5px 0 15px 0; font-weight: 300;font-size:13px;color:#727272}
.actu_home{margin-bottom: 10px;}
.actu h3{ font-size: 20px; text-transform: uppercase; margin: 0; color: #595959; font-weight: bold;}
.actu a{color: #595959;font-weight:500;}
.actu .image_actu{max-width: 100%;}
.actu .date_actu{margin: 0 0 30px 0; font-weight: 300;font-size:13px;color:#BBBBBB}
.actu{margin-bottom: 35px; padding-bottom: 35px; border-bottom: 1px solid #BBBBBB}

.reseau_socio{background: #e6e6e6; padding: 50px 0;}
.link_socio{margin: 5px 10px;}


/* .bg_trans{ background: transparent!important;} */

header{height: 400px; padding-top: 150px;background-position: 50% 0% !important;background-size:cover !important;}

#actu_princ h1{text-transform: uppercase; text-align: center;font-size:30px;font-weight:800;margin-bottom:15px;}

#actu_princ{padding-bottom: 50px; margin-bottom: 50px;  border-bottom: 5px solid #848484;}

header .bloc_titre{ text-align: center; margin: 0 auto; background:rgba(255, 255, 255, 0.5); text-transform: uppercase; padding: 20px 25px; display:table;word-break:keep-all; }
header .titre{font-size: 30px; color: #fff;}
header .ss_titre{font-size: 16px;}

  


h1{text-transform: uppercase; font-size: 30px;font-weight:200; text-align: center; color: #ce562f;background: url('../images/bg_h1.png') no-repeat center bottom; padding-bottom: 20px; margin-bottom: 40px;}

.content-2{text-align:center;color:#fff;padding:50px 0;}

.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{font-size: 10px;
text-align: center;
color: grey;
margin-bottom: 10px;
font-weight: 500;
letter-spacing: 3px;
background-color:transparent;
padding:10px 20px;
transition:all 0.2s ease-out}
.filter-button:hover
{
    font-size: 10px;
    text-align: center;
    color: #aff500;
    transition:all 0.2s;

}
.btn-default:active .filter-button:active
{
    background-color: #aff500;
    color:#373737;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 10px;
    min-height: 310px;
}
@media (max-width: 768px) {
#logo-top{width: 110px;}
}
#myCarousel .img-responsive{display: inline-block;}

.contact h3{font-size: 18px; text-transform: uppercase;}

/* video plein écran page d'accueil */
#video-background {
	position:absolute;
	background-size:cover;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
	background-color:#fff;
	background:center top;
	background-repeat:no-repeat;
	  filter: brightness(0.5);

}

#temoignage {padding-top:60px;}
/* effet slide fade pour la page d'accueil */
.carousel-fade .carousel-inner .item {
	  opacity: 0;
	  -webkit-transition-property: opacity;
	  -moz-transition-property: opacity;
	  -o-transition-property: opacity;
	  transition-property: opacity;
	}
	.carousel-fade .carousel-inner .active {
	  opacity: 1;
	}
	.carousel-fade .carousel-inner .active.left,
	.carousel-fade .carousel-inner .active.right {
	  left: 0;
	  opacity: 0;
	  z-index: 1;
	}
	.carousel-fade .carousel-inner .next.left,
	.carousel-fade .carousel-inner .prev.right {
	  opacity: 1;
	}
	.carousel-fade .carousel-control {
	  z-index: 2;
	}
	html,
	body,
	.carousel,
	.carousel-inner,
	.carousel-inner .item {
	  height: 100%;
	}
	
/* code pour réseaux sociaux footer */
.list-unstyled {
	padding-left: 0;
	list-style: none;
}
.list-inline li {
	display: inline-block;
	padding-right: 8px;
	padding-left: 8px;
	margin-bottom: 10px;
}
/*---- Genral classes end -------*/

/*Change icons size here*/
.social-icons .fa {
	font-size: 2em;
}
/*Change icons circle size and color here*/
.social-icons .fa {
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #FFF;
	color: rgba(255, 255, 255, 0.8);
	transition: all 0.3s ease-in-out;
}

.social-icons.icon-circle .fa{ 
	border-radius: 50%;
}
.social-icons.icon-rounded .fa{
	border-radius:5px;
}
.social-icons.icon-flat .fa{
	border-radius: 0;
}

.social-icons .fa:hover, .social-icons .fa:active {
	color: #FFF;
	color:rgba(255,255,255, 1);
	-webkit-box-shadow: 1px 1px 3px #333;
	-moz-box-shadow: 1px 1px 3px #333;
	box-shadow: 1px 1px 3px #333; 
}
.social-icons.icon-zoom .fa:hover, .social-icons.icon-zoom .fa:active { 
 	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2); 
	transition:all 0.5;
}

.social-icons .fa-facebook{background-color:#3C599F;}  
.social-icons .fa-google-plus{background-color:#CF3D2E;} 
.social-icons .fa-instagram{background-color:#A1755C;}
.social-icons .fa-linkedin{background-color:#0085AE;} 
.social-icons .fa-pinterest{background-color:#CC2127;} 
.social-icons .fa-twitter{background-color:#32CCFE;} 
.social-icons .fa-vimeo{background-color:#229ACC;}
.social-icons .fa-youtube{background-color:#C52F30;}
 
/* style pour les liens vers les écoles sous forme de bouton */
.image-grid-liens-ecoles {
    font-size: 0 !important;
    flex-flow: row wrap !important; 
    display: flex !important;
    padding: .1vh !important;
	margin:0 auto !important;

    li {
      flex: auto !important; 
      width: 225px !important;
      
      &:hover {
        opacity: 0.8 !important;
        box-shadow:0px 0px 10px #333 !important;
        transition: 1s !important;
      }

      img {
        width: 100% !important; 
        height: auto !important;
        transition:0.5s !important;
      }
		
      }
    }



/* animation souris dans videoslider index */
.scroll-downs {
  position: absolute;
  right: 0;
  bottom: 30px;
  left: 0;
  margin: auto;
  
  width :34px;
  height: 55px;
}
.mousey {
  width: 3px;
  padding: 10px 15px;
  height: 45px;
  border: 2px solid #fff;
  border-radius: 15px;
  opacity: 0.75;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #fff;
  animation-name: scroll;
  animation-duration: 1.3s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}

.chevron-rea{margin-top: 20px;}
.chevron-rea i{ margin: 5px;}
.chevron-rea a{ color: #aff500;}

.separateur_blanc{
    background: url('../images/separation-horizontale-blanche.png') no-repeat center;
    width: 100%;
    display: inline-block;
    height: 34px;
    margin: 10px 0;
}
.separateur_bleu{
    background: url('../images/separation-horizontale-bleu.png') no-repeat center;
    width: 100%;
    display: inline-block;
    height: 34px;
    margin: 10px 0;
}


#surf_camps_home{
    background: url('../images/fond-parallaxe-surfcamps.jpg') no-repeat center fixed;
    color: #fff;
    padding: 15px 0;
	background-size:cover;
}
#avantages_home{
    background: url('../images/fond-parallaxe-services.jpg') no-repeat center fixed;
    color: #fff;
    padding: 15px 0;
	background-size:cover;
}
#tempoignage_home{
    color: #4f6c78;
}
#partenaire {
    padding: 20px 0;
    margin:40px 0;
}
#partenaire h2{
    color: #65a493;
    font-weight: normal;
    margin-bottom: 20px;
}

h2{text-transform: uppercase; font-size: 22px;font-weight:800; text-align: center; color: #ce562f;margin:30px 0 15px 0;}


#myCarousel2 p{font-size: 14px;}

#avantages_home .titre{
    margin: 10px 0; color: #fff; font-weight: normal; font-size: 22px; text-transform: uppercase;
}

#myCarousel3 .item{text-align: center; margin-top: 20px;}
#myCarousel3 .item a{display: inline-block; vertical-align: middle; margin: 0 5px;}
#myCarousel3 .item a img{background:transparent;}

footer{ font-size: 12px;color: #fff; padding: 0; margin:0 auto;}
#footer_container{}


.btn-sociaux {
    width: 30px;
    height: 30px;
    padding: 10px 0 0 0;
    border-radius: 15px;
    background: #fff;
    text-align: center;
}

.btn-sociaux .fa-instagram,.btn-sociaux .fa-google-plus {
    margin-left:  -3px;
}

#stand_up{margin: 20px 0!important; text-transform: uppercase; color: #4c5d72; }

#stand_up .bloc {
    border: 2px solid #fff;
    padding: 10px;
    background-size: cover !important;
    min-height: 390px;
    display: flex;
}
#stand_up .titre{ font-size: 24px; line-height: 22px; margin-bottom: 20px; display: inline-block; font-weight: bold;}
#stand_up .bloc > div {
    margin: auto 55px;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 55px;
    width: 100%;
    height: 54% !important;
}

.interne .contenu{margin:0;}

#contact_form{background: url('../images/bg_gary.jpg') center no-repeat fixed; color: #88ddff; padding: 20px 0; background-size: cover;}
#contact_form h1{color: #fff;}
#contact_form input, #contact_form textarea{background: transparent; color: #fff;}
#contact_form .panel-box{background: transparent;}

.btn-default.blanc{ background: transparent ; border: 2px solid #fff; color: #fff; text-transform: uppercase; font-weight: bold;padding:5px 10px;transition:all 0.5s!important;}
.btn-default.blanc:hover{ background: #fff!important ; border: 2px solid #4c5d72; color: #4c5d72;transition:all 0.2s;}
.mobile{display: none;}
@media (max-width: 768px) {
.li_logo{display: none!important;}

#menu_top{background-color: #c60828!important;margin: 0;}
.dropdown-menu{text-align: center;}
.no_mobile{display: none;}
.nav>li>a:hover{
    color: #fff!important;
}
.nav>li>a{
    margin: 5px 0!important;
}
.mobile{display: inline-block;}
}

.slider_page{max-height: 500px!important;}

h3{color: #5a9685; font-weight: normal; font-size: 20px;margin:24px auto 10px auto !important;text-align:center;text-transform:uppercase;}

/* effet survol images liens */

 a:hover .img-responsive, a:hover .div-img {
  opacity: 0.75;
  transition: all 0.5s !important;
  position:relative;
  top:-10px;
}

.img-responsive {transition: all 0.5s;position:relative;top:0}

.titre-slider {font-size:48px;margin:140px auto 10px auto;text-transform:uppercase;text-align:center;color:#fff !important;background:none !important;font-family: 'Oswald', sans-serif;}
.texte-slider {font-size:24px;font-weight:200;text-transform:uppercase;margin-bottom:30px;text-align:center;font-family: 'Oswald', sans-serif;}

/* Propeller typography */
@import "http://propeller.in/components/typography/css/typography.css";

/* Propeller card */
@import "http://propeller.in/components/card/css/card.css";

/* Propeller button */
@import "http://propeller.in/components/button/css/button.css";

/* Propeller list */
@import "http://propeller.in/components/list/css/list.css";

/* Propeller radio */
@import "http://propeller.in/components/radio/css/radio.css";

/* Propeller textfield */
@import "http://propeller.in/components/textfield/css/textfield.css";

/* Propeller checkbox */
@import "http://propeller.in/components/checkbox/css/checkbox.css";

/* Propeller modal */
@import "http://propeller.in/components/modal/css/modal.css";

#bloc_contact{ text-align: right; position: absolute; margin-top: -170px; right: 0; z-index: 100;}
#bloc_contact img{max-width: 100%;}

#myCarousel .item{z-index: 99;}
#myCarousel {height: 740px;}
#myCarousel .carousel-control-home{z-index: 111; position: absolute; margin: -250px 20px 0 20px; color: #fff;}
#myCarousel .carousel-control-home.right{right: 0;}


#mi-content{background: url('../images/bg_1.png') top no-repeat;}
#nos_formules_home { padding-top: 60px; }
#nos_formules_home .titre_bloc{ display: flex;}
#nos_formules_home .titre_bloc .p{ vertical-align: middle; color: #fff; margin-left: 10px;padding-top: 45px; text-align: left;}
#nos_formules_home .titre_bloc .h2{ text-transform: uppercase;background: url('../images/titre_blanc.png') bottom center no-repeat; color: #ce562f; height: 100px; width: 300px; text-align: center; padding-top: 40px; font-size: 24px;font-weight:300;}
#surf_camp { padding-top: 25px; }
#surf_camp .titre_bloc{ display: flex; justify-content: flex-end;}
#surf_camp .titre_bloc .p{ vertical-align: middle; color: #51887a; margin-right: 10px;padding-top: 55px; text-align: right;}
#surf_camp .titre_bloc .h2{ text-transform: uppercase;background: url('../images/titre_vert.png') bottom center no-repeat; color: #fff; height: 100px; width: 300px; text-align: center; padding-top: 40px; font-size: 24px;}

#surf_camp .item a{color: #51887a; text-transform: uppercase; font-weight: bold;}
#nos_formules_home .item a{color: #fff; text-transform: uppercase; font-weight: bold;}

.navbar-fixed-top{position: absolute;}

#bas-content{background: url('../images/bg_footer.png') bottom no-repeat;}
.bg_body{background: url('../images/bg.jpg') repeat;}

#contenu_home{ margin-top: 40px;}

.carousel-indicators li {
    background-color: #fff;
    border-color: #d95b33;
}
.carousel-indicators .active {
    background-color: #d95b33;
}

#actu_home {padding-bottom: 20px; }
#actu_home h3{text-align: center; background: url(../images/bg_actu.jpg) center no-repeat; line-height: 89px; color: #fff; margin-bottom: 30px!important; }
.image_actu_home{display: inline-block; width: 100%; height: 150px; background-size: cover;transition:all 0.5s}
.date_actu_home{font-size: 12px; color: #d95b33;text-transform: uppercase;}
.titre_actu__home{ text-transform: uppercase; font-weight: bold; font-size: 18px; color: #000;}


#titre-slider h1 {font-size:48px !important;margin:50px auto 30px auto !important;text-transform:uppercase;text-align:center}
#texte-slider p {font-size:24px !important;font-weight:200;text-transform:uppercase;max-resolution: bottom 30px !important;;text-align:center}

@media (max-width: 768px) {
    #image-header-noslider{height:160px !important;margin-top:55px !important}
    h1{text-transform: uppercase; font-size: 22px;font-weight:200; text-align: center; color: #ce562f;background: url('../images/bg_h1.png') no-repeat center bottom; padding-bottom: 20px; margin-bottom: 40px;}
    footer{ font-size: 12px;color: #fff; padding: 0; margin:0 auto;text-align:center !important;}

    .titre-slider {font-size:22px;margin:35px auto 10px auto;text-transform:uppercase;text-align:center;color:#fff !important;background:none !important;font-family: 'Oswald', sans-serif;}
    .texte-slider {font-size:15px;font-weight:200;text-transform:uppercase;margin-bottom:20px;text-align:center;font-family: 'Oswald', sans-serif;}
    #myCarousel {height: 350px;}
    #bloc_contact{ margin-top: -90px;visibility: hidden !important}
    .carousel-caption{top: 50px;}
    .carousel-caption .titre{font-size:22px;margin:20px auto 20px auto;}
    #myCarousel .carousel-control-home{ margin: -200px 10px 0 10px;}
    
    #surf_camp .titre_bloc .h2{font-size: 18px;}
    #nos_formules_home .titre_bloc .h2{font-size: 18px;}
    #surf_camp .titre_bloc .p, #nos_formules_home .titre_bloc .p{padding-top: 20px;}
    #menu_top #menu {
        display: inline-block!important;
        width: 100%;
    }
    #menu_top #menu li{width: 100%;}
    #menu_top #menu .nav{margin: 0;}
    #div_logo{display: none;}
    #menu_top{background: none;}
    #menu_top .col-xs-6{margin: 0; padding: 0;}
    .dropdown-menu{ width: 100%; margin: 0!important; float: none; border: none;}
    
    .navbar-header{background: url(../images/bg_menu.png) top center no-repeat; }
    .navbar-toggle{ border: none;}
}

#bloc_validation{background: #32261e; color: #fff;}
#bloc_validation .btn{background: #5d9d8c; color: #fff; font-weight: bold; text-transform: uppercase; margin: 30px 0; padding: 10px 30px; border-radius: 20px;}
#from_resa label{text-align: center; text-transform: uppercase; width: 100%;}
#from_resa .form-control {border:2px solid #32261e;margin:2px 0 10px 0;}
#from_resa h2 span {border:3px solid #32261e; width: 30px; height: 30px; display: inline-block; border-radius: 15px;}