/*
 * Guillaume 2013 09 10
 * Mise en place de l'habillage sur le site.
 * Ci-dessous la version originale de Christophe.
 * html, body{height:100%;color:#000;margin:0 auto; padding:0; background:url(../img/body.png) #dee9ef top repeat-x;font-size:14px}
 */
html{height:100%;color:#000;margin:0 auto; padding:0;font-size:14px}
.body{height:auto;color:#000;background-color: #8ac8e4;margin:0 auto; padding:0;font-size:14px}
.habillage{position: absolute; width:100%; height:400px; top:0;; z-index:1}
.habillage_bas{width:100%; height:auto;z-index:1; padding:0; position:relative; top: 0px}

#page{z-index: 1000; position: relative}

#principal{margin:0 auto;padding:0;font-family: Verdana, Geneva, sans-serif;line-height:18px; position:relative; z-index:2; cursor : default}

.fort{font-weight:700}
.link{color:#ff9c00; text-decoration: underline}
.link:hover{text-decoration:none}
.rouge{color: #cb0020}
.vert{color: #009900}
.bleu{color:#0e4c70}
.titre_preview{font-size:24px; line-height:32px; font-weight:500}
.titre_preview span{display:block}

.top{height:111px; position:relative}
.logo{position:absolute; width:100%; height:auto; top:10px; left:0}
.pays{width:100%; height:auto; position: absolute; top:7px; left: 345px;}
.pub{position:absolute; top:22px; right:0}

.nav, #menuToggle{; text-align:center; width:100%; height: auto;
padding-bottom: 10px; 
background-image: linear-gradient(bottom, #E2E9EB 50%, #F0F3F4 50%);
background-image: -o-linear-gradient(bottom, #E2E9EB 50%, #F0F3F4 50%);
background-image: -moz-linear-gradient(bottom, #E2E9EB 50%, #F0F3F4 50%);
background-image: -webkit-linear-gradient(bottom, #E2E9EB 50%, #F0F3F4 50%);
background-image: -ms-linear-gradient(bottom, #E2E9EB 50%, #F0F3F4 50%);
display:flex;
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.5, #E2E9EB),
	color-stop(0.5, #F0F3F4)
);
/* IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e2e9eb, endColorstr=#fdfefe);
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e2e9eb, endColorstr=#fdfefe)";    
background-color: #fdfefe;

border:#FFF solid 1px;

-moz-box-shadow: 0px 15px 10px -10px rgba(74,84,88,0.5);
-webkit-box-shadow: 0px 15px 10px -10px rgba(74,84,88,0.5);
-o-box-shadow: 0px 15px 10px -10px rgba(74,84,88,0.5);
box-shadow: 0px 15px 10px -10px rgba(74,84,88,0.5);
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=10);
}

.nav ul{list-style:none; margin:0; padding:10px 0 0 10px; text-align:center; display: flex;}
.nav li{display:inline-block; text-align:center; margin:0 10px 0 0;line-height:22px}
.last{margin:0}
.nav li a{display:block;-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border:#c9d3d7 solid 1px;
background-color:rgba(219,227,229,0.4); padding:3px 10px; font-size:12px; font-weight:700; text-decoration:none}

.menu_actif{display:block;-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border:#fff solid 1px;
    background-image: linear-gradient(bottom, #748800 0%, #99B400 100%);
    background-image: -o-linear-gradient(bottom, #748800 0%, #99B400 100%);
    background-image: -moz-linear-gradient(bottom, #748800 0%, #99B400 100%);
    background-image: -webkit-linear-gradient(bottom, #748800 0%, #99B400 100%);
    background-image: -ms-linear-gradient(bottom, #748800 0%, #99B400 100%);padding:3px 10px;
    color:#fff; font-size:13px; font-weight:700; text-decoration:none
}

.nav li a:hover{
border:#fff solid 1px;
color:#fff;
background-image: linear-gradient(bottom, #748800 0%, #99B400 100%);
background-image: -o-linear-gradient(bottom, #748800 0%, #99B400 100%);
background-image: -moz-linear-gradient(bottom, #748800 0%, #99B400 100%);
background-image: -webkit-linear-gradient(bottom, #748800 0%, #99B400 100%);
background-image: -ms-linear-gradient(bottom, #748800 0%, #99B400 100%);

/* IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#748800, endColorstr=#99B400);
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#748800, endColorstr=#99B400)";    
background-color: #fdfefe}

.slide{margin:0 0 3rem 0; height:234px; padding:12px; background-color:#FFF; 

-moz-box-shadow: 0px 15px 10px -10px rgba(74,84,88,0.5);
-webkit-box-shadow: 0px 15px 10px -10px rgba(74,84,88,0.5);
-o-box-shadow: 0px 15px 10px -10px rgba(74,84,88,0.5);
box-shadow: 0px 15px 10px -10px rgba(74,84,88,0.5);
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=10);
}

.slide ul{margin:0; padding:0; list-style: none; text-align: center;}
.slide li{display:inline-block; float:none; margin:0; position:relative}
.slide_prono{ width:100%; height:234px}
.slide_buteur{width:100%; height:234px}
.slide_favoris{width:100%; height:234px}
.slide_sites_paris_sportifs{width:100%; height:234px}
.slide_meilleur_bonus{width:100%; height:234px}

.slide_bloc_txt{position:absolute;font-size: calc(12px + (14 - 12) * (100vw - 318px) / (1800 - 318)); top:15px; left:15px; width:80%; min-height:150px; color:#FFF; padding:15px;
background:url(../img/black_pix.png)}

.slide_titre{border-left:#cee923 solid 8px; padding:4px 0 1px 12px; margin:0 0 28px 0; line-height:24px}
.slide_titre p{margin:0 0 12px 0; padding:0; font-size:20px}
.slide_titre span{font-size:12px}

.slide_eq_1{position:absolute; top:12px; right:284px; width:150px; height:105px}
.slide_eq_2{position:absolute; top:12px; right:40px; width:150px; height:105px}
.tiret{position:absolute; width:24px; height:6px; top:70px; right:225px; background-color:#FFF;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px}

.nom{
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}
.nom_eq_1, .nom_eq_2, .nul{position:absolute; top:135px; text-align:center; color:#FFF;
text-shadow: 1px 1px 1px #000000;
filter: dropshadow(color=#000000, offx=1, offy=1);
filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=1);
zoom: 1}

.nom_eq_1{right:272px; width:170px}
.nom_eq_2{right:30px; width:170px}
.nul{right:211px; width:50px}

.slide_cote_1, .slide_cote_x, .slide_cote_2, .slide_cote_1_ok, .slide_cote_x_ok, .slide_cote_2_ok{position:absolute; width:112px; height:28px; top:165px; text-align:center; font-weight:700; font-size:16px; line-height:26px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;

text-shadow: 1px 1px 1px #2d3804;
filter: dropshadow(color=#2d3804, offx=1, offy=1);
filter:progid:DXImageTransform.Microsoft.Shadow(color='#2d3804', Direction=135, Strength=1);
zoom: 1;

-moz-box-shadow: 0px 15px 10px -10px rgba(74,84,88,0.5);
-webkit-box-shadow: 0px 15px 10px -10px rgba(74,84,88,0.5);
-o-box-shadow: 0px 15px 10px -10px rgba(74,84,88,0.5);
box-shadow: 0px 15px 10px -10px rgba(74,84,88,0.5);
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=10)}

.slide_cote_1 a, .slide_cote_x a, .slide_cote_2 a, .slide_cote_1_ok a, .slide_cote_x_ok a, .slide_cote_2_ok a{color:#FFF;text-decoration:none}
.slide_cote_1, .slide_cote_x, .slide_cote_2{
border:#303b05 solid 1px;

background-image: linear-gradient(bottom, #303B05 0%, #444E19 100%);
background-image: -o-linear-gradient(bottom, #303B05 0%, #444E19 100%);
background-image: -moz-linear-gradient(bottom, #303B05 0%, #444E19 100%);
background-image: -webkit-linear-gradient(bottom, #303B05 0%, #444E19 100%);
background-image: -ms-linear-gradient(bottom, #303B05 0%, #444E19 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #303B05),
	color-stop(1, #444E19)
);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#303B05, endColorstr=#444E19);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#303B05, endColorstr=#444E19)";    
background-color: #303b05}

.slide_cote_1_ok, .slide_cote_x_ok, .slide_cote_2_ok{
border:#FFF solid 1px;

background-image: linear-gradient(bottom, #8ca500 0%, #c6ea00 100%);
background-image: -o-linear-gradient(bottom, #8ca500 0%, #c6ea00 100%);
background-image: -moz-linear-gradient(bottom, #8ca500 0%, #c6ea00 100%);
background-image: -webkit-linear-gradient(bottom, #8ca500 0%, #c6ea00 100%);
background-image: -ms-linear-gradient(bottom, #8ca500 0%, #c6ea00 100%);

background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, #8ca500),
color-stop(1, #c6ea00)
);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8ca500, endColorstr=#c6ea00);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#8ca500, endColorstr=#c6ea00)";
background-color: #8ca500}

.slide_cote_1, .slide_cote_1_ok{right:301px}
.slide_cote_x, .slide_cote_x_ok{right:179px}
.slide_cote_2, .slide_cote_2_ok{right:57px}

/*.slide_btn{position:absolute; bottom:-10px; right:-6px; background:url(../img/slide_btn.png); width:235px; height:35px; line-height:39px; color:#ff9c00; font-weight:700; padding:0 0 0 15px; font-size:12px}*/
.slide_btn{position:absolute; bottom:10px; right:-6px; background:url(../img/slide_btn.png); width:250px; height:35px; line-height:39px; font-weight:700; padding:0 0 0 15px; font-size:12px}
.slide_btn a{color:#ff9c00;text-decoration:none}

.slide_list{display:inline-block; background: url(../img/bg_slide_nav.png) center no-repeat; height:28px; text-align:center; width:150px; position:relative; bottom:20px; left:50%; margin-left:-75px}
.slide_list a{display:inline-block; width:10px; height:10px; margin:10px 4px 0 4px}
a.btn_slide_off{background:url(../img/slide_nav.png) 0 -10px}
a.btn_slide_on, .slide_list a:hover{background:url(../img/slide_nav.png) 0 0}

.contenu, .bas{margin:0 0 17px 0; padding:12px; background-color:#FFF;
-moz-box-shadow: 0px 15px 10px -10px rgba(74,84,88,0.5);
-webkit-box-shadow: 0px 15px 10px -10px rgba(74,84,88,0.5);
-o-box-shadow: 0px 15px 10px -10px rgba(74,84,88,0.5);
box-shadow: 0px 15px 10px -10px rgba(74,84,88,0.5);
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=10);
}

p.txt{margin:0 0 25px 0; padding:0 20px; line-height:20px}

.split_content{width:465px; display:inline-block;float:left}
/*.m_right{margin:0 20px 0 0} */
.clear{clear:both}
.prono_list + h2.titre_1{
	margin: 15px 0 25px 0;
}
.titre_1{margin:5px 0 25px 0; padding:4px 0 10px 15px; border-left:#5593b3 solid 5px; font-size:22px; font-weight:300; color:#1f516b; line-height:24px}
.titre_2{margin:5px 0 25px 15px;clear: both; padding:10px 0 10px 15px; border-left:#c6dce6 solid 5px; font-size:20px; font-weight:300; color:#2d759b}
.titre_3{border-bottom: 2px dotted #d1dee4;color: #799e16;font-size: 18px;font-weight: 500;margin: 5px 0 5px 35px;padding: 8px 0}
.titre_4{color: #8ebed7 ;font-size: 16px;font-weight: 700;padding: 8px 0; margin:0}
.titre_5{margin:5px 0; padding:10px 0 10px 15px; border-left:#c6dce6 solid 5px; font-size:16px; font-weight:700; color:#1f516b}


/*.book_acceuil_1036, .book_acceuil_2070, .book_acceuil_1034{background:url(../img/bg_book_acceuil_1036.jpg) no-repeat; background-size: contain;position:relative; width:100%; height:103px; margin:0 0 20px 0}
.book_acceuil_1040{position:relative; background:url(../img/bg_book_acceuil_1040.jpg); width:465px; height:103px; margin:0 0 20px 0}*/
.num_book{position:absolute; top:1px; left:4px; font-size:18px; font-weight:700; color:#fff;
text-shadow: 1px 1px 1px #3c738d;
filter: dropshadow(color=#3c738d, offx=1, offy=1);
filter:progid:DXImageTransform.Microsoft.Shadow(color='#3c738d', Direction=135, Strength=1);
zoom: 1}
.logo_book{position:absolute; top:21px; left:17px}

.nom_book{position:absolute; top:6px; left:23px; color:#666; font-size:12px}
.offre_book{position:absolute; top:6px; left:117px; color:#666; font-size:12px; width:112px; text-align:center}
.bonus_book{position:absolute; top:6px; right:3px; text-align:center; width:230px; color:#666; font-size:12px}
.stars{position:absolute; top:28px; left:117px; text-align:center; width:112px}
.bonus_txt{position:absolute; top:28px; width:230px; right:3px; text-align:center; font-size:12px; color:#14506c; line-height: 14px}

/*
.book_acceuil_1036 a, .book_acceuil_2070 a, .book_acceuil_1034 a{bottom: -2px;color: #ffba00;font-weight: 700;left: 300px;padding: 11px 69px 5px 16px;position: absolute; text-decoration:none; font-size:14px}
.book_acceuil_1036 a:hover, .book_acceuil_2070 a:hover, .book_acceuil_1034 a:hover{text-decoration:underline}
.book_acceuil_1040 a{bottom: -2px;color: #ffba00;font-weight: 700;left: 280px;padding: 11px 69px 5px 16px;position: absolute; text-decoration:none; font-size:14px}
.book_acceuil_1040 a:hover{text-decoration:underline}
*/
.offres{
	display: flex;
	justify-content: space-evenly;
}
.toggle{
	display: none;
}
input#sujet{
	width: 100%;
}
textarea#message{
	width: 100%;
}
div.buttonPari{
	margin-top: 1rem;
    margin-bottom: 1rem;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}
div.buttonPari:hover{
	background-color: #90ab00;
}
.parier{
	font-weight: 700;
	color: white;
	font-size: 1.3rem;
}
.book_acceuil_1036,.book_acceuil_2070, .book_acceuil_1034{
    text-align: center;
    border: 2px #046ca3;
    box-shadow: inset 0 -1px 0 0 #046ca3, inset 0 1px 0 0 #046ca3, 0 1px 0 0 #046ca3, 0 -1px 0 0 #046ca3;
	width: 30%;
	display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
/*
.book_acceuil_1036>div,.book_acceuil_2070>div, .book_acceuil_1034>div{
	    border-bottom: 2px  #046ca3;
}
*/
/*
.book_acceuil_1036>div:last-child,.book_acceuil_2070>div:last-child, .book_acceuil_1034>div:last-child{
		border: none;
}
*/
.list_next_matchs{-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px; background-color:#bddce9; margin:0 auto; padding:10px 0}

.next_match{position:relative;background:url(../img/bg_prono_list.png); width:465px; height:117px; font-size:11px; margin:0 0 10px 0}
.list_prono_eq_1{position:absolute; top:15px; left:23px}
.list_prono_eq_2{position:absolute; top:15px; right:23px}
.list_prono_match{width:233px; position:absolute; top:10px; left:116px; text-align:center; color:#FFF}
.list_prono_match b{font-size:14px; display:block}
.list_prono{position:absolute; top:58px; text-align:center; width:100%; line-height:15px}
.list_prono b{display:block; color:#ff9c00; font-size:14px}
.list_prono_lien a{bottom: 0;color: #ff9c00;font-weight: 700;left:276px;padding:3px 41px 2px 6px;position: absolute; text-decoration:none; font-size:11px}
.list_prono_lien a:hover{text-decoration:underline}

.list_prono_lien_2 a{width:250px; height:35px;bottom: -28px;color:#ff9c00;font-weight: 700;right:-24px;padding:10px 0 0 10px;position: absolute; text-decoration:none; font-size:11px; background:url(../img/bg_prono_detail.png) no-repeat}
.list_prono_lien_2 a:hover{text-decoration:underline}

.all_matchs, .suite{text-align:right; margin:2px 0 30px 0; padding:0}
.all_matchs a, .suite a{ color: #ff9c00; font-weight:700; font-size:12px}
.all_matchs a:hover, .suite a:hover{text-decoration:none}

.texte{line-height:20px; color:#333;margin:0 0 35px 0; text-align:justify}
.img_texte{padding:0; margin:0 20px 0 0; float:left}


.top_section{width:100%;}
.img_top_section img {
    margin: auto;
    display: block;
}
.book_1036, .book_2070, .book_1034 {position:relative; background:url(../img/bg_book_1036.jpg); width:425px; height:69px; margin: auto;}
.book_1036 a, .book_2070 a, .book_1034  a{bottom:2px;color: #ff9c00;font-weight: 700;left: 283px;padding: 11px 69px 5px 16px;position: absolute; text-decoration:none; font-size:14px}
.book_1036 a:hover, .book_2070 a:hover, .book_1034 a:hover{text-decoration:underline}

.book_1040{position:relative; float:left; background:url(../img/bg_book_1040.jpg); width:425px; height:69px; margin:0 0 8px 40px}
.book_1040 a{bottom:2px;color: #ff9c00;font-weight: 700;left: 266px;padding: 11px 69px 5px 16px;position: absolute; text-decoration:none; font-size:14px}
.book_1040 a:hover{text-decoration:underline}

.nom_book_2{position:absolute; top:4px; left:23px; color:#666; font-size:12px}
.logo_book_2{position:absolute; top:21px; left:17px}
.bonus_book_2{position:absolute; top:3px; right:3px; text-align:center; width:292px; color:#666; font-size:12px}
.bonus_txt_2{position:absolute; top:23px; width:292px; right:3px; text-align:center; font-size:12px; color:#14506c}


.favori_2014{line-height:20px}
.logo_favori{position:relative; float:left; background:url(../img/bg_logo_favori.png); width:220px; height:150px; margin:0 5px 15px 0; padding:0; left:-18px}
.logo_favori img{position:absolute; top:20px; left:32px}

.pronostic_favori{clear:both;margin: 5px 0 35px}
.pronostic_favori p{margin: 0 0 15px 0; padding:0}

.la_cote{display:block;border: 3px solid #a0c32d;margin: 0 130px 0 140px;padding: 10px;text-align: center; background-color:#f7f7f4; font-weight:700; font-size:14px; color:#444;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px}
.la_cote a{color:#ff9c00; text-decoration: underline}
.la_cote a:hover{text-decoration: none}

.en_savoir_plus a{color:#ff9c00}
.en_savoir_plus a:hover{text-decoration:none}
/* couplé avec la class contenu */
.bas{text-align:center; color:#1f516b; font-size:11px}

.intro{padding:0; font-size:14px; color:#6c7177; line-height:24px}
.intro p{margin:0 0 20px 0; padding:0}

.equipe{padding:0 0 0 30px}
.equipe p{margin:0 0 20px 0; padding:0}
.titre_equipe{border-bottom: 2px dotted #d1dee4;color: #1F516B;font-size: 16px;font-weight: 300;margin: 0 5px 5px 0;padding: 2px 0}

.img_pays{float:left; margin: 0 20px 0 0}

.btn_inter{width:78%; text-align:center; display:block; font-weight:700; font-size:16px; color:#FFF; line-height:22px; padding:1%; margin:0 10% 20px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;

text-shadow: 1px 1px 1px #5f7000;
filter: dropshadow(color=#5f7000, offx=1, offy=1);
filter:progid:DXImageTransform.Microsoft.Shadow(color='#5f7000', Direction=135, Strength=1);
zoom: 1;

-moz-box-shadow: 0px 15px 10px -10px rgba(74,84,88,0.5);
-webkit-box-shadow: 0px 15px 10px -10px rgba(74,84,88,0.5);
-o-box-shadow: 0px 15px 10px -10px rgba(74,84,88,0.5);
box-shadow: 0px 15px 10px -10px rgba(74,84,88,0.5);
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=10)
border:#FFF solid 1px;

background-image: linear-gradient(bottom, #768b00 0%, #9eba00 100%);
background-image: -o-linear-gradient(bottom, #768b00 0%, #9eba00 100%);
background-image: -moz-linear-gradient(bottom, #768b00 0%, #9eba00 100%);
background-image: -webkit-linear-gradient(bottom, #768b00 0%, #9eba00 100%);
background-image: -ms-linear-gradient(bottom, #768b00 0%, #9eba00 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #768b00),
	color-stop(1, #9eba00)
);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9eba00, endColorstr=#768b00);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9eba00, endColorstr=#768b00)";    
background-color: #768b00}
		
.btn_inter a{display:block; width:100%; color:#FFF; text-decoration:none}

.pronostic_preview{clear:both;margin: 15px 0 20px 20px;color: #1F516B; font-size: 18px;font-weight: 300}

.list, .list2, .list3{margin:0 0 40px 80px; padding:0; list-style:none}
.list li{list-style:url(../img/puce_4.png); margin:0 0 15px 0; text-indent:10px}
.list2 li{list-style:url(../img/puce_2.png); margin:0 0 15px 0; text-indent:10px}
.list2 li ul li{margin:15px 0}
.list3 li{list-style: none; text-indent:10px; margin:0 0 15px 0}

.menu-bloc{
border-radius:2px;
margin: 0 5% 10px;
padding:5px;
text-align:right;
border: #eee solid 1px;
width: 90%;
color:#888; font-size:16px
}
.contenu.columns.is-multiline {
    margin-left: 0;
    margin-right: 0;
    margin-top: -1.75rem;
}
.cotes_bloc{
position:relative;
border-radius:2px;
padding:5px;
border: #eee solid 1px;
width: 100%;
color:#444}

.cotes_bloc p{line-height:22px; text-align:justify}
.cotes_bloc a{color: #ff9c00; text-decoration:underline; }
.cotes_bloc a:hover{text-decoration:none;}

.btn_cote{
display:inline-block; margin:0 5px; padding:1px; width:30px; text-align:center;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border:#c9d3d7 solid 1px;
background-color:rgba(219,227,229,0.4); padding:3px 10px;
color:#0e4c70; font-size:14px; font-weight:700; text-decoration:none}

.btn_cote:hover, .actif{
border:#fff solid 1px;
color:#fff;
background-image: linear-gradient(bottom, #005a88 50%, #00679c 50%);
background-image: -o-linear-gradient(bottom, #005a88 50%, #00679c 50%);
background-image: -moz-linear-gradient(bottom, #005a88 50%, #00679c 50%);
background-image: -webkit-linear-gradient(bottom, #005a88 50%, #00679c 50%);
background-image: -ms-linear-gradient(bottom, #005a88 50%, #00679c 50%);

background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.5, #005a88),
color-stop(0.5, #00679c)
);
/* IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#005a88, endColorstr=#00679c);
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#005a88, endColorstr=#00679c)";    
background-color: #fdfefe}
.cotes_tab{border: #eee solid 1px; border-collapse:collapse}
.cotes_tab td{border: #eee solid 1px; border-collapse:collapse; padding:4px; margin:0;}
.cote_focus{
background-image: linear-gradient(bottom, #9EBA00 29%, #A5C200 65%);
background-image: -o-linear-gradient(bottom, #9EBA00 29%, #A5C200 65%);
background-image: -moz-linear-gradient(bottom, #9EBA00 29%, #A5C200 65%);
background-image: -webkit-linear-gradient(bottom, #9EBA00 29%, #A5C200 65%);
background-image: -ms-linear-gradient(bottom, #9EBA00 29%, #A5C200 65%);

background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.29, #9EBA00),
color-stop(0.65, #A5C200)
)}

.cote_focus:hover{
background-image: linear-gradient(bottom, #A5C200 29%, #B1CC00 65%);
background-image: -o-linear-gradient(bottom, #A5C200 29%, #B1CC00 65%);
background-image: -moz-linear-gradient(bottom, #A5C200 29%, #B1CC00 65%);
background-image: -webkit-linear-gradient(bottom, #A5C200 29%, #B1CC00 65%);
background-image: -ms-linear-gradient(bottom, #A5C200 29%, #B1CC00 65%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.29, #A5C200),
	color-stop(0.65, #B1CC00)
)}
.cote_focus a{
color:#FFF;
font-weight: 700;
text-decoration:none
}

.prono_list{position:relative; width:92%; margin: auto;margin-top: 30px; border:#bddce9 solid 8px; border-radius:6px; padding:10px}
.prono_list_2{position:relative; width:92%; margin:2% auto; border:#bddce9 solid 8px; border-radius:6px; padding:0}
.prono_match{line-height:24px; color:#5f5f5f}
.block{display:block}
.notre_prono{background-color:#eef1f1; border-radius:4px; text-align:center; color:#5f5f5f; line-height:24px}
.vert{color:#768b00;}
.font22{font-size: calc(16px + (20 - 16) * (100vw - 400px) / (1800 - 400));}
.detail_prono{border-left:#9db402 solid 8px; padding:0 0 0 10px; font-size:12px}

.advert{position:relative; width:86%; margin:5% auto; border:#bddce9 solid 8px; border-radius:6px; padding:10px; text-align:center}
.flag_advert{display:block; margin:10px 0 0 0}
.flag_advert img{margin:0 30px}

.book_podium{position:relative; height:80px; padding:5px; margin:5px 15px; border-bottom:#eee solid 1px; float: left}
.num_podium{background:url(../img/bookmakers/podium/bg_num.png); width:68px; height:72px; line-height:35px; font-size:36px; font-weight:700; color:#FFF;text-shadow: 1px 1px 2px #043d49;
filter: dropshadow(color=#043d49, offx=1, offy=1); text-align: left; position:absolute; top:0; left:0; padding-left:4px}
		
.plus{background-color:#eef1f1; border-radius:4px; padding:10px}
.intro_plus{margin:0 0 15px 0; padding:5px 0; font-size: calc(16px + (20 - 16) * (100vw - 400px) / (1800 - 400)); height:50px;border-bottom:#FFF solid 1px}
.list_plus{margin:0 0 20px 40px; padding:0; list-style:none}
.list_plus li{list-style:url(../img/puce_4.png); margin:0 0 15px 0; color:#3a3a3a; font-weight:500; text-shadow: 1px 1px 1px #fefefe;
filter: dropshadow(color=#fefefe, offx=1, offy=1)}

.b_shadow{-webkit-box-shadow:  0px 5px 5px 0 #a1a1a1; box-shadow:  0px 5px 5px -4px #a1a1a1; margin-bottom: 40px;}
.b_shadow_in{-webkit-box-shadow: inset 0px 0px 20px 0px #eee; box-shadow: inset 0px 0px 20px 0px #eee}

.profitez_offre_1036{position:absolute; bottom:-10px; right:0px; background:url(../img/profitez_offre_1036.png) no-repeat; width:250px; height:35px; line-height:39px; color:#ff9c00; font-weight:700; padding:0 0 0 15px; font-size:12px}
.profitez_offre_1040{position:absolute; bottom:-10px; right:0px; background:url(../img/profitez_offre_1040.png) no-repeat; width:250px; height:35px; line-height:39px; color:#ff9c00; font-weight:700; padding:0 0 0 15px; font-size:12px}
.profitez_offre_1034{position:absolute; bottom:-10px; right:0px; background:url(../img/profitez_offre_1034.png) no-repeat; width:250px; height:35px; line-height:39px; color:#ff9c00; font-weight:700; padding:0 0 0 15px; font-size:12px}
.profitez_offre_2070{position:absolute; bottom:-10px; right:0px; background:url(../img/profitez_offre_2070.png) no-repeat; width:250px; height:35px; line-height:39px; color:#ff9c00; font-weight:700; padding:0 0 0 15px; font-size:12px}

.profitez_bonus_1036{position:absolute; bottom:-20px; right:0px; background:url(../img/profitez_bonus_1036.png) no-repeat; width:250px; height:35px; line-height:39px; color:#ff9c00; font-weight:700; padding:0 0 0 15px; font-size:12px}
.profitez_bonus_1040{position:absolute; bottom:-20px; right:0px; background:url(../img/profitez_bonus_1040.png) no-repeat; width:250px; height:35px; line-height:39px; color:#ff9c00; font-weight:700; padding:0 0 0 15px; font-size:12px}
.profitez_bonus_1034{position:absolute; bottom:-20px; right:0px; background:url(../img/profitez_bonus_1034.png) no-repeat; width:250px; height:35px; line-height:39px; color:#ff9c00; font-weight:700; padding:0 0 0 15px; font-size:12px}
.profitez_bonus_2070{position:absolute; bottom:-20px; right:0px; background:url(../img/profitez_bonus_2070.png) no-repeat; width:250px; height:35px; line-height:39px; color:#ff9c00; font-weight:700; padding:0 0 0 15px; font-size:12px}


.buteur{position:relative; float:left; width:206px; height:135px; margin:0 15px 15px; padding:0}

.choix_pays{height:35px; width:100%;
list-style: none;
margin: 0 0 10px 0;
padding: 0;
border-bottom:#92c4dc solid 3px}

.choix_pays li{height:25px;padding:5px 10px;float: right;margin:0 0 0 10px;list-style-image: none; border-radius:4px 4px 0 0}
.pays_inactif{background-color:#dee4e7}
.choix_pays li:hover, .pays_actif{background-color:#92c4dc}

.choix_pays li img{border:none}

/* interstitiel */
.popup_fond{display:block;top:0;left:0;margin:0;width:100%;height:100%;position:fixed;background-image: url(../img/pix_black_80.png); z-index:2}
.popup-contenu{margin:auto; width:100%; height:100%; text-align:center; padding:150px 0 0 0}
.popup-img{position:relative}
.close{width:21px; height:21px; cursor:pointer; position: relative; text-align:right}

/* Social */
/*
#social-floated{list-style:none;background: none repeat scroll 0 0 #FFF;left: -90px;margin: 0;padding: 0 10px 10px 10px;position: absolute;top: 178px;width: 60px;
z-index: 1;
-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px}

#social-floated li{margin-top:10px}
*/

/* Guillaume (2013 02 18) */
/* Binh (2018 05 22) */
#social-floated {display: none;position:fixed;left:17px;list-style:none;background:none repeat scroll 0 0 #FFF;margin:0;position:absolute;top:180px;width:60px;z-index:2;-webkit-border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-topleft:6px;-moz-border-radius-bottomleft:6px;border-top-left-radius:6px;border-bottom-left-radius:6px}
#social-floated li{margin-top:10px}

.twitter_box {width:58px;height:34px;position:relative;background:#fff;border:1px solid #bbb;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;margin-bottom:6px}
.twitter_box:after,.twitter_box:before{width:0;height:0;position:absolute;top:100%;border:solid transparent;pointer-events:none;content:" "}
.twitter_box:after{left:50%;border-top-color:#fff;border-width:3px;margin-left:-3px}
.twitter_box:before{left:50%;border-top-color:#aaa;border-width:4px;margin-left:-4px}
.twitter_box #followers{width:100%;height:auto;position:absolute;top:0;left:0;font-family:"Helvetica Neue", helvetica, arial, sans-serif;font-size:16px;line-height:34px;letter-spacing:0;white-space:nowrap;color:#333;text-align:center;-webkit-font-smoothing:subpixel-antialiased}

.partager{font-size:11px;color:#2577aa;text-align:center;line-height:10px;margin:0 auto;padding:6px;border:#DAD6C5 solid 1px;border-radius:4px;width:88%;background-color:#f6f5f0}
.partager{font-size:11px;color:#2577aa;text-align:center;line-height:10px;margin:0 auto;padding:6px;border-top:#DAD6C5 solid 1px;border-bottom:#DAD6C5 solid 1px;width:88%;background-color:#f6f5f0}

/*.fb_partage{display:inline-block;width:16px;height:16px;background:url(/img/sprite_general.png) -776px -72px}*/
.fb-like{margin:0 15px 0 0;padding:0;vertical-align:top}
.fb-like span,
.fb-like iframe {
    width: 61px! important;
    height: 86px! important;
}
div.navbar-burger{
	display: none;
}
div.table_bonus{
	padding: 0;
}
#menuToggle{
	display:none;
}
	.rotate{
		transform: rotate(90deg);
	}
/* Guillaume (2013 02 18) */

.palmares_titre_tab{ background-color:#5f9bb8; color:#fff}

.aams{ position: relative; top:0; height:60px; background-color:#484848; text-align:center; width:100%; margin:0 0 2px 0; font-size:11px; color:#939393;font-family: Verdana, Geneva, sans-serif; line-height: 18px;}
/* Binh (2018 05 18) */
.nom img{
	display: none;
}
@media screen and (max-width: 650px){
.cotes_tab td{ font-size: 12px;}
.titre_3{
	margin: 20px 0 5px 35px;
}
.profitez_bonus_1036{
	bottom: -22px;
}
}
@media screen and (max-width: 768px){
	td.fort img{
		width: 40%;
	}
	td.fort + td img{
		width: 40%;
	}
}
@media screen and (max-width: 600px){
	.cotes_bloc.meilleur_sites{
		width: 50%;
		margin: auto;
	}
	.cotes_bloc.meilleur_sites table{
		display: block;
		width: 100%;
	}
	.cotes_bloc.meilleur_sites tbody{
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.cotes_bloc.meilleur_sites tbody tr:first-child{
		display: none;
	}
	.cotes_bloc.meilleur_sites tbody tr{
		width: 100%;
		height: auto;
		margin: auto;
		margin-bottom: 10px;
	}
	.cotes_bloc.meilleur_sites tbody td{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	div.navbar-burger{
		display: block;
	}
	div.navbar-burger:hover{
		background-color: none;
	}
	.nav li {
		display: none;
	}
	#menuToggle{
		height: auto;
		border-radius: 0;
		width: 100%;
		margin: auto;
		
	}
	.bleu{
		line-height: 1.6;
		font-weight: 600;
	}
	.menu_actif{
		display:none;
	}
	


	.bonus_txt_2{
		width: auto;
	}
	/*
	.book_1036 a, .book_2070 a, .book_1034 a{
		padding: 0;
	}
	*/
	.bonus_book_2{
		width: auto;
	}
}
@media screen and (max-width: 500px){
	.cotes_bloc.meilleur_sites{
		width: 100%;
	}	
}
@media screen and (max-width: 425px){
	h1.titre_1 + form table tr{
		display: flex;
		flex-direction: column;
	}
	.logo_book_2, .nom_book_2, .bonus_book_2, .bonus_txt_2, .bonus_txt_2 + a{
		position: unset;
	}
	a.pariez{
		color: #0e4c70;
		display: block;
		width: 50%;
		margin: auto;
		background-color: rgba(219,227,229,0.4);
		border-radius: 4px;
		border: #c9d3d7 solid 1px;
		margin-bottom: 5px;
		margin-top: 0;
		padding-bottom: calc(.375em - 1px);
		padding-left: .75em;
		padding-right: .75em;
		padding-top: calc(.375em - 1px);
		text-align: center;
		white-space: nowrap;
		font-weight: 700;
		font-size: 1.3rem;
	}
	a.pariez:hover{
		background-color: #809600;
	}

	.logo_favori{
		float: none;
	}	
	.slide_list{
		display: none;
	}

	.favori_2014 p{
		clear: both;
	}
	.book_podium{
		float: none;
		width: 300px;
		margin: auto;
	}
	.pays{
		left: 85%;
		width: 40px;
	}
	/*
	.toggle{
		width: 100%;
		text-align: center;
	}
	*/
	/*
	.book_acceuil_1036 div:nth-child(4), .book_acceuil_1036 div:nth-child(5), .book_acceuil_1036 div:nth-child(6){
		display: none;	
	}
	.book_acceuil_2070 div:nth-child(4), .book_acceuil_1036 div:nth-child(5), .book_acceuil_1036 div:nth-child(6){
		display: none;	
	}
	.book_acceuil_1034 div:nth-child(4), .book_acceuil_1036 div:nth-child(5), .book_acceuil_1036 div:nth-child(6){
		display: none;	
	}
	.nom img{
		display: block;
	}
	*/
	.offres{
		flex-direction: column;
		align-items: center;
	}
	.book_acceuil_1036, .book_acceuil_2070, .book_acceuil_1034{
		width: 100%;
	}
	.book_1036, .book_2070, .book_1034{
		float: none;
		text-align: center;
	    border: 2px #046ca3;
	    box-shadow: inset 0 -1px 0 0 #046ca3, inset 0 1px 0 0 #046ca3, 0 1px 0 0 #046ca3, 0 -1px 0 0 #046ca3;
	    width: 100%;
	    display: flex;
	    flex-direction: column;
	    justify-content: space-evenly;
		background: none;
		margin: auto;
		height: 180px;
	}
	.book_1036 div, .book_2070 div, .book_1034 div{
		font-size: 14px;
	}
	div.table_bonus{
		 display: flex;
		flex-direction: column;
    		justify-content: space-evenly;
		padding: .75rem;
	}
}