/**
 * satellite-tete.css
 * Styles spécifiques à la tête des sites satellites.
 */

.tete-site {
  position : relative;
  color : #fff;
  background : #000;
}

.tete-site .label {
  font-size : .6825em;
  font-weight : bold;
  text-transform : uppercase;
}

/**
  * .conteneur-tete-site
  */

.conteneur-tete-site {
  position : relative;
  width : 960px;
  margin : 0 auto;
  z-index:3000;
}

/**
  * .haut-tete-site
  */

.haut-tete-site {
  position : relative;
  z-index : 1;
  float : right;
  margin : 0 0 18px 0;
}

/**
  * .acceder
  */

.acceder {
  float : left;
  padding : 10px 16px 0;
}

.lien-acceder {
  font-size : .6825em;
  font-weight : bold;
  text-decoration : none;
}

.lien-acceder + .lien-acceder:before {
  content : "-\00A0";
  letter-spacing : -.1em;
}

.lien-acceder span {
  text-decoration : underline;
}

.lien-acceder:hover span {
  text-decoration : none;
}

/**
  * .outils
  */

.outils {
  padding : 10px 10px 2px 14px;
  float : left;
  border-left : 1px dashed #fff;
}

.outils .label {
  float : left;
  margin : 2px 8px 0 0;
}

/**
  * #form-recherche
  */

#form-recherche { 
  float : left;
}

#champ-requete { 
  display : block;
  float : left;
  width : 96px;
  height : 16px;
  padding : 0 6px 0 22px;
  font-size : .6875em;
  line-height : 16px;
  border : none;
  border-radius : 4px 0 0 4px;
  background : #fff url(../images/satellite-commun/loupe.png) 8px 3px no-repeat;
}

#champ-requete::-webkit-input-placeholder {
  font-size : .91em;
  color : #222;
}
#champ-requete::-moz-placeholder {
  font-size : .91em;
  color : #222;
}

#champ-requete:focus {
  outline : none;
}

#bouton-rechercher {
  display : block;
  float : left;
  height : 16px;
  padding : 0 3px;
  font-size : .625em;
  font-weight : bold;
  line-height : 16px;
  text-transform : uppercase;
  background : #f2b23d;
  border : 0;
  border-radius : 0 4px 4px 0;
  -webkit-transition : .2s color ease;
  -moz-transition : .2s color ease;
  -o-transition : .2s color ease;
  -ms-transition : .2s color ease;
  transition : .2s color ease;
}

#bouton-rechercher:hover {
  color : #927135;
}

/**
  * #liste-langues
  */

#liste-langues {
  position : relative;
  z-index : 1;
  float : left;
  margin : 1px 0 0 8px;
  width : 47px;
  height : 13px;
  overflow : hidden;
}

#liste-langues:hover {
  overflow : visible;
}

#liste-langues:before {
  content : "";
  position : absolute;
  top : 4px;
  right : 0;
  display : block;
  width : 9px;
  height : 5px;
  background : url(../images/satellite-commun/fleches.png) 0 -15px;
}

#liste-langues:hover:before {
  content : " ";
  background-position : 0 -25px;
}

.element-langue {
  -webkit-box-sizing : content-box;
  -moz-box-sizing : content-box;
  box-sizing : content-box;
  position : relative;
  z-index : -1;
  display : block;
  width : 36px;
  height : 13px;
  padding : 0 0 0 22px;
  font-size : .625em;
  text-decoration : none;
  text-transform : uppercase;
  border-bottom : 3px solid #000;
  background : #000;
  -webkit-transition : .2s color ease;
  -moz-transition : .2s color ease;
  -o-transition : .2s color ease;
  -ms-transition : .2s color ease;
  transition : .2s color ease;
}

.element-langue + .element-langue {
  margin-left : -3px;
  border : 3px solid #000;
}

.element-langue + .element-langue:hover {
  color : #f2b23d;
}

.drapeau-fr {
  background : #000 url(../images/satellite-commun/drapeau-fr.png) 0 0 no-repeat;
}

.drapeau-en {
  background : #000 url(../images/satellite-commun/drapeau-en.png) 0 0 no-repeat;
}

/**
  * #identite-tete-site
  */

#identite-tete-site {
  position : relative;
}

#identite-tete-site img {
  display : block;
}

#logo-site {
  position : relative;
  width : 820px;
  min-height : 88px;
  overflow : hidden;
}

#logo-site * {
	font-family: 'UniversLTStd47LightCondensed' !important;
  	line-height: 1.25;
}

#sigle-site {
	position : absolute;
	top: 15px;
	width : 130px;
	min-height: 88px;
}

#sigle-site a {
	text-decoration: none;
}

#sigle-site span {
    font-size : 60px;
    font-weight : bold;
}

#nom-site {
	position: absolute;
	left: 180px;
	top: 0px; 
	width: 600px;
	font-size : 36px;
}

#nom-site span {
	font-weight: bold;
}

#nom-site i {
	display: block;
	text-decoration: italic;
	text-align: right;
}

#logo-mines {
  float : right;
  position : absolute;
  right : 0;
  bottom : 0;
  height : 87px;
  overflow : hidden;
}

/**
  * .bandeau-tete-site
  */

.bandeau-tete-site {
  width : 960px;
  height : 134px;
  margin : 20px 0 0;
  overflow : hidden;
}

/**
  * .nav-principale
  */

#tete #menu-conteneur {
  margin : 18px 0 0;
}

#tete #menu {
  padding :  0 0 12px 0;
  float:left;
}

#tete #menu div {
  float:left;
  position:relative;
  margin-right:34px;
}

#tete #menu div span a {
  display:block;
  color:#FFFFFF;
  font-size:14px;
  font-weight:bold;
  padding-bottom:2px;
  text-decoration:none;
  text-transform:uppercase;
  border-bottom:solid 8px #787878;
}

#tete #menu div span a:hover,
#tete #menu div.actif span a {
  color:#F8B740;
  border-bottom-color:#F8B740;
}

#tete #menu div ul {
  left:0;
  top:24px;
  display:none;
  z-index:4000;
  list-style:none;
  position:absolute;
  padding:11px 5px 7px 5px;
  background-color:#3e3e3f;
}

#tete #menu div ul li a {
  display:block;
  color:#C1C1C1;
  font-size:11px;
  padding:0 0 0 10px;
  white-space:nowrap;
  text-decoration:none;
  background-position:0 5px;
  background-repeat:no-repeat;
  background-image:url(../images/satellite-commun/puce-plus-gris.gif);
}

#tete #menu div ul li a:hover {
  color:#F8B740;
  background-image:url(../images/satellite-commun/puce-plus-ocre.gif);
}

/**
  * #visuel-tete-site
  */

#visuel-tete-site {
  position : absolute;
  bottom : 0;
  left : 50%;
  margin-left : -480px;
}

#visuel-tete-site img {
  display : block;
  margin-left : -267px;
}