/*  ---------  CSS skn5_no_skin generated update mai 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: 800px), screen and (max-device-width: 800px) {
div#page { width:100%; padding:0;}
#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:32em; max-width:96%; margin: 0 auto}
#BlogLeftBoxes, #BlogRightBoxes { width:32em; max-width:96%; margin: 0 auto;}
div.menuIcons ul { width:98%; background:none; box-shadow:none; height:auto; padding: 1em 0;}
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; display: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:10em;
 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:10em; 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:10em;
 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, .top {
 color:#FFF;
 background-color:#404040;
}
.timer {
 display:none;
}
.copyright {
 font-size:.7em;
}