/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
html{
  margin:0;
  padding:0;
  background-repeat: no-repeat;
  font-family:Arial;
}
body{
  margin:auto;
  background-color: #ebecf5;
}

.button{
  border-style: solid;
  border-radius: 10px;
  border-width: 2px;
  cursor: pointer;
}
.marginRight{
  margin-right:20px;
}

.buttonRed {
    color: white;
    background-color:  #ef4747;
    border-color:  #ef4747;
}
.buttonRed:hover {
    color:  #ef4747;
    background-color: white;
    border-color: #ef4747;
}


.buttonBlue {
    color: white;
    background-color: #1086e7;
    border-color: #1086e7;
}
.buttonBlue:hover {
    color: #1086e7;
    background-color: #eff2f7;
    border-color: #1086e7;
}

.buttonOrange {
  color: white;
  background-color: #ff7c25;
  border-color: #ff7c25;
}
.buttonOrange:hover {
  color: #ff7c25;
  background-color: white;
  border-color: #ff7c25;
}



.header{
  width:100%;
  color:grey;
  background-color:white;
  z-index:3;
  text-align:center;
  margin:auto;
}

.inputText{
  padding:10px;
  border-color: white;
  font-size: 18px;
  color:grey;
  border-color: grey;
  border-style: solid;
  border-style: solid;
  border-radius: 10px;
  border-width: 1px;
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.softRouge{
  font-size: 14px;
  background-color:#d33d3d;
  border-color:#d33d3d;
  color:white;
  border-style:solid;
  border-width:1px;
  padding:10px;
  cursor:pointer;
  border-radius: 6px;
}
.softRouge:hover{
  font-size: 14px;
  background-color:#eb6a6a;
  border-color:#eb6a6a;
  color:white;
  border-style:solid;
  border-width:1px;
  padding:10px;
  cursor:pointer;
  border-radius: 6px;
  text-decoration: underline;
}

.softOrange{
  font-size: 14px;
  background-color:#e3c72a;
  border-color:#e3c72a;
  color:white;
  border-style:solid;
  border-width:1px;
  padding:10px;
  cursor:pointer;
  border-radius: 6px;
}
.softOrange:hover{
  font-size: 14px;
  background-color:#ead76a;
  border-color:#ead76a;
  color:white;
  border-style:solid;
  border-width:1px;
  padding:10px;
  cursor:pointer;
  border-radius: 6px;
  text-decoration: underline;
}



.background{
  width:100%;
  height:100%;
  color:white;
  position: fixed;
  background-image:URL("background.png");
  background-repeat: no-repeat;
   /*background-size: 100% 100%; */
  background-size: 100%;
  z-index:1;
}
.background-rdv{
  width:100%;
  height:150px;
  color:white;
  position: fixed;
  background-repeat:no-repeat;
  background-image:URL("background-rdv.png");
   /*background-size: 100% 100%; */
  background-size: 100%;
  z-index:1;
}
.background-search{
  width:100%;
  height:100%;
  color:white;
  background-color:#71bc51;
  position: fixed;
  background-image:URL("background-search.png");
   /*background-size: 100% 100%; */
  background-size: 100%;
  z-index:1;
}
.background-praticien{
  width:100%;
  height:100%;
  color:white;
  background-color:#71bc51;
  position: fixed;
  background-image:URL("background-praticien.png");
   /*background-size: 100% 100%; */
  background-size: 100%;
  z-index:1;
}
.background-identification{
  width:100%;
  height:100%;
  color:white;
  background-color:#71bc51;
  position: fixed;
  background-image:URL("background-identification.png");
   /*background-size: 100% 100%; */
  background-size: 100%;
  z-index:1;
}
.background-compte{
  width:100%;
  height:100%;
  color:white;
  background-color:#71bc51;
  position: fixed;
  background-image:URL("background-identification.png");
   /*background-size: 100% 100%; */
  background-size: 100%;
  z-index:1;
}
.content{
  width:100%;
  height:100%;
  color:white;
  position: fixed;
  z-index:2;
  overflow:auto;

}

.search{
  /*background-image:URL("search.png");*/
  width:80%;
  padding-top: 50px;
  margin:auto;
}

.search-identification{
  /*background-image:URL("search.png");*/
  width:80%;
  height:250px;
  padding-top: 50px;
  margin:auto;
  padding:55px;
}

.compte{
  /*background-image:URL("search.png");*/
  width:80%;
  height:150px;
  padding-top: 50px;
  margin:auto;
  padding:55px;
}
.compte-title{
  width:600px;
  height:50px;
  margin:auto;
  margin-top:100px;
  color:white;
  font-size:24px;
}

.rdv{
  background-image:URL("background.png");
  width:80%;
  height:150px;
  padding-top: 50px;
  margin:auto;
  padding:55px;
}

.rdv-title{
  width:600px;
  height:50px;
  margin:auto;
  margin-top:100px;
  color:white;
  font-size:24px;
}

.search-accueil{
  background-image:URL("background.png");
  width:100%;
  height:800px;
}

.form_search{


}

.search-box-margin{
  padding-top:400px;
  width:100%;
  height:1px;
  margin:auto;
}

.search-box{
  background-image:URL("background.png");
  background-repeat: no-repeat;
  background-position-y: right;
  background-position-x: bottom;
  background-size: cover;
  width:100%;
}

.search-content-2{
  padding: 20px;
  border-radius: 10px;
  margin:auto;
  color:grey;
  background-color:white;
  -webkit-box-shadow: 1px 1px 5px 2px #dddddd;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    1px 1px 5px 2px #dddddd;  /* Firefox 3.5 - 3.6 */
  box-shadow:         4px 4px 10px 4px grey;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}


.search-content{

  border-radius: 10px;
  margin:auto;
  color:grey;
  background-color:white;
  -webkit-box-shadow: 1px 1px 5px 2px #dddddd;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    1px 1px 5px 2px #dddddd;  /* Firefox 3.5 - 3.6 */
  box-shadow:         4px 4px 10px 4px grey;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.search-content-margin{
  margin-top:400px;
}

.search-subtitle{
  height:50px;
  margin:auto;
  margin-top:10px;
  color:grey;
  font-size:18px;
}

.search-title{
  height:50px;
  margin:auto;
  margin-top:200px;
  color:grey;
  font-size:32px;
}

.result{
  width:100%;
  background-color: white;
}

.result-content{
  width:80%;
  padding-bottom: 5px;
  margin:auto;
}
.result-title{
  width:80%;
  height:50px;
  margin:auto;
}
.result-content-bottom{
  width:100%;
  height:350px;
}
.result-user{
  width:200px;
  margin-right:20px;
  float:left;
  height:200px;
  background-color: #96cff9;
}

.testimony{
  background-color:white;
  height:150px;
  width:100%;
}
.testimony-content{
  margin:auto;
  height:150px;
  width:1200px;
}

.testimony-user{
  width:150px;
  margin-right:20px;
  float:left;
  height:110px;
  background-color: #ff8989;
}

.separator-soft-sharing{
margin-top:10px;
margin-bottom:10px;
}

.separator-soft-sharing-red{
  float:left;
  background-color: #ef4747;
  width:25%;
  height:10px;
}
.separator-soft-sharing-yellow{
  float:left;
  background-color: #fed73e;
  width:25%;
  height:10px;
}
.separator-soft-sharing-green{
  float:left;
  background-color: #76bf56;
  width:25%;
  height:10px;
}
.separator-soft-sharing-blue{
  float:left;
  background-color: #517cc0;
  width:25%;
  height:10px;
}

.soft-sharing-title-green{
  width:380px;
  margin:auto;
  background-color: #76bf56;
  color:white;
  height:30px;
  padding-top:10px;
}


.soft-sharing-title-yellow{
  width:380px;
  margin:auto;
  background-color: #fed73e;
  color:white;
  height:30px;
  padding-top:10px;
}

/*
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/
.soft-sharing-part-blue{
  width:100%;
  margin:auto;
}
.soft-sharing-title-blue{
  width:100%;
  margin:auto;
  background-color: white;
  color:#9d9d9d;
  height:30px;
  padding-top:10px;
  text-align:center;
  /*
  border-color: #2482d1;
  border-style: solid;
  border-top-width: 7px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  */
  font-weight:bold;
}
.soft-sharing-footer-blue{
  width:100%;
  margin:auto;
  background-color: white;
  color:#9d9d9d;
  height:30px;
  padding-top:10px;
  text-align:center;
  border-color: #517cc0;
  border-style: solid;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 7px;
  font-weight:bold;
}

.soft-sharing-part-green{
  width:100%;
  margin:auto;
}
.soft-sharing-title-green{
  width:100%;
  margin:auto;
  background-color: white;
  color:#9d9d9d;
  height:30px;
  padding-top:10px;
  text-align:center;
  border-color: #76bf56;
  border-style: solid;
  border-top-width: 7px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  font-weight:bold;
}
.soft-sharing-footer-green{
  width:100%;
  margin:auto;
  background-color: white;
  color:#9d9d9d;
  height:30px;
  padding-top:10px;
  text-align:center;
  border-color: #76bf56;
  border-style: solid;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 7px;
  font-weight:bold;
}

.soft-sharing-part-yellow{
  width:100%;
  margin:auto;
}
.soft-sharing-title-yellow{
  width:100%;
  margin:auto;
  background-color: white;
  color:#9d9d9d;
  height:30px;
  padding-top:10px;
  text-align:center;
  border-color: #fed73e;
  border-style: solid;
  border-top-width: 7px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  font-weight:bold;
}
.soft-sharing-footer-yellow{
  width:100%;
  margin:auto;
  background-color: white;
  color:grey;
  height:30px;
  padding-top:10px;
  text-align:center;
  border-color: #fed73e;
  border-style: solid;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 7px;
  font-weight:bold;
}


.soft-sharing-part-red{
  width:100%;
  margin:auto;
}
.soft-sharing-title-red{
  width:100%;
  margin:auto;
  background-color: white;
  color:#9d9d9d;
  height:30px;
  padding-top:10px;
  text-align:center;
  border-color: #ef4747;
  border-style: solid;
  border-top-width: 7px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  font-weight:bold;
}
.soft-sharing-footer-red{
  width:100%;
  margin:auto;
  background-color: white;
  color:#9d9d9d;
  height:30px;
  padding-top:10px;
  text-align:center;
  border-color: #ef4747;
  border-style: solid;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 7px;
  font-weight:bold;
}


.soft-sharing-part{
  width:100%;
  margin:auto;
  float:left;
  background-color:white;
}


.soft-sharing{
  width:100%;
    /*padding-top:50px;*/
}

.soft-sharing-line-green{
  background-color:#f2f2f2;
  width:100%;
  margin:auto;
  clear:both;
}

.soft-sharing-line-blue{
  background-color: #ebecf5;
  width:100%;
  margin:auto;
  clear:both;
}
.soft-sharing-line-blueFonce{
  background-color:#2482d1;
  width:100%;
  margin:auto;
  clear:both;
}
.soft-sharing-line-compte{
  background-color:#eff2f7;
  /* background-image:URL('background-moncompte.png'); */
  background-repeat: no-repeat;
  width:100%;
  margin:auto;
  clear:both;
}
.soft-sharing-line-question{

  background-image:URL('background-question.png');
  background-repeat: no-repeat;
  width:100%;
  margin:auto;
  clear:both;
  height:630px;
}
.soft-sharing-line-connexion{
    background-color:white;
    background-image:URL('background_connexion.png');
    background-repeat: no-repeat;
    background-size: 100%;
    width:100%;
    margin:auto;
    clear:both;
}
.soft-sharing-line-contact{
  background-color:white;
  background-image:URL('background_contact.png');
  background-repeat: no-repeat;
  width:100%;
  margin:auto;
  clear:both;

}
.soft-sharing-line-identification{
  background-color:white;
  background-image:URL('background_identification.png');
  background-repeat: no-repeat;
  width:100%;
  margin:auto;
  clear:both;
}
.soft-sharing-line-inscription{
  background-color:white;
  background-image:URL('background_inscription.png');
  background-repeat: no-repeat;
  width:100%;
  margin:auto;
  clear:both;
}
.soft-sharing-line-background{
  background-image:url('background-rdv.png');
  width:100%;
  margin:auto;
  clear:both;
}
.soft-sharing-line-grey{
  background-color:#e3e3e3;
  width:100%;
  margin:auto;
  clear:both;
}

.soft-sharing-line-white{
  background-color:white;
  width:100%;
  margin:auto;
  clear:both;
}
.soft-sharing-line{
  width:100%;
  margin:auto;
  clear:both;
}
.soft-sharing-content-white{
  background-color:white;
  margin:auto;
}
.soft-sharing-content-grey{
  margin:auto;
}

.soft-sharing-content{
  margin:auto;
}

.footer{
  width:100%;
  height:200px;
  color:white;
  background-color:#1186e7;
}
.footer-content-part{
  float:left;
  margin-right: 20px;
}


.contact{
  padding-top:20px;
  width:100%;
  height:90px;
  background-color: #6eb84f;
}

.buttonPerso {
    color: white;
    /*background-color: #1086e7; */
    background-color: #76bf54;
    border-color: #76bf54;
    border-style: solid;
    border-radius: 10;
    border-width: 2px;
    cursor: pointer;
    padding: 10px;
    font-weight:bold;
}
.buttonPerso:hover {
    color: #76bf54;
    background-color: white;
    border-color: #76bf54;
    border-style: solid;
    border-radius: 10;
    border-width: 2px;
    cursor: pointer;
    padding: 10px;
    font-weight:bold;
}



.buttonPersoRouge {
    color: white;
    /*background-color: #1086e7; */
    background-color: #ef4747;
    border-color: #ef4747;
    border-style: solid;
    border-radius: 10;
    border-width: 2px;
    cursor: pointer;
    padding: 10px;
    font-weight:bold;
}
.buttonPersoRouge:hover {
    color: #ef4747;
    background-color: white;
    border-color: #ef4747;
    border-style: solid;
    border-radius: 10;
    border-width: 2px;
    cursor: pointer;
    padding: 10px;
    font-weight:bold;
}



.buttonPersoVert {
    color: white;
    /*background-color: #1086e7; */
    background-color: #76bf56;
    border-color: #76bf56;
    border-style: solid;
    border-radius: 10;
    border-width: 2px;
    cursor: pointer;
    padding: 10px;
    font-weight:bold;
}
.buttonPersoVert:hover {
    color: #76bf54;
    background-color: white;
    border-color: #76bf54;
    border-style: solid;
    border-radius: 10;
    border-width: 2px;
    cursor: pointer;
    padding: 10px;
    font-weight:bold;
}

.buttonPersoVioletInverse {
    /*background-color: #1086e7; */
    color: #c031ad;
    background-color: white;
    border-color: #c031ad;
    border-style: solid;
    border-radius: 10;
    border-width: 2px;
    cursor: pointer;
    padding: 10px;
    font-weight:bold;
}
.buttonPersoVioletInverse:hover {
    color: white;
    background-color: #c031ad;
    border-color: #c031ad;
    border-style: solid;
    border-radius: 10;
    border-width: 2px;
    cursor: pointer;
    padding: 10px;
    font-weight:bold;
}


.buttonPersoVertInverse {

    /*background-color: #1086e7; */
    color: #76bf54;
    background-color: white;
    border-color: #76bf56;
    border-style: solid;
    border-radius: 10;
    border-width: 2px;
    cursor: pointer;
    padding: 10px;
    font-weight:bold;
}
.buttonPersoVertInverse:hover {
  color: white;
  background-color: #76bf56;

    border-color: #76bf54;
    border-style: solid;
    border-radius: 10;
    border-width: 2px;
    cursor: pointer;
    padding: 10px;
    font-weight:bold;
}




.buttonPersoJaune {
  background-color: #ff7c25;
  border-color: #ff7c25;
  border-style: solid;
  border-radius: 10;
  border-width: 2px;
  cursor: pointer;
  padding: 10px;

}

.buttonPersoJaune:hover {
  background-color: #ff7c25;
  border-color: #ff7c25;
  border-style: solid;
  border-radius: 10;
  border-width: 2px;
  cursor: pointer;
  padding: 10px;

}

.buttonPersoBleu {
    color: white;
    background-color: #1086e7;
    border-color: #1086e7;
    border-style: solid;
    border-radius: 10px;
    border-width: 2px;
    cursor: pointer;
    padding: 10px;
}

.buttonPersoBleu:hover {
    color: #1086e7;
    background-color: #eff2f7;
    border-color: #1086e7;
    border-style: solid;
    border-radius: 10px;
    border-width: 2px;
    cursor: pointer;
    padding: 10px;
}


.buttonPersoBleuInverse {
  color: grey;
  background-color: white;
  border-color: grey;
  border-style: solid;
  border-radius: 10px;
  border-width: 1px;
  cursor: pointer;
  padding: 10px;
  font-weight:normal;
}
.buttonPersoBleuInverse:hover {

    color: #1086e7;
    /*background-color: #1086e7; */
    background-color: white;
    border-color: grey;
    border-style: solid;
    border-radius: 10px;
    border-width: 1px;
    cursor: pointer;
    padding: 10px;
    font-weight:normal;
}
.buttonPersoRougeInverse {
  color: #ef4747;
  background-color: white;
  border-color: #ef4747;
  border-style: solid;
  border-radius: 10;
  border-width: 2px;
  cursor: pointer;
  padding: 10px;
  font-weight:normal;
}
.buttonPersoRougeInverse:hover {

    color: white;
    /*background-color: #1086e7; */
    background-color: #ef4747;
    border-color: #ef4747;
    border-style: solid;
    border-radius: 10;
    border-width: 2px;
    cursor: pointer;
    padding: 10px;
    font-weight:bold;
}
.buttonPersoGrisInverse {
  color: grey;
  background-color: white;
  border-color: grey;
  border-style: solid;
  border-radius: 10;
  border-width: 2px;
  cursor: pointer;
  padding: 10px;
  font-weight:bold;
}
.buttonPersoGrisInverse:hover {

    color: white;
    /*background-color: #1086e7; */
    background-color: grey;
    border-color: grey;
    border-style: solid;
    border-radius: 10;
    border-width: 2px;
    cursor: pointer;
    padding: 10px;
    font-weight:bold;
}

.boutonParcoursAgenda{
  color: grey;
  /*background-color: #1086e7; */
  background-color: #eff2f7;
  border-radius: 10;
  border-color: #eff2f7;
  border-style: solid;
  border-width: 2px;
  cursor: pointer;
  padding: 10px;
  margin: 4px;
  font-weight:normal;
  font-size: 24px;
}
.boutonParcoursAgenda:hover{
  background-color: #517cc0;
  color: white;
}


.buttonPersoProposition{
  color: grey;
  background-color: #eff2f7;
  background-color: white;
  border-radius: 10;
  border-color: #f4f4f4;
  border-style: solid;
  border-width: 2px;
  cursor: pointer;
  padding: 10px;
  margin: 2px;
  font-weight:bold;
}
.buttonPersoProposition:hover{
  background-color: #517cc0;
  color: white;
}



.buttonPersoPropositionSelection{
  color: white;
  /*background-color: #1086e7; */
  background-color: #517cc0;
  border-radius: 10;
  border-color: #517cc0;
  border-style: solid;
  border-width: 2px;
  cursor: pointer;
  padding: 10px;
  margin: 2px;
  font-weight:bold;
}
.buttonPersoPropositionSelection:hover{
  background-color: #517cc0;
  color: white;
}

.ligneVisible{
  display:block;
}

.ligneInvisible{
  height:0px;
  display:none;
}

/*
============================================================== Page du praticien
*/
.itudeo_Detail{
font-weight:normal;
color:grey;
font-size:16px;
margin-left:30px;
margin-bottom:5px;
clear:both;
}
.itudeo_Entete{

  text-decoration:underline;
  font-weight:bold;
  color:#2482d1;
  font-size:24px;
  margin-left:5px;
  margin-bottom:10px;
  float:left;
}

.itudeo_EnteteVert{
  text-decoration:underline;
  font-weight:bold;
  color:#76bf56;
  font-size:16px;
  margin-left:5px;
  margin-bottom:10px;
}

.itudeo_Icon_handicap{
  height:25px;
  width:25px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: URL("handicap.png");
  float:left;
}
.itudeo_Icon_alert{
  height:25px;
  width:25px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: URL("alert.png");
  float:left;
}
.itudeo_Icon_money{
  height:25px;
  width:25px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: URL("money.png");
  float:left;
}
.itudeo_Icon_Call{
  height:25px;
  width:25px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: URL("call.png");
  float:left;
}
.itudeo_Icon_bus{
  height:25px;
  width:25px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: URL("tram.png");
  float:left;
}
.itudeo_Icon_car{
  height:25px;
  width:25px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: URL("parking.png");
  float:left;
}
.itudeo_Icon_Adresse{
  height:25px;
  width:25px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: URL("adresse.png");
  float:left;
}
.itudeo_Icon_ok{
  height:25px;
  width:25px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: URL("ok.png");
  float:left;
}
.itudeo_Icon_motif{
  height:25px;
  width:25px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: URL("motif.png");
  float:left;
}