body{
    margin:0px;
}
.main_container{

}
.lang select{
    background-color:black;
    color:white;
    border-color:#87B210;
}

.lang option{
    background-color:black;
    color:white;
}

/*BANNIERE*/
.head{
    position:absolute;
    background-image:url("img/BanSFR.png");
    /* background-size:100% 200px; */
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    height:260px;
    cursor:pointer;
    /*position:top;*/
    padding:0px;
    cursor:default;
}
#imgBack{
    background-image:url("");
    background-size:100% 100%;
    width:278px;
    height:200px;
    position:relative;
    margin-bottom:20px;
    margin-right:20px;
    left:78%;
    z-index:0;
    
}
#textAccueil{
    
    color:#000000;
    font-size:18px;
}
 
.logo{
    background-image:url("");
    margin-top:20px;
    background-repeat:no-repeat;
    margin-left:18%;    
    width:250px;
    height:150px;
    cursor:pointer;
    float:left;
}

.lang{
    float:right;
    color:black;
    padding-right:10px;
    padding-top:50px;
    display:block;
    padding-top:2%;
}

.connect{
    color:#87B210;
    font-weight:bolder;    
    font-size:14px;
    font-style:normal;
    float:right;
    padding-right:20px;
    padding-top:10px;
    min-width:17%;
    padding-left:30px;
    padding-right:0;

}

.lienDeco{
    
    font-weight:bold;
    color:#ffffff;
}
.nomConnect{
    color:white;
    font-style:italic;
}

#menu2
{
    width:900px;
    margin-left:auto;
    margin-right:auto;
    position:inherit;
    top:140px;
    left:18%;
}

#ongletAccueil{
    background-image:url("./img/home_so.png");
    background-repeat:no-repeat;
    background-position:left center;
    width:93px;
    height:50px;
    color:#535f6a;
    font-family:Arial,Helvetica,sans-serif;  
    padding:1px;
    font-size:13px;
    font-style:normal;
    vertical-align:middle;
    font-weight:bold;
    margin-right:30px;
}

#ongletAccueil:hover{
    background-image:url("./img/home_so_hover2.png");
    background-repeat:no-repeat;
    background-position:left center;
    color:white;
    font-family:Arial,Helvetica,sans-serif;
}


#onglet{
    background-image:url("./img/background_menu.png");
    background-repeat:no-repeat;
    margin-right:30px;
    width:110px;
    height:50px;
    color:#535f6a;
    font-family:Arial,Helvetica,sans-serif;  
    padding:3px 3px 0px 3px;
    font-size:13px;
    font-style:normal;
    vertical-align:middle;
    font-weight:bold;
}

#onglet:hover{
    background-image:url("./img/background_menu3.png");
    background-repeat:no-repeat;
    background-position:left center;
    color:white!important;
    font-family:Arial,Helvetica,sans-serif;
}

#L1 {
    background-image:url("./img/background_menu.png");
    background-repeat:no-repeat;
    margin-right:30px;
    width:112px;
    height:50px;
    color:#535f6a;
    font-family:Arial,Helvetica,sans-serif;  
    padding:10px 3px 0px 3px;
    font-size:13px;
    font-style:normal;
    vertical-align:middle;
    font-weight:bold;
}

#L1:hover{
    background-image:url("./img/background_menu3.png");
    background-repeat:no-repeat;
    background-position:left center;
    color:white!important;
    font-family:Arial,Helvetica,sans-serif;
}

.paragraphe{
    color:black!important;    
    font-size:16px;
    font-weight:bold;
}

.note{    
    /*color: #828282;*/
    font-size:11px;
}
/*/////////////////////////////////////////*/


.img{
	list-style:none;
	border:8px solid #dddddd;
	border-radius:5px;
	display:block;
	-moz-transform:scale(0.9);
	-moz-transition-duration:0.3s;
	-chrome-transform:scale(0.9);
	-chrome-transition-duration:0.3s;
	-webkit-transform:scale(0.9);
	-webkit-transition-duration:0.3s;
	transition-timing-function: ease-in-out;
	margin-left:50px;
}

