/****************** Style personnalisé - ajout 04/12/2009 ******************/


#wrapper{width: 300px;}

.boite_LPR{ }
.boite_LPR .contenu{}
.boite_LPR .contenu p{margin: 0; padding: 0;}

.boite_LPR .contenu a{text-decoration: none;}
.boite_LPR .contenu a:hover{text-decoration: underline;} 
.boite_LPR .contenu a img{border: none;}

.box_custom{border-top: 4px solid #DEDEDE; padding: 3px 0 0 0;}
.box_custom .top{border-top: 7px solid #4E4943; padding: 2px 0 0 0;}
.box_custom .top .titre{color: #CC0033; font-weight: bold; font-family: arial;}
.box_custom .content{}


/************** col centrale : communaute **************/

.boite_LPR2{margin: 10px 0;  padding: 0;}
.boite_LPR2 .contenu{margin: 0; padding: 3px 0 0 0; background:url(/fr/images/csscustom/communaute/bg-bleu.png) repeat-x top}
.boite_LPR2 .contenu p{margin: 0; padding: 0; }
.boite_LPR2 .contenu a{text-decoration: none;}
.boite_LPR2 .contenu a:hover{text-decoration: underline;}
.boite_LPR2 .contenu a img{border: none;}
.boite_LPR12 .top{background: transparent url(/fr/images/csscustom/communaute/puce.gif) no-repeat 0  !important; }
.boite_LPR2 .top{background: transparent url(/fr/images/css/v3base/table_list_th.gif) repeat-x top  !important; }
.boite_LPR2 .content{}
.boite_LPR2 .bottom {background:url(/fr/images/csscustom/communaute/bg-bleu.png) repeat-x top; text-align:center; padding:2px; color:#FFF}
.boite_LPR2 .bottom span{text-align:center; color:#FFF}
.boite_LPR2 ul.fleche li{list-style-image: url(/fr/images/csscustom/fleche.gif); margin: 0 0 0 18px; padding: 0; text-align: left;}

/************** col gauche/mon compte : communaute **************/

.boite_LPR4{background:url(/fr/images/csscustom/fd-enquete.gif) repeat-x top; height:138px; margin: 0; padding: 0;}
.boite_LPR4 .contenu{margin: 20px; padding: 3px 0 0 0; }
.boite_LPR4 .contenu p{margin: 0; padding: 0; }
.boite_LPR4 .contenu a{text-decoration: none;}
.boite_LPR4 .contenu a:hover{text-decoration: underline;}
.boite_LPR4 .contenu a img{border: none;}
.boite_LPR4 .top{background: transparent url(/fr/images/css/v3base/table_list_th.gif) repeat-x top  !important; }
.boite_LPR4 .content{}
.boite_LPR4 .bottom {}
.boite_LPR4 .bottom span{ color:#FFF}
.boite_LPR4 ul.fleche li{list-style-image: url(/fr/images/csscustom/fleche.gif); margin: 0 0 0 18px; padding: 0; font-size:13px; text-align: left;}
.boite_LPR4 .a_titre2 {color:#FFFFFF; font-size:14px !important; font-weight:bold; margin:0 !important; padding:5px 15px;}


/************** col droite : communaute **************/

.boite_LPR5{background:url(/fr/images/csscustom/fd-enquete-c.gif) repeat-x top; height:180px; margin: 0; padding: 0;}
.boite_LPR5 .contenu{margin: 0; padding: 3px 0 0 0; }
.boite_LPR5 .contenu p{margin: 0; padding: 0; }
.boite_LPR5 .contenu a{text-decoration: none;}
.boite_LPR5 .contenu a:hover{text-decoration: underline;}
.boite_LPR5 .contenu a img{border: none;}
.boite_LPR5 .top{background: transparent url(/fr/images/css/v3base/table_list_th.gif) repeat-x top  !important; }
.boite_LPR5 .content{}
.boite_LPR5 .bottom {}
.boite_LPR5 .bottom {background:url(/fr/images/csscustom/communaute/bg-bleu.png) repeat-x top; text-align:center; padding:2px; color:#FFF}

.boite_LPR5 .a_titre2 {color:#FFFFFF; font-size:14px !important; font-weight:bold; margin:0 !important; padding:5px 15px;}

.boite_LPR5 ul.fleche li{list-style-image: url(/fr/images/csscustom/fleche.gif); margin: 0 0 0 18px; padding: 0; text-align: left;}

/************** col centrale : jeux **************/

.boite_LPR3{margin: 10px 0;  padding: 0;}
.boite_LPR3 .contenu{margin: 0; padding: 3px 0 0 0; background:url(/fr/images/csscustom/communaute/bg-rose.png) repeat-x top}
.boite_LPR3 .contenu p{margin: 0; padding: 0; align:center}
.boite_LPR3 .contenu a{text-decoration: none;}
.boite_LPR3 .contenu a:hover{text-decoration: underline;}
.boite_LPR3 .contenu a img{border: none; margin: 2px;}
.boite_LPR3 .top{background: transparent url(/fr/images/csscustom/communaute/barre-rose.gif) no-repeat 0  !important; }
.boite_LPR3 .content{}
.boite_LPR3 .bottom {background:url(/fr/images/csscustom/communaute/bg-rose.png) repeat-x top; text-align:center; padding:2px; color:#FFF}
.boite_LPR3 .bottom span{text-align:center; color:#FFF}

/************** boite generique_bleu **************/

.boite_LPR6{margin: 0;  padding: 0; border: 1px solid #5eaee4;}
.boite_LPR6 .contenu{margin: 10px; padding: 3px 0 0 0; }
.boite_LPR6 .contenu p{margin: 0; padding: 0; font-size:14px; line-height:16px; font-family:Tahoma, Geneva, sans-serif; }
.boite_LPR6 .contenu a{text-decoration: none;}
.boite_LPR6 .contenu a:hover{text-decoration: underline;}
.boite_LPR6 .contenu a img{border: none;}
.boite_LPR6 .top{background: transparent url(/fr/images/css/v3base/table_list_th.gif) repeat-x top  !important; }
.boite_LPR6 .content{}
.boite_LPR6 .bottom {}
.boite_LPR6 .bottom span{ color:#FFF}
.boite_LPR6 ul.fleche li{list-style-image: url(/fr/images/csscustom/fleche.gif); margin: 0 0 0 18px; padding: 0; font-size:13px; text-align: left;}
.boite_LPR6 .a_titre2 {color:#FFFFFF; font-size:14px !important; font-weight:bold; margin:0 !important; padding:5px 15px;}


/************** boite generique_bleu 2 col**************/

.boite_LPR7{margin: 0;  padding: 0; border: 1px solid #5eaee4;}
.boite_LPR7 .contenu1{margin: 0; padding: 3px 0 0 0; width:300px; float:left;}
.boite_LPR7 .contenu2{margin: 0; padding: 3px 0 0 0; width:300px; float:left;}
.boite_LPR7 .contenusepare{margin: 10px; padding: 3px 0 0 0; width:1px; background:#5eaee4; height:200px;float:left;}
.boite_LPR7 .contenu p{margin: 0; padding: 0; font-size:14px; line-height:16px; font-family:Tahoma, Geneva, sans-serif; }
.boite_LPR7 .contenu a{text-decoration: none;}
.boite_LPR7 .contenu a:hover{text-decoration: underline;}
.boite_LPR7 .contenu a img{border: none;}
.boite_LPR7 .top{background: transparent url(/fr/images/css/v3base/table_list_th.gif) repeat-x top  !important; }
.boite_LPR7 .content{}
.boite_LPR7 .bottom {}
.boite_LPR7 .bottom span{ color:#FFF}
.boite_LPR7 ul.fleche li{list-style-image: url(/fr/images/csscustom/fleche.gif); margin: 0 0 0 18px; padding: 0; font-size:13px; text-align: left;}
.boite_LPR7 .a_titre2 {color:#FFFFFF; font-size:14px !important; font-weight:bold; margin:0 !important; padding:5px 15px;}



/************** col centrale **************/
.mot{background: #6a5260 url(/fr/images/csscustom/titre-mot.gif) no-repeat 0 0; padding: 24px 10px 0px 10px;}
.dessins{background: #581660 url(/fr/images/csscustom/titre-dessins_presse.gif) no-repeat 0 0; padding: 24px 10px 0px 10px;}
.filrouge{background: #FFF url(/fr/images/csscustom/titre-fil_rouge.gif) no-repeat 0 0;}

/************** colonne droite****

.evenements{background: #FFF url(/fr/images/csscustom/titre-evenements.gif) no-repeat 0 0;}
.salons{background: #FFF url(/fr/images/csscustom/titre-salons.gif) no-repeat 0 0;}
.abo{background: #FFF url(/fr/images/csscustom/titre-abo.gif) no-repeat 0 0;}
.boutique{background: #FFF url(/fr/images/csscustom/titre-boutique.gif) no-repeat 0 0;}
.images{background: #FFF url(/fr/images/csscustom/titre-images.gif) no-repeat 0 0;}
.billetterie{background: #FFF url(/fr/images/csscustom/titre-billetterie.gif) no-repeat 0 0;}
.abo{background: #FFF url(/fr/images/csscustom/titre-abo.gif) no-repeat no-repeat 0 0;}
.horoscope{background: #FFF url(/fr/images/csscustom/titre-horoscope.gif) no-repeat;}
.images{background: #FFF url(/fr/images/csscustom/titre-images.gif) no-repeat;}**********/
.abo-locales{background: #FFF url(/fr/images/csscustom/titre-abo-locales.gif) no-repeat;}


ul.cube li{list-style-image:url(/fr/images/csscustom/cube.png); padding: 0 10px 0 0; margin: 0 10px 0 20px; font-weight: bold; background: #EEE;}
ul.puce li{list-style-image:url(/fr/images/appli/jeu/indoor/puce-ronde.png); padding: 0 10px 0 0; margin: 0 30px 0 30px; font-weight: bold;}
ul.puceaction li{list-style-image:url(/fr/images/css/v3base/puce_action.gif); padding: 0 10px 0 0; margin: 0 30px 0 30px;}
ul.fleche li{list-style-image: url(/fr/images/csscustom/fleche.gif); margin: 0 0 0 18px; padding: 0; text-align: left;}
ul.dossier li{list-style-image: url(/fr/images/appli/infolegale/cocheo.gif); margin: 15px 0 0 25px; padding: 0; text-align: left; font-size:12px;line_height:14px;}
ol.liste-numeros li{list-style-type: decimal type; padding: 0 10px 7px 0; margin: 0 10px 0 40px; color:#fff;}



/* fond en images */
div.fondimages p.titre3{color: #FFF; margin: 0; padding: 0;}
div.fondimages #carousel_container{width: 300px; height: 140px; position: relative; padding: 0; margin: 0; background: #FFF; overflow: hidden;}
div.fondimages #carousel_inner{width: 300px; height: 118px; overflow: hidden; padding: 0;}
* html div.fondimages #carousel_inner{overflow: visible;}
div.fondimages #carousel_ul{position: relative; left: -100px; list-style-type: none; margin: 0; padding: 0; width: 900px; background: #FFF; overflow: hidden;}
div.fondimages #carousel_ul li{float: left; width: 90px; height: 95px; background: #EEE; margin: 5px 1px; padding: 3px; border: 1px solid #CCC;}
* html div.fondimages #carousel_ul li{height: 95px;}
div.fondimages #carousel_ul li img{cursor: pointer; cursor: hand; border: none; width: 84px; height: 60px; display: block; padding: 0; margin: 0;}

div.fondimages #carousel_ul li h4{font-size: 11px; text-align: center; margin: 0; padding: 0;}
div.fondimages #carousel_ul li h4 a{color: #000; font-size: 10px;}
* html div.fondimages #carousel_ul li h4 a{font-size: 9px; font-weight: normal;}
div.fondimages #nav{width: 60px; height: 25px; margin: 0 auto; overflow: hidden;}
div.fondimages #left_scroll, #right_scroll{padding: 0 5px; float: left; width: 20px; height: 20px;}
div.fondimages #left_scroll img, #right_scroll img{border: none; cursor: pointer;cursor: hand;}


/* abos */
#fondabo {background-image:url(/fr/images/csscustom/fd-abo.gif); height:79px;}
#fondjeune { background-image:url(/fr/images/csscustom/fd-abo-jeune.gif); height:145px;}


.AboJeune{ background-image:url(/fr/images/appli/abopapier/jeunes/fd-formulaire.gif); height:438px;}
.AboJeune .decal_texte {margin: 20px 60px 0 170px; color:#FFF; text-align:justify; font-size:12px;}
.AboJeune .noir12 {color:#000;}
.AboJeune .noir18 {font-size:18px; color:#000; text-align:center; line-height:16px;}
.AboJeune .ul {color:#000;}


#fondfoothome {background-image:url(/fr/images/csscustom/fond-foot-home.jpg); height:79px;}


.fondblanc{background: #fff;}
.fondgris{background: #EEE;}
.fondfootdirect{background: #fff; margin: 0 0 10px 5px;}
.fondcouleur{background: #cc3366;}


.bottom_rouge {font-weight: bold; background-color:#cc0033; color:#FFF; text-align:center; font-size: 11px; font-family:Trebuchet, Arial, Helvetica, sans-serif;}






#fondrupture {background-image:url(/fr/images/csscustom/fd-grde-rupture.jpg); height:250px;}
.txtrupture {font-size: 12px; padding: 0px 25px 0px 160px ; font-family:Trebuchet, Arial, Helvetica, sans-serif;}

.titre_blanc {color: #fff; font-size:18px ;font-weight: bold; text-decoration:none; margin-left:10px;  text-align: left;}
.titre_rouge {color: #cc0033; font-size:18px ;font-weight: bold; text-decoration:none; }
.titre_gris {color: #666666; font-size:18px ;font-weight: bold; text-decoration:none; }
.titre_noir {color: #000; font-size:24px ;font-weight: bold; text-decoration:none; font-family, eurostile, arial;}
.titre_orange {color: #ff6600; font-size:24px ;font-weight: bold; text-decoration:none; font-family, eurostile, arial;}
.titre_vert {color: #cccc33; font-size:24px ;font-weight: bold; text-decoration:none; font-family, eurostile, arial;}

.blanc {color: #FFF; font-family:Arial, Helvetica, sans-serif; text-decoration:none; }
.orange {color: #f6aa00;  text-decoration:none; }
.rouge {color: #cc3333;  font-weight: bold; text-decoration:none; }
.rouge10 {color: #cc3333;  text-decoration:none; }
.blanc10 {color: #FFF; font-size:10px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; }
.grisc {color: #ccc; font-size:10px; }
.grise {color: #eee; font-size:11px; }
.gris {color: #666; font-size:10px; }
.gris9 {color: #666; font-size:09px; }
.gris-fonce {color: #333; font-size:11px; margin: 0 0 10px 5px;}
.bleu {color: #0066cc;  font-weight: bold;}
.vert {color: #669900; font-size: 10px; font-weight: bold;}
.vert12 {color: #99cc33; font-size: 12px; font-weight: bold; font-family:Trebuchet, Arial, Helvetica, sans-serif;}
.violet {color: #993366; text-decoration:none; }
.violet2 {color: #333366; text-decoration:none; }
.txtabo {font-weight: bold; color: #000; font-size: 12px; font-family:Trebuchet, Arial, Helvetica, sans-serif;}
.txtjeune {font-weight: bold; color: #FFF; font-size: 16px; line-height:16px; font-family:Trebuchet, Arial, Helvetica, sans-serif;}


.titreboutique {font-weight: bold; font-size: 18px; color:#006699; font-family:Trebuchet, Arial, Helvetica, sans-serif;}
.prix {font-size: 10px; color:#ff4301; font-family:Arial, Helvetica, sans-serif;}
.theme-horoscope {color: #f6aa00; font-weight: bold; text-decoration:none; text-transform: uppercase;}

.bggris {font-weight: bold; background-color:#eeeeee; font-size: 11px; font-family:Trebuchet, Arial, Helvetica, sans-serif;}
.bgbleu {font-weight: bold; background-color:#cccccc; font-size: 11px; font-family:Trebuchet, Arial, Helvetica, sans-serif;}
.bgbeige {font-weight: bold; background-color:#cccccc; font-size: 11px; font-family:Trebuchet, Arial, Helvetica, sans-serif;}
.bgbilletterie {font-weight: bold; background-color:#cccccc; font-size: 11px; font-family:Trebuchet, Arial, Helvetica, sans-serif; color:#000;}
.bgblanc {font-weight: bold; background-color:#fff; font-size: 11px; font-family:Trebuchet, Arial, Helvetica, sans-serif;}

#bglocales {background-image:url(/fr/images/csscustom/clic.gif); height:17px; margin:0; padding:0; background-color:#cccccc;}
.clic-locales {color:#FFF; margin: 0 0 0 65px; font-weight: bold;}


.rupture{font-weight:bold !important; border-bottom: 1px solid #fff; margin: 10px 0 10px 0; height: 1px; display: block; font-size: 1px;}
.ruptureverte{font-weight:bold !important; border-bottom: 1px solid #9bbe26; margin: 2px 5px 5px 5px; height: 1px; display: block; font-size: 1px;}
.rupturegrise{font-weight:bold !important; border-bottom: 1px solid #cccccc; margin: 2px 5px 5px 5px; height: 1px; display: block; font-size: 1px;}
.separateur{font-weight:bold !important; border-bottom: 1px solid #fff; margin: 20px 5px 20px 5px; height: 1px; display: block; font-size: 1px;}



#visu-acdc { background-image:url(/fr/images/appli/jeu/acdc-home.jpg); height: 379px;}
#visu-lions {background-image:url(/fr/images/appli/sports/lions-sports/nomines.jpg);height: 487px;}
.vote-sportifs {font-weight: bold; color: #FFF; text-decoration:none; margin: 0px 0px 0px 140px ; padding: 410px 0px 0px 0px ; font-size: 38px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}

.surtitremaigre{background: url(/fr/images/css/v3base/puce_titre1.gif) no-repeat 0 3px !important; font-size:11px !important; color:#DD2242 !important; padding: 0 0 0 15px !important; text-transform: uppercase; text-align: left;}

.surtitreinfo{background: url(/fr/images/css/v3base/puce_titre1.gif) no-repeat 0 3px !important; font-size:11px !important; color:#DD2242 !important; padding: 0 0 0 15px;  text-align: left;}






/*  bloc formules abo*/

.prix_abo{margin: 5px 0;}
.prix_abo .top{position: relative; background: transparent url(/fr/images/css/v3base/top_bleu_deg.gif) no-repeat scroll right top; height: 25px;}
.prix_abo .top span{background:transparent url(/fr/images/css/v3base/top_bleu_deg.gif) no-repeat scroll left top; height:25px; width:10px;}
.prix_abo .top p.titre{background: transparent url(/fr/images/css/v3base/bg_sur_rouge.gif) repeat-x scroll left top; color: #FFF;
font-size:12px; font-weight:bold; height:24px; padding:2px 5px 0; position:absolute; top:10px; z-index:50;}
.prix_abo .bordcontent{border-color: #E2E2E2; border-style: solid; border-width:0 1px; overflow: hidden; padding: 10px 0 0;}
.prix_abo .maincontent{padding: 5px; text-align: center; background-color:#FFF;}
.prix_abo .maincontent p{text-align: center; font-weight: bold; margin: 0 0 10px 0;}

.prix_abo .bottom{background: transparent url(/fr/images/css/v3base/bandeau_blanc.gif) no-repeat scroll right bottom; height: 10px;}
.prix_abo .bottom span{background: transparent url(/fr/images/css/v3base/bandeau_blanc.gif) no-repeat scroll left bottom; height: 10px; width: 10px;}


#boite_abo {background-image: url(/fr/images/csscustom/fd-abo-large.jpg); background-color:#FFF; padding: 10px 10px;  margin: 0 0 10px 0;  height: 180px;}


.boite_abo_titre2 {color: #666666; font-size:16px ;font-weight: bold; text-decoration:none; }
.boite_abo titre2 {color: #666666; font-size:16px ;font-weight: bold; text-decoration:none; }
.boite_abo em {color: #cc0033; font-size:14px ;font-weight: bold; text-decoration:none; }
.boite_abo p {color: #666666; font-size:11px ;font-weight: bold; text-decoration:none; }

.bloc {  padding: 5px;  float: left;}
.bloc:hover{ background-color: #eee; ; padding: 5px; }

.bloc1 { width:450px; padding: 5px;  float: left;}
.bloc1:hover{ background-color: #eee; ; padding: 5px; height:130px;}

.bloc2 { width:450px; float: left; padding: 5px;  margin-left:10px;}
.bloc2:hover{ background-color: #eee; padding: 5px; height:130px;}

.bloc3 {width:300px; float: left; padding: 5px; margin-left:10px; }
.bloc3:hover{ background-color: #eee; padding: 5px; height:130px;}

.bloc300 { width:300px; padding: 5px;  float: left;}
.bloc300:hover{ background-color: #e1e8f7;  padding: 5px;}

.blocbilletterie { width:300px; padding: 5px;  float: left;}
.blocaffiche { width:620px; padding: 5px; clear : both;}

#fond-kdo-abo{background: #FFF url(/fr/images/appli/abopapier/fond-kdo.gif) no-repeat; height:70px; padding: 10px 15px 10px 5px;}
#fond-offre{background: #FFF url(/fr/images/appli/abopapier/offre-papier-ete.jpg) no-repeat; height:169px;}
.text-offre {padding: 75px 20px 0px 20px}
.formulesabo {background-color:#eee; width:295px; padding:5px; margin:5px; float:left;}
.cartouche-rouge {background-color:#cc3333; color:#FFF; font-weight:bold; font-size:11px;}
.cartouche-duree {background-color:#cccc00; color:#663300; font-weight:bold; font-size:11px;}
.cartouche-date {background-color:#666; color:#fff; text-align:center; font-weight:bold; font-size:13px;}


#fond_droits {background-image: url(/fr/images/appli/droits/fd-droits.gif); height:120px;}
#fond_indoor {background-image: url(/fr/images/appli/jeu/fd-indoor-aventure.jpg); height:377px;}
.droit-questions {font-weight: bold;  padding:40px 0 0 0; font-size: 12px;font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}
.droit-juristes {font-weight: bold; margin-right:130px; font-size: 11px;font-family:Trebuchet MS, Arial, Helvetica, sans-serif; text-align:right;}
.droit-gris {color: #333; font-size:11px;}

#fondalbum {background-image:url(/fr/images/appli/albums-photos/munich-ol.jpg); height:145px;}
.titre_album {color: #fff; font-size:16px ;font-weight: bold; text-decoration:none;  padding-top:20px;}
.clic_album {color: #fff; font-size:13px ;font-weight: bold; text-decoration:none; text-align:right; margin-right:3px; padding-top: 65px;}
.cartouche-match {background-color:#669933; color:#fff; text-align:center;  font-size:12px;}



#calendrier-asse {background-image: url(/fr/images/csscustom/sports/fd-calendrier-asse.jpg); background-color:#FFF;  height: 140px;}
#calendrier-asse1 {background-image: url(/fr/images/csscustom/sports/fd-calendrier-asse1.jpg); background-color:#FFF;  height: 140px;}
#calendrier-ol {background-image: url(/fr/images/csscustom/sports/fd-calendrier-ol.jpg); background-color:#FFF;  height: 140px;}
.equipe-calendrier {color:#fff; font-size:34px; font-weight:bold; font-family:Arial, Trebuchet MS, Helvetica, sans-serif; text-align:center;}
.liste_match { width:235px; padding-top:5px; margin-left:30px;}

.col_verte {background-color:#666; width:25px; height:265px; margin:2px; float:left;}
.col_noire {background-color:#333333; width:210px; padding:5px; }

/* bloc filrouge */
div.i_blocfil .encartpresse{background: #B0032B url(../images/css/v3base/bloc_filrouge.jpg) no-repeat right -10px; color: #FFF;}
div.i_blocfil .encartpresse span{background: #B0032B url(../images/css/v3base/bloc_filrouge.jpg) no-repeat 0 -10px; width: 10px;}
div.i_blocfil .maincontent{padding: 0 5px 0 10px; }
div.i_blocfil .maincontent a{color: #FFF;}
div.i_blocfil .bottom{background: transparent url(../images/css/v3base/bloc_filrouge.jpg) no-repeat right 0; height: 10px; font-size: 1px;}
div.i_blocfil .bottom span{background: transparent url(../images/css/v3base/bloc_filrouge.jpg) no-repeat 0 0; height: 10px; width: 10px; font-size: 1px;}

/* bloc jeux */
.blocjeux {background-color:#eee; width:625px; padding:5px; margin:5px; float:left;}
.inscription {font-size:12px; color:#fff; padding:2px; font-weight:bold; }
#profildroit {background-image:url(/fr/images/appli/jeu/lady-gaga/profil-droit.jpg); height:100px; background-color:#eee; width:301px; margin:5px; float:left;}
#profilgauche {background-image:url(/fr/images/appli/jeu/lady-gaga/profil-gauche.jpg); height:100px; background-color:#eee; width:310px; margin:5px; float:left;}

#inscire { background: #fff url(/fr/images/appli/jeu/fd-inscrire.jpg) no-repeat; height:90px; }
#inscire2 { background: #fff url(/fr/images/appli/jeu/visu-ol.jpg) no-repeat; height:589px; margin:5px; }

#bgabo-num-ete {background: #fff url(/fr/images/appli/abopapier/visu-num-ete.jpg) no-repeat; height:221px; margin:0; }
#bgabo-num-ete_p {background: #fff url(/fr/images/appli/abopapier/visu-num-ete_p.jpg) no-repeat; height:196px; margin:0; padding: 0; }

#deg { background-image:url(/fr/images/appli/boutique/soldes/deg.gif); height:18px; }

div.bloctitre {
background:none repeat scroll 0 0 #F0F0F0;
padding:5px;

border-left:3px solid #CCCCCC;
color:#cc0033;
font-size:18px;
margin:10px 0;
padding-left:10px;
}

div.blocjeux {
background:none repeat scroll 0 0 #F0F0F0;
padding:5px;

border-left:3px solid #b62931;
color:#000;
font-size:12px;
margin:10px 0;
padding-left:10px;
}

#fd-patrimoine {background-image:url(/fr/images/appli/divers/fd-patrimoine.jpg);height:150px;}


div.spect {
background: #F0F0F0;
float: left;
padding:2px; margin: 2px;
border:1px solid #999999;
width:86px; 
align:center;

}
div.spect img: {align:center;}


#tetiere-lumieres {background-image:url(/fr/images/appli/divers/bandeau-fete-lumieres.jpg); height:98px; margin-left:25px;}

************** RUB SALONS****

div.salons {float: left; padding:0px; margin: 0px;}
div.salons ul.rd li{list-style-image: url(/fr/images/csscustom/rd_bleu.gif); margin: 0 0 0 18px; padding: 0; text-align: left;}
div.salons h4 {color:#666; font-size:18px;}
div.salons .boite {width:317px; float: left; padding:0px; margin: 0px; background: #FFF; border: 1px solid #999;}
div.salons .boite .contener {border-top: 3px solid #0066cc;}
div.salons .b1 {width:223px; float: left; padding:0px; margin: 0px; background: #FFF;}
div.salons .b2 {width:202px; float: left; padding:0px; margin: 0px; background: #FFF;}
div.salons .b3 {width:200px; float: left;  padding:0px; margin: 0px; background: #FFF;}

************** RUB INFO LEGALE***




#fdinfolegale{background: #FFF url(/fr/images/appli/infolegale/bg-infolegale.jpg) no-repeat 0 0;  height: 164px;}


div.infolegale { float: left; padding:0px; margin: 0px;}
div.infolegale .titre{ font-size:24px; font-weight:bold;}
div.infolegale .titre_barre{font-weight: bold; font-size: 24px !important;  padding: 30px 0 0 0; margin: 20px 0 15px 0;  }
div.infolegale .barre{font-weight: bold; font-size: 24px !important;  padding: 30px 0 0 0; margin: 20px 0 15px 0; border-bottom: 1px solid #5AABE3; }
div.infolegale orange{color: #f6aa00;}
div.infolegale p{font-size: 12px; line-height:14px; font-family:Arial, Helvetica, sans-serif; }
div.infolegale .b400{width:400px; float: left; padding:0px; margin: 0px; }

div.infolegale .b400gris{width:380px; line-height:14px; background-color:#CCCCCC; float: left; padding:0; margin: 30px; }

div.infolegale .b100{width:100px; float: left; padding:0px; margin: 0px; }
div.infolegale .bcrea { background: #ccc; margin: 0 10px 10px 10px; padding:10px;}
div.infolegale .bjuri {background: #ccc; margin: 0 10px 10px 10px; padding:10px;}

div.infolegale .bgorange {font-weight: bold; background-color:#f6aa00; font-size: 12px; font-family:Arial, Helvetica, sans-serif; color:#000;}
div.infolegale .bgvert {background-color:#d5f413; font-size: 12px; font-family:Arial, Helvetica, sans-serif; color:#000;}
div.infolegale .bggris { background-color:#cccccc; font-size: 12px; font-family:Arial, Helvetica, sans-serif; color:#000;}


div.infolegale .bt_noir {font-weight: bold; background-color:#000; font-size: 12px; font-family:Arial, Helvetica, sans-serif; color: #f6aa00;}

div.infolegale ul.coche li{list-style-image: url(/fr/images/appli/infolegale/cochen.gif); margin: 0 0 0 18px; padding: 0 0 10px 0; align:absmiddle; font-size: 12px; font-family:Arial, Helvetica, sans-serif;  text-align: left;}

div.infolegale ul.fleche li{list-style-image: url(/fr/images/appli/infolegale/fleche-orange.gif); margin: 0 0 0 38px; padding: 0 0 10px 0; align:absmiddle; font-size: 12px; font-family:Arial, Helvetica, sans-serif;  text-align: left;}

div.infolegale ul.cocheo li{list-style-image: url(/fr/images/appli/infolegale/cocheo.gif); margin: 0 0 0 18px; padding: 0 0 10px 0; align:absmiddle; font-size: 12px; font-family:Arial, Helvetica, sans-serif;  text-align: left;}

div.infolegale ul.coche1 li{list-style-image: url(/fr/images/appli/infolegale/coche.gif); margin: 0 0 0 18px; padding: 0; font-size: 12px; font-family:Arial, Helvetica, sans-serif; text-align: left;}
#degnoir {background-image:url(/fr/images/appli/infolegale/2gris.png); background-repeat: repeat-x ;height:33px;}
#post-it {background-image:url(/fr/images/appli/infolegale/postit.gif);height:254px; margin-top:40px;}



#e_infolegale {border: 1px solid #CCCCCC; padding-left: 5px; margin-bottom:15px;}
#e_infolegale .top {margin-bottom:10px; }
#e_infolegale #fdinfolegale { background-image: url("/fr/images/appli/infolegale/bg-infolegale.jpg");no-repeat 0 0;  height: 164px;}
#e_infolegale .contenu div{float:left; padding: 0 5px;}
#e_infolegale .bottom {margin-bottom:10px;}

#e_restaurant rouge {color: #cc3333;  font-weight: bold; text-decoration:none; }




#e_evenements .bottom {font-weight: bold; background-color:#cccccc; color:#000; font-size: 11px; font-family:Trebuchet, Arial, Helvetica, sans-serif;}
#e_billetterie .bottom{font-weight: bold; background-color:#cccccc; color:#000; font-size: 11px; font-family:Trebuchet, Arial, Helvetica, sans-serif;}


/* Sondage */
.i_blocfilrouge .top h3 { margin-bottom:-7px;}
.i_blocfilrouge big{color:#CE001E;}
.i_blocfilrouge .bordcontent{padding:5px 5px;}
.i_blocfilrouge blockquote{margin-bottom:10px;font-weight:bold; font-style: normal;}

.i_blocsondage .bottom { background:transparent;}
.i_blocfilrouge .bordcontent p{margin:5px 0;}

.i_blocfilrouge p.fg, .i_blocfilrouge p.fd, .i_blocfilrouge p.nof{margin:0 0;}
.i_blocfilrouge p.com a {padding:3px 15px 3px;border:none;color:#fff;background:url("../images/css/style/button_bg.gif") repeat-x bottom left #cc3333;font-size:0.9em; text-decoration:none; margin-left:10px }
.i_blocfilrouge p.com { margin:1px 0px 0px;}

.i_blocfilrouge .bordcontent h4 { display:none;}



.i_generic h1 {font-size: 1.6em;font-weight: bold; font-family:Tahoma, Geneva, sans-serif}
.i_generic  h4 {font-size: 1.2em; font-weight: bold; color:#0066cc;}
.i_generic .bgviolet {font-weight: bold; background-color:#0066cc; color:#FFF font-size: 12px; }
.i_generic .chapo {text-align:justify;}
.i_generic .signature {background: none repeat scroll 0 0 #cccccc;border: 1px solid #cccccc;;display: block; height 2px; margin-top:50px; text-align:center;}
.content .tagscontainer, .content .relatedcontainer, .content .agendacontainer, .content .infoscontainer, .content .alerteinfocontainer, .content .ratingcontainer { margin-bottom:25px;}

.i_generic #bgjeux {background: #ccc url(/fr/images/appli/jeu/dylan/deg.jpg);  margin:0; padding-left:10px; }



#i_baladevirtuelle {border: 0; width:1000px;}
#i_baladevirtuelle #fdsaintetienne { background-image: url("/fr/images/appli/sponsors/balade-saint-etienne.gif");no-repeat 0 0;  height: 90px;}
#i_baladevirtuelle #fdlyon { background-image: url("/fr/images/appli/sponsors/balade-lyon.gif");no-repeat 0 0;  height: 90px;}


#baladeVirtuelle #carre {float: left; width: 126px; margin: 0 10px 10px 10px; background-color:#999;}
#baladeVirtuelle #carre p {margin: 0;}
#baladeVirtuelle #carre br {margin: 0;}
#baladeVirtuelle .content {margin: 10px 0 0 0;}
#baladeVirtuelle .gris { padding: 5px 5px 0 5px; color:#FFF; font-size:12px; font-family:Arial, Helvetica, sans-serif; width: 115px; height: 30px;}
#baladeVirtuelle .gris a{ color:#FFF; font-size:12px; font-family:Arial, Helvetica, sans-serif; width: 115px; height: 30px; margin:0;}
#baladeVirtuelle .gris a:hover {color:#000; font-size:12px; font-family:Arial, Helvetica, sans-serif; width: 115px; height: 30px; text-decoration:underline;}
#baladeVirtuelle .noir { background-color:#000; padding: 0 5px; color:#ff3366; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#baladeVirtuelle .detail {color:#FFF;}
#baladeVirtuelle img a {background-color:#ccc;}



.i_blocsondage .bordcontent {
    background: none repeat scroll 0 0 #EEEEEE;
    padding: 5px;
}
#e_col3 .newsfeed .bordcontent li .date {
    background: #CC3333;
    color: #FFFFFF;
    text-decoration: none;
	padding: 0 3px;
}

.e_voyages {border: 1px solid #CCCCCC; }
.e_voyages .top {margin-bottom:10px;  border-top: 5px solid  #0066cc; color:#FFF; font-size: 14px; font-weight:bold; text-align:right;}
.e_voyages .top span {padding: 0 5px 5px 5px; background:#3399cc; color:#FFF; font-size: 14px; font-weight:bold; text-align:right; text-decoration: none;} 
.e_voyages .top span a {color:#FFF; text-decoration: none;} 

.e_voyages .maincontent { padding: 10px; }
.e_voyages .surtitre {color:#666; font-size:14px; font-weight:bold;}
.e_voyages .bottom {margin-bottom:10px; padding-top: 20px; color:#3399cc; text-align:right; font-size:11px; font-weight:bold; }



#e_faceLecteurs {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    padding: 10px;
	 margin-bottom: 15px;
}
#e_faceLecteurs .top {
    background: none repeat scroll 0 0 transparent;
    margin-bottom: 10px;
}
#e_cfaceLecteurs .contenu {
    background: none repeat scroll 0 0 transparent;
    border: 0 solid;
    margin-left: auto;
    margin-right: auto;
    padding: 0;

}
#e_faceLecteurs .contenu div {
    float: left;
    padding: 0 5px;
    text-align: center;
}
#e_faceLecteurs .contenu a {
    font-size: 0.9em;
    text-decoration: underline;

	font-weight:bold;
}
#e_faceLecteurs .fondblanc {
    background: none repeat scroll 0 0 transparent;
    border: 0 solid;
}


#e_buzzcard {background: none repeat scroll 0 0 transparent; border: 1px solid #cccccc; padding:2;}
#e_buzzcard .content{background: url("http://www.leprogres.fr/fr/images/appli/divers/fd-buzz-card.gif") no-repeat 0 0; height:92px; padding: 0 10px; }
#e_buzzcard a {font-size:0.9em; text-decoration:none;}

#e_clp {background: none repeat scroll 0 0 transparent; border: 1px solid #cccccc; padding:2;}
#e_clp .content{background: url("http://www.leprogres.fr/fr/images/appli/divers/fd-clp.jpg") no-repeat 0 0; height:150px; padding: 0 10px;}
#e_clp a {font-size:0.9em; text-decoration:underline; color:#cc0033;}


.e_webdoc {border: 0; width:1000px;}
.e_webdoc .content { padding: 0; background-color:#f9f7fc;}
.e_webdoc .content .p { font-size: 0.7em; line-height:0.6em; font-weight:bold;}



.i_blocpresentation .surtitre2 {color:#0066cc; font-size: 1.6em; font-family:Georgia, Times New Roman; text-transform:normal;}
#e_col5 .i_blocpresentation p.surtitre2 {color:#0066cc; font-size: 1.6em; font-family:Georgia, Times New Roman, Times, serif; margin-bottom:15px;}
#e_col5 .i_blocpresentation strong {color:#444444; font-size: 1.2em; font-family:Georgia, Times New Roman, Times, serif; font-weight:bold;}

#e_col5 .i_blocredac p.surtitre2, #e_col5 div.i_blocpresentation p.surtitre2,  {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: transparent !important;
    background-image: url("../images/css/style/puce_titre1.gif") !important;
    background-origin: padding-box !important;
    background-position: 0 50% !important;
    background-repeat: no-repeat !important;
    background-size: auto auto !important;
    color: #0066cc !important;
    font-size: 1.4em;
	font-family:Georgia, Times New Roman;
    font-weight: bold;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    padding-bottom: 0 !important;
    padding-left: 15px !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    text-align: left;
    text-transform: normal;
}

#e_col5 .i_blocredac .decal2 {
    margin-bottom: 2px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 2px !important;
    padding-bottom: 0;
    padding-left: 5px;
    padding-right: 0;
    padding-top: 0;
}

#e_col5 div.i_blocpresentation ul.listefluide2 li img {
    width: 200px;
}

#e_col5 div.i_blocpresentation ul.puceaction li{list-style-image:url(/fr/images/css/v3base/puce_titre1.gif); padding: 0 10px 0 0; margin: 15px 30px 0 30px;}

#e_col5 div.i_blocpresentation ul.puceaction li span{font-weight:bold; color:#0066CC; font-family: Georgia, "Times New Roman", Times, serif;}



e_col5 div.i_blocpresentation ul.listefluide2 li {
    height: 135px;
    margin-bottom: 2px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 2px;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 210px;
}

#e_col5 .i_blocredac .decal3 {
    float: left;
    margin-bottom: 2px !important;
    margin-left: 0 !important;
    margin-right: 25px;
    margin-top: 2px !important;
    padding-bottom: 0;
    padding-left: 5px;
    padding-right: 0;
    padding-top: 0;
}

#e_col5 div.i_bloccontacts ul.tel-services li {
    
    display: inline;
	color:#444444;
    font-size: 0.9em;
    margin: 10px;
    padding: 10px;
	border: 1px solid #DFDFDF;
	width:200px;
	height:100px;
}




#e_col5 div.i_bloccontacts ul.dep li {
    background-color: #0066cc;
    display: inline;
	color:#FFF;
    font-size: 1.2em;
    line-height: 28px;
    margin-left: 1px;
    padding-bottom: 55px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

#e_col5 div.i_bloccontacts ul.dep li a {
	color:#FFF; }

#e_col5 .i_blocredac .decal2 {
    float: left;
    margin-bottom: 2px !important;
    margin-left: 0 !important;
    margin-right: 15px;
    margin-top: 2px !important;
    padding-bottom: 0;
    padding-left: 5px;
    padding-right: 0;
    padding-top: 0;
}

#e_col5 .i_bloccontacts p.surtitre2 {color:#0066cc; font-size: 1.4em; font-family:Georgia, Times New Roman, Times, serif; margin-bottom:15px;}

#e_col5 .i_bloccontacts .title-work {
    border-bottom: 1px solid #FFFFFF;
    border-top: 0 solid #FFFFFF;
    padding: 0;
}


#e_col5 i_.bloccontacts .works dl dt {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    border-top: 1px solid #DFDFDF;
    padding: 2px;
    position: relative;
}


#e_col5 .i_bloccontacts .works dl dt .pointille{padding: 5px; color:#009966; border:1px dotted #ff6633;}
#e_col5 .i_bloccontacts .works dl dt .ville{color:#CC0033; font-size: 14px; font-family: georgia; font-weight:bold; margin-left:10px;}
#e_col5 .i_bloccontacts .works dl dd .service{ background-color:#fff; color:#0066cc; margin:2px; padding: 5px 5px 0 0;}
#e_col5 .i_bloccontacts .works .tel{ background-image: url(/fr/images/csscustom/tel.gif); margin: 0; padding-left:18px; text-align: left;}
#e_col5 .i_bloccontacts .works .mail { background-image: url(/fr/images/csscustom/mail.gif); margin: 0; padding-left:18px; text-align: left;}



#e_col5 .i_bloccontacts .works dl dd {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #DFDFDF;
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    padding: 0 10px;
    position: relative;
	height:180px;
}

#e_col5 .i_bloccontacts .works dd {
     height: 130px;
	 font-size: 12px;
}

#e_col5 .i_bloccontacts .works h3 {
   
	 font-size: 18px;
	 margin: 15px 0;
}

#e_col5 .i_bloccontacts .works dl {
    float: left;
    height: 230px;
    margin: 10px 5px 0 0;
    padding: 0 0 10px 15px;
    width: 200px;
}



#e_col5 .i_bloccontacts .works dl dd span.bg-shadow-bottom {
    background: url("/fr/images/csscustom/bg-thumb-bottom.png") repeat scroll right bottom transparent;
    bottom: -10px;
    height: 10px;
    position: absolute;
    right: -15px;
    width: 210px;
    z-index: 1;
}

#e_col5 .i_bloccontacts .works dl dd span.bg-shadow-right {
    background: url("/fr/images/csscustom/bg-thumb-right.png") repeat scroll right bottom transparent;
    bottom: -1px;
    height: 156px;
    position: absolute;
    right: -14px;
    width: 13px;
    z-index: 1;
}

#e_col5 .i_bloccontacts .works dls  {
    float:left;
	background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    padding: 0 10px;
    position: relative;
	width:180px;
	height:100px;
	margin:5px;
	
}

#e_col5 .i_bloccontacts .works dls .ville {color:#CC0033; font-size: 14px; font-family: georgia; font-weight:bold;}
#e_col5 .i_bloccontacts .works dls .adresse {color:#444; font-size: 11px;}
#e_col5 .i_bloccontacts .works dls .service{ background-color:#fff; color:#0066cc; margin:2px; padding: 5px 5px 0 0;}

.i_blocapps {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

.i_blocapps #smartphones ul {
    display: block;
	clear: both;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 0px;
    margin-right: 0;
    margin-top: 0;
    overflow-x: hidden;
    overflow-y: hidden;
}



.i_blocapps #smartphones ul li {
    float: left;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    width: 224px;
}

.i_blocapps #smartphones li {
    display: list-item;
}

.i_blocapps #content {
	background: url("/fr/images/appli/smartphones/fond.png") no-repeat; 
	height:585px;
}

.i_blocapps .titre {
font-weight:bold; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#444;
}

.blocapps {
	margin: 0;
	margin-bottom:20px;
	border: solid 2px #ccc;
}
.blocapps #content {
	background: url("/fr/images/appli/smartphones/fd-smartphones.gif") no-repeat; 
	height:143px;
	margin-top: 10px;
}

.blocapps #smartphones ul {
    clear: both;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 0;
    overflow-x: hidden;
    overflow-y: hidden;
}

.blocapps #smartphones ul {
    display: block;
  margin-left: 90px;}

.blocapps #smartphones ul li {
    float: left;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    width: 68px;
}

.i_blocapps #smartphones li {
    display: list-item;
}

/* bloc blogs */
#blogs  {width:300px; margin-bottom:20px;}
#blogs  .top {background: url("/fr/images/appli/blogs/fond-tetiere.gif") repeat-x; height:45px; }
#blogs h3 {color:#fff; padding: 10px;}
#blogs h3 span{color:#fff; font-size:24px; font-style:italic;}
#blogs .content {border: 1px solid #CCC;}
#blogs ul.none li img {margin: 0 20px 2px 20px;}
#blogs ul.none li p {margin: 0 0 0 10px; padding-top: 10px;}
#blogs ul.none li {list-style-type: none; margin: 0 ; padding: 0; text-align: left; clear:both; height:62px; background-image:url(/fr/images/appli/blogs/separateur.gif); background-position:bottom; background-repeat:repeat-x;}
#blogs ul.none li.pair {list-style-type: none; margin: 0 ; padding: 0; text-align: left;clear:both; background-color: #EEEEEE; height:62px; background-image:url(/fr/images/appli/blogs/separateur.gif); background-position:bottom; background-repeat:repeat-x;}

#e_col4 .content .infosAbo { /*background: none repeat scroll 0 0 #0066cc;display:none;*/}
#e_col4 .content .infosAbo .title {border-bottom: 2px solid #666666;}
#e_col4 .content .infosAbo .encartpresse { padding:0;  position:relative;}
#e_col4 .content .infosAbo .encartpresse span{ padding:5px 5px 5px 5px;  position:relative; background-color:#6699cc; font-size:11px; font-weight:bold; color:#000;}