/*
html {
	height: 100%;
	background-color: transparent;
}
*/
html{
margin:0; 
  padding:0; 
  background: url(../img_vid/fond_page/fond_page_site.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */ 
  background-size: cover; /* version standardisée */
    margin:0;
}

.bouton_h_p img{z-index: 1;
    background-color: #edeef0;
    position: fixed;
    opacity: 0.7;
    top: 54%;
    left: 75%;
    border: 1px dashed red;
    width: 30px;
    height: 30px;}
    
    .bouton_h_p:hover img{z-index: 1;
    background-color: blue;
    opacity: 1.5;
    }
.bouton_b_p img{z-index: 1;
    background-color: #edeef0;
    position: fixed;
    opacity: 0.7;
    top: 48%;
    left: 75%;
    border: 1px dashed red;
    width: 30px;
    height: 30px;}
.bouton_b_p:hover img{z-index: 1;
    background-color: blue;
    opacity: 1.5;
    }
    

img{max-width: 800px; height: auto;}

 @media all and (min-width: 2000px) and (max-width: 4000px) { 

.bouton_h_p img{display: none;}
.bouton_b_p img{display: none;}
}                  


#img_gauche img{max-width: 420px; height: auto;}
#img_droite img{max-width: 420px; height: auto;}
.list_reseau_social { margin-top:1px; margin-left:1px; margin-right: 1px; right: 10px;}
.list_reseau_social img{width: 40px; height: 40px;}
.list_reseau_social a {display:inline-block; float:right; margin-left:6px;}
.list_reseau_social a:hover img {opacity:.7;}


#gtx-trans {  /* bouton de la transition de page mis à none */
    background-color: gray;
    opacity: 7.7;
    box-sizing: content-box;
    cursor: pointer;
    height: 10px;
    width: 10px;
    z-index: 2147483647;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(220, 220, 220);
    border-image: initial;
    border-radius: 5px;
    padding: 3px;
    display:none;
}

.titre{width:100%; height: 15px; float:right;  text-align:center; margin-top:-5px; margin-left:auto;   margin-right: auto; margin-bottom: 12px; line-height: normal;  font-size: small;
 /*text-shadow: 1px 1px 1px #faf8f8;*/
 text-shadow: 0 1px 0 #eee,
             0 2px 0 #e5e5e5,
             -1px 3px 0 #C8C8C8,
             -1px 4px 0 #C1C1C1,
             -2px 5px 0 #B9B9B9,
             -2px 6px 0 #B2B2B2,
             -2px 7px 2px rgba(0,0,0, 0.6),
             -2px 7px 8px rgba(0,0,0, 0.2),
             -2px 7px 45px rgba(0,0,0, 0.4);
 }
