@charset "utf-8";

div, h1, h2, h3, h4, h5, h6, p, pre, adress, blockquote, span, ul, ol, li, dl, dd, dt, img {
	margin: 0px;
	padding: 0px;
}

h2 {
	font-size: 22px;
	color: #424244;
}


.ulink a:link , .ulink a:visited {
	text-decoration: underline;
}

.legend {font-size: 9px;}

body {
	font-family: "Lucida grande",Verdana,Lucida,Helvetica,sans-serif;
	font-size: 62.5%;
        margin-top: 0;
	background-repeat:repeat;
	background-color: #444;
        background-image: url(../images/background/bg_dust_darkgrey.png);
	color: #424244;
	text-align:center;	
}

a:link, a:visited, a:hover, a:active {
	color:inherit;
	text-decoration: none;
}

img {
	display:inline-block;
	border:0px none;
	margin: 0px;
	left: auto;
	right: auto;
}


.embed_container { /*auto-size*/
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.embed_container iframe,  
.embed_container object,
.embed_container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

ol {margin-left: 1.5em;  padding: 0.3em 0;}
ol li {border-bottom:dotted 1px #777; padding: 0.3em 0;}
ol li:last-child {border-bottom:none;}

.top50 {margin:0 0 .8em 0;}
.top50 ul {
    list-style: none;
}
.top50 li {
    font-size: 1.1em;
    padding: .2em .4em .2em .2em;
    position: relative;
    color: #333;
    background-color: white;
    border-radius: 5px;
    margin: 0 0 .3em 0;
    font-family:Arial;
}
.top50 li:nth-child(1) {font-size:1.35em;}
.top50 li:nth-child(2) {font-size:1.25em;}
.top50 li:nth-child(3){font-size:1.15em;}
.top50 li s {
    margin-right: .4em;
    color: #FFB;
    background-color: #333;
    display: inline-block;
    text-decoration: none;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    min-width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    border-radius: 5px;
}
.top50 li b {font-size:1em;}
.top50 li em {
    font-size:1em;
    font-style: normal;
    font-weight: bold;
}
.top50 li i {
    padding-left: .3em;
    color: #777;
}
.top50 h2 {font-size:1.4em; margin-bottom: .5em; text-align: center;}
.top50 h2 em {color:#fff;font-style: normal;}


/* --------------- Forms ----------------------- */
input {border:2px solid #ddd;}
form {text-align:left;}
form input, form textarea {margin:0; padding-left:2px; color:#444; font-family:Verdana, Geneva, sans-serif; border-radius:3px; }
form input:focus, form textarea:focus {outline-style: none; border-color:#000; }
form textarea {width:100%}
/*form input {width:17em;}*/
form input[type="email"] {width:17em;}
form p * {vertical-align:middle;}
form p {padding-top:0.8em;}

/*
input[type="submit"]:active, input[type="button"]:active  {
	color:#F00; border-color:#F00;
}
input[type="submit"].inactive, input[type="button"].inactive {color: #DDD; border-color: #DDD;}

form input[type="email"], form input[type="text"], form textarea {
background-color:#FBFBFF;
border:1px solid #bbb;
-moz-box-shadow:1px 1px 3px #777;
-webkit-box-shadow:1px 1px 3px #777;
box-shadow:1px 1px 3px #777;
}
form input[type="email"]:focus, form input[type="text"]:focus, form textarea:focus {
background-color:#FFF;
border-color:#009EEE;
}

form p label {font-size: 1.2em; display:block;font-weight:bold; color:#666; font-family:Tahoma, Geneva, sans-serif; }
form p label i {color:F00;}



input[type='text'], input[type='password'] {
background-color: #EEE;
border: 2px solid #888;
border-radius: 5px;
color: #444;
padding: 0.1em 0.2em 0.2em 0.2em;
font-weight: bold;
}
input[type='text']:focus, input[type='password']:focus {
background-color: #FFF;
border-color: #F60;
color: #000;
}
*/

form input[type="submit"] {
    display: block;
    width: 10em;
    margin: 0.8em auto 0.2em auto;
}

input[type='submit'], input[type='button'] {
    overflow:visible;
    border:2px solid #fff;
    background-color: #333;
    color:#eee;
    cursor:pointer;
    font-weight:bold;
    border-radius:5px;
}
input[type='submit']:hover, input[type='button']:hover
 {
    border-color:#F60;
    background-color: #FFF;
    color:#333;
}

select {
    font-size: 1.2em;
    border-radius: 5px;
}
select:focus {
	outline: none;
}

/************* Sign in & sign up**********/
.signin_title, .signup_title {
    font-size: 2em;
    text-align: center;
    background-color: #111;
    color: #FFF;
    height: 1.5em;
    line-height: 1.5em;
}
div.form_section {
    border-top: solid 2px #eaeaea;
    margin: 1.5em 0 0 0;
    text-align: center;
}
div.form_section_title {
    position: relative;
    display: inline-block;
    top: -.6em;
    padding: 0 .8em;
    margin-bottom: 0;
    font-size: 1.2em;
    color: #BBB;
    text-transform: uppercase;
    font-weight: bold;
    background: #FFF;
}
div.form_section_title em {
    color: #777;
    font-style: normal;
}

a.button_social {
    border: 1px solid transparent;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Lucida Grande",Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin: 0;
    padding: 7px 12px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
a.button_facebook {
    background-color: #5f78ab;
    color: #FFF;
    border-color: #405a91;
    text-shadow: 1px -1px 2px #405a91;
}
a.button_google {
    background-color: #dd4b39;
    color: #FFF;
    border-color: #bc4031;
    text-shadow: 1px -1px 2px #bc4031;
}
div.form_line {
    margin: .3em 0;
}
div.form_line label {
    display: inline-block;
    width: 30%;
    text-align: right;
    font-weight: bold;
    color: #777;
}
div.form_line input {
    width: 60%;
    text-align: left;
}
a.pwd_recover, a.signup {
    font-size: 1.2em;
    display: inline-block;
    padding: .2em .5em;
    margin: 1em;
    background-color: #eee;
    border-radius:3px;
}
a.pwd_recover:hover, a.signup:hover {
    background-color: #444;
    color: #fff;
}

/************ Général ******************/
#wrapper {
	font-size: 1em;
	position:relative;
	margin-right: auto;
	margin-left: auto;
	width: 940px;
        min-width: 940px;
	text-align: left;
        color:#eeeeee;
}

.main_col {
    position: relative;
    display: inline-block;
    width: 630px;
    vertical-align: top;
}
.left_col {
    position: relative;
    display: inline-block;
    width: 300px;
    margin-right: 5px;
    vertical-align: top;
}
.right_col {
    position: relative;
    display: inline-block;
    width: 200px;
    margin-left: 5px;
    vertical-align: top;
}

/***** header_top & log zone ****/
.logo_log {
    /* border: 5px solid #FFF; */
    border-bottom-right-radius: 5px;
    width: 204px;
}

#logzone {
    display: inline-block;
    box-sizing:  border-box;
    height: 90px;
    width: 108px;
    font-size: 1.2em;
    padding: 0 3px;
    vertical-align: top;
    border-bottom-right-radius: 5px;
    /* display: flex; */
    /* flex-wrap: wrap; */
}
#logzone .login {
    font-weight: bold;
    color: #eee;
    text-align: center;
    border-bottom: 1px dotted #777;
    word-wrap: break-word;
}
#logzone .btn {
    display: block;
    background-color: #fff;
    margin: 0.4em 0;
    letter-spacing: -1px;
    line-height: 1.6em;
    height: 1.6em;
    font-weight: bold;
    /* flex-grow: 1; */
}
#logzone .btn_logout { background-color: red; color:#fff;}
#logzone .btn_signin { background-color:darkgreen; color:#fff}
#logzone .btn_pref, #logzone .btn_signup {background-color: goldenrod; color:#fff;}


#searchcar_top {
    position: absolute;
    top: 132px;
    right: 0;
    width: 235px;
}
input.searchcar, input.selectcar {
    font-size: 16px;
    color: #333;
    padding-left: 32px;
    font-weight: normal;
    background-color: white;
    box-sizing: border-box;
}
#searchcar_footer {
	display:block;
	width:40%;
	margin:auto;
}


#addthis{
    position: absolute;
    width: 112px;
    top: -4px;
    right: 73px;
}

.feedback {
    font-size: 1.2em;
    position: absolute;
    top: 0;
    right: 0;
    padding: .2em .5em .2em .8em;
    background-color: #FFF;
    color: #333;
    font-family: arial;
    font-weight: bold;
    border-bottom-left-radius: 10px;
    box-shadow: -1px 1px 5px #333;
    cursor: pointer;
    transition: font-size 0.2s ease;
}
.feedback:hover {
    font-size: 1.30em;
    color: #333;
}
.feedback:active {
    color: green;
    box-shadow:inherit;
}

#search_google {
	position:absolute;
	top:8px;
	left: 500px;
}
#search_google_full {
	background-color:#FFF;
	position:relative;
	padding:5px;
	display:inline-block;
	width:600px;
	border:1px solid #333;
	left:170px;
	margin-left:auto; margin-right:auto; margin-top:15px;
}

.warning {position: relative;float: none;display: inline-block;background-color: #222;color: white;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 14px;text-align: center;margin: 5px 0 5px 0;border: solid 2px #FBF;border-radius: 5px;padding: 0 5px;font-weight: bold;}
.warning span {font-weight:600; display:inline-block;}

/* --------------- Gallery ----------------------- */

.gallery {margin: 12px 0 0 0;
          padding-bottom: 5px;
border-bottom: dotted 2px #222;
}

.gallery:first-child {margin: 0 0 0 0}
.gallery h3 {
    margin: 0 0 5px 0;
    background-color: #222;
    color: #FFB;
    padding: 0.2em 0.5em;
    border-radius: 5px;
}
.gallery a {

}
.gallery img {
    width:198px;
    height:111px;
    background-color: white;
    color: #333;
    padding: 5px;
}
.gallery img:hover {
    background-color: #ffb;
}


/* ---------------navbar -----------------------*/
.logzone {
    font-size: 0.8em;
    display: block;
    position: fixed;
    top: 5px;
    right: 5px;
    margin-bottom: .4em;
    padding: .5em;
    color: #FFF;
    background-color: #666;
    border-radius: 5px;
    box-shadow: 1px 1px 4px #444;
    z-index: 100;
    background-image: linear-gradient(bottom, rgb(0,0,0) 7%, rgb(26,23,26) 38%, rgb(125,125,125) 77%);
background-image: -o-linear-gradient(bottom, rgb(0,0,0) 7%, rgb(26,23,26) 38%, rgb(125,125,125) 77%);
background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 7%, rgb(26,23,26) 38%, rgb(125,125,125) 77%);
background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 7%, rgb(26,23,26) 38%, rgb(125,125,125) 77%);
background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 7%, rgb(26,23,26) 38%, rgb(125,125,125) 77%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.07, rgb(0,0,0)),
	color-stop(0.38, rgb(26,23,26)),
	color-stop(0.77, rgb(125,125,125))
);
}
.logzone * { vertical-align: middle;}
.logzone .username {
    font-size: 3em;
    display: inline-block;
    letter-spacing: -1px;
    font-family: arial;
    font-weight: bold;
    text-shadow: 0 0 1px #999;
    height: 26px;
    line-height: 26px;
}
.logzone .menu {
    display: inline-block;
    margin: 0 0 0 .5em;
    padding: 0 0 0 .5em;
    border-left: 3px solid #aaa;
    height: 26px;
}
.logzone .menu a {
    display: block;
    font-size: 1.5em;
    line-height: 100%;
    text-decoration: underline;
    color: #DB0;
}
.logzone form input[type="submit"] {
    display: inline-block;
}
.logzone form input.login {
    width: 7em;
}
.logzone form input.pass {
    width: 7em;
}
.logzone form input.submit {
    width: 7em;
    margin: 0;
}
.logzone form label {
    font-family: arial;
    font-size: 1.5em;
    font-weight: bold;
}
.logzone .signup {
    text-align: center;
    margin: .5em 0 .2em 0;
}

.logzone .signup a {
    font-size: 1.5em;
    margin: 0 1em;
    font-family: arial;
    font-weight: bold;
    text-decoration: underline;
}

.nav_bar {
    display: inline-block;
    border-left: 3px solid #BBB;
    height: 26px;
}
.nav_bar a {
    font-size: 2em;
    border-bottom: 3px solid #DDD;
    font-weight: bold;
    font-family: arial;
    margin-left: 1em;
    text-shadow: 0 0 1px #AAA;
}
.nav_bar a:hover {
    border-color: #000;
}

/* --------------- Dcard ----------------------- */
.avatar {
    position: absolute;
    height: 93px;
    left: 163px;
    bottom: -4px;
}

