/********************************************/
/********************************************/
/*   STYLES COMPAR*/
/********************************************/
/********************************************/

html {
  background: white;
  text-align: center;
}

body {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  width: 800px;
  text-align: center;
  background: white;
  height: 100%;
  margin: auto;
}

a {
  color: white;
  font-weight: bold;
  text-decoration: none;
  cursor:pointer;
}
a:hover {
  text-decoration: underline;
}
a { outline: none; }:focus{-moz-outline-style: none;}
a.aide {
  background-image: url(../img/icoAideViolet.png);
  background-repeat: no-repeat;
  background-position: top;
  height: 18px;
  width: 18px;
  display: block;
  float: left;
  margin-left: 10px;
  margin-top: 5px;
  /margin-top: -8px;
  -margin-top: -12px;
  -margin-left: 5px;
}
a.aide:hover {
  background-position: bottom;
}

a.aide.warning {
  background-image: url(../img/warning.png);
  margin-top:0;
  height: 17px;
}
#div_colonneDroite a.aide.warning {
width: 70px;
padding-left: 20px;
background-position: left top;
margin-top: 10px;
background-repeat: no-repeat;
float: right;
padding-top: 3px;
height: 14px;
}
#div_colonneDroite a.aide.warning:hover {
background-position: left bottom;
}


table {
  color: white;
  font-size: 10pt;
}

p {
  color: white;
}

h1 {
  color: #bdaacf;
  font-size: 16pt;
  font-weight: bold;
  padding-left: 20px;
  margin: 0px 0 5px 0;
  display: block;
  height: 68px;
  line-height: 68px;
  padding-left: 105px;
  background: url(../img/logoMederic.png) no-repeat;
}
h1 sup {
  font-size: 8pt;
}
h2 {
  color: #8b5e9e;
  font-size: 18pt;
  font-weight: normal;
  padding-left: 20px;
  margin: 0;
}
h3 {
  color: #8b5e9e;
  font-size: 16pt;
  font-weight: bold;
  margin: 0;
}
h4 {
  color: white;
  text-transform: uppercase;
  font-size: 10.5pt;
  margin: 0 0 3px 0;
  font-weight: bold;
}
h6 {
  color: #4f3566;
  text-transform: uppercase;
  font-size: 14pt;
  margin: 0 0 3px 0;
  font-weight: bold;
  display: block;
  clear: both;
}

input [type="text"],
select {
  height: 20px;
  margin: 5px 0;
  font-size: 9pt;
  color: #421e52;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 0;
  height: 20px;
  width: 20px;
  cursor: pointer;
  text-decoration:none;
  vertical-align: middle;
}

select {
  width: 250px;
  cursor: pointer;
}

/*Structure et header*/
#div_main{
  text-align: left;
  margin: 10px;
  width: 740px;
  position:relative;
}
#div_backpage {
  width:150px;
  height:70px;
  position: absolute;
  cursor:pointer;
}

#div_header {
  background: url(../img/entete.png) no-repeat;
  height: 95px;
  line-height: 95px;
  padding-left: 60px;
  color: #573268;
  float: left;
  width: 100%;
}
div.etape {
  height: 35px;
  line-height: 35px;
  padding-left: 75px;
  float: left;
  width: 100%;
  margin: 10px 0;
  -margin-bottom: -5px;
}
#div_etape1 {
  background: url(../img/etape1.png) no-repeat;
}
#div_etape2 {
  background: url(../img/etape2.png) no-repeat;
}
#div_etape3 {
  background: url(../img/etape3.png) no-repeat;
}
#div_footer {
  text-align: center;
  color: #7d7d7d;
  clear: both;
  height: 20px;
  line-height: 20px;
}
#div_footer a {
  color: #7d7d7d;
}

/********************************************/
/********************************************/
/*Page Accueil*/

div#titreConnexion {
  background: url(../img/titre.png) no-repeat;
  width: 760px;
  height: 71px;
}
span.titreConnexion {
  color: #BDAACF;
  font-size: 18pt;
  font-weight: bold;
  margin: 0 auto;
  display: block;
  text-align: center;
  visibility: hidden;
}
span.titreConnexion sup {
  font-size: 6pt;
}

span.soustitreConnexion  {
  color: #BDAACF;
  font-size: 14px;
  text-align: left;
  visibility: hidden;
}

