body{background-color:#c4c4c4;}
#principal{font-family:verdana, arial, Helvetica, sans-serif;background-color:#c4c4c4;width:1036px;margin:0 auto;padding:0;line-height:17px;font-size:12px;position:relative;}
a{color:#f60;text-decoration:none;}
a:hover{color:#c00}
strong{color:#4e6400;}
p{
	line-height: 18px;
}

.jpp_accueil{background:url(images/jpp_accueil.jpg) no-repeat; width:270px; height:110px}
.jpp_texte{ width:180px; margin:0; padding:20px 60px 0 10px; text-align:left; line-height:23px}
.form_vert_input_focus { border:1px solid #9C0; height:18px; }
.form_vert_input_blur { border: 1px solid #CBDFF3; height:18px; }
img{border:0;margin:0;padding:0}
.image_texte{margin:0 10px 0 0}
.font10{font-size:10px}
.font11{font-size:11px}
.rouge{color:#c00}
.bleu{color:#315076}
.vert{color:#4e6400}
.blanc a{color:#FFF;text-decoration:underline;background-color:#c8d844}
.blanc a:hover{text-decoration:none}
.voyant{color:#af191a;font-weight:700}
.alerte{font-weight:700;color:#f00}
.message_alerte{color:#C00;font-weight:700}
.titre-menu-v{background-image:url(images/menu-h.jpg);width:248px;height:25px;line-height:22px;font-size:12px;font-weight:700;margin:5px 0px 0px 0px;background-repeat:no-repeat;text-align:center}

.header_in_footer{width:1026px;background:url(images/fondlogo.jpg) top right no-repeat;margin:0 auto;position:absolute;top:0;left:0}
.titre1{background:url(images/titre-cadre.png) top left no-repeat scroll transparent;width:582px;height:30px;margin:0;font:bold 18px Verdana, Arial, Helvetica, sans-serif;color:#4e6400;padding:12px 100px 0 75px;line-height:22px}
.titre2{background:url(images/st-fleche.gif) left top no-repeat;margin:30px 0 20px 0;padding:0 0 0 55px;font-size:14px;color:#4e6400;text-align:left}
.titre3{margin:0;padding:0;font-size:14px; font-weight:700;color:#4e6400;height:25px}
.titre4{margin:30px 0 20px 0;padding:0 0 0 12px;font-size:14px;color:#4e6400;text-align:left }
.titre_footer{
	background:url(images/titre-cadre.png) top left no-repeat transparent;
	width:582px;
	height:30px;
	margin:0;
	color:#4e6400;
	padding:12px 100px 0 75px;
	line-height:22px;
	font-size: 13px;
	font-weight: 700;
}

#contenu{ margin:0 auto; padding:0;min-height: 600px}
#content{float:left;width:758px;background:url(images/bg-cadre.png) repeat-y;color:#000;margin:7px 0 10px 10px;padding:0}
/* for Internet Explorer */
* html #contenu {height: 600px}

#textearticle{float:left;width:758px;background:url(images/bg-cadre.jpg) repeat-y;font-size:12px;background-color:#c4c4c4;margin:0 0 0 10px;padding:0}
#textearticle p{margin:0 0 10px 0;padding:0 0 0 15px}

.logos{margin-right:8px; padding-top:3px}
.infos{margin:0;padding:0;float:left;width:170px}
.infos_book{ background:url(images/separation_verticale.gif) left repeat-y; padding:0 0 0 10px; margin:0}
.infos p{margin:15px 0 0 0;padding:0; text-align:center}

.pubd2{width:170px;height:auto;margin:auto;padding:17px 0 0 10px;float:left}
	
.bas-article{float:left;background:url(images/bas-cadre.png) bottom no-repeat;width:758px;height:18px;margin:0;padding:0 0 18px 0}

.gauchetexte{float:left;color:#fff;font:13px verdana, arial, Helvetica, sans-serif;background-color:#c4c4c4;padding:4px 0 0 0;margin:0 0 25px 0;width:248px}
.gauchetexte ul{margin:0;padding:0;list-style-type:none;font-family:verdana, arial, Helvetica, sans-serif}
.gauchetexte a{font-weight:100;background:url(images/btn.jpg) no-repeat;background-position:0 0;width:248px;height:23px;display:block;text-indent:8px;line-height:21px}
.gaucheActive a{font-weight:700;background:url(images/btn-hover.jpg) no-repeat;background-position:0 0;width:248px;height:23px;display:block;text-indent:8px;line-height:21px}
.gauchetexte a:hover{color:#c00;background:url(images/btn-hover.jpg) no-repeat}

.cadre-accueil{float:left;width:705px;margin:0;padding:0 0 0 15px; min-height: 600px }
.cadre{float:left;width:725px;margin:0;padding:0 10px 0 15px; min-height: 600px }
/* for Internet Explorer */
* html .cadre{height:600px}

.cadre2{float:left;width:550px;margin:0;padding:0 10px}
.cadre3{margin:0;padding:0 10px 0 15px; font-size:12px}
.img_texte{margin:0 10px}

.cadrallopass{float:left;background-repeat:no-repeat}

.menu{padding-top:132px; background:url(images/menu.jpg) left bottom no-repeat #c4c4c4;width:1026px;height:70px;font:bold 12px Verdana, Arial, Helvetica, sans-serif;text-align:center}
.menu ul{list-style:none;margin:auto;padding:10px 0px 0px 260px}
.menu li{margin:0px 10px 0px 0px;float:left;width:176px;height:32px;background:url(images/btn-v-a.jpg) no-repeat}
.menu a{display:block;padding-top:5px;color:#fff;line-height:18px}
.menu a:hover{width:176px;height:32px;background:url(images/btn-v-b.jpg) no-repeat}

.tableau{border:1px solid #88BB00;border-collapse:collapse;margin-bottom:20px}
.tableau td{border:1px solid #b4ca1e}
.contour{border:1px solid #88BB00;background:#fff}
.contour_leger{border:1px solid #e0e0e0; font-weight:300; background-color:#fff}
.contour_p,contour_leger{margin:0;padding:0;height:32px;line-height:14px}
.contour div{margin:0;padding:0}
.titre_tableau{
	height:25px;
	color:#fff;
	background-color: #9DAF0B;
	font-weight: 700;
}
.fdj_date{margin:0 0 5px 0;padding:0;font-weight:700;color:#369}
.line-height14{line-height:14px}

.contour2{border:3px solid #d0dd78;background:#f5f5f5;margin:0 auto;padding:3px}

.hautActive a{width:176px;height:32px;background:url(images/btn-v-b.jpg) no-repeat;line-height:18px}

.bords{border:none;padding:0;margin-top:25px;margin-left:16px;width:150px}
.telechargergrille{float:left}
#texte a{color:#e10000;text-decoration:none;font-weight:700}

.espacementphoto{text-align:justify;width:100%;padding-left:5px}

.exemple{font-size:11px;}
.titreexemple{font-size:18px;font-weight:700;color:#d3001d;margin:0px;padding:0px;text-align:center}
#texteexemple a{font-weight:normal}
#texteexemple li{list-style-image:url(images/puce.gif);margin-top:4px;margin-bottom:4px}
.popup{margin:10px;font-weight:700;background-image:url(images/haut_adsense.gif)}
.titrepronos{font:bold 14px Verdana, Arial, Helvetica, sans-serif;color:#0000af;border-top-width:1px;border:#333;border-bottom-width:1px;line-height:20px}
.formulaire{font-size:12px}

.titres_tb_cm, .titres_tb_cm2{color:#fff;background:url(images/tb_cm.gif) repeat-x;text-align:center;font-weight:700}
.titres_tb_cm{height:50px;font-size:14px}
.titres_tb_cm2{height:30px;font-size:12px}
.tb_cm,.tb_cm2{height:50px;color:#333330;text-align:center}
.tb_cm{height:50px}
.tb_cm2{height:30px}
.tb_cm_cotes{text-align:center;vertical-align:middle;font-size:12px;font-weight:700}

.cote_prono{font-weight:700;font-size:12px;text-decoration:underline}
.cote_prono a{color:#f60}

.rubriques{font-size:11px;font-style:italic;text-align:right}

.connect{ float:right;width:207px;line-height:10px;font-size:11px; margin:20px 0 0 0}
.connect a{
	color: #FFF;
}
.btn_inscription{width:134px;height:24px;position:absolute;top:85px;left:850px}
.pub_haut{ position:absolute; left:348px; top:30px}
.jpp{ position:absolute; left:246px;}

.pied{float:right; width:758px; background:url(images/bg-cadre.png) repeat-y;color:#000;margin:20px 15px 0 0}
.pied p{
	padding:0 10px 0 10px;
	font-size: 11px;
}
.pied-h{background:url(images/bas-h.jpg) no-repeat;width:1014px;height:18px;background-color:#c4;margin:0;padding:0}
.pied-b{background:url(images/bas-b.jpg) bottom no-repeat;width:1014px;height:22px;background-color:#c4;margin:0;padding:0}
.footer_titres,.footer_titres a{margin:0 0 20px 0;font-weight:700; font-size:14px}
.pied td{border-right: 1px solid #777;padding:0 8px}

.table{margin-left:15px;padding:0}

.px10,.px10 a{font:italic bold 10px Geneva, Arial, Helvetica, sans-serif;color:#fe7200}
.px10 a:hover{font:italic 10px Geneva, Arial, Helvetica, sans-serif;color:#c00}
.bg-num{color:#fff;margin:auto}

.pays{color:#900;font-weight:700}

.lien-grand a{font-size:15px;line-height:20px}

.retour{font-size:10px;text-align:right;font-style:italic}
.petit{font-size:10px;font-style:italic;text-align:right}
.p_index,.liste_accueil{ margin:0 0 20px 10px; padding:0}
.liste_accueil{min-height:45px;width:720px}
.st{position:absolute;top:210px;width:200px;left:1050px}
.st_titres{background:url(images/st_titres.png) bottom left #c4c4c4 no-repeat;margin:0;padding:0 0 0 10px;color:#fff;height:30px;width:200px;font-size:11px;font-weight:700;}
.st_list{background:url(images/st_bas.png) bottom no-repeat;margin:0 0 10px 0;padding:3px;background-color:#FFF}
.st_list li{list-style:none;line-height:18px;margin:0 0 5px 0;padding:0;font-size:10px;line-height:14px}
.st_list li a{font-weight:500}

.btn{margin:15px auto}
.btn_gauche{background:url(images/btn_g.gif) right no-repeat;height:33px;width:13px}
.btn_centre{background:url(images/btn_c2.gif); height:33px;}
.btn_centre a,.btn_bleu_centre a{font-weight:700;color:#fff;text-decoration:none}
.btn_droite{background:url(images/btn_d.gif) left no-repeat;height:33px;width:13px}

.notes_tableau{line-height:20px}
.note_moyenne{color:#006980;border:#09c 1px solid}

.cadre ul,.cadre2 ul{list-style-image: none}	
.cadre li,.cadre2 li{list-style-image: url(images/petitepuceorange.gif);margin-bottom:5px}

.marge_bas{margin:0 auto 10px auto}
.num{color:#4e6400; border:#4e6400 solid 1px}

.type_prono_ligne{background:url(images/fdj/type_pari_ligne.gif) repeat-x;height:24px}
.type_prono_g{background:url(images/fdj/type_pari_g.gif) right no-repeat}
.type_prono_c{background:url(images/fdj/type_pari_c.gif) repeat-x;font-weight:700;color:#fff}
.type_prono_d{background:url(images/fdj/type_pari_d.gif) left no-repeat}

.revenez{
	border: 1px solid #d0dd78;
	text-align: center;
	margin: 10px 0 10px 0;
	padding: 10px 0 10px 0;
	background-color: #FFF;
}