img {width : 100% ; height : auto;}
td {
text-align: center;
vertical-align:middle;
}
.cadre {
border-top: 15px; 
border-right: 15px;  
border-bottom: 15px;  
border-left: 0px;
border: 5px solid rgb(255, 103, 031);
}
.titre {  
  padding-top: 15px;  
  padding-right: 15px;  
  padding-bottom: 15px;  
  padding-left: 0px;  
  font-size: 50px;  
  background-color: rgb(255, 103, 031);  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  margin-bottom: 10px;  
  margin-top: 10px;  
  text-align: center;  
  color: white;
 @font-face {
	font-family: "Futura_Condensed_Extra_Bold";
	src: url('..fonts/Futura_Condensed_Extra_Bold.otf');
}

}

.titre2 {  
  padding-top: 15px;  
  padding-right: 15px;  
  padding-bottom: 15px;  
  padding-left: 0px;  
  font-size: 20px;  
  background-color: rgb(46, 68, 134);  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  margin-bottom: 10px;  
  margin-top: 10px;  
  text-align: center;  
  color: white;
 @font-face {
	font-family: "RobotoCondensed-Bold";
	src: url('..fonts/RobotoCondensed-Bold.ttf');
}
}
.titreparagraphe {  
  padding-top: 15px;  
  padding-right: 15px;  
  padding-bottom: 15px;  
  padding-left: 15px;  
  font-size: 20px;  
  background-color: rgb(154, 191, 216);  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  margin-bottom: 10px;  
  margin-top: 0px;  
  text-align: left;  
  color: black;
 @font-face {
	font-family: "RobotoCondensed-Bold";
	src: url('..fonts/RobotoCondensed-Bold.ttf');
}
}
.titreparagrapheorange {  
  padding-top: 15px;  
  padding-right: 15px;  
  padding-bottom: 15px;  
  padding-left: 15px;  
  font-size: 30px;  
  background-color: rgb(255, 103, 31);  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  margin-bottom: 10px;  
  margin-top: 0px;  
  text-align: left;  
  color: white;
 @font-face {
	font-family: "RobotoCondensed-Bold";
	src: url('..fonts/RobotoCondensed-Bold.ttf');
}
}
.titreparagraphebleu {  
  padding-top: 5px;  
  padding-right: 5px;  
  padding-bottom: 5px;  
  padding-left: 5px;  
  font-size: 30px;  
  background-color: rgb(255, 255, 255);  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  margin-bottom: 0px;  
  margin-top: 0px;  
  text-align: left;  
  color: rgb(46, 68, 134);
 @font-face {
	font-family: "RobotoCondensed-Bold";
	src: url('..fonts/RobotoCondensed-Bold.ttf');
}
}
.corpsdetexte {  
  padding-top: 5px;  
  padding-right: 10px;  
  padding-bottom: 5px;  
  padding-left: 10px;  
  font-size: 20px; 
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  margin-bottom: 5px;  
  margin-top: 5px;  
  text-align: left;  
  color: black;
 @font-face {
	font-family: "RobotoCondensed-Bold";
	src: url('..fonts/RobotoCondensed-Bold.ttf');
}



h1 {  
  font-size: 20px;
color: black;
text-align: left;  
}

h2 {  
  font-size: 16px;
}

h3, h4 {  
  text-align: center;
}