/**
 * Feuille de style principale Intranet Ouest cornouaille
 *
 */

@import "../admin/css/jm_form.css";
@import "js_console.css";
@import "disponibilites.css";
@import "admin_form.css";
@import "../admin/css/calendrier.css";
@import "../admin/css/rich_text.css";
@import "../admin/css/admin_liste.css";

p, h1, h2, h3, h4, h5, h6, div, table, tr, td,
ul, ol, li, dt, dl, dd, img, form {
  font-family : Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, Sans-Serif;
  font-size : 12px;
}

img {
  border : 0;
}

html{
  overflow-x : auto; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
}

body {
  background : #D8D1C0;
  text-align : center;
  padding : 0;
  margin : 0;
}

/* .formrow-m input,
 .formrow-s input,
 .formrow-xs input {
    padding : 0;
    margin : 0;
    border : 1px solid #BAAC8B;
}*/

.only-print {
    display : none;
}


/* Styles principaux
--------------------------------------------------*/


#main-space {
  position : relative;
  display : block;
  clear : both;
  width : 760px;
  margin : 0px auto;
  padding : 0;
  background : #F9F6F0;
  text-align : center;
  overflow : hidden;
}


h1 {
  font-size : 1.3em;
  font-weight : bold;
  color : #C62929;
  margin : 0.6em;
}

h1 a {
 text-decoration : none;
}


#office-nom {
  float : left;
  clear : both;
  width : 100%;
  margin : 0;
  padding : 0;
  background : #EDEAE4;
    text-align : left;
}

#office-nom h1 {
    float : left;
    width : 70%;
  color : #000;
  margin : 1em;
}


#footer {
  float : left;
  clear : both;
  width : 90%;
  line-height : 1.5em;
  margin : 0 0 0 1em;
  padding : 0.5em 0 0.8em 0;
}



/* Breadcrumb
--------------------------------------------------*/

#breadcrumb {
  float : left;
  clear : both;
  width : 90%;
  list-style-type : none;
  margin : 0.5em 0 0.8em 1em;
    text-align : left;
}

#breadcrumb li {
    display : inline;
    font-size : 0.9em;
}

.breadcrumb-selected {
    font-weight : bold;
}

#breadcrumb a,
#footer a {

  color : #333;
  text-decoration : none;
  line-height : 1.5em;
}

#breadcrumb a.selected {
  font-weight : bold;
}

#footer a {
  padding-left : 15px;
  background : url(../img/navigation_revenir.gif) no-repeat 0 0.2em;
}

#breadcrumb a:hover,
#breadcrumb a:focus,
#footer a:hover,
#footer a:focus {
  color : #CC6600;
  text-decoration : underline;
}

/* formulaire de recherche
--------------------------------------------------*/

#form-rechercher {
  float : left;
  clear : both;
  width : 90%;
  margin : 0.4em 5%;
  text-align : left;
  border : 1px solid #EDEAE4;
}

* html #form-rechercher {
  margin-left : 2.5%;
  margin-right : 0;
}


#form-rechercher h2 {
    float : left;
    width : 98%;
    clear : both;
    margin : 0;
    padding : .4em;
}



#form-rechercher .formrow-m,
#form-rechercher .formrow-s {
    margin : 0;
    padding : .4em;
}

#form-rechercher .formrow-checkbox {
    float : left;
    width : 100%;
    clear : both;
}

.description-formulaire {
    float : left;
    width : 100%;
    clear : both;
    margin : 0;
    padding : .4em;
    font-size : .85em;
    color : #595959;
}


/* Liste des locations
--------------------------------------------------*/

#rechercher-location {
    display : block;
    width : 100%;
    padding : 1em;
    padding-left : 25%;
}


#liste-location {
    display : block;
  width : 90%;
  margin : 0.4em auto;
  text-align : left;
  /*float : left;*/
  clear : both;
    overflow : hidden;
  border : 1px solid #EDEAE4;
}