.texticon20:hover{color:#FFF;}
.texticon20:active{left:1px;top:1px;}

.home20 {background-position:0px 0px;}
.home20:hover {background-position:0px -20px;}
.user20 {background-position:0px -160px;}
.user20:hover {background-position:0px -180px;}
.email20 {background-position:0px -280px;}
.email20:hover {background-position:0px -300px;}
.bonus20 {background-position:0px -320px;}
.bonus20:hover {background-position:0px -340px;}
.rouages20 {background-position:0px -400px;}
.rouages20:hover {background-position:0px -420px;}
.garage20 {background-position:0px -800px;}
.garage20:hover {background-position:0px -820px;}
.trophy20 {background-position:0px -920px;}
.trophy20:hover {background-position:0px -940px;}


/* --------------- Barre de Navigation ----------------------- */
.topnav_cont {
	display:flex;
}
.topnav {
	display: flex;
	justify-content: space-between;
	/* clear:both; */
	/* position:relative; */
	/* margin:0 0 12px 0px; */
	/* padding: 0 260px 0 15px; */
	padding: 0 40px 0 0;
	height:4em;
	width: 650px;
	/* text-align: justify; */
}
.topnav a {
	/* box-sizing:border-box; */
	font-size: 1.3em;
	position: relative;
	display: inline-block;
	height: 30px;
	/* width: 30px; */
	line-height: 1em !important;
	border: 2px solid #FFF;
	border-radius:5px;
	background-color: white;
	color:#444;
}
.topnav a:hover {
	background-color:#444;
	color:white;
}
/*.topnav a:first-child {margin-right:0;}*/
.finish {display: inline-block; width: 100%}

.topnav a b {
    /* position: absolute; */
    /* bottom: -1.15em; */
    /* left: -15px; */
    display: inline-block;
    padding: 0 7px 0 35px;
    vertical-align: middle;
    line-height: 29px;
    height: 30px;
    /* width: 60px; */
    text-align: center;
}

.topnav.sidenav {
    position: fixed;
    left: 0;
    top: 0;
    width: 45px;
    padding: 5px 0;
    margin: 2px;
    background-color: #555;
    height: auto;
    text-align: center;
    border-radius: 5px;
}
.topnav.sidenav a {

}
.topnav.sidenav a:first-child {margin-right:0;}
.finish {display: inline-block;width: 0;}

.topnav.sidenav a b {
    display: none;
}

/*.topnav a:hover {border-bottom:2px solid #fff; color:#fff; text-shadow: 0px 0px 8px #AAA;}*/
.topnav a i {
    font-size: 0.5em;
    color: white;
    display: block;
    position: absolute;
    background-color: red;
    padding: 0.2em 0.3em;
    bottom: -1em;
    right: 3.3em;
    border-radius: 5px;
}

#searchcar_topnav {
	display:inline-block;
}
#searchcar_topnav.ICsearch:hover  {
	background-position:0px -540px;
}


.sections * {vertical-align: middle;}
.sections a, .sections span {
    font-size: 1.5em;
    position: relative;
    display: block;
    margin:0 20px 8px 0;
    padding: 0em .6em 0 0.5em;
    background-color: #222;
    color:#eee;
    border: 2px solid #999;
    border-radius:5px;
    box-shadow:0 0 1em #111;
    text-align: right;
    line-height: 140%;
    font-variant: small-caps;
}
.sections span {
    background-color: #333;
    color:#ccc;
    border: 2px solid #444;
    box-shadow:0 0 1em #222;
}
.sections span b {
    visibility: hidden;
}

.sections a b {
    font-size: 2.35em;
    display: block;
    position: absolute;
    top: -2px;
    right: -22px;
    margin: 0 0 0 5px;
    color: #FFB;
    border-radius: 5px;
    visibility: hidden;
}
.sections a:hover {
    background-color: #111;
    color:#FFF;
    border: 2px solid #eee;
}
.sections a.selected, .sections a.selected:hover {
    background-color: #fff;
    color:#333;
    border: 2px solid #fff;
    box-shadow:0 0 1em #fff;
}
.sections a.selected b {
    color:#FFF;
    text-shadow: 0 0 1em #fff;
    visibility: visible;
}


.bgicon22	{
	background:url(../images/icones_gt5set22_02.png?v=2) no-repeat top left;
	background-color:#FFF;
	min-width: 22px;
	max-height: 22px;
	line-height:20px;
	padding-left:24px;
}
	
.icon22 {background:url(../images/icones_gt5set22_02.png?v=2) no-repeat top left;
	width: 22px; height: 22px;
	display:inline-block;
	float:left;
	background-color:#FFF;
	position:relative;
}

.texticon22, .buttonicon22 {background:url(../images/icones_gt5set22_02.png?v=2) no-repeat top left;
	min-width: 22px; height: 22px;
	display:inline-block;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	line-height:23px;
	padding-left: 22px; padding-right: 3px;
	position:relative;
	cursor:default;
}
.texticon22 {
		border-bottom:solid 0px #91afd8;
		margin:2px 2px 2px 0;
		cursor:pointer;
}