.objet_titre { width:40%; height:auto; border: 1px solid red; text-align:center; margin-top:-25px;font-size:medium; background-color: #cbc9c1; margin-left:20px; margin-right:auto; padding:2px;}
.logo{ text-align: center; margin-bottom: 1px;}
/*  .logo img{margin-right:-5%; max-width: 70%; height: auto;} /*important*/

.logo img{ max-width: 35%; height: auto; margin-top: 1px; margin-bottom:1px; margin-left: auto;margin-right: auto;} /*important*/
                     	


body {
    width: 900px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    padding:;
  /*  background: url(../images/bg.jpg) center 0 repeat;*/
  background: transparent;
}

/*********************************content*************************************/

#contenu_1 { background-color:#edeef0; padding:10px; width:96%; height:100%; margin-left:auto; margin-right:auto; word-wrap: break-word; line-height: normal;}
#contenu_1 img{max-width: 90%; height: auto;}
#contenu_1 video {max-width: 70%; height: auto;} 	
#contenu_1 span{width:100%;  word-wrap: break-word; }
h1, h2, h3, h4, h5, h6, p, pre { word-wrap: break-word;  line-height: normal;}

.bandeau-haut_page {margin-top:5px; padding-top:25px !important;  }
.bandeau-contener { background:url(../images/bandeau-couleur.jpg) center bottom repeat;  padding-bottom:36px;}
.bandeau-bas_page {padding-bottom:65px !important;}

/*
.p1 {padding-bottom:22px; font-size: 20px;}
.p2 {padding-bottom:13px; font-size: 18px;}
.p3 {padding-bottom:15px; font-size: 16px;}
.p4 {padding-bottom:11px;font-size: 14px;}
.p5 {padding-bottom:20px;font-size: 12px;}
.p7{font-size: 15px;color:black;opacity: 0.7;}
*/
/* h2 { font-size:35pxh2; line-height:45px; color:#1f1919; font-weight:normal; letter-spacing:-2px;} */
/*
h1{font-size: 17px;color:green; opacity: 0.7;}
h2{font-size: 16px;color:brown;opacity: 0.8;}
h3{font-size: 15px;color:black;opacity: 0.7;}
h4{font-size: 13px;color:gray;opacity: 0.9;}
h5{font-size: 12px;color:magenta;opacity: 0.7;}
h6{font-size: 10px;}
*/
.img-radius {border-radius:7px;border: 5px solid #fff;
  -moz-box-shadow: 8px 8px 12px #aaa; 
  -webkit-box-shadow: 8px 8px 12px #aaa; 
  box-shadow: 8px 8px 12px #555; }
.marge_g{margin-left: 5%;background-position: center;} 
.posi_centre{margin-left:10%; background-position: center; }
footer{ width:98%; text-align:center;  margin-left:auto; margin-right: auto; }
.copyright-text{ width:100%;  text-align:center; color: gray; margin-left:auto;  margin-right: auto;text-shadow: 0 1px 0 #000,0 1px 0 #e5e5e5;}
.nom_footer {width: :100%; margin-left:auto;   color: gray; font-family: arial;text-shadow: 0 1px 0 #000,0 1px 0 #e5e5e5;}
.date_p{ margin-left: 20px; text-align:center; font-size:small;  margin-left:auto; margin-right:auto;}
/*     xxxxxxxxxxxxxxxxxxxx        pagination         xxxxxxxxxxxxxxxxxxxxxx*/
#contener_pagination {
    padding-bottom: 10px;
    text-align: center;
}
  .pagination a {
    background: url(./../images/couleur_bouton.png) repeat-x left -100px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    border: 1px solid #06c;
    margin: 2px;
    padding: .2em .4em;
    text-decoration: none;
    cursor: pointer;
    padding: 3px 3px;
    border-radius: 5px;
}
   .inactive {  /* pagination */
    background-color: white;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    border: 1px solid #06c;
    margin: 2px;
    padding: .2em .4em;
    text-decoration: none;
    cursor: pointer;
    padding: 3px 3px;
    border-radius: 5px;
}
   .active {  /* pagination */
    background-color: white;
    font-weight: bold;
    text-decoration: none;
    color: red;
    border: 1px solid #06c;
    margin: 2px;
    padding: .2em .4em;
    text-decoration: none;
    cursor: pointer;
    padding: 3px 3px;
    border-radius: 5px;
}
.compteur {z-index:1; width:140px; padding-top:10px; margin-left:auto; margin-right:auto;}
.compteur img {height: 20px; }	
/*  xxxxxx    media screen  bouton  xxxxxxxxxx   */

 @media screen and (max-width: 1921px){
.bouton_h_p img{z-index: 1;background-color:#edeef0; position:fixed; opacity:0.7; top: 50%;left: 72%;border: 1px dashed red; width:30px;height:30px;}
.bouton_b_p img{z-index: 1;background-color:#edeef0; position:fixed; opacity:0.7; top: 58%;left: 72%;border: 1px dashed red; width:30px;height:30px;}
.bouton_h_p img:hover{opacity: 0.2;filter: alpha(opacity=50); /*Pour IE8 et versions antérieures */}
.bouton_b_p img:hover{opacity: 0.2;filter: alpha(opacity=50); /*Pour IE8 et versions antérieures */}
}
@media screen and (max-width: 1681px) {
.bouton_h_p img{left: 75%;}
.bouton_b_p img{left: 75%;}		                      
                    }
@media screen and (max-width: 1601px) {
.bouton_h_p img{left: 76%;}
.bouton_b_p img{left: 76%;}		                      
                    }
@media screen and (max-width: 1537px) {
.bouton_h_p img{left: 77%;}
.bouton_b_p img{left: 77%;}		                      
                    }
@media screen and (max-width: 1441px) {
.bouton_h_p img{left: 79%;}
.bouton_b_p img{left: 79%;}		                      
                    }
@media screen and (max-width: 1367px) {
.bouton_h_p img{left: 80%;}
.bouton_b_p img{left: 80%;}		                      
                    }
@media screen and (max-width: 1281px) {
.bouton_h_p img{left: 82%;}
.bouton_b_p img{left: 82%;}	                      
                    }
@media screen and (max-width: 1025px) {
#contenu_1 { width:94%; margin-left:auto; margin-right:auto; word-wrap: break-word;}
.titre{font-size: xx-small;}
.bouton_h_p img{left: 91%;}
.bouton_b_p img{left: 91%;}	
                    }
@media screen and (max-width: 360px) {
#contenu_1 { width:92%; margin-left:auto; margin-right:auto; word-wrap: break-word;}
hr{width: 80%;}

.bouton_h_p img{left: 91%;width: 22px; height: 22px;}
.bouton_b_p img{left: 91%;width: 22px; height: 22px;}	
                    } 
                    
@media screen and (max-width: 320px) {
#contenu_1 { width:92%; margin-left:auto; margin-right:auto; word-wrap: break-word;}                   	
                    }                   
@media screen and (max-width: 241px) {
#contenu_1 { width:90%; margin-left:auto; margin-right:auto; word-wrap: break-word;}     

.bouton_h_p img{left: 91%;width: 16px; height: 16px;}
.bouton_b_p img{left: 91%;width: 16px; height: 16px;}	
                    }
/* ****************image gauche et droite de body**************** */
#img_gauche {
    max-width:420px;
    height:auto;
    top: 5%;
    margin-left: -425px;
    position: fixed;
 /* background-image: url(../img_vid/img_gauche.png);*/
}
#img_droite {
    max-width:420px;
    height:auto;
    top: 5%;
    margin-left:905px;
    position: fixed;
 /* background-image: url(../images/img_droite.png);*/
}
                  @media screen and (max-width: 1921px) {
                  	
                     		#img_gauche img {
                     		  max-width:350px;
                             height:auto;
                             top:18%;
                             margin-left: 60px;
                             position: fixed;
                            /* background-image: url(../images/img_g_pt.png);*/
                        }
                        #img_droite img {
                        	  max-width:350px;
                             height:auto;
                             top:18%;
                             margin-left: 5px;
                             position: fixed;
                            /* background-image: url(../images/img_d_pt.png);*/
                        }
                        .esp_alert{width: 80%; margin-top: -50%;}
                    } 
                  
                  
                  
                  @media screen and (max-width: 1601px) {
                     		#img_gauche img {
                     		  max-width:350px;
                             height:auto;
                             top:15%;
                             margin-left: 76px;
                             position: fixed;
                            /* background-image: url(../images/img_g_pt.png);*/
                        }
                        #img_droite img {
                        	  max-width:350px;
                             height:auto;
                             top:15%;
                             margin-left: -3px;
                             position: fixed;
                            /* background-image: url(../images/img_d_pt.png);*/
                        }
                        .esp_alert{width: 80%; margin-top: -50%;}
                    } 
                  @media screen and (max-width: 1537px) {
                     		#img_gauche img {
                     		  max-width:315px;
                             height:auto;
                             top:15%;
                             margin-left: 110px;
                             position: fixed;
                            /* background-image: url(../images/img_g_pt.png);*/
                        }
                        #img_droite img {
                        	  max-width:315px;
                             height:auto;
                             top:15%;
                             margin-left: -3px;
                             position: fixed;
                            /* background-image: url(../images/img_d_pt.png);*/
                        }
                        .esp_alert{width: 80%; margin-top: -36%;}
                    } 
                   @media screen and (max-width: 1441px) {
                     		#img_gauche img {
                     		  max-width:270px;
                             height:auto;
                             top:25%;
                             margin-left: 156px;
                             position: fixed;
                            /* background-image: url(../images/img_g_pt.png);*/
                        }
                        #img_droite img {
                        	  max-width:270px;
                             height:auto;
                             top:25%;
                             margin-left: -4px;
                             position: fixed;
                            /* background-image: url(../images/img_d_pt.png);*/
                        }
                        .esp_alert{width: 80%; margin-top: 1%;}
                    } 
                   @media screen and (max-width: 1366px) {
                     	#img_gauche img {
                     		  max-width:225px;
                             height:auto;
                             top:29%;
                             margin-left: 199px;
                             position: fixed;
                            /* background-image: url(../images/img_g_pt.png);*/
                        }
                        #img_droite img {
                        	  max-width:225px;
                             height:auto;
                             top:29%;
                             margin-left: -2px;
                             position: fixed;
                            /* background-image: url(../images/img_d_pt.png);*/
                        }
                    }  
                     @media screen and (max-width: 1281px) {
                     	#img_gauche img {
                     		  max-width:190px;
                             height:auto;
                             top:40%;
                             margin-left: 235px;
                             position: fixed;
                            /* background-image: url(../images/img_g_pt.png);*/
                        }
                        #img_droite img {
                        	  max-width:185px;
                             height:auto;
                             top:40%;
                             margin-left: -4px;
                             position: fixed;
                            /* background-image: url(../images/img_d_pt.png);*/
                        }
                    }  
                     @media screen and (max-width: 1025px) {
                     	.logo{ text-align: center; margin-bottom: -50px;}
                     	
                     	.titre{margin-top: 12px;font-size: xx-small;}
                     	#img_gauche {
                     		display: none;
                        }
                        #img_droite {
	                     display: none;
                        }
                        }
