body {
  margin: 0;
  background-color: #ebeff8;
  /*background-image: url('../img/fond_barre.jpg');*/
  background-position: top;
  background-repeat: repeat-x;
  font-family: verdana;
  font-size: 11px;
  text-align: justify;
}

a {
  color: #677eb0;
  text-decoration: none;
}

#tv77_main {
  height: 15px;
  background-color: black;
  border-bottom: 1px solid silver;
  border-right: 1px solid silver;
  color: silver;
  padding: 5px;
  font-size: 11px;
  text-align: center;
}

#tv77_main a{
  font-family: Verdana;
  color: silver;
  padding: 5px;
  text-decoration: none;
  font-weight: bold;
}

#tv77_main a:hover{
  color: white;
  padding: 5px;
  background-color: gray;
}

#header {
  width: 1141px;
  height: 149px;
  margin: auto;
  background-image: url('http://www.tourisme77.tv/img/fond_top_mini.jpg');
  background-position: top left;
  background-repeat: repeat-x;
  position: relative;
}

#pub_top {
  position: absolute;
  top: 30px;
  left: 270px;
}

#position {
  width: 1141px;
  margin: auto;
}

#barre {
  background-color: #445a8c;
  height: 30px;
  border-left: 1px solid white;
  border-right: 1px solid black;
  width: 980px;
  margin: auto;
}

#page {
  border: 1px solid black;
  border-top: 1px solid #445a8c;
  border-right: 1px solid #445a8c;
  background-color: white;
  width: 980px;
  margin: auto;
}

#contenu {
  float: left;
  padding: 5px;
  width: 730px;
}

#col_gauche {
  float: left;
  width: 405px;
  padding: 5px;
}

#col_centre {
  float: left;
  width: 300px;
  padding: 5px;
}

#col_droite {
  float: right;
  width: 220px;
  padding: 5px;
  background-color: #445a8c;
}

.spacer {
  clear: both;
}

.element_menu_top {
  float: left;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid silver;
  border-right: 1px solid #445a8c;
  background-color: #677eb0;
  height: 20px;
    
}

.element_menu_top:hover {
  background-color: #899fce;
}

.element_menu_top a {
  color: white;
  text-decoration: none;
  font-weight: normal;
  font-size: 12px;
}

.onglet_menu {
  width: 210px;
  border-bottom: 1px solid silver;
  text-align: center;
  color: white;
  font-family: verdana;
  font-size: 11px;
  padding: 3px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.onglet_menu a, .onglet_menu a:hover {
  text-decoration: none;
  color: white;
}

.onglet_menu:hover {
  background-color: #899fce;
}

.ombre {
  width: 300px;
  text-align: right;
}

#bottom {
  width: 970px;
  margin: auto;
  margin-top: 10px;
  padding: 5px;
  color: gray;
  border: 1px solid gray;
  font-size: 10px;
}

#bottom a {
  font-weight: bold;
  color: gray;
}

#bottom a:hover {
  color: black;
}

.flux_tourisme {
  padding: 5px;
}

.flux_tourisme a {
  font-size: 10px;
  color: gray;
  text-decoration: none;
}

.flux_tourisme a:hover {
  font-size: 10px;
  color: black;
}

.flux_actus {
  padding: 5px;
}

.flux_actus a {
  text-decoration: none;
}

.flux_actus a:hover {
  text-decoration: none;
  color: gray;
}

.cadre_contenu {
  font-size: 11px;
  color: black;
  padding: 5px;
  width: 650px;
}

.element_flux {
  border: 1px solid white;
  border-bottom: 1px solid silver;
  padding: 5px;
  text-decoration: none;
}

.element_flux:hover {
  border: 1px solid #9060ac; 
}

.titre_blanc {
  color: white;
  font-size: 20px;
  text-decoration: none;
  font-weight: normal;
  text-align: center;
}

.titre,  .titre a, .titre a:hover {
  color: #9060ac;
  font-size: 20px;
  text-decoration: none;
  font-weight: normal;
}

.titre a:hover {
  text-decoration: underline;
}

.soustitre {
  color: #445a8c;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 5px;
  border-left: 7px solid #9060ac;
  padding-left: 10px;
}

.texte {
  font-weight: normal;
  text-decoration: none;
}

.gmap_large {
  border: 1px solid black;
  margin: 10px;
}  

.map_canvas {
  border: 1px solid black;
  width: 720px;
  height: 800px
}

.map_canvas_office {
  border: 1px solid black;
  width: 720px;
  height: 400px
}


.meteo {
}

.meteo_jour {
  float: left;
  text-align: center;
  padding: 2px;
  border-right: 1px solid #677eb0;
  color: white;
}

.meteo_choix_ville {
  color: white;
  text-align: center;
  padding: 10px;
}

.meteo_choix_ville input, .meteo_choix_ville select {
  width: 160px;  
  border: 1px solid #445a8c;
  margin-bottom: 5px;
  color: #445a8c;
  font-weight: bold;
}

