/*!
* Start Bootstrap - Scrolling Nav HTML Template (http://startbootstrap.com)
* Code licensed under the Apache License v2.0.
* For details, see http://www.apache.org/licenses/LICENSE-2.0.
*/

body {
    width: 100%;
    height: 100%;
    background-color : #1babb7;
}

.jumbotron {
  font-family: 'Comfortaa', serif;
}

h1 {
  color: #5d5d5d;
}

html {
    width: 100%;
    height: 100%;
	overflow: -moz-scrollbars-vertical; 
	overflow-y: scroll;
}

.go_top{
    background: url('../img/top.png') no-repeat;
    background-size: 64px 64px;
    display: none;
    position: fixed;
    width: 64px;            /* A régler selon votre image */
    height: 64px;            /* A régler selon votre image */
    bottom: 25px;                /* A régler selon votre image */
    right: 25px;                /* A régler selon votre image */
    text-indent: -9999px;
}


@media(min-width:769px) {
.navbar {    
	padding: 20px 0;   
	-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out; 
	-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
	transition: background .5s ease-in-out,padding .5s ease-in-out;	  
	}

.top-nav-collapse {     
	padding: 0;
	} 

.intro-section {
    height: 100%;
    padding-top: 91px; 
    text-align: justify;    
  }
  
  
.intro-section a {
    color: white;  
  }
  
.logo_intro {
    height: 125px;    
  }

}


@media(max-width:768px) {
    .navbar {    
    	padding: 20px 0;   
    	-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out; 
    	-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
    	transition: background .5s ease-in-out,padding .5s ease-in-out;  
    	}
    
    .top-nav-collapse {     
    	padding: 0;
    	} 
    
    .intro-section, .about-section, .contact-section {
        height: 100%;
        padding-top: 91px; 
    }
    
    .intro-section .container, .about-section .container, .contact-section .container {
        padding-top: 25px;
    }
      
    .logo_intro {
        height: 125px;    
      }


}

.intro-section .container, .about-section .container, .contact-section .container , .mentions-section .container {
    padding-top: 25px;  
    height: 100%;
}

.about-section .container, .contact-section .container {
	width: 100%;
	height: 100%;		
	position: absolute;	
	  background: #1babb7 no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
}

.premierSlide-section, .secondSlide-section, .troisiemeSlide-section, .quatriemeSlide-section, .cinquiemeSlide-section, .sixiemeSlide-section, .septiemeSlide-section, .huitiemeSlide-section , .neuviemeSlide-section {
    height: 100%;
    padding-top: 50px;
    text-align: center;
    background: #eee;
}

.navbar-default {
  background-color: #5d5d5d;
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 10px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.4);
	-o-box-shadow: 0 0 10px 5px rgba(0,0,0,0.4);
}

.navbar-brand {
  line-height: 40px;
  padding: 5px;
}

.navbar-default .navbar-nav > li > a {
  color: white;
  text-decoration: none;
}

.navbar-default .navbar-nav > li > a:hover {
  background-color: #5d5d5d;
  color: #00aeef;
  text-decoration: none;
}

.navbar-default .navbar-nav > .active > a {
  background-color: #00aeef;  
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus {
  background-color: #00aeef; 
}

li#assistance a {
  padding: 0px;
}

.rowPres {
    height: inherit;
    margin: 20px;
}

.imgPres {
    height: inherit;	
}

.img_slider {
	max-width:100%;
	max-height:75%;
}

.rowGal{
	height: inherit;
	margin-top:20px;
}

.carousel{
    background: #2f4357;
    height: 75%;
    overflow: hidden;
    margin: auto;
    width: 75%;
    padding: 20px;
    border: 1px solid silver;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}  

.carousel-inner {width: 100%;
    overflow: hidden;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 90%;} 
    
.carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right {
	height: 100%
}

.carousel .item img{
    margin: auto; /* Align slide image horizontally center */
    height: inherit;
    width: initial;
}

.promoter {
	text-align: left;
}

.modal-body .promoterImg {
    max-height: 75px;
    padding: 0px;
}