.etablissements-list {
  float : left;
  clear : both;
  width : 100%;
  padding : 0;
  margin : 0;
  list-style-type : none;
  background : #fff;
}

.etablissements-list li {
  position : relative;
  float : left;
  clear : both;
  width : 100%;
  margin : 0 0 0 0;
  padding : 0 0 1.6em 0;
  font-size : 0.9em;
  list-style-type : none;
  border-top : 4px solid #f2f2f2;
  border-bottom : 1px solid #e0e0e0;
}


#liste-location li p {
  /*color : #666;*/
}


.confort-box,
.adresse-box,
.illustration-box,
.infos-box,
.autresinfos-box,
.tarifs-box {
  float : left;
  margin-top : 1em;
  width : 5%;
}

.adresse-box {
  width : 33%;
  color : #333;
  font-size : 1em;
}

.general-col .adresse-box {
  width : 50%;
}

.illustration-box {
  width : 138px;
}

.general-col .illustration-box {
  width : 140px;
}


.infos-box {
  width : 44%;
}

.infos-desc-box {
    float : left;
    clear : both;
    width : 100%;
    margin : 1em 0 0.5em 0;
}

.infos-box h2 {
  float : left;
  clear : both;
  width : 100%;
  margin : 0.5em 0;
  padding : 0;
  line-height : 140%;
  color : #90763B;
  font-size : 0.9em;
}

.infos-box span {
  float : left;
  width : 49%;
  font-size : 0.9em;
  color : #666;
  background : #f7f7f7;
  margin : 1px;
  padding : 0.1em 0;
}

.infos-box p {
  font-size : 0.9em;
  color : #333;
  margin : 0.5em 0;
  padding : 0;
}

.location-classement {
  float : left;
  clear : both;
  width : 100%;
  margin : 0;
  line-height : 1.3em;
  margin-bottom : 0.5em;
}

.location-classement em {
  color : #666;
}


#liste-location .location-title {
  /*position : absolute;*/
  width : 96%;
  top : 0;
  left : 0;
  float : right;
  clear : both;
  padding : 0;
  background : #f2f2f2 url(../img/angle_toolbar.gif) no-repeat bottom left;
}

#liste-location .location-title h2 {
  float : left;
  /*width : 60%;*/
  line-height : 1.8em;
  margin : 0.2em 0.2em 0.2em 2px;
  padding : 0 0.3em;
  color : #90763B;
  font-size : 0.9em;
  line-height : 1.4em;
}

#liste-location .location-title h2 em {
  font-weight : normal;
}

#liste-location .location-title img {
  margin-left : 0.6em;
}

#liste-location .location-actions {
  /*position : absolute;*/
  top : 0;
  right : 0;
  float : right;
  border-left : 2px solid #fff;
  /*width : 90%;*/
  /*background : #f2f2f2 url(../img/angle_toolbar.gif) no-repeat bottom left;*/
}


.imprimer-lien {
    color : #555;
    font-size : 0.9em;
}

.imprimer-lien:hover {
    color : #CC6600;
}

.imprimer-action,
.detail-location,
.disponibilites-location,
.modifier-location,
.supprimer-location {
  float : left;
  /*width : 6.5em;*/
  height : 1.3em;
  margin : 0 0.3em 0 0;
  padding : 0.2em 0.4em 0.6em 1.9em;
  text-decoration : none;
  background : url(../img/detail_location.gif) no-repeat 3px 0px;
  /*border : 1px solid #e5e5e5;*/
  line-height : 1.4em;
  color : #555;
  font-size : 0.9em;
}



.imprimer-action:hover,
.detail-location:hover,
.disponibilites-location:hover,
.modifier-location:hover,
.supprimer-location:hover {
  text-decoration : underline;
  background-position : 3px -23px;
  background-repeat : no-repeat;
  color : #CC6600;
}

/*.imprimer-action:hover {
    background-image :  none;
}*/

.disponibilites-location {
  background-image :  url(../img/disponibilites_location.gif);
}

.modifier-location {
  background-image :  url(../img/modifier_location.gif);
}

