/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlNOAHFN6BivSraYkjhveRHY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlC2Q8seG17bfDXYR_jUsrzg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlNV_2ngZ8dMf8fLgjYEouxg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

html{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 17px;
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    background: white;
  }

  main {
    flex: 1 0 auto;
    font-size: 18px;
  }


nav{
	padding: 0 30px;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5f0ff+6,48a0e2+41,59a8e5+100 */
	background: #e5f0ff; /* Old browsers */
	background: -moz-linear-gradient(left,  #e5f0ff 6%, #48a0e2 41%, #59a8e5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #e5f0ff 6%,#48a0e2 41%,#59a8e5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #e5f0ff 6%,#48a0e2 41%,#59a8e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f0ff', endColorstr='#59a8e5',GradientType=1 ); /* IE6-9 */


}

.slider .slides li .caption.left-align{
    color: #252525;
    background-color: rgba(245, 245, 245, 0.61);
    padding: 30px;
    position: absolute;
    top: 15%;
    left: 15%;
    width: 50%;
    opacity: 0;
}

footer.page-footer{
	background-color: #59a8e5;
	margin-top: 50px;
	padding-top: 0px;
}

footer.page-footer .footer-copyright {
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    color: rgba(255,255,255,0.8);
    background-color: rgba(27, 25, 25, 0.13);
    text-align: center;
}

footer.page-footer .footer-copyright a {
	color: whitesmoke;
}

footer ul.footer-submenu{
	margin: 0;
}

footer ul.footer-submenu li{
	display: inline;
	padding: 10px;
}


h3{
	font-weight: regular;
}

i{
	vertical-align: bottom;
}

#logo{
	max-width: 200px;
}

.map{
	text-align: center;
}


.parallax-container {
      height: 300px;
}

.contact .slider{
	margin-top: 10px;
}


.reference{
  margin-top: 60px; 
  min-height: 500px;
}

#certif-part img{
	max-height: 100px;
	max-width: 100%;
}

ul#certif-part {
	padding: 20px;
}


ul#certif-part li {
    float: left;
    padding: 20px;
}

strong{
	font-size: 56px; 
	margin-right: 20px;
}

strong.bold{
  font-size : 18px;
  font-weight: 700;
  margin: 0;
}



.produit p{
	font-size: 20px;
}

.produit p.title{
	font-size: 24px;
}

.produit a{
	vertical-align: super;
}

.produit img{
	max-height: 100px;
	vertical-align: middle;
}

.collapsible-header:hover {
    background: rgba(225, 240, 243, 0.83);
    display: -webkit-box;
}

.modal .modal-content {
    padding: 24px;
    text-align: center;
}

.modal .modal-content img{
    max-height: 350px;
}

.present{
	text-align: center;
}

.present a{
	color: inherit;
}

.present p{
	display: inline-block;
	margin: 35px;
	padding: 41px;
	color: #59a8e5;
}



.slider .slides li img {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.slider .slides {
    background-color: #ffffff;
    margin: 0;
    height: 400px;
}

  .side-nav li {
    float: none;
    line-height: inherit;
}



@media only screen and (max-width : 992px) {
      header, main, footer {
        padding-left: 0;
      }
    }

@media only screen and (max-width : 600px) {
	#logo{
		max-width: 190px;
	}

    .card-image{
      	display: none;
      }

     .modal-content img{
     	max-width: 170px;
     }

    .modal-footer .btn-flat.vsl{
    	display: none;
	}

	strong {
	    font-size: 35px;
	    margin-right: 5px;
	}

	.collapsible-header {
	    display: -webkit-box;
	    cursor: pointer;
	    min-height: 3rem;
	    line-height: 2rem;
	    padding: 0 1rem;
	    background-color: #fff;
	    border-bottom: 1px solid #ddd;
	}

	h2 {
	    font-size: 2.56rem;
	    line-height: 110%;
	    margin: 1.78rem 0 1.424rem 0;
	}

  }