body {
  margin-left: 2em;
  margin-right: 2em;
  /*background-color: red;*/
  background-image: url("bkg_uni2.jpg");
  /*font-size: 120%;*/
}
div {
  font-size: 50pt;
}
.modele{
	font-size: 30pt;
}
.s1_ecr{
  font-size: 300%;
  text-align: center;
}
.img1_ecr{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.r{
  font-size: 40px;
  color : black;
}
.pan1{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.q {
	margin:0;
	margin-left:10px;
	margin-top:10px;
	padding:10px;
	border: 2px solid grey;
	width:200px;
	background-image: url("bkg_uni2.jpg");
}
.ic{
	font-size: 600%;
	font-family: cursive;
}
p{
  font-size: 200%;
  text-align: center;
}

div{
  text-align: center;
}
h1{
  text-align: center;
  font-size: 275%;
  font-family: serif;
}
h3{
  text-align: center;
  font-size: 775%;
  font-family: serif;
}
.box{
  box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2),
}
h2{
  font-family: serif;
  font-size: 400%;	
}

li{
  font-size: 140%;

}
.gd{
  font-size: 400%;
  color: red;
}
.d{
  font-size: 130%;
}
.dropbtn {
  background-color: #ffd480;
  color: black;
  padding: 16px;
  font-size: 16px;
  border: none;
  font-family: serif;

}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffdd99;
  min-width: 266px;
  z-index: 1;
  font-size: 50%;
  font-family: serif;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: grey;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #ffd480;}





#menufond{
width: 100%;
background: linear-gradient(#7cb7ff, #1b81ff);
border-radius: 0px 0px 4px 4px;
/*box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2),
			0px 1px 0px 1px rgba(255, 255, 255, 0.5) inset,
			0px -3px 0px 1px rgba(0, 0, 0, 0.1) inset;
/*overflow : hidden;*/
height : 50px;
}

#menu{
	font-family: "Trebuchet MS";
    display: table;
	margin-right : auto;
	margin-left : auto;
	margin-top : 0;
	padding : 0;
}

#menu li{
    display: table-cell;
	width: 230px;
	/*transition:1s;*/
}

#menu li:hover{
	width: 190px;
	/*transition:1s;*/
}

#menu a{
	display: block;
	line-height: 46px;
    text-align: center;
	text-decoration : none;
	color : black;
	/*text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
	/*transition : text-shadow,color 1s;
	position:relative;  /* utilse pour l'affichage du point */

}

#menu a:hover{
	background: rgba(255,255,255,0.1);
	/*border-bottom: solid 4px rgba(0,0,0,0.5);*/
	color :   #404040;
	/*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
	/*transition : text-shadow,color 1s;*/
}

#menu a::before{
    content: '';
    position: absolute;
    left: 50%;
    bottom: 5px;
	/*transition:1s;*/
	/*width: 0;
	height: 0;
	border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 5px solid rgba(0,0,0,0.2);*/
}

#menu a:hover::before{
	border-color: rgba(255, 255, 255, 0.5) transparent transparent;
	/*box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	/*transition:1s*/
}