.img:hover{
	-moz-transform:scale(1);
	-moz-transform:rotate(6deg);
	-chrome-transform:scale(1);
	-chrome-transform:rotate(6deg);
	-webkit-transform:scale(1);
	-webkit-transform:rotate(6deg);	
	box-shadow:4px 10px 10px rgba(0,0,0,0.5);
}
fieldset{
    border:3px solid #87B210;
}

th{
    font-weight:bolder;
    text-decoration:underline;
}

.connect{
    color:#87B210;
    font-weight:bolder;
    font-size:14px;
    font-style:normal;
}

.lienDeco{
    
    font-weight:bold;
    color:#ffffff;
}

.nomConnect{
    color:white;
    font-style:italic;
}

td{
    color:black;
}

.tdConnect{
    background-color:black;
}

legend{
    color:#87B210;
    font-weight:bolder;
    font-size:18px;
}
/*Banniere*/
#ban
{
    background-image:url("img/back_maison.png");
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    margin-left:18%;
    cursor:pointer;
    /*position:top;*/
    margin:0px;
    padding:0px;
    border:0px;
}

.tableEntete{
    margin:0px;
    padding:0px;
}
.trEntete{
    padding:0px;
    margin:0px;
}
.tdBan{
    width:100%;
    background-color:black;
    height:270px;
    padding:0px;
    margin:0px;
}
.tdConnect{
    padding:0px;
    margin:0px;
}
.tdLogAlcatel{
    width:100%;
    background-color:black;
    height:100px;
    padding:0px;
    margin:0px;
}
.logAlcatel{
    background-image:url("img/logoAlcatel.png");
    margin-top:20px;
    background-repeat:no-repeat;
    margin-left:18%;
    width:100%;
    height:100%;
}
/*Bas de page*/
#footer
{
    background-color:black;
    width:100%;
    padding-top:10px;
    padding-bottom:10px;
    color:white;
    font-size: 18px;
    vertical-align:middle;
    bottom:0px;
}

#footer a
{
    text-decoration:none;
    color:white;
}

/*Corps*/
#left
{
    float:left; 
    max-width:150px;
    border:1px solid #eee;
}

#left4
{
    float:left;  	
    border:1px solid #eee;
}

#right
{
    float:right; 
    width:600px; 	
}

#right3
{
    float:right; 
    width:700px; 	
}

#left2
{
    float:left; 
    max-width:450px;
    border:1px solid #eee;
}

#right2
{
    float:right; 
    width:450px;
    border:1px solid #eee;
}

#largeur
{
    width: 350px;
}

#largeur1
{
    width: 300px;
}

#page
{
    /*background-color:RGB(208,204,204);*/
    width: 960px;
    min-height:200px;
    height:auto;
    display:block;
    margin-left:auto;
    margin-right:auto;
    z-index:30;
    margin-top: 60px;
}

#page1
{
    /*background-color:RGB(208,204,204);*/
    width: 1200px;
    min-height:200px;
    height:auto;
    display:block;
    margin-left:auto;
    margin-right:auto;
    z-index:30;
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un �l�ment de liste */
{
    left:-999em; /* On exp�die les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un �l�ment de liste ET sous-sous-lites lorsque la souris passe sur un �l�ment de sous-liste */
{
    left:auto; /* Repositionnement normal */
    min-height:0; /* Corrige un bug sous IE */
}

.main{
    margin-left:auto;
    margin-right:auto;
}



#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un �l�ment de liste ET sous-sous-lites lorsque la souris passe sur un �l�ment de sous-liste */
{
    left:auto;
}
 
#menu, #menu ul /* Liste */     
{	
    padding:0; /* pas de marge int�rieure */
    margin:0; /* ni ext�rieure */
    list-style:none; /* on supprime le style par d�faut de la liste */
    line-height:21px; /* on d�finit une hauteur pour chaque �l�ment */
    text-align:center; /* on centre le texte qui se trouve dans la liste */      
}

#menu a /* Contenu des listes */
{
    display:block; /* on change le type d'�l�ment, les liens deviennent des balises de type block */
}

#menu li /* Elements des listes */ 
{ 
    float:left; 
    padding-right:20px;
}

#menu li ul /* Sous-listes */
{ 
    margin-top:0px;
    background-color:#F6F6F6;
    position:absolute; /* Position absolue */
    width:185px; /* Largeur des sous-listes */
    left:-999em; /* Hop, on envoie loin du champ de vision */
    padding-left:10px;
    z-index:2;   
    border-radius:4px 4px 4px 4px;
}

#menu li ul li a/* Sous-listes */
{ 
    width:100%;
    color:#535f6a;
}

#menu li ul li a:hover/* Sous-listes */
{ 
    color:#87B210;
}
/*
#menu li ul li:hover
{ 
    background-color:#008BCA;
    color:white;
}
*/

#animation{
    z-index:1;
}
/*Onglet menu*/
/*//////////////////////////////////////////////////////*/
#menu div{
    cursor:pointer;
}

