body {
  text-align: center;
  background-color:#ffdc4f;
}

#banniere { 
  margin-left: auto; 
  margin-right: auto;
  margin-bottom:10px;
  width: 950px;
  height: 180px;
  background-image: url(https://meteo-regionale-ovh.preview-domain.com/images/banniere.png);
  background-repeat: no-repeat;
  border:1px solid #9FC6FF;
  padding:10px;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}

#banniere .lien { 
  margin-left: auto; 
  margin-right: auto;
  margin-top:147px;
  width: 500px;
  height: 10px;
  border:0px solid #9FC6FF;
  padding:10px;
}

#banniere .bouton {
  background:url(https://meteo-regionale-ovh.preview-domain.com/images/menu/menu2.png);
  background-repeat: no-repeat;
  border:none;
  text-align: center;
  padding-top: 10px;
  cursor:pointer;
  height:30px;
  width:110px;
}

#banniere .bouton a {
display:block;
text-decoration: none;
}

#banniere .bouton:hover {
  background:url(https://meteo-regionale-ovh.preview-domain.com/images/menu/menu_hover2.png);
  background-repeat: no-repeat;
  border:none;
  text-align: center;
  padding-top: 10px;
  cursor:pointer;
  height:30px;
  width:110px;
}

#banniere .bouton:active {
  background:url(https://meteo-regionale-ovh.preview-domain.com/images/menu/menu_active2.png);
  background-repeat: no-repeat;
  border:none;
  text-align: center;
  padding-top: 10px;
  cursor:pointer;
  height:30px;
  width:110px;
}

#menu { 
  margin-left: auto; 
  margin-right: auto;
  margin-bottom:10px;
  text-align: center;
  width: 960px;
  background-color:#E4EFFF;
  border:1px solid #9FC6FF;
  padding:5px;
  /*arrondir les coins en haut � gauche et en bas � droite*/
  border-radius:10px; 
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}

#menu .bouton {
  background:url(https://meteo-regionale-ovh.preview-domain.com/images/menu/menu.png);
  background-repeat: no-repeat;
  border:none;
  text-align: center;
  padding-top: 20px;
  cursor:pointer;
  height:42px;
  width:110px;
}


#menu .bouton a {
display:block;
}

#menu .bouton:hover {
  background:url(https://meteo-regionale-ovh.preview-domain.com/images/menu/menu_hover.png);
  background-repeat: no-repeat;
  border:none;
  text-align: center;
  padding-top: 20px;
  cursor:pointer;
  height:42px;
  width:110px;
}

#menu .bouton:active {
  background:url(https://meteo-regionale-ovh.preview-domain.com/images/menu/menu_active.png);
  background-repeat: no-repeat;
  border:none;
  text-align: center;
  padding-top: 20px;
  cursor:pointer;
  height:42px;
  width:110px;
}

#contenu { 
  margin-left: auto; 
  margin-right: auto;
  margin-bottom:10px;
  width: 960px;
  background-color:#E4EFFF;
  border:1px solid #9FC6FF;
  padding:5px;
  /*arrondir les coins en haut � gauche et en bas � droite*/
  border-radius:10px; 
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}

#pied { 
  margin-left: auto; 
  margin-right: auto;
  margin-bottom:10px;
  width: 960px;
  background-color:#E4EFFF;
  border:1px solid #9FC6FF;
  padding:5px;
  /*arrondir les coins en haut � gauche et en bas � droite*/
  border-radius:10px; 
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}

#connexion {
  background:url(https://meteo-regionale-ovh.preview-domain.com/images/form.png);
  background-repeat: no-repeat;
  height:329px;
  width:348px;
}

#connexion .champ {
  background:url(https://meteo-regionale-ovh.preview-domain.com/images/champs.png);
  border:none;
  font-family:verdana;
  font-size:11px;
  margin-right:10px;
  text-indent:5px;
  height:45px;
  width:259px;
}

#connexion .bouton {
  background:url(https://meteo-regionale-ovh.preview-domain.com/images/submit.png);
  border:none;
  cursor:pointer;
  height:54px;
  width:261px;
}

#connexion .bouton:hover {
   background:url(https://meteo-regionale-ovh.preview-domain.com/images/submit1.png);
  border:none;
  cursor:pointer;
  height:54px;
  width:261px;
}

#connexion .bouton:active {
  background:url(https://meteo-regionale-ovh.preview-domain.com/images/submit2.png);
  border:none;
  cursor:pointer;
  height:54px;
  width:261px;
}

#calendrier_A { 
  margin-left: 570px; 
  margin-right: auto;
  margin-top: 0px;
  width: 120px;
  height: 120px;
  border: 0px solid black;
}

#calendrier_B { 
  margin-left: 620px; 
  margin-right: auto;
  margin-top: -96px;
  width: 120px;
  height: 120px;
  border: 0px solid black;
}

#calendrier_C { 
  margin-left: 540px; 
  margin-right: auto;
  margin-top: -70px;
  width: 160px;
  height: 100px;
  border: 0px solid black;
}

