@charset "utf-8";
/* CSS Document */

#date_heure{
    text-align:right;
    margin-right:25px;
}

body
{
    margin: 10px 0 ;
    padding: 0 ;
    text-align: center ;
    font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
    background: #F7F7F7;
}
div#conteneur
{
    width: 770px ;
    margin: 0 auto;
    text-align: left ;
    border: 1px solid #999999;
    background: #fff ;
}
#header{
    height: 100px ;
    background-image:url(../images/header.jpg);
    background-repeat:no-repeat;
    margin: 0;
    border-bottom: 1px solid #666666;
    }

div#bandeau_menu{
    margin: 0;
    width: 770px ;
    }

#texte_menu {
    text-align: center;
    padding-top:2px;
    font-size: 10px ;
    letter-spacing: 1px ;
}

/* mise en forme du contenu de la page */
div#contenu{
    padding: 0px 10px 0 10px ;
    min-height:500px;
}
/* mise en forme titre premier niveau */
div#contenu h2
{
    padding-left: 40px ;
    margin: 0;
    line-height: 20px ;
    font-size: 1.2em ;
    background: url(../logo/little_romma.gif) no-repeat left bottom ;
    color: #333333;
    border-bottom: 1px solid #2B9299;
}
/* mise en forme titre premier niveau */
div#contenu_24 h2
{
    padding-left: 40px ;
    margin: 0;
    line-height: 20px ;
    font-size: 1.2em ;
    background: url(../logo/little_romma.gif) no-repeat left bottom ;
    color: #333333;
    border-bottom: 1px solid #2B9299;
}
/* mise en forme titre second niveau */
div#contenu h3
{
    margin-left: 0px ;
    padding-left: 5px ;
    font-size: 1em ;
    border-bottom: 1px solid #2B9299;
    border-left: 3px solid #2B9299;
    color: #333333;
}
.moyen_texte {
    font-size: 0.9em;
}
/* mise en forme titre second niveau */
div#contenu_24 h3
{
    margin-left: 0px ;
    padding-left: 5px ;
    font-size: 1em ;
    border-bottom: 1px solid #2B9299;
    border-left: 3px solid #2B9299;
    color: #333333;
}
div#contenu h4
{
    text-align:right;
    font-size: 0.8em ;
    color:#333333;
    }
    
.contour {
    border-top:#2B9299 solid 1px;
    border-right:#2B9299 solid 1px;
    border-bottom:#2B9299 solid 1px;
    border-left:#2B9299 solid 1px;
}

.contour_neige_date {
    border-top:#000000 solid 1px;
    border-left:#000000 solid 1px;
}
.contour_neige_heure {
    border-top:#000000 solid 1px;
    border-right:#000000 solid 1px;
    border-left:#000000 solid 1px;
}
.contour_neige_fraiche_1 {
    border:#000000 solid 1px;
}
.contour_neige_fraiche {
    border-top:#000000 solid 1px;
    border-right:#000000 solid 1px;
    border-left:#000000 solid 1px;
}

div#affichage_simple {
    padding-left: 5px ;
    padding-right: 5px ;
    padding-top: 5px ;
    padding-bottom: 5px ;
    background-color:#F4F4F4;
}

div#affichage_simple_0 {
    background-color:#F4F4F4;
}

div#affichage_carte {
    border-width:1px;
    border-style:solid;
    border-color:#2B9299
}
div#affichage_astuce {
    padding-left: 5px ;
    margin-bottom : 10px;
    border-width:1px;
    border-style:solid;
    border-color:#2B9299;
    font-size: 0.9em;   
}
div#news {
    padding-left: 5px ;
    padding-right: 5px ;
    padding-top: 5px ;
    padding-bottom: 5px ;
    background-color:#F4F4F4;
    font-size: 0.9em;
}
div#affichage_simple_24 {
    padding-left: 0px ;
    background-color:#F4F4F4;
}
div#affichage_simple big {
    font-size: 1.5em;
    color:#333333;
}
/* mise en forme des paragraphes du contenu */
div#contenu p
{
    text-align: justify ;
    text-indent: 2em ;
    line-height: 1.2em ;
}
/* mise en forme des liens du contenu */
div#contenu a
{
    color: #006699;
    text-decoration:none;
}
/* mise en forme des liens survolés du contenu */
div#contenu a:hover
{
    color: #0099CC;
}

p#footer
{
    margin: 0 ;
    padding-right: 10px ;
    line-height: 30px ;
    font-size:10px;
    text-align: center ;
    color:#999999;
}
#footer a
{
    color: #999999;
    text-decoration:none;
}
/* mise en forme des liens survolés du footer */
#footer a:hover
{
    color: #CCCCCC;
}
pre
{
    overflow: auto ;
    background: #dea ;
    border: 2px solid #9b2 ;
    padding: 5px 0 0 5px ;
    font-size: 1.2em ;
}
pre span
{
    color: #560 ;
}
pre span.comment
{
    color: #b30000 ;
}
.tableaux{
    margin-left:auto;
    margin-right:auto;

    border:none;
    max-width:600px;
    max-height:50px;
    font-size:11px;
    padding:0px;
}
.left {
    text-align:left;
    }
.center {
    text-align:center;
    }
.right {
    text-align:right;
    }
