#top
{
    BACKGROUND-POSITION: right bottom;
    BACKGROUND-IMAGE: url(../img/FR/home/top_bg.gif);
    BACKGROUND-REPEAT: no-repeat
}
#home
{
    FLOAT: left
}
#head
{
}
#head H1
{
    BORDER-TOP: #d5d3d3 1px solid;
    MARGIN-TOP: 14px;
    DISPLAY: block;
    FONT-WEIGHT: bold;
    FONT-SIZE: 145%;
    FLOAT: left;
    PADDING-BOTTOM: 20px;
    WIDTH: 385px;
    COLOR: #5a5b5a;
    LINE-HEIGHT: 100%;
    PADDING-TOP: 22px;
    FONT-STYLE: italic
}
#head H1 SPAN
{
    FLOAT: right
}
#head DIV
{
    FLOAT: left
}
#head DIV.cg22
{
    WIDTH: 249px
}
#principal
{
    FLOAT: left;
    BACKGROUND-IMAGE: url(../img/FR/home/fond2.jpg);
    background-repeat:repeat-x ;
    BORDER-BOTTOM-COLOR: #ffffff;
    BORDER-LEFT: #ffffff 2px solid;
    WIDTH: 800px;
    POSITION: static;
    MIN-HEIGHT: 500px
}
#nav
{
}
#navprinc
{
    FLOAT: left
}
#navprinc H3
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 152%;
    PADDING-BOTTOM: 10px;
    COLOR: #0079b3;
    LINE-HEIGHT: 100%;
    PADDING-TOP: 0px
}
#navprinc H3 SPAN
{
    PADDING-LEFT: 20px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 130%;
    COLOR: #0868b2
}
#navprinc A
{
    COLOR: #000000
}
#navprinc UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 20px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}
#navprinc LI
{
    BACKGROUND-POSITION: left top;
    DISPLAY: list-item;
    PADDING-LEFT: 10px;
    FLOAT: none;
    BACKGROUND-IMAGE: url(../img/FR/LI_home.gif);
    MARGIN: 0px 0px 3px;
    BACKGROUND-REPEAT: no-repeat
}
#navprinc DIV.U1
{
    MARGIN-TOP: 20px;
    PADDING-LEFT: 20px;
    FLOAT: left;
    WIDTH: 200px
}
#navprinc DIV.U2
{
    FLOAT: left
}
#navprinc UL UL
{
    BACKGROUND: none transparent scroll repeat 0% 0%;
    MARGIN: 0px;
    WIDTH: auto
}
#navprinc UL UL LI
{
    BACKGROUND-POSITION: left top;
    DISPLAY: list-item;
    PADDING-LEFT: 10px;
    FLOAT: none;
    BACKGROUND-IMAGE: url(../img/FR/LI_home.gif);
    MARGIN: 0px 0px 3px;
    BACKGROUND-REPEAT: no-repeat
}
#perturbations
{
    BORDER-RIGHT: #c4d4e6 1px dashed;
    BACKGROUND-POSITION: left bottom;
    BORDER-TOP: #c4d4e6 1px dashed;
    MARGIN-TOP: 20px;
    PADDING-LEFT: 50px;
    FLOAT: left;
    BACKGROUND-IMAGE: url(../img/FR/home/perturbations_bg.gif);
    MARGIN-BOTTOM: 40px;
    PADDING-BOTTOM: 10px;
    MARGIN-LEFT: 15px;
    BORDER-LEFT: #c4d4e6 1px dashed;
    WIDTH: 198px;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: #c4d4e6 1px dashed;
    BACKGROUND-REPEAT: no-repeat
}
#perturbations H2
{
    BACKGROUND-POSITION: left top;
    PADDING-LEFT: 30px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 115%;
    BACKGROUND-IMAGE: url(../img/FR/home/perturbations_H2_bg.gif);
    COLOR: #0079b3;
    LINE-HEIGHT: 100%;
    PADDING-TOP: 5px;
    BACKGROUND-REPEAT: no-repeat
}
#perturbations H2 SPAN
{
    PADDING-LEFT: 30px
}
#perturbations UL
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    MARGIN: 10px 0px 0px;
    PADDING-TOP: 5px;
    LIST-STYLE-TYPE: none
}
#perturbations P
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 5px;
    MARGIN: 20px 0px;
    PADDING-TOP: 5px
}
#perturbations LI
{
    FONT-WEIGHT: bold;
    MARGIN-BOTTOM: 8px
}
#perturbations UL IMG
{
    MARGIN: 0px 3px 1px 0px;
    VERTICAL-ALIGN: middle
}
#perturbations .pert1
{
}
#perturbations .pert1 A
{
}
#perturbations .pert2
{
    COLOR: #0868b2
}
#perturbations .pert2 A
{
    COLOR: #0868b2
}
#perturbations .pert3
{
    COLOR: #0868b2
}
#perturbations .pert3 A
{
    COLOR: #0868b2
}
#perturbations DIV
{
    MARGIN-RIGHT: 5px;
    TEXT-ALIGN: right
}
#navsec H3
{
    FONT-SIZE: 100%;
    COLOR: #000000
}
#navsec H3 A
{
    COLOR: #000000
}
#navsec H3.contact
{
    PADDING-LEFT: 46px;
    BACKGROUND: url(../img/FR/home/contact.gif) #a2bcd8 no-repeat 50% top;
    WIDTH: 100px;
    PADDING-TOP: 25px;
    HEIGHT: 25px
}
#navsec H3.carte
{
    PADDING-LEFT: 76px;
    BACKGROUND: url(../img/FR/home/carte_interactive.gif) #88a8ce no-repeat;
    WIDTH: 70px;
    PADDING-TOP: 20px;
    HEIGHT: 40px
}
#tools
{
    FLOAT: left;
    WIDTH: 152px;
    BACKGROUND-COLOR: #0868b2
}
#tools H2.adherent
{
    DISPLAY: block;
    PADDING-LEFT: 15px;
    FONT-SIZE: 123%;
    BACKGROUND: url(../img/FR/home/adherent.gif) #98d79d no-repeat;
    PADDING-BOTTOM: 5px;
    WIDTH: 137px;
    PADDING-TOP: 20px
}
FORM#adherent
{
    PADDING-BOTTOM: 10px;
    BACKGROUND-COLOR: #98d79d
}
DIV#adherent
{
    PADDING-LEFT: 15px
}
#adherent FIELDSET
{
    BORDER-RIGHT: medium none;
    PADDING-RIGHT: 0px;
    BORDER-TOP: medium none;
    PADDING-LEFT: 15px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: medium none;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: medium none
}
#adherent LEGEND
{
    DISPLAY: none
}
#adherent LABEL
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 92%
}
#adherent #usrLogin
{
    BORDER-RIGHT: #ffffff 1px solid;
    BORDER-TOP: #ffffff 1px solid;
    MARGIN-BOTTOM: 5px;
    BORDER-LEFT: #ffffff 1px solid;
    WIDTH: 120px;
    BORDER-BOTTOM: #ffffff 1px solid;
    BACKGROUND-COLOR: #ffffff
}
#adherent #usrPassword
{
    BORDER-RIGHT: #ffffff 1px solid;
    BORDER-TOP: #ffffff 1px solid;
    MARGIN-BOTTOM: 5px;
    BORDER-LEFT: #ffffff 1px solid;
    WIDTH: 120px;
    BORDER-BOTTOM: #ffffff 1px solid;
    BACKGROUND-COLOR: #ffffff
}
#adherent UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 92%;
    PADDING-BOTTOM: 0px;
    MARGIN: 5px 0px 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}
