body {
color: #5d665b;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #c9c9c9
}
a  {text-decoration:none;}
a:hover {text-decoration:underline.}
a img {border:0;}
#spacer {clear:both}
.spacer {clear:both}
/* formulaires */
input,select,textarea
{
    border: 1px solid #000000;
    color: #000000;
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Geneva;
    font-size: 10px;
}
LABEL {
DISPLAY: inline ;
FLOAT: left ;
WIDTH: 45% ;
font-weight: bold ;
margin-right: 10px;
vertical-align:top;
}

/* structure du site */
#PageTotale {
position:relative;
width:770px;
padding:3 20 4 0;
text-align:right;
margin:auto;
}
#BordInterieur {
background-color: #fff;
}
/* partie haute - entête */
#entete a span {
display: none ;
}
/* menu horizontal */
ul.menu {
list-style-type: none;
margin:0;
padding:0;
top: 92px;
left: 2px;
width: 100%; /* précision pour Opera */
}
li.menu {float: left;
}

.menu a span {
display: none;
}
.menu a:hover span {
display: block;
position: absolute;
top: 74px;
left: 19px;
width: 600px;
text-align: center;
font-size: 10px;
font-weight: normal;
letter-spacing: 0px ;
border: 0px solid #fff;
text-decoration:none;
color: #fff;
}
/* fin de la partie haute */

/* début du bandeau droit */
#menu2 {
float:right;
width:220px;
margin: 0px 0px 10px 3px;
}
/* date et saint du jour */
.saint
{
padding: 5px 10px 5px 10px ;
background-color: #888888 ;
border-top: 3px solid #fff ;
text-align: center ;
color: #fff ;
font-size: 0.9em ;
}
/* météo à 2 jours */
div#meteo
        {
            text-align: center;
            height: 115px ;
            padding: 5px 5px 5px 5px ;
            background: url("http://www.hautsdefrance.com/images/fondciel1.jpg") no-repeat left top ;
            margin:3px 0px 1px 0px
        }
div#meteo2
        {
            height: 105px ;
            padding: 0px 0px 0px 10px ;
            background: url("http://www.hautsdefrance.com/images/fondciel2.jpg") no-repeat left top ;
            border: 0px;
            text-align: center ;
            color:#333399;
        }
div#meteo span
        {
    font-size:1.3em;
    font-weight:bold;
    text-align: center;
    color: #330099;
        }
.meteomenu {
 width: 195px;
}
.meteomenu .tr:nth-child(odd) {
 background-color: #eee;
}
.meteomenu .td {
    float: left;
    width: 65px;
    padding-left: 2px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-align: left;
}
.meteomenu .td2 {
 float: left;
 width: 30px;
 padding-top: 3px;
text-align: center;
}
.jour {
    text-align:left;
    color: #564976;
}
/* bannières pub dans bandeau droit */
#pub220, #pub220 a:link {
margin-top:3px;
border:0px;
padding:0px;
text-decoration:none;
}
/* vignettes equipe foot */
div#rclens
        {
            text-align: center;
            height: 115px ;
            padding: 5px 5px 5px 5px ;
            margin:3px 0px 0px 0px;
            background: url("http://www.hautsdefrance.com/images/rclens.gif") no-repeat left top ;
            border:0px ;
			color:#ffffff;
        }
