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


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


h3 {
    color : #990000;
  font-size : 1.1em;
    background : url(../img/fleche_rouge.gif) 12px 50% no-repeat;
    padding : 0 0 0 30px;
}


p.fil-ariane {
    padding : 5px 0 10px 0;
}


/* ------------------ Textes et descriptions -------------------- */

div.informations {
    float : left;
    clear : none;
    width : 400px;
}


div.largeur-totale {
  width : 80%;
}

div.informations-savoirplus {
    float : left;
    clear : none;
    width : 800px;
}

div.barre-outils {
  float : left;
  clear : both;
  width : 95%;
  padding : 2px 0 3px 10px;
  background : #D4D3D2;
}

div.barre-outils a {
  color : #990000;
  font-weight : normal;
  font-size : .9em;
  text-decoration : none;
}
div.barre-outils a:hover { text-decoration : underline; }


.bouton-editer,
.bouton-imprimer,
.bouton-envoi,
.bouton-carnet {
  float : left;
  width : auto;
  padding : 3px 10px 3px 20px;
  background : url(../img/icone_imprimer.gif) 0 3px no-repeat;
}

.bouton-imprimer {
    background-image : url(../img/icone_imprimer.gif);
}

.bouton-envoi {
  background-image : url(../img/icone_mail.gif);
}

.bouton-editer {
  /*display: block;
  clear: both;
  overflow: hidden;
  width: 100%;*/
  background : #fff url(../img/admin/picto_editer.gif) 0 3px no-repeat;
}

.bouton-carnet {
  background-image : url(../img/icone_carnet.gif);
  background-position : 0 0;
}






div.presentation {
    float : left;
    width : 95%;
    clear : both;
    background : url(../img/listeetab_fond_ville.gif) top left no-repeat;
    padding : 10px 0 15px 8px;
    margin-top : 10px;
}

div.textes {
    float : left;
    width : 266px;
}

div.textes-savoirplus {
    float : left;
    width : 750px;
}

div.labels {
  float : left;
  width : 96px;
  overflow : hidden;
  padding-left : 15px;
}

div.labels img {
    margin : 3px;
}

div.presentation h2 {
  color : #990000;
  font-weight : normal;
  margin : 0;
  padding : 0;
}

div.presentation h1 {
  color : #990000;
  font-weight : bold;
  margin : 0;
  padding : 0;
  background : transparent;
}

div.presentation h1 em {
  font-weight : normal;
  font-style : normal;
  font-size : .8em;
}

div.presentation p {
    width : 98%;
    text-align : justify;
  color : #505050;
  font-weight : normal;
}


div.presentation a,
div.presentation p a {
  color : #990000;
  text-decoration : underline;
  font-size : .9em;
}

div.presentation p a {
  font-size : 1em;
}

div.presentation p.en-savoir-plus {

  padding : 10px 0;
}

div.presentation p.en-savoir-plus a {

}


div.caracteristiques {
    width : 95%;
    clear : both;
    border-top : 1px solid #E5E5E5;
    padding : 10px 0 15px 0;
}

.caracteristiques .textes {
    float : left;
    width : 300px;
}

.caracteristiques .images {
  float : right;
  width : 70px;
}

div.caracteristiques table {
    float : right;
  width : 258px;
}

div.caracteristiques th {
  font-style : italic;
  font-weight : normal;
  color : #505050;
  font-size : .9em;
  width : 109px;
}

div.caracteristiques td {
  font-weight : normal;
  color : #910303;
  font-size : .9em;
}

div.notre-plus {
    width : 91%;
    clear : both;
    border-top : 1px solid #E5E5E5;
    padding : 8px 25px 15px 0;
}

div.notre-plus p {
	padding : 5px 15px 0 31px;
}


/* ------------------ photos, pictos et documents multim�dias -------------------- */


div.documents {
  float : left;
  clear : none;
  /*margin-top: 4px;*/
  padding : 0 0 5px 0;
  margin : 0;
  width : 424px;
  overflow : hidden;
}

* html div.documents {
  width : 414px;
}

/**
 * Photo / vid�o � la une
 */
div.photo-video {
    float : left;
    width : 100%;
    clear : both;
    text-align : center;
    background : #DBD3CE url(../img/jeuxbretons_fond.jpg) bottom left repeat-x;
    margin-bottom : 3px;
    padding-top : 9px;
}


div.video-principale {
  padding-bottom : .8em;
}

div.photo-video div.photo {
    display : block;
    margin : 0 auto;
    overflow : hidden;
    width : 420px;
    clear : both;
}


div.photo-video a {

}