#div_accueil {
  color: white;
  float: left;
  width: 100%;
  -margin-top: 15px;
}
#div_accueilHeader {
  background: url(../img/headerRecherche.png) no-repeat;
  height: 10px;
  /margin-bottom: -5px;
}
div.rechercheContent {
  background: #4b285c;
  float: left;
  width: 740px;
  position: relative;
  padding-bottom: 15px;
  /padding-bottom: 5px;
}
div.rechercheContent , x:-moz-any-link{
  background: #573268;
  /background: #4b285c;
}
#div_accueilFooter {
  background: url(../img/footerRecherche.png) no-repeat;
  height: 10px;
  clear: both;
}

/*Carte*/
#div_carte {
  float: left;
  width: 359px;
  margin: 10px 0 0 10px;
  -margin: 0;
}

/*Formulaire Recherche*/
#div_formAccueil {
  width: 360px;
  border-left: 1px solid #c2c2c2;
  padding-left:5px;
}
div.formResultats {
  float: left;
  margin: 20px 0;
  /padding: 10px 0 40px;
  
}
#form_rechercheAccueil {
  margin: 0px 35px;
}
table.sansmarges {
  border-spacing:0px;
  position: relative;
}
table.sansmarges td {
  padding:0px;
}
div#lieu,
div#monactivite {
  margin-bottom: 20px;
  margin-left: 20px;
  width: 350px;
  -margin-left: 10px;

}

#div_formAccueil div#lieu,
#div_formAccueil div#monactivite,
#div_formAccueil table#activite,
div#monactivite h4 {
  float: left;
  -width: 350px;
}

div#monactivite h4 {
  -width: 200px;
}

#div_formAccueil div#monactivite {
  -float: none;
}


/*Zone de recherche*/
select#departement {
  width: 250px;
}
#table_ville,
#table_etab {
  height: 25px;
  width: 250px;
}
#table_ville td,
#table_etab td {
  padding:0px;
}
input#ville,
input#esante {
  width: 220px;
  margin: 5px 0;
}

/*Activite*/
table#activite {
  margin: 5px 0 0 0;
}
table#activite tr {
  height: 20px;
  -height: 30px;
}
td.activite {
  width: 150px;
  display: block;
}
select#specialite {
  margin-top: 10px;
  -margin-bottom: 3px;
}

/*CGU*/
table.cgu {
  font-size: 9pt;
  color: #fbe4af;
}
a.cgu {
  text-decoration: underline;
  font-weight: normal;
  color: #fbe4af;
}
a.cgu:hover {
  color: white;
}
input#cgu {
  margin-bottom: 10px;
}

/*Bouton rechercher*/
a.btn_search {
  background: url(../img/btnRechercher.png) no-repeat;
  background-position: top;
  height: 40px;
  line-height: 25px;
  width: 106px;
  display: block;
  position: absolute;
  top: 300px;
  right: 20px;
  margin: 20px 10px 0 0;
  text-align: center;
  font-weight: normal;
  -float: left;
}
a.btn_search:hover {
  background-position: bottom;
  text-decoration: none;
}
a.btn_search span {
  margin-left: 14px;
}

/********************************************/
/********************************************/
/*PAGE RESULTATS*/

/*********************/
/*Formulaire recherche*/
#div_formResultats {
  width: 740px;
  margin: 10px 0;
  float: left;
  -margin: 0;
  /padding: 0px;
}

div#soustitre_etape2 {
color: #573268;
font-size: 12px;
float: left;
-margin-top: 12px;
}

div#maselection {
	background-color: #8B5E9E;
  width: 740px;
  margin-bottom: 0;
  float: left;
  border-bottom: 1px solid white;
}
div#maselection p {
margin: 10px 20px;
}
div#lieu.resultats {
  float: left;
  margin: 0 0 10px 20px;
  border-right: 1px solid #c2c2c2;
  width:250px;
}
div#monactivite.resultats {
  float: left;
  margin: 0 0 0 25px;
}
div#monactivite.resultats, div#lieu.resultats  {
  -margin: 0 0 0 10px;
}




select#departement.resultats {
  width: 200px;
  margin-right: 15px;
}
#table_ville.resultats,
#table_etab.resultats {
  width: 205px;
}
#table_ville.resultats a.aide {
  margin-top: -2px;
  /margin: 0 0 0 2px;
  background: url(../img/icoAideVioletClair.png) no-repeat;
  background-position: top;
}
#table_ville.resultats a.aide:hover {
   background-position: bottom;
}

