/* ------------------ Contenu principal -------------------- */


#colonne-contenu {
    float : left;
    width : 824px;
    padding : 0 0 9px 7px;
    margin : 0;
}

* html #colonne-contenu {
  width : 831px;
}


#liste-etablissements {
    float : left;
    width : 100%;
    clear : both;
    background : url(../img/listeetab_ombre_bas.gif) bottom center no-repeat;
    padding-bottom : 15px;
    margin-bottom : 10px;
}


#liste-etablissements ul {
    float : left;
    width : 100%;
    clear : both;
}


#liste-etablissements li {
    float : left;
    width : 100%;
    clear : both;
    margin : 0 0 1em 0;
    padding : 10px 0 0 8px;
}

#liste-etablissements li.separation-ville {
    background : url(../img/listeetab_fond_ville.gif) top left no-repeat;
}



#liste-etablissements li h2 {
    color : #990000;
    padding : 1px 0 12px 4px;
}

#liste-etablissements li h2 em {
    color : #990000;
    font-weight : normal;
    font-style : normal;
}


.infos-etablissement {
    float : left;
    clear : both;
    width : 98%;
    background : url(../img/listeetab_bandecote.gif) top left repeat-y;
}


.trait-bas {
    float : left;
    clear : both;
    width : 100%;
    background : url(../img/listeetab_traitbas.gif) bottom left no-repeat;
}


#liste-etablissements .description {
    float : left;
    width : 400px;
    overflow : visible;
    border-top : 2px solid #e5e5e5;
    padding-left : 20px;
    padding-bottom : 8px;
}


#liste-etablissements .description h3 {
    color : #505050;
    margin-left : -20px;
}

.liste-actualites #liste-etablissements .description h3 {
    margin-left : 7px;
}

#liste-etablissements .description h3 a {
	float : left;
	width : 92%;
   color : #505050;
   padding-top : .3em;
}

#liste-etablissements .description h3 input {
	 float : left;
    position : relative;
    margin-right : 8px;     
}

#liste-etablissements .description h3 img {
    float : left;
    position : relative;
    /*margin-right : 8px;*/
	margin : 5px 8px 0 4px;
}

#liste-etablissements .description p {
    padding-left : 8px;
    width : 96%;
    color : #505050;
}

#liste-etablissements .description p a {
    color : #505050;
}


#liste-etablissements .description p em.coordonnees-gps {
    color : #8C8A8A;
}

#liste-etablissements .description p.notre-plus {
    font-weight : bold;
}


#liste-etablissements .qualite-labels {
    float : left;
    width : 95%;
    clear : both;
    margin : 1px;

}

#liste-etablissements .qualite-labels img {
   border : 10px solid #fff;
}



#liste-etablissements .photo {
    float : left;
    width : 139px;
    border-top : 2px solid #e5e5e5;
    padding : 4px;
}

#liste-etablissements .photo img {

}


#liste-etablissements .liste-pictos {
    float : left;
    width : 100%;
    clear : both;
    padding : 4px 0;
}

#liste-etablissements .liste-pictos img {
    border : 2px solid #fff;
}

#liste-etablissements .caracteristiques {
    float : right;
    width : 234px;
    background : url(../img/listeetab_carac_haut.gif) top left no-repeat;
    padding : 0;
    margin : 0 0 0 6px;
    padding-top : 11px;
}

#liste-etablissements .caracteristiques ol {
    float : left;
    width : 100%;
    background : url(../img/listeetab_carac_bas.gif) bottom left no-repeat;
    padding : 0;
    margin : 0;
    padding-bottom : 9px;
}

#liste-etablissements .caracteristiques li {
    float : left;
    clear : both;
    width : 217px;
    border-left : 1px solid #F3EBE5;
    border-right : 1px solid #F3EBE5;
    padding : 1px 0 1px 15px;
    margin : 0;
    color : #5A5959;
    font-size : .85em;
}

* html #liste-etablissements .caracteristiques li {
  width : 234px;
}

#liste-etablissements .caracteristiques li.alternatif {
    background : #F3EBE5;
}



