/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

























body{
/* 	background-color: transparent; */
	color: #0489B0;
	font-family: 'Work Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}





nav ul a,
nav .brand-logo {
  color: #E6243E;
  font-family: 'Work Sans', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 21px;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9); /* Half-transparent white shadow */
}


p {
  color: #0489B0;
  line-height: 1.5;
  font-size: 18px;
  font-family: 'Work Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.sidenav-trigger {
  color: #E6243E;
}

.parallax-container {
  min-height: 380px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }

@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
}

@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

footer.page-footer {
  margin: 0;
}


.transparent-bg {
  background-color: rgba(0,0,0,0);
}

.intro{min-height: 800px;}
.intromobile{background-color: #000}

.teal{background-color: rgba(0, 151, 136, 0.95) !important}

.vert{background-color: rgba(0, 98, 94, 0.95);}

.bleu {
  background: linear-gradient(to right, #d6e9f5, #b3d3ea);
}


.bleu-dark {
  background: linear-gradient(to bottom, #85a6c3, #6189a3);
}


h2{text-transform: uppercase;
/* 	color: #d4627c; */
	color: #E6243E;
	
	font-weight: 700;
	font-size: 2.8rem;
	text-shadow: 3px 4px 1px rgb(255, 255, 255);
	margin-bottom: 1em;
}


nav .brand-logo{padding-left: 15px;
	padding-top: 15px;}
	
@media only screen and (max-width: 769px) { 
	nav .brand-logo{width: 100px}
}
	
	
	
	.lead{font-size: 130%;
		color: #E6243E;
		text-shadow: 1px 1px 1px black;
		font-weight: 700;
		text-transform: uppercase;
	}
	
	.lead span{font-size: 16px}


.rose{background-color:#E6243E; }

.btn-floating:hover{background-color:#E6243E;}



img{max-width: 100%;}







/* Contact */

@media only screen and (max-width: 40em) { 
	.centercontact{margin: 0 auto; text-align: center;}
}

@media (min-width: 320px) {
.col-contact  {
        position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 100% ;
    float: none ;
        
    }
}

@media (min-width: 767px) {
.col-contact {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 19%;
    float: left;
}
}


.mycenter{margin: 0 auto; 
	text-align: center !important;
	float: none !important;
}

.socialtop{font-size: 24px;margin-bottom: 10px;}

.socialtop a{color: #E6243E; margin-left: 3px; margin-right: 3px;}
.socialtop a:hover{color: #E6243E}
.socialtop a:visited{color: #E6243E}

.sidenav-overlay{display: none !important}
.sidenav{background-color: rgba(0, 139, 171, 1);
	
}

ul.sidenav li a{color: #ffffff;
	font-weight: 700;
	font-size: 24px;
	text-shadow: 1px 1px 1px rgba(230, 36, 62, 1);
}



.contact{text-align: center; margin: 0 auto; color: #008BAB}
.cie{font-family: 'Open Sans', sans-serif;font-weight: 400;text-transform: uppercase;margin-top: 8px;line-height: 1.2;font-size: 10px; color: #008BAB}
.cie span{font-weight: 700}
.url{font-family: 'Open Sans', sans-serif;font-weight: 300;font-size: 10px; color: #E6243E}
.url a{color: #E6243E; font-weight: 700;}


.rowf {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5rem;
  *zoom: 1; }
  .rowf:before, .rowf:after {
    content: " ";
    display: table; }
  .rowf:after {
    clear: both; }
  .rowf.collapse > .column,
  .rowf.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .rowf.collapse .rowf {
    margin-left: 0;
    margin-right: 0; }
  .rowf .rowf {
    width: auto;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
    *zoom: 1; }
    .rowf .rowf:before, .row .row:after {
      content: " ";
      display: table; }
    .rowf .rowf:after {
      clear: both; }
    .rowf .rowf.collapse {
      width: auto;
      margin: 0;
      max-width: none;
      *zoom: 1; }
      .rowf .row.collapse:before, .rowf .row.collapse:after {
        content: " ";
        display: table; }
      .rowf .row.collapse:after {
        clear: both; }



.titre2024 {
          display: inline-block; /* Makes the div fit the content and appear inline */
          background: linear-gradient(to bottom, #d6e9f5, #b3d3ea); /* Blue gradient */
          padding: 20px; /* Add some padding around the image if desired */
        }
        
        .titre2024 img {
          display: block; /* Ensures the image starts on a new line inside the div */
          max-width: 80%; /* Keeps the image responsive */
          height: auto;
        }