input#ville.resultats {
  width: 170px;
}
select.resultats {
  width: 220px;
}
div#monactivite select.resultats,
#actesspe {
  margin: 0 15px 0 0;
  width: 180px;
}
table.resultats  td {
  font-size: 9pt;
}
table#activiteCases{
  height: 20px;
  line-height: 20px;
  margin-bottom: 5px;
  width: 100%;
}
table#activiteDetails {
  height: 40px;
  line-height: 40px;
}

/*Mon choix*/
div#monchoix.resultats {
  float: left;
  margin: 0 0 0 20px;
  /*border-top: 1px solid #c2c2c2;*/
  width: 700px;
  -margin: 10px;
}
div#monchoix.resultats div {
  float: left;
  margin-top: 10px;
  width: 100%;
}
table#urgencesRea,
table#equipements {
  width: 700px;
  margin: 0 auto 5px auto;
}
table#urgencesRea td,
table#equipements td {
  white-space: nowrap;
}

#equipements span {
display: block; 
float: left;
}
/*Bouton rechercher icone*/
a.btn_searchIco {
  background: url(../img/btnIcoSearch.png) no-repeat;
  background-position: top;
  height: 40px;
  line-height: 25px;
  width: 38px;
  display: block;
  float: right;
  text-align: center;
  font-weight: normal;
  clear: both;
  float: right;
}
a.btn_searchIco:hover {
  background-position: bottom;
  text-decoration: none;
}

/********************************************/
/********************************************/
/*Formulaire recherche*/
#div_choix {
  height: auto;
  /* background: #fbe4af; */
  background-color:#573268;
  float: left;
  width: 740px;
  border: 1px solid white;
  border-left: 0;
  border-right: 0;
  margin-bottom: 0px;
}
div.content {
  margin: 15px;
  margin-left: 20px;
  margin-right: 0px;
  -margin: 15px 0 5px 10px;
  float: left;
}
#div_guide {
  background: #f4f0f7;
  border-right: 1px solid white;
  width: 210px;
  float: right;
  margin: 0;
  height: 100%;
  /padding-bottom: 15px;
  -padding-bottom: 0;
}

#div_guide div.content {
  margin: 15px;
  -margin: 20px 8px;
}
#div_guide ol {
  margin-bottom: 0;
}
p.guide {
  color: #ddd;
  font-style: italic;
  margin-top: 0;
  display: block;
  clear: both;
  padding-top: 5px;
  /padding-top: 0px;
  /margin-top: -5px;
  /margin-bottom: 10px;
  -margin-top: 10px;
}
p.guide a {
  color: #ddd;
}
#div_guide li {
  color: #7d7d7d;
  margin: 0 0;
}
#div_indicateurs {
  margin: 2px 0 1px 0;
  float: left;
  width: 522px;
  -width: 500px;
  height: auto;
}

table#indicateurs {
  margin-bottom: 5px;
}
#div_indicateurs h4,
#div_indicateurs table {
  /*color: #b95915;*/
}
div.star {
  width: 13px;
  height: 13px;
  float: left;
  margin: 0 2px;
}
#div_indicateurs div.starpleine {
  background: url(../img/starOpleine.png) no-repeat;
}
#div_indicateurs div.starvide {
  background: url(../img/starOvide.png) no-repeat;
}
#div_indicateurs div.stardefaut {
  background: url(../img/starOdefaut.png) no-repeat;
}
a.aideOrange {
  background: url(../img/icoAideViolet.png) no-repeat;
  background-position: top left;
  height: 18px;
  display: block;
  float: left;
  padding-left: 20px;
  color: #ffffff;/*#573268;*/
  font-weight: normal;
  text-decoration: underline;
  font-size: 7pt;
  margin-right: 10px;
  -margin-right: 5px;
}
a.aideOrange:hover {
  background-position: bottom left;
}

