body {
  margin:0;
  font-family: Arial, Helvetica, sans-serif, z003;
  background-color:#FFFFFF;
}

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align:center;
  
}

hr {
   border:1px solid #FFFFFF;
   padding-left: 20px;
   padding-right: 20px;
   width: 10%;
}

/*.entete {
    overflow:hidden;
    background-color:#F2FFFF;
    padding-top:10px;
    border-color:#FBFBFB;
    text-align:center;
}

.entete img {
      max-width:240px;
      max-height:120px;
      padding-top:5px;
      margin-left:none;
      margin-right:none;
      float:center;
}      

.entete a {
      font-size:15px; 
      color:#FFFFFF; 
      font-weight:bold; 
      text-decoration:none;
}      

.entete a:hover {
      background-color: none;
      color:none;
} 

.entete h2 {
      color:#020101;
      font-family:Helvetica;
      font-style:normal;  
      font-size:13px;
      font-weight:bold; 
      text-transform: none;
      margin-left:none; 
      margin-right:none;
      text-shadow:none; 
      float:center;
}      

.entete hr {
      border:1px solid #BFBFBF;
      width:100%;
}*/      

.heading {
    width:100%;
    text-align:center;
 }
 
.heading {
    background-color:none;
    width:100%;
    height:100%;
    position: relative;
}

.heading img {
   width:100%; 
   max-height:400px;
}

.heading hr {
     border:2px solid white;
     width:3%;
     margin-left:20%;
     margin-right:20%;
     text-align:center;
}

.heading h1 {
     font-size:20px;
     color:#FFFFFF;
     font-weight: bold;
     text-transform:uppercase;
     padding-left:17px;
     padding-right:20px;
     text-align:center;
}

.heading p {
     font-size:14px;
     color:#FFFFFF;
     text-align:center;
} 

.heading h4 {
    color:#FFFFFF;
    font-size:20px;
    text-align:center;
}

.heading a {
    color:#0000FF;
    text-decoration:none;
}

.heading a:hover {
     background:none;
}    

* {
  box-sizing: border-box;
}

.container1 {
  position: relative;
  color: #FFFFFF;
}

.container1 ol {
     list-style-type:1;
}

.container1 ul {
     list-style-type:square;
}     
     
.container1 li {
     color:#FFFF00; 
     font-size:16px
}

.container1 dt {
     font-size:17px;
     font-weight:bold;
}

.container1 dd {
     font-size:16px;
}                
      
.container1 h2 {
    color:#FFFFFF;
    font-size:18px;
    text-align:center;
    text-transform:uppercase;
}     

.container1 h3 {
    color:#FFFFFF;
    font-size:18px;
    text-align:center;
}     

.container1 h4, h5, h6 {
    font-size:18px;
    color:#FFFFFF;
    text-align:center;
}

.container1 p {
    font-size:16px;
    color:#FFFFFF;
}    

.container1 hr {
    border:2px solid #FFFFFF;
    width:3%;
    text-align:center;
}

.containerPim {
  position: relative;
  text-align: center;
  color: white;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.column {
  float: left;
  width: 33.33%;
  padding: 5px;
}

.column img {
 float:left;
 width:100px; 
 height:60px;
}

.column ul {
  list-style-type:square;
}     

.column li {
   font-size:16px;
}

.column dd {
   font-size:16px;
}   

.column p {
   float:left;
   font-size:16px;
   color:#000;
}

.column h1 {
    font-size:18px;
    color:#000;
}    

.column a {
    float:left;
    font-size:16px;
    color:#0000FF;
    font-weight:bold;
    text-decoration:none;
}

.column a:hover { 
       background-color:none;
       color:red;
}
                   
     
/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 500px) {
  .column {
    width: 100%;
  }
}
.center {
    text-align: center;
}   

.center p {
     color: #FFFFFF;
     font-size: 16px;
}

.center h1, h2 {
    color:#FFF; 
    font-size:20px;
    text-align:center;
    text-transform:uppercase;
} 

.center h2 {
      color:#FFFFFF;
} 

.center h3 {
      color:#FFFFFF;
      font-size:20px;
}

.center h4 {
      color:#FFFFFF;
      font-size:18px
}

.center h5 {
      color:#FFFFFF; 
      font-size:16px;
}      

.center ol {
     list-style-type:square; 
     text-align:center;
}      
 
.center li {
     font-size:15px;
     color:#FFFFFF;
}      
     

.center hr {
     border:1px solid #FFF;
     width:60%;
     text-align:center;
}

.center a {
    color:#FFF;
    text-decoration:none;
}

.center a:hover {
     background:none;
     /*color:none;*/
} 

/* next and previous buttons*/
.SP a {
  text-decoration: none;
  display: inline-block;
  padding: 8px 16px;
  font-size:15px;
}

. SP a:hover {
  background-color: #ddd;
  color: black;
}

.previous {
  background-color: #F0000;
  color: black;
}

.next {
  background-color: #FF0000;
  color: white;
}

.round {
  border-radius: 50%;
}

.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #7F7F7F;
  font-size:10px;
}

.pagination a.active {
  background-color: #51AD51;
  color: white;
  border: 1px solid #51D51;
}

.pagination a:hover:not(.active) {background-color: #ddd;}  

.footer {
   left: 0;
   bottom: 0;
   width: 100%; 
   background-color:#242423;
   text-align:center; 
}

.footer p {
    color:#FFFFFF;
    font-size:13px;
    text-align:center;
}

.footer a:hover {
     background-color:#000;
} 

.footer hr {
   border:1px solid #7F7F7F;
   width:100%;
   margin-left:none;
} 

.retour {
    font-size: 13px; 
	text-align: center;
	font-style:normal;
}

.retour i {
     color:red;
     font-size:36px;
}     

.cta {
    color:#FFF;
    text-align:center;
}

.cta i {
   color:#FF0000;
   font-size:50px;
}

.cta p {
   color:#FFF;
   font-size:16px;
   background-color:#800080;
   padding:15px;
   font-weight:bold;
}

.cta hr {
   border:1px solid #51AD51;
   width:60%;
}   

.botn1 {
  background-color: #4CAF50; 
  border: none;
  color: white;
  padding: 9px 14px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  border-radius: 4px;
  cursor: pointer;
}

.botn1:hover {
  background-color: #ddd;
  color: black;
}