/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
} 

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}








/*
	Landed by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/


body.sommaire header {
  margin: 0 0 4em 0;
  text-align: center; } /* NMASSE */


  .spotlight.top .content, .spotlight.bottom .content {
    left: 0;
    padding: 3.825em 0 1.825em 0;
    width: 100%; 
    font-size: 0.8em;
    } /* NMASSE */
  .spotlight.top .content {
    border-bottom-width: 0.35em;
    top: 0; }
  .spotlight.bottom .content {
    border-top-width: 0.35em;
    bottom: 0; }
    
.bottom_content_div{
	float:left;
	width:100%;
	padding-left:3em;
	padding-right:3em;
	margin-bottom:2em;
	text-align:left;
	column-width: 30%;
	column-count : 3;
} /* NMASSE */
    
    
    
    .spotlight.left, .spotlight.right {
    text-align: left;
    height:25em;
     } /* NMASSE */
     
     
    
  .spotlight.left .content, .spotlight.right .content {
    height: 101%;
    padding: 4.5em 2.5em;
    top: 0;
    width: 28em;
    text-align: left;
    font-size: 0.8em; } /* NMASSE */
  .spotlight.left .content {
    border-right-width: 0.35em;
    left: 0; }
  .spotlight.right .content {
    border-left-width: 0.35em;
    right: 0; }
  .spotlight.inactive .content {
    opacity: 0; }
  .spotlight.inactive .goto-next {
    -moz-transform: translate(0,1.5em);
    -webkit-transform: translate(0,1.5em);
    -ms-transform: translate(0,1.5em);
    transform: translate(0,1.5em);
    opacity: 0; }
  .spotlight.inactive.top .content {
    -moz-transform: translate(0,-5em);
    -webkit-transform: translate(0,-5em);
    -ms-transform: translate(0,-5em);
    transform: translate(0,-5em); }
  .spotlight.inactive.bottom .content {
    -moz-transform: translate(0,5em);
    -webkit-transform: translate(0,5em);
    -ms-transform: translate(0,5em);
    transform: translate(0,5em); }
  .spotlight.inactive.left .content {
    -moz-transform: translate(-5em,0);
    -webkit-transform: translate(-5em,0);
    -ms-transform: translate(-5em,0);
    transform: translate(-5em,0); }
  .spotlight.inactive.right .content {
    -moz-transform: translate(5em,0);
    -webkit-transform: translate(5em,0);
    -ms-transform: translate(5em,0);
    transform: translate(5em,0); }

body.is-touch .spotlight {
  background-attachment: scroll; }
  

.textpresentation_onecol {
width:100%;padding:1em;float:left;margin-bottom:1em;border:1px solid white;background: rgba(255, 255, 255, 0.05); border-radius: 4px;
} /* NMASSE */
.textpresentation_leftcol {
	width:50%;padding:1em;float:left;margin-right:1%;border:1px solid white;background: rgba(255, 255, 255, 0.05); border-radius: 4px;
} /* NMASSE */
.textpresentation_rightcol {
	width:49%;padding:1em;float:left;border:1px solid white;background: rgba(255, 255, 255, 0.05); border-radius: 4px;
} /* NMASSE */


    
    
    #banner .content .image { 
      background-color:rgba(0,0,0,0); /* NMASSE - fonctionne pas */
    }
    
    #banner .content .image img { 
    	background:none; /* NMASSE - fonctionne pas */
    }
    
  

#footer {
  background: white;/*#272727;*/
  padding: 0;
  text-align: center;
  display:block;
  overflow:hidden; }
  #footer ul {
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.9em;
    line-height: 1em;
    margin: 0;
    padding: 0;
    text-align: center; }
    #footer ul li {
      border-left: solid 1px rgba(255, 255, 255, 0.3);
      display: inline-block;
      list-style: none;
      margin-left: 1.5em;
      padding-left: 1.5em; }
      #footer ul li:first-child {
        border-left: 0;
        margin-left: 0;
        padding-left: 0; }
      #footer ul li a {
        color: black;/*inherit;*/ }
  #footer .sociaux-list {
    margin-bottom: 2em; }
    #footer .sociaux-list li {
      display: inline-block;
      list-style: none;
      margin: 0 .5em;
      padding: 0;
      border: none; }
      #footer .sociaux-list li a {
        color: inherit;
        border: none; }
    #footer .sociaux-list .socicon {
      -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
      -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
      -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
      transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
      font-size: 1.2em;
      padding: 0.3em;
      background: #1a1a1a; }
      #footer .sociaux-list .socicon:hover {
        color: #1a1a1a;
        background: white; }
        
        
        
        
        

