html {
  scroll-behavior: smooth;/*pour les lein de redirection dasn la page*/
  user-select : none;
user-select : text;
user-select : all;
}

body{
width: 100%;
    margin: 0;
    padding: 0;
}


@media only screen and (max-device-width:800px){
  table{
    max-width: 80%
    font-size: 4%;
    width: 80%;
    height: 100%
    max-height: 40%;
  }

  td{
    background-color: none;
    max-width: 10%;
    width: 20%;
    height: 30%;
    font-size: 2%;

  }


}




#first_page{
	background-image: url("back_first.svg");
  a, a:visited {
    /* Les liens "au repos" et déjà visités antérieurement */
    color: white; /* couleur blanche */}

  a:hover, a:focus, {
    /* Les liens au survol, au focus, et actifs : on leur donne la couleur rouge pour l'exemple */
    color: #807878;} 

  a:active {
    coor: black;}
}



/*		banner		*/
#banner{

}

.slogan_sous{

}


.banner{
  position: fixed;
    z-index: 500;
    transition-duration: 0.4s;
    width: 100%;
    background-image: url("back_first.svg");
    margin-top: -1rem;
    padding-top: 1.8rem;
}

.banner_back{

}
/*		End - banner		*/



.slogan{
	font-size: 30
}


header {
  	z-index: 200;
   height: 150%;
  text-align: right;
  /*background-color: white;*/
  width: 100%;
  position: right;
  padding-bottom: 4rem;
  min-height: 170%;
  margin-left: -5%;
  margin-right: 0%;
  font-family: "Arial", sans-serif;
  padding: 3px 20px;
  font-size: 18px;
  color: blue;
  height: 100%;
  box-sizing: border-box;}

nav {  
 right: 1vw;
 z-index: 400;

/*background-color: #efefef;*/
}

ul {

  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0px;
  overflow: hidden;}

li {
  font-size: 1.7vmin;

  float: right;}

.topnav li a {

  transition: 0.3s;
  display: inline-block;
  color: white;

  padding: 10px;
  font-size: 1.9vmin;
  font-family: "Arial";}

.topnav a:hover {
  background-color: white;
  color: black;}

.topnav a.active {
  background-color: white;
  color: black;}

footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
/*  background-color: #efefef; */
  text-align: center;}

footer nav ul li {
  font-size: 5px;}


#menu-accordeon {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
  width: 180px;}

#menu-accordeon ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;}

#menu-accordeon li {
   background-color:#729EBF; 
   background-image:-webkit-linear-gradient(top, #729EBF 0%, #333A40 100%);
   background-image: linear-gradient(to bottom, #729EBF 0%, #333A40 100%);
   border-radius: 6px;
   margin-bottom:2px;
   box-shadow: 3px 3px 3px #999;
   border:solid 1px #333A40}

#menu-accordeon li li {
   max-height:0;
   overflow: hidden;
   transition: all .5s;
   border-radius:0;
   background: #444;
   box-shadow: none;
   border:none;
   margin:0}

#menu-accordeon a {
  display:block;
  text-decoration: none;
  color: #fff;
  padding: 8px 0;
  font-family: verdana;
  font-size:1.2em}

#menu-accordeon ul li a, #menu-accordeon li:hover li a {
  font-size:1em}

#menu-accordeon li:hover {
   background: #729EBF}

#menu-accordeon li li:hover {
   background: #999;}

#menu-accordeon ul li:last-child {
   border-radius: 0 0 6px 6px;
   border:none;}

#menu-accordeon li:hover li {
  max-height: 15em;}



.img_logo{
	position: absolute;
	top : 1.5rem;
	left: 1%;
	max-width: 10vmin;
  z-index: 800;
}

.img_deo{
  z-index: 1;
  position: relative;
  max-width: 30rem;
  z-index: 800;
}

#deuxieme_page{

}

#troisieme_page{
  background-image: url(colores_b.jpg);
}

.imgt{
  margin-left: 50%;
  margin-right: 50%;
}

#quatrieme_page{
  background-color: #0C0C0C;
}

#contact_place{
  font-size: 100%;
  font-family: Arial;
  color: white;



}

.link_c{color: white;}
.link_c:hover{font-size: 110%; }
.link_c:visited{color: white;}
.link_c:actived{color: white;}
.link_c:focus{color: white;}

.link_d{color: white;}
.link_d:hover{font-size: 100%; cursor: text;}
.link_d:visited{color: white;}
.link_d:actived{color: white;}
.link_d:focus{color: white;}

#footer{
  margin: 0px;
  background-color: #212020; 
  color: white; 
  padding: 10px; 
  text-align: center; 
  font-family: Arial; 
  font-size: 15px;}