/*Liste de résultats*/
div#spanAlert {
  background-color: #ffffff;
  padding: 10px ;
}
span.alert {
  color: #b95915;
  font-style: italic;
  font-size: 8pt;
}
div#spanAlert a {
  color: #b95915;
  font-style: italic;
  font-size: 8pt;
}
#div_listeResultats {
  float: left;
  width: 740px;
  background-color: #FFF;
}
#div_infoChb {
  color: #d5c2de;
  font-size: 7pt;
  font-style: italic;
  background-color: #573268;
  /background: #4b285c;
  float: left;
  margin-top: 4px;
  font-weight: normal;
  width: 738px;
}
#div_infoChb div.content {
  margin: 5px 10px;
  float: left;
  /padding-bottom: 5px;
}
#div_fiches {
  float: left;
  width: 740px;
}
table.fiches {
  color: white;
  border-spacing:1px;
  text-align: left;
  width: 740px;
  margin-left: -1px;
}
table.fiches th {
  background-color: #573268;
  /background: #4b285c;
  padding: 5px;
  font-size: 8pt;
}
table.fiches td {
  padding: 5px;
  font-size: 9pt;
}
table.fiches th a {
  font-weight: normal;
  text-decoration: none;
}
.icalin {
  width: 100px;
}
.certification {
  width: 90px;
}
.tarif {
  width: 170px;
}
.etab{
  width: 304px;
}

a.triHaut {
  background: url(../img/icoTriHaut.png) no-repeat;
  background-position: top right;
  height: 15px;
  padding-right: 20px;
}
a.triBas {
  background: url(../img/icoTriBas.png) no-repeat;
  background-position: bottom right;
  height: 15px;
  padding-right: 20px;
}
tr.minifiche {
  background-color: #ac8cbd;
}
tr.minifichesurvol {
  background-color: #d0badb;
}
div.avisPatients {
  background-color: #bea2cd;
  float: right;
  position: relative;
  bottom: 0;
  right: 0;
  color: #573268;
  font-size: 8pt;
  padding: 2px 5px;
}
div.avisPatients div.content {
  margin: 5px;

}
td.tarif {
  text-align: center;
}
#div_fiches div.starpleine {
  background: url(../img/starVpleine.png) no-repeat;
}
#div_fiches div.starvide {
  background: url(../img/starVvide.png) no-repeat;
}
#div_fiches div.stardefaut {
  background: url(../img/starVdefaut.png) no-repeat;
}

/********************************************/
/********************************************/
/*PAGE FICHE ETABLISSEMENT*/

#div_etape3 {
  margin-bottom: 0;
}
#div_ficheComplete {
  float: left;
  width: 740px;
}
a.retourResultats {
  background: url(../img/btnRetour.png) no-repeat;
  background-position: top;
  height: 34px;
  line-height: 25px;
  width: 256px;
  display: block;
  float: right;
  margin: 0px 10px 0 0;
  text-align: center;
  font-weight: normal;
  text-decoration: none;
}
a.retourResultats:hover {
  background-position: bottom;
  text-decoration: none;
}
a.retourResultats span{
  margin-left: 14px;
}
#ficheFond{
  height: auto;
  background:  url(../img/fond.png) repeat-y;
  float: left;
  width: 740px;
  /width: 742px;
  border: 2px solid white;
  border-left: 0px;
  margin-bottom: 10px;
}
#div_colonneDroite {
  width: 213px;
  -width: 200px;
  float: right;
  color: white;
  height: 100%;
}
#div_colonneGauche{
  width: 526px;
  float: left;
  color: white;
  -width: 516px;
}
#div_presentation {
  background-color: #ac8cbd;
  float: left;
  height: auto;
  /margin-bottom: -10px;
  color: white;
  width: 740px; 
  /padding-bottom: 15px;
  -padding: 10px 0 15px 8px;
  -width: 732px; 
}
#div_presentation div.content {
}
span.titreBlanc{
  font-size: 11pt;
  font-weight: bold;
  display: block;
  float: left;
}
td.price {
  text-align: right;
  width: 40px;
}
td.nom {
  text-align: left;
  width: 130px;
}
td.picto {
  text-align: left;
  width: 26px;
}
#div_colonneDroite table {
  font-size: 7.5pt;
  width: 100%;
}
div.div_carte {
  width: 380px;
  height: 350px;
  float: left;
  background-color: #eeeeee;
  margin-right: 20px;
  border:1px solid white;
}
#googlemap {
  width: 380px;
  height: 330px;
  margin: 0 auto;
  clear: both;
}
div.div_carte a {
  color: #AC8CBD;
}
div.coordonnees {
  height: 150px;
  width: 300px;
  float: left;
}
#div_presentation div.avisPatients{
  width: 230px;
  height: 30px;
  line-height: 20px;
  float: right;
  text-align: left;
}
div.avisPatients div.starpleine {
  background: url(../img/starVpleine.png) no-repeat;
}
div.avisPatients div.starvide {
  background: url(../img/starVvide.png) no-repeat;
}
div.avisPatients div.stardefaut {
  background: url(../img/starVdefaut.png) no-repeat;
}
div.stars {
  float: right;
  margin-left: 5px;
  margin-right: 15px;
}

