/*
 * Guillaume 2013 09 16
 * 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) #d9dad5 top repeat-x;font-size:14px;}
 */

html {height:100%;color:#000;margin:0 auto; padding:0; background:url(../img/body.png) #d9dad5 top repeat-x;font-size:13px}
.body {height:100%;color:#000;margin:0 auto; padding:0; background:url(../img/body.png) #d9dad5 top repeat-x;font-size:13px}
.body2{height:100%;color:#000;margin:0 auto; padding:0; background:url(../img/body2.png) #d9dad5 top repeat-x;font-size:13px}

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

.fort{ font-weight:700}
.font16{     font-size: calc(13px + (16 - 13) * (100vw - 318px) / (1800 -318));}
.font24{ font-size:calc(16px + (24 - 16 ) * (100vw - 318px) / (1800 - 318))}
.link{ color:#799e00; text-decoration:none; font-weight:700}
.link:hover{text-decoration:underline; color: #799e00}
.rouge{color:#cb0020 }
.vert {color:#090}
.vert_menu{color:#5b7d00}
.social-floated{
	display: none;
}
.habillage{ position: absolute; width:100%; height:679px;top:180px; z-index:1}
.habillage2{ position: absolute; width:1458px; height:679px; background: url(../img/habillage.jpg) top center no-repeat; top:240px; left:50%; margin-left:-733px; z-index:1}

.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;}

#principal{margin:0 auto;padding:0;font-family: Verdana, Geneva, sans-serif;line-height:18px; position:relative; z-index:2}
.habillage img{
	width: 100%;
}
.top{ height:171px; position:relative; z-index:3; margin:0 0 10px 0}
.logo{ position:absolute; width:50%; height:150px; top:3px; left:0}
.pays{ width:62px; height:48px; position: absolute; top:7px; left:355px}
.pub{ position:absolute; top:22px; right:0}

.nav{ position:relative;z-index:4; top:128px; right:-13px; float:right; text-align:center; height:43px;}
.nav2{ position:relative;z-index:4; top:126px; right:-13px; float:right; text-align:center; height:43px;}

.nav_g{ display:inline-block; float:left; background:url(../img/nav_g.png); width:21px; height:43px; padding:0; margin:0}
.nav_m{ display:inline-block; float:left; background:url(../img/nav.png); height:43px; padding:0; margin:0}
.nav_d{ display:inline-block; float:left; background:url(../img/nav_d.png); width:13px; height:43px; padding:0; margin:0}


.nav ul, .nav2 ul{ list-style:none; margin:0; padding:10px 0 0 10px; text-align:center}
.nav li, .nav2 li{display: inline-block;float: left;line-height: 20px;margin: 1px 20px 0 0;text-align: center}
.nav li a, .nav2 li a{ display:block;padding:3px 10px;font-size:14px; font-weight:500; text-decoration:none}

.nav li a:hover, .nav2 li a:hover{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
color:#fff;

background-image: linear-gradient(bottom, #ff8a00 0%, #ffae00 100%);
background-image: -o-linear-gradient(bottom, #ff8a00 0%, #ffae00 100%);
background-image: -moz-linear-gradient(bottom, #ff8a00 0%, #ffae00 100%);
background-image: -webkit-linear-gradient(bottom, #ff8a00 0%, #ffae00 100%);
background-image: -ms-linear-gradient(bottom, #ff8a00 0%, #ffae00 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #ff8a00),
	color-stop(1, #ffae00)
);
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cb9800, endColorstr=#f6b801);
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cb9800, endColorstr=#f6b801)";
    background-color: #cb9800}

.menu_actif, .menu_actif a{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
color:#fff;

background-image: linear-gradient(bottom, #ffae00 0%, #ff8a00 100%);
background-image: -o-linear-gradient(bottom, #ffae00 0%, #ff8a00 100%);
background-image: -moz-linear-gradient(bottom, #ffae00 0%, #ff8a00 100%);
background-image: -webkit-linear-gradient(bottom, #ffae00 0%, #ff8a00 100%);
background-image: -ms-linear-gradient(bottom, #ffae00 0%, #ff8a00 100%);

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

.last{ margin:0}

.contenu{ margin:0 0 17px 0; padding:12px; background-color:#FFF;

-webkit-box-shadow:  0 2px 6px 0 rgba(123, 123, 123, 0.5);
box-shadow:  0 2px 6px 0 rgba(123, 123, 123, 0.5);
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=10);}

.mb_35{ margin:0 0 35px 0}

.slide{ position:relative; margin:0 0 17px 0; height:234px; padding:0; background-color:#FFF; width:75%; height:211px; border:#505b2c solid 1px; margin:5px auto 15px auto;

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

.slide_image{width:627px; height:209px; position:absolute; top:0; left:0}
.slide_image_contenu{position:absolute; top:0px; left: 0px}
.slide_image p{position:absolute;top:159px;left:19px;color: #fff;font-size: calc(10px + (14 - 10) * (100vw - 400px) / (1800 - 400));width:95%; margin:0; padding:0}
.slide_image p a{color:#fff; text-decoration:none}
.vignettes{ position:absolute; top:0; right:0; font-size:calc(12px + (17 - 12) * (100vw - 400px) / (1800 - 400))}
.vignettes p{ margin:0; padding:18px 0 0 15px; list-style: none}
.vignettes a{ text-decoration:none; display:block}
/*.vignette_on{ background:url(../img/slide/slide_on.jpg) no-repeat; width:311px; height:70px;}
.vignette_off{ background:url(../img/slide/slide_off.jpg) no-repeat; width:311px; height:70px;}
.vignette_on a{color:#FFF;}
.vignette_off a{color:#333;}
*/
.vignette_off{
	background: linear-gradient(#fdfdfb, #f7f6f1);
}
.vignette_on{
	background: linear-gradient(#6b891c, #5b7d01);
}
.vignette_on a{color:#FFF;}
.vignette_off a{color:#333;}
.vignettes.column.is-4 div {
    width: 100%;
    height: 65px;
    border: solid 1px #a6ae7a;
}
.slide_image_contenu img{
	height: 100%;
}

.split_content{ width:465px; display:inline-block;float:left}
.clear{clear:both}
.strong{ font-weight:700}
.vert{ color:#455f00}

.haut_palmares{background: url(../img/tableau_palmares_haut.png) no-repeat scroll 0 0 transparent;height: 11px;width: 460px}
.palmares{background: url(../img/tableau_palmares_milieu.png) repeat-y scroll 0 0 transparent;clear: both;font-size: 12px;width: 460px;padding:0;margin:0 0 0 10px}
.bas_palmares{background: url(../img/tableau_palmares_bas.png) no-repeat scroll 0 0 transparent;height: 13px;width: 460px}

.titre_1{ margin:5px 0 25px 0; padding:10px 0 10px 15px; font-size: calc(16px + (22 - 16) * (100vw - 318px) / (1800 - 318)); font-weight:300; color:#455f00; background:url(../img/coin_titre.png) left top no-repeat}
.titre_2{ margin:5px 0 15px 0; padding:10px 0 10px 15px; font-size:calc(16px + (22 - 16) * (100vw - 318px) / (1800 - 318)); font-weight:300; color:#455f00; background:url(../img/coin_titre_2.png) left top no-repeat; clear: both;}
.titre_3 {border-bottom: 2px dotted #d1dee4;color: #455F00;font-size: calc(14px + (18 - 14) * (100vw - 318px) / (1800 - 318));font-weight: 300;margin: 5px 5px 15px;padding: 8px 0}
.titre_4 {color: #1F516B;font-size: 18px;font-weight: 300;padding: 8px 0; margin:0}
.titre_cotes {border-bottom: 2px dotted #dfe0db;color: #4f4b45;font-size: 18px;font-weight: 300;margin: 10px 10px 6px;padding:0 0 10px 0}
.titre_poste {border-bottom: 2px dotted #dfe0db;font-size: 20px;font-weight: 300;color:#455f00;margin: 10px 10px 6px;padding:0 0 15px 0; letter-spacing:0.2em}

.book_accueil{ position:relative; width:100%; height:54px; margin:0 0 45px 0; border-bottom: #e2e5da solid 1px; display: flex; align-items: center; }
.bg_logo_book{ position:relative; top:0; left:0; width:107px; height:48px; text-align:center; background:url(../img/bg_book_accueil.png)}
.logo_book{ position:absolute; top:6px; left:7px}
.bookmakers_plus{color: #266a88;left: 112px;margin: 0;top: 4px;width: 60%}
.plus{background: url(../img/plus.png) no-repeat scroll left transparent;margin: 0 0 4px;padding: 0 0 0 18px; line-height:14px}
.profitez_1036{bottom: -30px;height: 23px;position: absolute;right: 0;width: 203px}
.profitez_1040{background: url(../img/profitez_offre_1040.png) no-repeat scroll 0 0 transparent;bottom: -30px;height: 23px;position: absolute;right: 0;width: 203px}
.profitez_1034{background: url(../img/profitez_offre_1034.png) no-repeat scroll 0 0 transparent;bottom: -30px;height: 23px;position: absolute;right: 0;width: 175px}
.profitez_2070{background: url(../img/profitez_offre_2070.png) no-repeat scroll 0 0 transparent;bottom: -30px;height: 23px;position: absolute;right: 0;width: 175px}
.list_next_matchs{ margin:0 auto; padding:0}

.next_match{ position:relative;background:url(../img/prono_accueil_bg.jpg); width:436px; height:108px; font-size:11px; margin:0 0 15px 15px}
.list_prono_eq_1{ position:absolute; top:5px; left:4px}
.list_prono_eq_2{ position:absolute; top:5px; right:4px}
.list_prono_match {color: #fff;left: 68px;position: absolute;text-align: center;top: 9px;width: 300px}
.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:#415501; font-size:14px}
.list_prono_lien a{top:93px;position: absolute; text-align:center; width:436px; height:22px; background:url(../img/placez_1036.png) center no-repeat}
.list_prono_lien a:hover{text-decoration:underline}

.list_prono_lien_1036 a{top:93px;position: absolute; text-align:center; width:436px; height:22px; background:url(../img/placez_1036.png) center no-repeat}
.list_prono_lien_1036 a:hover{text-decoration:underline}

.list_prono_lien_1040 a{top:93px;position: absolute; text-align:center; width:436px; height:22px; background:url(../img/placez_1040.png) center no-repeat}
.list_prono_lien_1040 a:hover{text-decoration:underline}

.list_prono_lien_1034 a{top:93px;position: absolute; text-align:center; width:436px; height:22px; background:url(../img/placez_1034.png) center no-repeat}
.list_prono_lien_1034 a:hover{text-decoration:underline}

.list_prono_lien_2070 a{top:93px;position: absolute; text-align:center; width:436px; height:22px; background:url(../img/placez_2070.png) center no-repeat}
.list_prono_lien_2070 a:hover{text-decoration:underline}


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

.orange  {color:#ffae00}
.orange:hover{color:#ff8a00}

.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%; height: auto;}
.img_top_section{
	display: flex;
}
.img_top_section img{
	display: block;
	width: 80%;
	margin: auto;
}
.pariez_1036 span{
	display: none;
}
.pariez_1036 img{
	display: block;
}
.book_1036 { position:relative; width:430px; height:54px; margin:20px auto; border-bottom: #e2e5da solid 1px;}

.bonus_book_2 {color: #666666;font-size: 12px;left: 105px;position: absolute;text-align: center;top: 3px;width: 286px}
.bonus_txt_2{ position:absolute; top:23px; width:286px; left:105px; text-align:center; font-size:12px; color:#266a88}
.pariez_1036{ display:block; position:absolute; right:0; top:20px}
.favori_2014{ line-height:20px; margin:0 0 15px 0; min-height:175px}
.favori_2014 a{color: #ffae00; text-decoration:underline; font-weight:700}
.favori_2014 a:hover{color: #ff8a00;text-decoration:none}


.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:#415501; text-decoration: underline}
.la_cote a:hover{ text-decoration: none}

.en_savoir_plus a{color:#415501}
.en_savoir_plus a:hover{ text-decoration:none}
/* couplé avec la class contenu */
.bas{ width: 100%;text-align:center; color:#5b5b59; font-size:12px; background-color:#e7e8e4; padding:15px 5px 0; margin-top:40px; border-top:#d0d1cd solid 1px}
.bas a{ color:#ffae00}
.bas a:hover{color: #ff8a00}
.bas h3{ margin:0 0 15px}
.bas p{ margin:0 0 10px}

.cotes_bloc {position:relative;border-radius:2px;margin: 0 auto 25px;padding:5px;border: #d6d4d0 solid 1px;width: 90%;color:#444}
.cotes_bloc p{ line-height: 22px; text-align: justify}
.cotes_bloc a{color: #ffae00; text-decoration:underline; }
.cotes_bloc a:hover{color: #ff8a00;text-decoration:none;}
.cotes_bloc_2 {position:relative;border-radius:2px;margin: 0 auto 25px;padding:5px;border: #d6d4d0 solid 1px;width: 97%;color:#444}
.cotes_bloc_3 {position:relative;margin: 0 auto 15px;padding:0;width: 98%;color:#444}


.cotes_tab{border: #e0ded8 solid 1px; border-collapse:collapse}
.cotes_tab td{border: #e0ded8 solid 1px; border-collapse:collapse; padding:4px; margin:0}
.cote_focus {
background-image: linear-gradient(bottom, rgb(126,156,37) 72%, rgb(106,138,1) 36%);
background-image: -o-linear-gradient(bottom, rgb(126,156,37) 72%, rgb(106,138,1) 36%);
background-image: -moz-linear-gradient(bottom, rgb(126,156,37) 72%, rgb(106,138,1) 36%);
background-image: -webkit-linear-gradient(bottom, rgb(126,156,37) 72%, rgb(106,138,1) 36%);
background-image: -ms-linear-gradient(bottom, rgb(126,156,37) 72%, rgb(106,138,1) 36%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.72, rgb(126,156,37)),
	color-stop(0.36, rgb(106,138,1))
);
}

.cote_focus:hover {
background-image: linear-gradient(bottom, rgb(138,180,0) 72%, rgb(123,161,0) 36%);
background-image: -o-linear-gradient(bottom, rgb(138,180,0) 72%, rgb(123,161,0) 36%);
background-image: -moz-linear-gradient(bottom, rgb(138,180,0) 72%, rgb(123,161,0) 36%);
background-image: -webkit-linear-gradient(bottom, rgb(138,180,0) 72%, rgb(123,161,0) 36%);
background-image: -ms-linear-gradient(bottom, rgb(138,180,0) 72%, rgb(123,161,0) 36%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.72, rgb(138,180,0)),
	color-stop(0.36, rgb(123,161,0))
);
}

.cote_focus a {
color:#FFF;
font-weight: 700;
text-decoration:none;
}


.flag_advert{ display:block; margin:10px 0 0 0}
.flag_advert img{ margin:0 30px}

p.txt{margin:0 0 25px 0; padding:0 20px; line-height:20px}
div.txt{margin:0 0 5px 0; padding:0 15px; line-height:18px}
div.equipe{margin:0 0 35px 0; padding:0 15px; line-height:18px}

.book_podium{ position:relative; height:80px; padding:5px; margin:5px 7px; border-bottom:#eee dotted 1px; float:left}
.num_podium{ background:url(../img/bookmakers/podium/bg_num.png); width:72px; height:72px; line-height:63px; font-size:36px; font-weight:700; color:#4791b0;text-shadow: 1px 1px 2px #ddd;
        filter: dropshadow(color=#ddd, offx=1, offy=1); position:absolute; top:-22px; left:-30px; text-align:center}

.b_shadow{-webkit-box-shadow: 0 8px 8px -6px #a1a1a1; box-shadow: 0 8px 8px -6px #a1a1a1;}
.b_shadow_in{-webkit-box-shadow: inset 0px 0px 20px 0px #eee; box-shadow: inset 0px 0px 20px 0px #eee;}

.profitez_offre_2_1036{ position:absolute; bottom:-10px; right:-6px; background:url(../img/profitez_offre_2_1036.png); width:250px; height:35px}
.profitez_offre_2_1040{ position:absolute; bottom:-10px; right:-6px; background:url(../img/profitez_offre_2_1040.png); width:250px; height:35px}
.profitez_offre_2_1034{ position:absolute; bottom:-10px; right:-6px; background:url(../img/profitez_offre_2_1034.png); width:250px; height:35px}
.profitez_offre_2_2070{ position:absolute; bottom:-10px; right:-6px; background:url(../img/profitez_offre_2_2070.png); width:250px; height:35px}

.profitez_bonus_1036{ position:absolute; bottom:-10px; right:-6px; background:url(../img/profitez_bonus_1036.png); width:250px; height:35px}
.profitez_bonus_1040{ position:absolute; bottom:-10px; right:-6px; background:url(../img/profitez_bonus_1040.png); width:250px; height:35px}
.profitez_bonus_1034{ position:absolute; bottom:-10px; right:-6px; background:url(../img/profitez_bonus_1034.png); width:250px; height:35px}
.profitez_bonus_2070{ position:absolute; bottom:-10px; right:-6px; background:url(../img/profitez_bonus_2070.png); width:250px; height:35px}

.prono_detail a{ position:absolute; bottom:-17px; right:-14px; background:url(../img/bg_lien.png); width:230px; height:35px; line-height:41px; color:#fff; font-weight:700; padding:0 0 0 20px; font-size:12px; text-decoration:underline}
.prono_detail a:hover{ text-decoration:none}

.table_bonus{
	margin-top: 20px;
}
.list{ margin:0 0 20px 40px; padding:0; list-style:none}
.list li{ list-style:url(../img/puce.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);}
		
.list2, .list3{margin:0 0 40px 80px; padding:0; list-style:none}
.list2 li{list-style:url(../img/puce.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}

.link{color:#4e4e4e; text-decoration: underline}
.link:hover{text-decoration:none}

.advert{ position:relative; width:86%; margin:5% auto; border:#f4b800 solid 4px; background-color:#f5f5f5; border-radius:4px; padding:10px; text-align:center}

.prono_list{ position:relative; width:92%; margin:40px auto; border:#e4e5e1 solid 8px; border-radius:6px; padding:10px}
.prono_match{ line-height:28px; color:#5f5f5f}
.block{ display: block; text-align: center;}

.notre_prono{position:relative; width:82%; margin:0 auto 2%; border:#a7c24b solid 4px; background-color:#f5f5f5; border-radius:4px; padding:2px; text-align:center; line-height:45px}


.date{ position:absolute; top:-29px; left:-8px; width:160px; text-align:center; padding:5px 25px; color:#2d2d2c; background-color:#e4e5e1;
text-shadow: 1px 1px 1px #ffffff;
filter: dropshadow(color=#ffffff, offx=1, offy=1);
-webkit-border-top-right-radius: 6px;
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-topleft: 6px;
border-top-right-radius: 6px;
border-top-left-radius: 6px;}

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

text-shadow: 1px 2px 6px #7e5600;
filter: dropshadow(color=#7e5600, offx=1, offy=1);
filter:progid:DXImageTransform.Microsoft.Shadow(color='#7e5600', Direction=135, Strength=2);
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, #ff8a00 100%, #ffae00 75%, #ff8a00 0%);
background-image: -o-linear-gradient(bottom, #ff8a00 100%, #ffae00 75%, #ff8a00 0%);
background-image: -moz-linear-gradient(bottom, #ff8a00 100%, #ffae00 75%, #ff8a00 0%);
background-image: -webkit-linear-gradient(bottom, #ff8a00 100%, #ffae00 75%, #ff8a00 0%);
background-image: -ms-linear-gradient(bottom, #ff8a00 100%, #ffae00 75%, #ff8a00 0%);

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

.equipe_intro{margin:0 0 25px 30px; padding:0; line-height:20px}

.manager{margin:0 0 25px 0; padding:0 20px; min-height:130px}

.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
}
.open{
	display: 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: 180px;
    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-floated2 {
    list-style:none;
    background: none repeat scroll 0 0 #FFF;
    left: -90px;
    margin: 0;
    padding: 0 10px 10px 10px;
    position: absolute;
    top: 240px;
    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) */
#social-floated {list-style:none;background:none repeat scroll 0 0 #FFF;left:-90px;margin:0;padding:0 10px 10px 10px;position:absolute;top:172px;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;
}
/* Guillaume (2013 02 18) */
	
.palmares_titre_tab{ background-color:#c0beb8; color:#fff}
@media screen and (max-width: 1200px){
	.slide{
		width: 100%;

	}	
}
@media screen and (max-width: 768px){

	.slide_image{
		display: none;
	}
	.vignettes p{
		font-size: 1.2rem;
		font-weight: 600;
		text-align: center;
	
	}
	.vignette_on{
		background: linear-gradient(#fdfdfb, #f7f6f1);
	}
	.vignette_on a {
	    color: #333;
	}

	.open{
		display: block;
		position: absolute;
		top: 0px;
		right: 0px;
		width: 50px;
		height: 50px;
		display: block;
		cursor: pointer;
		transition: opacity 0.2s linear;
	}
	.open:hover{
			opacity: 0.8;
	}
	.open span{
		display: block;
		float: left;
		height: 4px;
		clear: both;
		width: 40px;
		border-radius: 40px;
		background-color: #7fb200;
		position: absolute;
		right: 3px;
		top: 3px;
		overflow: hidden;
		transition: all 0.4s ease; 
	}
	.open span:nth-child(1){
		margin-top: 15px;
		z-index: 9;
	}
	.open span:nth-child(2){
		margin-top: 25px;
	}
	.open span:nth-child(3){
		margin-top: 35px;
	}
	.sub-menu{
		transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
		height: 0;
		width: 0;
		right: 0;
		top: 0;
		position: absolute;
		background-color: rgba(38, 84, 133, 0.54);
		border-radius: 50%;
		z-index: 18;
		overflow: hidden;
	}
	.sub-menu li{
		display: block;
		margin-bottom: 5px;
		float: right;
		clear: both;
		height: auto;
		margin-right: -160px;
		transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	}
	.sub-menu li:first-child{
		margin-top: 180px;	
	}
	.sub-menu li:nth-child(1){
		transition-delay: 0.05s;
	}
	.sub-menu li:nth-child(2){
		transition-delay: 0.10s;
	}
	.sub-menu li:nth-child(3){
		transition-delay: 0.15s;
	}
	.sub-menu li:nth-child(4){
		transition-delay: 0.20s;
	}
	.sub-menu li a{
		color: #fff;
		display: block;
		width: 100%;
		float: left;
		padding: 3px;
	}
	.openned .sub-menu{
		opacity: 1;
		height: 400px;
		width: 400px;
	}
	.openned span:nth-child(2){
		overflow: visible;
	}
	.openned span:nth-child(1), .openned span:nth-child(3){
		z-index: 100;
		transform: rotate(45deg);
	}
	.openned span:nth-child(1){
		transform: rotate(45deg);
	}
	.openned span:nth-child(2){
		height: 400px;
		width: 400px;
		right: -160px;
		top: -160px;
		border-radius: 50%;
		background-color: rgba(38, 84, 133, 0.54);
	}
	.openned span:nth-child(3){
		transform: rotate(-45deg) translateY(-15px) translateX(15px);
	}
	.openned li{
		margin-right: 168px;
	}

	.nav{
		display: none;
	}

}
@media screen and (max-width:600px){

	.pariez_1036 img{
		display: none;
	}
	.pariez_1036 span.button{
		display: block;
    		background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgb(255, 138, 0)), color-stop(0.75, rgb(255, 174, 0)), to(rgb(255, 138, 0)));
    		background-color: rgb(255, 138, 0);
		width: 100%;
		height: 100%;
    		display: flex;
		color: #FFF;
		font-size: 1.3rem;
	}
	.img_top_section img{
		width: 100%;
	}
	.pariez_1036{
		width: 50%;
    		height: 40px;
	}
	.book_1036{
		width: 100%;
		height: auto;
		 display: flex; 
		justify-content: center; 
		align-items: center; 
		flex-direction: column;
		font-weight: 600;
		border: double 4px;
    		border-color: #476001;
    		padding-bottom: 10px;
	}
	.book_1036 div{
		margin-bottom: 10px;	
	}
	.bonus_book_2{
		width: unset;
		position: unset;
	}
	.bonus_txt_2{
		width: unset;
		position: unset;
	}
	.pariez_1036{
		position: unset;
	}
	.book_podium{
		float: none;
	}
	.book_accueil{
		height: auto;
		margin: 0px 0 50px 0;
		flex-direction: column;
		justify-content: center;
	}
	.bg_logo_book{
		position: unset;
		background: none;
		width: 50%;
		height: auto;
	}
	.logo_book{
		position: unset;
	}
	.bookmakers_plus{
		width: 100%;
		margin: auto;
		text-align: center;
	}
	.plus{
		margin: 5px 0 20px;
		font-weight: 600;
	}
	.vignettes p{
		font-size: 1rem;
	}
	.profitez_1036{
		position: unset;
	}

}
@media screen and (max-width: 425px){
	#principal{
		width: 100%;
	}
}