/*  ---------  CSS for Bootstrap 4 generated for skn6-saxbar02  ----------- */

/***********
* Onglets */
.tab-content div.container {
    padding-top: 0px;
    max-width: 100%;
    text-align: left;
    border: 1px solid #B87A33;
    border-radius: 4px 4px 0px 0px;
    background-color: transparent;
}
ul.nav-tabs {
    padding-bottom: 0px;
    width: 100%;
    border-bottom: 0;
}
.nav-tabs .nav-link.active {
    background-color: #B87830;
    font-weight: bold;
    color: #FFFFFF;
    border: 1px solid #B87C33;    
    border-bottom-width: 0;
    border-radius: 0px 0px 0px 0px;
}
.nav-tabs .nav-link:hover {
    background-color: transparent important;
    color: inherit !important;
    border: 1px solid #B87C33;
    border-bottom-width: 0;
    border-radius: 0px 0px 0px 0px;
}
.nav-tabs .nav-link {
    font: 1.6rem Verdana, "Bitstream Vera Sans", sans-serif;
    margin-bottom: 1px;
    background-color: #FFFFFF;
    color: #000000 !important;
}
/**********************
* Accordéon vertical */
.card .card-header.collapsed.card-link {
    color: #404040 !important;
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
}
.card .card-header.card-link {
    color: #FFFFFF;
    font-weight: bold;
    background-color: #B87C33;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
}
.card .collapse.show {
    background-color: transparent;
    color: inherit;
    border: 1px solid #B87A33;
    border-radius: 4px;
}
.card .card-body {
    font-size: 13px;
}
/*******************
 * Fenêtre modale  *
 *******************/
.close {
	  float: right !important;
	  font-size: 4rem !important;
	  line-height: 1 !important;
	  color: #FFFFFF !important;
	  text-shadow: 0 1px 0 #fff !important;
	  opacity: .5 !important;
}
.modal-content {
    background-color: #FFFFFF !important;
    color: 0.6 !important;
	border: 5px #000000 !important;
    border-radius: 10px !important;
}
.modal-header {
    background-color: transparent !important;
    color: inherit !important;
}
.modal-body {
    background-color: transparent !important;
    color: inherit !important;
}
.modal-footer {
    background-color: inherit !important;
    color: inherit !important;
}
/**************
* Info bulle */
.popover {
    color: #404040;
    background-color: #FFE4C7;
    border-radius: 6px;
}
.popover-header {
    color: #FFFFFF;
    background-color: #F2BA7E;
    font: normal 1.6rem Verdana, "Bitstream Vera Sans", sans-serif;
}
.popover-body {
    color: #404040;
    background-color: #FFE4C7;
    font: normal 1.6rem Verdana, "Bitstream Vera Sans", sans-serif;
    border-radius: 0 0 6px 6px;
}
/***********
* Boutons */
.btn-lg, .btn-md {
    font-size: 1.5rem;
    border-radius: 6px;
}
.btn-info {
	color: #FFFFFF;
	background-color: #B87C33;
	border-color: #B87C33;
    border-style: solid;
}
.btn-info:hover {
    color: #FFFFFF;
    background-color: #000000;
	border-color: #000000;
    border-style: solid;
}
.btn.btn-outline-secondary {
    background-color: #FFFFFF;
}
/***************
* Formulaires */
.form-control, .form-control-lg {
    font-size: inherit;
}
.input-group-prepend .input-group-text {
	border-radius: 6px;
}
.input-group-append .input-group-text {
	border-radius: 6px;
}
span.input-group-text {
    border: 1px solid #B87C33;
}
/*  ---------  CSS generated for skin6-saxbar02 ----------- */

