* {margin:0;padding:0;}

body {background:#288680 url('/images/fond.jpg') repeat-x;}
body,input,textarea,td,select,ul,li {font-family:Arial;font-size:16px;text-decoration:none;color:#004c53;}

h1 {margin:10px 0 10px 30px;font-size:18px;}
h2 {margin:0;font-size:16px;text-transform:uppercase;}
h3 {margin:0;font-size:14px;display:inline;}
h4 {margin:0;font-size:14px;display:inline;}
h5 {margin:10px 0 10px 30px;font-size:14px;}

a:link, a:visited, a:hover, a:active {font-weight:normal;text-decoration:underline;color:#004c53;}
a:hover {text-decoration:none;}
a.equipe {font-weight:bold;text-decoration:none;}

input[type="text"], input[type="password"], input[type="submit"], input[type="button"], textarea, select {background:#016b76;padding:2px;height:20px;color:#aad0d4;border:1px solid #000;}
input[type="text"], input[type="password"], input[type="submit"], input[type="button"] {background:#016b76 url('/images/fond_input.jpg');}
p {margin:20px 0;}
small {font-size:11px;}
img {border:0;}
button {font-size:16px;cursor:pointer;display:block;padding:0;font-weight:bold;background:#fff url('/images/fond_button.jpg');height:25px;color:#004c53;font-style:italic;border:1px solid #2c9fa5;}
button:hover {background:#016b76 url('/images/fond_input.jpg');color:#ffd800;border:1px solid #000;}
input#date_pronostic {height:15px;}

.clear{clear:both;}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.justify{text-align:justify;}
a.actif {font-weight:bold;text-decoration:none;}

.pub_full_width img {
    width: 100%;
    height: auto;
}

.bloc {background:#fff url('/images/fond_bloc.jpg') bottom repeat-x;padding:10px;margin-bottom:10px;}

#global {width:1250px;margin:0 auto;background:url('/images/fond_global.png');position:relative;}

#haut {width:1250px;height:72px;margin-top:5px;color:#6ca2a8;font-size:11px;background:#fff url('/images/logo-1250.jpg') 0 0 no-repeat;}
#haut #logo {margin-top:5px;}
#haut a {color:#6ca2a8;display:block;width:350px;height:100%;text-indent:-999999px;}

#haut #lang {position: absolute;top: 0; right: 40px;text-align: center;}
#haut #lang button {padding: 5px 15px;font-size: 18px;height: auto;background-size: contain;margin:5px}
#haut #lang a {width: auto;height: auto;text-indent: 0; font-weight: bold; text-transform: uppercase; display:inline-block;}

#contenu {width:1250px;}

#contenu #col_gauche {width:210px;float:left;border-top:10px solid #0d2b2b;}
#contenu #col_gauche #connexion {height:75px;padding:4px 10px 0 10px;}
#contenu #col_gauche #connexion strong {color:#004c53;font-size:16px;}
#contenu #col_gauche #connexion button {width:185px;font-size:18px;}
#contenu #col_gauche #recherche {height:95px;padding:4px 10px 0 10px;}
#contenu #col_gauche #recherche strong {color:#004c53;font-size:15px;}
#contenu #col_gauche #recherche input {width:180px;font-size:13px;font-style:italic;margin:3px 0 4px 0;}
#contenu #col_gauche #recherche button {width:185px;font-size:18px;}
#contenu #col_gauche #menu li {list-style:none;border-bottom:1px solid #00818e;padding:2px 0 2px 0;margin:10px 0;height:20px;font-size:15px;}
#contenu #col_gauche #menu li.tous {border-bottom:0;}
#contenu #col_gauche #menu li a {text-decoration:none; padding:2px 0 1px 30px;font-weight:bold;}
#contenu #col_gauche #col_gauche_pub_haut button {width:185px;font-size:14px;}
#contenu #col_gauche #services {border-left:1px solid #00818e;margin:5px 10px 10px 10px;height:100%;}
#contenu #col_gauche #services li {list-style:none;height:20px;padding:5px 0 0 20px;}

#contenu #col_droite {width:1030px;min-height:1855px;float:right;border-top:10px solid #0d2b2b;background:#fff;margin-left:10px;}
html>body #contenu #col_droite {width:1030px;height:auto;min-height:1855px;float:right;border-top:10px solid #0d2b2b;background:#fff;margin-left:10px;}
#contenu #col_droite #pub_haut {clear:both;height:180px;padding:4px 10px 0 10px;text-align:center;}
#contenu #col_droite #pub_bas {clear:both;height:180px;padding:4px 10px 0 10px;text-align:center;}
#contenu #col_droite #sous_menu {}
#contenu #col_droite #sous_menu img {vertical-align:bottom;}
#contenu #col_droite #sous_menu ul {list-style:none;}
#contenu #col_droite #sous_menu .sous_menu_sports li {display:inline-block;padding:10px 10px 10px 30px;border: 1px solid #eee;border-radius: 18px;background-position-x: 7px;box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2);margin:2px;}
#contenu #col_droite #sous_menu .sous_menu_sports li.all {padding:10px 10px 10px 10px;}
#contenu #col_droite #sous_menu .sous_menu_sports li.football{background:url('/images/sports_inactif.png') no-repeat;background-position:7px 7px;}
#contenu #col_droite #sous_menu .sous_menu_sports li.rugby{background:url('/images/sports_inactif.png') no-repeat;background-position:7px -33px;}
#contenu #col_droite #sous_menu .sous_menu_sports li.tennis{background:url('/images/sports_inactif.png') no-repeat;background-position:7px -73px;}
#contenu #col_droite #sous_menu .sous_menu_sports li.basket-ball{background:url('/images/sports_inactif.png') no-repeat;background-position:7px -113px;}
#contenu #col_droite #sous_menu .sous_menu_sports li.volley-ball{background:url('/images/sports_inactif.png') no-repeat;background-position:7px -153px;}
#contenu #col_droite #sous_menu .sous_menu_sports li.handball{background:url('/images/sports_inactif.png') no-repeat;background-position:7px -193px;}
#contenu #col_droite #sous_menu .sous_menu_sports li.hockey{background:url('/images/sports_inactif.png') no-repeat;background-position:7px -233px;}
#contenu #col_droite #sous_menu .sous_menu_sports li.menu_select.football{background:url('/images/sports.png') no-repeat;background-position:7px 7px;}
#contenu #col_droite #sous_menu .sous_menu_sports li.menu_select.rugby{background:url('/images/sports.png') no-repeat;background-position:7px -33px;}
#contenu #col_droite #sous_menu .sous_menu_sports li.menu_select.tennis{background:url('/images/sports.png') no-repeat;background-position:7px -73px;}
#contenu #col_droite #sous_menu .sous_menu_sports li.menu_select.basket-ball{background:url('/images/sports.png') no-repeat;background-position:7px -113px;}
#contenu #col_droite #sous_menu .sous_menu_sports li.menu_select.volley-ball{background:url('/images/sports.png') no-repeat;background-position:7px -153px;}
#contenu #col_droite #sous_menu .sous_menu_sports li.menu_select.handball{background:url('/images/sports.png') no-repeat;background-position:7px -193px;}
#contenu #col_droite #sous_menu .sous_menu_sports li.menu_select.hockey{background:url('/images/sports.png') no-repeat;background-position:7px -233px;}
#contenu #col_droite #sous_menu .sous_menu_sports li a {text-decoration: none; color: #999;}
#contenu #col_droite #sous_menu .sous_menu_sports li.menu_select {border-color:#004c53;}
#contenu #col_droite #sous_menu .sous_menu_sports li.menu_select a {font-weight:bold;text-decoration: none;color:#004c53;}
#contenu #col_droite #sous_menu .sous_menu_competitions {display:block;float:left;width:33.33%;text-align:left;}
#contenu #col_droite #sous_menu .sous_menu_competitions li {margin:20px 0 0 0;}
#contenu #col_droite #sous_menu .sous_menu_competitions li.disabled {color: #aaa;}
#contenu #col_droite #sous_menu .sous_menu_competitions li a {text-decoration: none;}
#contenu #col_droite #sous_menu .sous_menu_competitions li.disabled a {color: #aaa;}
#contenu #col_droite #sous_menu .sous_menu_competitions li li {margin:0;}
#contenu #col_droite #sous_menu button {margin:20px auto;padding:0 50px;}

#contenu #col_droite .fblike{border:none;overflow:hidden;display:block;width:100px;height:22px;vertical-align:top;position:absolute;margin:4px 8px;/*filter:alpha(opacity=0); -moz-opacity:0.0; -khtml-opacity: 0.0; opacity: 0.0;*/}

#contenu #col_droite .pronostic {width:985px;float:left;margin-left:10px;border:1px solid #eee;}
#contenu #col_droite .pronostic table {width:985px;}
#contenu #col_droite .pronostic h2 {height:20px;padding:2px 0 2px 25px;display:inline;}
#contenu #col_droite .pronostic small {display:block;margin:3px 0 5px 0;}
#contenu #col_droite .pronostic a.button {display:block;font-weight:bold;background:#fff url('/images/fond_button.jpg');height:22px;color:#004c53;font-style:italic;border:1px solid #2c9fa5;padding:3px 0 0 0;width:175px;font-size:15px;text-decoration:none;text-align:center;margin:0 auto;}
#contenu #col_droite .pronostic a.button:hover {background:#016b76 url('/images/fond_input.jpg');color:#ffe75f;border:1px solid #000;}
#contenu #col_droite .pronostic a.button.big_center {width: calc(100% - 20px) !important;height: auto !important;background-size: contain !important;font-size: 35px !important;line-height: 40px !important;padding: 10px !important;}
#contenu #col_droite .pronostic a.button.big_center img {vertical-align: bottom !important;height: 40px !important;}
#contenu #col_droite .pronostic td.maximum {/*background:#fff5ba;*/}
#contenu #col_droite .pronostic .equipe {width:375px;}
#contenu #col_droite .pronostic .equipe img {vertical-align:bottom;}
#contenu #col_droite .pronostic .pourcentage {width:170px;font-size:22px;}
#contenu #col_droite .pronostic .pourcentage .minimum {color:#a6dcd9;}
#contenu #col_droite .pronostic .pourcentage .milieu {color:#61adb5;}
#contenu #col_droite .pronostic .pourcentage .maximum {color:#008909;}
#contenu #col_droite .pronostic .pourcentage img {vertical-align:middle;margin:0 10px 0 0;}
#contenu #col_droite .pronostic .pourcentage .button img{margin: 0;vertical-align:middle;max-width: 80px;max-height:21px;}
#contenu #col_droite .pronostic .pourcentage_cote {width:180px;font-size:22px;}
#contenu #col_droite .pronostic .pourcentage_cote .minimum {color:#a6dcd9;}
#contenu #col_droite .pronostic .pourcentage_cote .milieu {color:#61adb5;}
#contenu #col_droite .pronostic .pourcentage_cote .maximum {color:#008909;}
#contenu #col_droite .pronostic .pourcentage_cote img {vertical-align:middle;margin:0 10px 0 0;}
#contenu #col_droite .pronostic .separateur {border-top:1px solid #000;}
#contenu #col_droite .pronostic .score {width:195px;}
#contenu #col_droite .pronostic .parier {width:160px;}
#contenu #col_droite .pronostic .gain {text-align:center;width:170px;}


#contenu #col_droite .liste {width:985px;float:left;margin-left:10px;border:1px solid #eee;}
#contenu #col_droite .liste table {width:985px;margin:5px 0;}

#contenu #col_droite .liste tr.finish td{background: #cdcdcd;}
#contenu #col_droite .liste td {border:0 solid #105962;padding:2px;vertical-align: top;position: relative;}
#contenu #col_droite .liste h2 {height:20px;padding:2px 0 2px 25px;display:inline;}
#contenu #col_droite .liste small {display:block;margin:3px 0 5px 0;}
#contenu #col_droite .liste a.button {display:block;font-weight:bold;background:#fff url('/images/fond_button.jpg');height:22px;color:#004c53;font-style:italic;border:1px solid #2c9fa5;padding:3px 0 0 0;width:175px;font-size:15px;text-decoration:none;text-align:center;margin:0 auto;}
#contenu #col_droite .liste a.button:hover {background:#016b76 url('/images/fond_input.jpg');color:#ffd800;border:1px solid #000;}
#contenu #col_droite .liste a.button img {vertical-align: middle;max-width:80px;max-height:21px;}
#contenu #col_droite .liste .heure {width:60px;text-align:center;line-height: 25px;vertical-align: middle;}
#contenu #col_droite .liste td.maximum {/*background:#fff5ba;*/}
#contenu #col_droite .liste .equipe {width:200px;text-align:center;line-height: 25px;}
#contenu #col_droite .liste .equipe img {vertical-align:bottom;}
#contenu #col_droite .liste .pourcentage {width:320px;}
#contenu #col_droite .liste .pourcentage b {width:160px;font-size:22px;}
#contenu #col_droite .liste .pourcentage .minimum {color:#a6dcd9;}
#contenu #col_droite .liste .pourcentage .milieu {color:#61adb5;}
#contenu #col_droite .liste .pourcentage .maximum {color:#008909;}
#contenu #col_droite .liste .pourcentage img {vertical-align:middle;margin:0 10px 0 0;}
#contenu #col_droite .liste .separateur {border-top:1px solid #000;}
#contenu #col_droite .liste .stats {width:20px;text-align:center;}
#contenu #col_droite .liste .parier {width:170px;text-align:center;vertical-align: middle;}

#contenu #col_droite .liste .equipe1 {width:200px;text-align:right;line-height: 25px;}
#contenu #col_droite .liste .equipe1 img {vertical-align:bottom;}
#contenu #col_droite .liste .equipe1 img.etoile {position: absolute; top: 0; left: 0;}
#contenu #col_droite .liste .equipe1 a {text-decoration: none;}
#contenu #col_droite .liste .equipe2 {width:200px;text-align:left;line-height: 25px;}
#contenu #col_droite .liste .equipe2 img {vertical-align:bottom;}
#contenu #col_droite .liste .equipe2 img.etoile {position: absolute; top: 0; right: 0;}
#contenu #col_droite .liste .equipe2 a {text-decoration: none;}
#contenu #col_droite .liste .pronostics {width:160px;text-align:center;line-height: 25px;}
#contenu #col_droite .liste .pronostics img {vertical-align: middle; margin-right: 5px}
/*#contenu #col_droite .liste .pronostics a {height: 27px;margin: 0px 0 0 -670px;padding: 0;position: absolute;width: 730px;text-align: right;}
#contenu #col_droite .liste .pronostics a:hover {text-decoration:underline;}*/
#contenu #col_droite .liste .pronostics a {text-decoration: none;}
#contenu #col_droite .liste .equipe1 b {font-size:20px;line-height: 20px;vertical-align: middle;}
#contenu #col_droite .liste .equipe2 b {font-size:20px;line-height: 20px;vertical-align: middle;}
#contenu #col_droite .liste .equipe1 h4 {font-size:16px;line-height: 16px;vertical-align: middle;}
#contenu #col_droite .liste .equipe2 h4 {font-size:16px;line-height: 16px;vertical-align: middle;}
#contenu #col_droite .liste .equipe1 .minimum {color:#61adb5;}
#contenu #col_droite .liste .equipe1 .maximum {color:#008909;}
#contenu #col_droite .liste .equipe2 .minimum {color:#61adb5;}
#contenu #col_droite .liste .equipe2 .maximum {color:#008909;}
#contenu #col_droite .liste .contre {width:10px;text-align:center;line-height: 25px;}

#contenu #col_droite .enbref {width:975px !important;float:left;margin:20px 0 40px 10px;border:6px solid #105962 !important;}
#contenu #col_droite .enbref table {width:975px !important;margin:5px 0;}

#contenu #col_droite .enbref.pmu {border-color:#de4505!important;margin-bottom: 10px;position:relative;}
#contenu #col_droite .enbref.pmu ol {margin:20px 0 0 40px;}
#contenu #col_droite .enbref.pmu ol strong {font-size: 200%;}
#contenu #col_droite .enbref.pmu #fleche_bas {width: 150px;height: 150px;background: url(/images/fleche_bas.png);position: absolute;bottom: -70px;right: 60px;}

#contenu #col_droite .contact td {padding:5px;vertical-align:top;}
#contenu #col_droite .contact input {width:400px;}
#contenu #col_droite .contact textarea {width:400px;height:100px;}
#contenu #col_droite .statique {padding:10px;}

#bas {clear:both;font-size:12px;background:#071a1b;padding:10px 10px 30px 10px;color:#00818e;}
#bas a {color:#00818e;text-decoration:none;}
#bas p {text-align:center;}
#bas hr {border:0;color:#ffd800;background-color:#ffd800;height:1px;margin:10px 0;}
#bas p.copyright {color:#ffd800;float:right;width:310px;padding-top:10px;}
#bas img.interdiction {float:right;}

#partage {position:absolute;top:25px;right:0;}

.football,
.football.active,
.football.accordion:hover {
    background: url('/images/sports.png') no-repeat;
    background-position: 0 0;
}

.rugby,
.rugby.active,
.rugby.accordion:hover {
    background: url('/images/sports.png') no-repeat;
    background-position: 0 -40px;
}

.tennis,
.tennis.active,
.tennis.accordion:hover {
    background: url('/images/sports.png') no-repeat;
    background-position: 0 -80px;
}

.basket-ball,
.basket-ball.active,
.basket-ball.accordion:hover {
    background: url('/images/sports.png') no-repeat;
    background-position: 0 -120px;
}

.volley-ball,
.volley-ball.active,
.volley-ball.accordion:hover {
    background: url('/images/sports.png') no-repeat;
    background-position: 0 -160px;
}

.handball,
.handball.active,
.handball.accordion:hover {
    background: url('/images/sports.png') no-repeat;
    background-position: 0 -200px;
}

.hockey,
.hockey.active,
.hockey.accordion:hover {
    background: url('/images/sports.png') no-repeat;
    background-position: 0 -240px;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  cursor: pointer;
  width: 100%;
  border: none;
  outline: none;
  height:20px;
  padding:2px 0 2px 25px;
  text-align: left;
  text-transform: uppercase;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  color:#004c53;border:0;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  display: inline-table;
  overflow: hidden;
}
.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

@media (max-width: 1250px) {
    * {
        -webkit-box-sizing: content-box;
           -moz-box-sizing: content-box;
                box-sizing: content-box;
    }
    
    /* passer body (et tous les éléments de largeur fixe) en largeur automatique */

    body {
        width: auto;
        margin: 0;
        padding: 0;
    }
    
    /* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */

    img,
    table,
    td,
    blockquote,
    code,
    pre,
    textarea,
    input,
    iframe,
    object,
    embed,
    video {
        max-width: 100%;
    }
    
    /* conserver le ratio des images */

    img {
        height: auto;
    }
    
    /* gestion des mots longs */

    textarea,
    table,
    td,
    th,
    code,
    pre,
    samp {
        -webkit-hyphens: auto; /* césure propre */
        -moz-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word; /* passage à la ligne forcé */
    }
    
    code,
    pre,
    samp {
        white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
    }
    
    /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */

    element1,
    element2 {
        float: none;
        width: auto;
    }
    
    /* masquer les éléments superflus */

    .hide_mobile {
        display: none !important;
    }

    .accordion {width: calc(100% - 40px);}
    
    /* Un message personnalisé 

    body:before {
        content: "Version mobile du site";
        display: block;
        text-align: center;
        font-style: italic;
        color: #777;
    }*/

    body,input,textarea,tr,td,select,ul,li {font-family:Arial;font-size:16px;}
    
    h1 {margin:10px 0 10px 30px;font-size:20px;}
    h2 {margin:0;font-size:16px;text-transform:uppercase;}
    h3 {margin:0;font-size:16px;}
    h4 {margin:0;font-size:16px;}
    h5 {margin:10px 0 10px 30px;font-size:16px;}

    #global {width:100%;margin:0;}
    #haut {width:100%;margin:0;}
    #haut #lang {position: absolute;top: 5px; right: 5px;}
    #contenu {width:100%;margin:0;}

    /*#pub_haut {display:none;}*/
    
    #contenu #col_gauche {width:100%;float:left;margin:0;}
    #contenu #col_droite {width:100%;float:left;margin:0;}
    html>body #contenu #col_droite {width:100%;float:left;margin:0;}
    
    #partage {display:none;}
    
    #col_gauche_pub_haut {display:none;}
    #col_gauche_facebook {display:none;}
    #col_gauche_pub_bas {display:none;}
    #col_gauche_amis {display:none;}
    
    #contenu #col_gauche #menu li {padding:0 0 0 35px;height:30px;font-size:16px;}

    #contenu #col_droite #presentation {display:none;}
    #contenu #col_droite #sous_menu .sous_menu_competitions {display:block;float:left;width:50%;text-align:left;}

    #contenu #col_droite .pronostic {width:99.5%;margin:0 !important;padding:0 !important;}
    #contenu #col_droite .pronostic table {width:100%;margin:0;}
    
    #contenu #col_droite .liste {width:99.5%;margin:0 !important;padding:0 !important;}
    #contenu #col_droite .liste img {display:none;}
    #contenu #col_droite .liste a.button {height: 42px; width: 90px; background-size: contain;}
    #contenu #col_droite .liste .button img {display:inline;}
    #contenu #col_droite .liste table {width:100%;}
    #contenu #col_droite .liste .equipe1 {width:35%;text-align:right;font-size:16px;}
    #contenu #col_droite .liste .equipe2 {width:35%;text-align:left;font-size:16px;}
    #contenu #col_droite .liste .pronostics {display: non;}
    #contenu #col_droite .liste .pronostics a {font-size: 1px;}
    #contenu #col_droite .liste.bloc {margin-bottom:20px !important;}
    
    #contenu #col_droite .enbref {width:calc(99.5% - 12px) !important;margin:20px 0 !important;padding:0 !important;border:6px solid #105962 !important;}
    #contenu #col_droite .enbref table {width:100% !important;margin:0 !important;padding:0 !important;}
    #contenu #col_droite .enbref#recherche{border: 0 !important;}
    #contenu #col_droite .enbref form {padding: 10px;}
    #contenu #col_droite .enbref form input {width: 100%;}
    #contenu #col_droite .enbref form button {width: 100%; padding: 0 2px;margin-top:2px;font-size: 18px;}

    #contenu #col_droite .enbref.pmu {border-color:#de4505 !important;margin-bottom: 10px !important;position:relative !important;padding-bottom: 20px !important;}
    #contenu #col_droite .enbref.pmu ol {margin:20px 0 0 40px !important;}
    #contenu #col_droite .enbref.pmu ol strong {font-size: 140% !important;}
    #contenu #col_droite .enbref.pmu #fleche_bas {width: 100px !important;height: 100px !important;background: url(/images/fleche_bas.png) center center no-repeat !important;background-size: 90% !important;position: absolute !important;bottom:-70px !important;right:20px !important;}
}

@media (max-device-width:1250px) and (orientation: landscape) {
  html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
  }
}