/*  ---------  CSS skn5_no_skin generated update novembre 2016 ----------- */
/**********************************************************************/

html { 
 font-size:62.5%; /* Taille équivalente à 10px */
}
body {
 font-size:1.6rem; /* Taille équivalente à 16px */
 background-color:#F3F3F3; /* couleur fond de site */
}
.FB502 { /* boite libre mini-bandeau */
 background-color:#404040; /*couleur fond de boite */
 margin:-1em 0; /* marges extérieures */
}
	  
@media screen and (max-width: 760px), screen and (max-device-width: 760px) {

#page {
 width:100%;
 padding:0;
}
#page .pagerow {
 width:100%;
}
#header {
 height:0;
}
#MainContent {
 margin: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;
}
#BlogLeftBoxes, #BlogRightBoxes {
 width:100%;
 max-width:100%;
 margin: 0 auto;
}
div.menuIcons ul {
 margin:1em auto;
 width:100%;
 background: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 {
 display: none;
}
div.pop.menuIcons_flag  {
 position:absolute;
 top:2.5em;
 left:50%;
}
div.pop.menuIcons_flag img {
 margin:0;
}
div.menuIcons ul li.menu_connect {
 position:inherit;
 float:none;
}
div.menuIcons ul li.menu_connect a span {
 color: #FFF;
 background-color:#404040; 
}
div.menuIcons ul li.menu_connect a span.current {
 color:#FFF;
 background-color:#60C4EA;
}
div.menuIcons ul li.menu_connect a:hover span {
 color: #000;
 background-color:#C0C0C0; 
}
div.menuIcons ul li a span {
 background-color:#404040;
 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:#C0C0C0;
 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 {
 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:#F3F3F3;
}
.rep {
 font-size: 1em;
 background-color: #FFF;
}
ul.item li.item, .curr_item, ul.item li.curr_item a, .item, .item a  {
 padding:.5em 0;
 font-size: 1em;
}
.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 {
 color:#FFF;
 background-color:#404040;
}
.top {
 float:right;
 color:#FFF;
 padding-right:1em;
}
.timer {
 display:none;
}
.copyright {
 font-size:.8em;
}
}