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


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

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

#colonne-contenu .motaccueil h1 {
display : block;
    width : 100%;
    text-align : left;
    clear : both;
    padding : 0 10px 10px 13px;
    margin : 0;
    font-size : 0.9em;    
	color: #505050;
	background : none;
}

#colonne-contenu .motaccueil h1 a{
	font-size : 1em;    
	color:#9C0224;
	background : none;
}

/**
 * Liste des actualites
 */

.actualites {
    float : left;
    width : 100%;
    background : #D4D3D2;
}


.actualites ul {
    padding : 0;
}


.actualites li {
    float : left;
    width : 100%;
    padding : 9px 0 9px 13px;
}

.actualites li.toutes-actualites {
    width : 95%;
    text-align : right;
    padding-right : 9px;
    border-top : 1px solid #fff;
}

.actualites li .photo {
    float : left;
    width : 78px;
    overflow : hidden;
}


.actualites li .description {
    float : left;
    width : 305px;
    padding : 0 0 0 8px;
}

.actualites li .description-section {
    float : right;
    width : 442px;
    padding : 0 20px 0 5px;
}



.actualites h2 {
    padding : 0;
    margin : 0;
    font-weight : normal;
    font-size : .85em;
}

.actualites a {
    color : #9C0224;
    font-size : .9em;
}

.actualites h2 a {
    color : #505050;
    /*font-weight : bold;*/
    font-size : 1.1em;
}


/**
 * Liste "Découvrir l'ouest cornouaille"
 */

.decouverte {
    float : left;
    width : 100%;
    background : #fff url(../img/decouvrir_bg.gif) 0 5px no-repeat;
    padding : 21px 0 15px 0;
}

.decouverte h1 {
/*    color : #990000;
    font-weight : bold;
    font-size : 1.2em;
    padding : 0 0 0 30px;
    margin : 0;
    text-align : left;
    background : url(../img/fleche_rouge.gif) 12px 50% no-repeat;*/
}


.decouverte ul {
    padding : 0;
}


.decouverte li {
    float : left;
    width : 100%;
    padding : 18px 0 0 6px;
}


.decouverte li .photo {
    float : left;
    width : 112px;
    padding-bottom : 1px;
    overflow : hidden;
}

.ombre-photo {
    float : left;
    width : auto;
    background : url(../img/decouvrir_photo_ombre.gif) bottom right no-repeat;
    padding : 0;
    text-align : left;
}


.ombre-photo a {
    float : left;
    width : auto;
    margin : 0;
    padding : 0 4px 5px 0;
}

* html .ombre-photo a {
  padding : 0 1px 5px 0;
 }


.ombre-photo a img {
    float : left;
    width : auto;
    border : 1px solid #fff;
    margin : 0;
    padding : 0;
}



.decouverte li .description {
    float : left;
    width : 282px;
    padding : 0 0 0 9px;
}


.decouverte li .description p {
    color : #505050;
    font-size : .9em;
    padding : 0;
    margin : 0;
}


.decouverte li .description p.chemin {
    color : #505050;
    font-size : .8em;
}


.decouverte h2 {
    padding : 0;
    margin : 0;
}

.decouverte a {
    color : #9C0224;
}

.decouverte h2 a {
    color : #9C0224;
    font-weight : bold;
    font-size : .9em;
}

.decouverte .description p a {
    white-space : nowrap;
    text-decoration : none;
}
.decouverte .description p a:hover {
    text-decoration : underline;
}




/* ------------------ Colonne de droite -------------------- */

#colonne-droite {
    float : left;
    overflow : hidden;
    width : 415px;
    padding : 0 0 7px 7px;
    margin : 0;
}

* html #colonne-droite {
  width : 425px;
}


#colonne-droite.sous-menu {
    float : right;
    width : 229px;
    border : 8px solid #D4D3D2;
    border-width : 5px 8px;
    margin-left : 9px;
    padding : 0;
}




/**
 * Jeux bretons (à découvrir)
 */

.jeux-bretons {
    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;
}


.jeux-bretons a {

}

.jeux-bretons img {

}

.jeux-bretons p {
    text-align : left;
    padding : 12px 0 12px 39px;
    background : url(../img/jeuxbretons_fleche.gif) 20px 16px no-repeat;
}