#recherche { 
  margin-left: auto; 
  margin-right: auto;
  margin-top: -60px; 
  text-align: center;
  border: 0px solid black;
}

#resultat { 
  margin-left: auto; 
  margin-right: auto;
  margin-top: 50px; 
  text-align: left;
  background-color: white;
  border: 0px solid black;
}

#texte { 
  margin-left: auto; 
  margin-right: auto;
  margin-top: 50px; 
  text-align: left;
  background-color: white;
  border: 0px solid black;
}

#meteo_onglet { 
  position: absolute;
  margin-left: 150px; 
  margin-right: auto;
  margin-top: 80px;
  height: 50px;
  width: 200px;
  background-image: url(https://meteo-regionale-ovh.preview-domain.com/images/meteo_onglet.png);
  background-repeat: no-repeat;
  border: 0px solid black;
}

#meteo { 
  position: relative;
  margin-left: auto; 
  margin-right: auto;
  margin-top: 120px;
  height: 120px;
  width: 450px;
  text-align: center;
  padding: 25px 12px 0 12px;
  background-image: url(https://meteo-regionale-ovh.preview-domain.com/images/meteo_fond.png);
  background-repeat: no-repeat;
  border: 0px solid black;
}


#titre { 
  margin-left: auto; 
  margin-right: auto;
  margin-top: 50px; 
  text-align: center;
  background-color: white;
  border: 0px solid black;
}

#description { 
  margin-left: auto; 
  margin-right: auto;
  margin-top: -5px; 
  text-align: left;
  background-color: white;
  border: 0px solid black;
}

#messages { 
  margin-left: 20px; 
  margin-right: 20px;
}

#Ephemeride { 
  margin-left: auto; 
  margin-right: auto;
  background-image: url(https://meteo-regionale-ovh.preview-domain.com/images/Ephemeride.png);
  background-repeat: no-repeat;
  border: 1px solid black;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}

#IDF { 
  margin-left: auto; 
  margin-right: auto;
  margin-top: 50px; 
  text-align: center;
  border: 1px solid black;
}

#Cellule { 
  margin-left: auto; 
  margin-right: auto;
  text-align: center;
  border: 1px solid black;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}

#Fond { 
  background-color:#e5effd;
  margin-left: auto; 
  margin-right: auto;
  text-align: center;
  width: 60px;
  height: 60px;
  border: 1px solid black;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}

#Fond_live { 
  background-color:#e5effd;
  margin-left: none; 
  margin-right: none;
  text-align: center;
  width: 35px;
  height: 35px;
  border: 1px solid black;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}

#Temperature { 
   margin-left: auto; 
  margin-right: auto;
  text-align: center;
  width: 60px;
  height: 60px;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}


#IDF_tendance { 
  margin-left: auto; 
  margin-right: auto;
  margin-top: 0px; 
  text-align: midle;
  border: 0px solid black;
}

#IDF_cellule { 
  border-collapse:collapse;
  border-width:1px; 
  border-style:solid; 
  border-color:black;
}

#panel_video { 
  margin-left: auto; 
  margin-right: auto;
  margin-top: 50px; 
  text-align: left;
  border: 1px solid black;
}

#cadreblog {
  margin-top: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
  text-align: justify;
}

#blog_contenu{
    padding:0px;  
    overflow:hidden;
	margin: 1em 0;
}

#blog_colonne_gauche {
  border: 1px solid black;
  float: left;
  width: 200px;
  margin: 1em 0;
}

#blog_colonne_gauche_contenu {
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 10px;
}

#blog_colonne_centre {
  border: 0px solid black;
  float: left;
  width: 700px;
  margin: 1em 0;
  margin-left: 15px;
}

#blog_colonne_centre_contenu {
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}

#cadreblog {
  margin-top: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
  text-align: justify;
}

#accueil_contenu{
    padding:0px;  
    overflow:hidden;
	margin: 1em 0;
}

#accueil_colonne_gauche {
  border: 1px dotted;
  float: left;
  width: 200px;
  margin: 1em 0;
}

#accueil_colonne_gauche_contenu {
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 10px;
}

#accueil_colonne_centre {
  border: 1px dotted;
  text-align: center;
  float: left;
  width: 700px;
  margin: 1em 0;
  margin-left: 15px;
}

#accueil_colonne_centre_contenu {
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}

a:link { font-weight:bold; color: black;}
a:visited { color: black; }
a:hover { color: red; text-decoration: none; }
a, a:hover { text-decoration: none; }

a img{
  border:  none;
}

.observation {
    width : 100%;
    height : 30px;
    overflow : auto;
}

input,select,textarea{
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px
}

input[type=text] 
{ 

}

a img{
  border:  none;
}

.scoll {
    width : 100%;
    height : 250px;
    overflow : auto;
}

.scoll_tendance {
    width : 100%;
    height : 100px;
    overflow : auto;
}

.scoll_vigilance {
    width : 100%;
    height : 20px;
    overflow : auto;
}

.scoll_globale {
    width : 100%;
    height : 675px;
    overflow : auto;
}