@media(min-width:768px) and (max-width: 991px){
	.rowPres {
	  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
	  min-height: 100vh; /* These two lines are counted as one :-)       */
	  display: flex;
	  align-items: center;	
	}
	
	.presentation {
		height: 50%;
	}
	
	.imgPres {
		display: none;
	}		
}

.carousel-indicators {
	bottom:0;
}

.presLogiciel {
	padding-top: 50px;
	text-align: justify;
	font-size: 1.5em;
}

.presLogiciel ul {
	color: white;
}


.presLogicielLink {
	padding-top: 25px;
	text-align: right;
}

.presLogicielLink a {
	color: white;
}

.confiance {
   position: absolute;
   bottom: 0;
   left: 25; 
   z-index: 10;
}

.confiance a img {		
   height: 150px;
   width: 150px;
    -ms-transform: rotate(-25deg); /* IE 9 */
    -webkit-transform: rotate(-25deg); /* Chrome, Safari, Opera */
    transform: rotate(-25deg);   
    border: 0px; 
    border-width: 0px;
}

.confiance:hover a img {
    -ms-transform: rotate(-5deg); /* IE 9 */
    -webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */
    transform: rotate(-5deg); 
    cursor: pointer;
}


@media(max-width:768px) {
	.presentation {
		height: 50%;
	}
	
	.imgPres {
		display: none;
	}		
	
	.presLogiciel {
		padding-top: 25px;
		text-align: justify;
		font-size: 1em;
	}
}


/* PAGE CONTACT */


.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #e7e7e7;
  color: #5d5d5d;
}
.table-striped>tbody>tr:nth-of-type(odd) td, .table-striped>tbody>tr:nth-of-type(even) td {
  font-size: .9vw;
}
.table-striped>tbody>tr:nth-of-type(even) {
  background-color: white;
  color: #5d5d5d;
}

div.contact-section {
}

.blocContact .logo{
	padding-bottom: 25px;
}

.day {
	text-align: right;
}

.hour {
	text-align: center;
}


#map-outer {  
/* 	height: 440px; */
	margin-bottom: 20px; 
	color: #FFF;	
}

@media(max-width:768px) {	
	.blocContact {
		text-align: center;
	}
	
	.table-striped>tbody>tr:nth-of-type(odd) td, .table-striped>tbody>tr:nth-of-type(even) td {
  		font-size: 2.7vw;
	}
}

@media(min-width:992px) {	
	.blocContact {
		padding: 10px;
	}
}

@media(min-width:768px) and (max-width: 991px) {	
	.blocContact .logo {
		padding: auto;
	}
	
	.table-striped>tbody>tr:nth-of-type(odd) td, .table-striped>tbody>tr:nth-of-type(even) td {
  		font-size: 1.3vw;
	}
}

#map-container {
	margin-top: 90px;
	height: 225px;
	border-bottom: #5d5d5d solid 1px;
	margin-bottom: 10px;
}

@media all and (max-width: 991px) {
}

/* PAGE CONTACT */

/* PAGE ABOUT */

.jumbAbout {
	Text-align: center;
	Margin-top: 90px;
	font-style: italic;
	padding: 15px;
  	background-color: rgba(255, 255, 255, 0.5);
}

@media(max-width:768px) {	
	.jumbAbout {
		Text-align: center;
		Margin-top: 0px;
		font-style: italic;
		padding: 15px;
	}
		
	.presentation h2.sstitre{
		display: none;
	}
}

#about article {
	padding: 0 50px 0 50px;
	text-align: justify;
	max-width: 1400px;
    margin: auto;
}

#about article h1 {
	Text-align: center;
	text-transform: uppercase;
	font-size: 1.4em;
	color: white;
}

#about .aboutFooter {
	Text-align: center;
	margin-top: 50px;
	color: white;
	font-size: .9em;
}

#about .aboutFooter a, 
#about .aboutFooter a:active, 
#about .aboutFooter a:visited {
	color: white;
}

#about .aboutFooter a:hover {
	color: #5d5d5d;
	text-decoration: none;
}

.modal-body {
	text-align: center;
}

.modal-body img {
	padding: 20px;
	height: 120px
}

article.articlePart div {
	height: 150px;
}

img.logoPart {
	max-height: 150px;
	position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 50px 25px 25px 25px;
}


/* PAGE ABOUT */