div.photo-video img {

}

div.photo-video p {
  display : block;
  overflow : hidden;
    clear : both;
  text-align : left;
  padding : 12px 130px 12px 39px;
width : 390px;
  background : url(../img/jeuxbretons_fleche.gif) 20px 16px no-repeat;
  color : #fff;
  font-size : 1.3em;
  font-weight : normal;
  /*border : 1px solid red;*/
}


/**
 * Liste des autres photos
 */
div.liste-photos {
    float : left;
    width : 100%;
    clear : both;
    padding : 5px 0 10px 0;
}

div.ombre-photo {
    margin : 0 5px 5px 0;
}
/*
* html div.ombre-photo {
  margin : 0 5px 5px 0;
}*/

div.ombre-photo a {

}

div.ombre-photo img {
  float : left;
  clear : both;
  border : 1px solid #fff;
  margin : 0;
}



/**
 * Liste des fichiers � t�l�charger
 */
div.liste-fichiers {
    float : left;
    width : 95%;
    clear : both;
    padding : 10px 0 5px 20px;
}

div.liste-fichiers ul {

}

div.liste-fichiers li {
    width : 80%;
  color : #990000;
  font-weight : bold;
  padding-bottom : 4px;
  font-size : 1em;
}

div.liste-fichiers li a {
  padding-left: 18px;
  color : #990000;
  font-weight : bold;
  text-decoration : none;
}
div.liste-fichiers li a:hover { text-decoration : underline; }



div.liste-fichiers li.pdf { background : url(../img/attachments_mini/pdf.gif) top left no-repeat; }
div.liste-fichiers li.doc { background : url(../img/attachments_mini/doc.gif) top left no-repeat; }
div.liste-fichiers li.xls { background : url(../img/attachments_mini/xls.gif) top left no-repeat; }




/**
 * Liste des pictos
 */
div.liste-pictos {
    float : left;
    width : 95%;
    clear : both;
    padding : 15px 0;
}

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


/* ------------------ Compl�ment d'information -------------------- */

.infos-complement {
    float : left;
    clear : both;
    width : 99%;
  padding : 15px 0 15px 10px;
  background : #E9E9E8;
}

* html .infos-complement {
  width : 100% !important;
}

.infos-complement div.documents {
  float : right;
  width : 390px;
  margin-right : 5px;
 }

* html .infos-complement div.documents {
  width : 390px;
}

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


.promotions {
  float : left;
  clear : both;
    width : 95%;
}


.promotions .photo {
  float : left;
  clear : none;
  width : 140px;
  overflow : hidden;
  padding : 10px 0 0 0;
  text-align : center;
}

.promotions img {

}


.promotions p {
  float : right;
  clear : none;
  width : 210px;
  padding : 10px 0 0 0;
}


.promotions p a {
  color : #990000;
}


.coordonnees-etab {
    float : left;
    width : 98%;
  border : 1px solid #D6D6D5;
  background : #AFAFAE;
  padding : 1px;
  margin : 0;
}


.coordonnees-ombre {
  float : left;
  width : 95.8%;
  background : #fff;
  padding : 16px 0 16px 16px;
}

.detail-article .coordonnees-ombre {
  width : 95.5%;
 }

* html .detail-article .coordonnees-ombre,
* html .coordonnees-ombre {
  width : 100%;
}



.coordonnees-etab p {
    float : left;
  clear : none;
    width : 45%;
    padding : 0;
    margin : 0;
  color : #505050;
  font-size : .9em;
}

/*
* html .coordonnees-etab p {
  padding-top : .4em;
  padding-bottom : .4em;
  line-height : 60%;
  height : auto;
}

* html .detail-article .coordonnees-etab p {
  line-height : 120%;
}*/

.detail-article .coordonnees-etab p {
  width : 95%;
}

.coordonnees-etab p.localisation {
  height: 145px;
  background : url(../img/ficheetab_loupe.gif) top left no-repeat;
  padding-left : 24px;
}






.coordonnees-etab p a {
  color : #990000;
}


div.proximite {
  float : left;
  clear : both;
  width : 95%;
  padding : 15px 0 15px 0;
}


div.proximite ul {
  padding : 8px 0 0 25px;
}

div.proximite ul li {
  width : 95%;
  color : #505050;
  font-size : .9em;
  border-bottom : 1px solid #fff;
  font-weight : bold;
  padding : 2px 0;
}

div.proximite ul a {
  color : #505050;
  font-weight : normal;
}



div.liens-utiles {
  clear : both;
  width : 95%;
  padding : 15px 0 15px 0;
}

