body{
font-family : Segoe UI, sans-serif;
color : #4B4B4B;
background-color: #eaedf1;
}

h1{
	text-transform:uppercase;
	font-weight:normal;
	font-size:20px;
	text-align:center;
}
h2{
	font-weight:normal;
	font-size:18px;
}
.note{
 	background-color:#f8aa33;
	color:#ffffff;
	padding:5px;
	margin-bottom:10px;
	font-size:8px;
	font-weight:normal;

}
.note p{
	padding:3px;
}
.note img{
	float:left;
	margin-right: 10px;
	}
table{
 border-collapse:collapse;
 }

table tr td
{
margin: 0; padding: 0;
}

select {
	font-family : Segoe UI, sans-serif;
	font-size:17px;
	}
input {
	font-family : Segoe UI, sans-serif;
	font-size:17px;
	color :#333;
}
.envoyer{
color: #ffffff;
font-family:Segoe UI, sans-serif;
background-color:#f7a22f;
font-size: 1.5em;
padding:5px 20px 5px 20px;
border :none;
cursor:  pointer;
margin-top:5px;
}

.envoyer_petit{
color: #ffffff;
font-family:Segoe UI, sans-serif;
background-color:#f7a22f;
font-size: 1.2em;
padding:3px 10px 3px 10px;
border :none;
cursor:  pointer;
margin-top:5px;
}

.total{
background-color: #eaedf1;
border: none;
font-weight: bold;
color: #4B4B4B;
font-family : Segoe UI, sans-serif;
width: 65px;
border-bottom: 1px solid rgb(200,200,200);
text-align: right;
}

.rouge{
color: red;
}

a {
text-decoration : none;
color: #1fbba6;
}

.menu a {
color: #4B4B4B;
}

.visualisation_cra_ajax{
background-color : orange;
}

a:hover {
text-decoration : underline;
}


img, img a, img a:hover {
border : 0;
}



.contenu {
margin : 10px;
margin-top : 0px;


}

.logo {
width:25%;
display:block;
float:left;
margin-left:10px;
margin-bottom:15px;
}



.titre {
margin : 10px;
margin-left: 410px;
padding : 10px;
border-bottom: 1px rgb(200,200,200) solid;
color: black;
font-size: 24px;
font-weight: bold;
text-align: right;
}

.commun,
.choix_semaine,
.selection_client,
.ajout_contrat,
.contact_signataire_contrat,
.date_mission_contrat,
.remuneration_contrat,
.remarque_contrat,
.ajout_client,
.adresse_facturation,
.adresse_envoi_factures,
.description_activite,
.ajouter_depense,
.recapitulatif_activites_frais {
padding: 10px;
margin-bottom: 10px;
}

.consulter_client{
border: 2px solid #2686E6;
padding: 10px;
margin-bottom: 10px;
}


.commun p,
.choix_semaine p,
.selection_client p,
.ajout_contrat p,
.contact_signataire_contrat p,
.date_mission_contrat p,
.remuneration_contrat p,
.remarque_contrat p,
.submit p,
.ajout_client p,
.adresse_facturation p,
.adresse_envoi_factures p,
.description_activite p,
.ajouter_depense p,
.recapitulatif_activites_frais p{
font-weight: bold;
font-size: 1.3em;
margin: 0;
}

.milieu p{
font-size: 1.6em;
}


.milieu, .milieu table tr td {
margin : 10px;
margin-left: 270px;
padding : 10px;
font-size: 0.8em;
background-color:#ffffff;
}

.milieu {
 }

.bas {
clear:both;
display: block;
font-size: 10px;
text-align: center;
margin-top:15px;
margin-bottom:10px;
width: 100%;
background-color:#ffffff;
padding: 5px;
}

.bas a {
font-size: 10px;

}

.connecter{
display: block;
text-align: center;
margin: 100px;
padding: 25px;
text-align: center;


}

.bloc_login{
background-color:#ffffff;
width:40%;
margin:auto;
margin-top:50px;
padding-top:40px;
padding-bottom:5px;
text-align:center;
color:#8d8d8d;
}
.login {
color :#8D8D8D;
}

.login input {
margin : 5px;
font-size : 20px;
font-family: font-family : Segoe UI, sans-serif;
text-align: center;
}
.login_bottom{
	text-align:right;
	
	}


.ou{
color: orange;
font-style: italic;
}

.deconnect{
margin: 0;
padding;0;
display: inline;
}

#infobulle{
	position: absolute;	
	visibility : hidden;
	border: 1px solid #CCCCCC;
	padding: 10px;
	font-family: Segoe UI, sans-serif;
	font-size: 0.7em;
	background-color: orange;
	color: blue;
}

.titre_droite{
display:block;
float:right;
padding:5px;
background-color:#ffffff;
margin-right : 10px;
margin-top: 10px;
}
.connexion {
color : #4B4B4B;
font-size : 0.8em;
text-align : right;
margin: 0px;
}

.connexion table {
width : 100%;
}

.connexion table tr td {
font-size : 0.7em;
padding-left: 10px;
padding-right: 10px;
}

.connexion .droite {
text-align : right;
}

.changer_user {
font-size: 0.8em;
text-align: right;
color: black;

 }
 
.changer_user select {
color: #4B4B4B; }

.menu{
float: left;
margin-top: 10px;
margin-left: 10px;

}
#menu-accordeon {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
  width: 250px;
}
#menu-accordeon ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
}
#menu-accordeon li {
	text-transform:uppercase;
   background-color:#ffffff; 
   background-image:-webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
   background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
   margin-bottom:5px;
}
#menu-accordeon li li {
	text-transform:none;
   max-height:0;
   overflow: hidden;
   transition: all .5s;
   border-radius:0;
   background: #999;
   box-shadow: none;
   border:none;
   margin:0;
  
}
#menu-accordeon a {
  display:block;
  text-decoration: none;
  color: #8D8D8D;
  padding: 8px 0;
  font-size:1.2em;
}
#menu-accordeon ul li a, #menu-accordeon li:hover li a {
  font-size:0.8em;
  color:#ffffff;
}
#menu-accordeon li:hover {
   background: #ffffff;
}
#menu-accordeon li:hover a{
   color:#2dceb8;
}
#menu-accordeon li li:hover{
    background-color:#CCC;
}
#menu-accordeon li li:hover a{
    color:#2dceb8;
}
#menu-accordeon ul li:last-child {
   border:none;
}
#menu-accordeon li:hover li {
  max-height: 15em;
}