@import "all.css";

/* Corps de page */
body
{
}

/* En-tête */
#En-tete
{background-color: #EEEEEE;
 background-repeat: no-repeat;
 background-position: top right;
}
#En-tete h1
{color: black;
}


/* Menu en haut */
#Menu_top
{color: white;
 border: none;
 border-top: 1px solid gray;
 border-bottom: 1px solid gray;
 background-color: #E8E8E8;
 background: linear-gradient(to bottom, #E8E8E8 0%, #A8A8A8 100%);
}
#Menu_top a:hover
{background: #E8E8E8;
}
#Menu_top li a
{color: black;
 text-decoration: none;
}
#Menu_top li a:visited
{color: gray;
}
#Menu_top li a:hover
{color: black;
 text-decoration: none;
}
#Menu_top ul li
{background-color: #E8E8E8;
}
#Menu_top li:hover ul
{background-color: #F9F9F9;
}
#Menu_top li:hover ul li:hover
{text-decoration: none;
 color: black;
 background-color: #F9F9F9;
}

/* Menu à gauche */
#Menu_gauche
{border: none;
 border-right: 1px solid black;
 background-color: white;
}
#Menu_gauche .sous-menu
{
}
#Menu_gauche h3
{color: black;
}
#Menu_gauche ul
{color: black;
 list-style-type: none;
}
#Menu_gauche li a:visited
{color: gray;
}
#Menu_gauche li a
{color: silver;
 text-decoration: none;
 border-bottom: 1px solid white;
}
#Menu_gauche li a:hover
{color: black;
 text-decoration: none;
 background-color: #E8E8E8;
 border-bottom: 1px solid black;
}

/* Contenu */
#Contenu
{
}
#Contenu h1
{color: red;
}
#Contenu h2
{color: black;
}
#Contenu h3
{color: black;
}
#Contenu h4
{color: black;
 text-decoration: underline;
}
#Contenu p
{color: black;
}
#Contenu a
{color: black;
 text-decoration: underline;
}
#Contenu a:visited
{color: gray;
 text-decoration: underline;
}
#Contenu a:hover
{color: black;
 text-decoration: overline;
 background-color: #E8E8E8;
}
#Contenu .news
{color: black;
 border: none;
 border-top: 6px double black;
 border-bottom: 6px double black;
}
#Contenu .news ul
{list-style-type: circle;
}
#Contenu .subsection
{border: none;
}
#Contenu .subsection a
{text-decoration: underline;
}
#Contenu .subsection a:hover
{text-decoration: overline;
 background-color: #E8E8E8;
}
#Contenu .subsection h4
{border-bottom: 1px solid black;
 text-decoration: none;
 background-color: #E8E8E8;
}
#Contenu .subsection h4 a
{text-decoration: none;
}
#Contenu .subsection ul
{list-style-type: circle;
}
#Contenu .dl
{background-image: url("./img/spring/menu_bar.gif");
}
#Contenu .dl a
{color: white;
 text-decoration: none;
}
#Contenu .dl a:hover
{color: black;
}




/* Pied de page */
#Pied_page
{border-top: 1px solid black;
 border-bottom: none;
 background-color: #EEEEEE;
 }
#Pied_page p
{color: black;
}
 
 
 
 
/*   SPECIAL CSS FOR SMALL SCREENS / MOBILE   */
/* Menu_gauche becomes invisible */
@media screen and (max-device-width: 800px), (max-width: 800px)
{body
 {font-size: 3.2vmin;
  width: 100%;
  max-width: 100%;
 }
 #Menu_top, #Menu_top ul
 {height: 40px;
 }
 #Menu_top li
 {width: calc(95%/5);
  font-size: 3.2vmin;
 }
 #Menu_gauche
 {display: none;
 }
 #En-tete .stylemenu
 {display: none;
 }
 #En-tete a img
 {height: 60px;
  width: auto;
  margin-left: 15px;
 }
 #Contenu
 {font-size: 3vmin;
  margin-left: 2px;
  margin-right: 2px;
  width: 95%;
 }
 #Contenu #Content
 {margin-left: 0;
 }
 #Contenu #colonne-droite
 {float: none;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
 }
 #Contenu #colonne-droite .news
 {float: none;
  margin: 5px;
  width: 100%;
 }
 #Pied_page
 {width: 100%;
  height: 50px;
 }
 #Pied_page p
 {font-size: 2.5vmin;
 }
 #Pied_page nav
 {width: 100%;
  margin: 0;
 }
 #Pied_page nav h4
 {text-align: center;
  text-transform: uppercase;
  margin: 0;
  margin-top: 5px;
  padding: 0;
 }
 #Pied_page div.PPcol
 {display: block;
  width: 100%;
  max-width: 100%;
  vertical-align: top;
 }
 #Pied_page div.PPcol ul
 {width: 100%;
  text-align: left;
  list-style-type: none;
 }
 #Pied_page div.PPcol li a
 {display: block;
  float: left;
  clear: both;
  width: 100%;
  padding: 6px;
  text-align: center;
  font-size: 3vmin;
  color: white;
  background: black;
  border-top: 2px solid white;
  text-decoration: none;
 }
 #Pied_page div.PPcol li a:hover
 {background-color: blue;
 }
 #Pied_page div.PPcol li a:visited
 {color: silver;
 }
 
}
}
/*  END SPECIAL CSS FOR SMALL SCREENS / MOBILE   */