* {
  box-sizing: border-box;
}

@font-face {
 font-family:"Roboto-Regular";
  src: url('../fonts/Roboto-Regular.ttf');
}

body
{
  font-family:"Roboto-Regular", Arial, sans-serif;
}


@font-face {
font-family:"Roboto-Bold";
src: url('../fonts/Roboto-Bold.ttf');
}

#texte1
{	font-size: 1.3em;
	color:#000000;
	
	font-family:"Roboto-Bold", Arial, sans-serif;
	line-height:25pt;
}
#texte2
{
	font-family:"Roboto-Bold", Arial, sans-serif;
	
	font-size: 1.0em;
	color:#000000;
	line-height:25pt;
}

#texte3
{	font-size: 1.3em;
	color:#000000;
	
	font-family:"Roboto", Arial, sans-serif;
	line-height:25pt;
}


/* Header/logo Title */
.header {
  padding: 40px;
  text-align: center;
  background: #ffffff;
 
}
 #texte4
{
	font-family:verdana;
	font-style:italic;
	font-size: 1.0em;
	color:#000000;
	line-height:25pt;
} 

/* The navbar container */
.topnav {
  overflow: hidden;
  background-color: #ffffff;

}

/* Style the topnav links */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Change color on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}



/* Footer */


.footer {
	
  padding: 20px;
  text-align: center;
  background: #EEEEEE;
  margin-top: 20px;
}

/* image, just for this example */
.img {
  background-color:#ffffff;
  width: 100%;
  text-align: center;
}
img.ri
{	
	max-width: 100%;
}


Table{
  /* Uniquement centrer la table sur la page */
  margin: 0 auto;
 margin-left: 15%;
  background:#EEEEEE;
  
}
Table2{
  /* Uniquement centrer la table sur la page */
  margin: 0 auto;
 margin-left: 10%;
  background:#ffffff;
  
}   
 a:link
{
text-decoration:none;
}  
  a { color:#FF0000; }   
 
.marque.w_30 div {
	font-size: 18px;
}



</style>