div.liens-utiles p {
  width : 90%;
  color : #505050;
  padding : 0 30px 0 32px;

}


div.liens-utiles .liens-texte {
  background : none;
  padding-left : 32px;
  color : #505050;
  font-size : .9em;
}

div.liens-utiles .liens-texte h3 {
  background : none;
  padding : 0;
}

div.liens-utiles .liens-texte p {
  background : none;
  color : #505050;
  padding : 0;
  margin : 0;
}



div.liens-utiles a {
  color : #505050;
  font-weight : normal;
  border-bottom : 1px solid #fff;
  padding : 2px 0;
}


/* ------------------ Ajouts pour articles -------------------- */

.detail-article div.presentation {

}

.detail-article div.presentation table {
  width : 98% !important;
  border-collapse : collapse;
  border : 1px solid #e0e0e0;

}

.detail-article div.presentation table td {
  font-size : .9em;
  padding : 3px;
}

p.sous-titre {
  font-style : italic;
  text-align: justify;
}


.conseils {
  float : left;
  width : 100%;
  clear : both;
  padding : 15px 0;
  margin : 5px 0 5px 0;
  background : #E9E9E8;
  overflow : hidden;
}

.conseils h3 {
  display : block;
  width : 100%;
  clear : both;
  overflow : hidden;
  float : none;
}

.conseils p {
  float : left;
  clear : both;
  width : 90%;
  padding : 10px 0 0 35px;
  color : #505050;
}

.conseils div {
  float : left;
  clear : both;
  width : 90%;
  padding : 10px 0 0 35px;
}

.conseils div div,
.conseils div p {
  float : left;
  clear : both;
  width : 100%;
  padding-left : 0;
}


/* ------------------ Articles et �v�nements li�s -------------------- */

div.poursuivre-decouverte {
  float : left;
  width : 100%;
  clear : both;
  padding : 15px 0;
}


div.poursuivre-decouverte ul {
  float : left;
  clear : none;
  width : 320px;
  padding : 15px 0 15px 90px;
}

div.poursuivre-decouverte ul.articles-lies {
  background : url(../img/articledetail_fond_artlies.jpg) 15px 50% no-repeat;
}

div.poursuivre-decouverte ul.evenements-lies {
  padding-left : 50px;
  background : url(../img/articledetail_fond_evelies.gif) 5px 50% no-repeat;
}


div.poursuivre-decouverte ul li {
  width : 95%;
  margin : 0;
  padding : 5px 0;
  border-bottom : 1px solid #E9E9E8;
}

div.poursuivre-decouverte li p {
  color : #000;
  margin : 0;
  padding : 0;
}

div.poursuivre-decouverte li p a {
  color : #000;
  text-decoration : none;
}
div.poursuivre-decouverte li p a:hover { text-decoration : underline; }

div.poursuivre-decouverte li p.titre {
  font-weight : bold;
}

div.poursuivre-decouverte li p.titre em {
  font-weight : normal;
}


div.poursuivre-decouverte ul.evenements-lies li p {
  font-style : italic;
}

div.poursuivre-decouverte ul.evenements-lies li.lien-tous {
  text-align : right;
  border : none;
}


/* ------------------ Mise en page des articles pro -------------------- */



#colonne-contenu.article-pro {
  /*position : relative;*/
}

#colonne-contenu.article-pro h1 {
  background : transparent;
  padding : 10px 0 5px 15px;
}


#colonne-contenu.article-pro div.bouton-imprimer {
  /*position : absolute;
  right : 0;
  top : 30px;*/
 clear : both;
}


#colonne-contenu.article-pro div.liste-fichiers {
  padding : 15px 0 25px 0;
}


#colonne-contenu.article-pro .photo-video {
  background : transparent;
  padding : 0;
  text-align : left;
}

#colonne-contenu.article-pro .photo-video .photo {
  float : left;
  text-align : left;
  padding : 0;
}


/* ------------  Impression des pages  ------------------------ */

@media print {
   
   #colonne-contenu {
      display: inline;
      overflow: visible;
      page-break-inside: auto;
      float: none;
      /*width: 100% !important;
      height: auto;
      margin: 0;
      padding: 0;*/
   }
   
   div.barre-outils {
      display: none;
   }


    .presentation,
    .textes-savoirplus,
    .textes-savoirplus p,
    div.informations-savoirplus {
      display: inline;
      overflow: visible;
      page-break-inside: auto;
      /*
      float: none;
      width: 100% !important;
      height: auto;
      margin: 0;
      padding: 0;*/
   }


    #infos-impression {
       display : block;
    }

}