#adherent LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
#adherent A
{
    COLOR: #000000
}
#adherent SPAN
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 92%
}
#adherent DIV
{
    WIDTH: 120px;
    TEXT-ALIGN: right
}
#content
{
    BACKGROUND-POSITION: right 50%;
    FLOAT: left;
    BACKGROUND-IMAGE: url(../img/FR/home/content_bg.gif);
    BORDER-LEFT: #d6d4d4 1px solid;
    BORDER-BOTTOM: #d6d4d4 1px solid;
    BACKGROUND-REPEAT: repeat-y
}

.mobilinfo
{
	padding-left:0px;
	text-align:center;	
	width:120px;
	vertical-align:middle;
	
	}

#sondage {
}

#sondage fieldset{
}

#sondage .submit
{
    MARGIN: 10px;
    TEXT-ALIGN: center
}
#sondage .submit INPUT
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-WEIGHT: bold;
    BORDER-LEFT: medium none;
    WIDTH: auto;
    COLOR: #0868b2;
    BORDER-BOTTOM: medium none;
    BACKGROUND-COLOR: #FFAE00
}

#resultats UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 5px 0px 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}
#resultats LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}

#resultats LI IMG
{
    background-color: #0868B2;
}

TD.sondage
{
	padding-left:0px;
	text-align:center;	
	width:115px;
	vertical-align:top;
	background-color:white;
	border:2px solid #FFAE00;
	
}

TD.resultatsSondage
{
	padding-left:0px;
	text-align:center;	
	width:115px;
	vertical-align:middle;
	background-color:white;
	border:2px solid #FFAE00;
	
}

DIV.sondage
{
	text-align:left;	
	vertical-align:top;
	background-color:white;
	FONT-SIZE: 80%;
	
}


DIV.sondageItem
{
	padding-left:5px;
	margin-left:10px;
}

DIV.pollTitle{
padding:5px;
FONT-WEIGHT: bold;
font-size:115%;
color:#00557E;

}

.actualites
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 75%;
    COLOR: gray;
    PADDING-TOP: 5px
}
.actualites H4
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 110%
}
.actualites A
{
    COLOR: gray;
    TEXT-DECORATION: underline
}
.actualites IMG
{
    PADDING-RIGHT: 10px
}
.bonplans
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 75%;
    COLOR: gray;
    PADDING-TOP: 2px
}
.bonplans H4
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 105%
}
.bonplans A
{
    COLOR: gray;
    TEXT-DECORATION: underline
}
.bonplans IMG
{
    PADDING-RIGHT: 10px
}
#visuel
{
    FLOAT: left;
    WIDTH: 807px
}
#visuel IMG
{
    FLOAT: left
}
#gotop
{
}


#flash 
{
	position:absolute;
}