
        body{
border:0;
margin:0;
padding:0;
font-size:0.8em;
font-family : Arial, Verdana, sans-serif;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: none;
line-height: normal;
}
        .badge {
            font-weight: normal;
            text-shadow: none;
        }
        .badge-blue {
            background-color: #5F99C9; /* #3a84c1;*/
        }
        .badge-gray {
            background-color: #e8e8e8;
            color:black;
        }

        #content {
         margin: 0.2em 0.5em 0.8em 0.5em;
        }
        img {
	border:0px;
}
.hbox {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-align: stretch;
    -webkit-box-pack: justify;

    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-align: stretch;
    -moz-box-pack: justify;

    display: -ms-flexbox;
    -ms-flex-direction: row;
    -ms-flex-align: stretch;

    display: box;
    box-orient: horizontal;
    box-align: stretch;
    box-pack: justify;
}
.t_head {

    border-bottom: 1px solid #C7CBD2;

    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

    overflow: hidden;
    position: relative;
    -webkit-text-size-adjust: none;

    width: 100%;
}

.t_text {
    margin:0.4em 0.3em 0.4em 0.3em;
}
.t_text_s {
    margin-left:0.5em;
}
.t_text_e {
    margin-right:0.5em;
}
img.mt {
	vertical-align:top;
}

img.mm {
	vertical-align:middle;
}

img.mb {
	vertical-align:bottom;
}


.drop_m {
	padding-bottom:0.5em;
	padding-top:0.5em;
}

.bm a{ /* bloc menu links */
	padding:0.1em;
	border:1px solid #6d84b4;
	border-bottom:0px;
	background-color:  #eff0f4;
}
.bm { /* block menu */
	padding-top:8px;
	padding-bottom:2px;
	/*background-color:#333399; */
	/* background: #6d84b4;*/
	border-bottom:1px solid #333399;
	/*color:white; */
	text-align:center;

}

.bs  { /* story list block */
	padding:5px 4px 5px 4px;
}

.icons {
	width:16px;
	height:16px;
}

.brb {
	border-bottom:1px #cdcdcd solid;
}


/* xpad ipad portrait */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5) and (orientation:portrait), only screen and (min-device-pixel-ratio : 1.5)  and (orientation:portrait),
only screen and (device-width: 768px) and (max-device-width : 1024px) and (orientation:portrait) {
    body {font-size:0.8em; }
}

/* xphone */
@media
only screen and (device-width: 640px) and (max-device-width : 960px) and (orientation: portrait),
only screen and (device-width: 640px) and (max-device-width : 960px) and (orientation: landscape) {
    .maxwidth {
         width: 100%;margin-left:auto;margin-right:auto;
    }
}

/* xphone2 */
@media
only screen and (device-width: 320px) and (max-device-width : 480px) and (orientation: portrait),
only screen and (device-width: 320px) and (max-device-width : 480px) and (orientation: landscape) {
    .maxwidth {
         width: 100%;margin-left:auto;margin-right:auto;
    }
}



/* nexus 7 */
@media
only screen and (min-width: 601px) and (max-device-width: 602px) and (orientation: portrait) {
    .maxwidth {
        width: 100%;margin-left:auto;margin-right:auto;
    }
}
        