body {
	  margin : 0 0;
	  padding: 0 0;
	  background-color: #232323;
	  display: flex;
	  flex-direction: row;
	  justify-content: center;
	 }

.conteneur {
			width: 100%;
			font-family: calibri;
			font-size: 12pt;
		   }

header {
		border-bottom: 1px solid #EA731F;
		position: relative;
	   }

.menuPetit {
			display: none;
		   }

nav {
     background-color: #EA731F;
     
    }

.corps {
		background-color: #232323;
	   }

.boxTitle {
		   position: absolute;
		   z-index: 10;
		   background-color: rgba(35, 35, 35, .8);
		   color: #FFFFFF;
		   width: 280px;
		   margin-left: 6%;
		   padding: 35px 20px;
		  }

.boxTitle h1 {
			  color: #FF862F;
			  font-size: 14pt;
			  margin-top: 10px;
			 }

.boxTitle p {
			 margin: 8px 0;
			}

.bouton {
		 width: 100%;
		 display: flex;
		 flex-direction: row;
		 justify-content: center;
		 margin-top: 30px;
		}

.bouton a {
		   color: #FFFFFF;
		   text-decoration: none;
		   font-weight: bold;
		  }

.bouton a:active {
				  color: #FF964B;
				 }

.bouton .savoir, .bouton .savoirMargin 
				{
				 border: 1px solid #FFFFFF;
				 border-radius: 6px;
				 padding: 6px 15px;
				 margin: 0 0;
				}

.bouton .savoir:active, .bouton .savoirMargin:active 
				{
				 border: 1px solid #FF964B;
				}

#jssor_1 {
		  border-bottom: 1px solid #FF964B;
		 }

.iconesMobile {
			   display: none;
			  }

.sectionTexte {
			   display: flex;
			   flex-direction: row;
			   justify-content: center;
			   padding-bottom: 20px;
			  }

.boxTitleMobile {
				 display: none;
				}

.sectionGauche, .sectionCentre, .sectionDroite
					{
					 width: 26.2%;
					 color: white;
					 margin: 25px 30px 30px 30px;
					}

.sectionGauche h2, .sectionCentre h2, .sectionDroite h2
					{
					 margin-top: 10px;
					 font-size: 14pt;
					 margin-bottom: 10px;
					}

.sectionGauche h2 a, .sectionCentre h2 a, .sectionDroite h2 a
					{
					 text-decoration: none;
					 color: #FF862F;
					}

.sectionGauche p, .sectionCentre p, .sectionDroite p
					{
					 margin-top: 6px;
					}

.sectionGauche img {
					  width: 100%;
					  border: 1px solid #FFFFFF;
					 }

.sectionCentre img {
					width: 100%;
					border: 1px solid #FFFFFF;
				   }

#noZoomImage, #noZoomImage2, #noZoomImage3 
					 {
					  display: none;
					 }

#overlay, #overlay2, #overlay3 
					 {
					  display: none; /* Par défaut, on cache l'overlay */
				      flex-direction: row;
				      justify-content: center;
				      align-items: center;
				      position: fixed;
			    	  z-index: 10000;
				      top: 0; 
				      left: 0;
				      width: 100%; 
				      height: 100%;
				      cursor: pointer;
				      background-color: rgba(255, 255, 255, .3);
					 }

#overlay img, #overlay2 img, #overlay3 img 
					 {
		    		  width: 90%;
		    		  border: none;
		    		  cursor: pointer;
					 }

.sectionDroite img {
					width: 100%;
					border: 1px solid #FFFFFF;
				   }

#messageerreur {
				color: white;
				display: flex;
				flex-direction: column;
				align-items: center;
				padding-bottom: 20px;
				padding-top: 10px;
			   }

#messageerreur p {
				  text-align: center;
				  margin-left: 60px;
				  margin-right: 60px;
				 }

#retouraccueil {
				padding: 6px 15px;
				border: 1px solid white;
			    text-decoration: none;
				color: white;
				border-radius: 6px;
				margin-top: 30px;
				margin-bottom: 30px;
			   }

#retouraccueil:active {
					   border: 1px solid #FF964B;
					   color: #FF964B;
				      }

footer {
		background-color: #EA731F;
	   }