.supprimer-location {
  background-image :  url(../img/supprimer_location.gif);
}

.imprimer-action {
    background-image :  url(../img/imprimer_location.gif);
}


.general-col {
  float : left;
  width : 50%;
}

.autresinfos-box {
  width : 90%;
  margin-left : 2%;
  padding-left : 0.5em;
  margin-bottom : 2em;
  font-size : 0.9em;
  color : #444;
}

.autresinfos-box a:hover,
.autresinfos-box a:focus,
.autresinfos-box a:visited,
.autresinfos-box a {
    color : #444;
}

.autresinfos-box a:hover,
.autresinfos-box a:focus {
  color : #CC6600;
}

.autresinfos-box h3 {
  margin : 0 0 0.3em 0;
  color : #90763B;
}

.autresinfos-box p {
  margin : 0 0 0.5em 0;
  color : #555;
  line-height : 140%;

}


/* Navigation par page
--------------------------------------------------*/

.tarifs-box {
  width : 70%;
  margin-left : 1em;
  margin-top : 3em;
}

.tarifs-box table {
  border : 1px solid #fff;
  background : #f7f7f7;
}


.tarifs-box tbody {

}

.tarifs-box tr {
  border : none;
}

.tarifs-box td,
.tarifs-box th {
  border : 1px solid #fff;
  border-top : none;
  border-left : none;
  padding : 0.4em 0.8em;
  color : #444;
}

.tarifs-box th {
  font-weight : bold;
  color : #696969;
  font-size : 0.9em;
  /*white-space : nowrap;*/
}


td.tarif {
  color : #807459;
  font-family : "Times New Roman", "serif";
  font-size : 1.2em;
  white-space : nowrap;
  text-align : center;
}

.tarif span {
  color : #000;
  margin : 0 0.1em;
}


.tarifs-box td em {
  color : #696969;
  font-size : 0.9em;
}

span.charges-infos {
  color : #6C582C;
  font-size : 0.5em;
  font-variant : small-caps;
  font-family : Arial, Geneva, Helvetica, Sans-Serif;
  vertical-align : bottom;
  line-height : 0.6em;
  letter-spacing : 0.1em;
  margin-left : 0.2em;
  /*margin-bottom : -5px;*/
  /*padding : 0;*/
}


.tarifs-box .legende {
  font-size : 0.75em;
  color : #696969;
  line-height : 140%;
}


/* Navigation par page
--------------------------------------------------*/


.navigation-page {
  position : relative;
  float : left;
  clear : both;
  width : 100%;
  background : #CFC8B8;
}


.lien-page,
.infos-page,
.lien-page-right {
    float : left;
    border : 1px solid #e5e5e5;
    padding : 0.2em;
    margin : 0.4em;
    font-size : 1.1em;
}

.lien-page {
  position : absolute;
  left : 0;
  background : #CFC8B8;
}

.lien-page-right {
  position : absolute;
  right : 0;
}

.infos-page {
  width : 80%;
  border : none;
  text-align : center;
  line-height : 1.7em;
  padding-left : 9%;
}

.lien-page a,
.lien-page a:focus,
.lien-page a:active {
    font-weight : bold;
    color : #fff;
    text-decoration : none;

}

.lien-page a:hover {
    text-decoration : underline;
}

.lien-page-right a,
.lien-page-right a:focus,
.lien-page-right a:active {
    font-weight : bold;
    color : #fff;
    text-decoration : none;

}

.lien-page-right a:hover {
    text-decoration : underline;
}


.autres-photos {
  float : left;
  clear : both;
  width : 95%;
}

/* Photo des locations
--------------------------------------------------*/

.image-box {
  float : left;
  margin : 0.1em 0.4em 0 0.4em;
  background : url(../img/illustration_shadow_tl.gif) no-repeat top left;
}


.image-box div {
  float : left;
  background : url(../img/illustration_shadow_tr.gif) no-repeat top right;
}


.image-box div div {
  float : left;
  background : url(../img/illustration_shadow_br.gif) no-repeat bottom right;
}