.meteo_choix_ville input[type=submit] {
  width: 30px;
  color: white;
  border: 1px solid white;
  background-color: #677eb0;
}

.meteo_choix_ville input[type=submit]:hover {
  color: white;
  border: 1px solid white;
  background-color: #445a8c;
}

.carre {
  width: 10px;
  height: 10px;
  background-color: #9060ac;
  float: left;
}

.troisliensvideo {
  background-color: #d9e2f5;
  border: 1px solid #5971af;
  padding: 5px;
  margin-top: 5px;
}

.ligne_troisliensvideo {
  border-bottom: 1px solid white;
  padding-bottom: 5px;
  padding-top: 5px;
}

.ligne_troisliensvideo:hover {
  background-color: #b2c0de;
}

.ligne_troisliensvideo .titre_video {
  color: #445a8c;
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: normal;
}

.ligne_troisliensvideo a {
  text-decoration: none;
  font-weight: normal;
}

#grosplan {
  background-color: #445a8c;
  color: white;
  padding: 5px;
  position: relative;
}

#grosplan a {
  color: white;
}

#grosplan .transparent{
  background-color: #000;
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  opacity: 0.7;
  -khtml-opacity: 0.7;
  width: 385px;
  height: 120px;
  z-index: 2;
  position: absolute;
  top: 170px;
  left: 10px;
}

#grosplan .texte{
  border-top: 1px solid white;
  width: 370px;
  height: 130px;
  z-index: 3;
  position: absolute;
  top: 170px;
  padding: 10px;
  color: silver;
  font-weight: bold;
  text-align: left;
}

#grosplan .titre{
  color: white;
}

.image_grosplan {
  border: 1px solid white;
}

.date_evenement {
  color: gray;
  font-style: italic;
}

.player_video {
  margin: 10px;
  width: 640px;
  border: 1px solid black;
}

.titre_gris {
  color: gray;
  font-size: 16px;
}

.gmap_large {
  border: 0;
}

#pub_carre {
  border: 1px solid black;
  width: 300px;
  height: 250px;
}

.cadre_video {
  float: left;
  width: 220px;
  height: 190px;
  text-align: center;
  border: 1px solid silver;
  padding: 3px;
  margin: 3px;
}

.cadre_video .border_video {
  border: 1px solid black;
}

.cadre_video:hover {
  background-color: #E1E1E1;
}

.cadre_video .titre_video {
  color: #445a8c;
  height: 30px;
  font-size: 14px; 
  margin-bottom: 10px;
}

.cadre_video a, .cadre_video a:hover {
  text-decoration: none;
  border: 0;
}

#recherche_adresse {
  padding: 5px;
  margin: 5px;
  font-size: 10px;
  color: gray;
  border: 1px solid silver;
  width: 720px;
}

#recherche_adresse .panneau, #recherche_adresse .moteur {
  float: left;
  padding: 10px;
}  

#recherche_adresse .moteur {
  width: 500px;
}

#recherche_adresse input {
  border: 1px solid #445a8c;
  color : #445a8c;
  font-weight: bold;
  width: 300px;
}

#recherche_adresse input[type=submit] {
  width: 150px;
}

#recherche_principale {
  margin: 5px;
  padding: 5px;
  text-align: center;
}

#recherche_principale input {
  width: 190px;  
  border: 1px solid #445a8c;
  margin-bottom: 5px;
  color: #445a8c;
  font-weight: bold;
}

#recherche_principale input[type=submit] {
  color: white;
  border: 1px solid white;
  background-color: #677eb0;
}

#recherche_principale input[type=submit]:hover {
  color: white;
  border: 1px solid white;
  background-color: #445a8c;
}

.border_image_blanc {
  border: 1px solid white;
}

.cadre_categorie {
  border: 1px solid gray;
  color: gray;
  font-size: 22px;
  padding: 5px;
  margin: 5px;
  text-align: center;
  background-color: #F1F1F1;
}

.formulaire {
  background-color: #e8ecf3;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 650px;
  margin: 10px;
  margin-left: 50px;
}

.form_label {
  float: left;
  width: 200px;
  text-align: right;
  padding: 5px;
  height: 20px;
  color: #650252;
}

.form_input, .form_textarea {
  float: left;
  width: 400px;
  padding: 5px;
  height: 20px;
}

.form_textarea {
  height: 220px;
}

.form_input input {
  border: 1px solid gray;
  width: 350px;
}

.form_textarea textarea {
  border: 1px solid gray;
  width: 350px;
  height: 200px;
}

.form_input select {
  border: 1px solid gray;
}

.bouton_formulaire {
  width: 300px;
  border: 1px solid gray;
  background-color: #677eb0;
  padding: 4px;
}

.petit {
  color: gray;
  font-size: 10px;
  text-align: justify;
}

.explication {
  color: gray;
  border: 1px solid gray;
  padding: 5px;
  margin: 10px;
  text-align: center;
  font-size: 13px;
}