/* ----------- Filtres et infos de recherche --------- */

#filtres {
    float : left;
    width : 566px;
    background : #EBEAE9;
    padding : 10px 0 10px 12px;
    margin : .6em .8em 0 0;
}

#colonne-contenu.liste-evenements #filtres {
  width : 546px;
  padding : 0;
  background : transparent;
}

#filtres var {
    display : none;
}


#filtres p {
    color : #505050;
    font-weight : bold;
    font-size : 1em;
}

#filtres p a {
    color : #505050;
    font-weight : bold;
    text-decoration : underline;
}


#filtres .liste-deroulante {
    float : left;
    width : 170px;
    padding : 10px 0 10px 15px;
}

#filtres .champ-ajax label,
#filtres .champ-recherche label,
#filtres .liste-deroulante label {
    float : left;
    clear : both;
    color : #9D0127;
    font-weight : bold;
    font-size : 1em;
}

#filtres .liste-deroulante label em {
    font-weight : normal;
    color : #676767;
    font-size : .9em;
}

#filtres .liste-deroulante select {
    width : 95%;
    border : none;
    background : #fff;
    color : #990000;
    font-size : .8em;
}

#filtres .liste-deroulante .bouton-ajouter {
    float : left;
    width : 90%;
    clear : both;
    background : url(../img/listeetab_ajouter.gif) 148px 7px no-repeat;
    padding-left : 5px;
    padding-top : 4px;
}


#filtres .liste-deroulante .bouton-ajouter a {
    font-style : italic;
    color : #676767;
    text-decoration : none;
    font-size : .8em;
    line-height : 140%;

}
#filtres .liste-deroulante .bouton-ajouter a:hover { text-decoration : underline; }

#filtres .liste-deroulante ul.liste-selection {
    float : left;
    width : 100%;
    clear : both;
    padding-top : 10px;
}

#filtres .liste-deroulante ul.liste-selection li {
    float : left;
    width : 100%;
    clear : both;
    padding : 0;
    margin : 0;
}

#filtres .liste-deroulante ul.liste-selection p {
    float : left;
    clear : none;
    color : #990000;
    font-size : .9em;
    font-weight : normal;
    width : 90%;
    padding : 0;
    margin : 0;
}

#filtres .liste-deroulante ul.liste-selection li input {
    float : left;
    clear : none;
    margin-top : 3px;
}


#filtres .lancer-recherche {
    float : left;
    width : 100%;
    clear : both;
    text-align : right;
}

#filtres .lancer-recherche input {
    display : inline;
    margin-right : 18px;
}


#colonne-contenu.liste-evenements #filtres .lancer-recherche {
  width : 461px;
  text-align : right;
  padding : 5px 0 15px 0;
}

#colonne-contenu.liste-evenements #filtres .lancer-recherche input {
  float : right;
  margin : 0;
}

#filtres .champ-recherche,
#filtres .champ-ajax {
    float : left;
    width : 100%;
    clear : both;
    margin-left : 1.1em;
}

#filtres .champ-recherche {
  margin : 1em 0 1em 1.1em;
}


#filtres .champ-recherche input,
#filtres .champ-ajax input {
    width : 8em;
    padding-left : 12px;
    background : #fff url(../img/admin/liste_ajax_fond.gif) 2px 55% no-repeat;
    border : none;
    margin-left : 5px;
}

#filtres .champ-recherche input {
  float : left;
  background : #fff;
  padding-left : 4px;
  width : 20em;
  color : #990000;
  font-size : .8em;
  margin-top : 0;
}

#filtres  .champ-recherche input#bouton_filtrer {
  width : auto;
  height : auto;
  padding : 0;
}

#colonne-contenu.liste-evenements #filtres .champ-recherche {
  margin : 0 0 0 1.1em;
}

#colonne-contenu.liste-evenements #filtres .champ-recherche,
#colonne-contenu.liste-evenements #filtres .champ-ajax {
  padding-top : 5px;
}