.texticon22:hover{border-bottom:solid 2px #F00;color:#F00;}
.texticon22:active{left:1px;top:1px;}

.home22 {background-position:0px 0px;}
.home22:hover {background-position:0px -22px;}
.car22 {background-position:0px -44px;}
.car22:hover {background-position:0px -66px;}
.track22 {background-position:0px -88px;}
.track22:hover {background-position:0px -110px;}
.rim22 {background-position:0px -132px;}
.rim22:hover {background-position:0px -154px;}
.user22 {background-position:0px -176px;}
.user22:hover {background-position:0px -198px;}
.comment22 {background-position:0px -220px;}
.article22 {background-position:0px -264px;}
.email22 {background-position:0px -308px;}
.email22:hover {background-position:0px -330px;}
.bonus22 {background-position:0px -352px;}
.bonus22:hover {background-position:0px -374px;}
.search22 {background-position:0px -396px;}
.search22:hover {background-position:0px -418px;}
.rouages22 {background-position:0px -440px;}
.rouages22:hover {background-position:0px -462px;}
.pluie22 {background-position:0px -484px;}
.pluie22:hover {background-position:0px -506px;}
.nuit22 {background-position:0px -528px;}
.nuit22:hover {background-position:0px -550px;}
.image22 {background-position:0px -572px;}
.image22:hover {background-position:0px -594px;}
.maker22 {background-position:0px -616px;}
.maker22:hover {background-position:0px -638px;}
.plane22 {background-position:0px -660px;}
.plane22:hover {background-position:0px -682px;}
.reset22 {background-position:0px -836px;}
.reset22:hover {background-position:0px -858px;}
.garage22 {background-position:0px -880px;}
.garage22:hover {background-position:0px -902px;}
.www22 {background-position:0px -924px;}
.www22:hover {background-position:0px -946px;}
.museum22 {background-position:0px -968px;}
.museum22:hover {background-position:0px -990px;}
.trophy22 {background-position:0px -1012px;}
.trophy22:hover {background-position:0px -1034px;}
.suitcase22 {background-position:0px -1056px;}
.suitcase22:hover {background-position:0px -1078px;}
.warn22 {background-position:0px -1100px;}
.warn22:hover {background-position:0px -1122px;}
.button22 {	min-width: 22px; height:22px;
	display:inline-block;
	background-color:#FFF;
	color:#F00;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	line-height:23px;
	padding-right: 3px;
}
.button_new22 {display:inline-block;background-color:#F00;color:#FFF;
margin-right:3px;
padding-left: 3px;padding-right: 3px;
}



.icon256article ,.icon256car ,.icon256menu ,.icon256checklist ,.icon256dlc ,.icon256gift ,.icon256helmet ,.icon256help ,.icon256home ,.icon256search ,.icon256settings ,.icon256share ,.icon256shareimage ,.icon256stat ,.icon256track ,.icon256trophy ,.icon256rim ,.icon256garage ,.icon256tuning ,.icon256email ,.icon256key ,.icon256warning ,.iconW256warning ,.icon256player ,.icon256players ,.icon256image ,.icon256edit {
    background-size: contain;
    background-repeat: no-repeat;
}

.icon256article {background-image: url(/images/icons/ICb256article.png)}
.icon256car {background-image: url(/images/icons/ICb256car.png)}
.icon256menu {background-image: url(/images/icons/ICb256menu.png)}
.icon256checklist {background-image: url(/images/icons/ICb256checklist.png)}
.icon256dlc {background-image: url(/images/icons/ICb256dlc.png)}
.icon256gift {background-image: url(/images/icons/ICb256gift.png)}
.icon256helmet {background-image: url(/images/icons/ICb256helmet.png)}
.icon256help {background-image: url(/images/icons/ICb256help.png)}
.icon256home {background-image: url(/images/icons/ICb256home.png);}
.icon256search {background-image: url(/images/icons/ICb256search.png)}
.icon256settings {background-image: url(/images/icons/ICb256settings.png)}
.icon256share {background-image: url(/images/icons/ICb256share.png)}
.icon256shareimage {background-image: url(/images/icons/ICb256shareimage.png)}
.icon256stat {background-image: url(/images/icons/ICb256stat.png)}
.icon256track {background-image: url(/images/icons/ICb256track.png)}
.icon256trophy {background-image: url(/images/icons/ICb256trophy.png)}
.icon256rim {background-image: url(/images/icons/ICb256rim.png)}
.icon256garage {background-image: url(/images/icons/ICb256garage.png)}
.icon256tuning {background-image: url(/images/icons/ICb256tuning.png)}
.icon256email {background-image: url(/images/icons/ICb256email.png)}
.icon256key {background-image: url(/images/icons/ICb256key.png)}
.icon256warning {background-image: url(/images/icons/ICb256warning.png)}
.iconW256warning {background-image: url(/images/icons/ICw256warning.png)}
.icon256player {background-image: url(/images/icons/ICb256player.png)}
.icon256players {background-image: url(/images/icons/ICb256players.png)}
.icon256image {background-image: url(/images/icons/ICb256image.png)}
.icon256edit {background-image: url(/images/icons/ICb256edit.png)}




.icons60 .IChome, .icons60 .ICcar, .icons60 .ICtrack, .icons60 .ICrim, .icons60 .ICuser, .icons60 .ICcomment, .icons60 .ICarticle, .icons60 .ICemail, .icons60 .ICbonus, .icons60 .ICsearch, .icons60 .ICrouages, .icons60 .ICrain, .icons60 .ICnight, .icons60 .ICimages, .icons60 .ICmaker, .icons60 .ICplane, .icons60 .ICunlock, .icons60 .ICinfo, .icons60 .ICfloppy, .icons60 .ICreset, .icons60 .ICgarage, .icons60 .ICwww, .icons60 .ICmuseum, .icons60 .ICtrophy, .icons60 .ICsuitcase, .icons60 .ICwarn, .icons60 .ICranks, .icons60 .IChelmet, .icons60 .ICmenu {
    background:url(../images/icones_gt5set60.png) no-repeat top left;
    background-color:#FFF;
    min-width: 60px;
    max-height: 60px;
    line-height:60px;
}
.icons60 .IChome {background-position:0px -0px;}
.icons60 .IChome:hover {background-position:0px -60px;}
.icons60 .ICcar {background-position:0px -120px;}
.icons60 .ICcar:hover {background-position:0px -180px;}
.icons60 .ICtrack {background-position:0px -240px;}
.icons60 .ICtrack:hover {background-position:0px -300px;}
.icons60 .ICrim {background-position:0px -360px;}
.icons60 .ICrim:hover {background-position:0px -420px;}
.icons60 .ICuser {background-position:0px -480px;}
.icons60 .ICuser:hover {background-position:0px -540px;}
.icons60 .ICcomment {background-position:0px -600px;}
.icons60 .ICcomment:hover {background-position:0px -660px;}
.icons60 .ICarticle {background-position:0px -720px;}
.icons60 .ICarticle:hover {background-position:0px -780px;}
.icons60 .ICemail {background-position:0px -840px;}
.icons60 .ICemail:hover {background-position:0px -900px;}
.icons60 .ICbonus {background-position:0px -960px;}
.icons60 .ICbonus:hover {background-position:0px -1020px;}
.icons60 .ICsearch {background-position:0px -1080px;}
.icons60 .ICsearch:hover {background-position:0px -1140px;}
.icons60 .ICrouages {background-position:0px -1200px;}
.icons60 .ICrouages:hover {background-position:0px -1260px;}
.icons60 .ICrain {background-position:0px -1320px;}
.icons60 .ICrain:hover {background-position:0px -1380px;}
.icons60 .ICnight {background-position:0px -1440px;}
.icons60 .ICnight:hover {background-position:0px -1500px;}
.icons60 .ICimages {background-position:0px -1560px;}
.icons60 .ICimages:hover {background-position:0px -1620px;}
.icons60 .ICmaker {background-position:0px -1680px;}
.icons60 .ICmaker:hover {background-position:0px -1740px;}
.icons60 .ICplane {background-position:0px -1800px;}
.icons60 .ICplane:hover {background-position:0px -1860px;}
.icons60 .ICunlock {background-position:0px -1920px;}
.icons60 .ICunlock:hover {background-position:0px -1980px;}
.icons60 .ICinfo {background-position:0px -2040px;}
.icons60 .ICinfo:hover {background-position:0px -2100px;}
.icons60 .ICfloppy {background-position:0px -2160px;}
.icons60 .ICfloppy:hover {background-position:0px -2220px;}
.icons60 .ICreset {background-position:0px -2280px;}
.icons60 .ICreset:hover {background-position:0px -2340px;}
.icons60 .ICgarage {background-position:0px -2400px;}
.icons60 .ICgarage:hover {background-position:0px -2460px;}
.icons60 .ICwww {background-position:0px -2520px;}
.icons60 .ICwww:hover {background-position:0px -2580px;}
.icons60 .ICmuseum {background-position:0px -2640px;}
.icons60 .ICmuseum:hover {background-position:0px -2700px;}
.icons60 .ICtrophy {background-position:0px -2760px;}
.icons60 .ICtrophy:hover {background-position:0px -2820px;}
.icons60 .ICsuitcase {background-position:0px -2880px;}
.icons60 .ICsuitcase:hover {background-position:0px -2940px;}
.icons60 .ICwarn {background-position:0px -3000px;}
.icons60 .ICwarn:hover {background-position:0px -3060px;}
.icons60 .ICranks {background-position:0px -3120px;}
.icons60 .ICranks:hover {background-position:0px -3180px;}
.icons60 .IChelmet {background-position:0px -3240px;}
.icons60 .IChelmet:hover {background-position:0px -3300px;}
.icons60 .ICmenu {background-position:0px -3360px;}
.icons60 .ICmenu:hover {background-position:0px -3420px;}
            


.icons30 .IChome, .icons30 .ICcar, .icons30 .ICtrack, .icons30 .ICrim, .icons30 .ICuser, .icons30 .ICcomment, .icons30 .ICarticle, .icons30 .ICemail, .icons30 .ICbonus, .icons30 .ICsearch, .icons30 .ICrouages, .icons30 .ICrain, .icons30 .ICnight, .icons30 .ICimages, .icons30 .ICmaker, .icons30 .ICplane, .icons30 .ICunlock, .icons30 .ICinfo, .icons30 .ICfloppy, .icons30 .ICreset, .icons30 .ICgarage, .icons30 .ICwww, .icons30 .ICmuseum, .icons30 .ICtrophy, .icons30 .ICsuitcase, .icons30 .ICwarn, .icons30 .ICranks, .icons30 .IChelmet, .icons30 .ICmenu {
    background: url(../images/icones_gt5set30.png) no-repeat top left;
    background-color:#FFF;
    min-width: 30px;
    max-height: 30px;
    line-height:30px;
}
.icons30 .IChome {background-position:0px -0px;}
.icons30 .IChome:hover {background-position:0px -30px;}
.icons30 .ICcar {background-position: 0px -60px;}
.icons30 .ICcar:hover {background-position:0px -90px;}
.icons30 .ICtrack {background-position:0px -120px;}
.icons30 .ICtrack:hover {background-position:0px -150px;}
.icons30 .ICrim {background-position:0px -180px;}
.icons30 .ICrim:hover {background-position:0px -210px;}
.icons30 .ICuser {background-position:0px -240px;}
.icons30 .ICuser:hover {background-position:0px -270px;}
.icons30 .ICcomment {background-position:0px -300px;}
.icons30 .ICcomment:hover {background-position:0px -330px;}
.icons30 .ICarticle {background-position:0px -360px;}
.icons30 .ICarticle:hover {background-position:0px -390px;}
.icons30 .ICemail {background-position:0px -420px;}
.icons30 .ICemail:hover {background-position:0px -450px;}
.icons30 .ICbonus {background-position:0px -480px;}
.icons30 .ICbonus:hover {background-position:0px -510px;}
.icons30 .ICsearch {background-position:0px -540px;}
.icons30 .ICsearch:hover {background-position:0px -570px;}
.icons30 .ICrouages {background-position:0px -600px;}
.icons30 .ICrouages:hover {background-position:0px -630px;}
.icons30 .ICrain {background-position:0px -660px;}
.icons30 .ICrain:hover {background-position:0px -690px;}
.icons30 .ICnight {background-position:0px -720px;}
.icons30 .ICnight:hover {background-position:0px -750px;}
.icons30 .ICimages {background-position:0px -780px;}
.icons30 .ICimages:hover {background-position:0px -810px;}
.icons30 .ICmaker {background-position:0px -840px;}
.icons30 .ICmaker:hover {background-position:0px -870px;}
.icons30 .ICplane {background-position:0px -900px;}
.icons30 .ICplane:hover {background-position:0px -930px;}
.icons30 .ICunlock {background-position:0px -960px;}
.icons30 .ICunlock:hover {background-position:0px -990px;}
.icons30 .ICinfo {background-position:0px -1020px;}
.icons30 .ICinfo:hover {background-position:0px -1050px;}
.icons30 .ICfloppy {background-position:0px -1080px;}
.icons30 .ICfloppy:hover {background-position:0px -1110px;}
.icons30 .ICreset {background-position:0px -1140px;}
.icons30 .ICreset:hover {background-position:0px -1170px;}
.icons30 .ICgarage {background-position:0px -1200px;}
.icons30 .ICgarage:hover {background-position:0px -1230px;}
.icons30 .ICwww {background-position:0px -1260px;}
.icons30 .ICwww:hover {background-position:0px -1290px;}
.icons30 .ICmuseum {background-position:0px -1320px;}
.icons30 .ICmuseum:hover {background-position:0px -1350px;}
.icons30 .ICtrophy {background-position:0px -1380px;}
.icons30 .ICtrophy:hover {background-position:0px -1410px;}
.icons30 .ICsuitcase {background-position:0px -1440px;}
.icons30 .ICsuitcase:hover {background-position:0px -1470px;}
.icons30 .ICwarn {background-position:0px -1500px;}
.icons30 .ICwarn:hover {background-position:0px -1530px;}
.icons30 .ICranks {background-position:0px -1560px;}
.icons30 .ICranks:hover {background-position:0px -1590px;}
.icons30 .IChelmet {background-position:0px -1620px;}
.icons30 .IChelmet:hover {background-position:0px -1650px;}
.icons30 .ICmenu {background-position:0px -1680px;}
.icons30 .ICmenu:hover {background-position:0px -1710px;}


/* --------------- Div de construction de base ----------------------- */

.pubh{
	margin-top:0px;
}

.page {
	clear:both;
}

.half_col {
    float:left;
    width:49%;
}
.half_col:last-child {
    float:right;
}

.page a:hover {
	color:#FFB;
}
.page .title a:hover {
	color:#000; text-decoration:underline;
}

.col160 {float:right; width:160px; min-height:600px;}

.col200 {float:right; width:200px; min-height:200px;}
.col300 {float:right; width:300px; min-height:250px;}

.as_auto {
    width: 728px;
    margin: 8px auto;
}
.as_footer {
	position:relative;
	display:block;
	width:730px;
	height:90px;
	margin: 8px auto;
}
.topad {
	position:relative;
	display:inline-block;
	width:470px;
	height:62px;
	margin-top:2px;
	margin-left:0px;
	left:195px;
}


.logo_ads, .logoline {
    position: relative;
    margin: 8px 0;
    height:90px;
}

.logo_ads .logosite {
    display: inline-block;
    width: 90px;
    height: 90px;
    background-image: url(../images/kudosprime_logo_trans_white.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.as_header {
	position:absolute;
        top:0;
        right:0;
	display:block;
	width:728px;
	height:90px;
}

.as_sky, .as_200x200 {
	display:block;
        background-color: #333;
}
.as_sky {
	width:160px;
	height:600px;
}
.as_200x200 {
	width:200px;
	height:200px;
}
.as_300x250 {
	width:300px;
	height:250px;
	margin: 8px auto;
}
.as_100x600 {
	width:100px;
	height:600px;
}
.as_320x50 {
	width:320px;
	height:50px;
	margin: 8px auto;
}

.as_header.allowMe {
        background-image: url(../images/allowMe_lb_02.png);
}

.as_300x250.allowMe {
        background-image: url(../images/allowMe_300_01.png);
}


.siteselect {
    font-size: 1.2em;
    position:absolute;
    top:-3.2em;
    left:0;
    display:block;
    z-index: 50;
}
.siteselect a {   
    display: inline-block;
    margin:0 0.5em 0 0;
    padding: 3em 0.3em 0 0.3em;
    background-color: #444;
    font-weight: bold;
    border-radius:5px;
    border:2px solid #999;
    box-shadow: 0px 0px 1em #000;
}
.siteselect a.ybk {color:#FFB;}
.siteselect a.bbk {color:#BFF;}
.siteselect a.gbk {color:#BFB;}
.siteselect a.pbk {color:#FBF;}
.siteselect a.pbk {color:#BBF;}

.siteselect a:hover {
    background-color: #111;
    box-shadow: none;
    border:2px solid #111;
}
.siteselect a.selected {
    background-color: #fff;
    color:#111;
    box-shadow: 0px 0px 1em #FFF;
    border: 5px solid white;
    vertical-align: top;
}
.siteselect a.selected:hover  {
    background-color: #fff;
    color:#222;
    box-shadow: none;
}


/* --------------- Titre & Ariane ----------------------- */
.title {
        position: relative;
        margin: 0 0 1em 55px;
	clear:both;
	padding: 0 0 0 75px;
	height:6em;
	text-align: left;
	background-color:#FFF;
        border-radius:5px;
        color:#444444;
        background-image: url(../images/icones_gt5set60.png);
        background-repeat: no-repeat;
        overflow: hidden;
}
.title { /* Temporaire */
    margin: 0.5em 0;
    text-align: center;
}

.title p {
    min-height: 1em;
    font-size: 1.7em;
    font-variant: small-caps;
}
.title p * {
    vertical-align: middle;
}
h1 {
    font-size: 2.7em;
    color: inherit;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    letter-spacing: -1px;
    
}
h1 em {font-weight: bold;}
h1 * {/* vertical-align: middle; */}

.ariane {
    font-size: 1.1em;
    position:absolute;
    top:0.3em;
    right:0.6em;
    max-width: 80%;
}

.ariane a {
	text-decoration: underline;
}

.ariane a:hover {
	color:#F60;
}

#footer {
	display:block;
	clear:both;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	text-align:center;
	font-size:9px;
	line-height:10px;
	max-height:10px;
}

form.plateform_switch {
    font-size: 2em;
    display: inline-block;
    margin: 5px;
    cursor: pointer;
    background-color: #fff;
    height: 1em;
    line-height: 1em;
    padding: .2em .4em;
    border-radius: 5px;
    color: #333;
}

.short_url * {vertical-align: middle}
.short_url input {
    position:relative;
    width: 240px;
    top:2px;
    font-weight:bold;
    text-align:center;
    cursor:text;
    border: 2px solid #666;
    background-color: #FFB;
    box-shadow: 2px 2px 5px #777;
}

/* --------------- Boutons & Navigation ----------------------- */

.nav_prevnext {
    margin-top:10px;
    text-align: center;
}

a.nav_prev, a.nav_next {
    display: inline;
    font-size: 16px;
    background-color: #222;
    color:#bbb;
    padding: 0 5px;
    border-radius:5px;
}
a.nav_prev:hover, a.nav_next:hover {
    background-color: #000;
    color:#fff;
}
a.nav_next {
    margin-left:10px;    
}

.pagejump {
    clear: both;
    font-size: 1.9em;
    margin: 0.3em 0;
    padding: .2em 0;
    text-align: center;
    background-color: #222;
    border-radius: 5px;
}
.pagejump a {
    padding: 0 .2em; 
}
.pagejump a.active {
    background-color: #000;
    color: #bff;
    border-radius: .3em;
    padding: 0 .3em;
    font-weight: normal;
    cursor: default;  
}

.filter_cont {
    margin-bottom: 0.5em;
}
.filter_cont h5 {
    font-size: 1.3em;
    color: #FFB;
}

.filter_cont a {
    display: inline-block;
    margin: 0.2em;
    background-color: #eee;
    color:#333;
    font-weight: bold;
    padding: 0.1em 0.2em;
    border-radius:5px;
}
.filter_cont a:hover {
    background-color: #222;
    color:#eee;
}
.filter_cont a.active {
    background-color: #FFB;
    color:#333;
    cursor: default;
}


.buttonbar {
	display:block;
	position:relative;
	margin-right: auto;
	margin-left: auto;
	clear:both;
	margin-top:10px;
}

.button {
	/*float:left;*/
	display:inline-block;
	text-align:center;
	font-size:18px;
	font-weight:100;
	line-height:25px;
	min-width:140px;
	min-height:25px;
	background-repeat: no-repeat;
	background-position: center center;
}
.button a:link , .button a:visited {
	color:#FFF;
	text-decoration:none;
	font-weight:100;
}
.button a:hover {
	font-weight:400;
}


.icomenu {
	position:relative;
	float:left;
}
.icomenu_icon {
	float:left;
}
.icomenu_text {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:800;
}


.htmlSwitch, .filterSelect {
    border-top: 1px dotted #999;
    padding-top: .5em;
    text-align: right;
}
.htmlSwitch span, .filterSelect span {
    font-size: 1.4em;
    display: inline-block;
    margin-right: .4em;
    text-align: center;
    text-transform: uppercase;
}
.htmlSwitch a {
    font-size: 1.2em;
    display: inline-block;
    margin:0 .4em .4em 0;
    padding:.1em .4em .1em .3em;
    color: #999;
    /*background-color: #ccc;*/
    border: 1px solid #999;
    border-radius: 5px;
    letter-spacing: -1px;
}
.computer .htmlSwitch a:hover {
    color: #fff;
    border-color: #fff;
}
.htmlSwitch a.active {
    color: #444;
    background-color: #fff;
    cursor: default;
    border-color: #fff;
    box-shadow: 0 0 .6em #FFF;
    text-shadow: 0 0 .6em #FFF;
}

.sort_by_mode .htmlSwitch {
    border-top:none;
}


.txtswitch {
	/*float:left;*/
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:800;
}
.txtswitch_on, .txtswitch_on a:link, .txtswitch_on a:visited   {
	color:#ffb;
}
.txtswitch_off, .txtswitch_off a:link, .txtswitch_off a:visited  {
	color:#888;
}
.txtswitch_off a:hover {color:#bff;}

.switch_container {
	display:inline-block;
	float:left;
	margin:3px 10px 0px 0;
	border-bottom:solid 1px #e9e9e9;
	border-top:none;
	border-left:none;
}

.switch_container .sw_title {font-size:12px;color:#ddd; text-transform:uppercase;font-weight:800;}
.switch_container:hover .sw_title {
	color: #ffb;
}
.switch_container .sw_text {display:inline-block; line-height:22px;font-weight:100;letter-spacing:-1px;}
.switch_container a{
	font-weight:100;
	text-decoration:none !important;
}

.reset_button {
	display:inline-block;
	float:left;
	border:solid 1px #000;
	color:#FFF;
	margin-bottom:5px;
	margin-right:5px;
	margin-left:5px;
}
.reset_button a:link, .reset_button a:visited {color:#FFF;}
.reset_button a:hover {color:#91afd8;}

/* boutons d'options pour ajax */
.select {display:inline-block;}
.select li {
	display:inline-block;
	margin:0 2px 2px 0;
	padding:0 3px;
	font-weight:600;
	background-color:#e9e9e9;
	color:#999;
	text-align:center;
	cursor:pointer;
	list-style-type: none;
	border-radius:5px;
}
.select li:hover{color:#000;}
.select li.sel_on {background-color:#009eee;color:#FFF;}

.reportThis { cursor:pointer; text-decoration:underline;}

.new_cont span {
	color:#F00; letter-spacing:-1px;
	padding:0 3px 0 0; font-weight:bold;
}


/* -------------- admin zones (hide) ------------------------ */
.admin_zone, .admin_zone h6 {
     height: 12px;
     width:35px;
     overflow: hidden;
}
.admin_zone h6 {
    font-size: 10px;
    font-family: Arial,Helvetica,sans-serif;
    width: 35px;
    font-weight: bold;
    background-color: #333;
    color: #ffb;
    text-align: center;
    border-bottom-right-radius: 4px;
}
.admin_zone:hover {
    height:auto;
    width: auto;
    border-bottom-right-radius: 5px;
    box-shadow: 1px 1px 5px #666;
}

/* -------------- index (hub) ------------------------ */
#index_site_select {
	display:flex;
	flex-wrap:wrap;
}
a.hub_entry {
    display: inline-block;
    vertical-align: top;
    width: 290px;
    height: 240px;
    margin: 5px;
    border: 5px solid #EEE;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #000;
}
.hub_group {
    /* display: flex; */
    flex-wrap: wrap;
    /* vertical-align: top; */
    width: 100%;
    /* height: 240px; */
    /* margin: 5px 5px 5px 5px; */
}
.hub_group h3 {
	position: absolute;
	top:5px;
	color:#666;
}
.hub_group a {
	display: inline-block;
	margin: 5px;
	flex-grow: 1;
	border-radius:5px;
	background-color: #eee;
    color: #333;
}
a.hub_entry.hub_size50 {
	position: relative;
	margin: 0 0 5px 0;
	height: 110px;
}
a.hub_entry.hub_size33 {
	position: relative;
    margin: 0 0 5px 0;
    height: 68px;
}
a.hub_size50 .hub_text, a.hub_size33 .hub_text {
    position: relative;
    display: inline-flex;

    /* border-radius: 5px; */
    margin: 0;
    padding: 20px 5px 5px 5px;
}

a.hub_entry .hub_text {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0px 80px 0px 0px;
    padding: 5px;
    /* background-image: url(../images/fondTransp_noir_40pc.png); */
    background-color: #eee;
    color: #333;
    border-radius: 0 0 3px 0;
}
a.hub_entry .hub_text h3 {
	display:block;
    font-size: 1.4em;
    text-decoration: underline;
    font-variant: small-caps;
    color: #666;
}
.hub_ad {
    display: inline-block;
    width: 300px;
    height: 250px;
    margin: 5px;
    vertical-align: top;
}
.hub_fh3 {background-image: url(../images/hub_fh3.jpg)}
.hub_f7 {background-image: url(../images/hub_f7.jpg)}
.hub_f6 {background-image: url(../images/hub_f6.jpg)}
.hub_fh2xo {background-image: url(../images/hub_fh2xo.jpg)}
.hub_f5 {background-image: url(../images/hub_f5.jpg)}
.hub_fh {background-image: url(../images/hub_fh.jpg)}
.hub_f4 {background-image: url(../images/hub_f4.jpg)}
.hub_f3 {background-image: url(../images/hub_f3.jpg)}
/* a.hub_entry.hub_f3 .hub_text {margin: 179px 5px 5px 80px;} */
a.hub_entry.hub_f5 {background-position: 0 -23px;}
a.hub_entry.hub_f4 {background-position: 0 -35px;}
a.hub_entry.hub_f3 {background-position: 0 -27px;}
.hub_gts {background-image: url(../images/hub_gts.jpg)}
.hub_gt6 {background-image: url(../images/hub_gt6.jpg)}
.hub_gt5 {background-image: url(../images/hub_gt5.jpg)}
.hub_gta5 {background-image: url(../images/hub_gta5.jpg)}
.hub_nfsmw {background-image: url(../images/hub_nfsmw.jpg)}

/* --------------- Page Instructions ----------------------- */
.page_instr {font-size: 10px; background-color: #222; color:#eee; padding:5px; border-radius:5px;}
.page_instr h6 {font-size:10px; display: inline-block; color:#FFB; font-weight:bold;}
.page_instr em {color:#FFB; font-weight:bold;}

.collapser.collapse .collapser_cont {display:none;}
.collapser .parent_show {display:none;}
.collapser.collapse .parent_show {display:block;}
.collapser.collapse .parent_hide {display:none;}
.parent_hide, .parent_show {text-align: center; font-size:12px; font-weight: bold; text-decoration: underline; cursor: pointer;}
.parent_hide:hover, .parent_show:hover {color:#FFB}

.icon_txt {display: inline-block;
    margin-right: 0.5em;
    background-color: #FFB;
    font-family: arial;
    color: #000;
    width: 1em;
    height: 1em;
    text-align: center;
    text-decoration: none;
    line-height: 1em;
    border-radius: 1em;
}

/* ---------- Toggle Switch ------------------ */
.toggle {cursor:pointer;}
.lit {color:#555;}
.lit_on {color:#FFF;text-shadow: 0px 0px 8px #FFF;}

/* --------------- Pop-up Window ----------------------- */
#pop_window {
        display: block;
        position: absolute;
        /*left: 10px;
        right: 10px;
        top: 10px;
        bottom: 10px;*/
        width: 97%;
        margin:10px auto;
	z-index:150;
        min-width: 380px;
        max-width: 640px;
	border: 4px solid #ddd;
	background-color: #FFF;
	padding:10px;
	text-align: center;
	display: none;
	border-radius:5px;
	box-shadow:0px 0px 10px #999;
	position:relative;
	overflow-x: hidden;
        overflow-y: auto;
        font-family: tahoma;
}
.pop_close {
	position:absolute;
	top:-2px; right:-2px;
	cursor:pointer;
}

.pop_content h2 {font-size: 1.4em; color:#444; margin:0;}
.pop_content h2 p {font-size: 1.8em; color:darkgreen; margin:0;}



#img_url_input {
    display: inline-block;
    width: 80%;
    border-radius: 3px;
}
#fileupload {
    text-align: center;
}
#fileupload .fileinput-button {
    margin:0 0 5px 0;
}
#fileupload .progress {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}


/* --------------- Jauges ----------------------- */
.barstat_div {
	position:relative;
	float:left;
	background-color:#e9e9e9;
	height:18px;
	width:100px;
	display:block;
}
.jauge_carstat {
	float:left;
	background-color:#3e403d;
	height:18px;
	display:block;
	background-image: url(../images/jauge_carstat.png);
	background-repeat: repeat-x;
}

.barstat_div_o {
	position:relative;
	background-color:#000;
	height:10px;
	display:block;
}



.barstat_full {
	position:absolute;
	background-color:#00a55c;
	height:18px;
	display:block;
	text-indent: -3000px;
	background-image: url(../images/jauge_r_v.png);
	background-repeat: repeat-y;
}

.barstat_haut {
	position:absolute;
	background-color:#7a7b7d;
	height:9px;
	display:block;
	text-indent: -3000px; 
}

.barstat_bas {
	position:absolute;
	background-color:#424244;
	top:9px;
	height:8px;
	display:block;
	text-indent: -3000px; 
}


/* --------------- Milo_Gauge ----------------------- */
.miloGauge {
    position:relative;
    height: 1.2em;
    margin-top: .5em;
    background-color: #444;
    border-radius: 5px;
    box-shadow: 1px 1px 8px #000;
    overflow: hidden;
}
.miloGauge div {
    position: absolute;
    height: 100%;
    text-align: right;
    background-color: #555;
    background-image: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#aaa));
    background: -moz-linear-gradient(top, #BFB, #161);
    background: -o-linear-gradient(top, #BFB, #161);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbffbb', endColorstr='#116611');
}
.miloGauge div:nth-child(2) {
    background-color: #BBF;
    background-image: -webkit-gradient(linear, center top, center bottom, from(#BBF), to(#448));
    background: -moz-linear-gradient(top, #BBF, #448);
    background: -o-linear-gradient(top, #BBF, #448);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbff', endColorstr='#444488');
}


/* --------------- Milo_Gallery ----------------------- */
.milo_gallery a {position: relative;display: inline-block;}
.mg_pagination {font-size: 1.5em; text-align: center;}
.mg_pagination span {
    padding: 0 .1em 0 .2em;
    cursor: pointer;
}
.mg_pagination span.selected {background-color: #fff; color: #444;}
.mg_delete {
    display: none;
    position:absolute;
    width: 30px;
    height: 30px;
    right: 5px;
    bottom: 5px;
    background:url(../images/icones_gt5set30.png) no-repeat top left;
    background-position:0px -1140px;
}
.mg_delete:hover {background-position:0px -1170px;}
.mg_delete_mode .mg_delete {display: block;}
.mg_delete_switch {margin: .2em 0; text-align: center;}
.mg_delete_switch span {
    display: inline-block;
    padding: 0.1em 0.3em;
    background-color: #fff;
    border: 3px solid #ddd;
    color: #444;
    font-weight: bold;
    border-radius: 3px;
    cursor: pointer;
}
.mg_delete_switch span:hover {
    border-color: #fff;
    color: #222;
}

/* --------------- PrettyPhoto ----------------------- */
.pp_content a {text-decoration: underline;}


/* ----------- Contact Me ---------------------------*/
.contact_me {
    font-size: 13px;
    min-height: 80px;
    position: relative;
    letter-spacing: -1px;
    background-color: #FFF;
    color: #666;
    padding: 5px 5px 5px 40px;
    border-radius: 5px;
}
.contact_me img {
    position: absolute;
    top: -12px;
    left: -5px;
}
.contact_me span {
    font-size: 1.3em;
    font-weight: bold;
    line-height: 100%;
    vertical-align: bottom;
    color: #999;
    padding-left: .4em;
}
.contact_me a {
    text-decoration: underline;
}

/* --------------- Autres Elements Particuliers ----------------------- */

.button_sel {
	display:inline-block;
	margin:5px;
	padding:3px 5px;
	font-family:"Arial Black", Gadget, sans-serif;
	size:16px;
	font-weight:600;
	background-color:#000;
	color:#FFF;
	cursor:pointer;
	border:solid 1px #FFF;
	-webkit-transition:background-color 0.1s ease-in;
	-moz-transition:background-color 0.1s ease-in;
	-o-transition:background-color 0.1s ease-in;
	-moz-border-radius:5px;
 	-webkit-border-radius:5px;
}
.button_sel:hover {
	background-color:#91afd8;
}


.text_icon {
	display:inline;
	margin-left:0.3em;
	margin-right:0.3em;
}

.help_hide {
	max-height: 30px !important;
	background-image: url(/images/icons/ICg256help.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position-x: center;
	color: transparent;
	border: 2px solid transparent;
}

.helper {
	position:absolute;
	top:10px;
	left:-4000px;
	max-width:190px;
	height:auto;
	background-color:#fff;

	color:#333;
	font-size:12px;
	z-index:200;
	padding:4px;
	text-align:left;
	overflow:hidden;
        border-radius:4px;
        box-shadow:3px 3px 0.3em #111;
}

.own_on, .own_off, .gift, .dlc, .clone, .photo, .fav, .pen, .garage, .image, .chat, .fmlogo, .sig {
    display: inline-block;
	width:22px;
	height:22px;
	background-image:url(../images/icones_f4set22_01.png);
	background-repeat:no-repeat;
	cursor:pointer;
	}
.own_on, .own_off {
	color:#FFF;
	text-shadow: #000 1px 1px 2px;
	font-stretch:extra-expanded;
	text-align:center;
	line-height:22px;
	font-size:14px;
	font-weight:900;
}
.own_on {background-position:0px -44px;}
.own_on:hover {background-position:0px -66px;}
.own_on:active {background-position:1px -44px; opacity:.5}

.own_off {background-position:0px 0px;}
.own_off:hover {background-position:0px -22px;}
.own_off:active {background-position:1px 0px; opacity:.5}

.own_on.pending, .own_off.pending {opacity:.5}


.gift {background-position:2px -88px;color: #BFF;}
.gift:hover {background-position:2px -110px;}
.clone {background-position:0px -132px;color: #BFB;}
.clone:hover {background-position:0px -154px;}
.dlc {background-position:2px -176px;color: #FFB;}
.dlc:hover {background-position:2px -198px;}
.fav {background-position:0px -220px;color: #eee;}
.fav:hover {background-position:0px -242px;}
.fav.active {background-position:0px -264px;}
.photo {background-position:0px -286px;color: #BBF;}
.photo:hover {background-position:0px -308px;}
.pen {background-position:0px -330px;color: #FFB;}
.pen:hover {background-position:0px -352px;}
.garage {background-position:0px -374px;color: #FFB;}
.garage:hover {background-position:0px -396px;}
.image {background-position:0px -418px;color: #BFB;}
.image:hover {background-position:0px -440px;}
.chat {background-position:0px -462px;color: #BFF;}
.chat:hover {background-position:0px -484px;}
.fmlogo {background-position:0px -506px;color: #BBF;}
.fmlogo:hover {background-position:0px -528px;}
.sig {background-position:0px -550px;color: #FBF;}
.sig:hover {background-position:0px -572px;}

.gift, .dlc, .clone, .photo, .pen, .garage, .image, .chat, .fmlogo, .sig {
width: 17em;
margin: 0.3em 0 0.3em 0;
padding-left: 28px;
line-height: 1.1em;
font-weight: bold;
background-color: #222;
border-radius: 5px;
border: 3px solid #222;
vertical-align: top;
margin-right: 5px;
box-shadow: 0px 0px 1em #000;
}
.gift:hover, .dlc:hover, .clone:hover, .fav:hover, .photo:hover, .pen:hover, .garage:hover, .image:hover, .chat:hover, .fmlogo:hover, .sig:hover {
    color:#222;
    background-color: #eee;
    border: 3px solid #eee;
    box-shadow: 0px 0px .8em #FFF;
}

.country_flag {display:inline-block; width:1.6em; height:1em; max-width: 32px; max-height: 20px;}

/* --------------- Forms - Dont correction Bug IE ----------------------- */
.page fieldset{
    position: relative;
    }

.page legend{
    position:absolute;
    top: -12px;
    left: 10px;
    }

.page fieldset{
    position: relative;
    padding-top:10px;
    }
	
/* Filtres de tables */    
.filterstxt a, .filterstxt span {font-size:1.3em; display: inline-block; background-color: #eee; color:#333; padding:0 0.3em; border-radius:5px; margin-bottom: .3em;}
.filterstxt a:hover {background-color: #f00; color:#fff;}
.filterstxt a i {color:#F00; font-style: normal;}
.filterstxt a:hover i {color:#FFF;}
.filterstxt span {background-color: #333; color:#eee; font-weight: bold;}

.filterstxt a.picker {
    font-size: 1.4em;
    display: inline-block;
    margin-top: 2px;
    padding: 0 .4em;
    background-color:#555;
    color: #BBF;
    font-family: "Comic Sans MS", cursive, sans-serif;
    font-weight: bold;
    border-radius: 3px;
    box-shadow: 2px 2px 5px #222;
}
.filterstxt a.picker:hover {
    color: #BFB;
    background-color:#222;
}


/* --------------- Zone User Images ----------------------- */
.user_imgs img {
    border: 2px solid white;
    margin: 1px;
    height: 68px;
}
.user_imgs img:hover {
    border-color: #aaa;
}


/* --------------- Rating ----------------------- */

.thumb_rating {
	z-index:100;
	position:absolute;
	float:left;
	width:60px;
	height:20px;
	left:2px;
	top:2px;
}
.main_rating {
	position:absolute;
	left:5px; top:5px;
}
.main_v_rating {position:absolute;left:-25px; bottom:5px;}

.rat_c {display:block; position:relative;}
.rat_c12 {width:60px; height:12px;}
.rat_c24 {width:120px; height:24px;}
.rat_bg12, .rat_bg24 {
	background-repeat:no-repeat;position:absolute;overflow:hidden;}
.rat_bg12 {height:12px;width:60px;
	background-image: url(../images/rating12.png);}
.rat_bg24 {height:24px;width:120px;
	background-image: url(../images/rating24.png);}

.rat_on12 {
	background-position:0px -12px;}
.rat_on24 {
	background-position:0px -24px;}
	
.rat_h12 {background-position:-300px -24px;}	
.rat_h24 {background-position:-300px -48px;}	

.rat_s12, .rat_s24 {display:inline-block; float:left;}
.rat_s12 {width:12px;height:12px;}
.rat_s24 {width:24px;height:24px;}

.conf {margin:auto;
}
.rat_leg {
	position:absolute;
	left:-4px;
	top:-56px;
	width:128px;
	height:44px;
	background-color:#91afd8;
	color:#FFF;
	font-size:12px;
	z-index:50;
	padding:2px;
	border:solid 1px #424244;
	overflow:hidden;
	display:none;
}
.rat_txt {position:absolute; bottom:-14px; background-image:url(../images/fondTransp_noir_20pc.png); color:#FFF; padding:0 3px; text-align:center; font-size:9px;}


/* ----------------- Barre sociale ---------------- */
.social_cont {background-color:#fff; padding:2px; border-bottom:1px dotted #009eee; margin-bottom:2px; border-radius:5px}
.social_serv {display:inline-block; margin-right:5px;}
.social_cont *, .social_serv * {vertical-align: middle;}


/* ----------------- Ediable compteur inputcount ---------------- */
.livecount {display:inline-block;float:right;margin-top:0px;height:22px;
font-size:20px; font-weight:600; color:#e9e9e9;font-family:Arial, Helvetica, sans-serif;
}
.livecount i {font-size:70%; font-weight:600;font-style:normal;color:#777}

/* ----------------- TinyMCE specific rules ---------------- */
body.mceContentBody {
   background:#FFF;
   color:#424244;
   font-size:12px;
   font-family: "Lucida grande",Verdana,Lucida,Helvetica,sans-serif;
   text-align:justify;
   font-weight:500;
}

.mceContentBody a {
	background:#91afd8;
	color: white !important; /* FF requires a important here */
}

.mceContentBody img {display:block;max-width:740px;height:auto;border:solid 2px white;}


/* ------------ jsonSuggest ----------- */
ul.jsonSuggest {
    position:absolute;
    top:2px;
    margin:0px 2px;
    padding:0px;
    background-color: #000;
    border:1px solid #CCC;
    z-index:150;
    -moz-box-shadow: 3px 3px 4px #818181;
    box-shadow: 3px 3px 4px #818181;
}
#search_footer ul.jsonSuggest {
    position:absolute;
    top: inherit;
    bottom:25px;
    margin:0px 2px;
    padding:0px;
    background-color: #000;
    border:1px solid #CCC;
    z-index:150;
    -moz-box-shadow: 3px 3px 4px #818181;
    box-shadow: 3px 3px 4px #818181;
}

ul.jsonSuggest li.ui-menu-item{
    margin:0px;
    padding:5px;
    position:relative;
    height:auto;
    cursor:pointer;
}

ul.jsonSuggest li.ui-menu-item.odd {
    background-color:#e9e9e9;
	color:#000;
}

ul.jsonSuggest li.ui-menu-item.even {
    background-color:#FFF;
	color:#000;
}

ul.jsonSuggest li.ui-menu-item:hover {
    background-color:#444;
	color:#FFF;
}

ul.jsonSuggest li.ui-menu-item img {
    float:left;
    margin-right:10px;
}

ul.jsonSuggest li.ui-menu-item p {
    margin:0px;
    padding:0px;
}

ul.jsonSuggest li.ui-menu-item strong {
    font-weight:bold;
	color:#f00;
    text-decoration:underline;
}
ul.jsonSuggest li.ui-menu-item:hover strong {
	color:#fff;
}

ul.jsonSuggest li.ui-menu-item p.extra {
    font-size: x-small !important;
    position:absolute;
    bottom:3px;
    right: 3px;
}


/* ---------- checkOnServer js function ------------------ */
.check {
    font-size: 1.8em;
    line-height: .5em;
    font-family: arial;
    cursor:pointer; 
}
.check.on {color:green; text-shadow: 1px 1px 2px #444;}
.check.off {color:#ccc;}
.check.pending {color:#FF0;}

.computer .check:hover {color:#444;}
.phone .check {
    font-size: 2.5em;
}


/* ---------- Toggle Switch ------------------ */
.toggle {cursor:pointer;}
select.keepFilters_1 {background-color: #FFB;}

/* ---------- Milo Data ------------------ */
.miloDataForm {
    font-size: 1em;
    margin:0 auto;
    padding:15px;
}

#miloDataForm{
background:#000;
border-radius: 5px;
}
#miloDataForm h1 {
font-size:1.8em;
font-weight:bold;
margin-bottom:1em;
}
#miloDataForm p{
    font-size: .9em;
margin-bottom:.2em;
    display: inline-block;
}

#miloDataForm label{
display:inline-block;
color:#fff;
font-weight:bold;
text-align:right;
padding:0 .2em 0 2em;
}
#miloDataForm .instr{
color:#ccc;
display:block;
font-size:0.8em;
font-weight:normal;
text-align:right;
width:140px;
}
#miloDataForm input, #miloDataForm textarea{
font-size:1.1em;
padding:4px 2px;
width:auto;
border:none;
border-radius:5px;
}

#miloDataForm input[type="submit"]{
clear:both;
font-size:1.1em;
margin:1em auto;
width:80px;
background:#eee;
border:2px solid #999;
text-align:center;
color:#333;
font-weight:bold;
}
#miloDataForm input[type="submit"][disabled="disabled"]{
clear:both;
font-size:1.1em;
margin:1em auto;
width:80px;
background:#999;
border:2px solid #555;
text-align:center;
color:#666;
font-weight:bold;
cursor: no-drop;
}
#miloDataForm *[readonly="readonly"]{
background-color: #AAA;
color: #111;
}

#miloDataForm *.changed{
background-color: #FFB;
}
#miloDataForm *.success{
background-color: #090;
color: #fff;
}
#miloDataForm *.fail{
background-color: #cc0000;
color:#FFF;
}



#miloDataFormInline p.miloEditPages {
    padding:5px;
}
#miloDataFormInline p.miloEditPages {
    text-align: center;
    display: block;
}
#miloDataFormInline p.miloEditPages b {
    font-size: 1.2em;
    text-align: center;
    display: inline-block;
    margin-right: .3em;
    letter-spacing: -1px;
    cursor: pointer;
    background-color: #333;
    color: #fff;
    width: 1em;
    height: 1em;
    line-height: 1em;
    padding: .5em;
    border-radius: 3px;
    font-family: courrier;
}
#miloDataFormInline p.miloEditPages b.active {
    font-weight: normal;
    cursor: default;
    background-color: #ddd;
}
#miloDataFormInline li p {
    padding: 0 .4em;
    display: inline-block;
    text-align: center;
    margin-bottom: .6em;
}
#miloDataFormInline ul {
    list-style-type: none;
}
#miloDataFormInline li:nth-child(even) {background: #ddd}
#miloDataFormInline li:nth-child(odd) {background: #FFF}
#miloDataFormInline li p input { max-width: 15em; }
#miloDataFormInline li p textarea {max-height: 1em; max-width: 30em; }

.miloAdd {
    margin: .8em 0;
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: .2em .5em;
    border-radius: 3px;
    cursor: pointer;
}

/* ----------------- Module media_viewer ---------------- */

.mv_topthumb_cont {height:60px;margin:5px 0 3px 0;}
.mv_topthumb {float:left;display:inline-block; margin-left:6px;width:87px;
-moz-border-radius:5px;
border-radius:5px;}
.mv_topthumb:first-child {margin-left:0;}
.mv_topthumb img {display:block;height:60px; max-width:87px; margin:0 auto; 
cursor:pointer; 
-moz-border-radius:5px;
border-radius:5px; overflow:hidden;}
.mv_topthumb img:hover {
	-moz-box-shadow: -2px 2px 5px #555;
	box-shadow: -2px 2px 5px #555;
	-webkit-transition:all 0.1s ease-out;
	-moz-transition:all 0.1s ease-in;
	-webkit-transform: scale(1.05) translate(3px,-3px);
	-moz-transform: scale(1.05) translate(3px,-3px);
	-ms-transform: scale(1.05) translate(3px,-3px);
	}
.mv_topth_more {float:left; height:100%; padding-top:8px;}
.mv_topth_more:hover {color:#F00;}
.mv_topthumb p{font-size:18px; font-weight:bold; text-align:center;cursor:pointer; letter-spacing: -1px}

.mv_main {clear:both; overflow:hidden;}

.main_img_cont {
	clear:both;
	position:relative;
	background-color:#000;
	width:945px;
	height:534px;
	overflow:hidden;
}
	
.main_img_cont img {/*display:block;margin-left:auto; margin-right:auto;*/}

.mv_prev, .mv_current, .mv_next {top:3px;position:absolute;margin:0 auto;z-index:0;}
.mv_prev {background-color:#000;left:-945px;}
.mv_current {background-color:#000;left:3px;}
.mv_next {background-color:#000;left:955px;}

.mv_rating {z-index:100;position:absolute; top:5px; left:5px;visibility:hidden;}

.mv_control {position:relative;clear:both;background-color:#000;height:30px;max-height:30px;
overflow:hidden;}

.mv_rewind, .mv_play, .mv_forward, .mv_tb, .mv_stop  {background:url(../images/icons/media_ctrl/media_ctrl.png) no-repeat top left;
	width: 30px; height: 30px; cursor:pointer;
	display:inline-block;
	float:left;
}
.mv_rewind { background-position: 0 -480px;}
.mv_rewind:hover { background-position: 0 -280px;}
.mv_rewind:active { background-position: 0 -80px;}
.mv_play {background-position: 0 -440px;}
.mv_play:hover {background-position: 0 -240px;}
.mv_play:active {background-position: 0 -40px;}
.mv_forward { background-position: 0 -400px;}
.mv_forward:hover { background-position: 0 -200px;}
.mv_forward:active { background-position: 0 0px;}
.mv_tb { background-position: 0 -560px;}
.mv_tb:hover { background-position: 0 -360px;}
.mv_tb:active { background-position: 0 -160px;}
.mv_stop {background-position: 0 -520px;}
.mv_stop:hover {background-position: 0 -320px;}
.mv_stop:active {background-position: 0 -120px;}

.mv_img_nb {height: 30px;line-height:30px; display:inline-block;
float:left;
	color:#FFF; padding:0 5px 0 5px; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px; font-weight:500;}
.mv_img_nb span {color:#e9e9e9;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px; font-weight:500;}

.mv_meta {
	/*position:absolute; 
	float:left;*/
	/*margin-left:50px;
	display:inline-block;*/
	padding:2px 2px 0px 2px; 
	background-color:#000;
	color:#FFF;
	min-height:28px;
	width:auto;
	/*max-width:450px;*/
	/*left:200px;*/
	top:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px; 
	line-height:12px; 
	text-align:left;
	z-index:110;
}
.mv_meta a{color:#FFF;
text-decoration:underline;
font-weight:600;}
.mv_meta a:link,.mv_meta a:visited,.mv_meta a:active {color:#FFF;
text-decoration:underline;}
.mv_meta a:hover {color:#91afd8;}

.mv_zoom {position:absolute; top:6px; right:6px; z-index:110;border:1px solid #009eee;border-radius:5px;}

.mv_report {display:none;position:absolute; top:6px; right:34px; z-index:110; border:1px solid #009eee;border-radius:5px;cursor:pointer;}

.mv_manage{display: none; background-color:#000; color:#FFF; font-family:Tahoma, Geneva, sans-serif;font-weight:bold;}
.mv_manage_but {display:none;position:absolute; height:18px; top:6px; right:34px; z-index:110; background-color:#FFF; padding:2px 4px; color:#009eee; font-size:12px; font-weight:bold; border:1px solid #009eee; border-radius:5px; cursor:pointer;}
.mv_manage_but:hover {background-color:#009eee;color:#FFF;}


.mv_thumb_cont {
	/*background:#000;
	opacity: 0.9;
	-moz-opacity:0.9;
	border:1px solid #FFF;*/
	position:absolute;
	top:40px; left:10px;
	max-width:800px;
	max-height:300px;
	z-index:110;
	padding:2px;
	display:none;
	overflow:auto;
}
.mv_thumb {
	float:left;
	opacity: 1;
	-moz-opacity:1;
	display:inline-block;
	background-color:#FFF;
	margin:2px 0px 0px 2px;
	padding:2px;
	border:1px solid #000;
	width:100px;
	height:56px;
	cursor:pointer;
}
.mv_thumb:hover {
	border-color:#FFF;
}
.mv_thumb:active {border-color:#000;
	border-left-width:2px; border-top-width:2px;
	border-right-width:0px; border-bottom-width:0px;
}	
.mv_thumb img {
	display:block;
	margin-left:auto; margin-right:auto;
	max-width:100px;
	max-height:56px;
	border-radius:5px;
}
.mv_thumb p{ font-size:20px; font-weight:bold; text-align:center; letter-spacing: -1px}

/* ----------------- Module review ---------------- */
.mod_review {overflow: auto;width:100%;}
.rev_left_col {float:left;width:645px;}
.rev_right_col {float:left; padding-left:10px;width:290px;}
.mod_review a{text-decoration:underline;}
.rev_title {position:relative; margin:20px 0 15px 0;}
.rev_gamename, .rev_by {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

.rev_gamename {
	font-size:54px;
	font-weight:800px;
	font-family:"Arial Black", Gadget, sans-serif;
	font-variant:small-caps;
	font-style:italic;
	text-decoration:underline;
	max-height:66px;
}

.rev_by {
	clear:both;
	color:#424244;
	font-size:14px;
	text-align:left;
	font-weight:600;
}
.rev_by span {color:#91afd8;}

.editablerev {
	clear:both;
	background-color:#91afd8;
	padding:5px;
	border:1px solid #424244;
	color:#FFFFFF;
	font-size:13px;
}

.rev_cat_cont {display:block;clear:both;margin-top:10px; margin-bottom:5px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.rev_global_cont {
	margin-left:auto;
	margin-right:auto;
	max-width:80%;
	border-bottom:3px dotted #424244;
	padding-bottom:10px;
	margin-bottom:20px;
}

.rev_score {
	font-family:"Arial Black", Gadget, sans-serif;
	float:right;
	font-size:36px;
	text-align:right;
	color:#424244;
	font-weight:800;
	max-height:34px;
	line-height:32px;
}
.rev_score span {
	font-size:14px;
}
.rev_na {color:#7a7b7d;
	opacity:.3;
}
.rev_global_cont .rev_score, .rev_global_cont .rev_na {
	position:relative;
	float:none;
	clear:both;
	display:block;
	text-align:left;
	font-size:42px;
	padding:0px;
	/*color:#91afd8;*/
}

.rev_text {
	position:relative;
	clear:both;
	background-color:#424244;
	padding:8px;
	font-weight:400;
	font-size:11px;
	line-height:12px;
	color:#e9e9e9;
	text-align:justify;
	border-top-left-radius: 10px 10px;
	border-bottom-right-radius: 10px 10px;
	-moz-border-radius:5px;
 	-webkit-border-radius:5px;
	/*border-bottom-left-radius: 10px 10px;
	border-top-right-radius: 10px 10px;*/
}
.rev_global_cont .rev_text {
	clear:both;
	background-color:transparent;
	padding:0px;
	color:#424244;
	font-size:13px;
	line-height:14px;
}

.rev_catname_cont {position:absolute;top:-24px;left:60px;}
.rev_cat {
	font-variant:small-caps;
	font-weight:600;
	color:#91afd8;
	font-size:24px;
	height:24px;
	line-height:24px;
}

.rev_cat_cont.rev_sub_cont {display:block;clear:both;margin-top:0px; margin-bottom:0px;}
.rev_sub_cont .rev_score {
	font-size:26px;
	max-height:22px;
	line-height:20px;
}
.rev_sub_cont .rev_score span{
	font-size:11px;
}
.rev_sub_cont .rev_catname_cont {top:-16px;left:0px}
.rev_sub_cont .rev_cat {
	color:#7a7b7d;
	font-size:13px;
	font-weight:100;
	height:16px;
	line-height:16px;
}
.rev_sub_cont .rev_sub {
	margin-left:5px;
	color:#91afd8;
	font-size:16px;
	font-weight:600;
}
.rev_sub_cont .rev_text {
	margin-left:60px;
	background-color:transparent;
	border-top:1px solid #424244;
	border-top-left-radius: 0px 0px;
	border-bottom-right-radius: 0px 0px;
	padding-right:0px;
	padding-top:4px;
	color:#424244;
}
.rev_placeholder {
	cursor:pointer;
	text-align:center;
	font-weight:800;
	color:#91afd8;
}

.score_select {cursor:pointer;min-height:34px;}

.rev_score .score_select span {
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	width:25px;
	min-height:34px;max-height:34px;
	line-height:34px;
	}
.rev_sub_cont .score_select span {
	display:inline-block;
	text-align:center;
	min-width:10px;
	font-size:12px;
	height:28px;
	line-height:20px;
}
.rev_score span.score_select_current { font-size:36px;}
.rev_score .score_select span:hover {color:#91afd8;font-size:36px;}
.rev_sub_cont .rev_score .score_select_current {font-size:26px;}
.rev_sub_cont .score_select span:hover {color:#91afd8; font-size:26px;}
.rev_score .score_select span {
	-webkit-transition:color 0.1s ease-in;
	-webkit-transition:font-size 0.1s ease-in;  
   -moz-transition:color 0.1s ease-in;  
   -o-transition:color 0.1s ease-in;  
}
.rev_cat_cont.rev_global_cont .rev_score .score_select span {font-size:32px;width:42px;}
.rev_cat_cont.rev_global_cont .rev_score .score_select span:hover {font-size:44px;}
.rev_cat_cont.rev_global_cont .rev_score {max-height:44px;}
.rev_cat_cont.rev_global_cont .rev_score span.score_select_current { font-size:44px;}

.rev_right_col .rub {margin:0 0 10px 0; background-color:#424244;color:#e9e9e9;}
.rev_right_col .rub_title {font-size:12px; background:#91afd8;color:white;text-align:center;}

/* --------------- naviguation transverale au sein des pages (side col) --------------- */
.side_cont { margin-top:6px; background-color:#333;}
.side_cont h3.bgicon22 {text-align: center;
color: #333;
padding-left: 24px;}
	
.side_cont.side_article a, .side_cont.side_com a{
	display:block; 
	border-top:dotted 1px #ffb;
	padding:2px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#eee;
	-webkit-transition:background-color 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
}
.side_cont.side_article a:first-child, .side_cont.side_com a:first-child {border-top:none;}
.side_cont.side_com a:hover, .side_cont.side_article a:hover {
	background-color:#222;
	/*color:#FFF;*/
}

.visual_entry_200 {
    display: block;
    background-color: #555;
    box-shadow: 0px 0px 1em #000;
}
a.visual_entry_200:hover {
    background-color: #000;
    box-shadow: 0px 0px 1em #999;
    color:inherit;
}
.visual_entry_200 h3{
    text-align: center;
    font-size: 1.1em;
    color:#ffb;
    font-style: italic;
}
.visual_entry_200 img {width:100%; margin-bottom: 4px;}
.visual_entry_200 p {font-size: 1.3em; padding: 0px 4px 4px 4px;
font-weight: bold;
text-align: center;
}


.sideList {margin: 8px 0;}
.sideList h4 {
    font-size: 1.3em;
    color: #eee;
    letter-spacing: -1px;
    font-variant: small-caps;
    text-align: center;
    background-color: #666;
}
.sideList a, .sideList div {
    display: block;
    padding: .1em .2em;
    line-height: 1.1em;
    font-weight: normal;
    background-color: #FFF;
    color: #333;
    border-bottom: solid 2px #666;
    background-image: -webkit-gradient(linear, center top, center bottom, from(#FFF), to(#DDD));
    background: -moz-linear-gradient(top, #FFF, #DDD);
    background: -o-linear-gradient(top, #FFF, #DDD);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#D0D0D0');
}
.sideList div a {
    display: inline-block;
    color: #555;
    background: none;
    border:none;
    text-decoration: underline;
}

.sideList em {
    display: inline-block;
    margin-right: .3em;
    margin-top: .1em;
    padding: 0 .2em;
    background-color: #333;
    color: #eee;
    font-style: normal;
    letter-spacing: -1px;
    padding: .1em .2em;
}
.sideList.green h4, .sideList.green em {color: #BFB;}
.sideList.yellow h4, .sideList.yellow em  {color: #FFB;}
.sideList.purple h4, .sideList.purple em  {color: #BBF;}
.sideList.pink h4, .sideList.pink em  {color: #FBF;}
.sideList.blue h4, .sideList.blue em  {color: #BFF;}
.sideList.skin h4, .sideList.skin em  {color: #FBB;}

.sideList a:hover {
    background: none;
    background-color: #333;
    color: #FFF;
}
.sideList a:hover em {
    background-color: #666;
}


/* miloHelp box */
.miloHelp {
    position: relative;
    background: #FFB;
    border: 2px solid #FFF;
    color: #333;
    
    margin: 5px 0;
    font-family: 'Times New Roman',Times,serif;
    box-shadow: 2px 2px 2px black;
    z-index: 100;
}
.miloHelp:after, .miloHelp:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.miloHelp:after {
	border-bottom-color: #ffb;
	border-width: 10px;
	left: 50%;
	margin-left: -10px;
}
.miloHelp:before {
	border-bottom-color: #fff;
	border-width: 13px;
	left: 50%;
	margin-left: -13px;
}

.bef.miloHelp:after, .bef.miloHelp:before {top: 100%;bottom: auto;}
.bef.miloHelp:after {border-bottom-color:transparent;border-top-color: #ffb;}
.bef.miloHelp:before {border-bottom-color:transparent;border-top-color: #fff;}

.miloHelp_txt {
    font-size: 1.8em;
    text-align: center;
    font-style: italic;
    font-weight: bold;
    padding: 5px 12px;
}
.miloHelp_txt a {
    color:#000;
    text-decoration: underline;
}
.miloHelp_txt a:hover {
    color:#222;
    text-decoration:none;
}
.miloHelp_icon {
    position: absolute;
    top: -.25em;
    right: -.01em;
    font-size: 4em;
    font-weight: bold;
    color: #999;
}
.miloHelp_hide {
    position: absolute;
    bottom: -2px;
    right: -2px;
    font-size: 1.5em;
    cursor: pointer;
    background-color: white;
    color: red;
    padding: .02em .04em;
    border-top-left-radius: 90%;
    border: 2px solid white;
    width: 1em;
    height: 1em;
    text-align: right;
    line-height: 1.3em;
}
.bef .miloHelp_hide {
    top: -2px;
    right: -2px;
    line-height: .9em;
    border-radius:none;
    border-bottom-left-radius: 90%;
}
.miloHelp_hide:hover {
    background-color: #f00;
    color: #FFF;
}



/* --------------- Drag&Drop Upload ----------------------- */
.link_uploader {
    position: relative;
    width: auto;
    min-width: 0;
    border-radius: 3px;
    border: 3px solid #FFF;
    background-color: #EEE;
    color: #444;
    box-shadow: 1px 1px 4px #444;
    overflow: hidden;
}
.link_uploader .notice {
    padding-top: 30px;
    background-image: url('../images/link_add.png');
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
    font-size: 22px;
    text-shadow: 0px 1px 0px #FFF;
    margin-top: .2em;
    letter-spacing: -2px;
}
.link_uploader .notice > span { font-size: 12px; }
.link_grabber { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: none; }
.link_grabber.active { display: block; opacity: 0.01; }


/* --------------- Box messagz (html créé par fonctions.js) ----------------------- */
#box_save {  
  position:absolute;
  width:440px;
  height:16px;
  line-height:12px;
  display:none;
  z-index:9999;
  padding:10px;
  background-color:#FFF;
  border:2px solid #666;
  font-size:16px;
  font-weight:600;
  font-family:"Arial Black", Gadget, sans-serif;
}

/* --------------- Box messagz (html en partie créé par fonctions.js) ----------------------- */
#activityLog {
  font-size:11px;
  max-height: 1.3em;
  overflow: hidden;
  max-width:100%;
  margin-right:10px;
  margin:0.5em 0;
  padding:5px;
  background-color:#555;
  color:#eee;
  border-radius:5px;  
}
#activityLog.expanded {
  max-height: none;
}
.phone #activityLog {max-height: none;}

#activityLog h3 {margin-bottom:0.3em; color: #eee; text-align: center;}
.computer #activityLog h3 {cursor: pointer;}
#activityLog a {
    text-decoration: underline;
    color:#000;
}
#activityLog ul {
    list-style-type: none;
}
#activityLog li {
    margin-bottom: 0.3em;
    border:2px solid #FFF;
    background-color: #eee;
    color:#333;
    display: none;    
    text-align: left;
}
#activityLog li span {padding:0 0.5em;}
#activityLog .myA_date {
    display: inline-block;
    overflow: hidden;
    width: 7em;
    text-align: center;
    background-color:#222;
    color:#ffb;
    font-weight: bold;   
}
#activityLog .myA_cat {
    display: inline-block;
    overflow: hidden;
    width: 7em;
    text-align: center;
    background-color: #BBB;
    color: #222;
}


/* --------------- lastActions ----------------------- */
.lastActions {
    font-size: 1em;
    margin-bottom: 5px;
    text-align: center;
    text-shadow: 0 0 1px;
    background-color: #222;
    border-radius: 5px;
    height: 15px;
    line-height: 14px;
}
.lastActions a {
    color:#bbf;
    font-weight:normal;
    text-decoration: underline;
}
.lastActions span {
    padding-left: 20px;
    background-image: url(../images/icones_gt5set20_dcardgt5_2.png);
    background-repeat: no-repeat;
    background-position: 0px -182px;
}



/* --------------- tables ----------------------- */
table.tbl_white1 {width:100%; color:#333;}
table.tbl_white1 TR {
    line-height: 1.5em;
    background-color: #eee;
    background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#DDD));
    background: -moz-linear-gradient(top, white, #DDD);
    background: -o-linear-gradient(top, white, #DDD);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#D0D0D0');
}
table.tbl_white1 TH{
	background-color:black; color:#e9e9e9;
	margin-top:5px;
	}
table.tbl_white1 td a:link {
	text-decoration:underline;
}
table.tbl_white1 td a:link:hover {
    color:red;
}
table.tbl_white1 .check {
    display: inline-block;
    width: 1em;
    line-height: 1em;
    margin: 0 .2em;
}


/* --------------- Class de précision ----------------------- */
.cent_out {float:left; position:relative; left:50%;} /*div exterieure*/
.cent_in {float:left; position:relative; left:-50%;} /*div entourant contenu à centrer*/

/* Foncé */
.cf0 {color:#000;}
.cf1 {color:#424244} /*gris f*/
.cf2 {color:#ffb} /*jaune pale*/
.cf3 {color:#F00;} /*red*/

/* Clair */
.cc0 {color:#FFF;} 
.cc1 {color:#e9e9e9} /* gris c */
.ybk {color:#FFB;} /*yellow*/
.bbk {color:#BFF;} /*blue*/
.gbk {color:#BFB;} /*green*/
.pbk {color:#FBF;} /*pink*/
.pbk {color:#BBF;} /*violet*/

/* bg/color prédef. */
.bg_black {color:#FFF;background-color:#424244}
.bg_cf1 {color:#FFF;background-color:#424244}
.bg_cf2 {color:#FFF;background-color:#009eee}
.bg_cf3 {color:#FFF;background-color:#F00;} 

.fondgris {color:#e9e9e9;}
.black {color:#000000;}
.white, .white a:link, .white a:visited, .white a:hover {color:#FFFFFF;}
.orange {color:#91afd8;}
.lightblue {color:#91afd8;}
.darkblue {color:#0f2570;}
.lightgray {color:#7a7b7d;}
.darkgrey {color:#424244;}

.aspec {background-color:#F00;color:#FFF;}
.bspec {background-color:#002f55;color:#FFF;}
.bg_black, .bg_black a:link, .bg_black a:visited {background-color:#000000;color:#e9e9e9;}
.bg_black a:hover {color:#91afd8;}
.bg_white{background-color:#FFFFFF;}
.bg_white a:hover{color:#91afd8;}
.bg_orange, .bg_orange a:link, .bg_orange a:visited {background-color:#91afd8;color:#FFFFFF;}
.bg_orange a:hover{color:#e9e9e9;}
.bg_lightgrey {background-color:#7a7b7d;color:#FFFFFF;}
.bg_darkgrey, a.bg_darkgrey {background-color:#424244;color:#e9e9e9;}
.bg_fondgris {background-color:#e9e9e9;}

.bold {font-weight:600;}

.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}

.visible_block {display:block;}
.invisible, .hide {display:none;}
.faded {opacity:0.2; filter: alpha(opacity=20);}
.clear {clear:both;}

.margin5{margin-left:5px; margin-right:5px; display:inline-block;}

.point {cursor:pointer;}

.btn {
    display: inline-block;
    padding: .2em .5em;
    border-radius: 3px;
    text-align: center;
}

.curv10{
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
}

.curv5{
 -moz-border-radius:5px;
 /*-webkit-border-radius:5px;*/
 border-radius:5px;
}

.shad3 {
	-moz-box-shadow: 3px 3px 4px #818181;
	box-shadow: 3px 3px 4px #818181;
}
.halo_cyan , .hv_halo:hover {
	-moz-box-shadow: 0px 0px 10px #009eee;
	box-shadow: 0px 0px 10px #009eee;
}
.hv_halo:hover {
	-moz-box-shadow: 0px 0px 5px #009eee;
	box-shadow: 0px 0px 5px #009eee;
}

.ecolor {
	-webkit-transition:color 0.1s ease-in;
	-moz-transition:color 0.1s ease-in;
	-o-transition:color 0.1s ease-in;
}
.bg-ecolor {
	-webkit-transition:background-color 0.5s ease-out;
	-moz-transition:background-color 0.1s ease-in;
	-o-transition:background-color 0.1s ease-in;
        -webkit-transition: box-shadow 0.5s ease-out;
        -moz-transition: box-shadow 0.5s ease-out;
        -o-transition: box-shadow 0.5s ease-out;
}

.rotate270 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
}

.clickme, .clickme5 {
    display: inline-block;
    cursor: pointer;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition: all 130ms ease-in-out;
    -moz-transition: all 130ms ease-in-out;
    -o-transition: all 130ms ease-in-out;
    transition: all 130ms ease-in-out;
}
.clickme:hover, .clickme5:hover {
    display: inline-block;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.clickme5:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
}


.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.grad1 {background: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.3) 1%, rgba(255,255,255,0.4) 11%, rgba(255,255,255,0.5) 21%, rgba(255,255,255,0.2) 59%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.3)), color-stop(1%,rgba(255,255,255,0.3)), color-stop(11%,rgba(255,255,255,0.4)), color-stop(21%,rgba(255,255,255,0.5)), color-stop(59%,rgba(255,255,255,0.2))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 1%,rgba(255,255,255,0.4) 11%,rgba(255,255,255,0.5) 21%,rgba(255,255,255,0.2) 59%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 1%,rgba(255,255,255,0.4) 11%,rgba(255,255,255,0.5) 21%,rgba(255,255,255,0.2) 59%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 1%,rgba(255,255,255,0.4) 11%,rgba(255,255,255,0.5) 21%,rgba(255,255,255,0.2) 59%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#33ffffff',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 1%,rgba(255,255,255,0.4) 11%,rgba(255,255,255,0.5) 21%,rgba(255,255,255,0.2) 59%); /* W3C */}

.grad2 {background: -moz-linear-gradient(left, rgba(0,0,0,0) 6%, rgba(163,163,163,0) 87%, rgba(173,173,173,0.25) 92%, rgba(173,173,173,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(6%,rgba(0,0,0,0)), color-stop(87%,rgba(163,163,163,0)), color-stop(92%,rgba(173,173,173,0.25)), color-stop(100%,rgba(173,173,173,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 6%,rgba(163,163,163,0) 87%,rgba(173,173,173,0.25) 92%,rgba(173,173,173,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(0,0,0,0) 6%,rgba(163,163,163,0) 87%,rgba(173,173,173,0.25) 92%,rgba(173,173,173,0.65) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(left, rgba(0,0,0,0) 6%,rgba(163,163,163,0) 87%,rgba(173,173,173,0.25) 92%,rgba(173,173,173,0.65) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6adadad',GradientType=1 ); /* IE6-9 */
background: linear-gradient(left, rgba(0,0,0,0) 6%,rgba(163,163,163,0) 87%,rgba(173,173,173,0.25) 92%,rgba(173,173,173,0.65) 100%); /* W3C */}

.grad_green {
    background-color:#bfb;
    background-image: -webkit-gradient(linear, center top, center bottom, from(#bfb), to(#161));
    background: -moz-linear-gradient(top, #bfb, #161);
    background: -o-linear-gradient(top, #bfb, #161);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbffbb', endColorstr='#116611');
}
.grad_violet {
    background-color:#bbf;
    background-image: -webkit-gradient(linear, center top, center bottom, from(#bbf), to(#448));
    background: -moz-linear-gradient(top, #bbf, #448);
    background: -o-linear-gradient(top, #bbf, #448);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbff', endColorstr='#444488');
}


.grad_white1 {
    background-color: #eee;
    background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#DDD));
    background: -moz-linear-gradient(top, white, #DDD);
    background: -o-linear-gradient(top, white, #DDD);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#D0D0D0');
}


.confirmBar {
    margin-top: .4em;
    text-align: center;
}
a.iconButton, .iconButton {
    font-size: 1.5em;
    position:relative; 
    display: inline-block;
    margin: .2em;
    background-color: #FFF;
    color: #555;
    padding: .1em .4em;
    border-radius: 5px;
    cursor: pointer;
}
.iconButton:hover {
    font-size: 1.5em;
    position:relative; 
    display: inline-block;
    background-color: #444;
    color:#fff;
}
.iconButton:before {
    font-size: 1.5em;
    padding-right: .2em;
    content: attr(data-texticon);
    color: #008000;
    line-height: .9em;
    vertical-align: -12%;
    font-family: Arial;
}
.reset.iconButton:before {
    color: red;
}

.tab_menu {
    position: fixed;
    z-index: 80;
    top: 40px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-content: space-around;
    border-top: 2px solid #ddd;
}
.tab_menu span {
    display: block;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 1.3em;
    /* margin-right: .1em; */
    /* padding: .2em .8em .2em .2em; */
    letter-spacing: -1px;
    color: #444;
    background-color: #fff;
    cursor: pointer;
    /* border: 2px solid #444; */
    border-right: 1px solid #ddd;
    overflow: hidden;
    flex-grow: 1;
    flex-shrink: 1;
}
.tab_menu span:hover {
    color: #fff;
    background-color: #444;
}
.tab_menu span.active {
    color: #fff;
    border-color:#fff;
    background-color: #444;
    cursor: default;
}
.tab_menu span.empty {opacity: 0.2; cursor: default; cursor: no-drop;}
.tab_content .tab {/* padding-top: .8em; */display: none;position: relative;}
.tab_content .tab.active {display: block;}

/********* Promo **********/
.promoImg {
    display: block;
    height: 100px;
    width: auto;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center;
}
@media screen and (max-device-width: 640px) {
    .hideUnder640w{display: none;}
}

/****** Adaptative image ******/
.container1 {
	border: 2px;
	border-color: red;
	border-style: solid;
	height: 300px;
	width: 500px;
}
.container2 {
	border: 2px;
	border-color: blue;
	border-style: solid;
	height: 500px;
	width: 300px;
}
.fill-vertical {
	height: 100%;
}
.fill-horizontal {
	width: 100%;
}
.centerImage {
	display: block;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.centerImage img {
	bottom: 0;
	left: 0;
	margin: auto;
	max-height: 100%;
	max-width: 100%;
	position: absolute;
	right: 0;
	top: 0;
}


/******** Computer *********/

.computer #wrapper {
    padding: 25px 0 0 0;
}

.computer .ownership .feature_title {
    border-top: 1px dotted #FFF;
}


/******** Mobile **********/
body.phone {
    margin: 0;
    padding: 0;
    background: none;
    background-color: #444;
}
.phone #wrapper {
    box-sizing: border-box;
    width: 100%;
    min-width: auto;
    /*min-width: inherit;*/
    margin: 40px 0 0;
    padding: .2em;
    background: none;
    /*width: 320px;
    min-width: 320px;*/
}

.phone #dcard {
    font-size: 1em;
    margin:5px 0 8px 0;
    /*position: fixed;
    top: -5px;
    background-color: #555;
    height: 65px;
    width: 470px;*/
    height: auto;
    padding: 0 5px;
    z-index:100;
}
.phone #header .mainbutton {
    display: inline-block;
    width: 60px;
    height: 60px;
    background-color: white;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 8px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 40px;
}

.phone #header .tab_menu {
    display: inline-block;
    vertical-align: top;
    padding:0;
    border-bottom: 2px solid #fff;
}
.phone #logzone {
	margin: 0;
	height: initial;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.phone #logzone .login {
	box-sizing: border-box;
	color:#333;
	display: block;
	width: 100%;
	padding: 3px;
}
.phone #logzone .btn {
	/* width: 40%; */
	display: inline-block;
	margin: .1em;
	font-weight: bold;
	flex-grow: 1;
	max-width: 50%;
}
.phone #dcard .content {
    font-size: 1.15em;
    border: none;
}
.phone #dcard .username {
    display: inline-block;
    max-width: 6.5em;
    color: white;
    overflow: hidden;
}
.phone #dcard .loggedoff .username {
display: none;
}

.phone #footer {
	margin: 5px 0 0 0;
	font-size: .8em;
	max-height: initial;
	padding: 5px;
	border-top: 1px dotted #ddd;
}

#nav_menu {
    /* display: none; */
    /* max-height: 0; */
    overflow: hidden;
    width: auto;
    /*padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 3px solid white;*/
}
.nav_quick_list div {
    display: inline-block;
    margin: 6px 16px 6px 0;
    width: 60px;
    height: 70px;
}
.nav_quick_list div a {
    display: block;
    width: 60px;
    height: 60px;
    background-color: #fff;
    border: 2px solid white;
    border-radius:8px;
}
.nav_quick_list div p {
    font-size: 12px;
    letter-spacing: -1px;
    text-align: center;
}

.phone .topnav {
    margin: 0 0 5px 0;
    padding: 0;
    height: auto;
}
.phone .topnav a {
    padding: .2em .5em;
    margin-bottom: 3px;
    background-color: #222;
    border-radius: 5px;
}
.phone .topnav a:hover {
    border:none;
}

.phone .title {font-size: 1em;margin: 0;height: 1em;max-height: 30px;}
.phone .ariane {display: none;}
.phone .title {
    background-image: none;
    padding: 0 4px;
}
.phone .title p {
    text-align: center;
    font-size: .35em;
    line-height: 1em;
}
.phone .title h1 {
    text-align: center;
    font-size: .6em;
    line-height: 1em;
    overflow: hidden;
    white-space: nowrap;
}

.phone .feedback {
    position: relative;
    display: inline-block;
    padding: 5px;
    border-radius: 5px;
    box-shadow: initial;
    border-top: 2px solid #ddd;
    background-color: #666;
    color: #fff;
}

.phone #addthis {
    position: relative;
    width: auto;
    top: auto;
    right: auto;
    margin: 3px 0 0 0;
}

.phone .footer {
    max-height: none;
}

.phone .as_auto {
    width: 468px;
    margin: 8px auto;
}

.phone .siteselect {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    top: 0;
    text-align: justify;
    position: relative;
    border-top: 5px solid #ddd;
}
.phone .siteselect * {
    vertical-align: middle;
}

.phone .siteselect a {
    display: inline-block;
    padding: 1em .5em;
    margin: 3px;
    min-width: 25px;
    border-radius: initial;
    border-width: 0 0 0 0;
    box-shadow: initial;
    background-color: #FFF;
    text-align: center;
    vertical-align: middle;
    flex-grow: 1;
}

.phone .siteselect a.selected {
    background-color: #333;
    color:#FFF;
    vertical-align: top;
}

.phone #searchcar_menu {
    width: 94%;
}

.phone .com_post textarea {
    width: 95%;
}

.phone .article {
    width:auto;
    overflow: hidden;
    max-width: 480px;
}
.phone .article .art_head {width:auto;}
.phone .article h1 {font-size: 2em;}
.phone .article .article_content img {
    max-width:100%;
    padding-bottom: .5em;
}
.phone .article .article_content a.th img {margin: 1px; max-width: 150px;}

.phone .trial_notrel_legend em {
display: inline-block;
width: 90%;
vertical-align: top;
}

.phone .half_col {width: 100%;}

.sortby h5, .filters h5 {
    font-weight: bold;
    text-align: center;
    font-variant: small-caps;
    font-size: 1.7em;
    line-height: .9em;
}
.sortby h5, .filters h5 {
    color:#ffb;
}

.phone .clickme5:hover {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}

.phone .filters {
    font-size: 1.5em;
    border-top: dotted 1px #FFB;
    background-color:inherit;
}

.phone #header .tab_menu span, .phone.tablet #header .tab_menu span {
    font-size: 1.6em;
    padding: 3px;
    width: 67px;
    height: 34px;
    vertical-align: top;
    padding-top: 15px;
    line-height: 1em;
}
.phone #header .tab_menu span.active, .phone.tablet #header .tab_menu span.active {
    height: 38px;
}

.phone a.hub_entry {width: 100%;height: 65vw;box-sizing: border-box;}
.phone a.hub_entry.hub_size33 {height: 68px;border: 0;}
.phone a.hub_entry.hub_size50 {display: block;height:80px;border: 0;}
.phone .hub_group {width:100%;margin: 0;display: block;}
.phone .hub_ad {margin: 10px auto;}

@media screen and (orientation: landscape){

}


/* #### Mobile Phones Portrait #### */
.phone #pop_window {
	left:0;
	min-width: 100%;
    box-sizing: border-box;
    font-size:1.2em;
}

#phone_header_bar {
	font-size: 2em;
	position: fixed;
	top: 0;
	background-color: #fff;
	width:100%;
	padding: 5px;
	box-sizing: border-box;
	z-index: 95;
	overflow: hidden;
	height: 40px;
	transition: height .4s;
	transition: height .4s ease;
	/* display: block; */
}
#phone_header_bar.extended {height: 800px;height: 100vh;}

#phone_header_cont {
	box-sizing: border-box;
	/* padding: 5px; */
	display: flex;
	justify-content: space-around;
}
#phone_header_cont .ICmenu:hover{background-position: 0px -1680px;}
#phone_header_cont .ICsearch:hover{background-position: 0px -540px;}
#phone_menu_button {
	display: inline-flex;
	width:1.5em;
	height: 1.5em;
	margin: 0 auto 0 0;
}
#phone_slide_menu {
	position: fixed;
	z-index: 100;
	background-color: #e9e9e9;
	width: 200px;
	left: -200px;
	top: 40px;
	bottom: 0;
	/* display: none; */
	transition: left .4s;
	overflow: scroll;
}
#phone_slide_menu.open {
    left: 0px;
}
#phone_search {margin:10px 0;}
#phone_search .ICsearch:hover  {
	background-position:0px -540px;
}
#phone_search ul.jsonSuggest {font-size:.6em;}
#phone_slide_mask {
	position: fixed;
	z-index: -2;
	opacity:0;
	transition: opacity .4s, left .4s;
	top:40px;
	bottom:0;
	width:0;
	left: 0px;
}
#phone_slide_menu.open #phone_slide_mask {
	opacity: .65;
	left: 200px;
	right:0;
	width: initial;
	background-color: #000;
}
#phone_header_text {
	display: inline-flex;
	box-sizing: border-box;
	font-size: 1.5em;
	color: #333;
	max-height: 30px;
	overflow: hidden;
	padding: 0;
}

#phone_header_search{
	display: inline-flex;
	width: 1.5em;
	height: 1.5em;
	margin: 0 0 0 auto;
}
#phone_search.open{
	display: inline-flex;
	width: 1.5em;
	height: 1.5em;
	margin: 0 0 0 auto;
	background-color: #333;
}

.nav_quick_list {
	font-size:1.6em;
}
.nav_quick_list a {
	display: block;
	text-align: left;
	padding: 0 0 0 35px;
	font-size: 1.3em;
	border: 3px solid #ddd;
	margin-top: 2px;
	background-color: #ddd;
	background-position-x: 5px;
}

@media screen and (max-device-width: 767px) {
/*@media screen {*/
.phone #wrapper {
    box-sizing: border-box;
    width: 100%;
    margin: 40px 0 0 0;
    padding: 3px 3px 3px 3px;
    background: none;
    overflow: hidden;
}

.phone #header .tab_menu{width: 250px;}
.phone.tablet #header .tab_menu{width: 600px;}
.phone #header .tab_menu span {
    display: inline !important;
    font-size: 1.3em;
    line-height: 2.25em !important;
    background-image: none;
    padding: .4em;
    border-radius: 0;
    border: 0;
    white-space: nowrap;   
}

.phone #dcard .menu {
    display: block;
    text-align: center;
    max-width: 100%;
}
.phone #dcard .menu a {
    display: inline;
    margin: 0 .5em;
}

.phone .article {
    max-width: 320px;
}
.phone .article img {max-width:320px;}

.phone .car {
	font-size:.8em;
background-color:#222
	}
.phone .car img {
	position:absolute;
	left:1px;
	bottom:1px;
    width: 60px;
    height: 30px;
    border-radius: 0px 15px 15px 0;
}
.phone .car .tc, .phone .car .wc, .phone .car .rv {display: none;}
.phone .car .stats {
	font-size:1.7em;
	top:auto !important;
	bottom: 1px;
	right:0px;
}
.phone .car .price {
	top: 14px;
	right:2px;
}
.phone .car .tpw {
	font-size: 1.4em;
	width: 200px;
	bottom: 17px;
	left: 75px;
}
.phone .car .tr {
	font-size: 1.5em;
	letter-spacing:-1px;
	left: 118px;
	bottom: 1px;
}
.phone .car a.name {
	position:absolute;
	white-space: nowrap;
	overflow: hidden;
	top:1px;
	left:30px;
	right:2px;
}
.phone .car .maker {left:auto !important; right:3px;}
.phone .car .cty {font-size: 1.5em;left: 70px;border: none;}
.phone .tbl_rank.tt td.td_hover_car,
.phone .tbl_rank.tt td.car_name {display: none;}
.phone .lb_personal .tbl_rank.tt td:nth-child(4),
.phone .lb_personal .tbl_rank.tt th:nth-child(4),
.phone .lb_personal .tbl_rank.tt th:last-child {display: none;}

.phone .player_infos , .phone .player_infos ul {width: 100%;}

.phone .as_auto {
    overflow: hidden;
    width: 320px;
}

.phone .icons60 .stat_button {
    font-size:2.1em;
    line-height: 1.2em;
}

.phone .collection_group {
    padding-top: 2.2em;
}
.phone .collection h2 {
    font-size: 1.4em;
    letter-spacing: -1px;
}

.phone .stats_jauges {
    font-size:13px;
}
.phone .comp_stat {
    display:none;
}


}




/*** Tablet (extend Phone) ***/
.phone.tablet #wrapper {
    width: auto;
    min-width: 768px;
}
.phone.tablet .as_auto {
    width: 728px;
    margin: 8px auto;
}

.phone.tablet .ui-menu .ui-menu-item {
    border-bottom: 1px dotted;
    font-size: 1.5em;
}
.phone.tablet #searchcar_menu {
    margin: 0 0 5px 0;
}

.phone.tablet .article {
    float: none;
    margin: 0 auto;
}


@media only screen and (max-width: 767px) {
.pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
#pp_full_res img { width: 100%!important; height: auto!important; }
.pp_details {width: 100%!important;padding-left: 3%;padding-right: 4%;padding-top: 10px;padding-bottom: 25px;background-color: #fff;margin-top: -2px!important;}
a.pp_close { right: 7%!important; top: 10px!important; }
}