/*
#HistoriqueHotline
{
background-image:url("./img/HistoriqueHotline1.png");
width:87px;
height:30px;
background-repeat:no-repeat;
}

#HistoriqueHotline:hover
{
background-image:url("./img/HistoriqueHotline2.png");
width:87px;
height:30px;
background-repeat:no-repeat;
}

#identification
{
background-image:url("./img/identification1.png");
width:110px;
height:30px;
background-repeat:no-repeat;
}

#identification:hover
{
background-image:url("./img/identification2.png");
width:110px;
height:30px;
background-repeat:no-repeat;
}

#importation
{
background-image:url("./img/importation1.png");
width:110px;
height:30px;
background-repeat:no-repeat;
}

#importation:hover
{
background-image:url("./img/importation2.png");
width:110px;
height:30px;
background-repeat:no-repeat;
}

#activation
{
background-image:url("./img/Activation1.png");
width:110px;
height:30px;
background-repeat:no-repeat;
}

#activation:hover
{
background-image:url("./img/Activation2.png");
width:110px;
height:30px;
background-repeat:no-repeat;
}

#inscription
{
background-image:url("./img/inscription1.png");
width:87px;
height:30px;
background-repeat:no-repeat;
}

#inscription:hover
{
background-image:url("./img/inscription2.png");
width:87px;
height:30px;
background-repeat:no-repeat;
}

#connexion
{
background-image:url("./img/connexion1.png");
width:100px;
height:30px;
background-repeat:no-repeat;
}

#connexion:hover
{
background-image:url("./img/connexion2.png");
width:100px;
height:30px;
background-repeat:no-repeat;
}

#extraction
{
background-image:url("./img/extraction1.png");
width:90px;
height:30px;
background-repeat:no-repeat;
}

#extraction:hover
{
background-image:url("./img/extraction2.png");
width:90px;
height:30px;
background-repeat:no-repeat;
}

#accueil
{
background-image:url("./img/accueil1.png");
width:61px;
height:30px;
background-repeat:no-repeat;
}

#accueil:hover
{
background-image:url("./img/accueil2.png");
width:61px;
height:30px;
background-repeat:no-repeat;
}

#VerifElig
{
background-image:url("./img/VerifEligibilite1.png");
width:270px;
height:30px;
background-repeat:no-repeat;
}

#VerifElig:hover
{
background-image:url("./img/VerifEligibilite2.png");
width:270px;
height:30px;
background-repeat:no-repeat;
}

#Gestion
{
background-image:url("./img/gestion1.png");
width:65px;
height:30px;
background-repeat:no-repeat;
}

#Gestion:hover
{
background-image:url("./img/gestion2.png");
width:65px;
height:30px;
background-repeat:no-repeat;
}

#GestionGammes
{
background-image:url("./img/gestion_des_gammes1.png");
width:150px;
height:30px;
background-repeat:no-repeat;
}

#GestionGammes:hover
{
background-image:url("./img/gestion_des_gammes2.png");
width:150px;
height:30px;
background-repeat:no-repeat;
}

#GestionVisibilite
{
background-image:url("./img/gestion_visibilite1.png");
width:160px;
height:30px;
background-repeat:no-repeat;
}

#GestionVisibilite:hover
{
background-image:url("./img/gestion_visibilite2.png");
width:160px;
height:30px;
background-repeat:no-repeat;
}

#GestionFamilles
{
background-image:url("./img/gestion_des_familles1.png");
width:150px;
height:30px;
background-repeat:no-repeat;
}

#GestionFamilles:hover
{
background-image:url("./img/gestion_des_familles2.png");
width:150px;
height:30px;
background-repeat:no-repeat;
}

#GestionDefauts
{
background-image:url("./img/gestion_des_defauts1.png");
width:150px;
height:30px;
background-repeat:no-repeat;
}

#GestionDefauts:hover
{
background-image:url("./img/gestion_des_defauts2.png");
width:150px;
height:30px;
background-repeat:no-repeat;
}

#GestionMarques
{
background-image:url("./img/gestion_des_marques1.png");
width:155px;
height:30px;
background-repeat:no-repeat;
}

#GestionMarques:hover
{
background-image:url("./img/gestion_des_marques2.png");
width:155px;
height:30px;
background-repeat:no-repeat;
}

#GestionProduits
{
background-image:url("./img/gestion_des_produits1.png");
width:155px;
height:30px;
background-repeat:no-repeat;
}

#GestionProduits:hover
{
background-image:url("./img/gestion_des_produits2.png");
width:155px;
height:30px;
background-repeat:no-repeat;
}
#Rma
{
background-image:url("./img/CreerRma1.png");
width:180px;
height:30px;
background-repeat:no-repeat;
}

#Rma:hover
{
background-image:url("./img/CreerRma2.png");
width:180px;
height:30px;
background-repeat:no-repeat;
}

#inscription
{
background-image:url("./img/inscription1.png");
width:180px;
height:30px;
background-repeat:no-repeat;
}

#inscription:hover
{
background-image:url("./img/inscription2.png");
width:90px;
height:30px;
background-repeat:no-repeat;
}
#coordonnees
{
background-image:url("./img/coordonnees1.png");
width:140px;
height:30px;
background-repeat:no-repeat;
}

#coordonnees:hover
{
background-image:url("./img/coordonnees2.png");
width:140px;
height:30px;
background-repeat:no-repeat;
}
#gestionUser
{
background-image:url("./img/GestionUser1.png");
width:180px;
height:30px;
background-repeat:no-repeat;
}

#gestionUser:hover
{
background-image:url("./img/GestionUser2.png");
width:180px;
height:30px;
background-repeat:no-repeat;
}
#historique
{
background-image:url("./img/historique1.png");
width:110px;
height:30px;
background-repeat:no-repeat;
}

#historique:hover
{
background-image:url("./img/historique2.png");
width:110px;
height:30px;
background-repeat:no-repeat;
}
#utilisateurs
{
background-image:url("./img/utilisateurs1.png");
width:180px;
height:30px;
background-repeat:no-repeat;
}

#utilisateurs:hover
{
background-image:url("./img/utilisateurs2.png");
width:180px;
height:30px;
background-repeat:no-repeat;
}
/*/


