body,td,th {
font-family: Arial;
font-size: 12px;
color: #363636;
}
html, body {
background-color: #fdfdfd;
margin: 0 auto;
min-height: 100%;
width: 100%;
background: #fdfdfd url("images/fond.jpg") repeat-y center;
text-align: center;
}
.conteneur {
position: relative;
width: 972px;
text-align: left;
margin: auto;
padding: 0 0 0 0;
color: #363636;
height: 100%;
background-color: #fdfdfd;
}
a img
{
border: none;
}
p
{
margin: 0px;
margin-top: 2px;
margin-bottom: 2px;
}
a {
color: #363636;
text-decoration: none;
cursor : pointer;
}
a:hover {
color: #ff7f0f;
}
h1 {
font-weight: normal;
}
/******************************************/
/*
HEADER
*/
.header_fr {
position: relative;
width: 972px;
height: 140px;
left: 1px;
background: #FFF url("images/header_fr.jpg") no-repeat;
}
.header_fr {
!left: 2px;
}
.header_en {
position: relative;
width: 972px;
height: 140px;
left: 1px;
background: #FFF url("images/header_en.jpg") no-repeat;
}
.header_en {
!left: 2px;
}
.header_de {
position: relative;
width: 972px;
height: 140px;
left: 1px;
background: #FFF url("images/header_de.jpg") no-repeat;
}
.header_de {
!left: 2px;
}
.heurepc {
position: absolute;
top: 98px;
font-size: 11px;
font-weight: bold;
margin-left: 850px;
font-family: Arial;
color: #FFFFFF;
}
.useronline {
position: absolute;
top: 117px;
font-size: 11px;
margin-left: 8px;
font-family: Arial;
color: #FFFFFF;
}
.heureserveur {
position: absolute;
top: 112px;
font-size: 11px;
font-weight: bold;
margin-left: 815px;
font-family: Arial;
color: #FFFFFF;
}
.recherche {
position: absolute;
top: 136px;
font-size: 11px;
font-weight: bold;
margin-left: 700px;
font-family: Arial;
color: #FFFFFF;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.recherche {
top: 134px;
}
}
.rechercheavance {
position: absolute;
top: 160px;
margin-left: 772px;
border: #d4d4d4 solid 1px;
background-color: #fdfdfd;
font-size: 13px;
}
.rechercheerreur {
position: absolute;
top: 160px;
margin-left: 718px;
background-color: #fdfdfd;
border: 1px solid #ff0000;
color: #ff0000;
font-weight: bold;
font-size: 12px;
padding: 10px;
}
/*
MENU HEADER
*/
.header_fr .menu {
position: relative;
width: 972px;
height: 33px;
top: 132px;
background: #FFF url("images/menu.jpg");
background-repeat: repeat-x;
}
.header_fr .menu .texte {
font-size: 14px;
margin-left: 10px;
padding-top: 5px;
font-family: Arial;
color: #FFFFFF;
}
.header_fr .menu a {
color: #FFFFFF;
text-decoration: none;
cursor : pointer;
}
.header_fr .menu a:hover {
color: #363636;
}
.header_en .menu {
position: relative;
width: 972px;
height: 33px;
top: 132px;
background: #FFF url("images/menu.jpg");
background-repeat: repeat-x;
}
.header_en .menu .texte {
font-size: 14px;
font-weight: bold;
margin-left: 10px;
padding-top: 5px;
font-family: Arial;
color: #FFFFFF;
}
.header_en .menu a {
color: #FFFFFF;
text-decoration: none;
cursor : pointer;
}
.header_en .menu a:hover {
color: #363636;
}
.header_de .menu {
position: relative;
width: 972px;
height: 33px;
top: 132px;
background: #FFF url("images/menu.jpg");
background-repeat: repeat-x;
}
.header_de .menu .texte {
font-size: 14px;
font-weight: bold;
margin-left: 10px;
padding-top: 5px;
font-family: Arial;
color: #FFFFFF;
}
.header_de .menu a {
color: #FFFFFF;
text-decoration: none;
cursor : pointer;
}
.header_de .menu a:hover {
color: #363636;
}
/*
LANGUE
*/
.langue {
position: absolute;
right: 420px;
top: 2px;
font-size: 13px;
color: #fff;
}
.langue a {
color: #fff;
}
/*
PUB
*/
.pub {
position: absolute;
top: 45px;
left: 476px;
}
/******************************************/
/*
CENTRE
*/
.centre {
position: relative;
width: 972px;
top: 23px;
}
/*****/
.centre .menu {
top: 5px;
left: 3px;
position: relative;
width: 188px;
float: left;
margin-bottom: 5px;
}
.centre .menu {
!top: 5px;
!padding-bottom: 3px;
}
.centre .menu2 {
position: absolute;
width: 188px;
}
/*****/
.centre .menu .header_menu {
position: relative;
width: 188px;
height: 22px;
background: #FFF url("images/bloc_header.jpg") repeat-x;
}
.centre .menu .header_menu .texte {
padding-top: 3px;
font-family: Arial;
font-size: 14px;
text-align:center;
color: #ffffff;
}
.centre .menu .contenu_menu {
position: relative;
width: 188px;
border: #d4d4d4 solid 0px;
border-top: 0px;
background-color: #fdfdfd;
}
.centre .menu .contenu_menu .texte {
margin-left: 7px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 7px;
font-size: 12px;
font-family: Arial;
}
/*****/
.centre .bloc1 {
position: relative;
float:left;
left: 18px;
margin-bottom: 6px;
}
.centre .bloc1 .header_bloc1 {
position: relative;
width: 378px;
height: 23px;
background: #FFF url("images/bloc_header.jpg") repeat-x;
/*left: 163px;*/
top: 10px;
}
.centre .bloc1 .header_bloc1 .texte {
padding-top: 3px;
font-family: Arial;
font-size: 14px;
text-align:left;
color: #ffffff;
margin-left: 10px;
padding-top: -3px;
}
.centre .bloc1 .contenu_bloc1 {
position: relative;
width: 377px;
border: #d4d4d4 solid 0px;
border-top: 0px;
background-color: #fdfdfd;
height: 122px;
/*left: 163px;*/
top: 9px;
}
.centre .bloc1 .contenu_bloc1 .texte {
margin-left: 7px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 7px;
font-size: 12px;
font-family: Arial;
}
/*****/
.centre .bloc2 {
position: relative;
float:right;
right: 8px;
}
.centre .bloc2 .header_bloc2 {
position: relative;
width: 378px;
height: 23px;
background: #FFF url("images/bloc_header.jpg") repeat-x;
/*left: 547px;*/
top: 10px;
}
.centre .bloc2 .header_bloc2 .texte {
padding-top: 3px;
font-family: Arial;
font-size: 14px;
text-align:left;
color: #ffffff;
margin-left: 10px;
padding-top: -3px;
}
.centre .bloc2 .contenu_bloc2 {
position: relative;
width: 377px;
border: #d4d4d4 solid 0px;
border-top: 0px;
background-color: #fdfdfd;
height: 122px;
/*left: 547px;*/
top: 9px;
}
.centre .bloc2 .contenu_bloc2 .texte {
margin-left: 7px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 7px;
font-size: 12px;
font-family: Arial;
}
/*****/
.centre .contenu {
position: relative;
width: 760px;
float: right;
right: 7px;
margin-bottom: 5px;
}
/*****/
.centre .contenu .header_contenu {
position: relative;
width: 758px;
height: 22px;
top: 9px;
background: #FFF url("images/bloc_header.jpg") repeat-x;
}
.centre .contenu .header_contenu .texte {
font-family: Arial;
font-size: 14px;
color: #ffffff;
margin-left: 7px;
padding-top: 3px;
}
.centre .contenu .header_contenu .texte h1 {
position: absolue;
font-family: Arial;
font-size: 14px;
color: #ffffff;
margin: 0;
padding: 0;
}
.centre .contenu .contenu_contenu {
position: relative;
width: 758px;
top: 9px;
border: #d4d4d4 solid 0px;
border-top: 0px;
background-color: #fdfdfd;
margin-bottom: 7px;
}
.centre .contenu .contenu_contenu .texte {
margin-left: 10px;
margin-right: 10px;
padding-top: 10px;
padding-bottom: 7px;
font-size: 13px;
font-family: Arial;
}
.centre .contenu .accueil_tableau {
position: relative;
top: 9px;
}
.centre .contenu .accueil_td {
position: relative;
height: 22px;
background: #FFF url("images/bloc_header.jpg") repeat-x;
/*left: 547px;*/
}
.centre .contenu .accueil_texte {
font-family: Arial;
font-size: 14px;
text-align:left;
color: #ffffff;
margin-left: 10px;
}
.centre .contenu .accueil_texte2 {
margin-left: 7px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 7px;
font-size: 12px;
font-family: Arial;
}
.centre .contenu .accueil_texte3 {
margin-left: 0px;
margin-right: 0px;
padding-top: 5px;
padding-bottom: 7px;
font-size: 12px;
font-family: Arial;
}
/******************************************/
/*
FOOTER
*/
.footer {
position: relative;
width: 972px;
height: 23px;
clear:both;
margin: auto;
top: 32px;
background: url("images/footer.jpg");
background-repeat: repeat-x;
color: #FFFFFF;
background-color: #fdfdfd;
}
.footer {
!left: 1px;
}
.footer .texte {
padding-top: 5px;
font-size: 12px;
font-family: Arial;
}
.footer .copyright {
position: absolute;
top: 5px;
font-size: 11px;
margin-left: 760px;
font-family: Arial;
}
.footer a {
color: #FFFFFF;
text-decoration: none;
cursor : pointer;
}
.footer a:hover {
color: #363636;
}
/******************************************/
/*
FORMULAIRE
*/
input {
border: 1px solid #dddddd;
background-color: #FFFFFF;
color: #363636;
font-size: 13px;
}
input.login {
border: 1px solid #dddddd;
background-color: #FFFFFF;
color: #363636;
font-size: 13px;
width: 130px;
}
input.rcon {
border: 1px solid #dddddd;
background-color: #FFFFFF;
color: #363636;
font-size: 13px;
width: 491px;
}
input.rechercher {
border: 1px solid #dddddd;
background-color: #FFFFFF;
color: #363636;
font-size: 13px;
width: 130px;
}
input.rechercher {
!height: 17px;
}
select {
border: 1px solid #dddddd;
background-color: #FFFFFF;
color: #363636;
font-size: 13px;
}
select.rechercher {
border: 1px solid #dddddd;
background-color: #FFFFFF;
color: #363636;
font-size: 12px;
}
select.rechercher {
font-size: 11px;
}
textarea {
border: 1px solid #dddddd;
background-color: #FFFFFF;
color: #363636;
font-size: 13px;
}
input.submit:hover {
color: #00ade3;
}
input.inputournoi {
width: 30px;
border-color: #ebebeb;
}
input.autorefreshin {
border: 0px;
}
.buttonsubmit {
border: 1px solid #dddddd;
background-color: #FFFFFF;
color: #363636;
font-size: 13px;
}
.buttonsubmit:hover {
color: #00ade3;
}
/******************************************/
/*
DIVERS
*/
.news {
font-size: 12px;
color: #363636;
}
.news_titre {
font-size: 14px;
color: #00ade3;
}
.news_titre a {
color: #00ade3;
text-decoration: none;
cursor : pointer;
}
.news_titre a:hover {
color: #ff7f0f;
}
.petit3 {
font-size: 11px;
color: #363636;
}
.petit3 a {
color: #363636;
text-decoration: none;
cursor : pointer;
}
.petit3 a:hover {
color: #ff7f0f;
}
.cross {
float:right;
margin-top: -16px;
margin-top /*\**/: 0px\9;
!margin-top: -19px;
!margin-right: 5px;
}
body:first-of-type .cross {
float:right;
margin-top: 0px;
}
.cross2 {
float:right;
margin-top: -16px;
margin-top /*\**/: 0px\9;
!margin-top: -16px;
!margin-right: 2px;
}
body:first-of-type .cross2 {
float:right;
margin-top: 0px;
}
.cross3 {
float:right;
margin-top: -16px;
margin-top /*\**/: 0px\9;
margin-right: 15px;
}
body:first-of-type .cross3 {
float:right;
margin-top: 0px;
}
.cross4 {
float:right;
margin-top: -16px;
margin-top /*\**/: 0px\9;
*margin-top: -16px;
}
body:first-of-type .cross4 {
float:right;
margin-top: 0px;
}
/******************************************/
/*
DIVERS
*/
.terro {
color: #FFFFFF;
position: relative;
display: block;
width: 100%;
height: 100%;
background-color: #FF3E3E;
}
.ct {
color: #FFFFFF;
position: relative;
display: block;
width: 100%;
height: 100%;
background-color: #9ACDFF;
}
.bienvenu {
font-size: 13px;
font-weight: bold;
color: #00ade3;
}
.titre_compa {
font-size: 14px;
font-weight: bold;
color: #00ade3;
}
.titre_compa a {
font-size: 14px;
font-weight: bold;
color: #00ade3;
}
.titre_compa a:hover {
color: #ff7f0f;
}
.grand1 {
font-size: 16px;
}
.petit {
font-size: 10px;
color: #ff0000;
}
.petit2 {
font-size: 10px;
}
.petit4 {
font-size: 12px;
}
.petit5 {
font-size: 11px;
}
.tableau_prix {
color: #00ade3;
}
.tableau_prix a {
color: #00ade3;
text-decoration: none;
cursor : pointer;
}
.tableau_prix a:hover {
color: #ff7f0f;
}
.erreur {
color: #ff0000;
}
.orange {
color: #ff8000;
}
.petiterreur {
color: #ff0000;
font-size: 12px;
}
.erreurconnexion {
color: #ff0000;
font-size: 12px;
font-style: italic;
}
.semierreur {
color: #e5a713;
}
.accepter {
color: #3ba212;
}
.encour {
color: #00ade3;
}
.loadingencour {
color: #27a2c9;
}
.loadingencourerreur {
color: #ff0000;
}
.saut {
height: 10px;
}
.minisaut {
height: 5px;
}
.fondtexte {
background-color: #f4f5f9;
}
.fondtableau2 {
border-bottom: #dddddd solid 1px;
padding-top: 5px;
}
.fondtableau2:hover {
background-color: #f4f5f9;
}
.fondtableau:hover {
background-color: #f4f5f9;
}
.fondtexte2 {
background-color: #f4f5f9;
border: 1px solid #cdd0d5;
color: #00ade3;
font-size: 14px;
margin: 1px;
padding: 3px 5px;
text-decoration: none;
}
.fondtexte3 {
background-color: #f4f5f9;
border: 1px solid #cdd0d5;
color: #00ade3;
font-size: 12px;
margin: 1px;
padding: 2px 5px;
text-decoration: none;
}
.fondtexte3 a {
color: #00ade3;
text-decoration: none;
cursor : pointer;
}
.fondtexte3 a:hover {
color: #00ade3;
}
.fondtexte4 {
background-color: #f4f5f9;
border: 1px solid #cdd0d5;
color: #00ade3;
font-size: 13px;
margin: 1px;
padding: 2px 5px;
text-decoration: none;
}
.fondtexte5 {
border: 1px solid #cdd0d5;
color: #00ade3;
font-size: 13px;
margin: 1px;
padding: 3px 5px;
text-decoration: none;
}
.fondtexte6 {
background-color: #f4f5f9;
border: 1px solid #cdd0d5;
color: #00ade3;
font-size: 13px;
margin: 1px;
padding: 2px 5px;
text-decoration: none;
}
.fondtexte7 {
border: 1px solid #cdd0d5;
margin: 1px;
padding: 2px 5px;
text-decoration: none;
}
.fondtexte8 {
border: 1px solid #cdd0d5;
color: #00ade3;
font-size: 12px;
margin: 1px;
padding: 3px 5px;
text-decoration: none;
}
.zoneerreur {
display: block;
position: relative;
border: 1px solid #ff0000;
color: #ff0000;
font-size: 13px;
text-decoration: none;
padding: 10px;
margin: 10px;
}
.zoneaccepter {
display: block;
position: relative;
border: 1px solid #3ba212;
color: #3ba212;
font-size: 13px;
text-decoration: none;
padding: 10px;
margin: 10px;
}
.zonejaune {
display: block;
position: relative;
border: 1px solid #b9a61a;
color: #b9a61a;
font-size: 13px;
text-decoration: none;
padding: 10px;
margin: 10px;
}
.titre {
font-size: 13px;
color: #00ade3;
}
.nom {
color: #00ade3;
}
.grisinfo {
color: #808080;
}
.grisinfo a {
color: #808080;
text-decoration: none;
cursor : pointer;
}
.grisinfo a:hover {
color: #ff7f0f;
}
.grisinfo2 {
color: #808080;
font-size: 11px;
}
.grisinfo2 a {
color: #808080;
text-decoration: none;
cursor : pointer;
}
.grisinfo2 a:hover {
color: #ff7f0f;
}
.officiel a {
color: #3ba212;
text-decoration: none;
cursor : pointer;
}
.officiel a:hover {
color: #ff7f0f;
}
.officiel2 a {
color: #00ade3;
text-decoration: none;
cursor : pointer;
}
.officiel2 a:hover {
color: #ff7f0f;
}
.deco a {
color: #363636;
text-decoration: none;
cursor : pointer;
}
.deco a:hover {
color: #ff0000;
}
.autorefresh {
position: absolute;
right: 0px;
top: 0px;
font-size: 11px;
}
.maptournoi {
font-size: 11px;
}
.lienadmin a {
color: #3ba212;
text-decoration: none;
cursor : pointer;
}
.lienreponsable a {
color: #00ade3;
text-decoration: none;
cursor : pointer;
}
a.info {
position:relative;
text-decoration: none;
}
a.info:hover {
background: none;
z-index: 500;
}
a.info span {
display: none;
}
a.info:hover span {
display: inline;
position: absolute;
white-space: nowrap;
font-size:12px;
width:240px;
top: 10px;
left: 15px;
background: white;
padding: 5px;
border: 1px solid #00ade3;
border-top: 4px solid #00ade3;
color: #363636;
}
.tableau_ts {
}
/*.bloc_tournoi {
position: relative;
width: 136px;
color: #3ba212;
font-weight: bold;
text-decoration: none;
}
.bloc_tournoi .titre {
color: #00ade3;
font-size: 14px;
height: 20px;
background-color: #f4f5f9;
border: 1px solid #cdd0d5;
padding-top: 6px;
}
.bloc_tournoi .nom {
color: #ff7f0f;
font-size: 16px;
height: 30px;
padding-top: 9px;
}
.bloc_tournoi .heure {
color: #363636;
font-size: 12px;
height: 20px;
background-color: #f4f5f9;
border: 1px solid #cdd0d5;
padding-top: 6px;
}*/
/******************************************/
/*
ZONE GATHER EQUIPE
*/
.gather_equipe_tab {
display: block;
width: 220px;
border: 1px solid #cdd0d5;
padding: 5px;
text-decoration: none;
}
.gather_rempli_tab {
background-color: #e6fde6;
height: 20px;
padding: 2px;
border: 1px solid #ffffff;
}
.gather_vide_tab {
background-color:#ebebff;
height: 20px;
padding: 2px;
border: 1px solid #ffffff;
}
/******************************************/
/*
ZONE
*/
.zone {
background-color: #fdfdfd;
border: 0px solid #ebebeb;
}
/******************************************/
/*
COMMENTAIRE
*/
.com_titre {
color: #363636;
font-size: 12px;
font-style: italic;
}
.com_titre2 {
color: #00ade3;
font-size: 12px;
font-style: italic;
}
.com_titre2 a {
color: #00ade3;
font-size: 12px;
font-style: italic;
}
.com_titre3 {
color: #3ba212;
font-size: 12px;
font-style: italic;
}
.com_titre3 a {
color: #3ba212;
font-size: 12px;
font-style: italic;
}
.com_sep {
height: 1px;
width: 729px;
background-color:#ebebeb;
margin-top: 3px;
margin-bottom: 3px;
}
.com_msg {
color: #363636;
font-size: 12px;
margin-left: 10px;
}
/******************************************/
/*
TOURNOI
*/
.infotournoi {
/*background-color: #f4f5f9;*/
border: 1px solid #cdd0d5;
color: #363636;
text-decoration: none;
width: 134 px;
padding-bottom: 4px;
}
.infotournoi .header {
background: url("images/header_infotournoi.jpg") no-repeat;
color: #ffffff;
height: 25px;
font-size: 14px;
padding-top: 4px;
}
.infotournoi .tournoi {
font-size: 16px;
}
.infotournoi .team {
font-size: 13px;
}
.infotournoi .contact {
font-size: 10px;
color: #00ade3;
}
.infotournoi .info {
padding-top: 4px;
font-size: 13px;
color: #00ade3;
}
.infotournoi .time {
font-size: 13px;
}
.arbre {
font-family: Arial;
border-width: 1px;
border-style: solid;
border-color: #bcbcbc;
background-color: #fdfdfd;
color: #363636;
/*width: 150px;*/
}
.arbrelien {
font-family: Arial;
font-size: 12px;
}
.arbre_vaincaire {
border-width: 1px;
border-style: solid;
border-color: #bcbcbc;
background-color: #ffffa3;
color: #363636;
width: 150px;
}
.arbre_gagnant {
/*border-width: 1px;
border-style: solid;
border-color: #a3ffa3;
background-color: #fdfdfd;*/
color: #3ba212;
font-weight: normal;
/*width: 150px;*/
}
.arbre_perdu {
/*border-width: 1px;
border-style: solid;
border-color: #ffa3a3;
background-color: #fdfdfd;*/
color: #ff0000;
font-weight: normal;
/*width: 150px;*/
}
/******************************************/
/*
PAGINATION
*/
div.pagination {
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 3px;
margin: 3px
}
div.pagination a {
background-color: #fff;
border: 1px solid #ebebeb;
color: #105cb6;
margin: 1px;
padding: 2px 5px;
text-decoration: none
}
div.pagination a:hover,active {
background-color: #ff7f0f;
border: 1px solid #ebebeb;
color: #fff;
margin: 1px;
padding: 2px 5px
}
div.pagination span.courante {
background-color: #00ade3;
border: 1px solid #ebebeb;
color: #fff;
font-weight: bold;
margin: 1px;
padding: 2px 5px
}
div.pagination span.desactive {
background-color: #fff;
border: 1px solid #ebebeb;
color: #ddd;
margin: 1px;
padding: 2px 5px
}
/******************************************/
/*
CALENDRIER
*/
.ds_box {
/*background-color: #FFF;*/
border: 1px solid #ebebeb;
position: relative;
}
.ds_tbl {
/*background-color: #FFF;*/
}
.ds_head {
/*background-color: #e4e4e4;*/
color: #000;
font-family: Arial;
font-size: 12px;
font-weight: bold;
text-align: center;
letter-spacing: 2px;
}
.ds_head:hover{
/*background-color: #cccccc;*/
background-color: #e9faff;
font-weight: bold;
}
.ds_head2 {
/*background-color: #e4e4e4;*/
color: #000;
font-family: Arial;
font-size: 12px;
font-weight: bold;
text-align: center;
letter-spacing: 2px;
}
.ds_subhead {
/*background-color: #e8e8e8;*/
color: #000;
font-size: 11px;
font-weight: bold;
text-align: center;
font-family: Arial;
width: 36px;
}
.ds_cell {
/*background-color: #f2f2f2;*/
color: #000;
font-size: 12px;
text-align: center;
font-family: Arial;
padding: 5px;
cursor: pointer;
}
.ds_cell:hover{
/*background-color: #dddddd;*/
background-color: #e9faff;
font-weight: bold;
}
/******************************************/
/*
DRAG AND DROP
*/
.blockdrag {
position: relative;
height: 19px;
}
/******************************************/
/*
VOTE ETOILE
*/
.star-rating-wrap{
white-space:nowrap;
}
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating li.current-rating{
background: url("images/star.gif") left -1000px repeat-x;
}
.star-rating{
position:relative;
width:100px !important;
height:25px !important;
overflow:hidden !important;
list-style:none;
margin:0 !important;
padding:0 !important;
background-position: left top;
display: block;
}
.star-rating li{
display: inline;
background: none !important;
border: 0 !important;
}
ul.star-rating a,
ul.star-rating li.current-rating{
position:absolute;
top:0;
left:0;
text-indent:-9999px;
height:25px !important;
line-height:25px !important;
outline:none;
overflow:hidden;
border: none;
padding: 0 !important;
margin: 0 !important;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left bottom;
}
.star-rating a.one-star{
width:20%;
z-index:6;
}
.star-rating a.two-stars{
width:40%;
z-index:5;
}
.star-rating a.three-stars{
width:60%;
z-index:4;
}
.star-rating a.four-stars{
width:80%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating li.current-rating{
z-index:1;
background-image: url("images/star.gif") !important;
background-position: left center !important;
}
/******************************************/
/*
STATISTIQUE
*/
div.stats ul { width: 80%; list-style: none; }
div.stats .percent {
display: block;
height: 1.5em;
line-height: 1.5em;
margin: 5px 10px;
padding: 0 10px;
text-align: right;
color: #fff;
font-weight: bold;
font-family: Arial;
-moz-border-radius: 5px;
border-bottom: 1px solid #cdd0d5;
border-right: 1px solid #cdd0d5;
cursor: default;
}
div.stats2 ul { width: 80%; list-style: none; }
div.stats2 .percent {
display: block;
height: 1.5em;
line-height: 1.5em;
margin: 5px 0px;
text-align: right;
color: #363636;
font-weight: bold;
font-family: Arial;
-moz-border-radius: 5px;
border-bottom: 1px solid #cdd0d5;
border-right: 1px solid #cdd0d5;
cursor: default;
}
div.stats3 ul { width: 60%; list-style: none; }
div.stats3 .percent {
display: block;
height: 5px;
text-align: right;
margin-left: 10px;
padding: 0 2px;
color: #363636;
font-weight: bold;
font-family: Arial;
-moz-border-radius: 5px;
border-bottom: 1px solid #cdd0d5;
border-right: 1px solid #cdd0d5;
cursor: default;
}
.v100 { width: 100%; }
.v90 { width: 90%; }
.v80 { width: 80%; }
.v70 { width: 70%; }
.v60 { width: 60%; }
.v50 { width: 50%; }
.v40 { width: 40%; }
.v30 { width: 30%; }
.v20 { width: 20%; }
.v10 { width: 10%; }
/* Multicolore */
.multicolor .v100 { background: #970000; }
.multicolor .v90 { background: #ff0000; }
.multicolor .v80 { background: #ff6600; }
.multicolor .v70 { background: #ff9c00; }
.multicolor .v60 { background: #ffd800; }
.multicolor .v50 { background: #eaff00; }
.multicolor .v40 { background: #baff00; }
.multicolor .v30 { background: #78ff00; }
.multicolor .v20 { background: #12ff00;}
.multicolor .v10 { background: #00ff60; }
/* Dégradé vert */
.green_gradiant .v100 { background: #1d290a; }
.green_gradiant .v90 { background: #2b3c0f; }
.green_gradiant .v80 { background: #405a17; }
.green_gradiant .v70 { background: #52741d; }
.green_gradiant .v60 { background: #628a23; }
.green_gradiant .v50 { background: #72a128; }
.green_gradiant .v40 { background: #7eb22d; }
.green_gradiant .v30 { background: #8fc932; }
.green_gradiant .v20 { background: #99dd38; }
.green_gradiant .v10 { background: #aff73e; }
/* Dégradé rouge */
.red_gradiant .v100 { background: #290c0c; }
.red_gradiant .v90 { background: #481515; }
.red_gradiant .v80 { background: #661e1e; }
.red_gradiant .v70 { background: #862727; }
.red_gradiant .v60 { background: #a02f2f; }
.red_gradiant .v50 { background: #bd3838; }
.red_gradiant .v40 { background: #d84040; }
.red_gradiant .v30 { background: #eb4545; }
.red_gradiant .v20 { background: #ff4b4b; }
.red_gradiant .v10 { background: #ff6565; }
/* Unicolore */
.uni .percent { background: #00ade3; }
.rouge .percent {
background: #e61919;
}
.vert .percent {
background: #3ba212;
}
.bleu .percent {
background: #00ade3;
}
.orange .percent {
background: #00c2ff;
}
/* Dégradé gris */
.grey_gradiant .v100 { background: #000000; }
.grey_gradiant .v90 { background: #252525; }
.grey_gradiant .v80 { background: #373737; }
.grey_gradiant .v70 { background: #505050; }
.grey_gradiant .v60 { background: #656565; }
.grey_gradiant .v50 { background: #7e7e7e; }
.grey_gradiant .v40 { background: #8f8f8f; }
.grey_gradiant .v30 { background: #a5a5a5; }
.grey_gradiant .v20 { background: #bcbcbc; }
.grey_gradiant .v10 { background: #c8c8c8; }
.petitgraph { font-size: 11px; }
.griser {
filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;
}
/*
MATCH DIRECT
*/
.matchdirect {
position: relative;
width: 100%;
height: 30px;
border: #ebebeb solid 1px;
}
/*
PRODUIT
*/
.produit {
text-align: left;
}
.produit .produit_header {
position: relative;
text-align: left;
height: 130px;
}
.produit .produit_header .produit_image {
position: relative;
float: left;
width: 170px;
text-align: center;
}
.produit .produit_header .produit_description {
position: relative;
float: left;
width: 520px;
text-align: left;
}
.produit .produit_content {
position: relative;
text-align: center;
}
.produit .produit_content .produit_titre {
font-size: 14px;
font-weight: bold;
text-align: left;
}
.produit .produit_content .produit_propertie {
position: relative;
border-top: 1px solid #d3ebf4;
margin: 2px;
}
.produit .produit_content .produit_propertie .produit_propertie_name {
position: relative;
display: inline-block;
vertical-align: top;
text-align: right;
width: 210px;
padding: 2px;
margin: 2px;
}
.produit .produit_content .produit_propertie .produit_propertie_sub {
position: relative;
display: inline-block;
text-align: left;
padding: 2px;
margin: 2px;
width: 500px;
}
.produit .produit_content .produit_retailer {
position: static;
height: 60px;
text-align: left;
line-height: 60px;
border-top: #dddddd solid 1px;
padding-top: 5px;
}
.produit .produit_content .produit_retailer:hover {
background-color: #f4f5f9;
font-weight: bold;
}
.produit .produit_content .produit_retailer .marchand {
position: relative;
display: inline-block;
vertical-align: middle;
text-align: center;
width: 215px;
}
.produit .produit_content .produit_retailer .prix {
position: relative;
display: inline-block;
vertical-align: middle;
text-align: center;
width: 135px;
line-height:normal;
}
.produit .produit_content .produit_retailer .disponibilite {
position: relative;
display: inline-block;
vertical-align: middle;
text-align: center;
width: 175px;
}
.produit .produit_content .produit_retailer .offre {
position: relative;
display: inline-block;
vertical-align: middle;
text-align: center;
width: 180px;
color: #149ec9;
}
.produit .produit_content .produit_retailer .offre a{
color: #149ec9;
}
.produit .produit_content .produit_retailer .offre a:hover {
color: #ffa000;
}
.produit .produit_content .produit_retailer_titre {
position: static;
line-height: 20px;
height: 20px;
text-align: left;
font-weight: bold;
font-size: 13px;
margin-top: 10px;
}
.produit .produit_content .produit_retailer_titre .marchand {
position: relative;
display: inline-block;
vertical-align: middle;
text-align: center;
width: 215px;
}
.produit .produit_content .produit_retailer_titre .prix {
position: relative;
display: inline-block;
vertical-align: middle;
text-align: center;
width: 135px;
}
.produit .produit_content .produit_retailer_titre .disponibilite {
position: relative;
display: inline-block;
vertical-align: middle;
text-align: center;
width: 175px;
}
.produit .produit_content .produit_retailer_titre .offre {
position: relative;
display: inline-block;
vertical-align: middle;
text-align: center;
width: 180px;
}
/*
ZOOM IMAGE
*/
.highslide {
cursor: url("images/zoomimages/zoomin.cur"), pointer;
outline: none;
}
.highslide-image-blur {
}
.highslide-caption {
display: none;
border: 2px solid white;
border-top: none;
font-family: Arial;
font-size: 10pt;
padding: 5px;
background-color: white;
}
.highslide-loading {
display: block;
color: white;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 3px;
border-top: 1px solid white;
border-bottom: 1px solid white;
background-color: black;
}
a.highslide-credits,
a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
color: white;
background-color: gray;
}
.highslide-move {
cursor: move;
}
.highslide-overlay {
display: none;
}
.controlbar {
background: url("images/zoomimages/controlbar2.gif");
width: 167px;
height: 34px;
}
.controlbar a {
display: block;
float: left;
height: 27px;
}
.controlbar a:hover {
background-image: url("images/zoomimages/controlbar2-hover.gif");
}
.controlbar .previous {
width: 50px;
}
.controlbar .next {
width: 40px;
background-position: -50px 0;
}
.controlbar .highslide-move {
width: 40px;
background-position: -90px 0;
}
.controlbar .close {
width: 36px;
background-position: -130px 0;
}
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}
/*
Style
*/
.vert {
color: #0fa300;
}
.rouge {
color: #ff0000;
}
.rouge_fonce {
color: #aa3039;
}
.noir {
color: #000;
}
.blanc {
color: #fff;
}
.orange {
color: #ff7c00;
}
.jaune_or {
color: #d3b018;
}
.jaune_pale {
color: #f7fc6d;
}
.gris {
color: #898888;
}
.fond_or {
background-color: #d3b018;
}
.px10 {
font-size: 10px;
}
.px11 {
font-size: 11px;
}
.px12 {
font-size: 12px;
}
.px13 {
font-size: 13px;
}
.px14 {
font-size: 14px;
}
.px15 {
font-size: 15px;
}
.px16 {
font-size: 16px;
}
.px17 {
font-size: 17px;
}
.px18 {
font-size: 18px;
}