.image-box .shadow {
  position : relative;
  float : left;
  background : url(../img/illustration_shadow_bl.gif) no-repeat bottom left;
  padding : 3px 4px 4px 3px;
}

* html .image-box .shadow {
  padding : 3px 3px 5px 2px;
}

.image-box img {
  margin : 1px;
  display : block;
  padding : 0;
  float : left;
  border : none;
}

.image-box span,
.image-box a {
  float : left;
}

.image-box .loupe {
  position : absolute;
  bottom : 0px;
  left : 0px;
  display : block;
  height : 16px;
  width : 14px;
  background : url(../img/illustration_loupe.gif) no-repeat 0 0;
}


/* Photo des locations
--------------------------------------------------*/


#identification {
    display : block;
    background : #fff;
    width : 60%;
    margin : 0 auto;
    overflow : visible;
}


#identification .formrow-m input {
    width : 40%;
}


/* Login et styles associés
--------------------------------------------------*/


#login-prompt {
    display : block;
    top : 0;
    right : 0;
    float : right;
    width : 150px;
    background : #F9F6F0;
    padding : 0.4em;
    margin : 0.4em;
    text-align : center;
}


#login-prompt a:focus,
#login-prompt a:hover,
#login-prompt a {
    color : #696969;
}


/* Boite de messages
--------------------------------------------------------*/

#messages-box {
  display : block;
  clear : both;
  margin : 2em auto;
  padding : 1em;
  width : 70%;
  background : #f2f2f2;
  border : 1px solid #e5e5e5;
}

#messages-box p {
  float : none;
  font-size : 1em;
  margin : 0;
  padding : 0;
}



/* bon à tirer
--------------------------------------------------------*/


#bat-impression {
    display : block;
    clear : both;
    width : 96%;
    padding : 2%;
}

#bat-impression p {
    line-height : 150%;
}

#bat-impression input {
    display : inline;
    float : none;
    clear : none;
    margin : 0;
    padding : 0;
}

#reserve-ot {
    display : block;
    clear : both;
    width : 96%;
    padding : 2%;
    border : 1px solid #000;
}


/* Spécial impression
--------------------------------------------------------*/

@media print {

    body {
      background : #fff;
      margin : 0;
      padding : 0;
    }


    #main-space {
      width : 100%;
      margin : 0;
      padding : 0;
      background : #fff;
      overflow : visible;
    }

    #liste-location {
      width : 100%;
      margin : 0;
      border : none;
    }

    .lien-page-right,
    .lien-page,
    .imprimer-lien,
    .imprimer-action,
    .detail-location,
    .disponibilites-location,
    .modifier-location,
    .supprimer-location {
      display : none;
    }

    .adresse-box {
      width : 25%;
      font-size : 0.9em;
    }

    .illustration-box {
      width : auto;
    }

    .illustration-box img {
      margin : 0;
      padding : 0;
    }

    .location-classement {
        font-size : 0.9em;
    }


    #liste-location li {
        position : static;
        float : none;
        display : block;
        page-break-after: auto;
        page-break-inside: avoid;
        border-top : 1px solid #000;
        border-bottom : none;
        /*margin-bottom : 1em;*/
        padding-bottom : 1em;
    }

    .navigation-page {
      position : static;
    }



    #liste-location .location-title {
      width : 100%;
      float : left;
      clear : both;
      padding : 0;
      margin : 0;
      background : #fff;
    }

    #liste-location .location-title h2 {
      float : left;
      margin : 0;
      padding : 0;
      color : #999;
    }

    .tarifs-box table {
      border : 1px solid #e5e5e5;
      border-collapse : collapse;
      background : #fff;
    }


    .tarifs-box td,
    .tarifs-box th {
      border : 1px solid #e5e5e5;
    }

    .tarifs-box th {
      font-weight : bold;
    }

    span.only-print {
        display : inline;
    }

    div.only-print {
        display : block;
    }

} /* Fin du media print */