/************************************************************/
/*						HTML	84A3D1					*/
/************************************************************/
body, html {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 100%;	/* make the body expand to fill the visible window */
	height: 100%;
	padding:0px; 
	margin:0px;
	overflow: hidden;	/* erase window level scrollbars */
	background-color:#FFFFFF;
}

a {
	cursor:pointer;
	color:#000000;
	text-decoration:none;
	outline: none;
}


h1 {
	padding:0px;
	padding-left:2px; 
	margin:0px;
	font-size:18px; 
	color:#84a3d1;
}

table {
	border:0px;
	padding:0px;

}

td {
	vertical-align:top;
	padding-left:10px;
}		

h3 {
	text-align:right;
	padding:0px;
	margin:0px;
	font-size:12px;
	cursor:default;
}

span {
	cursor:default;
}

img {
	border:0px;
}	

.center {
	text-align:center;
}

.pointer {
	cursor:pointer;
}

.underline {
	text-decoration:underline;
}



/************************************************************/
/*						FOOTER								*/
/************************************************************/

#footer {
	position:absolute; 
	bottom:0; 
	left:4px; 
	right:4px; 
	height:18px; 
	background-color:#e0e8f3; 
	text-align:center;
	border-top:1px solid #84a3d1; 
	padding-top:2px;
	cursor:default;
	overflow:hidden;
}

#footer #langList {
	position:absolute; 
	bottom:-6px; 
	right:0;  
	text-align:right;
}

#footer #promo {
	position:absolute; 
	bottom:0px; 
	left:2px;  
	text-align:left;
}

#footer a {
	text-decoration:underline;
}


/************************************************************/
/*						HEADER								*/
/************************************************************/

div#header {
	height:75px;
	max-height:75px;
	border-bottom:1px solid #84a3d1;
	padding-top:15px;
	background-color:#FFFFFF;
	margin-left:5px;
	margin-right:5px;
	position:absolute; 
	top:0; 
	left:0;
	right:0;
}

div#header div#logo {
	position:absolute; 
	top:15px; 
	left:7px;;
}

div#header div#search {
	position:absolute; 
	top:15px; 
	left:129px;
}

div#header input#searchInput
{
	margin-top:8px; 
	margin-left:9px; 
	padding-left:2px;
	padding-top:1px; 
	padding-right:2px;
	height:17px;
	border:1px solid #84a3d1; 
	background-repeat:no-repeat;
	width:248px;
	display:inline;
	background-position:center right;
}

div#header div#searchResult
{
	position:absolute; 
	top:43px; 
	left:129px; 
	margin-left:9px; 
	z-index:2; 
	border:1px solid #84a3d1; 
	border-top-color:#E7E7E7;
	display:none; 
	width:252px;  
	overflow:hidden; 
	background-color:#FFFFFF;
	cursor:pointer;
}

div#header div.searchResultItem
{
	background-color:#FFFFFF;	
}

div#header div.searchResultItemSelected
{
	background-color:#e0e8f3;
}



div#header input#searchSubmit {
	display:inline;
	background-color:#84a3d1; 
	position:relative; 
	top:6px;
} 

div#header div#links {
	position:absolute; 
	bottom:4px; 
	right:4px;
}

div#header div#links a {
	background-repeat:no-repeat; 
	background-position:left;
	text-decoration:underline;
}

div#header div#links a#addThis {
	background-image:url(http://static.woozor.com/img/menu/favorite.gif); 
	padding-left:15px;
}

div#header div#links a#urlPage {
	background-image:url(http://static.woozor.com/img/menu/link.gif); 
	padding-left:18px; 
	margin-left:5px;
}

div#header div#links a#inviter {
	background-image:url(http://static.woozor.com/img/menu/friend.gif); 
	padding-left:16px; 
	margin-left:5px;
}

div#ads468 {
	position:absolute; 
	top:3px; 
	right:3px;
	z-index:3;
}
 

/************************************************************/
/*						 BODy								*/
/************************************************************/
div#mainContainer
{
	width:100%; 
	height:100%; 
	padding:0px; 
	margin:0px;
	visibility:hidden; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#mainContainer_1 {
	width:320px;
	position:absolute;
	top:91px;
	bottom:20px;
	left:5px;
}

div#mainContainer_2 {
	position:absolute;
	top:91px;
	bottom:20px;
	right:5px;
	left:332px;
	background-color:#e0e8f3;
}
div#mainContainer_spacer {
	position:absolute;
	left:325px;
	width:5px;
	top:91px;
	bottom:20px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:center;
	border-left:1px solid #84a3d1;
	border-right:1px solid #84a3d1;
}

