/* MIDILIBRE V3
	Auteur : Sophie Wauquier
	Date de création : septembre 2007
	Date de modification : janvier 2009 */

/* GENE */
*+html {} 
body {margin:0; padding:0; font: normal 12px arial, helvetiva, verdana, sans-serif; color:#666; background:#fff;}
* {margin:0; padding:0;}
hr {clear:both; visibility:hidden; margin-top:10px; padding:0;}

/* FORM */
form {display:inline; margin:0; padding:0;}
form hr {clear:both; visibility:hidden; margin-top:5px; padding:0;}
.compte {height:15px; background:#eee;}
fieldset {padding:5px;}
legend {color:#c00; font-weight:bold; text-transform:uppercase; padding-right:10px; padding-left:5px;}
label {float:left; width:30%; text-align:right; font-weight:bold; margin-right:5px;}
th {text-align:right; color:#666; font-weight:normal; padding:10px;}
input, select {font-size:11px; color:#666; cursor:pointer;}
textarea {font:normal 11px arial, sans-serif; color:#333; cursor:pointer; padding:2px; background:#eee;}

/* TITRES */
h1 {font: bold 2.8em "Trebuchet MS", arial, sans-serif; color:#000; letter-spacing:-1px; line-height:1em; margin:10px 0 10px 0; padding:0;}
h2 {font: bold 2.1em "Trebuchet MS", arial, sans-serif; color:#000; line-height:1em; letter-spacing:-1px; margin:10px 0 10px 0; padding:0;}
h3 {font: bold 15px helvetica, arial, sans-serif; color:#999; text-transform:uppercase; padding:0; margin:0;}
h4 {font: bold 1.9em "Trebuchet MS", arial, sans-serif; color:#000; letter-spacing:-1px; margin:0; padding:0;}
h5 {font: bold 1.3em "Trebuchet MS", arial, sans-serif; color:#000; letter-spacing:-1px; margin:0; padding:0;}
h5 a {font: bold 1em "Trebuchet MS", arial, sans-serif; color:#999; letter-spacing:-1px; margin:0; padding:0;}
h5 a:hover{color:#cc3333; text-decoration:none;}
h1 a {font: bold 1em "Trebuchet MS", arial, sans-serif; color:#333; letter-spacing:-1px; line-height:1em; margin:0; padding:0;}
h2 a {font: bold 0.9em "Trebuchet MS", arial, sans-serif; color:#333;  line-height:1em; letter-spacing:-1px; margin:0; padding:0;}
h3 a, h3 a:hover {font: bold 15px helvetica, arial, sans-serif; color:#999; text-transform:uppercase; letter-spacing:-1px; padding:0; margin:0; text-decoration:none;}
h4 a {font: normal 0.8em "Trebuchet MS", arial, sans-serif; color:#333; letter-spacing:-1px; margin:0; padding:0;}
h1 a:hover, h2 a:hover, h4 a:hover {color:#000; text-decoration:none;}

.motCle {font-size:0.9em; color:#d5494b; margin-right:5px; padding:0;}
.accroche {font-size:0.7em; color:#d5494b; margin-right:5px; padding:0;}
.ptxtRge {font-size:10px; font-weight:bold; color:#c00;}
.ptxtGris {font-size:10px; font-weight:bold; color:#ccc;}
.ptxtBlc {font-size:10px; font-weight:bold; color:#fff;}

/* affichage soulignement acronym sous IE */
acronym {color:#cc3333;}

/* LIENS */
a {font-size:12px; font-weight:bold; color:#333; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}
a.lien1 {font-size:10px; font-weight:normal; color:#999; text-decoration:none;}
a.lien1:hover {font-size:10px; color:#c33; text-decoration:none;}
a.lien2 {font-size:11px; font-weight:normal; color:#f33; text-decoration:none; text-transform:uppercase;}
a.lien2:hover {color:#c33; text-decoration:none;}
a.lienTexte {font-size:13px; font-weight:normal; color:#666; text-decoration:none; line-height:1.3em; margin:0; padding:0;}
a.lienTexte:hover {color:#000; text-decoration:none;}
.touslesarts {text-align:right; margin-top:10px; margin-bottom:5px; font-size:10px; font-weight:bold; color:#c33;}
.touslesarts a {font: normal 11px arial, sans-serif; color:#999; text-decoration:none;}
.touslesarts a:hover {color:#000; text-decoration:none;}

/* OSSATURE */
#global {width:1000px; margin-left: auto; margin-right: auto; height:auto; border: 1px solid #c00; text-align:left; background:#fff;}
#bas {width:990px;}

/* HEADER */
#hGauche {float:left; width:510px; height:106px; background:#c00;text-align:center;}
#hGauche a {font-size:11px; font-weight:bold; color:#fff; text-decoration:none;}
#hGauche a:hover {color:#600;}
#Gauche_top{width:510px; height:70px;}
#hGauche_logo {width:441px; height:70px; float:left;}/*nouvelle taille du logo ML*/
#hGauche_PR{width:69px; height:70px; float:left;}/*nouveau logo PR*/
#hGauche_bas {width:510px;}
#pictoMeteo {float:left;padding-top:5px; text-align:left; width:70px; font-weight:bold; color:#fff; font-size:13px; }
#meteo {float:left; width:70px; padding-left:20px; padding-top:5px;}
#meteo a {text-transform:uppercase; font-weight:bold; color:#fff; font-size:15px;}
#meteo span {font-size:9px; font-weight:bold; color:#fff; text-decoration:none;}
#date {float:left; width:95px; padding-left:15px; padding-top:10px; text-align:left; font-size:11px; font-weight:bold; color:#fff;}
#horoscope{float:left; width:130px;}
#picto_horoscope{float:left; text-align:left;}
#texte_horoscope{float:left; padding-top:10px; padding-left:10px; text-align:left;}

/* DMA */
#hDroite {float:right; width:490px; height:72px;}
/* menu DMA */
ul#menuDma {background:#c33; width:490px; height:15px; margin:0; padding:0;}
ul#menuDma li {list-style:none; display:inline; float:left; width:60px; font: bold 11px arial, sans-serif; color:#fff; text-align:center; text-transform:none; letter-spacing:normal;}
ul#menuDma li.titreDma {width:130px;}
ul#menuDma li.titreDma a{width:130px; padding-left:5px; padding-right:5px;}
ul#menuDma li.titreDma a:hover{padding-right:10px;}
ul#menuDma li a {font: bold 11px arial, sans-serif; color:#fff; text-transform:none; letter-spacing:normal;}
ul#menuDma li a:hover {color:#600;}
/* bloc DMA */

#pagination_container.dma {width:490px; font: bold 11px arial, sans-serif; color:#c33;}
#pagination_container a {font: bold 11px arial, sans-serif; color:#333;}
#pagination_container a:hover, a.touteslesDma:hover {color:#c33;}
.dmaOn p, .dmaOff p {padding:5px; border-bottom:1px solid #ccc;}
.dmaOn {background:#fff;}
.dmaOff {background:#f7f7f7;}
#touteslesdma {position:relative; padding:0; margin:0;}
#touteslesdma a {display:block; padding: 4px 0 0 5px; font: bold 10px arial, sans-serif; color:#c33;}
#touteslesdma a:hover {color:#999;}

/* NAVIGATION V2   */
#navigationV2 {width:1000px; margin:0; padding:0;}

ul#menuVillesV2 {height:19px; background: url(/images/ap_menuVillesV2.gif) repeat-x; font: bold 12px arial, sans-serif;
color:#fff; text-align:center; padding-top:4px; margin:0;}
ul#menuVillesV2 li {list-style:none; display:inline; margin: 0 10px 0 10px; font: bold 12px arial, sans-serif; color:#fff; text-decoration:none; text-transform:uppercase; padding:4px;}
ul#menuVillesV2 li:hover {background:#eee; padding:4px; color:#c33;}

ul#menu1V2, ul#menu2V2, ul#menu3V2, ul#menu4V2, ul#menu5V2, ul#menu6V2, ul#menu7V2, ul#menu8V2, ul#menu9V2
{clear:left; height:25px; color:#999; text-align:center; margin:0; padding:8px 3px 3px 3px; background:#eee; font: bold 12px arial, sans-serif;}

ul#menu1V2 li, ul#menu2V2 li, ul#menu3V2 li, ul#menu4V2 li, ul#menu5V2 li, ul#menu6V2 li, ul#menu7V2 li, ul#menu8V2 li, ul#menu9V2 li
{display:inline; padding:2px;}

ul#menu1V2 li a, ul#menu2V2 li a, ul#menu3V2 li a, ul#menu4V2 li a, ul#menu5V2 li a, ul#menu6V2 li a, ul#menu7V2 li a, ul#menu8V2 li a, ul#menu9V2 li a {font: bold 12px arial, sans-serif; text-decoration:none; color:#c33; text-transform:none;}

ul#menu1V2 a:hover, ul#menu2V2 a:hover, ul#menu3V2 a:hover, ul#menu4V2 a:hover, ul#menu5V2 a:hover, ul#menu6V2 a:hover, ul#menu7V2 a:hover, ul#menu8V2 a:hover, ul#menu9V2 a:hover {color:#c33; text-decoration:underline;}

/* NAVIGATION V2   */

/* NAVIGATION rubrique   */
ul#menuRubrique {text-align:center;}
ul#menuRubrique li {float:left; width:245px; height:15px; display:inline; margin-right:2px; list-style-type:none;}
ul#menuRubrique li.on {background: url(/images/ap_menuRub.gif) repeat-x; font:normal 11px "Trebuchet MS", arial, sans-serif; color:#333; border:1px solid #ccc; border-bottom:1px solid #fff;}
ul#menuRubrique li.off a {display:block; height:15px; background:#fff; text-decoration:none; font:normal 11px "Trebuchet MS", arial, sans-serif; color:#999; border:1px solid #eee; border-bottom:1px solid #fff;}
ul#menuRubrique li.off a:hover {background: url(/images/ap_menuRub.gif) repeat-x; color:#333; border:1px solid #ccc; border-bottom:1px solid #fff;}

/* NAVIGATION rubrique  tourisme */
ul#menuRubrique3 {text-align:center;}
ul#menuRubrique3 li {float:left; width:94px; height:15px; display:inline; margin-right:2px; list-style-type:none;}
ul#menuRubrique3 li.on {background: url(/images/ap_menuRub.gif) repeat-x; font:normal 11px "Trebuchet MS", arial, sans-serif; color:#333; border:1px solid #ccc; border-bottom:1px solid #fff;}
ul#menuRubrique3 li.off a {display:block; height:15px; background:#fff; text-decoration:none; font:normal 11px "Trebuchet MS", arial, sans-serif; color:#999; border:1px solid #eee; border-bottom:1px solid #fff;}
ul#menuRubrique3 li.off a:hover {background: url(/images/ap_menuRub.gif) repeat-x; color:#333; border:1px solid #ccc; border-bottom:1px solid #fff;}


/* NAVIGATION rubrique  sport DEP */
ul#menuRubrique2 {text-align:center;}
ul#menuRubrique2 li {float:left; width:80px; height:15px; display:inline; margin-right:2px; list-style-type:none;}
ul#menuRubrique2 li.on {background: url(/images/ap_menuRub.gif) repeat-x; font:normal 11px "Trebuchet MS", arial, sans-serif; color:#333; border:1px solid #ccc; border-bottom:1px solid #fff;}
ul#menuRubrique2 li.off a {display:block; height:15px; background:#fff; text-decoration:none; font:normal 11px "Trebuchet MS", arial, sans-serif; color:#999; border:1px solid #eee; border-bottom:1px solid #fff;}
ul#menuRubrique2 li.off a:hover {background: url(/images/ap_menuRub.gif) repeat-x; color:#333; border:1px solid #ccc; border-bottom:1px solid #fff;}


/* NAVIGATION rubrique  sport DEP */
ul#menuRubrique4 {text-align:center;}
ul#menuRubrique4 li {float:left; width:90px; height:15px; display:inline; margin-right:2px; list-style-type:none;}
ul#menuRubrique4 li.on {background: url(/images/ap_menuRub.gif) repeat-x; font:normal 11px "Trebuchet MS", arial, sans-serif; color:#333; border:1px solid #ccc; border-bottom:1px solid #fff;}
ul#menuRubrique4 li.off a {display:block; height:15px; background:#fff; text-decoration:none; font:normal 11px "Trebuchet MS", arial, sans-serif; color:#999; border:1px solid #eee; border-bottom:1px solid #fff;}
ul#menuRubrique4 li.off a:hover {background: url(/images/ap_menuRub.gif) repeat-x; color:#333; border:1px solid #ccc; border-bottom:1px solid #fff;}


/* PUBS */
.pubSky {text-align:center;}
.pubMega{text-align:center; margin:0; padding:5px 0 5px 0;}
.pubGrandFormat{text-align:center; margin:0; padding:0;}
.pubCarre{text-align:center; margin-top:1px; margin-bottom:1px;}
.pubCarreEdit{float:left; padding:16px 0 0; margin:7px 7px 7px 0; background:url('/images/pub.gif') no-repeat; overflow:auto;}
.pubBando{text-align:center; padding:5px;}
#pubCouplage{width:500px; height:200px; overflow:auto; padding:0; margin:0;}
.pub120{text-align:center;}

/* LIENS SPONSORISES */
#blocLiens{font-size:10px; font-weight:bold; color:#999; border: 1px solid #EDEDED; padding:5px;}
#barreLiens{height:13px; padding:3px; margin-bottom:5px; background:#ccc; font: bold 9px verdana, arial, sans-serif; color:#333; text-transform:uppercase;}
#blocLiens a {font-size:11px; color:#999;}
#blocLiens a:hover {color:#333;}

/* GAUCHE */
#gauche{width:500px;} 

/* FAIT DU JOUR **********************************/
#blocFaitduJour{}
#blocFaitduJour p {text-align:left; font-size:11px; font-weight:bold; color:#660000; margin-top:20px; margin-bottom:0;}
#blocFaitduJour p a {font-size:11px; font-weight:bold; color:#999; text-decoration:none;}
#blocFaitduJour p a:hover {color:#d5494b;}

/* BLOC 2COL LR DOSSIERS ECONOMIE SPORT DEP Contacts ********************************************/
.bloc2col {width:100%; overflow:auto;}
#bloc2colSportDep {width:100%; overflow:auto;}
.bloc1colG {display:inline; width:240px; margin:3px; float:left;}
.bloc1colD {display:inline; width:240px; margin:3px; float:right;}
.bloc1colG_contact {display:inline; width:300px; margin:3px; float:left;}
.bloc1colD_contact {display:inline; width:180px; margin:3px; float:left;}
/* BLOC 2COL LARGE MIDICONSO ********************************************/
.bloc2colLarge {width:100%; overflow:hidden;}
.bloc2colLarge p {display:inline; float:left; width:300px; height:125px; margin-left:75px; margin-bottom:20px; border:1px dotted #c33; padding:1px;}

/* CULTURE **********************************/
.blocCulture{}
.blocCulture p {text-align:left; font: bold 11px arial, sans-serif; color:#006699; margin-top:20px; margin-bottom:0;}
.blocCulture p a {font-size:11px; font-weight:normal; color:#999; text-decoration:none;}
.blocCulture p a:hover {color:#006699;}

/* DOSSIERS **********************************/
.blocDossiers{}
.blocDossiers p {text-align:left; font-size:11px; font-weight:bold; color:#cc3333; margin-top:20px; margin-bottom:0;}
.blocDossiers p a {font-size:11px; font-weight:normal; color:#999; text-decoration:none;}
.blocDossiers p a:hover {color:#cc3333;}
.blocDossiers .motCle {color:#cc3333;}

/* VILLE **********************************/
#barreVille {height:24px; background: url(../images/ap_ville.gif) no-repeat;}
#barreVille p {float:left; padding:5px 0 5px 5px;}
#barreVille p a {font-size:14px; font-weight:bold; color:#fff; text-transform:uppercase;}
.formVille {display:inline; float:right; margin:2px 2px 3px 0;} 
.styleVille {font: bold 10px arial, sans-serif; color:#0099cc; background:#ededed;}
#blocVille{float:left; width:98%; padding:5px; background:#ededed; overflow:auto;}
#blocVille .motCle {color:#0099cc; font-size:15px; margin-right:5px; padding:0;}
#blocVille p {text-align:left; font-size:11px; font-weight:bold; color:#0099cc; margin-top:15px; margin-bottom:0;}
#blocVille p a {font-size:11px; font-weight:normal; color:#666;}
#blocVille p a:hover {color:#000;}

/* VILLAGE **********************************/
#barreVillage {height:24px; background: #99ccff;}
#barreVillage p {float:left; padding:5px 0 5px 5px;}
#barreVillage p a {font-size:14px; font-weight:bold; color:#fff; text-transform:uppercase;}
#blocVillage {float:left; width:98%; padding:5px; background:#ededed; overflow:auto;}
#blocVillage .motCle {color:#66ccff; font-size:15px; margin-right:5px; padding:0;}
#blocVillage p {text-align:left; font-size:11px; font-weight:bold; color:#66ccff; margin-top:15px; margin-bottom:0px;}
#blocVillage p a {font-size:11px; font-weight:normal; color:#666;}
#blocVillage p a:hover {color:#000;}

/* RUBRIQUES **********************************/
#barreFait {height:15px; padding-left:3px; border-left: 6px solid #660000; border-top: 1px solid #660000;}
.barreCulture {height:15px; padding-left:3px; border-left: 6px solid #006699; border-top: 1px solid #006699;}
.barreBonsPlans {height:15px; padding-left:3px; border-left: 1px solid #006699; border-bottom: 1px solid #006699;}
.barreBonsPlans a {font: bold 14px helvetica, arial, sans-serif; color:#006699; text-transform:uppercase;}
#barreLR {height:15px; padding-left:3px; border-left: 6px solid #990000; border-top: 1px solid #990000;}
#barreDossiers {height:15px; padding-left:3px; border-left: 6px solid #cc0000; border-top: 1px solid #cc0000;}
#barreMonde {height:15px; padding-left:3px; border-left: 6px solid #cc0000; border-top: 1px solid #cc0000;}
#barreFrance {height:15px; padding-left:3px; border-left: 6px solid #ccc; border-top: 1px solid #ccc;}
#barreEco {height:15px; padding-left:3px; border-left: 6px solid #ff9933; border-top: 1px solid #ff9933;}
#barreCulture {height:15px; padding-left:3px; border-left: 6px solid #006699; border-top: 1px solid #006699;}
#barreEconomie {height:15px; padding-left:3px; border-left: 6px solid #ff9933; border-top: 1px solid #ff9933;}
#barreSport {height:15px; padding-left:3px; border-left: 6px solid #339966; border-top: 1px solid #339966;}
#barreSPORT {height:15px; padding-left:3px; border-left: 6px solid #339966; border-top: 1px solid #339966;}

#barreSportDep {background: url(../images/ap_sport.gif) no-repeat; padding:5px 0 5px 2px;}
#barreSportDep a {font: bold 15px helvetica, arial, sans-serif; color:#fff; text-transform:uppercase;}
.barreSportClub {height:15px; padding-left:3px; border-left: 1px solid #339966; border-bottom: 1px solid #339966; font: bold 14px helvetica, arial, sans-serif; color:#339966; text-transform:uppercase;}
.barreSportClub a {font: bold 14px helvetica, arial, sans-serif; color:#339966; text-transform:uppercase;}
#barreSportAutre {width:100%; height:15px; border-bottom: 1px solid #339966;}
ul#menuSportAutre {list-style:none; margin:0; padding:0;}
ul#menuSportAutre li a {padding-left:20px; background: url(/images/fl_sport.gif) center left no-repeat; color:#333; font-size:14px; font-weight:bold;}
ul#menuSportAutre li a:hover {color:#339966;}
#barreImages {height:15px; padding-left:3px; background:#990066; border-bottom: 1px solid #fff;}
#barreImages a {font: bold 15px helvetica, arial, sans-serif; color:#fff; text-transform:uppercase;}
#barreImagesSport {height:15px; padding-left:3px; background:#339966; border-bottom: 1px solid #fff; font: bold 14px helvetica, arial, sans-serif; color:#fff; text-transform:uppercase;}
#barreImagesSport a {font: bold 15px helvetica, arial, sans-serif; color:#fff; text-transform:uppercase;}
.barreContacts {height:15px; padding-left:3px; border-left: 6px solid #ccc; border-bottom: 1px solid #ccc;}

/* MILIEU */
#milieu{width:300px;}

/* GENE : BARRE RUBRIQUE SERVICES SONDAGE *****/
.barreRubMilieu {height:18px; padding-left:5px; padding-top:5px; margin-top:3px; background:#cc0000; border-bottom: 1px solid #fff; border-top: 1px solid #fff; font-size:11px; font-weight:bold; color:#fff; text-transform:uppercase;clear:left;}

/* RECHERCHE **********************************/
#barreSearch {height:32px; background: url(../images/ap_search.jpg) no-repeat; margin-bottom:4px;}
#barreSearch p {float:left; margin-top:8px; margin-left:8px; font-size:11px; font-weight:bold; color:#999; text-transform:uppercase;}
.formSearch {display:inline; float:right; margin:7px 10px 0 0;}
.formDroite {padding:5px; text-align:center;}
.bouton {font: bold 9px verdana, arial, sans-serif; background:#ededed; color:#999; border: 1px solid #999; padding:1px;}
.bouton:hover {color:#000; background:#ccc;}

/* BLOC MILIEU *****/
.blocMilieu {background-color:#f8f8f8; border:solid 1px #eee; overflow:hidden;}
.blocMilieu span {display:block; font-size:10px; font-weight:bold; color:#CC0000; padding:0; margin:0 5px 0 5px;}
.blocMilieu h1 {font-size:15px; line-height:18px; padding:0 5px 5px 5px; margin:0;}
.blocMilieu h1 a{font-size:15px; line-height:18px; font-weight:bold;}
.blocMilieu h1 a:hover{color:#CC0000;}
.banderouge{height: 1px; background-color: #CC0000; margin-bottom:10px;}
.blocMilieu img {border:0; margin:0; padding:0;}
.blocMilieu p{text-align:right; margin:10px 5px 5px 0; font-size:10px; font-weight:bold; color:#c33;}
.blocMilieu p a {font-weight:normal; font-size:11px; color:#999; text-decoration:none;}
.blocMilieu p a:hover {color:#000;}
.blocMilieu form {display:block; margin-left:6px;}
.blocMilieu h2 a{font: normal 12px arial, helvetica, sans serif; display:block; letter-spacing:0; margin:0 5px 5px 5px; padding-bottom:5px; color:#000; border-bottom:1px solid #eee; text-decoration:none;}
.blocMilieu h2 a:hover{color:#CC0000;text-decoration:none;}
.blocMilieu .liensMilieu {font-size:12px; font-weight:bold; color:#CC0000; padding:5px;}
.blocMilieu .liensMilieu a {font-size:12px; font-weight:normal; color:#000;}
.blocMilieu .liensMilieu a:hover {color:#CC0000;}

/* BLOGS **************************************/
.blocBlogs { padding:5px; border:solid 1px #eee; background-color:#f7f7f7;}
.blocBlogs p {display:block; clear:left; padding:5px; margin:0; font-size:10px; font-weight:bold; color:#000;}
.blocBlogs p a {font-size:12px; font-weight:normal; color:#666;}
.blocBlogs p a:hover {color:#cc0000;}
a.lienBlogs {font-size:12px; font-weight:normal; color:#000;}
a.lienBlogs:hover {color:#cc0000;}
.blocBlogs img {float:left; margin-right:10px; border: 1px solid #333;}

/* DROITE */
#droite{width:180px; background-color:#FFF;}
.barreRubDroite {border-bottom: 1px solid #c33; text-align:left; font: bold 12px "Trebuchet MS", verdana, arial, sans-serif; color:#c33;}

/* PICTOS ************************************/
ul#menuPictos {text-align:right;}
ul#menuPictos li {float:left; width:160px; height:18px; display:inline; margin-right:2px; list-style-type:none;}
ul#menuPictos li a {padding-right:20px; font: normal 11px arial, sans-serif; color:#69c;}
ul#menuPictos li a:hover {color:#369;}
ul#menuPictos li a.home {background: url(/images/icon_home.gif) center right no-repeat;}
ul#menuPictos li a.favoris {background: url(/images/icon_favoris.gif) center right no-repeat;}
ul#menuPictos li a.contact {background: url(/images/icon_email.gif) center right no-repeat;}
ul#menuPictos li a.rss {background: url(/images/icon_rss.gif) center right no-repeat;}

/* UNE PDF + SUPPLEMENTS REDACTIONNELS ************************************/
#blocUne {padding:5px; text-align:center;}
#blocUne a {clear:both; color:#999; font:bold 11px "Trebuchet MS", arial, sans-serif;}
#blocUne a:hover {color:#c33; text-decoration:none;}
#blocUne img {border:1px solid #CCC; padding:2px; margin-top:10px;}
dl#menuUne {width:126px; margin:auto; text-align:left;}
#menuUne dt {padding:5px; background:#c33; border-bottom:1px solid #fff;}
#menuUne dt a {color:#fff; font: bold 8px helvetica, arial, sans-serif; text-transform:uppercase; letter-spacing:1px;}
#menuUne dt a:hover {color:#600; background:#c33; text-decoration:none;}


/* EDITO + ARTICLES LES PLUS LUS + RECETTE + BONS PLANS REDACTION + SHOPPING ***************************************/
#blocEdito {text-align:left; padding:10px; font: normal 12px "Trebuchet MS", verdana, arial, sans-serif; line-height:1.1em;}
#blocEdito span {font-size:11px; color:#c33;}
#blocEdito a {font-weight:normal; color:#999; text-decoration:none;}
#blocEdito a:hover {color:#333;}

/* ANNONCES ************************************/
#blocAnnonces {padding:5px; text-align:center;}
#blocAnnonces img {margin-top:10px;}

/*VOUS A NOUS********************************/
.blocVousaNous {text-align:left;}
dl.menuVousaNous {margin:0px; padding:5px;}
.menuVousaNous dt a {display:block; padding-left:20px; background: url(/images/fl_grise.gif) center left no-repeat; color:#999; font: bold 11px "Trebuchet MS", arial, sans-serif; margin-top:2px;}
.menuVousaNous dt a:hover {color:#333; background: url(/images/fl_noire.gif) center left no-repeat; text-decoration:none;}

/* ARTICLE *************************************************************************/
#blocPetitPoucet {font: normal 11px arial, sans-serif; color:#999; margin-bottom:5px;}
.blocPetitPoucet {font: normal 11px arial, sans-serif; color:#999; margin-bottom:5px;}
#barreRubrique {height:30px; background: url(/images/ap_article.gif) repeat-x; padding:7px 3px 0 3px; margin-bottom:0px;}
#barreRubrique .titreRubrique {float:left;}
#barreRubrique .menuArticleHaut {float:right;}
#barreRubrique a {font: normal 13px "Georgia", arial, sans-serif; font-style:italic; color:#7192aa;}
#barreRubrique a:hover {color:#000;}
#blocArticle {width:100%;}
#blocArticle h1 {font: bold 2.3em "Trebuchet MS", arial, sans-serif; color:#000; letter-spacing:-1px; line-height:1em; margin:10px 0 10px 0; padding:0;}
#blocArticleTitre {width:100%; overflow:auto;}
#blocArticleTxt {width:100%; font-size:1.1em; font-weight:normal; color:#333; line-height:1.4em;}
.blocRubArticle {width:100%; float:left; border-top: 1px solid #eee; margin-top:15px; margin-bottom:15px;} 
/*JS le 261007*/
.blocRubArticle2 {width:100%; float:right; font-size:1.1em; font-weight:normal; color:#333; line-height:1.3em;} 

/* IMAGE dans ARTICLE *************************/
.blocImg {float:right; margin:10px 0 10px 5px; background:#eee;}
.blocImg p {padding:0 2px 2px 0; font-size:10px; font-weight:bold; color:#999; text-align:right;}
.dte {float:right; border:1px solid #ccc; padding:1px; margin:0 0 10px 10px;} 
.gche {float:left; border:1px solid #ccc; padding:1px; margin:10px 10px 10px 0;}
.homedte {float:right; border:1px solid #000000; padding:0px; margin:0 0 10px 10px;} 
.homegche {float:left; border:1px solid #000000; padding:0px; margin:10px 10px 10px 0;}

/* OUTILS ARTICLE *****************************/
.blocFonctions {text-align:right; font-size:11px; font-weight:bold; color:#000; margin:20px 0 20px 0;}
.blocFonctions a {font-size:10px; font-weight:bold; color:#999;}
.blocFonctions a:hover {color:#333;}

/* LIRE AUSSI ARTICLE *************************/
#blocLireAussi {float:right; width:150px; background:#eee; margin:0 0 5px 5px;}
#blocLireAussi p {text-align:left; background:#ccc; padding:5px; margin:0; font-size:11px; font-weight:bold; color:#fff; border-bottom:1px solid #fff;}
#blocLireAussi a {display:block; font-size:11px; font-weight:normal; color:#999; margin-bottom:2px; padding:5px;}
#blocLireAussi a:hover {color:#666; background:#ccc;}

/* ARCHIVES **********************************/
#barreArchives {width:100%; height:15px; border-bottom: 1px solid #000;}
#blocArchives {font-size:11px; font-weight:normal; color:#666; background:#eee; padding:5px;}
#blocArchives a {color:#666; font-size:12px; font-weight:bold; margin-right:15px;}
#blocArchives a:hover {color:#000; text-decoration:none;}

/* TOUT IMAGES **********************************/
#diaporama {width:500px; overflow:auto; margin:10px; padding:20px; background:#fff; border: 1px solid #666; font-size:11px;}
.navigdiapo {overflow:auto; height:15px; margin:0; padding:0; background:#eee; padding:5px;}
.imgdiapo {height:500px; text-align:center; border: 1px solid #eee;}
.rubdiapo {width:500px; height:70px; background:url(../images/logo.gif) no-repeat; text-align:right;}
.rubdiapo h2 {color:#c33; padding:10px;}
.motCle {font-size:15px;}
.navdiapo {word-spacing:2px; padding:2px; text-transform:uppercase; font-size:15px; font-weight:bold; color:#333; text-align:center; background:#eee;}
.navdiapo p {text-align:right;}
.navdiapo a {font-size:14px; font-weight:bold; color:#666; text-decoration:none; text-transform:uppercase; letter-spacing:-1px;}
.navdiapo a:hover {color:#c33; text-decoration:none;}
.txtdiapo {background:#eee; padding:10px;}
.suiv {margin-left:50px;}
.prec {margin-right:50px;}

/* VIDEOS *************************/
.video {float:right; border:2px solid #c33; background:black; padding:5px; margin:5px;}

/* CONCOURS *************************/
#concours {width:650px;padding:20px;}
#menuConcours {text-align:center;background:#eee;padding:5px;}

/* CARNET *************************/
.blocRubCarnet {width:100%; float:left; text-align:center; margin-top:15px; margin-bottom:15px; font: normal 12px "Georgia", arial, sans-serif; color:#7192aa;}
.blocRubCarnet a, .blocArtCarnet a {font: normal 11px "Georgia", arial, sans-serif; color:#7192aa;} 
.blocRubCarnet a:hover, .blocArtCarnet a:hover {color:#000;}
.blocRubCarnet legend, .blocArtCarnet legend {font: normal 17px "Georgia", arial, sans-serif; text-transform:none; color:#7192aa;}
.blocRubCarnet tr.ligne1 {background:#f7f7f7;}
.blocRubCarnet tr.ligne2 {background:#eeeeee;}
.blocRubCarnet td {height:35px; padding:5px; border-top:1px solid #ffffff;}
.blocRubCarnet td.col1 {width:250px; text-align:left; color:#000; vertical-align:top;}
.blocRubCarnet td.col2 {width:350px; text-align:left; color:#999; font-size:11px; vertical-align:top;}
.blocRubCarnet td.col3 {width:75px; text-align:center; vertical-align:top;}
.blocformCarnet {height:110px; text-align:left; padding:5px 5px 5px 20px; background: url(/carnet/images/ap_search.gif) center left no-repeat;}
.blocformCarnet h1 {font: normal 18px "Georgia", arial, sans-serif; color:#000; padding-bottom:5px; padding-top:7px; margin:0;}
.blocformCarnet input {font-size:10px; color:#7192aa; cursor:pointer;}
.blocformCarnet select {width:150px; font-size:10px; color:#7192aa; cursor:pointer;}
.blocformCarnet .bouton {margin-left:100px;}
.blocArtCarnet {width:100%; float:left; text-align:left; margin-top:15px; margin-bottom:15px; font: normal 12px "Georgia", arial, sans-serif; color:#7192aa;}
body.carnet {background:#fff;}
.blocPopCarnet {width:260px; margin:auto; padding:auto;}
.blocPopCarnet legend {font: bold 12px "Georgia", arial, sans-serif; color:#7192aa; text-transform:none;}
.blocPopCarnet p.date {font: normal 11px "Georgia", arial, sans-serif; color:#7192aa; padding-left:10px; text-align:left; margin:0;}
.blocPopCarnet p.txt {text-align:center; font: normal 12px arial, sans-serif; color:#333; margin:0; padding:0;}
.blocPopCarnet p.txt span {font: bold 12px arial, sans-serif; color:#999; margin:0; padding:0;}
.blocPopCarnet p.nom {font: normal 17px "Georgia", arial, sans-serif; color:#7192aa; text-align:center; margin-bottom:10px;}
.blocPopCarnet p.nom span {font-size:11px;}
.blocPopCarnet p.lien {display:block; height:20px; text-align:center; margin-top:10px; color:#7192aa;}
.blocPopCarnet p.lien a {font: normal 11px "Georgia", arial, sans-serif; color:#ccc;} 
.blocPopCarnet p.lien a:hover {color:#000;}

.barreRubCarnet {height:18px; padding-left:5px; padding-top:5px; background:#7192aa; border-bottom: 1px solid #fff; border-top: 1px solid #fff; font-size:11px; font-weight:bold; color:#fff; text-transform:uppercase;}
.blocDteCarnet {background:#fff; padding:4px; border: 1px solid #ededed;}
.blocDteCarnet p {padding:5px; margin:0; font-size:11px; font-weight:normal; color:#7192aa;}
.blocDteCarnet p a {font-size:11px; font-weight:normal; color:#666;}
.blocDteCarnet p a:hover {color:#333;}
.blocDtePublier {background-color:#eee; background-image: url(/carnet/images/ap_publier.gif); background-repeat: no-repeat; background-position: right top; padding:4px; border: 1px solid #ededed;}
.blocDtePublier p {padding:106px 5px 5px 10px; font-size:11px; color:#7192aa;}
.blocDtePublier p span {font-size:11px; color:#666;}

.blocDtePros {text-align:right; height:150px; background-color:#eee; background-image: url(/carnet/images/ap_pros.gif); background-repeat: no-repeat; background-position: right top; padding:4px; border: 1px solid #ededed;}
.blocDtePros p {padding:0px 5px 5px 85px; font-size:11px; color:#7192aa;}
.blocDtePros p span {font-size:11px; color:#666;}

/* AUTRES *************************/
#slidemenubar, #slidemenubar2 {position:absolute; border:1.5px solid black; background-color:#f2f2f2; layer-background-color:#f2f2f2; font: bold 12px Verdana; line-height:20px;}
a.pnwControl, a.pnwControl:visited, div.pnwControl {width:10px;	position:absolute; text-decoration:none; font: bold 1em verdana, sans-serif; font-weight:900; color:#008000;}
a.pnwControl, a.pnwControl:visited {border-bottom:none;}
div#pnwControl_child {border-bottom:1px solid black;}

/* SPORTS : RESULTATS ********************/
.blocSports {background:#fff; font: normal 11px arial, sans-serif; color:#333;clear:left;}
.menuSportsResultat {font: normal 11px "Trebuchet MS", arial, sans-serif; padding:0; margin:0; list-style-type:none; white-space:nowrap;}
.menuSportsResultat li {float:left; width:60px;}
.menuSportsResultat li.on {position:relative; display:block; text-decoration:none; float:left; width:60px;}
.menuSportsResultat li.on span {display:block; color:#ffffff; height:18px; background:#ff3333; border:1px solid #ffffff; border-width:1px 1px 2px 1px; text-align:center;}
.menuSportsResultat li.on b {display:block; font-weight:normal; border-bottom:1px solid #ff6666;}
.menuSportsResultat a {display:block; text-decoration:none; float:left; width:60px;}
.menuSportsResultat a span {display:block; color:#000; background:#eeeeee; border:1px solid #ffffff; border-width:1px 1px 2px 1px;text-align:center; cursor:pointer;}
.menuSportsResultat a b {display:block; font-weight:normal; border-bottom:1px solid #ff6666;}
.menuSportsResultat a em {display:none;}
.menuSportsResultat a:hover { background:#ff3333;}
.menuSportsResultat a:hover span { color:#ffffff; background:#ff3333;}
.blocSportsResultat {float:left; width:298px; height:110px; overflow-y:scroll; overflow-x:hidden; border-bottom:1px solid #f33; border-width:0px 1px 1px 1px;}
dl.blocSportsContent {width:280px;margin-top:1px;}
.blocSportsContent dt.on {padding:2px 5px 2px 5px; background:#eeeeee; }
.blocSportsContent dt.off {padding:2px 5px 2px 5px; background:#f8f8f8; border-top:1px solid #fff;}
.blocSportsContent dt a {font:normal 11px "Trebuchet MS", arial, sans-serif; color:#666; text-transform:uppercase;}
.blocSportsContent dt a:hover {color:#f33;}

/* SPORTS : CLASSEMENTS ********************/
.tabSportsClass {width:500px; font:bold 10px arial, sans serif; text-align:center; color:#000;}
.tabSportsClass td {height:20px;}
.tabSportsClass a, .tabSportsClass a:hover{font:bold 10px arial, sans serif; color:#f33;}
.tabSportsClass caption {background:#f33; padding:1px 0 0 5px; font-size:11px; color:#fff; text-align:left; text-transform:uppercase; height:15px;}
.tabSportsClass tfoot {background:#fff; padding:3px; color:#f33; text-align:right;}
.tabSportsClass tr.L1 {background:#eee;}
.tabSportsClass tr.L2 {background:#f8f8f8;}
.tabSportsClass td.col1 {width:30px;font-weight:bold;}
.tabSportsClass td.col2 {width:30px;}
.tabSportsClass td.col3 {width:100px;}
.tabSportsClass td.col4 {width:200px;}

/* PA DIVERS et RENCONTRE *************************/
.barreRub {float:left; height:18px; width:495px; padding-left:5px; padding-top:5px; background:#c00; border-bottom: 1px solid #fff; border-top: 1px solid #fff; font-size:11px; font-weight:bold; color:#fff; text-transform:uppercase;}
.blocPaDivers {height:170px; background:url(/images/i_divers.gif) no-repeat top right; padding:10px 0 0 10px; overflow:hidden;}
.blocPaRencontres {height:350px; width:475px; overflow:hidden; padding:10px 0 0 10px; text-align:left; background:url(/images/i_rencontres.gif) no-repeat top right;}
.blocPaParship {clear:left; text-align:right; padding: 10px 10px 0 0; width:455px; height:155px; margin-top:20px; border:1px solid #f33; background: #eee url(/images/i_parship.gif) no-repeat top left;}
.blocPaParship a:hover, .blocPaDivers  a:hover {color:#f33;}
.blocPaBA {clear:left; text-align:right; padding: 10px 10px 0 0; width:455px; height:155px; margin-top:20px; border:1px solid #f33; background: #eee url(/images/i_ba.gif) no-repeat top left;}
.blocPaBA a:hover, .blocPaDivers  a:hover {color:#f33;}
.blocPaPublier {float:left; text-align:left; color:#666; padding: 10px 5px 0 135px; width:360px; height:140px; background: #eee url(/images/i_publier.jpg) no-repeat top left;}
.blocPa1, .blocPa2 {clear:left; text-align:left; color:#666; padding:10px; width:480px; border-bottom:1px solid #fff;}
.blocPa1 {background:#eee;}
.blocPa2 {background:#f6f6f6;}
.blocPa1 span, .blocPa2 span {color:#999; font-size:11px; margin-bottom:5px;display:block;}
.blocPa3 {background:#fff; float:left; text-align:left; color:#333; padding:10px; width:480px; border:1px solid #eee; border-width:1px 0 1px 0;}
.blocPa3 span {color:#f00; font-size:11px; margin-bottom:5px; display:block;}

/*NAVIGATION BAS DE PAGE DANS _footer.php5***********/
/* CoupeDuMonde */

#CoupeDuMonde{padding:0; margin-left:10px; list-style:none;}
#CoupeDuMonde li {float:left; margin-left:2px; padding-top:2px;}
#CoupeDuMonde li a {font: bold 15px arial, sans-serif; display:block; height:18px; float:left; border:1px solid #ccc; padding:0 5px 0 5px; background:#693; color:#fff; text-decoration:none;}
#CoupeDuMonde li span {font: bold 15px arial, sans-serif; display:block; height:18px; float:left; border:1px solid #ccc; padding:0 5px 0 5px; background:#363; color:#fff; text-decoration:none;}
#CoupeDuMonde li a:hover {background:#363;}

/*JEUX ***********/
#gauche2col{width:685px;}
#droite2col{width:300px;}
#barreRubrique .menuJeux {float:right; color:#ccc; font-weight:bold; font-size:14px;}
#barreRubrique .menuJeux a {font: bold 14px "Trebuchet MS", arial, sans-serif; color:#999; padding:0 5px 0 5px;}
#barreRubrique .menuJeux a:hover {color:#c33;}

#blocJeux{width:100%;}
#blocJeux .ligneGrise {clear:both; width:100%; height:1px; margin:0; padding:0; background:#eee;}

#blocJeux .jeuActif {padding:10px; margin:0; font-size:12px; color:#999;}
#blocJeux .jeuActif  h1 a {font: bold 24px "Trebuchet MS", arial, sans-serif; color:#000; margin:0px; padding:0px; }
#blocJeux .jeuActif  h1 a:hover {color:#c33; text-decoration:none;}
#blocJeux .jeuActif  h2 {font: bold 22px "Trebuchet MS", arial, sans-serif; color:#c33; margin:0px; padding:0px;}
#blocJeux .jeuActif  span {font-size:12px; color:#c33;}

#blocJeux .jeuInactif {padding:10px; margin:0; font-size:12px; color:#999;}
#blocJeux .jeuInactif  h1 a {font: bold 24px "Trebuchet MS", arial, sans-serif; color:#666; margin:0px; padding:0px; }
#blocJeux .jeuInactif  h1 a:hover {color:#333; text-decoration:none;}
#blocJeux .jeuInactif  h2 {font: bold 22px "Trebuchet MS", arial, sans-serif; color:#ccc; margin:0px; padding:0px;}
#blocJeux .jeuInactif  span {font-size:12px; color:#999;}

#blocJeux .jeuDetail {padding:10px; margin:0; font-size:12px; color:#999;}
#blocJeux .jeuDetail  h1 a {font: bold 30px "Trebuchet MS", arial, sans-serif; color:#000; margin:0px; padding:0px;}
#blocJeux .jeuDetail  h1 a:hover {color:#c33; text-decoration:none;}
#blocJeux .jeuDetail  h2 {font: bold 25px "Trebuchet MS", arial, sans-serif; color:#c33; margin:0px; padding:0px;}
#blocJeux .jeuDetail  span {font-size:12px; color:#c33;}
#blocJeux .jeuDetail  fieldset {color:#999; border:1px solid #c33; padding:20px; margin-bottom:10px;}
#blocJeux .jeuDetail  legend {font: bold 15px "Trebuchet MS", arial, sans-serif; color:#c33; text-transform:none;}

#jeuConnect {width:300px; text-align:center; font-size:12px; color:#999; margin-top:18px; margin-bottom:18px;}
#jeuConnect span {display:block; font-size:10px; color:#999;}
#jeuConnect span a {font-size:10px; color:#999;}
#jeuConnect span a:hover {color:#c33;}
#jeuConnectHaut {height:25px; background: #c33 url(/promo/jeux/images/ap_300haut.gif) no-repeat top left; font: bold 14px "Trebuchet MS", arial, sans-serif; color:#fff; padding-top:5px;}
#jeuConnectMilieu {height:auto; background: #fff url(/promo/jeux/images/ap_300milieu.gif) repeat-y; padding:10px;}
#jeuConnectBas {height:45px; background: #fff url(/promo/jeux/images/ap_300bas.gif) no-repeat top left;}
#jeuConnectBas  a {font-weight:bold; color:#c33; text-transform:uppercase;}
#jeuConnectBas  a:hover {color:#999;}
#jeuConnect form label {float:left; width:45%; text-align:right; font-weight:bold; display:block; padding-top:5px; margin-bottom:5px;}
#jeuConnect form input, select , text,textarea {font-size:12px; color:#c33; cursor:pointer; background:#eee; padding:2px; margin-bottom:5px;}
#jeuConnect form input[type=image] {background:none;}
#jeuConnect form input[type=checkbox] {margin:5px;}
#jeuConnect form input[name=valider] {width:90px;}

#blocJeuxForm {font-size:14px; color:#999; padding:40px;}
#blocJeuxForm form label {float:left; width:45%; text-align:right; font-weight:bold; display:block; padding-top:5px; padding-right:5px; margin-bottom:5px;}
#blocJeuxForm form input, select , text {font-size:12px; color:#c33; cursor:pointer; background:#eee; padding:2px; margin-bottom:5px; width:50%}
#blocJeuxForm form input[type=radio] {font-size:12px; color:#c33; cursor:pointer; background:#eee; width:10px;}
#blocJeuxForm form input[type=checkbox] {font-size:12px; color:#c33; cursor:pointer; background:#eee; width:10px;}
#blocJeuxForm form input[type=image] {background:none;}
#blocJeuxForm form input[name=envoyer] {width:90px;}
#blocJeuxForm p {font-size:10px; color:#999; font-style:normal;}
#blocJeuxForm span{margin-left:5px;}