/**Propriétés des Balises**/
body{
  background-color: #747679;
  margin: 0 0 0 0;
  font-family: Trebuchet MS;
  font-size: 12px;
  text-align: center;
  padding: 0 0 0 0;
}
a{
  text-decoration: none;
  color: #1b232a;
}
a:hover{
  color: #36424a;
}
img{
  border: none;
}
input{
  vertical-align: middle;
}
p{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

/**Propriétés Générales**/
a.icons{
  padding-left: 26px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
}
a.next{
  padding-left: 0px;
  padding-right: 26px;
  background-image: url('../img/right.jpg');
  background-position: right;
  background-repeat: no-repeat;
}
a.prev{
  background-image: url('../img/left.jpg');
  background-repeat: no-repeat;
}
a.icon{
  padding: 0 0 2px 21px;
}
div.row{
  height: 25px;
  display: block;
  clear: both;
  margin: 0 auto 0 auto;
}
  span.label{
    float: left;
    width: 100px;
    text-align: right;
    padding: 4px 10px 0 0;
  }
  span.champ{
    float: left;
  }
.both{
  clear: both;
  height: 0px;
  line-height: 0;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.justify{
  display: block;
  text-align: justify;
}

.car{
  background-image: url('../img/icons/car.png');
  background-repeat: no-repeat;
}
.email{
  background-image: url('../img/icons/email.png');
  background-repeat: no-repeat;
}
.modifier{
  background-image: url('../img/icons/page_edit.png');
  background-repeat: no-repeat;
}
.printer{
  background-image: url('../img/icons/printer.png');
  background-repeat: no-repeat;
}
.supprimer{
  background-image: url('../img/icons/delete.png');
  background-repeat: no-repeat;
}
.telephone{
  background-image: url('../img/icons/telephone.png');
  background-repeat: no-repeat;
}
.world_go{
  background-image: url('../img/icons/world_go.png');
  background-repeat: no-repeat;
}


/**Drapeaux des langues**/
div#language{
  width: 965px;
  margin: 5px auto 0 auto;
  text-align: right;
  padding: 0 10px 0 0;
}

span.comportement{
  line-height: 0px;
}

/**Propriétés des Blocs**/
div#container{
  width: 975px;
  background-image: url('../img/fond.jpg');
  background-repeat: repeat-y;
  margin: 0 auto 0 auto;
  padding: 10px 0 10px 0;
}
  /**En-tête de page**/
  div#header{
    width: 975px;
    height: 120px;
    background-image: url('../img/bandeau.jpg');
    background-repeat: repeat-x;
    margin: 0 0 0 0;
    text-align: left;
  }
    div#logo{
      float: left;
      margin: 0 0 0 20px;
    }
    div#baseline{
      float: right;
      margin: 88px 20px 0 0;
      text-align: right;
    }
  /**Contenu de la page**/
  div#content{
    padding: 10px 20px 10px 20px;
  }
    div#groupe{
      float: left;
      width: 150px;
      margin: 0 10px 0 78px;
    }
    div#societes{
      float: left;
      width: 550px;
      margin: 0 auto 0 70px;
    }
    div#centrale{
      width: 781px;
      margin: 10px auto 0 auto;
    }
    div.page{
      float: left;
      width: 775px;
    }
      div.page span{
        line-height: 1.3em;
        padding: 0 10px 0 10px;
      }
	    div.page span.justify{
        color: #8f8f8f;
      }
      div.page span.img{
        display: block;
        text-align: center;
      }
      div.page strong{
        font-size: 13px;
      }
    div#tab_onglets{
      text-align: center;
      margin: 0 0 10px 0
    }
    a.tab_onglet{
      height: 20px;
      background-color: #d7d7d7;
      border-color: #36424a;
      border-width: 1px;
      border-style: solid;
      margin: 0 0 10px 10px;
      font-weight: bold;
      padding: 2px 5px 2px 5px;
    }
    h1.titre{
      width: 100%;
      height: 19px;
      background-image: url('../img/titre.jpg');
      background-repeat: repeat-x;
      margin: 0 0 10px 0;
      color: white;
      font-family: Trebuchet MS;
      font-size: 14px;
      font-weight: normal;
      font-style: italic;
      letter-spacing: 0.1em;
      padding: 1px 0 0 0;
    }
    h1.titre-galactic{
      width: 100%;
      height: 19px;
      background-image: url('../img/titre-galactic.jpg');
      background-repeat: repeat-x;
      margin: 0 0 1px 0;
      color: black;
      font-family: Trebuchet MS;
      font-size: 14px;
      font-weight: normal;
      font-style: italic;
      letter-spacing: 0.1em;
      padding: 1px 0 0 0;
    }
    span.prev{
      display: block;
      float: left;
    }
    span.next{
      display: block;
      float: right;
    }
    div.societe{
      /*cursor: pointer;*/
    }
    div#groupepronuptia{
      width: 150px;
      height: 450px;
      background-image: url('../img/groupepronuptia.jpg');
      background-repeat: repeat-y;
      float: left;
      margin: 0 0 0 0;
      cursor: pointer;
    }
    div#complicite{
      width: 150px;
      height: 450px;
      background-image: url('../img/complicite.jpg');
      background-repeat: repeat-y;
      float: left;
      margin: 0 50px 0 0;
    }
    div#pointmariage{
      width: 150px;
      height: 450px;
      background-image: url('../img/pointmariage.jpg');
      background-repeat: repeat-y;
      float: left;
      margin: 0 50px 0 0;
    }
    div#pronuptia{
      width: 150px;
      height: 450px;
      background-image: url('../img/pronuptia.jpg');
      background-repeat: repeat-y;
      float: left;
    }
   div#galactic{
      width: 781px;
      height: 60px;
      background-image: url('../img/galactic.jpg');
      background-repeat: repeat-y;
      margin: 0 0 0 0;
      text-align: left;
    }
	 div#galerie{
      width: 781px;
      height: 100px;
	  background-image: url('../img/gal.jpg');
	  background-color:#666666;
	  margin: 0 0 0 0;
      background-repeat: repeat-y;
      text-align: left;
    }
      .logo-galactic{
        float: left;
        margin: 0 0 0 41px;
      }
      .connexion-galactic{
        float: left;
        margin: 0 0 0 10px;
        line-height: 1.6em;
      }
    .logo-societe{
      display: block;
      background-color: white;
      margin: 2px 0 0 0;
    }
    .liens-logo-societe{
      display: none;
      font-size: 14px;
    }
      .liens-logo-societe a{
        text-decoration: underline;
      }
    .logo-societe-page{
      display: block;
      margin: 30px 0 0 0;
    }
    div.onglet{
      height: 60px;
      width: 150px;
      background-repeat: repeat-x;
      float: left;
      margin: 0 0 10px 10px;
      padding: 10px 0 10px 0;
    }
    .groupepronuptia{
      background-image: url('../img/fondgroupepronuptia.jpg');
    }
    .complicite{
      background-color: #000000;
    }
    .pointmariage{
      background-color: #6d1f7d;
    }
    .pronuptia{
      background-color: #747679;
    }
    .galactic{
      background-color: #fe6114;
    }
    div#map_canvas {
      float: right;
      border:1px solid #6B6E75;
      height:400px;
      width:490px;
    }
  /**Pied de page**/
  div#footer{
    width: 975px;
    height: 25px;
    background-image: url('../img/footer.jpg');
    background-repeat: repeat-x;
    margin: 0 0 0 0;
    color: white;
    font-size: 11px;
  }
    div#footer span{
      display: block;
      padding: 5px 0 5px 0;
    }
    div#footer a{
      color: #ffffff;
    }
    div#footer a:hover{
      color: #b7b7b7;
    }
  /**Liens vers les sites des sociétés**/
  div#liens-sites{
   margin: 10px auto 0 auto;
   color: white;
  }
    div#liens-sites a{
      color: white;
    }
    div#liens-sites a:hover{
      color: #36424a;
    }
  /**Contenu de la balise home**/
  div#home{
    background-color: #4f5d66;
    margin: 0 auto 0 auto;
    padding: 10px 0 10px 0;
    font-size: 14px;
    text-align: center;
    color: white;
    display: none;
  }
    div#home span{
      display: block;
      margin: 0 auto 0 auto;
    }
    div#home img{
      vertical-align: baseline;
    }
    div#home a{
      text-decoration: none;
      color: white;
    }
    div#home a:hover{
      color: #747679;
    }