/* **************** MENU petit ecran**************** */
                     @media screen and (max-width: 961px) {
                     	body { width: 98%;}
                     	
                     
                     	
                     	
                     	
                        .bandeau-contener {margin-top: 1px;} /* donne position hauteur dans la page du conteneur*/
                        .bandeau-bas_page {margin-top: 0px;}
                        .esp_alert{width: 80%; height: 6%;}
                        .map_Reduc iframe{width:550px; }
                    } 
                    @media screen and (max-width: 801px) {
                    	  
                    }
                    @media screen and (max-width: 769px) {
                    
                    }
                     @media screen and (max-width: 761px) {
                      }
                     @media screen and (max-width: 737px) {
                      }
                      @media screen and (max-width: 721px) {
                      }
                      @media screen and (max-width: 668px) {
                      }
                     @media screen and (max-width: 641px) {
                      }
                     @media screen and (max-width: 601px) {
                     	
                        .titre{margin-top: 16px;font-size: xx-small;}
                     	.nous_trouver{width:80%; margin-top:13%;}
                        .map_Reduc iframe{width:550px; }
                        
                     }
                     @media screen and (max-width: 569px) {
                       	
                      }
                     @media screen and (max-width: 534px) {
	                      .map_Reduc iframe{width:510px; }
                    } 
                    @media screen and (max-width: 481px) {
                    		
                    		 
                    }
                     @media screen and (max-width: 415px) {
                     	
                     	
                     	 
                        .map_Reduc iframe{width:380px; }
                     	
                     }
                     @media screen and (max-width: 385px) {
                        .map_Reduc iframe{width:360px; }
                        
                     }
                     @media screen and (max-width: 376px) {
                     	h1, h2, h3, h4, h5, h6{font-size: medium; }
                     	img{max-width: 320px; height: auto;} 	
                     	.nous_trouver{width:80%; margin-top:13%; }
                        .map_Reduc iframe{width:350px; }
                     }