#colonne-contenu.liste-evenements #filtres .champ-recherche label,
#colonne-contenu.liste-evenements #filtres .champ-ajax label {
    float : left;
    width : 280px;
    color : #990000;
    font-weight : bold;
    font-size : 1.2em;
    padding-left : 30px;
    margin : 0;
    text-align : left;
    background : url(../img/fleche_rouge.gif) 12px 50% no-repeat;
}

#colonne-contenu.liste-evenements #filtres .champ-recherche input,
#colonne-contenu.liste-evenements #filtres .champ-ajax input {
  width : 140px;
  border : 1px solid #E2E1E1;
  border-top : 1px solid #CBD1DA;
  font-size : .9em;
}

#colonne-contenu.liste-evenements #filtres .champ-recherche input {
  width : 148px;
}


#liste-etablissements p.resultats-recherche {
    float : left;
    width : 100%;
    clear : both;
    font-size : 1em;
    font-weight : normal;
    color : #9D0127;
    padding-top : 2em;
}



/**
 * R�sum� du carnet de voyage
 */
#carnet-voyage {
    float : left;
    width : 236px;
    margin-top: 6px;
    padding-top : 90px;
    /*margin-left : 10px;*/
    background : #990000 url(../img/carnet_mini_haut.gif) top left no-repeat;
}

#carnet-voyage table {
    width : auto;
    margin-left : 15px;
}

#carnet-voyage table th,
#carnet-voyage table td {
    font-weight : bold;
    color : #fff;
    padding : 2px 0px 2px 10px;
}

#carnet-voyage table th {
    font-weight : normal;
}

#carnet-voyage .voir-carnet {
    padding-top : 8px;
    background : #990000 url(../img/carnet_mini_bas.gif) bottom left no-repeat;
}


#carnet-voyage .voir-carnet a {
    float : right;
    color : #fff;
    font-weight : bold;
    padding : 0 17px 7px 0;
}


/* ----------- Liste des num�ros de pages et liens "pr�c�dent" / "suivant" --------- */


.pagination {
    position : relative;
    float : left;
    clear : both;
    width : 100%;
    padding : .8em .4em .8em 1em;
}



/**
 * Liens suivant / pr�c�dent
 */

.suivant,
.precedent {
    float : left;
    width : auto;
    font-size : .8em;
    background : #858E98 url(../../img/admin/precedent_fond.gif) top left no-repeat;
    border : 1px solid #fff;
    padding : 1px 4px 1px 15px;
    margin : 0 .8em 0 0;
}

.suivant {
    background : #858E98 url(../../img/admin/suivant_fond.gif) top right no-repeat;
    padding : 1px 15px 1px 4px;
}

.suivant a,
.precedent a {
    color : #fff;
    font-size : 1em;
}


/**
 * Petit formulaire "aller �"
 */

.aller-a {
    float : left;
    width : auto;
    padding : 0 4em 0 1em;
    font-size : .8em;
}


.aller-a label {
    float : left;
    width : auto;
    font-size : .8em;
}

.aller-a input.champ-texte {
    float : left;
    border : 1px solid #D2D1D1;
    border-top : 1px solid #A9A8A8;
    width : 3em;
    padding : 0;
    font-size : .8em;
    margin : 0 2px 0 0;
}


/**
 * Liste des num�ros de page
 */

.liste-numeros {
    float : left;
    width : auto;
}

.liste-numeros span {
    float : left;
    color : #4D4D4D;
    width : auto;
    padding : .2em .3em;
    margin : 0 .3em 0 0;
    font-size : .9em;
    line-height : 100%;
}

.liste-numeros a:hover,
.liste-numeros a {
    float : left;
    width : auto;
    color : #4D4D4D;
    border : 1px solid #CFCECE;
    line-height : 100%;
    padding : .2em .3em;
    margin : 0 .3em 0 0;
    text-decoration : none;
    font-size : .9em;
}

.liste-numeros a:hover {
    background : #ADD6E7;
}

.liste-numeros span.actif {
    font-weight : bold;
    background : #ECECEC;
    border : 1px solid #ECECEC;
}