div#mainContainer_spacer_no_move {
	position:absolute;
	left:325px;
	width:5px;
	top:91px;
	bottom:20px;
	cursor:default;
	background-repeat:no-repeat;
	background-position:center;
	border-left:1px solid #84a3d1;
	border-right:1px solid #84a3d1;
}

div#mainContainer_spacer:hover {
	background-image:url(http://static.woozor.com/img/menuMap/full.png);
	background-color:#e0e8f3;
}
/**
 * trait bleu
 */
div.trait
{
	padding:0px;
	margin:0px;
	background-color: #84a3d1; 
	margin-top:5px;
	margin-bottom:5px;
	font-size:2px;
	height:1px;
	display:block;
}

div.tabContent {
	overflow:auto;
	position:relative; /* IMPORTANT FOR IE6-7 */
	height:100%;
}

/************************************************************/
/*						MODULE								*/
/************************************************************/

/**
 * 
 */
.moduleHeader
{
	font-size:12px;
	color:#000000;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#e0e8f3;
	padding:3px;
	margin:0;   
	text-align:center;
	border-bottom:1px solid #84a3d1;
	cursor:default;
}

.moduleHeader sup {
	font-size:8px;
}

div.moduleContent
{
	padding-top:10px;
	padding-bottom:10px;
}

div.moduleContentGoogleGadget
{
	padding-top:10px;
	position:relative;
	padding-bottom:25px;
}

div.moduleContentGoogleGadget div.gadget {
	position:absolute;
	bottom:5px;
	right:5px;
}

div.ads250 {
	height:250px; 
	text-align:center;
}

div.ads250 #googleAdCalendrier {
	overflow:hidden; 
	padding:0; 
	margin:0;
}

#ImageEvolutionTemperature, #ImageEvolutionPrecipitation, #ImageEvolutionHumidite, #ImageEvolutionVent {
	padding:5px;
	width:290px;
	height:160px;
}

/************************************************************/
/*						MODULE	 SPEC						*/
/************************************************************/

/**
 * colorChooser
 * */
#colorChooserContent {
	height:18px;
	margin-left:24px;
}

#colorChooserContent div {
	margin-right:3px; 
	cursor:pointer;
	height:18px; 
	width:18px; 
	float:left;
}



/**
 * Localisation
 * */
#localisationContent {
	padding-left:0px;
}

#localisationContent a {
	text-decoration:underline;
}

#localisationGeo {
	padding-bottom:5px; 
	padding-left:20px;
	margin-left:5px;
	background-image:url(http://static.woozor.com/img/18px-Geographylogo.png);
	background-repeat:no-repeat;
	background-position:top left;
}
 
#localisationGeo span {
	position:relative;
	top:1px;
	/*border-bottom:1px dashed #84a3d1;*/
}

#mapLocalisation {
	width:290px; 
	height:145px; 
	overflow:hidden;
	border:1px solid #84a3d1;
	margin-left:5px;
}

#locationViewIn {
	font-size:10px; 
	padding-top:3px; 
	text-align:left;
	padding-left:5px;
	cursor:default;
}

/**
 * Moon Phase 
 * */
#moonPhaseModule {
	font-size:10px;
	position:relative;
	height:110px;
}

#moonPhaseModule ul {
	list-style:none; 
	margin:0px; 
	padding-left:30px; 
	padding-top:13px;
}

#moonPhaseModule ul img {
	float:left; 
	padding-right:5px;
	width:24px;
	height:24px;
}

#moonPhaseModule_sub1 {
	position:absolute;
	width:140px;
	text-align:center;
	top:0px;
	left:0px;
}

#moonPhaseModule_sub2 {
	position:absolute;
	top:0px;
	right:0px;
	width:180px;
	
}



/**
 * weatherChannel
 * */
#weatherChannelModule {
	padding-left:10px;
	padding-bottom:15px;
}

#weatherChannelModule img {
	float:right;
	padding-right:10px;
}

#weatherChannelModule a {
	display:block;
}

/**
 * infoMeteoJour
 * */
#infoMeteoJour_date_hider {
	height:22px; 
	overflow:hidden;
} 
 
#infoMeteoJour_info_hider {
	height:265px; 
	overflow:hidden;
} 
 
 
.infoMeteoJour_sub1 {
	position:relative; 
	height:170px;
} 
 
.infoMeteoJour_sub1 img {
	width:128px;
	height:128px;
}

.infoMeteoJour_sub1 strong {
	font-size:11px; 
	cursor:default;
	display:block;
}

.infoMeteoJour_sub1 em {
	cursor:default;
	display:block;
}

.infoMeteoJour_sub1_1 {
	position:absolute; 
	top:0px; 
	left:0px; 
	text-align:center; 
	width:155px;
}

.infoMeteoJour_sub1_2 {
	position:absolute; 
	top:0px; 
	right:0px; 
	text-align:center; 
	width:155px;
}

