/*******  PROPRIETE GLOBALES **********/
@font-face {
    font-family: 'Ubuntu', sans-serif;
    font-weight: normal;
    font-style: normal;
}
a{text-decoration:none;}
form {
	margin: 0;
	padding: 0;
}
body {
margin: 0;
font-family: 'Ubuntu', sans-serif;
}
.image_logo{
position:relative;
margin-top:-50px;
margin-bottom:50px;
}
#new_connect{
padding:20px;
position:relative;
float:left;
margin-left:100px;
display:none;
width:400px;
height:200px;
background-color:#3ABEEB;
}
#new_connect a {
color:white;
}
#bandeau_mdp_forget{ 
display:block;
float:left;
position:relative;
margin-left:-110px;
background-color:#3ABEEB;
width:400px;
height:330px;
font:normal 15px/1.8em AvantGarde Md BT;
z-index:1;
}
.copyright{
float:left;
margin-left:20px;
}
.mentions{
float:right;
margin-right:20px;
}
.mentions a {
color:white;}
 .couleur_orange{
color:#E94E1B;
}
.couleur_marron{
color:#3E3632;
}
.couleur_bleue{
color:#3ABEEB;
}
.couleur_jaune{
color:#FAD400;
}
.couleur_bleue_f{
color:#393587;
}
.titre_bleu{
position:relative;
float: middle;
width:350px;
text-align:center;
margin-left:auto;
margin-right:auto;
color:#3ABEEB;
}
#global{
float: middle;
margin-left:auto;
margin-right:auto;

}
#bandeau_haut{ 
text-align: center;
margin: 0 auto 20px;
}
#connexion_privatif{
float:middle;
text-align: center;
margin: 40px auto 20px;
vertical-align:middle;
line-height:30px;
width:200px;
height:600px;
}
.text_privatif{
float:left;
text-align: center;
}
#demande_mdp{
cursor:pointer;
font-size:12px;}
#recover_mdp{
float:middle;
width:200px;
height:200px;
font-size:12px;
margin-top:30px;
display:none;
}
#footer{
position: relative;
text-align: center;
margin: 0 auto 0 ;
width:800px;
height:40px;
line-height:20px;
color:white;
background-color:#323232;
}
#bandeau_gauche{
position:relative;
float:left;
margin-left:50px;
width:200px;
height:100%;
}
#central {
position:relative;
float: middle;
width:100%;
height:100%;
margin-left:auto;
margin-right:auto;
}

/*******  FIN PROPRIETE GLOBALES **********/
#cadre_stat{
width:100%;
height:10px;
margin-left: 100px;
}
#cadre_stat_1,#cadre_stat_2,#cadre_stat_3,#cadre_stat_4,#cadre_stat_5,#cadre_stat_6{
width:110%;
float:left;
margin-left:50px;
position:relative;
font-size:11px;
z-index:10;
font-family:arial, verdana, sans-serif;
background-color:#FFFFFF;
border-left:2px solid #E94E1B; /* couleur du cadre */
border-right:2px solid #E94E1B;
border-bottom:2px solid #E94E1B;
border-top:2px solid #E94E1B;
}

#autocomplete{
width: 200px;
height:20px;
}
#deconnexion,#deconnexion a{
color:#3E3632;
font-size:10px;
}
#recherche{
position:relative;
margin: 0 auto 20px;
width:310px;
height:25px;
}
#selection_cat{
width:75px;
background-color:grey;
color:white;
}
#desc_service{
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#bouton_recherche{
float:right;
width:25px;
height:25px;
background-color:#E94E1B;
color:white;
}
#bouton_recherche i{
margin-left:5px;
}
#liste_categories {
position:relative;
margin: 0 auto 20px;
width:800px;
height:100%;
margin-top: 50px;
}
#liste_services,#stat {
position:relative;
margin: 0 auto 20px;
width:650px;
height:100%;
margin-top: 50px;
}
#stat_globale{
position:relative;
margin: 0 auto 20px;
width:900px;
height:100%;
margin-top: 10px;
}
#liste_demandes,#liste_tickets,#liste_profil{
position:relative;
margin: 0 auto 20px;
width:700px;
height:100%;
margin-top: 50px;
}
#retour_service{
float:right;

}
.profil{margin-left:50px;}
#liste_profil td {
min-width:200px;
height:30px;
}
#liste_tickets p{
line-height:0.3em;
}
.service{
float:left;
position:relative;
width:150px;
height:150px;
}
.service img{
display: block;
margin-left: auto;
margin-right: auto;
width:72px;
}
.service span {
position:relative;
float:left;
text-align: center;
margin:0 auto ;
width:150px;
color:black;
font-size:14px;
}

.demandes {
text-align:center;
width:100%;
}
.dialogues{
text-align:left;
font-size:12px;
width:100%;
}
.descr_init{
float:left;
font-size:12px;
margin-top:-5px;
}
.dialogues td{
min-width:120px;
}
.lien_pj{
color:#E94E1B;
}
.detail_ticket{
text-align:center;
width:100%;
}
#reouvrir{
margin-left:30px;
color:#393587;
}
#echanges{width:800px;}
#lire_mes, #ecrire_mes, #reponse_concierge,#image_ticket{cursor:  pointer;}
.submit_message{
float:right;
text-align:center;
margin-left:10px;
width:100px;
height:25px;
color:white;
background-color:#3ABEEB;
cursor:  pointer;
}
#infos_tickets {
text-align:center;
min-width:200px;
}
.mess_initial{background-color:#E1E0EE;text-align:left;}
#message_initial {background-color:#E1E0EE;}
#message_initial,#ecrire_reponse,#infos_tickets{
display:none;
width:800px;
min-height:50px;
}
#ecrire_reponse textarea{
width:800px;
height:50px;
}
#dialog_termines{
width:700px;
background-color:#000000;
}
.dialogues_term{
display:none;
width:800px;
min-height:50px;
background-color:#E1E0EE;
overflow:auto;
}
.dial{
display:none;
width:800px;
min-height:50px;
background-color:#E1E0EE;
overflow:auto;
text-align:left;
}
#dialogues,#detail_ticket{
display:none;
width:800px;
min-height:50px;
background-color:#E1E0EE;
overflow:auto;
}
#reponse_concierge{
float:right;
display:none;
background-color:#3ABEEB;
color:white;
text-align:center;
width:100px;
height:25px;
}
.bt_payement{
background-color:#3ABEEB;
color:white;
text-align:center;
width:200px;
height:25px;
line-height:11px;
padding:5px;
cursor:  pointer;
}
.bt_retour{
float:right;
background-color:#3ABEEB;
color:white;
text-align:center;
width:200px;
height:25px;
line-height:11px;
padding:5px;
cursor:  pointer;
margin-top:80px;
}
#newsletter{
display:none;
}

.result_sondages{margin-left:20px;}
.separation{
border-bottom:1px solid black;
}
#file_cont{
position:relative;
width:50%;
margin-left:40%;
margin-top:20px;
}
/* gestion css mobile*/
#content_mobile {
border: 1px solid #f8a743;
position:absolute;
float:left;
width:60%;
height:400px;
margin-left:20%;
background-color:#FFFFFF;
z-index:9999;
padding:30px;
}
#content_mobile button{
background-color:#f8a743;
margin-top:50px;
width:150px;
height:80px;
font-size:35px;
font-weight:bold;
}
#content_mobile span{
margin-top:50px;
font-size:35px;
line-height:40px;
}

#content_satisfaction {
    position: relative;
    margin: 0 auto;
    text-align: center;
    width: 800px;
}