/*
## vBegin
## Eclydre Web Manager v2.0.0
## Dateversion 2010-11-04
## File : ../../../cms/template//css/meteo.css
## Changelogs : nc;
## vEnd
*/

/*========== STYLES GENERAUX ========= */
h2 { font-size:15px; line-height:27px; font-weight:normal; }
h3 { color:#1f3861; }
input, fieldset{ border: none; } 

/*---------- entete --------------*/
.entete { background:#2388ff url(../image/meteo/entete.gif) repeat-x; height:60px; color:#fff; position:relative; z-index:300}
.entete h2 { font-size:32px; display:block; padding:18px 0 15px 15px}

.selectcontinentbar { width:225px; position:absolute; top:0; right:0; z-index:300 }
.selectcontinentbar .texte { font-size:12px; width:100px; float:left;  padding:20px 0 0 0;}
.selectcontinentbar .map #selectcontinentbar { display:block; width:113px; height:60px; float:right; z-index:300;}
.selectcontinentbar .map #selectcontinentbar:hover { background:url(../image/meteo/map.jpg) no-repeat 0 0;}
.selectcontinentbar .map li:hover ul {display:block;}
.selectcontinentbar .map ul { text-align:right; position:absolute; right:0; width:200px; background-color:#CCE0F5; color:#1F3861; margin:60px 0 0 0; padding:10px  10px 15px 10px; display:none; z-index:300;}
.selectcontinentbar .map span { display:none;}
.map1{background:url(../image/meteo/map1.jpg) no-repeat 0 0;}
.map2{background:url(../image/meteo/map2.jpg) no-repeat 0 0;}
.map3{background:url(../image/meteo/map3.jpg) no-repeat 0 0;}
.map4{background:url(../image/meteo/map4.jpg) no-repeat 0 0;}
.map5{background:url(../image/meteo/map5.jpg) no-repeat 0 0;}
.map6{background:url(../image/meteo/map6.jpg) no-repeat 0 0;}
.map7{background:url(../image/meteo/map7.jpg) no-repeat 0 0;}
.map8{background:url(../image/meteo/map8.jpg) no-repeat 0 0;}

ul#choix_langue{ background:url(../image/meteo/langtool.gif) no-repeat 0 0; width:248px;	height:27px; position:absolute;	top:33px; right:0; z-index:30; color:#595959; 
background-color:inherit;}
ul#choix_langue li{padding-bottom:2px}
ul#choix_langue li ul{top:27px;}

/*======== AFFICHAGE METEO ===========*/

/*========== selectarea ===============*/
.selectarea{ background-color:#84c0fb; color:#1f3861;}

/* blockmapis */
.blockmapbis { width:362px; float:left; zoom:1}
.france .blockmapbis { padding-bottom:10px}
.blockmapbis .titrehome,
.blockmapbis .selecthomecontinent { margin:10px 0 0 15px; }
.blockmapbis .boxmap { float:left; }
.notes { padding:5px 5px 5px 15px}
.notes p{ background:url(../image/meteo/bg_fleche.jpg) no-repeat 0 0; padding-left:15px }
/*.carte_ville, .carte_ville a { color:#313131; background:inherit }
.carte_temp { text-align:center; font-weight:bold; width:28px; float:left; background:#fff; display:block; line-height:16px; color:#006; }
.carte_ville img { background: #5cceff; float:left}
.nomVille { display:block; text-shadow: #fff -1px 1px; clear:both; font-family:Verdana, Arial, Helvetica, sans-serif;}*/
.carte_ville { font-family: Tahoma,Arial,sans-serif,Geneva; }
.carte_ville a { text-decoration: none; }
.carte_ville a:hover { text-decoration: none; }
.infoville { /*background:url(../image/meteo/bg_releve_trans.png) no-repeat left 3px;*/ color:#006; font-size:9px; font-weight:bold; height:22px; line-height:22px;width:100px; z-index: 1; position: relative; }
.infoville img { float:left }
.carte_temp { display:block; padding: 0 1px 0 2px; color: #3300FF; font-weight: bold; border-left: 1px dotted #FFFFFF; font-size: 9px; font-family: Tahoma,Arial,sans-serif,Geneva; }
.nomVille { display: block; position: absolute; top: 6px; left: 23px; /*padding: 0 5px;*/ z-index: 5; /*background: url(../image/meteo/bg_ville.png) repeat-x left top;*/  }
.nomville1 { display: block; position: absolute; left: -20px; white-space: nowrap; color:#222; font-size:9px; margin-left: 0px; padding-left: 1px;  /*background: url(../image/meteo/bg_ville.png) repeat-x left top;*//*line-height:12px; letter-spacing:0.03em; text-shadow: #fff -1px 1px;*/ }
.photo { width:362px; overflow:hidden}

.boxcarte .carte { background:url(../image/meteo/internationalbox.gif) repeat-x scroll 0 0 #82bffb }
.carteover { z-index: 999; /*background: url(../image/meteo/bg_releve.png) no-repeat left 3px;*/ font-weight: bold; }
.carteover .nomville1 { display: inline; }
.act .nomville1 { display: block; background: url(../image/meteo/bg_ville.png) repeat-x left top;}
/*.carteover .nomVille { background: #FFF; }*/

	/*-------- debut blocPrev -----------------*/
.blocPrev{ float:left; width:615px;}
.meteoliste { padding:15px 10px 5px 10px; background:inherit; color:#39f; text-align:right; font-size:11px }
.meteoliste li { display:block}
.meteoliste span { background:inherit; color:#595959;float:left; }
.meteoliste .tempF, .meteoliste .tempC { float:none; color:#39f; background:inherit}

#releve { padding-left:10px}
.boxVilleHome { background:url(../image/meteo/bg_boxville.png) no-repeat 0 0; height:89px; width:148px; float:left}
.boxVilleHome p{ text-align:center}
.boxVilleHome p a { background-color:inherit; color:#1b75b4; font-weight:bold}
.conteneurHome .descHome, .conteneurHome .tempHome, .conteneurHome .tempHomeMer{ float:left;width:55px;margin-left:15px }
.tempHome { color:#000066; font-size:18px; font-weight:bold; padding-top:25px }
.blockVille { padding:5px 16px 5px 15px }
.blockVille .linkMeteoPlage  { background:url(../image/meteo/bg_lienplage_jaune.gif) no-repeat 0 0; padding:5px 5px 5px 25px}
.blockVille .linkMeteoPlage a {color:#39f; padding:5px 10px 5px 5px; /*background:url(../image/meteo/bg_lien_plage.gif) no-repeat 0 2px;*/background:url(../image/meteo/bg_lienplage_fond.gif) no-repeat right 0;}
.blockVille .enteteVille h3 { font-size:18px; color:#1b75b4; padding: 10px 0 15px 5px;}
.blockVille .enteteVille span { display:block}
.blockVille a.link_ville_fav {float:right; background:url(../image/meteo/fleche_deroul.gif) no-repeat right 3px;color:#39f; font-weight:normal; font-size:12px;padding-right:15px;}
.blockVille .enteteVilleFrance a.link_ville_fav {color:#9c0;}

/*---ville génerale----*/
.dataForm { margin: 10px 0 5px 0}
.dataForm .longitude { float:left; padding-left:5px; padding-top:5px; }
.dataForm .longitude li {color:#39f; font-size:11px;  background-color:inherit; display: inline; margin: 0px 10px 0px 0px}
.dataForm .longitude li span{  width:90px; color:#595959; background-color:inherit;}
.dataForm form { float:right; text-align:right}
.dataForm label { float:left; width:170px; text-align:right; padding-top:5px; padding-right:5px}
.dataForm .frm_input { background:url(../image/meteo/bg_input_code.jpg) no-repeat 0 0; border:medium none; height:28px; width:82px; color:#1f4480; font-weight:bold; font-size:11px; float:left; line-height:28px; padding: 0 5px}
.dataForm .listVille, .listVillePlage { float:right; position:relative; z-index:100}
.dataForm .listVille p, .dataForm .listVillePlage p  { background:url(../image/meteo/bg_deroul_190.png) no-repeat 0 0; padding:7px 5px; color:#1f4480; font-weight:bold;font-size:11px;width:180px;}
.blocObservation, .blocPrevisions, .blocMoyennes { padding:0 16px; margin-bottom:25px;}
.titreBloc { font-size:18px; padding:5px 0; color:#0c2577; background:inherit }
.bandeauBloc { background:url(../image/meteo/bg_bandeaubloc.jpg) repeat-x 0 bottom #2588FD; min-height:35px; font-weight:bold; }
.convertTemp { padding-right:5px}
.convertTemp a { background:url(../image/meteo/convert_temp.png) no-repeat 0 0; display:block; padding:7px 8px;color:#fff;float:right; margin-top:3px; zoom:1}
.convertTemp a.act { background:url(../image/meteo/convert_temp_act.png) no-repeat 0 0; }
/*actuellement*/
.heureReleve { background:inherit; color:#fff; font-size:13px; padding:10px;}
.contentReleve { border-bottom: 1px solid #84c0fb; }
.leftReleve { background:url(../image/meteo/bg_leftreleve.jpg) repeat-x 0 bottom; width:135px; height:100px; float:left; }
.boxPicto { float:left; padding:5px; width:65px;}
.boxTemperature { float:left; color:#006;font-size:20px;font-weight:bold; background:inherit; padding-top:20px}
.situation { color:#1f4480; font-weight:bold; background:inherit; }
.centerLeftReleve { float:left; padding:15px 10px 5px 10px; width:128px; position:relative; height:80px}
.centerLeftReleve .temperature { position:absolute; left:10px; bottom:5px}
.centerLeftReleve .temperature a { background:inherit; color:#7abdff; font-weight:normal; font-size:11px}
.centerLeftReleve .temperature span { background:inherit; color:#006; font-weight:bold }
.centerLeftReleve .temperature .link_temp { background:inherit; color:#7ABDFF; font-size:11px; font-weight:normal;}
.centerRightReleve { float:left; width:150px }
.rightReleve { float:left; position:relative; width:150px; min-height:100px; z-index:99; }
.nameStationRef { padding-top:5px}
/*prévisions*/
#contentPrev { margin:0 1px; }
.boxtableprevision6h { height:80px}
.blocPrevisions .conteneur { position:relative; border-bottom:#39f solid 1px; margin-bottom:10px; padding-bottom:5px; }
.infobox .conteneur div ,
.infobox6h .conteneur div { width:170px; float:left}
.infobox6h .conteneur .left6h,
.infobox .conteneur .left24h { width:240px}
.lune { position:absolute; bottom:5px; right:5px}
.lune img { float:right}
.lune span { font-size:11px; line-height:20px; margin-right:5px; font-weight:normal; color:#595959; background:inherit}
.centerFrance { width:107px; float:left; background:url(../image/meteo/bg_centerfrance.jpg) repeat-x 0 0; height:92px; }
.centerFrance span { font-weight:bold; } 
.left24h .lune { left:0}
.left24h .lune img { float:left; }
.left24h .lune span { margin-left:5px}
.descrPrev { color:#1f4480; font-weight:bold; background:inherit; padding:15px 10px 10px 5px}
.blocPrevisions .picto img { float:left; }
.blockjours6h { float:left; width:145px}
.blocPrevisions p {  font-weight:bold }
.blockjours .picto { font-size:10px; margin-left:10px; width:75px; margin-top:5px; }
.blockjours6h .picto { margin-left:25px; width:100px; font-size:10px; }
.blockjours p, .blockjours6h p { text-align:center; }
.picto .tmpmin { color:#2388ff; background:inherit; padding-top:7px;}
.picto .tmpmaxi { color:#ff7f00; background:inherit}
.blockjours { float:left; width:96px}
.borderight { margin-right:1px}
.blocPrevisions .active { background:url(../image/meteo/bg_actif.jpg) repeat-x 0 0; height:80px;}
.blocPrevisions .nonactive { background:url(../image/meteo/bg_nonactif.jpg) repeat-x 0 bottom #f1f1f1; cursor:pointer; height:80px;}
.blocPrevisions .jours { line-height:11px; padding-top:10px; color:#006; }
.blocPrevisions .jours span { font-size:11px; color:#59b6fe; background:inherit}

/*tableau climat*/
#contentMoyenne .temperature { padding:10px 0 5px 0; margin-top:5px; font-weight:bold; color:#1f4480; background:inherit }
#contentMoyenne .precipitation { padding:10px 0 5px 0; font-weight:bold; color:#1f4480; background:inherit }
.distance { border-bottom:#d9e0ea solid 1px; background:inherit; color:#595959; font-size:11px; padding:8px 0 }
.distance span { color:#39f}
.legendeClimat { float:left; width:79px}
.enteteC { background:inherit; color:#595959; font-size:11px; text-align:center; padding:2px 0}
.moisClimat { width:42px; float:left}
.moisClimat .tempMini,
.moisClimat .tempMaxi,
.moisClimat .precipit { background:url(../image/meteo/bg_tableau.jpg) repeat-x 0 0;height:20px; padding:10px 0; text-align:center; width:40px; font-weight:bold}
.legendeClimat .tempMini,
.legendeClimat .tempMaxi,
.legendeClimat .precipit { height:18px; padding:10px 5px; color:#fff; border-bottom:2px solid #fff; border-right:2px solid #fff; font-weight:bold}
.legendeClimat .tempMini { background:#76aeef}
.legendeClimat .tempMaxi { background:#dd9b5f}
.legendeClimat .precipit { background:#1d5a9f; height:28px; padding:5px 5px; }
.moisClimat .tempMini { color:#2388ff; }
.moisClimat .tempMaxi { color:#ff7f00;}
.moisClimat .precipit { color:#1f4480;}

/*accueil*/
.blockrelevesmeteobis .titre{ height:30px; padding:0;color:#fff; font-size:11px}
.blockrelevesmeteobis .titre p.link a { display:block; text-align:right; padding:0 20px 0 0; height:12px; float:right; margin:7px 15px 0 0}

/*meteoFrance*/
#homeMeteoFrance { background:#fff; }
#homeMeteoFrance .bandeauBloc { background:url(../image/meteo/bg_bandeaubloc_f.jpg) repeat-x 0 0; }
.france .entete { background:url(../image/meteo/entete_france.jpg) repeat-x 0 bottom #084a95}
.france .selectarea .content { padding-bottom:0}
.blocPrevFrance { padding:0 15px 15px 15px}
.france .convertTemp a { background:url(../image/meteo/convert_temp_f.png) no-repeat 0 0; }
.france .convertTemp a.act { background:url(../image/meteo/convert_temp_f_act.png) no-repeat 0 0; }
.intitule { background:inherit; color:#fff; font-size:13px; padding:10px;}
.blocJourFrance { background:url(../image/meteo/bg_blocjour.jpg) repeat-x 0 0; margin-top:1px;}
.leftFrance { width:318px; float:left; background:url(../image/meteo/bg_calendar.gif) no-repeat 0 bottom; height:92px; position:relative}
.leftFrance .jour {  width:85px; float:left; text-align:center; padding-top:20px; font-size:11px}
.leftFrance .numero { font-size:19px; font-weight:bold; color:#f00; background:inherit}
.leftFrance .mois { padding-top:6px; background:inherit; font-size:9px}
.leftFrance .picto { float:left; width:80px}
.afternoon, .morning { padding:8px 5px; position:relative; }
.descrLune { padding-top:20px; font-weight:bold}
.centerFrance img { position:absolute;bottom:5px;left:3px;}
.centerFrance p { text-align:right; color:#fff; background:inherit; font-size:11px;  }
.centerFrance span { color:#006; background:inherit; font-size:13px }
.rightFrance { width:158px; float:left;}
	/*-------- fin blocPrev -----------------*/

/*--------METEO_LIENS ---------------*/
/* recherche ville */
#window .meteo_tab_result{margin:0;border:0;padding:0; overflow:auto; height:400px; padding-right:4px;}
#window .meteo_search_titre{margin:0;padding:0}
.meteo_search_result table{width:100%;border:none;border-collapse:collapse;padding:0;margin:0}
.meteo_search_result td{color: #fff; padding: 4px 0 4px 0;}
.meteo_search_result table a{color: #fff;}
.meteo_search_result .col1{width:200px}

/*general*/
.meteo_liens { padding:10px 0; background:#84C0FB;zoom:1 }
.meteointerbox,
.formFrance,
.plagebox { padding:20px;width:262px; height:123px; float:left; margin-left:14px; margin-right:8px; position:relative}
.meteointerbox .titre,
.introFormFrance,
.plagebox .titre { font-size:18px;background-color:inherit;color:#fff; font-weight:bold; width:190px }
.frm_btnok { background:url(../image/meteo/meteo_liens_bgok.png) no-repeat 0 0; width:30px; height:28px; color:#fff; font-weight:bold; font-size:11px; margin-left:5px; float:right;}

.meteointerbox { background:url(../image/meteo/bg_meteointerbox.png) no-repeat 0 0; z-index:403}
.meteointerbox .listPays { position:absolute; bottom:20px; left:20px}
.contentPays { background:url(../image/meteo/deroul_gche.png) no-repeat 0 0; padding-left:5px}
.contentPays ul { z-index:403}
.meteointerbox .listPays h3 { /*background:url(../image/meteo/bg_deroul.gif) no-repeat 0 0;*/background:url(../image/meteo/deroul_drt.png) no-repeat 0 0; color:#1f4480; font-size:11px; margin-bottom:5px; padding:7px 7px 7px 0;line-height:13px}
.meteointerbox .frm_input { background:url(../image/meteo/meteointerbox_input.jpg) no-repeat 0 0; padding:0 5px; width:209px; height:28px; color:#1f4480; font-size:11px; float:left; line-height:28px;}

.formFrance { z-index:402; background:url(../image/meteo/bg_formfrance.png) no-repeat 0 0}
.formFrance form { position:absolute; bottom:20px; left:20px;}
.formFrance label { display:block; padding-bottom:10px; color:#fff; background:inherit; padding-left:2px}
.formFrance .frm_input { background:url(../image/meteo/formFrance_input.jpg) no-repeat 0 0; padding:0 8px;
width:85px; height:28px;color:#1f4480; font-weight:bold; font-size:11px; float:left; line-height:28px}
.formFrance p.errMess { padding:5px; background:#fff;}
.choixCommune {width:260px; position:absolute; top:140px; left:15px; padding:10px 10px 15px; overflow:auto; max-height:200px; z-index:402;  background:#CCE0F5; border:solid 1px #999;}

.plagebox { background:url(../image/meteo/bg_plagebox.png) no-repeat 0 0}
.plagebox .plageselect { position:absolute; bottom:16px; left:25px }
.plagebox .plageselect .infos { padding-bottom:10px; margin-right:15px; color:#003399; background:inherit; }
.plagebox .contentListPlages { background:url(../image/meteo/deroul_gche.png) no-repeat 0 0; padding-left:5px}
.plagebox .contentListPlages p { padding:7px 30px 10px 0; color:#1f4480; font-size:11px; background:url(../image/meteo/deroul_drt.png) no-repeat right 0; font-weight:bold} 
/*.plagebox .contentListPlages p { padding:0px 5px; color:#1f4480; font-size:11px; line-height:38px;}*/

/*========= WRAPPER METEO ==============*/
.wrapper_meteo { background:#9cf}
.wrapper_meteo .blocPrev { background:#fff }
.pays .selectarea,
.france .selectarea{ background:url(../image/meteo/bg_selectarea.gif) repeat-y 0 0}
.wrapper_meteo .selectarea .content { margin-top:5px }
.wrapper_meteo .blockrelevesmeteobis { background:url(../image/meteo/bg_blocprev.png) repeat-x 0 0 #84C0FB; padding-bottom:23px; }
.wrapper_meteo .blockrelevesmeteobis .titre p.link a { color:#fff;  background:url(../image/meteo/blockrelevesmeteo_titre.gif) no-repeat right 0; }
.wrapper_meteo .meteo_liens { border-top:5px solid #9cf; }
.wrapper_meteo .blockmapbis .meteointerbox { margin-top:10px}

/*========= PLAGE==============*/
.wrapper_homeplage ul#choix_langue, 
.wrapper_plage ul#choix_langue { background:url(../image/meteo/langtool_plage.gif) no-repeat 0 0; }

.wrapper_homeplage .entete,
.wrapper_plage .entete{ background:#cd9d00 url(../image/meteo/entete_homeplage.png) repeat-x; color:#fff;}
.wrapper_homeplage .selectarea,
.wrapper_plage .selectarea { background:url(../image/meteo/bg_homeplage.jpg) no-repeat 0 0;padding-top:5px; }
.wrapper_homeplage .selectarea .content { background:#fdfeff url(../image/meteo/bg_homeplage_content.png) repeat-x 0 0;padding-bottom:23px}

.wrapper_homeplage .blockrelevesmeteobis .titre p.link a { background:url(../image/meteo/blockrelevesmeteo_titre.gif) no-repeat right -10px;}
.wrapper_homeplage .blockmapbis { background:url(../image/meteo/bg_plagesearch.png) no-repeat 0 0; position:relative; height:345px}
.searchPlages .contentHomePlages { position:relative; }
.searchPlages .contentHomePlages p { background:url(../image/meteo/bg_deroul.gif) no-repeat right 0; padding:7px 30px 9px 0px; margin-top:70px; text-align:right; margin-right:3px; color:#1f4480; font-weight:bold; font-size:11px;}
.intro_search { text-align:right; margin-top:15px; margin-right:4px; color:#1F3861; font-size:14px; padding-left:100px}
.tempmers { background:url(../image/meteo/bg_tempsmer.png) no-repeat 0 0; height:85px; width:355px; position:absolute; bottom:0; left:10px}
.tempmers a { background:url(../image/meteo/tempsmer_fleche.png) no-repeat 80px 15px; display:block; padding:15px 15px 5px 115px; font-size:14px;}
.wrapper_homeplage .boxVilleHome { background:url(../image/meteo/bg_boxville_homeplage.png) no-repeat 0 0; height:104px}
.temperaturemer { margin:5px 0 10px 0}
.temperaturemer img {float:left}
.temperaturemer span { font-size:14px; color:#ff7f00}

/*ville*/
.wrapper_plage .selectarea .content { background:url(../image/meteo/bg_plage_ville.gif) repeat-y 0 0}
.meteo_liens_plage { background:#fdfeff url(../image/meteo/bg_plage.png) repeat-x 0 0; padding-top:30px; padding-bottom:20px; zoom:1}
.blockmapbis .formFrance,
.blockmapbis .plagebox, 
.blockmapbis .meteointerbox { margin-left:30px; /*float:none*/ }
.wrapper_plage .boxcarte { background:#9cf; border-bottom:#9cf solid 1px}
.wrapper_plage .entete h2 { background:url(../image/meteo/bg_entete_plage.png) no-repeat right 0}
.wrapper_plage .blocPrev { background:#fff }
.wrapper_plage .bandeauBloc { background:url(../image/meteo/bg_bandeaubloc_p.jpg) repeat-x 0 0; }
.wrapper_plage .convertTemp a { background:url(../image/meteo/convert_temp_p.png) no-repeat 0 0; }
.wrapper_plage .convertTemp a.act { background:url(../image/meteo/convert_temp_p_act.png) no-repeat 0 0; }
.wrapper_plage .contentReleve,
.wrapper_plage .blocPrevisions .conteneur { border-bottom: 1px solid #ffc300; }
.boxSeatemp { background:inherit; color:#ff7f00; font-weight:bold; padding-left:15px}
.boxSeatemp img { margin-right:5px; float:left}

/*=====CONTINENT=========*/
#carte_continent { z-index:101}
.carte .selectarea { background:#9cf }
.enteteCarteSat { margin:5px; background:#84C0FB; zoom:1}
.titrehome { float:left}
.titrehome h3 { font-size:18px; padding:15px 0 0 15px;color:#1f3861; }
.selecthomecontinent { background:url(../image/meteo/deroul_gche.png) no-repeat 0 0; float:left;}
.selecthomecontinent h3 { font-size:11px; padding:7px 30px 7px 5px;line-height:13px; /*background:url(../image/meteo/bg_deroul.gif) no-repeat 0 0*/ background:url(../image/meteo/deroul_drt.png) no-repeat right 0; color:#1f4480; margin-left:5px;}
.selectmap, .selectAutresCartes { /*background:url(../image/meteo/bg_deroul_190.png) no-repeat 0 0;*/background:url(../image/meteo/deroul_gche.png) no-repeat 0 0; padding-left:10px; float:right; margin:15px 17px 15px 90px; position:relative; z-index:200}
.selectmap h3, .selectAutresCartes h3 { font-size:11px; padding:7px 30px 7px 0 ; z-index:200; background:url(../image/meteo/deroul_drt.png) no-repeat right 0;line-height:13px}
/* boxfullmap */
.boxfullmap { width:670px; float:left; text-align:center;}
.boxfullmap .carte { width:670px; position:relative;z-index:101 }
.boxfullmap #carte_continent { margin:0 auto}
.boxfullmap p { margin:0 0 10px 0 }
.boxfullmap p.satelitte img {   border:2px solid #3366ff; text-align:center}
.boxfullmap p.legend { clear:both; float:none; text-align:center; font-size:12px; color:#595959; background-color:inherit;} 
.cartouche { border: solid 2px #3366FF;background: #000066;color: #FFFFFF;padding: 8px;}
.bulle { background: URL(../image/meteo/bulle.gif) no-repeat top left; display:block;  height:10px; }
/*phenomenes*/
.boxfullmap .fondCarte { position:relative; width:475px; height:420px; float:left }
.boxfullmap .legendeCarte { width:145px;float:left; padding:0 5px 0 15px; text-align:left; color:#595959; }
.boxfullmap .legendeCarte h3 { margin-top:195px; }
.boxfullmap .contentcartesat { background:#b7dde5; padding:22px 0 25px 25px; margin-right:5px }
.boxfullmap #carte { display:block; position:absolute; top:0; left:0; z-index:1000; width:475px; height:420px; }
.boxfullmap .rubExtrem { margin:2px 0 0 5px;zoom:1}
/*.boxfullmap .rub24 { height:34px; background:#B7DDE5; margin-right:5px}*/
.boxfullmap .rubExtrem li { float:left; background:url(../image/meteo/onglet_left.jpg) no-repeat 0 0; padding-left:5px; margin-right:1px; font-weight:bold }
.boxfullmap .rubExtrem li a { color:#fff; display:block; background:url(../image/meteo/onglet_right.jpg) no-repeat right 0; padding:9px 20px 9px 15px}
.boxfullmap .rubExtrem li.active { background:#B7DDE5 url(../image/meteo/onglet_left_act.png) no-repeat 0 -1px; }
.boxfullmap .rubExtrem li.active a { background:#B7DDE5 url(../image/meteo/onglet_right_act.png) no-repeat right -1px; color:#1f3861 }
.boxfullmap .rubExtrem li a:hover { text-decoration:none; color:#1f3861; }
.legendeCarte img { border:1px solid #fff; }
.titrePheno { float:left; }
.titrePheno h3 { font-size:18px; padding:15px 0 0 15px;color:#1f3861; }
.contentcartesat { position:relative; clear:both}
.bas_legende { position:absolute; right:0; bottom:50px; width:135px; padding:0 15px}
.bas_legende li { margin-bottom:5px}

/*colonne de droite*/ 
.blocactus { width:307px; float:right; font-size:11px; position:relative; color:#595959; margin:0; background:#fff; z-index:1;}
.blocactus .conteneur { min-height:50px; padding:16px 0 0 15px; }
.blocactus .scrolltext { height:358px; overflow:auto; padding-right:5px; margin-top:5px;  }
.blocactus h3 { font-size:15px; padding:0; margin:0}
.blocactus p.nameactu{color:#1B75B5; font-size:13px;}
.blocactus p { padding:0 0 5px 0; margin:0}
.blocactus p a {background-color:#fff; color:#595959; text-decoration:underline;}

.liens_outils { padding:15px; border-top:1px solid #99CCFF;}
.liens_outils li { padding:2px 0}
.liens_outils a { background:url(../image/meteo/lien_fleche.jpg) no-repeat 0 2px; padding-left:20px; color:#1b75b4; }
/*=====FIN CONTINENT=========*/


/*======LEXIQUE======*/
.wrapper_fille {width:977px; background: url(../image/meteo/wrapper_fille.gif) repeat-y;}
.wrapper_fille .wrapper1{ width:660px;   float:left;}
.wrapper_fille .wrapper2 { width:302px; float:right; font-size:11px; position:relative; background-color:#99ccff; color:#FFFFFF; padding:5px }
.wrapper_fille .wrapper2 .blockgeneric{ margin:0 0 5px 0; min-height:100px; }
.wrapper_fille .wrapper2 .meteointerbox { margin-bottom:5px}
.wrapper_fille .wrapper2 .meteointerbox  label {color:#003399;}
.wrapper_fille .wrapper2 .plagebox { margin-bottom:5px; font-size:12px}
.wrapper_fille .wrapper_bottom { clear: both; float:none; background:url(../image/meteo/wrapper_fille_bottom.gif) no-repeat 0 0; width:100%; height:4px; font-size:1px; }

.lexiquebar { width:655px; margin-left:5px; background:url(../image/meteo/lexiquebar.gif) repeat-x 0 0; height:45px; margin-bottom:20px }
.lexiquebar ul {padding:15px 0 0 10px;  }
.lexiquebar ul li { display:inline; float:left; color:#CCCCCC; font-size:18px; font-weight:bold; padding:0 4px;}
.lexiquebar ul li a{ color:#3399FF; background-color:inherit; text-decoration:none; font-size:18px; font-weight:bold; height:20px; display:block; float:left;}
.lexiquebar ul li a:hover { color:#D1CDC6; background-color:inherit;}
.lexiquebar ul li.active, .lexiquebar ul li.active  a { color:#FF7F00; background-color:inherit;}
.lexiquebar .blocklexique {color:#595959; background-color:inherit;  }
.lexiquetitre {  height:20px; background:url(../image/meteo/lexiquetitre.gif) repeat-x 0 0; margin:0 0 0 5px }
.lexiquetitre p { font-size:18px; color:#1F3861; background-color:inherit; padding:0 0 0  10px; font-weight:bold; margin:0; line-height:1em }
.listelexique { font-size:12px; color:#1F3861; background-color:inherit; font-weight:bold; padding:10px 50px 15px 15px}
.listelexique a { font-size:12px; color:#1F3861; background-color:inherit;   text-decoration:none;}
.listelexique a:hover { text-decoration:underline;}
.listelexique p { padding:0 0 15px 0}
.endliste {background:url(../image/meteo/lexiquetitre.gif) repeat-x 0 bottom;   margin:-20px 0 0 5px; width:655px}

p.gotop  {color:#1B75B5; background-color:inherit; font-size:11px; font-weight:normal!important;}
p.gotop a{ color:#1B75B5; background-color:inherit; font-size:11px; height:11px; background:url(../image/meteo/top.gif) no-repeat right 0; padding:0 15px 0 0}

.gotothetop { width:100%; clear:both; float:none; padding:20px 0 0 0}
.gotothetop p {color:#1B75B5; background-color:inherit; font-size:11px; font-weight:normal!important;  width:100%; clear:both; float:none;  }
.gotothetop p a{ color:#1B75B5; background-color:inherit; font-size:11px; height:11px; background:url(../image/meteo/top.gif) no-repeat right 0; padding:0 15px 0 0}

.resultatliste h3 { color:#2388FF; background-color:inherit; font-size:12px; margin:15px 0 0 0; padding:0 0 0 15px; }
.resultatliste .texte {background:url(../image/meteo/lexiquetitre.gif) repeat-x 0 bottom;  margin:0 0 0 5px; width:655px}
.resultatliste p {  width:570px; padding:0 0 10px 10px; margin:0; font-size:12px;}
.wrapper_fille .meteointerbox, 
.wrapper_fille .formFrance, 
.wrapper_fille .plagebox { margin-left:0}

/*=========blockpieddepage ==========*/
.blockpieddepage { color:#2388ff; padding:0 5px 0 5px; background:#fff url(../image/meteo/blockpieddepage.gif) repeat-y top left; border-top:15px #2388ff solid; border-bottom:5px #2388ff solid;}
.blockpieddepage .wrapper1 { width:353px; float:left; }
.blockpieddepage .wrapper2 { width:302px; padding:0 5px; float: left; }
.blockpieddepage .wrapper3 { width:302px; float:left; }

/* international box */
.internationalbox { width:100%; background:#2388ff url(../image/meteo/internationalbox.gif) repeat-x 0 bottom; color:#FFFFFF; padding:1px 0 0 0; min-height:95px;}
.internationalbox p.titre{ width:254px; font-size:15px;   padding:10px 0 5px 10px; margin:0; font-weight:bold;}
.internationalbox ul { padding:0 0 0 10px}
.internationalbox ul li { display:inline; color:#84c0fb; background-color:inherit;}
.internationalbox ul li a{ color:#FFFFFF; background-color:inherit; font-size:12px; text-decoration:none; padding-right:5px; margin-right:5px; border-right:1px solid #84c0fb; display:block; float:left}
.internationalbox ul li.last a{border:none}
.internationalbox ul li a:hover{ text-decoration:underline; }

/* boxtmpmaxi */
.boxtmpmaxi {border-top:1px solid #2388ff; padding:10px}
.boxtmpmaxi .tempearaturemondiale { font-size:12px; padding-bottom:2px; color:#1f3861; background-color:inherit; font-weight:bold;}
.boxtmpmaxi ul { width:150px; float:left; padding-bottom:10px}
.boxtmpmaxi ul li { color:#0d268c; background-color:inherit;}
.boxtmpmaxi ul li.max { font-size:12px; font-weight:bold; color:#ff6600; background-color:inherit; }
.boxtmpmaxi ul li.min { font-size:12px; font-weight:bold; color:#3399ff;  background-color:inherit; }

/* bloc blog */
#meteo_blogo { background:#54acf0 url(../image/meteo/blockgeneric.gif) repeat-x;  color:#FFFFFF; position:relative; }
#meteo_blogo h2{color:#fff;font-size:13px;padding:6px 10px 8px 10px;font-weight:bold;line-height:16px}
#meteo_blogo .bloc_blogo{height:107px;background:url(../image/home/bg_home_media_blogo.png) repeat-y top right;}
#meteo_blogo h2 a { color:#ffffff}
#meteo_blogo .bloc_blogo h2 { font-size:12px;color:#1f3861;font-weight:bold;background:none;padding-left:0;line-height:normal;padding:8px 0 2px 0;}
#meteo_blogo .bloc_blogo h2 a { color:#1f3861;}
.bloc_blogo .media { padding:3px}
.bloc_blogo .info { padding:5px 5px 5px 10px;}
.scroller { background:url(../image/meteo/scroller_meteo.gif) no-repeat right -2px;clear:both;text-align:center;height:27px; position:absolute; top:3px; right:0; width:130px;}
.scroller ul { width:130px;text-align:center;position:relative;margin:0 auto;padding-top:13px; }
.scroller li { display:inline }
.scroller li.suiv, .suiv { position:absolute;right:20px; cursor: pointer; top: 11px; }
.scroller li.prec, .prec { position:absolute;left:20px; cursor: pointer; top: 11px; }
li.callitemid { cursor: pointer; }

/*========== GESTION DES BLOCS GENERIQUES ================*/

.blockgeneric p.soustitre { background:url(../image/meteo/bg_deroul.gif) no-repeat 0 0; margin-bottom:13px; padding:6px 6px 7px 6px; zoom:1}
.blockgeneric .media_in_gauche .img_85x132 .info,
.blockgeneric .media_gauche .img_70x62 .info { padding-left:100px; padding-top:13px} 
	/* positionnement */
.blockgeneric { width:100%; font-size:12px;background-color:#FFFFFF; color:#595959;   }
.blockgeneric h2{ background:url(../image/meteo/blockgeneric.gif) repeat-x; height:30px; font-size:13px; font-weight:bold; color:#FFFFFF; background-color:#54acf0; padding:0 0 0 10px}
.blockgeneric h2 a { color:#FFFFFF; background-color:inherit; text-decoration:none;}
.blockgeneric .content { background-color:#FFFFFF; color:#595959; clear:both; float:none; }
.blockgeneric img { border-left:4px solid #fff;  border-right:4px solid #fff; border-top:3px solid #fff; border-bottom:3px solid #fff;  }
.blockgeneric .info { padding:5px 0 0 10px}

	/* largegris */
.largegris { width:100%; background:url(../image/meteo/block133.gif) repeat-x 0 5px; min-height:170px;}
.largegris .media { width:133px; padding:0 5px 0 5px; float:left;}
.largegris .media img{ width:133px;  }
.largegris .info { float:right; width:150px; padding:0 5px 0 0}
.largegris .titre { line-height:1.2em;}
.largegris a img,.largegris a:hover img { border:none}

	/* info ul */
.blockgeneric .info ul li.chapo { font-size:15px; color:#1b75b4; background-color:inherit; padding:5px 0 5px 0}
.blockgeneric .info ul li.chapo a { font-size:15px; color:#1b75b4; background-color:inherit; text-decoration:none;}
.blockgeneric .info ul li.chapo a:hover{ text-decoration:underline;}
.blockgeneric .info ul li.soustitre { font-size:12px; font-weight:bold; color:#1f3861; background-color:inherit; padding:0 0 5px 0}
.blockgeneric .info ul li.soustitre a{ font-size:12px;   color:#1f3861; background-color:inherit; text-decoration:none;}
.blockgeneric .info ul li.soustitre a:hover { text-decoration:underline;}
.blockgeneric .info ul li.note { color:#595959; background-color:inherit; font-size:12px; padding:0 0 5px 0}
.blockgeneric .info ul li.note a{ color:#595959; background-color:inherit; text-decoration:none;}
.blockgeneric .info ul li.note a:hover { text-decoration:underline;}
.blockgeneric .info ul li.note span{ color:#25a3da; background-color:inherit; font-size:12px;}
.blockgeneric .info ul li.note a span{ color:#25a3da; background-color:inherit; text-decoration:none;}
.blockgeneric .info ul li.note a:hover span { text-decoration:underline;}
.blockgeneric .info .frm_select { width:175px; display:block; margin:10px 0 10px 0}
.blockgeneric .media_in_gauche .img_70x62 .info{ padding-left:102px; }
.blockgeneric .media3colonnes {}
.blockgeneric .media3colonnes .content { margin:0; padding:2px 0 0 0; background:#fff url(../image/meteo/topdegrad.gif) repeat-x 0 0; color:#1b75b5;}
.blockgeneric .media3colonnes img { /*width:84px ;height:58px;*/ padding:0}
.blockgeneric .media3colonnes a img { border:none;}
.blockgeneric .media3colonnes .colonne_3 { width:30%; float:left; padding-left:3%;  }
.blockgeneric .media3colonnes .info { padding:5px 0 0 5px}
.blockgeneric .bottom { clear:both; float:none; height:5px; font-size:1px; background-color:#FFFFFF; color:#333333}
.blockgeneric .titreblog { line-height:1.5em; height:30px;}

	/* pour bloc pub standard */
div.bloc_promomiddle{margin: 0;}
/*========== FIN DES BLOCS GENERIQUES ================*/

/*outils*/
#windowtools {  width:491px; background:#84c0fb url(../image/meteo/wrapper_outils.gif) repeat-y 0 0;color:#1f3861;display: none; margin: 0 auto; z-index: 10000; overflow: hidden; position: fixed; left: 0; top: 0; }
#windowtools .bt_fermer{position:absolute;top:0;right:0;display:block;width:68px;background:#9ACCFF;color:#fff;font-size:11px;text-align:center;}
.wrapper_outils .selectarea{ width:495px; background:url(../image/meteo/wrapper_outils.jpg) no-repeat 0 0;  }
.wrapper_outils .selectarea .content{ width:483px;min-height:400px;}
.wrapper_outils .bottom { height:5px; clear:both; float:none; width:100%; background:url(../image/meteo/outils_bottom.gif) no-repeat 0 0; font-size:1px;}
.blocoutils .colonne1 { width:450px; padding:20px 0 0 10px; margin-left:5px; float:left;   }
.blocoutils h3 { font-size:18px; color:#1F3861;background-color:inherit; height:75px; }
.blocoutils fieldset { height:95px;}
.blocoutils fieldset p { float:left; color:#1F3861; background-color:inherit;}
.blocoutils fieldset label { float:left; color:#1F3861; background-color:inherit; margin-right:5px; display:block; line-height:1.5em}
.blocoutils fieldset span { display:block; padding:0 20px 0 5px; float:left; color:#1F3861; background-color:inherit; line-height:1.5em}
.blocoutils fieldset .frm_select { width:40px;  height:18px; text-align: center; display:block; float:left; border:none; padding:4px 0 0 0}
.blocoutils fieldset p.calculer { clear:both; float:none; padding:30px 0 0 0; width:100%;}
.blocoutils fieldset p.calculer .btn_calculer { width:105px; height:25px; background:#cce0f5 url(../image/meteo/btn_calculer.gif) no-repeat 0 0; border:none; color:#25A4DB;  font-size:11px; font-weight:bold;    text-align:center; display:block; float:right  }

.boxcomment { clear:both; float:none; width:100%; padding:20px 0 0 0}
.boxcomment p { font-size:12px; color:#1F3861; background-color:inherit; width:440px; padding:0 0 20px 0; margin:0}
.boxcomment p a { color:#1F3861; background-color:inherit; text-decoration:underline;}
.boxcomment ul { padding:0 0 60px 0; margin:0}

/* bloc texte standard */
.bloc_coretext { background:#FFFFFF; padding:5px; border-top:5px #2388ff solid}
.bloc_coretext .img_133_ { background:url(../image/programmes/bg_left_133_img.gif) repeat-y left top; }
.bloc_coretext .img_100_ { background:url(../image/programmes/bg_left_100_img.gif) repeat-y left top; }
.bloc_coretext .content .media { display:block; height:100%; text-align:center; vertical-align:top; margin-right:8px; z-index:1; }
.bloc_coretext .content .info { z-index:0; color:#4C4C4C; }
.bloc_coretext .content { height: 1%; }
.bloc_coretext .img_133_ .info { padding-left:140px; z-index:0; color:#4C4C4C; }
.bloc_coretext .img_100_ .media { width: 100px; }
.bloc_coretext .img_100_ .info { padding-left: 107px;  }
.bloc_coretext .content .info span { color:#1f3861; }
.bloc_coretext .content .info a {color:#4C4C4C; }
.bloc_coretext .content .info a  span { color:#1f3861; }
.bloc_coretext .content .info a:hover span { text-decoration:underline; color: #1f3861; }
.bloc_coretext .content h2, .bloc_coretext .content .info h2 a{ font-size:15px; line-height:14px; color:#1b75b5; padding:3px 5px 10px 0; font-weight: bold; }
.bloc_coretext .content ul.bloc_lien_int li a { color:#25a3da; }
.bloc_coretext .content ul.bloc_lien_int { padding-bottom:15px; }

.wrapper_fille .wrapper1 .bloc_coretext { border-top:none; padding:0 50px 0 15px; background:none;}
.wrapper_fille .wrapper1 .bloc_coretext h3,
.wrapper_fille .wrapper1 .bloc_coretext h2,
.wrapper_fille .wrapper1 .bloc_coretext .soustitre{ background-color:inherit; color:#2388FF; font-size:12px; font-weight:bold; margin:20px 0 10px; padding:0; }

/*========= FIN blockpieddepage ==========*/

/* meteonewsbar */
.meteonewsbar { clear:both; float:none; width:100%; min-height:35px; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#000066; background-color:#f3f3f3;}
.meteonewsbar ul { font-size:11px;}
.meteonewsbar ul li { height:35px; float:left; display:block;color:#000066; background-color:#f3f3f3; line-height:3.2em}
.meteonewsbar ul li a { color:#3399FF; background-color:inherit; text-decoration:none;}
.meteonewsbar ul li a:hover { text-decoration:underline;}
.meteonewsbar ul li.avertissement { width: 305px; padding-left:30px}
.meteonewsbar ul li.logo { background:url(../image/meteo/logo_meteonews.gif) no-repeat right 7px;padding-right:95px;color:#3399FF; }
.meteonewsbar ul li.voiraussi{float:right;padding-right:15px}

/*========= Ul déroulant==========*/
.contentPays ul, .paysPlage, 
.contentContinent, 
.contentVilles, 
.contentAutresCartes { display:none; background:#CCE0F5; position:absolute; border:solid 1px #999; padding:10px 10px 15px 10px; color:#1F3861; max-height:250px; overflow:auto; z-index:100;}
.contentPays ul a, .paysPlage a, 
.contentContinent a, 
.contentVilles a, 
.contentAutresCartes a{color:#1F3861;}
.contentAutresCartes {top:27px; left:0px; width:187px; }
.selecthomecontinent .contentContinent { width:168px;}
.contentVilles {left:0px; top:27px; width:168px;}
.contentPays ul{top:27px; width:260px; left:0px; }
.contentListPlages .paysPlage {top:52px; width:260px; left:0px;}
.contentHomePlages .paysPlage { left:170px; top:27px; width:260px;}
li.countryname {font-weight:bold;}
.villesPlage li {padding-left:8px; font-weight:normal;}
.listactus .contentContinent {top:60px; left:100px; width:168px;  }
.listcartesprecipit24h .contentContinent,
.listcartesextrem3j .contentContinent,
.listcartesextrem6j .contentContinent { width:168px; top:27px; left:0px; z-index:200 }
.listactus p.soustitre { padding-bottom:11px; margin-top:5px}
.listcartesprecipit24h, .listcartesextrem3j, .listcartesextrem6j, .listactus, .selecthomecontinent { position:relative; }
.listactus { z-index:100}
.listcartesextrem6j { z-index:101}
.listcartesextrem3j { z-index:102}
.listcartesprecipit24h { z-index:103}

/* ============ STYLE IE6 ============ */
* html .blockmapbis .meteointerbox,
* html .blockmapbis .formFrance, 
* html .blockmapbis .plagebox { margin-left:15px; }
* html .dataForm form { width:300px;}
* html .wrapper_fille .meteointerbox,
* html .wrapper_fille .formFrance, 
* html .wrapper_fille .plagebox { margin:0 }
* html .lune img, 
* html .left24h .lune img { float:none; } 
* html .meteointerbox,
* html .formFrance,
* html .plagebox { padding-right:15px}
* html .meteointerbox .frm_btnok { margin-left:0; float:none}
* html .meteointerbox .frm_input { padding:0} 
* html .blockmapbis { height:305px; }
* html .bloc_coretext  { height: 1%;}
* html .blockgeneric h2 { padding-top:5px}
* html .boxselectlang { right:-1px}
* html .meteonewsbar { height:35px;}
* html #windowtools { margin-top: 0px; position: absolute} 
* html .bloc_coretext  { height: 1%;}
* html .wrapper_fille .wrapper2 .blockgeneric{ height:100px; }
* html .contentcartesat { height:420px;}
* html .conteneurHome div { margin:0; padding:0}

/* ============ STYLE IE7 ============ */
*+ html .wrapper2 .meteo_liens { display:inline;}
*+ html .blockmapbis .meteo_liens, 
*+ html .meteo_liens_plage { padding-right:22px; display:inline; }
*+ html .lune img, 
*+ html .left24h .lune img { float:none; } 
*+ html .frm_btnok { float:none}

/* modifs style 06/05/2011 */
.picto .tmpmin ,
.picto .tmpmaxi { font-size:11px;}
.blocPrevisions p.jours {  font-weight:normal; font-size:11px; }
.blockjours6h p.jours {padding-bottom:5px;}


/*
.tempC, .tempF { font-size: 11px; }
.blocPrevisions .jours { font-size: 11px; }
.carte_temp .tempC, .carte_temp .tempF { font-size: 10px; }
.boxTemperature .tempC, .boxTemperature .tempF { font-size: 20px; }
.boxtableprevision6h .picto { margin-top: 5px; }
*/