/*************************************/
.infoMeteoJour_sub2 {
 	position:relative;
	height:65px;
}

.infoMeteoJour_sub2 ul {
	padding-left:0px;
	margin-left:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	list-style:none;
	margin-top:3px;
	cursor:default;
}

.infoMeteoJour_sub2 a {
	padding-top:4px;
	text-decoration:underline;
}

.infoMeteoJour_sub2_1 {
	position:absolute; 
	top:0px; 
	left:5px; 
	width:216px;
}

.infoMeteoJour_sub2_2 {
	position:absolute; 
	top:0px; 
	right:0px; 
	width:130px;
}

.infoMeteoJour_sub2_3 {
	position:absolute; 
	bottom:0px; 
	left:5px; 
	width:216px;
}

.infoMeteoJour_sub2_4 {
	position:absolute; 
	bottom:0px; 
	right:0px; 
	width:130px;
}

.infoMeteoJour_sub2_4 a {
	background-image:url(http://static.woozor.com/img/menu/evolution.png);
	background-repeat:no-repeat;
	padding-left:17px;
	background-position:bottom left;
}

.infoMeteoJour_sub2_3 a {
	background-image:url(http://static.woozor.com/img/menu/info.png);
	background-repeat:no-repeat;
	padding-left:17px;
	background-position:bottom left;
} 



/************************************************************/
/*						INPUT								*/
/************************************************************/
input.inputPopup
{
	font-size:12px;
	width:200px;
	margin-top:5px;
	margin-bottom:10px;
	border:1px solid #84a3d1;
}

.label
{
	text-align:center;
}

/************************************************************/
/*						MAP									*/
/************************************************************/

div#mapIEFix {
	position:absolute; 
	height:100%; 
	width:100%;
}

div#Map {
	width:100%; 
	height:100%;
	overflow:hidden;
}

div#Map2 {
	position:absolute;
	top:91px;
	bottom:20px;
	right:5px;
	left:332px;
	z-index:1;
	background-color:#000000;
}


div.GMapDivSmall {
	width:250px;
	cursor:pointer;
}

div.GMapDivSmall h2
{
	font-size:13px;
	color:#84a3d1;
	padding:0px;
	margin:0px;
	padding-bottom:10px;
}

/**
 * Le container du jour
 */
div#infoFisheye
{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#666666;
	position:absolute;
	cursor:default;
	top:95px; 
	right:10px;
	width:312px;
	height:28px;
}

div#infoFisheye img {
	position:absolute; 
	top:0px; 
	right:5px;
	height:38px;
	width:312px;
	z-index:0;
}

#infoFisheyeContent {
	position:relative; 
	top:10px;
}



div#googleWidgetOnMap {
	position:absolute; 
	bottom:17px; 
	right:3px; 
	z-index:2;
}


/************************************************************/
/*						POPUP								*/
/************************************************************/


/**
 * Les popous dialog
 */
div.dialog
{
	width:650px; 
	height:330px; 
	background-color:#FFFFFF; 
	padding:10px; 
	border:4px solid #84a3d1;
	cursor:default;
	position:relative;
}

div.dialog .cross {
	float:right; 
	margin-top:-23px;
	cursor:pointer;
}

div.dialog .header {
	height:35px;
}

/** invite friend **/

#dialog_invitFriend_1 {
	width:325px;
	position:absolute;
	top:35px;
	left:5px;
}

#dialog_invitFriend_1 label {
	display:block;
}

#dialog_invitFriend_2 {
	width:325px;
	position:absolute;
	top:35px;
	left:325px;
	padding-top:15px;
}

.inline {
	display:inline;
}

#dialog_invitFriend_1 form {
	padding:10px;
	padding-top:15px;
}

#dialog_invitFriend_1 form input {
	display:block;
}

#dialog_invitFriend_1 form img {
	 padding-top:20px; 
	 padding-left:76px; 
	 cursor:pointer;
}

#dialog_invitFriend_1 form strong
{
	border-bottom:1px dotted #84a3d1; 
}

#dialog_invitFriend_1 form span
{
	color:#84a3d1;
}

div.info em {
	display:block;
}


/** info weather **/

.dialog_infoWeather_sub2 {
	text-align:center;
	position:relative;
	height:170px;
}

.dialog_infoWeather_sub2 strong {
	font-size:11px;
	display:block;
}

.dialog_infoWeather_sub2 em {
	font-size:11px;
	display:block;
}

.dialog_infoWeather_sub2 img {
	height:128px;
	width:128px;
}

.dialog_infoWeather_sub2_1 {
	position:absolute;
	top:0px;
	left:10px;
	width:200px;
}

.dialog_infoWeather_sub2_2 {
	position:absolute;
	left:220px;
	top:0px;
	width:200px;
}