div#rclens a{color: #ffffff; text-decoration:none;}
div#rclens  a:hover {color:#FF0000}
.rclens {
text-align:center;
width:200px;
color:#FFCCCC
}
.rclens  a {text-decoration:none; font-weight:bold;}
.rclens  a:hover {text-decoration:underline; color:#FFCCCC}
div#rclens span
        {
    font-size:11px;
    font-weight:bold;
    text-align: center;
    color: #feb100;
        }
div#losc
        {
            text-align: center;
            height: 100px ;
            padding: 5px 5px 5px 5px ;
            background: url("http://www.hautsdefrance.com/images/lilleosc.gif") no-repeat left top ;
            border-top: 3px solid #fff ;
            color: #ffffff;
        }

div#losc span
        {
    font-size:1.3em;
    font-weight:bold;
    text-align: center;
    color: #fff;
        }
/* partie clubbing */
div#clubbing
        {
            height: 75px ;
            padding: 5px 5px 5px 5px ;
            background: url("http://www.hautsdefrance.com/images/clubbing.jpg") no-repeat left top ;
            border-top: 3px solid #fff ;
            text-align: center ;
        }
div#clubbing span
        {
            font-size:1.6em;
            font-weight:bold;
            text-align: center ;
            color: #FFF;
        }
.clubbingtexte
        {
            font-size:1.0em;
            text-align: center ;
            color: #FFF;
        }
/* fin du bandeau droit */

/* début de la partie centrale */

.redactionnel {
text-align:justify;
}
.redactionnel a:hover {
text-decoration:underline;
}
/* page d'accueil */
#diffusion {
border: 1px solid #888888;
padding:0px 5px 5px 5px;
margin:0px 0px 5px 0px;
}
.dikton {
width:100%;
text-align:center;
vertical-align:top;
font-size:10px;
margin:2px 0px 2px 0px;
padding:0px 5px 0px 5px;
background:url("http://www.hautsdefrance.com/images/fond_dicton_62800.jpg") no-repeat left bottom;
}
.bandolokal {
margin:7px 0px 0px 0px;
border: 1px solid #888888;
}
.avartois {
float:right;
width:312px;
border: 0px;
padding:0px 5px 5px 5px;
background: url("http://www.hautsdefrance.com/images/part_a_a.gif") no-repeat right top ;
}
.avartois ul {
padding:0px 0px 0px 20px;
margin:0;
font-size:10px;
}
.avartois ul a {
color: #5d665b;
text-decoration:none;
}
.avartois ul a:hover {
color:#2088A8;
text-decoration:underline;
}
.avartois2 {
width:468px;
height:60px;
border:0;
padding:0;
background: url("http://www.hautsdefrance.com/images/part_a_a2.gif") no-repeat right top ;
}
.avartois3 {
width:95%;
border: 1px solid #CCC;
padding:15px 5px 5px 5px;
margin: 10px 0px 10px 0px;
background: url("http://www.hautsdefrance.com/images/part_a_a.gif") no-repeat right top ;
}
.papromo {
width:100%;
border:0;
font-size:10px;
}
.papromo span {
white-space: nowrap;
font-weight:bold;
}
#diffusionPhoto {
float:left;
margin-right:7px;
font-size:10px;
color:#B4B4B4;
margin-bottom:5px;
}
.soustitre {
    font-size:9px;
    color: #919191;
    font-style: italic;
    }
.listinfos {
margin-left:10px;
}
/* bas de page */
#basdepage {
clear:both;
text-align:center
}
#basdepage img {
display : none
}
.alerte {
font-size:1.2em;
font-weight:bold;
color:red;
}
/* Form styles */
/*
 * The form styles section displays information about the forms
 * formstrip is the part above the form fields
 * formleft & formright deal with the left and right <td> in the form output.
 *
*/
.formstrip { text-align:center; background: #DDE6EB; color: #000; font-weight: bold; font-size: 12px; padding: 4px; }
.formstriperror {color: #FF0000; font-weight: bold; font-size: 13px; padding: 4px; text-align: center; }
.formstrip a:link, .formstrip a:active, .formstrip a:visited { color: #5C604D; }
.formstrip a:hover { color: #000; }
.button {
    border: 1px solid #000000;
    color: #000000;
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Geneva;
    font-size: 10px;
}
.characters {
text-align:right;
font-weight: lighter;
}
.contour {
border: 1px solid #06AAAA;
padding:3px;
margin:3px;
}
/* row1 & row2
 * This section handles alternating rows
 *
*/
.row1{
     text-align:center;
     background-color:#d0d0d0;
     background-color:#F1F1F1;
}
.row2{
     text-align:center;
     background-color:#FFF;
}
.row2 img {
    width:50px;
    padding: 3px 3px 3px 3px;
    border: 0px;
}
.diffusion {
border: 1px solid #888888;
padding:0px 5px 5px 5px;
margin:5px 0px 5px 0px;
}
.pub468x60 {
text-align:center;
margin:5px 0px;
}
.sondage{
width:100%;
padding:0px 10px 0px 10px;
margin:0px;
border:2px solid #000;
background:#000;
color:#FFF;
}

.sondage a {
color: #FFF;
}
.posit  {
height:10px;
width:12%;
text-align:center;
margin:0px;
padding:0;
}
.popup {text-align:right;font-size:8px;}