/*  ---------  CSS skn5_papinou_p03 Design Papinou Septembre 2019 ----------- */
/**********************************************************************/
@media screen and (max-width: 760px), screen and (max-device-width: 760px) {

body {
 font-size:1.6rem; /* Taille équivalente à 16px */
 background-color: transparent; /* couleur fond de site */
}
img, object, embed, canvas, video, audio, picture {
 min-width:0;
 min-height:0;
}

.slide_inside {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  height:auto;
}

#paranav {
  top:3.75em;left:2%;
  right:0;
  display:inline-flex;
}

#paranav li {
  margin:0 12% 5%;
}

#paranav li a {
  width: 1.2em;
  height: 1.2em;
  border-radius: 1.2em;
  background-color: #244459;
  border: solid 1px #FFF;
}
#returnOnTop {
  display:none;
}

#page {
 width:100%;
 padding:0;
}

#page .pagerow {
 width:100%;
}

#header {
 height:0;
}

#MainContent {
 margin:0;
 padding:0;
 background-color:#FFF;
 -webkit-flex-direction: column;
 flex-direction: column; 
}

#MainBlog {
 margin:0;
 background-color:#FFF;
 -webkit-flex-direction: column;
 flex-direction: column;
}

#LeftBoxes, #RightBoxes {
 width:100%;
 max-width:100%;
 margin: 0 auto;
 background-color:#FFF; 
}

#BlogLeftBoxes, #BlogRightBoxes {
 width:100%;
 max-width:100%;
 margin: 0 auto;
 background-color:#FFF; 
}

div.logo {
 margin: 7em auto 1em;
 padding: 0 .5em;
}

div.menuIcons ul {
 margin: 1em auto;
 width:100%;
 background:none;
 border:0;
 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 {
 display: none;
}

div.pop.menuIcons_flag  {
 position:absolute;
 top:1em;
 left:90%;
}

div.menuIcons ul li.menu_connect {
 position:inherit;
 float:none;
}

div.menuIcons ul li.menu_connect a span {
 background-color:#776823;
 color:#FFF;
 margin:.5em;
 padding:.6em;
 width:7em;
 font-size:1em;
 font-weight:bold;
 letter-spacing:0;
 border: .1em solid #FFFFFF;
 border-radius:6px;
}

div.menuIcons ul li.menu_connect a span.current {
 background-color:#60C4EA;
 color:#FFF;
 margin:.5em;
 padding:.6em;
 width:7em;
 letter-spacing:0;
 border: .1em solid #FFFFFF;
 border-radius:6px;
}

div.menuIcons ul li.menu_connect a:hover span {
 background-color:#B4EBFA;
 color:#000;
 margin:.5em;
 padding:.6em;
 width:7em;
 letter-spacing:0;
 border: .1em solid #FFFFFF;
 border-radius:6px;
}

div.menuIcons ul li a span {
 background-color:#776823;
 color:#FFF;
 margin:.5em;
 padding:.6em;
 width:7em;
 font-size:1em;
 font-weight:bold;
 letter-spacing:0;
 border: .1em solid #FFFFFF;
 border-radius:6px;
}

div.menuIcons ul li a span.current {
 background-color:#60C4EA;
 color:#FFF;
 margin:.5em;
 padding:.6em;
 width:7em;
 letter-spacing:0;
 border: .1em solid #FFFFFF;
 border-radius:6px;
}

div.menuIcons ul li a:hover span {
 background-color:#B4EBFA;
 color:#000;
 margin:.5em;
 padding:.6em;
 width:7em;
 letter-spacing:0;
 border: .1em solid #FFFFFF;
 border-radius:6px;
}

.titrebox  {
 white-space: normal;
 word-wrap:break-word;
 margin:1em auto;
 padding:1em .5em;
 letter-spacing: 0;
 border-radius:0;
}

.tblbox,.tblboxover, .box, .box a {
 font-size: 1em;
 padding:.5em .5em 1em;
 }	  

.titre, .titre a {
 white-space: normal;
 word-wrap:break-word;
 margin:1em auto;
 padding:1em .5em;
 letter-spacing: 0;
 border-radius:0;
}

.tbl, .tblover {
 font-size: 1em;
 margin:0 auto;
 padding:0 .2em;
}

.TrCALBG0, .CALBG0 {
 display: none;
}

.forum, .forum a, .forum2, .forum2 td, tr.forum2  {
 font-size: 1em;
}

.quest {
 font-size: 1em;
 background-color:#B4EBFA;
}

.rep {
 font-size: 1em;
 background-color: #FFF;
}

ul.item li.item, .curr_item, ul.item li.curr_item a, .item, .item a  {
 font-size: 1em;
 padding:.5em 0;
}

.rubr, p.rubr, .lirubr, .lirubr2, .phrubr, .phrubr2, .farubr, .farubr2, .dnrubr, .dnrubr2  {
 margin:1em 0;
 font-size: 1em;
}

#gytabs li {
 width: 95%;
 line-height: 1.5em;
 margin: .5em 0;
}

.ariane {
 background-color:#FFF;
 padding:.5em 0;
}

#BottomBoxes {
 padding:0;	
 box-shadow:none;
}

#BottomBoxes .titrebox, #BottomBoxes .titre {
 margin:1em 0;
 padding:1em .5em;
 border:none;
}

#BottomBoxes .tblbox, #BottomBoxes .tbl {
 margin:.5em 0;
 padding:.5em;
 border:none;
 border-radius:0;	
}

#footer, .copyright, a.copyright, .timer {
 width:100%;
 color:#FFF;
 background-color:#776823;
 padding-bottom: 1em;
}

.top {
 color:#FFF;	
 padding-right: 1em;
 float: right;
}
.timer {
 display: none;
}

.copyright {
 font-size:.8em;
}
}