body{background:url(/image/page/fond_accueil.jpg) no-repeat fixed 50% 0 #8dadd5;}
#bandeau{background:url(/image/page/bandeau_accueil.jpg) no-repeat;}
#ecranhaut{float:left;}
#colonne1{float:left;width:524px;margin:0px 4px 3px 0;padding: 0 4px 5px 0;border-right:1px dotted;}
#colonne2{float:left;width:454px;}
#col2cont{border-left: solid 1px #274658;border-right: solid 1px #274658;background-color: #EEE;}

#ecranbas{clear:both;border-top:1px dotted;padding:5px 0;}

#pave1{float:left;width:256px;margin:5px 5px 5px 0;padding: 0 5px 5px 0;border-right:1px solid #b8c9a9;}
#pave2{float:left;width:220px;margin:5px 4px 5px 0;padding: 0 5px 5px 0;border-right:1px solid #b8c9a9;}
#pave3{float:left;width:210px;margin:5px 5px 5px 0;padding: 0 5px 5px 0;border-right:1px solid #b8c9a9;}
#pave4{float:left;width:264px;padding: 0 5px 5px 0; margin-top:5px;}

#bienvenue{margin:5px 0 5px 0; text-align:center;border-bottom:1px dotted;}

#pave2 a img{border:1px #274658 solid; margin-right:2px;}#pave2 a:hover img{border:1px #b8c9a9 solid;}
#pave2 h3{margin-bottom:0;}
/*Tabs*/
.TabbedPanels {margin: 0px;padding: 0px;float: left;clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.TabbedPanelsTabGroup {margin: 0px;padding: 0px;}
.TabbedPanelsTab {position: relative;top: 1px;float: left;margin: 0px 1px 0px 0px;background-color: #DDD;
	list-style: none;-moz-user-select: none;-khtml-user-select: none;cursor: pointer;width:130px; height:64px;border-bottom: 4px solid #274658;
	color: #FFF;font-size:1.2em;font-weight:bold;}
.TabbedPanelsTabHover {border-bottom: 4px solid #b8c9a9;}
.TabbedPanelsTabSelected {border-bottom: 4px solid #EEE;}
.TabbedPanelsTab a {color: black;text-decoration: none;}
.TabbedPanelsContentGroup {clear: both;border-left: solid 1px #274658;border-right: solid 1px #274658;background-color: #EEE;}
.TabbedPanelsContent {padding: 8px;height:189px; color:#000;}
.TabbedPanelsContentVisible {}
.VTabbedPanels .TabbedPanelsTabGroup {float: left;width: 10em;height: 20em;background-color: #EEE;position: relative;
	border-top: solid 1px #999;border-right: solid 1px #999;border-left: solid 1px #CCC;border-bottom: solid 1px #CCC;}
.VTabbedPanels .TabbedPanelsTab {float: none;margin: 0px;border-top: none;border-left: none;border-right: none;}
.VTabbedPanels .TabbedPanelsTabSelected {background-color: #EEE;border-bottom: solid 1px #999;}
.VTabbedPanels .TabbedPanelsContentGroup {clear: none;float: left;padding: 0px;width: 30em;height: 20em;}
.TabbedPanelsContent li{ list-style:none;margin:5px; display:block;}
.TabbedPanelsContent li a{ padding-left:10px; background:url(/image/page/puceoff.gif) left no-repeat;}.TabbedPanelsContent li a:hover{ background:url(/image/page/puceon.gif) left no-repeat;}

/*Accordeon1*/
.Accordion {border-left: solid 1px #274658;border-right: solid 1px #274658;overflow: hidden; margin: 0 2px;}
.AccordionPanel {margin: 0px;padding: 0px;}
.AccordionPanelTab {background-color: #b8c9a9;border-top: solid 1px black;border-bottom: solid 1px gray;margin: 0px;padding: 2px;cursor: pointer;-moz-user-select: none;-khtml-user-select: none; color:#FFF; font-size:1.2em; font-weight:bold; text-align:center;}
.AccordionPanelContent {overflow: auto;margin: 0px;padding: 0px;height: 194px;}
.AccordionPanelOpen .AccordionPanelTab {background-color: #274658;}
.AccordionPanelTabHover { color: #FF9;}
.AccordionPanelOpen .AccordionPanelTabHover {}
.AccordionFocused .AccordionPanelTab {}
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {}

.TabP {margin: 0px;padding: 0px;float: left;clear: none;width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.TabPTabGroup {	margin: 0px;padding: 0px;}
.TabPTab {position: relative;top: 1px;float: left;padding: 4px 10px;margin: 0px 1px 0px 0px;font: bold 0.7em sans-serif;background-color: #FFF;list-style: none;border-left: solid 1px #CCC;border-bottom: solid 1px #999;border-top: solid 1px #999;border-right: solid 1px #999;-moz-user-select: none;	-khtml-user-select: none;cursor: pointer;}
.TabPTabHover {background-color: #CCC;}
.TabPTabSelected {background-color: #EEE;border-bottom: 1px solid #EEE;}
.TabPTab a {color: black;text-decoration: none;}
.TabPContentGroup {clear: both;border-left: solid 1px #CCC;border-bottom: solid 1px #CCC;border-top: solid 1px #999;border-right: solid 1px #999;	background-color: #EEE;}
.TabPContent {padding: 4px; height:647px;}
.TabPContentVisible {}

.meteocadre{float:left; border:1px solid #b8c9a9;margin:2px;width:371px;height:215px; background-color:#FFF;}
.meteocjour{ text-align:center; width:368px; font: 1.2em bold; border-bottom:1px dashed #b8c9a9; padding:2px; background-color:#274658; color:#FFF;}
.meteojn{text-align:center; font-weight:bold; background-color:#b8c9a9;}
.meteosjn{float:left; width:184px; border-right:1px dotted #b8c9a9;}
.meteolib{float:left; padding-left:5px;width:85px;}
.meteoval{float:right; width:80px; text-align:left;}
#loading{width: 100%;position: absolute;}
#pagination li{list-style: none;float: left;margin-right: 6px;padding:2px;border:solid 1px #dddddd;color:#0063DC; display:block;cursor: pointer;}
#pagination li:hover{color:#FF0084;}