/*  ---------  CSS mobile for skn5_saxbar  ----------- */

html { 
 font-size:62.5%; /* Taille équivalente à 10px */
}
body {
 font-size:1.3rem; /* Taille équivalente à 16px */
}
.FB1T502 { /* boite libre mini-bandeau */
 background:rgba(171, 0, 171, 0.8); /*couleur fond de boite */
 border-radius:6px;
 padding: 2px 0;
}
#TopBoxes { padding-top:10px; }
	  
@media screen and (max-width: 760px), screen and (max-device-width: 760px) {

div#page {
 width:99%;
 padding:0;
}
#page .pagerow { width: 100%; }
#MainContent {
 margin:0;
 -webkit-flex-direction: column;
 flex-direction: column; 
}
#MainBlog {
 margin:0;
 -webkit-flex-direction: column;
 flex-direction: column;
}
#BottomBoxes { width:98%; }
#LeftBoxes, #RightBoxes {
 width:32em;
 max-width:98%;
 margin: 0 auto
}
#BlogLeftBoxes, #BlogRightBoxes {
 width:32em;
 max-width:98%;
 margin: 0 auto;
}
div.menuIcons {
 height:auto;
 margin-top: 130px;
}
div.menuIcons .menuIcons_flag a img {
 margin: -1150px 0 0 15px;
}
div.menuIcons ul {
 width:98%;
 background:none;
 box-shadow:none;
 height:auto;
 margin-top:24px;
 padding-left:0;
}
div.menuIcons ul li {
 float:none;
 display:inline-block;
 margin:0 auto;
 height:auto;
 padding: 0;
}
div.menuIcons ul li.menu_connect {
 position:inherit;
 float:none;
}
div.menuIcons ul li.menu_admin, div.menuIcons ul li.menu_stats {
 display: none;
}
div.menuIcons ul li a span, div.menuIcons ul li.menu_connect a span {
 background-color:#404040;
 color:#FFF;
 margin:.6em;
 padding:.6em;
 width:8em;
 height:auto;
 font-size:1em;
 font-weight:bold;
 letter-spacing:0;
 border: .1em solid #FFFFFF;
 border-radius:6px;
}
div.menuIcons ul li a span.current, div.menuIcons ul li.menu_connect a span.current {
 background-color:#60C4EA;
 color:#FFF;
 margin:.6em;
 padding:.6em;
 width:8em;
 height:auto;
 letter-spacing:0;
 border: .1em solid #FFFFFF;
 border-radius:6px;
}
div.menuIcons ul li a:hover span, div.menuIcons ul li.menu_connect a:hover span {
 background-color:#C0C0C0;
 color:#000;
 margin:.6em;
 padding:.6em;
 width:8em;
 height:auto;
 letter-spacing:0;
 border: .1em solid #FFFFFF;
 border-radius:6px;
}
div.pop.menuIcons_flag  {
 position:fixed;
 top:1.2em;
 left:1.3em;
}
#paranav {
 top:.6em; right:2%;
 display:inline-flex;
}
#paranav li {
 margin:0 2em 0;
}
#RightBoxes.tblbox,#RightBoxes.tblboxover {
 padding-bottom:1.2em;
 }	  
.titre {
 white-space: normal;
 word-wrap:break-word;
 margin:0 auto;
 padding:4px;
}
.tbl, .tblover{
 font-size: 1em;
 padding:4px;
}
.TrCALBG0, .CALBG0 {
 display: none;
}
.forum, .forum a, .forum2, .forum2 td, tr.forum2  {
 font-size: 1em;
}
.quest {
 font-size: 1em;
}
.rep {
 font-size: 1em;
}
ul.item li.item, .curr_item, ul.item li.curr_item a, .item  {
 padding-top:1em;
}
.rubr, p.rubr, .lirubr, .lirubr2, .phrubr, .phrubr2, .farubr, .farubr2, .dnrubr, .dnrubr2  {
 margin:1em 0;
}
#gytabs li {
 width: 95%;
 line-height: 1.5em;
 margin:.5em 0;
}
.ariane {
 background-color:#FFF;
 padding:.5em 0;
}
#BottomBoxes .USRB0 {
 box-shadow:none;
}
#BottomBoxes .titrebox.TrUSRB0, #BottomBoxes .tblbox.USRB0 {
 margin:.2em;
}
#footer, .copyright, a.copyright, .timer { font-size:.9em; }
.timer {
 display:none;
}
.copyright {
 font-size:.7em;
}
.tbl.FB394 {
 background:transparent;
 height:auto;
}
.row.E0row0 {
 background:#FFF;
 border-radius:10px;
 margin-bottom:20px;
}
.tbl.FB394 { margin-bottom:12px; }
}