body { letter-spacing: 0.1em !important; }
.fixed-top-line { background-color: #A39167; }
.T0entrow0 {padding: 4px 0; }
.T0entrow1 { display: none; }
.T0entrow2 { margin-top: 180px; }
#TopBoxes .logo { margin-top: -22px !important; padding-left: 42px !important; }
.T0entrow3 { background-color: #A39167; margin-top: 110px; }
.T0entrow4 { margin:5px auto; text-align:center; }
.T0entrow5 { margin:0px auto; height:48px; text-align:center; }
div.quote span.labelcita { display: none; }
.titrebox.TrGHOST1A0 { background-color: #F2BA7E; text-align:center; }
.tblbox.FB1T132 { background-color: #804040;}
.navbar.ddl .dropdown-menu > div, .navbar.ddl .dropdown-menu > div p { font-size: 1.8rem; }
.tbl.DDL69 { background-color: transparent; }
.navbar.ddl.DDL69 { max-width: 760px;margin: auto; }
.navbar.ddh.DDH74 { max-width: 640px;margin: auto; }
.tbl.DDH74 { background-color: transparent; }
.DDH74 ul.dropdown-menu { width: 262px; }
.nav-item.dropdown.DDH74 { margin: 0 !important; }
.tbl.DDV90 { background-color: transparent; }
.navbar.ddv { background-color: #A39167 !important;padding:1.5rem 0 !important; }
.dropdown-menu { color: #FFF !important; background-color: #DBD0B5 !important;padding:5px !important; }
.titrebox, .titre {font-variant: small-caps; }
.lisubrubr { line-height: 3rem;background-color: #F2F2F2 !important; }
.B0entrow1 { padding: 20px 4px !important; }
@media screen and (min-width: 768px) and (max-width: 1080px){
  .B0entrow2 .col-md-3 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 100%; }
}
#BottomBoxes .titre, #BottomBoxes .tbl, #BottomBoxes .titrebox, 
#BottomBoxes .tblbox { padding: 20px 40px !important; }
#BottomBoxes .box, #BottomBoxes .userList a, #BottomBoxes .userCount,
#BottomBoxes .userVisits.box a, #BottomBoxes .phtitlebox a, #BottomBoxes p.rubr, 
#BottomBoxes .link.item a,#BottomBoxes .ariane, #BottomBoxes .arianeOff, 
#BottomBoxes .arianeOn a, #BottomBoxes .boxprint, #BottomBoxes .boxprint1 i {
  color: #FFF;
}
/*  ---------  CSS mobile for skn6-saxbar02  ----------- */

@media screen and (max-width: 760px), screen and (max-device-width: 760px) {

  .body { background: none; }
  #header { height:0; }
  #TopBoxes { background-color: #9B6122; background: url(img/top03.jpg)repeat top;
    height: auto; margin-top:0; }
  .wcol1T00, .wcol3T00 { display: none; }
  .wcol1T10, .wcol3T10 { display: none; }
  .wcol1T20, .wcol3T20 { display: none; }
  .wcol1T30, .wcol3T30 { display: none; }
  .wcol1T40, .wcol3T40 { display: none; }
  .wcol1T50, .wcol3T50 { display: none; }
  .T0entrow1 { display: block; }
  .T1entrow1 { display: block; }
  .T2entrow1 { display: block; }
  .T3entrow1 { display: block; }
  .T4entrow1 { display: block; }
  .T5entrow1 { display: block; }
  #TopBoxes .logo { margin-top: 10px !important; padding-left: 0 !important; }
  .T0entrow2, .T1entrow2, .T2entrow2, 
  .T3entrow2, .T4entrow2, .T5entrow2 { margin-top: 40px; }
  .T0entrow3, .T1entrow3, .T2entrow3, 
  .T3entrow3, .T4entrow3, .T5entrow3 { margin-top: 50px; }
  .T0entrow4, .T1entrow3, .T2entrow3,
  .T4entrow3 { background: #FFF; }
  .T0entrow5, .T1entrow5 { background: #FFF; height: 92px; }
  .iconSocnetW { text-align: center !important; }
  #MainContent {
   margin:0;
   padding: 12px 0;
   background-color:#FFF;
   opacity: 0.8;
   -webkit-flex-direction: column;
   flex-direction: column; 
  }
  #CenterBoxes { padding:0; }
  #MainBlog {
   margin:0;
   padding: 12px 0;
   background-color:#FFF;
   -webkit-flex-direction: column;
   flex-direction: column;
  }
  #LeftBoxes, #RightBoxes {
   width:32em;
   max-width:96%;
   margin: 0 auto
  }
  #BlogLeftBoxes, #BlogRightBoxes {
   width:32em;
   max-width:96%;
   margin: 0 auto;
  }
  #paranav { display:none; }
  .titre {
   white-space: normal;
   word-wrap:break-word;
   margin:0 auto;
  }
  .tbl, .tblover{ font-size: 1em; }
  .rep {
   font-size: 1em;
   background-color: #FFF;
  }
  .ariane {
   background-color:#FFF;
   padding:.5em 0;
  }
  .timer { display:none; }
  #BottomBoxes .titre, #BottomBoxes .tbl, #BottomBoxes .titrebox, #BottomBoxes .tblbox {
	padding: 4px 2px !important;
  }

}