/* La page */
HTML
{background-color: #E1E1E1; text-align: center;}
/* Le body */
body
{width: 984px; margin: auto; margin-top: 0px; margin-bottom: 20px; background-color: #FFFFFF; text-align: center;}
/* Le header */
#en_tete
{background-image: url(http://www.tivinetworld.com/banniere.png); background-repeat: no-repeat; width: 974px; height: 100px; margin: 0px; padding: 5px; text-align: right;
background-color: #E1E1E1; font-family:Arial, 'Times New Roman', Times, serif; color: #ffffff; font-size: 0.75em;}
#en_tete a:active /* Quand le visiteur clique sur le lien */
{ background-color: #97D3F2;}
#en_tete a:hover /* Quand le visiteur pointe sur le lien */
{color: #FF6600;}
#en_tete a /* Lien normal */
{text-decoration: none; color: #ffffff;}
/* pub sous la banniere header */
#sous_en_tete
{width: 984px; height: 100%; margin: 0px; text-align: center; background-color: #f4f3f3; padding: 0px; font-family:Arial, 'Times New Roman', Times, serif; color: #555f00; font-size: 0.75em;}
/* Page d'accueil */
#colonne1
{BACKGROUND: #FFFFFF; FLOAT: left; MARGIN: 0px; WIDTH: 430px; text-align: left; margin-top: 0px; padding: 5px; }
#colonne1 p
{font-family:Arial, 'Times New Roman', Times, serif; font-size: 0.8em;}
#colonne1 h1
{font-family:Arial, 'Times New Roman', Times, serif; font-size: 2.3em; display: inline; color: #333333}
#colonne1 h2
{font-family:Arial, 'Times New Roman', Times, serif; font-weight:normal; font-size: 1em; display: inline;}
#colonne1 h3
{font-family:Arial, 'Times New Roman', Times, serif; font-weight:bold; font-size: 1.2em; display: inline;}
#colonne1 h6
{color: #990000; text-align: left; font-family: Arial, "Arial Black", "Times New Roman", Times, serif; margin-left: 0px; font-size: 0.65em; display: inline;}
.colonne_des_news_accueil
{width: 430px; background: #ffffff;}
.colonne_des_news_accueil:hover
{background: #DDFFDD;}
#colonne2
{text-align: center; margin-left: 445px; margin-right: 310px; margin-top: 0px; margin-bottom: 0px; padding: 3px; color: #000000; background-color: #F8ECFF;
font-family:Arial, 'Times New Roman', Times, serif; color: #000000; font-size: 0.75em; border-left: 1px solid #E9BFFF; border-right: 1px solid #E9BFFF; border-bottom: 1px solid #E9BFFF;}
#colonne3
{ FLOAT: right; MARGIN: 0px; WIDTH: 295px; HEIGHT: 100%; background-color: #FFFFFF;
padding: 5px; }
/* Pied de page */
#pied_de_page
{padding: 0px; text-align: center; height: 185px; background-color: #d23905; color: #ffffff; background-repeat: repeat-y;
border: 0px solid black; font-family:Arial, 'Times New Roman', Times, serif; font-size: 0.75em; clear: both;}
/* Couleur des liens */
a:active /* Quand le visiteur clique sur le lien */
{ background-color: #97D3F2;}
a:hover /* Quand le visiteur pointe sur le lien */
{color: #FF6600;}
a /* Lien normal */
{text-decoration: none; color: #003399;}
/* Menu header */
#navcontainer-header
{background-color: #f0efef; }
#navcontainer-header ul
{padding: .2em 0; margin: 0; list-style-type: none; background-color: #91268f; color: #FFF; width: 100%; font: bold 90% arial, helvetica, sans-serif; text-align: center; font-size: 0.75em;}
li { display: inline; }
li a
{text-decoration: none; background-color: #91268f; color: #FFF; padding: .0em 1em; border-right: 1px solid #fff;}
li a:hover
{background-color: #f0efef; color: #369;}
#active a:link, #active a:visited, #active a:hover
{background-color: #f0efef; color: #369;}
/* Menu des pages */
#navcontainer
{padding-top: 5px; background-color: #E1E1E1; }
#navlist
{margin-top: 0px; padding: 3px 0; margin-left: 0; margin-bottom: 0px; border-bottom: 1px solid #778; font: bold 10px Verdana, sans-serif; background-color: #E1E1E1;}
#navlist li
{list-style: none; margin: 0px; display: inline;}
#navlist li a
{padding: 3px 0.5em; margin: 0px; border: 1px solid #778; border-bottom: none; background: #cececf; text-decoration: none;}
#navlist li a:link { color: #448; }
#navlist li a:visited { color: #448; }
#navlist li a:hover
{ color: #ff0000; background: #ffffff; border-color: #227;}
#navlist li a#current
{background: #ffffff; border-bottom: 1px solid #ffffff; color: #ff0000;}
/* image flottante */
.imageflottante
{ float: left; margin: 5px; margin-left: 0px;}
.imageflottante2
{float: right; margin: 5px; margin-right 5px;}
/* Les flottants */
.mes_div_flottants
{width: 323px; height: 50px; float: left; background: #f0efef; padding-top: 3px; padding-left: 5px; }
.p_div_flottants
{float: left; font-weight:bold; font-size:16px; padding-top:2px; padding-left: 4px; margin: 0px; display: inline; font-family:Arial, 'Times New Roman', Times, serif; color: #003366;}
.imageflottante_flottants
{float: left; padding-left: 2px;}
.mes_div_flottants a:active /* Quand le visiteur clique sur le lien */
{ background-color: #97D3F2;}
.mes_div_flottants a:hover /* Quand le visiteur pointe sur le lien */
{color: #f76600;}
.mes_div_flottants a /* Lien normal */
{text-decoration: none; color: #003399;}
/* tableau On en parle aussi ailleurs: accueil haut droite */
.accueil_haut_droit_news
{width: 230px; height: 25px; background-image: url(onenparle.jpg); background-repeat: no-repeat; margin: auto; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; font-weight:bold; color: #ffffff; text-align: left; padding-left: 60px; clear: both;}
.accueil_centre_droit_news
{width: 282px; height: 100%; background: #ffffff; margin: auto; border-left: 1px solid #000000; border-right: 1px solid #000000; font-family:Arial, 'Times New Roman', Times, serif; color: #000000; font-size: 0.7em; text-align: left; padding: 3px}
.accueil_bas_droit_news
{width: 290px; height: 8px; background-image: url(onenparle_bas.jpg); background-repeat: no-repeat; margin: auto; }
/* tableau Vigi météo france: accueil droite */
.accueil_haut_vigilancemeteofrance
{width: 141px; height: 7px; background-image: url(cartevigilance_haut.jpg); background-repeat: no-repeat; margin-left: 3px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; font-weight:bold; color: #ffffff; text-align: left; float: left; margin-top: 5px;}
.accueil_centre_vigilancemeteofrance
{width: 139px; height: 70px; background: #a3d3f3; margin-left: 3px; font-family:Arial, 'Times New Roman', Times, serif; color: #000000; font-size: 0.7em; text-align: center; float: left; margin-top: 0px; border-left: 1px solid #808080; border-right: 1px solid #808080;}
.accueil_bas_vigilancemeteofrance
{width: 141px; height: 19px; background-image: url(cartevigilance_bas.jpg); background-repeat: no-repeat; margin-left: 3px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.7em; font-weight:bold; color: #ffffff; text-align: center; float: left; margin-top: 0px; margin-bottom: 10px;}
/* tableau Vigi météo crue: accueil droite */
.accueil_haut_vigicrue
{width: 141px; height: 7px; background-image: url(cartevigicrue_haut.jpg); background-repeat: no-repeat; margin: auto; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; font-weight:bold; color: #ffffff; text-align: left; float: right; margin-right: 2px; margin-top: 5px;}
.accueil_centre_vigicrue
{width: 139px; height: 70px; background: #a3d3f3; border-left: 1px solid #808080; border-right: 1px solid #808080; font-family:Arial, 'Times New Roman', Times, serif; color: #000000; font-size: 0.7em; text-align: center; float: right; margin-right: 2px; margin-top: 0px;}
.accueil_bas_vigicrue
{width: 141px; height: 19px; background-image: url(cartevigicrue_bas.jpg); background-repeat: no-repeat; margin: auto; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.7em; font-weight:bold; color: #ffffff; text-align: center; float: right; margin-right: 2px; margin-top: 0px; margin-bottom: 10px;}
/* tableau webcams: accueil haut droite */
.accueil_haut_droit_webcams
{width: 230px; height: 25px; background-image: url(onenparle.jpg); background-repeat: no-repeat; margin: auto; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; font-weight:bold; color: #ffffff; text-align: left; padding-left: 60px; margin-top: 10px;}
.accueil_centre_droit_webcams
{width: 282px; height: 102px; background: #ffffff; margin: auto; border-left: 1px solid #000000; border-right: 1px solid #000000; font-family:Arial, 'Times New Roman', Times, serif; color: #000000; font-size: 0.7em; text-align: left; padding: 3px}
.accueil_bas_droit_webcams
{width: 290px; height: 8px; background-image: url(onenparle_bas.jpg); background-repeat: no-repeat; margin: auto; }
/* Page carte meteoalerte, page carte températures*/
#colonne1_meteoalerte
{background-color: #F8ECFF; FLOAT: left; MARGIN: 0px; WIDTH: 170px; text-align: left; margin-top: 0px; color: #000000; padding: 5px; border-left: 1px solid #778; border-right: 1px solid #E9BFFF;}
#colonne2_meteoalerte
{text-align: center; margin-left: 185px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; padding: 3px; padding-top: 20px; color: #000000; background-color: #FFFFFF;
border-right: 1px solid #778;}
#colonne2_meteoalerte h1
{font-family:Arial, 'Times New Roman', Times, serif; font-size: 1.8em; color: #333333; display: inline; margin-left: 0;}
#colonne2_meteoalerte h2
{font-family:Arial, 'Times New Roman', Times, serif; font-weight:normal; font-size: 1em; display: inline;}
#colonne2_meteoalerte table
{
width: 640px; height: 100%; margin-left: auto; margin-right: auto; border-left: 5px solid #8ec0f9; border-right: 1px solid #8ec0f9; border-top: 1px solid #8ec0f9; border-bottom: 1px solid #8ec0f9; background-color: #e9f1f4; border-collapse: collapse; margin-top: 50px; margin-bottom: 10px; padding: 5px;
}
#colonne2_meteoalerte td
{
text-align: center; font-family:Arial, 'Times New Roman', Times, serif;
}
#colonne2_meteoalerte th
{
text-align: center; font-family:Arial, 'Times New Roman', Times, serif; background-color: #bad6f2;
}
#colonne2_meteoalerte p
{
text-align: center; font-family:Arial, 'Times New Roman', Times, serif; font-size: 0.75em;
}
/* Page des news*/
#colonne1_newss
{background-color: #FFFFFF; margin-left: 715px; margin-right: 285px; WIDTH: 0px; text-align: left; margin-top: 0px; color: #000000; padding: 5px; }
#colonne2_newss
{text-align: left; text-align:justify; FLOAT: left; MARGIN: 0px; margin-left: 10px; WIDTH: 680px; margin-top: 0px; margin-bottom: 0px; padding: 0px; color: #424242; background-color: #FFFFFF; font-family:Arial, 'Times New Roman', Times, serif; font-size: 0.9em;}
#colonne2_newss h2
{font-family:Arial, 'Times New Roman', Times, serif; display: inline;}
#colonne2_newss h3
{font-family:Arial, 'Times New Roman', Times, serif; font-size: 1.6em; color: #424242}
#colonne2_newss p
{font-family:Arial, 'Times New Roman', Times, serif; font-size: 0.75em; color: #424242}
#colonne3_newss
{ FLOAT: right; MARGIN: 0px; WIDTH: 270px; HEIGHT: 100%; background-color: #ffffff;
padding: 5px; }
#colonne3_newss p
{font-family:Arial, 'Times New Roman', Times, serif; font-size: 0.75em; color: #424242}
.colonne3_newss_separation_titre
{ width: 258px; text-align: center; margin: 0px; padding: 6px; background: #ededed; border-top: 8px solid #333333; font-family:'Arial', Times New Roman, Times, serif; font-size: 0.9em; }
.colonne3_newss_texte
{ width: 258px; margin: 0px; padding: 0px; background: #ffffff; padding-bottom: 10px; margin-bottom: 10px; text-align: center; font-family: "Microsoft Sans Serif", Helvetica, Arial, Tahoma, Garuda, Sans, sans-serif; font-size: 0.7em; display: inline; font-weight: normal; vertical-align: middle; color: #333333;}
.colonne3_newss_texte h5
{ text-align: left; font-family: "Microsoft Sans Serif", Helvetica, Arial, Tahoma, Garuda, Sans, sans-serif; display: inline; color: #333333; font-size: 1em;}
#colonne2_newss table
{
border: 0px solid #ffffff; background-color: #ffffff; border-collapse: collapse; margin-top: 0px; margin-bottom: 0px; padding: 0px;
}
#colonne2_newss td
{
text-align: center; font-family:Arial, 'Times New Roman', Times, serif;
}
#colonne2_newss th
{
text-align: center; font-family:Arial, 'Times New Roman', Times, serif; background-color: #ffffff;
}
/* Page des téles*/
#colonne1_newstele
{font-family:Arial, 'Times New Roman', Times, serif; background-color: #F8ECFF; FLOAT: left; MARGIN: 0px; WIDTH: 135px; text-align: left; margin-top: 0px; color: #000000; padding: 5px; border-left: 1px solid #778; border-right: 1px solid #E9BFFF;}
#colonne2_newstele
{text-align: left; text-align:justify; margin-left: 150px; margin-right: 275px; margin-top: 0px; margin-bottom: 0px; padding: 3px; color: #000000; background-color: #FFFFFF;
font-family:Arial, 'Times New Roman', Times, serif; color: #000000; border-right: 1px solid #778; font-family:Arial, 'Times New Roman', Times, serif; font-size: 0.75em; text-align: center;}
#colonne2_newstele h2
{font-family:Arial, 'Times New Roman', Times, serif; display: inline;}
#colonne2_newstele h3
{font-family:Arial, 'Times New Roman', Times, serif; font-size: 1.6em;}
#colonne2_newstele p
{font-family:Arial, 'Times New Roman', Times, serif; font-size: 0.75em;}
#colonne3_newstele
{ font-family:Arial, 'Times New Roman', Times, serif; FLOAT: right; MARGIN: 0px; WIDTH: 260px; HEIGHT: 100%; background-color: #FFFFFF;
padding: 5px; border-right: 1px solid #778; font-size: 0.75em;}
/* Menu Header*/
.navegacionprincipal {
margin-right: 0px;
margin-left: 0px;
margin-bottom: 2px;
padding: 0 0 0px 0;
overflow: hidden;
width: 984px;
font: 12px Tahoma, Arial, Verdana, sans-serif;
;
}
.navegacionprincipal ul {
margin: 0;
padding: 0;
}
.navegacionprincipal ul li {
margin: 0;
padding: 0;
float: left;
list-style-type: none;
}
.navegacionprincipal ul li a {
margin: 0 1px 1px 0;
padding: 4px 0 8px 6px;
text-decoration: none;
display: block;
color: #fff;
}
.navegacionprincipal ul li a.cine {background: #f90 url(/soitu/iconos/v1.x/v1.0/varios/nuevo.png) no-repeat 30px 4px;}
.navegacionprincipal ul li a.musica {background: #daa000 url(/soitu/iconos/v1.x/v1.0/varios/nuevo.png) no-repeat 41px 4px;}
.navegacionprincipal ul li a.boutique {background: #daa000 url(http://www.meteo-world.com/panier.png) no-repeat 5px 4px;}
/* Page des news*/
#colonne1_news
{background-color: #F8ECFF; FLOAT: left; MARGIN: 0px; height: 1000px; WIDTH: 175px; text-align: left; margin-top: 0px; color: #000000; padding: 5px; border-left: 1px solid #778; border-right: 1px solid #E9BFFF; font-family:Arial, 'Times New Roman', Times, serif; color: #000000; font-size: 0.75em;}
#colonne2_news
{text-align: left; text-align:justify; margin-left: 150px; margin-right: 675px; margin-top: 0px; margin-bottom: 0px; padding: 3px; color: #000000; background-color: #F8ECFF;
font-family:Arial, 'Times New Roman', Times, serif; color: #000000; border-left: 1px solid #E9BFFF; border-right: 1px solid #E9BFFF; font-family:Arial, 'Times New Roman', Times, serif; font-size: 0.75em;}
#colonne2_news h2
{font-family:Arial, 'Times New Roman', Times, serif; display: inline;}
#colonne2_news h3
{font-family:Arial, 'Times New Roman', Times, serif; font-size: 1.6em;}
#colonne2_news p
{font-family:Arial, 'Times New Roman', Times, serif; font-size: 0.75em;}
#colonne3_news
{ FLOAT: right; MARGIN: 0px; WIDTH: 700px; HEIGHT: 100%; background-color: #FFFFFF;
padding: 5px; border-right: 1px solid #778; font-family:Arial, 'Times New Roman', Times, serif; font-size: 0.75em;}
#colonne3_news table
{
width: 100%; height: 100%; margin-left: auto; margin-right: auto; border-left: 5px solid #8ec0f9; border-right: 1px solid #8ec0f9; border-top: 1px solid #8ec0f9; border-bottom: 1px solid #8ec0f9; background-color: #e9f1f4; border-collapse: collapse; margin-top: 0px; margin-bottom: 0px; padding: 5px;
}
#colonne3_news td
{
text-align: center; font-family:Arial, 'Times New Roman', Times, serif;
}
#colonne3_news th
{
text-align: center; font-family:Arial, 'Times New Roman', Times, serif; background-color: #bad6f2;
}
#colonne2_news table
{
width: 100%; height: 100%; margin-left: auto; margin-right: auto; border-left: 5px solid #8ec0f9; border-right: 1px solid #8ec0f9; border-top: 1px solid #8ec0f9; border-bottom: 1px solid #8ec0f9; background-color: #e9f1f4; border-collapse: collapse; margin-top: 0px; margin-bottom: 0px; padding: 5px;
}
#colonne2_news td
{
text-align: center; font-family:Arial, 'Times New Roman', Times, serif;
}
#colonne2_news th
{
text-align: center; font-family:Arial, 'Times New Roman', Times, serif; background-color: #bad6f2;
}
.colonne_des_news_news
{width: 400px; font-family:Arial, 'Times New Roman', Times, serif; color: #FF0000; margin-bottom: 15px;}
.colonne_des_news_image
{FLOAT: left; width: 350px; height: 260px; text-align: left; margin-top: 30px; margin-right: 15px; margin-left: 0px; padding: 0px; background: #ffffff; border-right: 1px dotted #ededed; padding-bottom: 0px; padding-top: 0px; font-family:Arial, 'Times New Roman', Times, serif;}
.colonne_des_news_image2
{ width: 220px; text-align: center; background: #ffffff; color: #000000; font-family:Arial, 'Times New Roman', Times, serif; font-size: 0.8em;}
.colonne_des_news_image3
{ width: 220px; text-align: center; background: #e5e5e5; color: #000000; font-family:Arial, 'Times New Roman', Times, serif; font-size: 0.80em; font-style:italic;}
.colonne_des_news_pub
{ width: 220px; height: 200px; text-align: center; margin-top: 18px; padding: 0px; background: #ffff00;}
/* tableau page des news boutique, new les plus lues */
.accueil_haut_droit_lesnews
{width: 260px; height: 25px; background-image: url(http://www.tivinetworld.com/news/tab_haut.jpg); background-repeat: no-repeat; margin: auto; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; font-weight:bold; color: #ffffff; text-align: left; padding-left: 30px; clear: both;}
.accueil_centre_droit_lesnews
{width: 200px; height: 100%; background: #ffffff; margin: auto; font-family:Arial, 'Times New Roman', Times, serif; color: #000000; font-size: 0.7em; text-align: left; padding: 3px}
.accueil_bas_droit_lesnews
{width: 260px; height: 8px; background-image: url(http://www.tivinetworld.com/news/tab_bas.jpg); background-repeat: no-repeat; margin: auto; }
/* Page des actualites*/
#colonne1_actualites
{background-color: #ffffff; FLOAT: left; MARGIN: 0px; WIDTH: 162px; text-align: left; margin-top: 0px; color: #000000; padding: 0px; border-right: 1px solid #ffffff;}
#colonne1_actualites2
{background-color: #F8ECFF; FLOAT: left; MARGIN: 0px; WIDTH: 135px; text-align: left; margin-top: 0px; color: #000000; }
.colonne1_actualites2:hover
{background: #e9f1f4;}
#colonne2_actualites
{text-align: left; text-align:justify; margin-left: 162px; margin-right: 275px; margin-top: 0px; margin-bottom: 0px; padding: 3px; background-color: #FFFFFF;
font-family:Arial, 'Times New Roman', Times, serif; }
#colonne2_lesnews
{text-align: left; text-align:justify; margin-left: 162px; margin-right: 275px; margin-top: 0px; margin-bottom: 0px; padding: 3px; padding-left:10px; background-color: #FFFFFF;
font-family:Arial, 'Times New Roman', Times, serif; font-size: 0.95em; color: #424242}
#colonne1_lesnews
{background-color: #ffffff; FLOAT: left; MARGIN: 0px; WIDTH: 162px; text-align: left; margin-top: 0px; color: #000000; padding: 0px; border-right: 1px solid #ffffff;}
#colonne2_lesnews h2
{font-family:Arial, 'Times New Roman', Times, serif; display: inline;}
#colonne2_lesnews h3
{font-family:Arial, 'Times New Roman', Times, serif; font-size: 1.6em; color: #424242}
#colonne3_actualites
{ FLOAT: right; MARGIN: 0px; WIDTH: 260px; HEIGHT: 100%; background-color: #FFFFFF;
padding: 5px; border-right: 1px solid #778; font-family:Arial, 'Times New Roman', Times, serif; }
#colonne2_actualites h3
{font-family:Arial, 'Times New Roman', Times, serif; font-size: 1.1em; display: inline;}
#colonne2_actualites h6
{font-family:Arial, 'Times New Roman', Times, serif; font-size: 0.70em; display: inline; color: #FF0000;}
#colonne2_actualites p
{font-family:Arial, 'Times New Roman', Times, serif; font-size: 0.75em;}
/* Page des previsions*/
#colonne1_previsions
{background-color: #F8ECFF; FLOAT: left; MARGIN: 0px; WIDTH: 175px; text-align: left; margin-top: 0px; color: #000000; padding: 5px; border-left: 1px solid #778; border-right: 1px solid #E9BFFF;}
#colonne2_previsions
{text-align: center; margin-left: 190px; margin-right: 310px; margin-top: 0px; margin-bottom: 0px; padding: 3px; color: #000000; background-color: #FFFFFF;
font-family:Arial, 'Times New Roman', Times, serif; color: #000000; border-left: 1px solid #778; border-right: 1px solid #778; }
#colonne3_previsions
{ FLOAT: right; MARGIN: 0px; WIDTH: 295px; HEIGHT: 100%; background-color: #FFFFFF;
padding: 5px; border-right: 1px solid #778; }
#colonne2_previsions h1
{font-family:Arial, 'Times New Roman', Times, serif; font-size: 1.8em; color: #333333; display: inline; margin-left: 0; }
#colonne2_previsions h2
{font-family:Arial, 'Times New Roman', Times, serif; font-weight:normal; font-size: 1em; display: inline;}
#colonne2_previsions p
{font-family:Arial, 'Times New Roman', Times, serif; font-size: 0.75em;}
/* Page des previsions foreca*/
#colonne1_previsions_foreca
{background-color: #F8ECFF; FLOAT: left; MARGIN: 0px; WIDTH: 175px; text-align: left; margin-top: 0px; color: #000000; padding: 5px; border-left: 1px solid #778; border-right: 1px solid #E9BFFF;}
#colonne2_previsions_foreca
{text-align: center; margin-left: 190px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; padding: 3px; color: #000000; background-color: #FFFFFF;
font-family:Arial, 'Times New Roman', Times, serif; color: #000000; border-left: 1px solid #778; border-right: 1px solid #778; }
#colonne2_previsions_foreca h1
{font-family:Arial, 'Times New Roman', Times, serif; font-size: 1.8em; color: #333333; display: inline; margin-left: 0; }
#colonne2_previsions_foreca h2
{font-family:Arial, 'Times New Roman', Times, serif; font-weight:normal; font-size: 1em; display: inline;}
#colonne2_previsions_foreca p
{font-family:Arial, 'Times New Roman', Times, serif; font-size: 0.75em;}
#colonne2_previsions_foreca table
{
width: 640px; height: 100%; margin-left: auto; margin-right: auto; border-left: 5px solid #8ec0f9; border-right: 1px solid #8ec0f9; border-top: 1px solid #8ec0f9; border-bottom: 1px solid #8ec0f9; background-color: #e9f1f4; border-collapse: collapse; margin-top: 50px; margin-bottom: 10px; padding: 5px;
}
#colonne2_previsions_foreca td
{
text-align: center; font-family:Arial, 'Times New Roman', Times, serif;
}
/* Page des monde*/
#colonne1_monde
{background-color: #F8ECFF; FLOAT: left; MARGIN: 0px; WIDTH: 175px; text-align: left; margin-top: 0px; color: #000000; padding: 5px; border-left: 1px solid #778; border-right: 1px solid #E9BFFF;}
#colonne2_monde
{text-align: center; margin-left: 190px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; padding: 3px; color: #000000; background-color: #FFFFFF;
font-family:Arial, 'Times New Roman', Times, serif; color: #000000; border-left: 1px solid #778; border-right: 1px solid #778; }
#colonne2_monde h1
{font-family:Arial, 'Times New Roman', Times, serif; font-size: 1.8em; color: #333333; display: inline; margin-left: 0; }
#colonne2_monde h2
{font-family:Arial, 'Times New Roman', Times, serif; font-weight:normal; font-size: 1em; display: inline;}
#colonne2_monde p
{font-family:Arial, 'Times New Roman', Times, serif; font-size: 0.75em;}
#colonne2_monde table
{
width: 640px; height: 100%; margin-left: auto; margin-right: auto; border-left: 5px solid #8ec0f9; border-right: 1px solid #8ec0f9; border-top: 1px solid #8ec0f9; border-bottom: 1px solid #8ec0f9; background-color: #e9f1f4; border-collapse: collapse; margin-top: 50px; margin-bottom: 10px; padding: 5px;
}
#colonne2_monde td
{
text-align: center; font-family:Arial, 'Times New Roman', Times, serif;
}
/* Page des webcams*/
#colonne1_webcams
{background-color: #F8ECFF; FLOAT: left; MARGIN: 0px; WIDTH: 175px; text-align: left; margin-top: 0px; color: #000000; padding: 5px; border-left: 1px solid #778; border-right: 1px solid #E9BFFF;}
#colonne2_webcams
{text-align: center; margin-left: 190px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; padding: 3px; color: #000000; background-color: #FFFFFF;
font-family:Arial, 'Times New Roman', Times, serif; color: #000000; border-left: 1px solid #778; border-right: 1px solid #778; }
#colonne2_webcams h1
{font-family:Arial, 'Times New Roman', Times, serif; font-size: 1.8em; color: #333333; display: inline; margin-left: 0; }
#colonne2_webcams h2
{font-family:Arial, 'Times New Roman', Times, serif; font-weight:normal; font-size: 1em; display: inline;}
#colonne2_webcams h3
{font-family:Arial, 'Times New Roman', Times, serif; font-size: 0.75em; display: inline; color: #273367; padding: 5px; text-align: center;}
#colonne2_webcams p
{font-family:Arial, 'Times New Roman', Times, serif; font-size: 0.75em;}
#colonne2_webcams table
{
width: 640px; height: 100%; margin-left: auto; margin-right: auto; border: 1px solid #52c0e9; background-color: #e9f1f4; border-collapse: collapse; margin-top: 50px; margin-bottom: 10px; padding: 5px; text-align: center;
}
#colonne1_webcamsdepartements
{background-color: #F8ECFF; FLOAT: left; MARGIN: 0px; WIDTH: 175px; text-align: left; margin-top: 0px; color: #000000; padding: 5px; border-left: 1px solid #778; border-right: 1px solid #E9BFFF;}
#colonne2_webcamsdepartements
{text-align: center; margin-left: 190px; margin-right: 310px; margin-top: 0px; margin-bottom: 0px; padding: 3px; color: #000000; background-color: #FFFFFF;
font-family:Arial, 'Times New Roman', Times, serif; color: #000000; border-left: 1px solid #778; border-right: 1px solid #778; }
#colonne3_webcamsdepartements
{ FLOAT: right; MARGIN: 0px; WIDTH: 295px; HEIGHT: 100%; background-color: #FFFFFF;
padding: 5px; border-right: 1px solid #778; }
#colonne2_webcamsdepartements h1
{font-family:Arial, 'Times New Roman', Times, serif; font-size: 1.8em; color: #333333; display: inline; margin-left: 0; }
#colonne2_webcamsdepartements h2
{font-family:Arial, 'Times New Roman', Times, serif; font-weight:normal; font-size: 1em; display: inline;}
#colonne2_webcamsdepartements h3
{font-family:Arial, 'Times New Roman', Times, serif; font-size: 0.75em; display: inline; color: #273367; padding: 5px; text-align: center;}
#colonne2_webcamsdepartements p
{font-family:Arial, 'Times New Roman', Times, serif; font-size: 0.75em;}
#colonne2_webcamsdepartements table
{
width: 465px; height: 100%; margin-left: auto; margin-right: auto; border: 1px solid #52c0e9; background-color: #e9f1f4; border-collapse: collapse; margin-top: 50px; margin-bottom: 10px; padding: 5px; text-align: center; font-family:Arial, 'Times New Roman', Times, serif; font-size: 0.75em;
}
/* Page divers*/
#colonne1_divers
{background-color: #F8ECFF; FLOAT: left; MARGIN: 0px; WIDTH: 170px; text-align: left; margin-top: 0px; color: #000000; padding: 5px; border-left: 1px solid #778; border-right: 1px solid #E9BFFF;}
#colonne2_divers
{text-align: left; margin-left: 185px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; padding: 3px; padding-top: 20px; color: #000000; background-color: #FFFFFF;
border-right: 1px solid #778;}
#colonne2_divers h1
{font-family:Arial, 'Times New Roman', Times, serif; font-size: 1.8em; color: #333333; display: inline; margin-left: 0;}
#colonne2_divers h2
{font-family:Arial, 'Times New Roman', Times, serif; font-weight:normal; font-size: 1em; display: inline;}
#colonne2_divers table
{
width: 640px; height: 100%; margin-left: auto; margin-right: auto; border-left: 5px solid #8ec0f9; border-right: 1px solid #8ec0f9; border-top: 1px solid #8ec0f9; border-bottom: 1px solid #8ec0f9; background-color: #e9f1f4; border-collapse: collapse; margin-top: 10px; margin-bottom: 10px; padding: 5px;
}
#colonne2_divers td
{
text-align: left; font-family:Arial, 'Times New Roman', Times, serif; font-size: 0.75em;
}
#colonne2_divers th
{
text-align: center; font-family:Arial, 'Times New Roman', Times, serif; background-color: #bad6f2;
}
#colonne2_divers p
{
text-align: left; font-family:Arial, 'Times New Roman', Times, serif; font-size: 0.75em;
}
#colonne2_divers li {
text-align: left; font-family:Arial, 'Times New Roman', Times, serif; font-size: 0.75em;
color: black;
display : list-item;
list-style: square;
}
#colonne2_divers li a
{text-decoration: none; background-color: #ffffff; color: #000000; padding: .0em 1em; border-right: 1px solid #fff;}
#colonne2_divers li a:hover
{background-color: #f1eebd; color: #369;}
/* Page boutique*/
#colonne1_boutique
{background-color: #FFFFFF; MARGIN: 0px; WIDTH: 100%; text-align: left; margin-top: 0px; color: #000000; padding: 5px; border-left: 1px solid #778; border-right: 1px solid #E9BFFF; border-left: 1px solid #E9BFFF; }
#colonne1_boutique h1
{font-family:Arial, 'Times New Roman', Times, serif; font-size: 1.8em; color: #333333; display: inline; margin-left: 0;}
#colonne1_boutique h2
{font-family:Arial, 'Times New Roman', Times, serif; font-weight:normal; font-size: 1em; display: inline;}
#corps_imprimer
{ text-align: left; margin-left: 145px;margin-right: 154px; margin-bottom: 0px; padding-left: 50px; padding-right: 50px; padding-top: 0px; color: #000000; font-family:Arial, 'Times New Roman', Times, serif; font-size: 0.75em; background-color: #FFFFFF; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; }
#bas_imprimer
{ text-align: center; margin-left: 145px; margin-right: 154px; margin-bottom: 0px; padding-left: 50px; padding-right: 50px; padding-top: 0px; color: #999999; font-family:Arial, 'Times New Roman', Times, serif; font-size: 0.70em; background-color: #FFFFFF; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; clear: both;}
#corps_imprimer h2
{ color: #333333; text-align: center; font-family:Arial, 'Times New Roman', Times, serif; font-size: 1.8em;
}
/*--------- Lightbox -----------*/
#lightbox
{background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666;
}
#lightboxDetails
{font-size: 0.9em; color: #555; padding-top: 0.5em;}
#closeButton
{ top: 5px; right: 5px; }
#lightboxCaption
{ float: left; }
#keyboardMsg
{ float: right; }
#lightbox img
{ border: none; }
#overlay img
{ border: none; }
#overlay
{ background-image: url(http://www.meteo-world.com/lightbox/overlay.png); }
* html #overlay
{ background-color: #000; background-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.meteo-world.com/lightbox/overlay.png", sizingMethod="scale");}
#pied_de_page a:active /* Quand le visiteur clique sur le lien */
{ background-color: #97D3F2;}
#pied_de_page a:hover /* Quand le visiteur pointe sur le lien */
{color: #FF6600;}
#pied_de_page a /* Lien normal */
{text-decoration: none; color: #ffffff;}