/* France Telecom : header */

#header {
   height: 111px;
   background: #EFEFEF url('../image/header/fond.png') no-repeat right;
   margin-bottom: 5px;
   *margin-bottom: 3px ;
   _margin-bottom: -4px;
}
/* Style permetant de cacher des éléments tout en les laissant visibles pour les synthèses vocales */
.invisible {
	position: absolute;
	left:-5000px;
}

/* Fin d'ajout spécifique Accessibilité */

/* Positionnement des logos / titres */

   

    #header .ft a {
       display: block;
       width:180px;
       height: 45px;   
               
    }
    
    
    #header .ft h1 { 
       position: relative;
       top: 10px;
       left: 20px;
       float: left;
       
       /* Pour éviter les conflits CSS*/
       padding: 0;
       margin: 0;
       width: 200px;
       height: 50px;   
    }

    
    /* Effacer le texte des H1 (pour faire apparaitre le logo en image de fond) */
    
    #header .ft span {
		position:absolute;
		left:0px;
		top:-500px;
		width:1px;
		height:1px;
		overflow:hidden;
	}

    #header .orange span {
		position:absolute;
		left:0px;
		top:-700px;
		width:1px;
		height:1px;
		overflow:hidden;
		
	}

  /*  #header .orange a {
       display: block;
       width: 51px;
       height: 51px;      
    }
*/

    #header .orange h1 { 
       position: relative;
       float: right;
       top: 12px;
       right: 29px;

      display: block;
       width: 51px;
       height: 51px;

      /* Pour éviter les conflits */
      padding: 0;
      margin: 0;
      width: 51px;
      

    }



/* Menu "général", newsletter, infos groupe etc. */

    #header ul.general {
       padding-left: 260px;
       padding-top: 5px;
    }

		#header ul.general li {
		   float: left;
		   padding-left: 15px;
		   padding-right: 15px;
		   background: url('../image/header/separateur_gris.png') no-repeat right;
		}
		
		#header ul.general a {
		   font-family: arial;
		   font-size: 11px;
		   color: #5D5D5D;	
		   text-decoration: none;	
		}
		
		#header ul.general a:hover {
		   text-decoration: underline;
		}

		#header .general li.last {
	        background: none;
	    }  
    
    
/* Formulaire de recherche */
    
    
    #header ul.recherche {
       padding-left: 580px;
       padding-top: 0px;
    }
	    
		#header ul.recherche li {
		   float: left;

		   
		}    
		
		#header ul.recherche select {
		   width: 130px;
		   margin-right: 5px;
		   margin-left: 15px;
		}

		#header ul.recherche input.text {
		   width: 138px;
		   		   margin-left: 10px;
		}


		#header ul.recherche input.image {
		   padding-top: 1px;
		   margin-left: 5px;
		}
    

/* Cibles : particuliers, professionnels, entreprises */

   #header ul#cibles {
       clear: both;
       margin-left: 220px;
    }
	#header ul#cibles li {
       float: left;
       height: 29px;
       display:inline;
    }
    #header ul#cibles li img {
    	float:left; /* Evite un saut de ligne entre le premier menu et le second sous IE */
    }
	
/* Menu "rubriques : internet, télévision, fixe etc. */


    /* la div sert à créer l'effet arrondi */
    #header div.onglets {
       clear: both;
       padding: 0 1px;
       background: url('../image/header/fond_menu_arrondi.png') repeat-x left top;
    }    
    #header div.onglets ul {  
       display: block;
       padding-left: 5px;
       background: #FF5A00 url('../image/header/fond_menuAccess.png') repeat-x left top;
       height: 31px;
    }
	#header div.onglets ul li {
	   display: block;
	   float: left;
	   text-align: center;
	   background: url('../image/header/separateur_orange.png') no-repeat right top;
	   padding-right: 2px;
	}
	#header div.onglets ul li.last {
	   background: none;
	}
	#header div.onglets ul li a {
	    display: block;
        color: #fff;
        float:left;
        text-decoration: none;
	    padding:8px 25px 11px 25px;
	    border-bottom: 1px solid #fff;
	}

	#header div.onglets ul li a:hover,
	#header div.onglets ul li a:active,
	#header div.onglets ul li a:focus,
	#header div.onglets ul li.selected a {
	    background: #FF890C url('../image/header/rubrique_rollover.png') repeat-x left bottom;   
		border-color: #7E1200;
	}