body {
margin: 0;
padding: 0; 
background-color: #FFFFFF;
text-align: center;
}

#indxpub{
position:absolute;
top:-10000px;
left:-10000px;
}

.accueil{
margin-top: 20px;
}

.divprincipal{
clear: both;
margin: 0px auto;
padding: 0;
width: 777px;
text-align: left;
}

.titremenu_on{
background-color: #FECF6C;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #00678F;
}

.titremenu_on a{
text-decoration: none;
color: #00678F;
}

.titremenu_off{
background-color: #00688F;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
cursor: pointer;
}

.titremenu_off a{
text-decoration: none;
color: #FFFFFF;
}

.menuelement_on{
background-color: #CBF2FE;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #00678F;
}

.menuelement_on a{
text-decoration: none;
color: #00678F
}

.menuelement_off{
background-color: #89DFFB;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #00678F;
cursor: pointer;
}

.menuelement_off a{
text-decoration: none;
color: #00678F
}

.titrepage{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #40CCF9;
}

.textepage{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color:#666666;
}

.fondecran{
background-color: #40CCF9;
}

.menugauche{
position: absolute;
top: 275px;
z-index: 20;
}

.boiteabonnement{
background-color: #319EC1;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
border: 1px solid #FFFFFF;
position: relative;
display:none;
}

.containerabonnement{
position: absolute;
margin-left: 2px;
}

* html .cadretexte {
BORDER: #35acd2 1px solid;
WIDTH: 461px;
POSITION: relative;
BACKGROUND-COLOR: #ffffff;
OVERFLOW-Y: visible;
DISPLAY: block;
OVERFLOW-X: hidden;
OVERFLOW: hidden;
z-index: 1000;
}

.cadretexte{
BORDER: #35acd2 1px solid;
WIDTH: 461px;
height: auto;
min-height: 286px;
POSITION: relative;
BACKGROUND-COLOR: #ffffff;
OVERFLOW-Y: hidden;
DISPLAY: block;
OVERFLOW-X: visible;
OVERFLOW: hidden;
z-index: 1000;
}

.titrehorscadre{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
color:#FFFFFF;
}

.textehorscadre{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#FFFFFF;
}

.boutonabonnement{
border:1px #00688F solid;
border-collapse: collapse;
background-color: #00688F;
font-family: verdana;
font-size: 16px;
color: #FFFFFF;
width: 16px;
height: 16px;
float: right;
}

.divtravail{
width: 533px;
margin-left: 20px;
margin-top: -128px !important;
}

.coingauche{
position: relative;
z-index: 10;
}

.entete{
position: relative;
width: 575px;
}

.menuhaut{
position: relative;
height: 27px;
color: #FFFFFF;
width: 552px;
}

.fond{
position: absolute;
top: 143px;
width: 777px;
}

.zonetexte{
position: relative;
left: 35px;
width: 448px;
}

.zonetexteblanc{
position: relative;
width: 448px;
}

.marge10{
margin: 10px;
}

.menumarge10{
margin-left: 10px;
}
.menumarge14{
margin-left: 14px;
}

.margegauche{
margin-left: 28px;
}

.fonddroit{
background-image: url(/images/fonddroit.gif);
background-repeat: repeat-y;
background-position: top right;
background-color: #40CCF9;
}

.fondgauche{
background-image: url(/images/fondgauche.gif);
background-repeat: repeat-y;
background-position: top left;
background-color: #40CCF9;
}

.espace{
position: relative;
height: 40px;
}

.bas_accueil{
height: 96px;
background-image: url(/images/bas_page/bas_hiver.gif);
background-position: 0px 37px;
background-repeat: no-repeat;
}

.interieur_bas{
margin-left: 28px;
}

.fondmeteo{
background-image: url(/images/bas_page/fondmauve.gif);
background-repeat: repeat-x;
width: 363px;
float: left;
}

.fondfacebook_accueil{
background-image: url(/images/fond_hiver_bas.jpg);
width: 358px;
width: expression("363px");
height: 20px;
/*background-color: red;*/
text-align: right;
padding-right: 5px;
padding-top: 20px;
float: left;
}