@media screen and (max-width: 361px) {
.logo img{ max-width: 300px; height: auto; margin-top: 4%; margin-bottom:2%; margin-left: auto;margin-right: auto;} /*important*/

.objet_titre {width: 280px;margin-left:auto;margin-right:auto; }



#contact input { width:80%;}
#contact textarea{ width:80%;}
.map_Reduc iframe{width:330px; }
.copyright-text{font-size:12px;}
.nom_footer {font-size: 14px;}

}
                    @media screen and (max-width: 321px) {
                    	img{max-width: 280px; height: auto;} 
                    
                    
                     .map_Reduc iframe{width:285px; }
                      .copyright-text{ width:280px; font-size:12px; text-align:center;  margin-left:auto; margin-right: auto; }
                      
                    }
                  
                    @media screen and (max-width: 241px) {
                     
                    	p {font-size: 0.9em;}
                    
                    	
                    	.objet_titre {width: 180px;margin-left:auto;margin-right:auto;font-size: 0.9em;}
                    	h1, h2, h3{line-height: 18px;font-size: 0.9em;}
                     img{max-width: 180px; height: auto;}
                     .logo img{max-width: 180px; height: auto; margin-top: 1%; margin-bottom:1px;  margin-left: auto;margin-right: auto;}
                     .titre{margin-top: 16px;font-size: xx-small;}
                    
                     .list_reseau_social img{width: 20px; height: 20px;}
                     
                    
                    	.map_Reduc iframe{width:210px; }
                    
                    	.copyright-text{font-size:10px;}
                    	.nom_footer {font-size: 11px;}
                    	
                     }
                     
   Reduc_img_logo{max-height:200px; max-width:200px;  }