/* ---------  CSS generated for skin_transparence19  ----------- */
/* -------------- JeanDenis http://www.71site.fr --------------- */
/* -------------- version révisée en février 2020 -------------- */

html { 
 font-size:62.5%; /* Taille équivalente à 10px */
}
body {
 font-size:1.6rem; /* Taille équivalente à 16px */
 background-color:transparent; /* couleur fond de site */
 background-size:auto auto;
}
	  
@media screen and (max-width: 760px), screen and (max-device-width: 760px) {
#page {
width:100%;
padding:0;
}
div#page {
 width:100%;
 padding:0;
}  
#header {
 height:0;
}
#MainContent {
 margin:0;
 background:rgba(255,255,255, .3);
 -webkit-flex-direction: column;
 flex-direction: column; 
}
#MainBlog {
 margin:0;
 background-color:transparent;
 -webkit-flex-direction: column;
 flex-direction: column;
}
#CenterBoxes, #BlogCenterBoxes, #EditoBoxes { 
 margin: 0px;
 padding: 0px;  
}
#LeftBoxes, #RightBoxes {
 width:32em;
 max-width:95%;
 margin: 0 auto
}
#BlogLeftBoxes, #BlogRightBoxes {
 width:32em;
 max-width:95%;
 margin: 0 auto;
}
#BottomBoxes {
  background-color:transparent;
}
/***********************
 * Effet de parallaxe */
.slide_inside {
 width: 100%;
 max-width: 100%;
 margin: 0 auto;
 height:auto;
}
#paranav {
 top:0.2em;right:1.2em;
 display:inline-flex;
}
#paranav li {
 margin:0 .5em 0;
}
#paranav li:nth-child(1) a:hover {  
  background: url(img/para1hover.png);
}
#paranav li:nth-child(2) a:hover {  
  background: url(img/para2hover.png);
}
#paranav li:nth-child(3) a:hover {  
  background: url(img/para3hover.png);
}


div.menuIcons ul { /* block liste du menu */
margin: 1em auto;
width:100%;
background:none;
border:none;
box-shadow:none;
height:auto;
padding:0;
text-align:center;
}
div.menuIcons ul li {
 float:none;
 display:inline-block;
 margin:0 auto;
}
div.menuIcons ul li.menu_admin,
div.menuIcons ul li.menu_stats,
div.menuIcons ul li.menu_download {
 display: none;
}

div.menuIcons .menuIcons_flag a img {position:fixed; top:0.2em; left:0.2em;}

div.menuIcons ul li a span {
 background:rgba(86,102,39,.5);
 font-size: 1.9em;
 color:#FFF;
 margin:.6em .1em;
 padding:.4em .0em;
 width:4.5em;
 height:2.2em;
 word-spacing: 0em; 
 font-weight:normal;
 letter-spacing:0rem;
 border: .1em solid #566627; 
 border-radius:20px;
}
div.menuIcons ul li a span.current {
 background-color: rgba(255, 255, 255, .6);
 color:#566627;
 margin:.6em .1em;
 padding:.4em .0em;
 width:4.5em;
 letter-spacing:0rem;
 border: .1em solid #566627; 
 border-radius:20px;
}
div.menuIcons ul li a:hover span {
 background-color:#C0C0C0;
 color:#000;
 margin:.6em .1em;
 padding:.4em .0em;
 width:4.5em;
 letter-spacing:0rem;
 border: .1em solid #566627; 
 border-radius:20px;
} 
 
.titre {
 white-space: normal;
 word-wrap:break-word;
 margin:0 auto;
}
.titrebox, .tblbox  { 
 margin: .1em .4em 0 .1em; 
}
.tbl, .tblover{
 font-size: 1.2em;
}
.TrCALBG0, .CALBG0 {
 display: none;
}
.forum, .forum a, .forum2, .forum2 td, tr.forum2  {
 font-size: 1.2em;
}
.quest {
 font-size: 1.2em; 
}
.rep {
 font-size: 1.2em;
}
ul.item li.item, .curr_item, ul.item li.curr_item a, .item, .item a  {
 padding:.5em 0em .5em .5em;
 font-size:1.8rem;
}
.rubr, p.rubr, .lirubr, .lirubr2, .phrubr, .phrubr2, .farubr, .farubr2, .dnrubr, .dnrubr2  {
 margin:1em 0;
 font-size:2.0rem;
}
.box a, .item a , .box a:hover, .item a:hover {
 font-size:1.8rem;
}

.ariane.ARNT0, .ariane.ARNB0 { 
 text-align: left;
 margin:4px;
 padding:.5em;
 font-size:1.5rem;
}
#footer, .copyright, a.copyright, .timer, .top {
 color:#101010;
 background-color:transparent;
}
.timer {
 display:none;
}
.copyright, .accookie, .accookie button {
 font-size:.9em;
}
/*onglets pour smartphones*/
ul.nav-tabs { 
    margin:0 auto;
    display: inline-block
}
.tab-content div.container {      
    padding-bottom:10px;
}
/*fin onglets pour smartphones*/

}