table#indicateurs tr {
  vertical-align: bottom;
  font-size: 8pt;
}
table#indicateurs input[type="radio"] {
  height: 10px;
  width: 10px;
}
table#indicateurs input[type="radio"], x:-moz-any-link  {
  height: 8px;
}
div.indicateurs {
  width: 526px;
  margin: 0 0 1px 0;
  float: left;
  background-color: #fbe4af;
  border-bottom: 1px solid white;
  border-top: 1px solid white;
  /margin-top: 10px;
  -width: 516px;
}
div.indicateurs div.starpleine {
  background: url(../img/starOpleine.png) no-repeat;
}
div.indicateurs div.starvide {
  background: url(../img/starOvide.png) no-repeat;
}
div.indicateurs div.stardefaut {
  background: url(../img/starOdefaut.png) no-repeat;
}
a.btnSpecialites {
  background: url(../img/btnSpecialites.png) no-repeat;
  background-position: top;
  height: 34px;
  line-height: 25px;
  width: 178px;
  display: block;
  float: left;
  margin: 0px 10px 0 20px;
  text-align: center;
  font-weight: normal;
  text-decoration: none;
  /margin: 0px 8px 0 8px;
}
a.btnSpecialites:hover {
  background-position: bottom;
  text-decoration: none;
}
a.btnSpecialites span{
  margin-left: 14px;
}

div.indicateurs h4,
div.indicateurs table {
  color: #B95915;
}
a.btnDonneesOf {
  background: url(../img/btnDonneesOfficielles.png) no-repeat;
  background-position: top;
  height: 34px;
  line-height: 25px;
  width: 225px;
  display: block;
  float: left;
  margin: 2px 20px 0 0;
  text-align: center;
  font-weight: normal;
  text-decoration: none;
  -margin-right: 15px;
}
a.btnDonneesOf:hover {
  background-position: bottom;
  text-decoration: none;
}
a.btnAvis{
  background: url(../img/btnAvis.png) no-repeat;
  background-position: top;
  height: 34px;
  line-height: 25px;
  width: 140px;
  display: block;
  float: left;
  margin: 2px;
  text-align: center;
  font-weight: normal;
  text-decoration: none;
}
div.infoMed {
  color: #573268;
}
table.infoMed {
  color: #573268;
  border:1px solid #e8d8f0;
  background-color: #e8d8f0;
  margin: 10px auto;
  width: 505px;
}
table.infoMed th {
	text-align:center;
}
span.bleu {
  color: #573268;
}

/********************************************/
/********************************************/
div.div_methode {
  min-height:400px;
}
div.div_methode,
div.div_methode p {
  text-align:justify;
  color: #333;
}
div.div_methode a {
  color: #964890;
}
/********************************************/
/********************************************/
/* pour le popup */

body.map {
  font-size:10px;
  *font-size:1em;
  margin: 0 auto;
  /*  height: 420px;*/
  width: 510px;
  border:none;
  background:#573268;
}
div#popup {
  height: 430px;
  width: 510px;
  margin: 0;
  float: none;
  clear: both;
  background:#573268;
}
div#popup_actes {
  margin: 0;
  background:#573268;
  width: 500px;
  height:100%;
}
div#popup_actes ul {
  position:relative;
  text-align:left;
  color:#fff;
  margin-left:0px;
  font-family:Arial;
  background:#573268;
}
div#popup_actes li {
  margin-bottom: 5px;
  background:#573268;
}
ul.actesmed li {
  font-size:smaller;
}
span.volume {
  position: absolute;
  right:20px;
  text-align: right;
  font-family:Arial;
}
#popup_actes h3, #sb-content h3 {
  color: #d0badb;
}

#sb-content {
margin: 20px;
}

span.qte_sae{padding-left:30px;}