body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
margin: 0;
padding: 0;
}
#header {
height: 100px;
background-image:url(images/fondnav1.gif);
text-align:center;
}
#haut{
height:8px;
color: #FFFFFF;
background-color:#396F9A;
}
#haut a {
color: #FFFFFF;
font-weight:bold;
}
#menuhaut{
height:58px;
text-align:center;
color: #FFFFFF;
padding :4px 0 3px 0;
background-color:#930000;
}
#menuhaut a {
color: #FFFFFF;
font-family: "Trebuchet MS", Arial, Helvetica;
font-size: medium;
font-weight:bold;
}
#menuhaut a:hover{
color: #930000;
background-color:#FFFFFF;
text-decoration: none;
padding :2px 2px 2px 2px;
}
#conteneur {
position: absolute;
width: 100%;
background-color:#396F9A;
}
#centre {
background-color: #FFFFFF;
margin-left: 150px;
margin-right: 150px;
padding: 3px 25px 3px 25px;
text-align:justify;
}
#gauche{
float:left;
width:48%;
border: 1px solid #396F9A;
text-align:center;}
#droite{
float:right;
width:48%;
border: 1px solid #396F9A;
text-align:center;}
#navcontainer {
background-image:url(images/fondnavgauche.gif);
position: absolute;
left:0;
width: 150px;
list-style-type: none;
color: #396F9A;
text-align:right;
}
#navcontainerdroite {
background-image:url(images/fondnavdroite.gif);
position: absolute;
right:0;
width: 150px;
list-style-type: none;
color: #396F9A;
}

#bottom{
text-align:center;
bottom:10px;
color:#FFFFFF;
font-size: x-small;
}
#bottom a {
color: #FFFFFF;
text-decoration: none;
font-size: x-small;
font-weight:normal;}
#bottom a:hover{
color: #FFFFFF;
text-decoration: underline;
}

#pied {
height: 48px;
background-color: #FFFFFF;
color:#396F9A;
font-size: x-small;
}
#pied a {
color: #396F9A;
text-decoration: none;
font-size: x-small;
font-weight:normal;}
#pied a:hover{
color: #396F9A;
text-decoration: underline;
}
p {margin: 0 0 10px 0;}
.navlist
{
margin-left: 1px;
padding-left: 0;
list-style-type:none;
font-family: "Trebuchet MS", Arial, Helvetica;
}

.navlist a {
color: #333333;
font-family: "Trebuchet MS", Arial, Helvetica;
font-size:11px;
}
.navlist a:link {
color: #333333;
text-decoration: none;
}
.navlist a:visited {
color: #333333;
text-decoration: none;
} /* lien visité */
.navlist a:hover{
color:#396F9A;
text-decoration: none;
}
.navlist a:active { 
color: #333333;
text-decoration: none;
} /* lien activé */
.titre{
font-family: "Trebuchet MS", Arial, Helvetica;
font-size:x-large;
padding: 10px 10px 10px 10px;
text-align:center;
color: #930000;
font-weight:bold;
font-style:italic;}
.petittitre{
font-family :  Arial, Helvetica, sans-serif;
	color : #396F9A;
font-size:medium;	text-align : left;
	padding : 2px 2px 2px 25px;	
	}
.imagebordure {
border-width:0;
}
.imagebordurebleue {
border: 1px #396F9A solid;
padding:1px;}
#imagegauche250{
float:left;
border-width:0;
margin-left:3px;
margin-right:6px;
padding-right:3px;
}
#imagedroite250{
float:right;
border-width:0;
margin-left:6px;
margin-right:3px;
padding-left:3px;
}
.imgbandeaupub{
padding-bottom:22px;
padding-left:40px;
border:0;
}

.date{float:left;
font-weight:bold;
font-size:10px;
margin-left:15px;
color: #FFFFFF;
padding-left:5px;
padding-right:5px;
}
.heure{float:right;
font-weight:bold;
font-size:10px;
margin-right:20px;
color:#FFFFFF;
padding-left:5px;
padding-right:5px;
}
.navfondgauche{
padding: 6px 35px 6px 5px;
font-size:medium;
font-weight:bold;
color: #930000;
font-style:italic;
}
.navfonddroite{
background-image:url(images/fondnavdroite.gif);
padding: 6px 0px 6px 0px;
font-size:medium;
font-weight:bold;
color: #930000;
font-style:italic;
}

.encadrement {
	text-align : center;
	padding-left : 1px;
	padding-right : 1px;
	padding-top : 1px;
	padding-bottom : 1px;
	border-style:solid;
	border-color:#396F9A;
	border-width:1px;
	}
.news{
background-image:url(images/fondnav.gif);
padding: 2px 10px 2px 10px;
text-align:center;
color:#396F9A;
font-weight:bold;}

.bgloto{
background-image:url(images/bgloto.jpg);
background-repeat:no-repeat;
color:#396F9A;
font-weight:bold;
font-size:37px;
height:60px}


h1{
font-family: "Trebuchet MS", Arial, Helvetica;
font-size:x-large;
padding: 10px 10px 10px 10px;
text-align:center;
color: #930000;
font-weight:bold;
font-style:italic;}

h2{
font-family :  Arial, Helvetica, sans-serif;
font-size:medium;	text-align : left;
	padding : 2px 2px 10px 25px;	
}
#image120{
float:left;
line-height: 1px;
vertical-align: middle; 
margin-left:3px;
margin-right:6px;
padding:1px;}
#image120droite{
float:right;
line-height: 1px;
vertical-align: middle; 
margin-left:6px;
margin-right:3px;
padding:1px;}
.encadresite{
border: 0;
padding:1px 5px 1px 3px;
margin-left:20px;}
.loterieavis{
border:1px solid #396F9A;
text-align:center;
padding:15px 5px 15px 5px;}
.etoiles{
vertical-align:middle;}
table{
padding:5px;
border: 1px #396F9A solid;
}
.tablenoborder{
padding:5px;
border: 0;
}
tr{
padding:1px;
border-top: 1px #396F9A solid;
border-bottom: 1px #396F9A solid;
}
.trtablelotcompaseparation{
background-color:#396F9A;
color:#FFFFFF;
padding:0;}
td{
padding:2px 3px 2px 3px;
border-right: 1px #396F9A solid;
border-bottom: 1px #396F9A solid;
}
.tdpubhaut{
padding:0px 8px 0px 8px;
border: 0;
text-align:center;
font-family: "Trebuchet MS", Arial, Helvetica;
font-size: 11px;}
.tdpubhauttitre{
color:#396F9A;
padding:0px 8px 0px 8px;
border: 0;
text-align:center;
font-family: "Trebuchet MS", Arial, Helvetica;
font-size:small;}

.Style1 {color: #930000;}
.Style2 {font-size: large;}
.Style3 {font-size: xx-large;}
.Style4 {font-size: x-large;}
.Style5 {color: #FFFFFF;}

a:link {
color: #396F9A;
text-decoration: none;
} 
 /* lien non-visité */
a:visited {
text-decoration: none;
color: #396F9A;
} /* lien visité */
a:hover { 
color: #396F9A; 
text-decoration: underline;
} /* lien survolé */
a:active { 
text-decoration: none;
} /* lien activé */
/* form box */
#GRSubscribeForm fieldset {
width: 450px; 
border: 0;
}
		
/* comment about GetResponse */
#GRSubscribeForm p {
font-size: x-small;
}
		
/* table used to position form elements */
#GRSubscribeForm table {
border: 0;
}