body 
{
    font-family:Bahnschrift;
    margin:0px;
}


/* Page connexion */
#DivConnexionGauche
{
    width:60%;
    height:100%;
    background-image : url("../Images/bg_login.jpg");
    float : left;
    position:fixed;
}

#TitreGaucheConnexion
{
    color:White;
    font-size:22px;
    margin : 40px 0px 0px 40px;
    font-weight:normal;
}

#DivConnexionDroit
{
    width:40%;
    float:right;
}
#TableConnexion
{
    margin:auto;
    font-weight:bold;
    color:#707070;
}
#DivConnexionInterrieur
{
    height:100%;
    margin:auto;
    padding-left:30%;
}

#TitreDroitConnexion
{
  color:#B1B1B1;
  text-align:center;
  display:block;
  margin-right:40%; 
  margin-top : 35%; 
}

input
{
    border: 1px solid #A1A1A1;
}

.BlueButton
{
    background-color: #23A7EB;
    border:0;
    color:White;
}

#DivConnexionInterrieur input
{
    width:63%;
    height:40px;
    margin-bottom:20px;
    font-size:20px;
}


 /* Menu */
/**********/

.header-menu
{
     height:50px;
    border-bottom : 1px solid grey;
    left :0px;
    top:0px;
    padding-top:10px;
    padding-left:20px;
    box-shadow: 0 2px 3px grey;
    margin-bottom:50px;
}


.sf-menu, .sf-menu * 
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.sf-menu 
{
	line-height: 31px;
}

.sf-menu ul 
{
	position: absolute;
	top: -999em;
	width: 170px;
	line-height: 31px;
    margin:0px;
}

.sf-menu li 
{
	float: left;
	position: relative;
	/*padding: 0 5px 0px 5px;*/
	white-space: nowrap;
	vertical-align: middle;
    padding-left : 30px;
}

.sf-menu ul li 
{
	width: 164px;
	border-top: solid 1px #e0e0e0;
	padding: 0px 3px 0px 3px;
}

.sf-menu li:hover, .sf-menu li.sfHover
{
	visibility: inherit;
	background: url(images/menu-item-left.png) no-repeat left center;
}

.sf-menu li img
{
	border: none;
	padding-right: 7px;
	margin-bottom: 2px;
	padding-top: 6px;
	vertical-align: text-bottom;
}

.sf-menu li a, .sf-menu li a:hover
{
	display: inline-block;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	padding-right: 5px;
	height: 31px;
}

.sf-menu li:hover a, .sf-menu li.sfHover a
{
	background: url(images/menu-item-right.png) no-repeat right center;
}

.sf-menu li:hover ul li:hover, .sf-menu li.sfHover ul li.sfHover
{
	background-color: #FDEFD5;
	background-image: none;
}

.sf-menu li:hover ul li a, .sf-menu li.sfHover ul li a
{
	color: #555555;
	background-image: none;
	font-weight: normal;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul 
{
	left: 30;
	top: 1.8em;
	background-color:#FFFFFF;
	z-index: 9999;
	width: 170px;
	border: solid 1px #6b798c;
}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul 
{
	top: -999em;
}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul 
{
	left: 170px;
	top: 0;
}

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul 
{
	top: -999em;
}

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul 
{
	left: 170px;
	top: 0;
}

.header-menu .left-menu
{
    float:left;
    width : 30%;
    height:100%;
    padding-top:8px;
}

.header-menu .right-menu
{
    float:right;
    padding-right:50px;
    width:655px;
}


.redButton
{
    background-color:#E24747;
    border:0;
    color:White;
    height:30px;
    margin-left:30px;
}

  /*Page de recherche*/
/**********************/

#contenu
{
    width:80%;
    margin:auto;
}


.titreRecherche
{
    background-color:#23A7EB;
    color:White;
    text-align:center;
    height:50px;
    padding-top : 30px;
}

.recherche
{
    float:left;
    width:45%;
    margin-bottom:50px;
}

.rechercheGauche
{
    margin-right:10%;
}

.rechercheCentre
{
    float:none;
    margin-left:auto;
    margin-right:auto;
    width:35%;
}

.contenuRecherche {
    background-color: #F1F1F1;
    padding: 5% 20% 10% 20%;
    height: 100px;
}

.contenuRecherche input, .contenuRecherche select
{
    height:25px;
    margin-bottom:10px;
    width:100%;
    font-size:15px;
}

.tableRecherhe
{
    clear:both;
    width:80%;
    margin:auto;
}



.HeaderListeRecherche
{
    background-color:#9D9D9D;
    font-family:Bahnschrift SemiBold;
    color:White;
}

.listeRecherche td
{
    border : none;
    padding:5px 0px 0px 5px;
}
.listeRecherche tr , #tableLigne tr
{
    border : 1px solid #707070;
}

.listeRecherche tr:nth-child(even)
{
    background-color: #eeeeee;
}

.listeRecherche
{
    width:100%;
    border-color:#707070;
    color:#707070;
}

.listeRecherche a
{
    color:#707070;
}

#BtnAjouter
{
    margin-top:10%;
}

  /* FormFiche */
/****************/

#retour
{
    clear:both;
    margin-left:5%;
}

#retour a
{
    text-decoration:none;
    color:Black;
}

.infoFiche
{
    width:80%;
    margin:auto;
}
.infoFiche h1
{
    text-align:center;
    font-size:20px;
}

.tableAjout
{
    padding-top:20px;
    width:80%;
    margin:auto;
}

.tableAjout input, .tableAjout select
{
    width:80%;
}

#LigneFiche
{
  width:80%;
  margin:auto; 
  padding-top:20px; 
}

#tableLigne
{
    width:100%;
    border-collapse:collapse;
}

#tableLigne tr td
{
    padding :5px 0px 5px 0px;
}

.memoriser
{
    margin-top:20px;
}

.memoriser table
{
    margin: auto;
}
.memoriser table tr td
{
    padding:0px 10px 0px 10px;
}
.btnEnvoi
{
    padding:15px;
    height:auto;
    margin:0px;
    font-weight:bold;
}

.btnLigne
{
    width:80%;
    display:block;
    margin:auto;
   height:20px;
}

.greenButton
{
    background-color:#60E54D;
    border:0;
    color:White;
}

.orangeButton
{
    background-color:#FF6600;
    border:0;
    color:White;
}