html{margin:0% 0% 0% 0%; padding:0% 0% 0% 0%; }
  
 body{user-select: none; margin:0% 0% 0% 0%; padding:0 0 0 0;
      background-color:#040C29; overflow-y:scroll; }
  
                                           /*En tête*/
 header{ 
  background: linear-gradient(#000000, #040C29 );
  display:flex; justify-content:center; }   
  
 .logo1{margin-top:4%; width:50%; height:auto; }
  
  /*nav{margin:0% 4% 0% 0%;}*/
 .menu{display:flex; list-style-type:none; justify-content:space-evenly; }
 
.menu li a{display:block; padding:3% 100% 3% 3%; color: #040C29;
  text-decoration: none; font-family:"DejaVu sans"; font-size:1.3em; font-weight:bold;
  border:3px solid #b5abab;   border-radius:25px 5px;
  background: linear-gradient(#555252,#f5f5f5fc); }
  
 @media screen and (max-width:800px) {
  .menu{display:flex; list-style-type:none; justify-content:space-evenly; }
 
 .menu li a{color:#040C29; text-decoration: none; font-family:"DejaVu sans";
  font-size: 0.6em; border:1px solid #b5abab; border-radius:1px 1px;
  background: linear-gradient(#555252,#f5f5f5fc); }
  }

 .menu li a:hover{color: #FF4400; }
 
                             /*trait orange haut bas*/ 
.trait{width:100%; }
 
                          /*vidéos pour chaque page*/  
 .vidéo1{margin:2% auto 2% auto; width:98%; display:flex; }  
  
                          /*titre h2 pour chaque page*/  
  h2{text-align:center;color:#FFFFFF;font-style:normal; font-family:"DejaVu sans";
  font-size: 1.2em;}
  @media screen and (max-width:800px) {
          h2{text-align:center;color:#FFFFFF;font-style:oblique; font-size:0.9em;}
  }
 
                                            /*index*/
                                            
  h1{font-family:"DejaVusans";color:#FFFFFF;text-align:center; font-size: 1.4em; margin:2% 0% 4% 0% } 
  
  @media screen and (max-width:800px) { 
   h1{font-family:"DejaVusans";color:#FFFFFF;text-align:center; font-size: 0.5em;margin:2% 0% 4% 0% } 
  } 
                                            
 main{margin:0 0 0 0; color:#FFFFFF; }
 
 .mention{margin:0% 4% 0 4%; font-size: 0.9em; font-family:"DejaVu sans"; }

 .art1{margin:2% 4% 2% 4%; font-size: 1.2em; font-family:"DejaVu sans";
      line-height: 1.2em; text-align:center; }
  
 @media screen and (max-width:800px) {
   .art1{margin:2% 4% 2% 4%; font-size: 0.7em; font-family:"DejaVu sans";
        line-height: 1.2em; text-align:center; }
  }

.valeur{display:flex; margin:auto; width:90%; }
 
.competence{display:flex; margin:auto; width: 90%; }
  
 @media screen and (max-width:800px) {
  .valeur{display:flex; margin:auto; width: 100%; }
  .competence{display:flex; margin:auto; width: 100%; }
  }
   
   
                                 /*marketing*/
                                 
 .art2{margin:2% 4% 2% 4%; color:#FFFFFF; font-size: 1.6em;
     font-family:"DejaVu sans"; line-height: 1.2em; text-align:center; }
  
@media screen and (max-width:800px) {
 .art2 {margin:2% 4% 2% 4%; font-size: 0.7em; font-family:"DejaVu sans";
       line-height: 1.2em; text-align:center; }
  }
       
 .Vmarketing{width:100%; height:auto;margin-bottom: 2%;}
 
 .art3{margin:4% 4% 4% 4%; color:#FFFFFF; font-size: 1.4em;
     font-family:"DejaVu sans"; line-height: 1.2em; text-align:center; }
 
 @media screen and (max-width:800px) {
 .art3 {margin:4% 4% 4% 4%; font-size: 0.7em; font-family:"DejaVu sans";
       line-height: 1.2em; text-align:center; }
  }

.Tmarketing{display:flex; margin:auto; width:90%; }
  
  @media screen and (max-width:800px) {
  .Tmarketing{display:flex; margin:auto; width: 100%; }
  }                    
 
                                 /*peinture*/  
 .impeinture{margin:auto; width: 100%; height:auto; } 
    
 .peint{display:grid; grid-template-columns:1fr 1fr 1fr; column-gap:0%; 
        color:#FFFFFF; font-size:1em; font-family:"DejaVu sans"; text-align:center; }
        
 .tableau {margin:0%; width:100%; height:auto; }         
     
  @media screen and (max-width:800px) {
  .peint{grid-template-columns:1fr; column-gap:0%; font-size:0.8em; }
  .tableau{margin:0%;padding:0%; width: 100%; height:auto; } 
  /*.peint figure {margin:0%;} */
  }
  
  
                              /*ArtNumerique*/
                              
 .imgtitre{display:block; margin:2% auto; width:100%; height:auto; }
 
 .logo{width:100%; height:auto;}
 
 .cadreArtNum{margin:auto; width:100%; height:auto; }
 
 .scroll-container{background-color: #000000; overflow: auto; white-space: nowrap;
                   padding: 0.2%; width:50%; margin:auto; }
 
 .mySlides{width:100%; padding: 0.1%; } 

 @media screen and (max-width:800px) {
 .scroll-container{background-color: #000000; overflow: auto; white-space: nowrap;
                   padding: 0.2%; width:100%; margin:auto; }
 }

 .textscroll{text-align:center; color:#FFFFFF; font-size: 0.8em; }
      

                                 /*pied de page*/*
                                 
footer{background: linear-gradient(#040C29, #000000 ); text-align: center; 
        color:#FFFFFF; font-size: 1.2em; font-family:"DejaVu sans"; }
        
footer a{text-decoration:none; color:#708090; padding:2%; font-size: 0.8em;  }
 
footer a:hover{color: #FFFFFF; }

@media screen and (max-width:800px) {
footer {text-align: center; color:#FFFFFF; font-size: 0.6em; font-family:"DejaVu sans"; }
 }  
   
                                 /*mention légale*/
.mention{margin:0% 4% 0% 4%; font-size: 0.9em; font-family:"DejaVu sans"; }