#main {
  overflow: hidden; }
  
  #footer_contact{padding-left:3em;padding-right:2em;width:50%;float:left;background:rgba(0,0,0,0.65);} /* NMASSE */
  #footer_map{padding:2em;width:50%;float:left;background:rgba(0,0,0,0.90);} /* NMASSE */
  
  #footer_contactmap{min-width:100%;}
  
  #footer_logos{float:left;width:100%;min-height:10em;display:block;background:white;} /* NMASSE */
  #footer_partners{margin-top:2em;min-height:12em;min-width:100%;display:flex;background:white;overflow:hidden;} /* NMASSE */
  
  #footer_logos_left{float:left;width:33%;background:white;}
  #footer_logos_center{float:left;width:33%;background:white;}
  #footer_logos_right{float:left;width:33%;background:white;}
  
   div.footer_logos_logo{width:50%;float:left;text-align:center;vertical-align:middle;background:white;} /* NMASSE */
   div.footer_logos_logo img {width:70%;text-decoration:none;} /* NMASSE */
   div.footer_logos_logo a {text-decoration:none;}
  
  #footer_partners div.footer_partners_logo{width:13%;min-height:8em;float:left;background-color:white;text-align:center;vertical-align:middle;margin:auto;} /* NMASSE */
  #footer_logos div.footer_partners_logo img {height:75%;width:75%;text-decoration:none;} /* NMASSE */
  #footer_logos div.footer_partners_logo a {text-decoration:none;}
  a.footer_logo_link {text-decoration:none;}
  

@media screen and (max-width: 1680px) {
  body, input, select, textarea {
    font-size: 12pt; } }
@media screen and (max-width: 1280px) {
  body, input, select, textarea {
    font-size: 11.5pt; }

  .spotlight.top .content {
    padding: 3.825em 0 1.825em 0; }
  .spotlight.bottom .content {
    padding: 3.825em 0 2.95em 0; 
    text-align: center; /* NMASSE */
    }
    
    
  .spotlight.left, .spotlight.right {
    height :25em; }
  .spotlight.left .content {
    padding: 4.5em 2.5em;
    width: 25em;
    text-align: right; } /* NMASSE */
    
  .spotlight.right .content {
    padding: 4.5em 2.5em;
    width: 25em;
    text-align: left; } /* NMASSE */

  .wrapper {
    padding: 4.5em 0 2.5em 0; }

  .dropotron.level-0 {
    font-size: 1em; }

  #banner .content {
    padding: 4.5em; }

  #footer {
    padding: 4.5em 0; } }
@media screen and (max-width: 980px) {



  body, input, select, textarea {
    font-size: 12pt; }

  .spotlight {
    background-attachment: scroll;
    height: auto; }
    
    .spotlight.left, .spotlight.right {
    height :auto; }
    .spotlight .image.main {
      display: block;
      margin: 0;
      max-height: 40vh;
      overflow: hidden; }
    .spotlight .content {
      background-color: #1a1a1a;
      border-width: 0 !important;
      border-top-width: 0.35em !important;
      bottom: auto !important;
      left: auto !important;
      padding: 4.5em 2.5em 2.5em 2.5em !important;
      position: relative;
      right: auto !important;
      text-align: center;
      top: auto !important;
      width: 100% !important; }
    .spotlight .goto-next {
      display: none; }
      
      .bottom_content_div{
	float:left;
	width:100%;
	padding-left:0;
	padding-right:0;
	margin-bottom:0;
	text-align:left;
	column-width: 100%;
	column-count : 1;
} /* NMASSE */


    
    
.textpresentation_leftcol {
	width:100%;padding:1em;margin-bottom:1em;float:left;border:1px solid white;background: rgba(255, 255, 255, 0.05); border-radius: 4px;
} /* NMASSE */
.textpresentation_rightcol {
	width:100%;padding:1em;float:left;border:1px solid white;background: rgba(255, 255, 255, 0.05); border-radius: 4px;
} /* NMASSE */



#footer_contact{width:100%;float:none;} /* NMASSE */
#footer_map{width:100%;float:none;} /* NMASSE */