/* jssor slider bullet navigator skin 01 css */
        /*
        .jssorb01 div           (normal)
        .jssorb01 div:hover     (normal mouseover)
        .jssorb01 .av           (active)
        .jssorb01 .av:hover     (active mouseover)
        .jssorb01 .dn           (mousedown)
        */
        .jssorb01 {
            position: absolute;
        }
        .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
            position: absolute;
            /* size of bullet elment */
            width: 12px;
            height: 12px;
            filter: alpha(opacity=70);
            opacity: .7;
            overflow: hidden;
            cursor: pointer;
            border: #000 1px solid;
        }
        .jssorb01 div { background-color: gray; }
        .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
        .jssorb01 .av { background-color: #fff; }
        .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }
        
        /* jssor slider arrow navigator skin 05 css */
        /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        */
        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url('../images/a17.png') no-repeat;
            overflow: hidden;
        }
        .jssora05l { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -190px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }
        
        /* jssor slider thumbnail navigator skin 09 css */
        
        .jssort09-600-45 .p {
            position: absolute;
            top: 0;
            left: 0;
            width: 1200px;
            height: 45px;
        }
        
        .jssort09-600-45 .t {
            font-family: verdana;
            font-weight: normal;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            color:#fff;
            line-height: 45px;
            font-size: 20px;
            padding-left: 10px;
        }



@media screen and (max-width: 1135px)
		{
		 .sectionGauche, .sectionCentre, .sectionDroite
						{
						 width: 28%;
						 margin: 25px 20px 30px 20px;
						}

		 .boxTitle {
		 			margin-left: 4%;
		 		   }
		}

@media screen and (max-width: 1000px)
		{
		 .boxTitle {
				    display: none;
		   		   }

		  .jssorb01, .jssora05l, .jssora05r, .jssort09-600-45
		  						{
		  						 display: none;
		  						}

		 .sectionTexte {
		 				flex-wrap: wrap;
		 			   }

		 .boxTitleMobile {
		 				  display: block;
		 				  width: 42%;
						  margin: 25px 30px 30px 30px;
						  color: white;
		 				 }

		 .boxTitleMobile h1
					{
					 margin: 10px 0 10px 0;
					 font-size: 14pt;
					 color: #FF862F;
					}

		 .boxTitleMobile p {
		 					margin-top: 6px;
		 				   }

		 .sectionGauche, .sectionCentre, .sectionDroite
						{
						 width: 42%;
						}

		 #zoomImage, #zoomImage2, #zoomImage3 
		 			{
		 			 display: none;
		 			}

		 #noZoomImage, #noZoomImage2, #noZoomImage3 
		 				{
		 				 display: inline-block;
			 			}
		}

@media screen and (max-width: 730px)
		{
		 .menuOrdi {
		 		    display: none;
		 		   }

		 .menuPetit {
		 			 display: flex;
		 			 flex-direction: row;
		 			 justify-content: space-between;
		 			 width: 100%;
		 			}

		 nav {
          	  background-color: #232323;
          	  width: 123px;
         	 }

         .iconesMobile {
         				display: inline-block;
         				width: 100%;
         				margin: 30px 0 0 0;
         			   }

         .boxTitleMobile, .sectionGauche, .boxTitleMobile h1, .sectionGauche h2  
         						{
         						 margin-top: 0;
         						}

         #messageerreur {
         				 padding-top: 0px;
			   			} 
		}

@media screen and (max-width: 625px)
		{
		 .sectionCentre, .sectionDroite 
		 				 {
		 				  width: 42%;
		 				  margin: 25px 20px 15px 20px;
		 				 }

		 .boxTitleMobile, .sectionGauche
		 						{
		 						 width: 42%;
		 						 margin: 0px 20px 15px 20px;
		 						}
		}

@media screen and (max-width: 525px)
		{
		 .boxTitleMobile, .sectionGauche, .sectionCentre, .sectionDroite 
		 				 {
		 				  width: 65%;
		 				 }



		 .sectionGauche {
		 				 margin-top: 2px;
		 				}

		 .sectionCentre, .sectionDroite 
				 					{
				 					 margin-top: 15px;
				 					}
		}

@media screen and (max-width: 410px)
		{
		 .sectionGauche, .sectionCentre, .sectionDroite 
		 				 {
		 				  width: 80%;
		 				  margin: 20px 10px 15px 10px;
		 				 }

		 .boxTitleMobile {
		 				  width: 80%;
		 				 }
		}

@media screen and (max-width: 330px)
		{
		 .sectionGauche, .sectionCentre, .sectionDroite 
		 				 {
		 				  width: 82%;
		 				  margin: 20px 0px 15px 0px;
		 				 }

		 .boxTitleMobile {
		 				  width: 82%;
		 				 }
		}