.dialog_infoWeather_sub2_3 {
	position:absolute;
	top:0px;
	right:10px;
	width:200px;
}

.dialog_infoWeather_sub3 {
	border:1px dotted #84a3d1;
	background-color:#EEEEEE;
	margin-top:19px;
	margin-bottom:4px;
	padding:2px;
	padding-left:4px;
	padding-right:4px;
	margin-left:15px; 
	margin-right:15px;
}

.dialog_infoWeather_sub3 em {
 	display:block;
}

div.dialog table
{
	width:640px;
}

/**
 * les textes dans les popup
 */

#nuageTagVille ul {
	padding:0px; 
	margin:0px;
}

#nuageTagVille li {
	display:inline; 
	padding:0px; 
	margin:0px; 
	list-style:none;
}

#nuageTagPays ul {
	padding:0px; 
	margin:0px;
}

#nuageTagPays li {
	display:inline; 
	padding:0px; 
	margin:0px; 
	list-style:none;
}

/************************************************************/
/*						CHARGEMENT							*/
/************************************************************/
div#tag1 {
	position:absolute;
	top:50px;
	left:80px;
}

div#tag1 h1 {
	color:#FFFFFF;
	font-size:78px;
}

div#tag2 {
	position:absolute;
	top:150px;
	left:120px;
}

div#tag2 h2 {
	color:#FFFFFF;
	font-size:60px;
	padding:0px;
	margin:0px;
}

div#tag3 { 
	position:absolute;
	top:230px;
	left:220px;
}

div#tag3 h3 {
	color:#FFFFFF;
	font-size:36px;
}

div#divChargement
{
	position:relative; 
	top:0px; 
	left:0px; 
	width:100%;
	height:100%;
	background-color:#e0e8f3; 
	z-index:1;
	cursor:default;
}

div#beta {
	z-index:2;
	position:absolute;
    left: 50%; 
    top: 50%;
	width:76px;
	height:76px;
	margin-top: -180px;
	margin-left: 210px;
}
 
div#divChargementPlus
{
	position:absolute;
    left: 50%; 
    top: 50%;
    width: 450px;
    height: 250px;
	max-height:250px;
    margin-top: -145px; /* moiti� de la hauteur */
    margin-left: -225px; /* moiti� de la largeur */
    border: 3px solid #84a3d1;
	background-color:#FFFFFF;
	z-index:1;
	padding:10px;
	padding-top:5px;	
	cursor:default;
}

div.warning 
{
	border:2px dotted #84a3d1;
	background-color:#FDD51D;
	padding:0px 0px 3px 0px;
	margin-bottom:5px;
}

div#introTexte {
	text-align:justify;
	margin-bottom:10px; 
	height:85px;
}

div#introLoading {
	text-align:left;
}

div#introLoading img {
	float:left; 
	padding-right:10px;
}

div#introLoading div {
	position:relative; 
	top:6px;
}

/************************************************************/
/*							TAB								*/
/************************************************************/
#tabs {
	position:absolute; 
	left:5px; 
	bottom:-1px
}

td.tabOn {
	background-color:#e0e8f3; 
	padding:2px; 
	padding-left:8px; 
	padding-right:8px; 
	border:1px solid #84a3d1;  
	border-bottom:0px; 
}

td.tabOn a {
	font-weight:bold
}

td.tabOff {
	background-color:#FFFFFF;; 
	padding:2px; 
	padding-left:8px; 
	padding-right:8px; 
	border:1px solid #84a3d1; 
	font-weight:bold
}

td.tabOff a {
	font-weight:normal;
}

td.tabSpace {
	padding:0px;
	width:5px;
}




/************************************************************/
/*						DEBUG								*/
/************************************************************/
div#debug
{
	position:absolute; 
	bottom:130px; 
	right:10px; 
	background-color:#CCCCCC; 
	padding:3px;
	border:1px solid #000000;
}
 
div#debug span 
{
	font-weight:bold;
}

div#debugInfoGeneral
{
	font-weight:normal;
}

div#debugInfoCentreCarte
{
	font-weight:normal;
}

div#debugTrace {
	position:absolute; 
	bottom:10px; 
	right:10px; 
	background-color:#CCCCCC; 
	padding:3px;
	border:1px solid #000000;
	width:400px;
	height:100px;
	overflow:auto;
}






/************************************************************/
/*						PREFERENCE							*/
/************************************************************/
div#historique {
	padding-top:5px;
	text-align:center;
}

div.historiqueItem {
	display:block; 
	height:15px; 
	text-align:left;
	overflow:hidden; 
	position:relative; 
	top:0px; 
	left:0px;
	padding:1px;
}

div.historiqueItem div.del {
	position:absolute; 
	top:0px; 
	right:3px; 
	cursor:pointer;
}