body, div, ul { margin: 0; padding: 0; }

body {
  background-color: #A1A1A1;  /* gris clair */ 
  font-family: TimesNewRoman, sans-serif;  font-size: 15px;
  width: 80% ; margin-left: 10%; margin-top:10px ;
}

h1{
text-align: center;
font-size: 40px;
}

h2 {
text-align: center
}

table, th, td {
    border: 1px solid #FE5500;
	border-collapse: collapse;
}

th, td {
    padding: 15px;
}

.entete {   padding: 25px;
           background-color: #FE5500 ; font-size: 14px;
			font-family: Arial, sans-serif; text-align:center;
			border-style: solid; border-width: 2px ;
			margin-bottom: 20px
			}

#video { text-align: center;
}
			
#image { 
width= 10% ;
 }			
 
#page { margin-left: 20%;
		
}


.barnav { text-align: center;
          width: 150px;
		  background-color: white;
		  border: 1px solid black;
		  padding: 10px;
		  border-collapse: collapse;
		  }
		  
.photos { text-align: center;
		  background-color: #FE5500;
		  border: 1px solid black;
		  padding: 10px;
		  border-collapse: collapse;
		  }
		  

 
 a.barna:visited {
    color: orange;
    background-color: transparent;
    text-decoration: none;
	}
 
.photo { height:175px;

}

.photobarnav {width:150px;
height: 100px
}
	
.photov { height: 245px;
}	

.badge {width:20%;
		margin-left:40%;
}

.progres {width:15%}

.idix {width:10%;
}
.itrente {width:30%;
}
.i100 {width:100%;
}