.petitTexte {
    font-size:10px;
}
.couleur_temp {
    background-color:#FFCC33;
    font-size:35px;
    font-style:bold;
}
.text-donnee {
    color: #4C838A;
}
.codeText {
    FONT-SIZE: 16px; COLOR: #000000; LINE-HEIGHT: normal; FONT-STYLE: normal; font-weight: bold; letter-spacing: 2px ; FONT-FAMILY: mistral
}
#menu_horizontal li {
    border-top:#2B9299 solid 1px;
    border-right:#2B9299 solid 1px;
    border-bottom:#2B9299 solid 1px;
    border-left:#2B9299 solid 1px;
    text-align:center;
    display : inline;
    padding : 0 1em; /* Pour espacer les boutons entre eux */
}
#gris{
    background:#F4F4F4;
}
#menu_horizontal a {
    color : #333333;
    text-decoration : none;
}
#menu_horizontal {
    margin-left:0px;
    margin-top:0px;
    margin-bottom:0px;
    display : inline;
    list-style-type : none; /* Car sinon les puces se placent n'importe où */
}
#menu_horizontal_carte li {
    font-size: 0.8em ;
    border-top:#2B9299 solid 1px;
    border-right:#2B9299 solid 1px;
    border-bottom:#2B9299 solid 1px;
    border-left:#2B9299 solid 1px;
    text-align:center;
    display : inline;
    padding : 0 1em; /* Pour espacer les boutons entre eux */
}
#menu_horizontal_carte {
    margin-left:0px;
    margin-top:0px;
    list-style-type : none; /* Car sinon les puces se placent n'importe où */
}
div#cadre {
    border-top:#2B9299 solid 2px;
    border-right:#2B9299 solid 2px;
    border-bottom:#2B9299 solid 1px;
    border-left:#2B9299 solid 1px;
    background: #F4F4F4;
    padding-left:3px;
    padding-right:3px;
    font-size: 0.9em;
}
div#cadre_adhesion {
    border-top:#2B9299 solid 1px;
    border-right:#2B9299 solid 1px;
    border-bottom:#2B9299 solid 1px;
    border-left:#2B9299 solid 1px;
    background: #FFCC00;
    padding-left:3px;
    padding-right:3px;
    font-size: 0.9em;
}
div#box_donnee_carte {
    width: 42px ;
    height:11px;
    border-right-style:solid;
    border-bottom-style:solid;
    border-color:#2B9299;
    border-right:1px;
    border-bottom:1px;
    line-height: 11px ;
    margin: 0;
    text-align: center ;
    background: #E9E9E9;
    color: #333333;
    font-size: 0.8em;
}
div#box_donnee_veille {
    width: 42px ;
    height:11px;
    border-right-style:solid;
    border-bottom-style:solid;
    border-color:#2B9299;
    border-right:1px;
    border-bottom:1px;
    line-height: 11px ;
    margin: 0;
    text-align: center ;
    background: #33CCFF;
    color: #333333;
    font-size: 0.8em;
}
div#box_donnee_radiation {
    width: 48px ;      
    height:11px;
    border-right-style:solid;
    border-bottom-style:solid;
    border-color:#2B9299;
    border-right:1px;
    border-bottom:1px;
    line-height: 11px ;
    margin: 0;
    text-align: center ;
    background: #E9E9E9;
    color: #333333;
    font-size: 0.8em;
}
div#cadre_couche {
    padding-left:3px;
    padding-right:3px;
    border-width:1px;
    border-style:solid;
    border-color:#2B9299;
    background: #E9E9E9;
    font-size: 0.9em;
}
div#sommet {
    font-size: 0.8em;
    text-align:center;
    color: #E9E9E9;
}
div#lac {
    font-size: 0.8em;
    text-align:center;
    color: #0C5CD5;
}
div#ville {
    font-size: 0.8em;
    text-align:center;
}
.entrydate .dateMonth
{
  height:14px;
  width:40px;
  text-align:center;
  font-size:12px;
  color:#000;
  margin:0;
}

.entrydate .dateDay
{
  height:17px;
  width:40px;
  text-align:center;
  font-family:Times New Roman,Helvetica,Sans-Serif;
  font-size:14px;
  font-weight:700;
  color:#000;
  margin:0;
}

.entrydate .titre
{
  height:15px;
  width:115px;
  text-align:center;
  font-size:10px;
  font-weight:700;
  color:#000;
  margin:0px;
}
.entrydate .dateHour
{
  height:15px;
  width:115px;
  text-align:center;
  font-size:10px;
  color:#000;
  margin:0;
}

.entrydate
{
  background:transparent url(../images/horloge.gif) repeat scroll 0 0;
  float:left;
  height:37px;
  margin-left:6px;
  margin-top:7px;
  width:158px;
}

.grandeur-ter {
    padding-left: 5px;
    border-left: #FFFFFF 2px solid;
}
.grandeur-quart {
    padding-left: 5px;
    font-size: 1.1em;
}
.grandeur-cinq {
    padding-left: 5px;
    border-left: #E30240 2px solid;
    font-size: 1.1em;
}
.grandeur-bis {
    padding-left: 5px;
    border-left: #FFCC00 2px solid;
    border-bottom: #FFCC00 1px solid;
    font-size: 1.1em;
}
.grandeur {
    padding-left: 5px;
    border-right: #A3BDE9 3px solid;
    border-left: #FFCC00 2px solid;
    border-bottom: #FFCC00 1px solid;
    font-size: 1.1em;
}
.bigTexte {
    font: 1.5em "Tahoma";
    color: #3C6866;
    font-weight: bold;
}
.mediumTexte {
    font: 1.2em "Tahoma";
    color: #3C6866;
    font-weight: bold;
}
.smallTexte {
    font: 1em "Tahoma";
    color: #3C6866;
    font-weight: bold;
}