.jeux-bretons p a {
    color : #fff;
	padding-right: 10px; 
    font-size : 1.5em;
    font-weight : normal;
    text-decoration : none;
}


.groupe-contenus {
    float : left;
    width : 228px;
    padding : 0;
    margin-top : 10px;
    border : none;
    clear : none;
    overflow : hidden;
}



/**
 *  
 */

.agenda {
    float : left;
    width : 228px;
    clear : none;
    text-align : left;
    background : #DBD3CE url(../img/agenda_haut.gif) 0 8px no-repeat;
    padding : 14px 0 8px 0;
}


.agenda h1 {
    padding-bottom : 16px;
    background : url(../img/fleche_rouge.gif) 12px 6px no-repeat;
}


.agenda select {
    border : none;
    font-size : .9em;
    color : #9C0224;
    height : 17px;
    width : 185px;
}

.agenda .champ-texte {
    float : left;
    width : 150px;
    padding-bottom : 5px;
}

.agenda #lancer-recherche {
    padding-top : 20px;
}


.agenda .champ-texte input {
    float : left;
    border : none;
    font-size : .8em;
    color : #9C0224;
    width : 73px;
    height : 13px;
}

.agenda .champ-texte label {
    float : left;
    font-size : .9em;
    color : #9C0224;
    padding-right : 12px;
    text-align : right;
}

.agenda .bouton-calendrier {
  width : 17px;
  height : 13px;
  background : url(../img/picto_calendrier.gif) no-repeat;
 }

.agenda .case-a-cocher {
    padding-bottom : 10px;
}


.agenda .case-a-cocher input {
    float : left;
    margin : 0;
}


.agenda .case-a-cocher label {
    float : left;
    font-size : .9em;
    color : #9C0224;
    padding : 0 12px 0 6px;
    margin : 0;
    text-align : right;
    line-height : 13px;
}


#colonne-contenu .agenda p,
.agenda p {
    font-weight : normal;
    font-size : .9em;
    padding : 1em 0 .5em 0;
    color : #9C0224;
}

.agenda .formulaire {
    float : left;
    width : 100%;
    background : url(../img/agenda_milieu.gif) top left repeat-y;
    padding : 0 0 0 0;
}

.agenda .form-padding,
.agenda .formulaire form {
    float : left;
    width : 100%;
    background : url(../img/agenda_bas.gif) bottom left no-repeat;
    padding : 0 0 10px 25px;
}


/**
 *  Evenement
 */

.evenement {
    float : left;
    width : 228px;
    clear : none;
    text-align : left;
    background : #DBD3CE url(../img/evenement_haut.jpg) top left no-repeat;
    border-top : 1px solid #B5B0AD;
}


.evenement h1 {
    padding-top : 18px;
    padding-bottom : 16px;
    background : url(../img/fleche_rouge.gif) 12px 23px no-repeat;
}


.evenement ul {
    width : 208px;
    padding : 0 0 15px 14px;
}


#colonne-contenu .evenement ul li,
.evenement ul li {
    color : #9C0224;
    font-size : .8em;
    padding : 0 0 8px 9px;
    background : url(../img/evenements_puce.gif) 0 7px no-repeat;
    font-style : italic;
    margin : 0 !important;
}

#colonne-contenu .evenement ul a,
.evenement ul a {
    display : inline;
    margin : 0;
    padding : 0;
    color : #9C0224;
    font-size : 1.1em;
    text-decoration : underline;
    font-style : normal;
}

.evenement ul em {
    color : #B68F97;
}

#colonne-contenu .evenement ul li.tous-evenements,
.evenement ul li.tous-evenements {
   width : 95%;
    background : none;
    text-align : right;
}






/**
 *  Video
 */

.video {
    float : left;
    width : 181px;
    clear : none;
    text-align : left;
    background : #DBD3CE;
    margin : 10px 0 0 4px;
    padding : 0 0 19px 0;
    overflow : hidden;
}


.video h1 {
    width : 75%;
    padding-top : 20px;
    padding-left : 34px;
    background : url(../img/fleche_rouge.gif) 16px 25px no-repeat;
}

.video h1 a {
    display : inline;
    text-decoration : none;
    font-weight : bold;
    font-size : 1em;
    margin : 0;
    padding : 0;
    color : #9C0224;
}
.video h1 a:hover { text-decoration : underline; }

