@supports (-webkit-overflow-scrolling: touch) {
body {
        background-color: #6b3021;
        font-family: 'Verdana';
        padding:25px;
        word-wrap: break-word;
        -webkit-text-size-adjust: none;
    }
}

@supports not (-webkit-overflow-scrolling: touch) {
body {
        background-color: #6b3021;
        font-family: 'serif';
        padding:25px;
        word-wrap: break-word;
        -webkit-text-size-adjust: none;
    } 
}    
    
img { 
    border: 0;
}               
            
* {
  box-sizing: border-box;
}

.v1 { color: #000000;text-decoration: none;font-size:15px;}
.v1:hover { color: #6b3021;}

.v2 { color: #6b3021;text-decoration: none;font-size:15px;}
.v2:hover { color: #137DC5;text-decoration: none;}

.v3_tpl1:hover { color: #FFFFFF; text-decoration: none;}
.v3_tpl2:hover { color: #FFFFFF; text-decoration: none;}

.v4_tpl1 { color: #FFFFFF;}
.v4_tpl1:hover { text-decoration: none;}

.v4_tpl2 { color: #FFFFFF;}
.v4_tpl2:hover { text-decoration: none;}

.v5 { color: #000000;}
.v5:hover { text-decoration: none;}

.v6 { color: #6b3021;}
.v6:hover { color: #000000;text-decoration: none;}

.v62 { color: #6b3021;}
.v62:hover { color: #6b3021;text-decoration: none;}

.v7 { color: #000000;}
.v7:hover { color: #000000;text-decoration: none;}

.textpopup { color: #000000;}
.textpopup:hover { color: #000000;text-decoration: none;}

.textpopup2 { color: #000000;}
.textpopup2:hover { color: #000000;text-decoration: none;}
 
.textpopup3 { color:#6b3021;word-wrap: break-word;}
.textpopup3:hover { text-decoration: none;}

.fthbm { color: #ffffff;}
.fthbm:hover { color: #ffffff; text-decoration: none;}

.bloc0 {
 width:75%;
}

.bloc1 {
 width:50%;
}
 
.bloc11 {
 width:220px;
}
 
.bloc2 {
 width:8%;
}
 
.bloc3 {
 width:42%;
}

.ligne {
border-top: 1px dotted black;width:100%;
}

.general {
padding:10px;
background-color: #FFFFFF;
border: 1px #000000 solid;
width: 900px;
border-radius: 10px 10px 10px 10px;
}

.hamburger {
background-color:#000000;
display:none;
}

#hamburgermenu {
background-color:#000000;
text-align:left;
font-size:13px;
display: none;
}

.basresponsive {
display:none;
}

.fthbmdiv {
background-color:#000000;
text-align:left;
margin-top:7px;
font-size:15px;
color:#FFFFFF;
}

#menufthhb {
background-color:#000000;
text-align:left;
width:100%;
text-decoration: none;
font-size:13px;
}

.displaydate {
text-align:center;
padding:10px;
margin-top:7px;
font-size:12px;
padding-bottom:40px;
}

.contenu_tpl1 {
height:20px;
line-height: 20px;
background-color:#6b3021;
color:#FFFFFF;
font-size:15px;
}

.contenu_tpl2 {
height:20px;
line-height: 20px;
background-color:#6b3021;
color:#FFFFFF;
font-size:15px;
}

.contenu2_tpl1 {
height:23px;
line-height: 20px;
background-color:#6b3021;
color:#FFFFFF;
font-size:15px;
}

.contenu2_tpl2 {
height:23px;
line-height: 20px;
background-color:#6b3021;
color:#FFFFFF;
font-size:15px;
}

.contenu3 {
height:20px;
padding-bottom:40px;
padding:10px;
color:#FFFFFF;
font-size:12px;
margin-top:7px;
font-size:12px;
}

.menu {
float: left;
width: 13%;
}

.menuitem {
text-align:left;
padding: 5px;
margin-top: 7px;
border-bottom: 1px solid #FFFFFF;
}

.menuitembas {
text-align:left;
padding: 5px;
margin-top: 7px;
border-bottom: 1px solid #FFFFFF;
}

.ligneright {
margin-top: 1px;
border-bottom: 1px solid #000000;
display:none;
}

.main1 {
float: left;
width: 28%;
overflow: hidden;
}

.main2 {
float: left;
width: 28%;
overflow: hidden;
}

.main3 {
float: left;
width: 28%;
overflow: hidden;
}

.main1cat {
float: left;
width: 20%;
overflow: hidden;
}

.main2cat {
float: left;
width: 78%;
overflow: hidden;
}

.main3cat {
float: left;
width: 100%;
overflow: hidden;
}

.main5cat {
width: 100%;
display:none;
}

.button {
  background-color: #6b3021;
  color: white;
  padding: 6px 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.button:hover {
  background-color: #777777;
}

.buttonvisit {
  background-color: #6b3021;
  color: white;
  padding: 6px 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.buttonvisit:hover {
  background-color: #777777;
}

.buttongris {
  background-color: #777777;
  color: white;
  padding: 6px 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.buttongris:hover {
  background-color: #137DC5;
}

 .next_page_category {
  width:36px;
  height:36px;
  vertical-align:bottom;
 }

/* form */
input[type=text],input[type=password], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
  font-size:15px;
}

label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}

input[type=submit] {
  -webkit-appearance: none;
  background-color: #6b3021;
  color: white;
  padding: 6px 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
}

input[type=submit]:hover {
  -webkit-appearance: none;
  background-color: #777777;
}

.container {
  border-radius: 5px;
  background-color: #F2F2F2;
  padding: 20px;
  width: 30%;
}

.col-25 {
  width: 100%;
  margin-top: 6px;
}

.col-75 {
  width: 100%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
/* form */

 /* For page_category */ 
.main1_page_category {
float: left;
width: 100%;
overflow: hidden;
padding-left:0px;
padding-right:0px;
}

.v4_page_category { text-decoration: none; }
.v5_page_category { color:#6b3021;text-decoration: none;word-wrap: break-word; }
.v6_page_category { font-size:15px;color:#555555;float: right; }
.v7_page_category { color:#000000;font-size:15px;word-wrap: break-word;}
.v8_page_category { color:#6b3021;font-size:15px;word-wrap: break-word; }
.v8_page_category:hover { text-decoration: none; }
 /* For page_category */ 

  /* For page_add */ 
.main1_page_add {
float: left;
width: 100%;
overflow: hidden;
font-size:14px;
} 
 /* For page_add */ 

/* for page_member */
.container_page_member {
  border-radius: 5px;
  background-color: #F2F2F2;
  padding: 20px;
  width: 280px;
}
/* for page_member */

/* page_add_site */
.main1_page_add_site {
float: left;
width: 100%;
overflow: hidden;
font-size:14px;
}

.container_page_add_site2 {
  border-radius: 5px;
}

.container_page_add_site {
  border-radius: 5px;
  background-color: #F2F2F2;
  padding: 20px;
}

/* page_add_site */

  /* For page_remove */ 
.main1_page_remove {
  float: left;
  width: 70%;
  overflow: hidden;
  font-size:14px;
}

.container_page_remove {
  border-radius: 5px;
  background-color: #F2F2F2;
  padding: 20px;
  width:75%;
  margin:0 12%;"
}

  /* For page_remove */  

@media only screen and (max-width:900px) {
 /* For mobile tablet: */
 .menu {
   width: 7%;
 }
 
 .bloc0, .bloc1, .bloc3 {
 width:100%
 }
 
 .bloc2 {
 display:none;
 }
 
 .main1cat {
 display:none;
 }

.main2cat {
 width: 100%;
 } 
 
.main5cat {
display:block;
}
 
 .mobileimage3 {
 width:90%
 }
 
 .main1, .main2, .main3 {
  width: 30%;
 }
 
 .v1_page_category { 
  font-size:10px;
 }

 .v1 { 
  font-size:13px;
 }
 
 .contenu2_tpl1 {
 font-size:12px;
 }
 
 .contenu2_tpl2 {
 font-size:12px;
 }
  
 .contenu3 {
 font-size:12px;
 }

 .ligneright {
  display:none;
 }

 .general {
  width: 100%;
 }
 
.main1_page_remove {
  float: left;
  width: 100%;
 } 
}



@media only screen and (max-width:620px) {

.v4_tpl1 { font-size:12px; }

.v6_page_category { font-size:11px; }

  /* For mobile phones: */
 .hamburger {
  display:block;
 }
   
 .v1 { 
   text-decoration: none;
   font-size:15px;
 }
 
 .textpopup { 
    font-size:15px;
 }
 
  .textpopup2, .textpopup3  { 
    font-size:12px;
 }
 
 .bloc11 {
 width:150px;
 } 
  
 .bloc33 {
 width:150px;
 }

 .v3_tpl1 { color: #000000;font-size:15px;}
 .v3_tpl1:hover { color: #000000;text-decoration: none;}
 
 .v3_tpl2 { color: #FFFFFF;font-size:15px;}
 .v3_tpl2:hover { color: #FFFFFF;text-decoration: none;}
 
  .menu, .main1, .main2, .main3{
   width: 100%;
 }
  
  .mobileimage {
   max-width:100%;height:auto;
 }

 .mobileimage2 {
  width:100%
 }

 .general {
  border-radius: 0 0 10px 10px;
 }
  
 .basresponsive {
  display:block;
 }
 
 .contenu2_tpl1 {
  display:none;
 } 
 
 .contenu2_tpl2 {
  display:none;
 } 
 
 .menuitem {
  text-align:left;
  padding: 10px;
  margin-top: 1px;
  border-bottom: 1px solid #FFFFFF;
 }
 
.main1_page_category {  
  padding-left:0px;
  padding-right:0px;
 }
 
 .next_page_category {
  width:16px;
  height:16px;
 }
 
.v7_page_category { font-size:12px; }
.v8_page_category { font-size:12px; }
.space { display:none; }
.buttonvisit { padding: 0px 5px;font-size:11px;}

.container_page_remove {
  border-radius: 5px;
  background-color: #F2F2F2;
  padding: 20px;
  width:100%;
  margin:0%;
}

}

@media only screen and (max-width:350px) {
  /* For mobile phones: */
 .container_page_member {
  width: 200px;
  }
 }