/* tableau */
#tableau {
    width:100%;
    border-collapse:collapse;
    margin:auto;
    background-color:#FFFFCC;
    border:1px solid #990000;
}

#tableau th {
    border:1px solid #CFD2D9;
    border-collapse:collapse;
    background-color:#990000;
    color:black;
    height:40px;
}


#tableau td {
    border:1px solid #990000;
    border-collapse:collapse;
    height:40px;
    vertical-align:top;
}

.donnees_tableau {
    text-align:left;
}

.donnees_tableau1 {
    text-align:right;
}

body span{
    color:red;
}

body input:focus{
    background-color:#FFEFCC;
}

.mess_erreur{
    background-color:#FFEBE8;
    color:#333333;
    text-align:center;
    vertical-align:middle;
    line-height:24px;    
    border:solid 1px #DD3C10; 
    text-decoration:blink;
}

.blink{
    background-color:#84B5E2;
    color:black;
    text-align:center;
    vertical-align:middle;
    line-height:24px;    
    border:solid 1px black; 
    text-decoration:blink;
}

.maintenance{

    color:#000000;
    font-size:18px;
	text-align: center;
}

.logo_maintenance{
    background-image:url("img/logo_inventory.png");
    margin-top:20px;
    background-repeat:no-repeat;
	height: 251px;
	background-position: center center;
}

.move-down .btn-down-more {
    top: 40px;
    margin-right: 10px;
}
.btn.btn-smaller {
    margin-top: 7px !important;
    margin-right: 0px;
    padding: 5px 10px;
    font-size: 8px;
    bottom: 0 !important;
}