.coin1{
clear: both;
position: relative;
top: -23px
}

.coin2{
position: relative;
top: -30px
}

.accueilfondgauche{
background-image: url(/images/accueilhiver/fondgauche.gif);
background-repeat: repeat-y;
}

.lienhaut{
height: 25px;
background-image: url(/images/accueilhiver/coinbulle.jpg);
background-repeat : no-repeat;
background-position: bottom left;
background-color: #FFFFFF;
}

.fondcentreindex{
background-image: url(/images/Accueilhiver/backaccueil.jpg);
background-repeat: no-repeat;
padding-top: 20px;
}

.margecentreindex{
margin-right: 10px;
margin-left: 20px;
}

.fondcellcentre{
background-image: url(/images/accueilhiver/fondcellcentre.gif);
background-repeat: repeat-y;
}

.menuhautaccueil{
height: 27px;
background-color: #FFFFFF;
}

.tbllienhaut{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #00678f;
}

.tbllienhaut a{
text-decoration: none;
color: #00678f;
}

.texteaccueil{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

.minitexteaccueil{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
}

.nouvelle{
width: 225px;
border-bottom: 1px solid #FFFFFF;
}

.flash{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #026992;
}

.video{
margin-right: 10px;
margin-top: 10px;
}

.boldClass{
font-weight: bold;
}

.RondBulle1{
width: 202px;
height: 233px;
background-image: url(/images/Accueilhiver/coin1.jpg);
}

.RondBulle2{
width: 202px;
height: 233px;
background-image: url(/images/Accueilhiver/coin2.jpg);
}

.RondBulle3{
width: 202px;
height: 233px;
background-image: url(/images/Accueilhiver/coin3.jpg);
}

.RondBulle4{
width: 202px;
height: 233px;
background-image: url(/images/Accueilhiver/coin4.jpg);
}

.Bandeau1{
width: 552px;
height: 175px;
background-image: url(/images/Accueilhiver/bandeau1.jpg);
}

.Bandeau2{
width: 552px;
height: 175px;
background-image: url(/images/Accueilhiver/bandeau2.jpg);
}

.Bandeau3{
width: 552px;
height: 175px;
background-image: url(/images/Accueilhiver/bandeau3.jpg);
}

.Bandeau4{
width: 552px;
height: 175px;
background-image: url(/images/Accueilhiver/bandeau4.jpg);
}

.tooltip {
	display:none;
	background:url(/images/black_arrow_big.png);
	height:87px;
	height: expression("137px");
	padding:25px 20px 30px 20px;
	width:230px;
	width: expression("270px");
	font-family: Arial, Helvetica, Sans-serif;
	font-size:11px;
	color:#4c4c4c;
	z-index: 1000;
	position: relative;
	text-align: left;
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	color:#000;
	font-size:11px;
	font-weight:bold;
	text-decoration: none;
}

.floatleft{
	float: left;
}

.floatright{
	float: right;
}

.shareleft{
	float: left;
	width: 110px;
	height: 22px;
	line-height: 22px;
	cursor: pointer;
	padding-left:5px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #FFF;
	background-color: #FFF;
}

.shareleft_hover{
	float: left;
	width: 110px;
	height: 22px;
	line-height: 22px;
	cursor: pointer;
	padding-left:5px;
	border: 1px solid #E5E5E5;
	background-color: #F2F2F2;
	margin-top: 5px;
	margin-bottom: 5px;
}

.shareright{
	float: right;
	width: 110px;
	height: 22px;
	line-height: 22px;
	cursor: pointer;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #FFF;
	background-color: #FFF;
}

.shareright_hover{
	float: right;
	width: 110px;
	height: 22px;
	line-height: 22px;
	cursor: pointer;
	border: 1px solid #E5E5E5;
	background-color: #F2F2F2;
	margin-top: 5px;
	margin-bottom: 5px;
}

.calypso{
    padding-left: 30px;
    margin-bottom: 10px;
}

.calypso_logo{
    padding-left: 45px;
}

.text_calypso{
    width: 145px;text-align: center;
}

.text_calypso a:link, .text_calypso a:visited{
    font-family: Verdana;
    font-size: 10px;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
}