.video p {
    width : 157px;
    font-size : .8em;
    padding : 8px 0 10px 18px;
    color : #9C0224;
}

.video a.savoir-plus {
    float : left;
    width : 90%;
    text-align : right;
    color : #9C0224;
    font-size : .8em;
    text-decoration : underline;
    padding : 0 16px 0 0;
}




/* ------------------ structure du contenu (section) -------------------- */

/*
.bloc-multiple {
  display : block;
  overflow : hidden;
  clear : both;
  width : 100%;
  background : pink;
}*/


#colonne-contenu.section {
    width : 576px;
}

* html #colonne-contenu.section {
  width : 606px;
}

#colonne-contenu.section .actualites li .description {
    width : 462px;
}


#colonne-contenu.section .groupe-contenus {
  width : 100%;
}

#colonne-contenu.section .agenda,
#colonne-contenu.liste-evenements .agenda {
    width : 242px;
    clear : none;
    float : left;
    background-position :  8px 8px;
    padding : 14px 0 18px 8px;
}

#colonne-contenu.liste-evenements .agenda {
    margin-bottom : 15px;
}


#colonne-contenu.section .decouverte li .description {
    width : 442px;
}





#colonne-contenu.section .evenement,
#colonne-contenu.liste-evenements .evenement {
    clear : none;
    float : left;
    width : 324px;
    border-top : none;
    border-right : 1px solid #B5B0AD;
    background : #DBD3CE;
}


#colonne-contenu.liste-evenements .evenement {
    width : 279px;
    border : none;
    border-left : 1px solid #fff;
    margin-bottom : 15px;
}


* html #colonne-contenu.section .evenement {
  width : 356px;
}

#colonne-contenu.section .evenement ul {
    width : 281px;
}

#colonne-contenu.liste-evenements .evenement ul {
    width : 255px;
}

* html #colonne-contenu.section .evenement ul {
  width : 313px;
}

#colonne-contenu.liste-evenements .evenement li.tous-evenements {
    width : 95%;
}

#colonne-contenu .evenement li {
  line-height : 120%;
}

#colonne-contenu .evenement li a {
  margin : 0;
}

#colonne-contenu .evenement li em {
  display : block;
  width : 100%;
  margin : 0;
  padding : .2em 0;
  clear : both;
}


p.fil-ariane {
    color : #0C0404;
}

p.fil-ariane a {
    color : #0C0404;
    text-decoration : none;
}

p.fil-ariane a:hover {
  text-decoration : underline;
}

p.fil-ariane strong {
    color : #990000;
}



p.présentation-section {
    color : #505050;
    /*padding : 1em 0;*/
    padding : 15px 13px 5px 9px;
}


/* ------------------ Rubriques/sous rubriques (colonne de droite) -------------------- */


#colonne-droite.sous-menu {

}

#colonne-droite.sous-menu img {
    margin : 1px;
}

#rubriquage {
    float : right;
    background : #EFEDEC;
    padding : 0;
    width : 222px;
}


#rubriquage h2 {
    color : #990000;
    border-bottom : 1px solid #D4D3D2;
    background : #fff;
    padding : 7px 0 6px 11px;
    font-size : 1em;
}


#rubriquage p {
    color : #505050;
}


#rubriquage ul {
    padding : 5px 0;
}

#rubriquage ul li {
    width : 90%;
    padding-left : 9px;
}

#rubriquage ul li h4 {
    color : #505050;
    font-size : .9em;
    background : url(../img/rubrique_puce2.gif) 8px 10px no-repeat;
    padding : 6px 0 0px 14px;
    cursor : pointer;
}

#rubriquage ul li.afficher h4 {
    background : url(../img/rubrique_puce.gif) 8px 11px no-repeat;
}


#rubriquage ol {
    padding : 0;
    margin : 0;
}

#rubriquage ol li {
    width : 75%;
    padding : 0 0 0 20px;
}

#rubriquage ul ol li {
    width : 85%;
    padding-left : 26px;
    display : none;
}

#rubriquage ul li.afficher ol li {
    display : block;
}

#rubriquage ol li a {
    font-style : italic;
    color : #505050;
    text-decoration : none;
    font-size : .8em;
}
#rubriquage ol li a:hover { text-decoration : underline; }