/* //////////// COULEURS

couleur bleu fond : #2d4b9b 
couleur bleu décathlon : #009ee0
couleur gris texte : #767778

//////////////////////////////////////////////////////////*/

/* //////////////////////////////////////////////////////////////////*/
/* //////////////////////// fil d'ariane ////////////////////////////*/
/* //////////////////////////////////////////////////////////////////*/

/*ul.dms_breadcrumb{
  margin:10px 0 10px 0;
}

  ul.dms_breadcrumb li{
    display:inline;
    padding-left:10px;
  }
  
    ul.dms_breadcrumb li a{
      color:#FFFFFF;
      font-size:1em;
      text-decoration:none;
    }
*/
/* //////////////////////////////////////////////////////////////////*/
/* ///////////////////////////// autour //////////////////////////////*/
/* //////////////////////////////////////////////////////////////////*/

#content .dms_page li.fond_blob,
.module_dmsArticle .fond_blob{
  display:block;
  background:transparent url(../images/zone_blob.jpg) no-repeat bottom left !important;
  padding-bottom:80px;
}

.action_detail .big{
}

  .action_detail .big .detail,
  .action_programme .big .detail,
  .slot_for_inscrit_form .newsletter,
  .slot_for_main_planSite,
  .slot_for_contact_form .newsletter{
    background:transparent url(../images/content_bord.jpg) repeat-y top left;
  }
    
    .titre_module{
      font-size:1.6em;
      color:#FFFFFF;
      background:#2d4b9b url(../images/tete_magasins.jpg) no-repeat top left;
      width:750px;
    }
  
    .action_detail .big .detail .contenu,
    .action_programme .big .detail .contenu,
  .slot_for_main_planSite .contenu{
      background:transparent url(../images/content_bottom.jpg) no-repeat bottom left;
      padding:0px 30px 70px;
    }
    
    .slot_for_inscrit_form .contenu,
  .slot_for_contact_form .contenu{
      background:transparent url(../images/content_bottom.jpg) no-repeat bottom left;
      padding:10px 40px 53px 50px;
      color: #767778;
    }
  
      .action_detail .big .detail .min-height,
      .action_programme .big .detail .min-height{
        height:300px;
        width:0px;
      }
      
      .action_detail .big .detail .contenu h1,
      .action_programme .big .detail .contenu h1,
      .action_liste .slot_for_promo_filtre h2,
      .action_liste .liste ol li .titre a,
      .action_search .action_liste .maliste h2,
    .slot_for_main_planSite h2{      
        font-size:1.6em;
        color:#2d4b9b;
        height:26px;
        padding-bottom:10px;
        text-indent:10px;
        font-weight:normal;
      }
      
/* //////////////////////////////////////////////////////////////////*/
/* ///////////////////////////// contenu //////////////////////////////*/
/* //////////////////////////////////////////////////////////////////*/


      .action_detail .big .detail .contenu_dotted,
      .action_programme .big .detail .contenu_dotted{
/*        width:730px;*/
        height:auto;
        background:transparent url(../images/dotted.jpg) repeat-y top left;
      }
      
      /* //////////////////////////////////////////////////////////////////*/
      /* ///////////////////////////// contenu-left //////////////////////////////*/
      /* //////////////////////////////////////////////////////////////////*/

      
      .action_detail .big .detail .contenu_left,
      .action_programme .big .detail .contenu_left{
        width:150px;
        padding:0 10px 10px 10px;
      }
      
      .slot_for_inscrit_form .newsletter .contenu_left{
        background:transparent url(../images/img_newsletter.jpg) no-repeat scroll center bottom;
        float:left;
        height:440px;
        width:302px;
      }
    
    .slot_for_contact_form .newsletter .contenu_left{
        background:transparent url(../images/img_contact.jpg) no-repeat scroll center bottom;
        float:left;
        height:440px;
        width:302px;  
    }
        
        .action_detail .big .detail .contenu .contenu_left .plan,
        .action_programme .big .detail .contenu .contenu_left .plan{
          margin:20px 0pt;
          padding:5px;
          border:solid 1px #cdcdcd;
          text-align:center;
        }
        
          .action_detail .big .detail .contenu_left .img_logo,
          .action_programme .big .detail .contenu_left .img_logo{
            text-align:center;
          }
          
          .action_detail .big .detail .contenu_left .promos ul,
          .action_programme .big .detail .contenu_left .promos ul{
            width:150px;
            background:transparent url(../images/promo.jpg) no-repeat top left;
            padding-top:42px;
          }
          
            .action_detail .big .detail .contenu_left .promos ul li,
            .action_programme .big .detail .contenu_left .promos ul li{
              background:transparent url(../images/promo_bord.jpg) repeat-y top left;
              list-style:none;
              padding:10px 0px;
              border-bottom:solid 1px #999999;
              text-align:left;
/*              width:150px;
*/            }
            
            .action_detail .big .detail ul li,
            .slot_for_main_mentionsLegales .contenu ul li{
              list-style-type:disc;
              list-style-position:inside;
            }
            
              .action_detail .big .detail .contenu_left .promos ul li a,
              .action_programme .big .detail .contenu_left .promos ul li a{
                display:block;
/*                width:130px;
*/                color:#4f4f4f;
                font-size:1.1em;
                background:transparent url(../images/ensavoir_plus.jpg) no-repeat scroll 65px bottom;
                padding:0 10px 25px;
              }
              
              .action_detail .big .detail .contenu_left .retour a,
              .action_programme .big .detail .contenu_left .retour a{
                display: block;
                background:transparent url(../images/lien_bt_retour_boutique.jpg) no-repeat scroll top left;
                width:153px;
                height:14px;
                margin:10px 0;
              }

              
              
              .action_detail .big .detail .contenu_left .retour a:hover,
              .action_programme .big .detail .contenu_left .retour a:hover{
                text-decoration:none;
              }
              
              .action_detail .big .detail .contenu_left .retour a span,
              .action_programme .big .detail .contenu_left .retour a span{
                visibility:hidden;
              }
                  
              
  /*        .action_detail .big .detail .contenu_left .promos .promos_footer,
          .action_programme .big .detail .contenu_left .promos .promos_footer{
            width:150px;
            height:2px;
            background:transparent url(../images/promo_footer.jpg) no-repeat top left;
          }*/

      /* //////////////////////////////////////////////////////////////////*/
      /* ///////////////////////////// contenu-right //////////////////////////////*/
      /* //////////////////////////////////////////////////////////////////*/

          
        .action_detail .big .detail .contenu_right,
        .action_programme .big .detail .contenu_right{
          width:530px;
          padding-left:20px;
/*          border-left:dotted #666666 2px;
*/        }
        
    .slot_for_inscrit_form .newsletter .contenu_right,
     .slot_for_contact_form .newsletter .contenu_right{
          float:left;
          width:380px;
        }

         .slot_for_inscrit_form .newsletter .contenu_right .champ,
     .slot_for_contact_form .newsletter .contenu_right .champ{
            padding-bottom:20px;
          }
          #facebox .body h2{
            padding-bottom: 15px;
            font-size:1.6em;
            color:#2d4b9b;
          } 
          #facebox .body .champ{
            padding-bottom:5px;
          }
          
            .slot_for_inscrit_form .newsletter .contenu_right .champ.check label,
      .slot_for_contact_form .newsletter .contenu_right .champ.check label{
              display:block;
              float:left;
              padding-right:5px;
              padding-top:2px;
            }
        
            .slot_for_inscrit_form .newsletter .contenu_right .champ p,
      .slot_for_contact_form .newsletter .contenu_right .champ p{
              float:left;
              padding:12px 20px 0 0;
            }
            
            .slot_for_inscrit_form .newsletter .contenu_right .check,
      .slot_for_contact_form .newsletter .contenu_right .check{
              float:left;
              padding:10px 20px 0 0;
            }
      
              .slot_for_inscrit_form .newsletter .contenu_right .champ.text label,
              .slot_for_inscrit_form .newsletter .contenu_right .champ.email label,
              .slot_for_contact_form .newsletter .contenu_right .champ.text label,
              .slot_for_contact_form .newsletter .contenu_right .champ.email label,
              #facebox .body .champ label,
              #facebox .body .champ p{
                display:block;
                float:left;
                width: 60px;
              }
              .slot_for_contact_form .newsletter .contenu_right .champ label.error{
                 width: 200px;
              }
              #facebox .body .champ label,
              #facebox .body .champ p{
                width: 90px;
                padding-right: 10px;
              }
              .slot_for_contact_form label.error, .slot_for_inscrit_form label.error
              {
                padding-left: 60px;
              }
        
        .slot_for_contact_form .newsletter .contenu_right .champ.textarea label{
          display:block;
                float:left;
                width:60px;
        }
        
        .slot_for_inscrit_form .newsletter .contenu_right .champ.text input,
              .slot_for_inscrit_form .newsletter .contenu_right .champ.email input,
        .slot_for_contact_form .newsletter .contenu_right .champ.text input,
              .slot_for_contact_form .newsletter .contenu_right .champ.email input,
        .slot_for_contact_form .newsletter .contenu_right .champ.textarea textarea,
              #facebox .body .champ input, #facebox .body .champ textarea, #facebox .body .champ select{
          width:200px;
          float: left;
        }
        #facebox .body .champ input.error, #facebox .body .champ textarea.error, #facebox .body .champ select.error{
          border:1px solid #CC0000;
        }
        #facebox .body .champ label.error{
          float: left;
          width: auto;
        }
        #facebox .body .champ label.error span{
          display: none;
        }
          #facebox .body .champ .check{
            width: 60px;
            float: left;
          }
          #facebox .body .champ .check label{
            padding-right: 5px;
          }
              #facebox .body .champ .check *{
                display: inline;
                width: auto;
              }
        .slot_for_inscrit_form .newsletter .contenu_right .mention{
          padding-bottom:20px;
        }
        
        .slot_for_inscrit_form .newsletter .contenu_right .mention label,
        .slot_for_contact_form .newsletter .contenu_right .mention label{
          padding-left:5px;
        line-height:16px;
        width:330px;
        }
          
          .action_detail .big .detail .contenu_right .content_infos,
          .action_programme .big .detail .contenu_right .content_infos{
            background-color:#ededed;
            margin-bottom:10px;
          }
          
          .action_detail .big .detail .contenu_right .horaires,
          .action_detail .big .detail .contenu_right .coordonnees,
          .action_detail .big .detail .contenu_right .visite,
          .action_programme .big .detail .contenu_right .horaires,
          .action_programme .big .detail .contenu_right .coordonnees,
          .action_programme .big .detail .contenu_right .visite{
            padding-left: 5px;
            padding-right: 10px;
            width:160px;
            float:left;
            padding-bottom:10px;
          }
          
          .action_detail .big .detail .contenu_right .visite,
          .action_programme .big .detail .contenu_right .visite{
            visibility:hidden;
            text-align:center;
            background:transparent url(../images/visiter_boutique.jpg) no-repeat top left;
            height:26px;
          }
          
          .action_detail .big .detail .contenu_right form.envoi_mail,
          .action_programme .big .detail .contenu_right form.envoi_mail{
            display:block;
            background-color:#EDEDED;
            position:relative;
          }
          
            .action_detail .big .detail .contenu_right form.envoi_mail label,
            .action_programme .big .detail .contenu_right form.envoi_mail label{
              background:#EDEDED url(../images/envoyer_ami.jpg) no-repeat scroll left top;
              height:50px;
              line-height:45px;
              text-indent:50px;
              color:#767778;
            }
          
            .action_detail .big .detail .contenu_right form.envoi_mail input,
            .action_detail .big .detail .contenu_right form.envoi_mail label,
            .action_detail .big .detail .contenu_right form.envoi_mail div,
            .action_programme .big .detail .contenu_right form.envoi_mail input,
            .action_programme .big .detail .contenu_right form.envoi_mail label,
            .action_programme .big .detail .contenu_right form.envoi_mail div{
              display:block;
              margin-left:10px;
              float:left;
              font-size:1em;
              margin:5px 0 0 5px;
            }
      
      .action_detail .big .detail .contenu_right form.envoi_mail input.email.error,
      .action_programme .big .detail .contenu_right form.envoi_mail input.email.error{
        border:solid 1px #FF0000;
      }
      
            
              .action_detail .big .detail .contenu_right form.envoi_mail label.error{
                display:none !important ;
              }
            
            .action_detail .big .detail .contenu_right form.envoi_mail div.flash_message,
            .action_programme .big .detail .contenu_right form.envoi_mail div.flash_message{
              margin-left:auto;
              margin-right:auto;
              display:block;
              float:none;
              width:300px;
            }
            
            .action_detail .big .detail .contenu_right form.envoi_mail input.bouton_val,
            .action_programme .big .detail .contenu_right form.envoi_mail input.bouton_val{
              background:transparent url(../images/valider_form.jpg) no-repeat top left;
              width:83px;
              height:17px;
              border:none;
              color:#2d4b9b;
              margin-top:23px;
            }
            
            .action_detail .big .detail .contenu_right form.envoi_mail input.email,
            .action_programme .big .detail .contenu_right form.envoi_mail input.email{
              margin-top:19px;
              width:195px;
            }
        
        .action_detail .big .detail h2{
          font-weight:normal;
          font-size:1.5em;
          color:#2d4b9b;
          margin:10px 0px;
        }
        
        .action_detail .big .detail h3,
        .action_programme .big .detail h3,
        .slot_for_inscrit_form .contenu h2,
       .slot_for_contact_form .contenu h2,
       #epub h3{
          font-weight:bold;
          font-size:1.3em;
          color:#767778;
          margin:10px 0px;
        }
       #epub h4{
          font-weight:bold;
          color:#767778;
          margin:10px 0px;
        }
        
        
        .slot_for_inscrit_form .bt_inscris{
          background:transparent url(../images/bt_jeminscris.jpg) no-repeat top left;
          width:83px;
          height:17px;
          border:none;
          margin-left:90px;
        }
  
    .slot_for_contact_form .bt_inscris{
          background:transparent url(../images/valider_form.jpg) no-repeat top left;
          width:83px;
          height:17px;
          border:none;
          margin-left:120px;
      color:#2D4B9B;
      font-size:1em;
      margin-bottom:20px;
        }
          
        .action_detail .big .detail .contenu_left h3,
        .action_programme .big .detail .contenu_left h3{
          margin-bottom:0px;
        }
        
        .action_detail .big .detail h4,
        .action_programme .big .detail h4{
          color:#767778;
          font-size:1.1em;
          font-weight:bold;
          margin:10px 0px;
          }
      
      .action_detail .big .detail h5,
          .action_programme .big .detail h5{
          color:#767778;
          font-size:1em;
          font-weight:bold;
          margin:10px 0px;
          }
        
        .action_detail .big .detail p, .action_detail .big .detail a,
        .action_programme .big .detail p, .action_detail .big .detail a,
        .action_detail .big .detail ul li{
          font-size:1em;
          color:#767778;
        }
        
        .action_detail .big .detail .contenu_right .img_mag,
        .action_programme .big .detail .contenu_right .img_mag{
          margin-bottom:10px;
          text-align:center;
        }
        
          .action_detail .big .detail .contenu_right .img_mag img,
          .action_programme .big .detail .contenu_right .img_mag img{
            padding:5px;
            border:solid 1px #cdcdcd;
          }
        
            .action_detail .big .detail .description,
            .action_programme .big .detail .description{
              margin-bottom:10px;
            }
              
              .action_detail .big .detail .description p,
              .action_programme .big .detail .description p{
                margin-bottom:5px;
                display: inline;
              }
        
        .action_detail .big .detail .description ul li,
        .action_programme .big .detail .description ul li{        
         padding-bottom:10px;
        }
      
/* //////////////////////////////////////////////////////////////////*/
/* ///////////////////////////// plan du site ///////////////////////*/
/* //////////////////////////////////////////////////////////////////*/

.slot_for_main_planSite ul{
  padding-bottom:30px;
  padding-left:20px;
  font-size:12px;
}

.slot_for_main_planSite h2 a{
color:#2D4B9B;
}

.slot_for_main_planSite ul li ul li.like_h3 {
color:#767778;
font-size:1.2em;
font-weight:normal;
margin:10px 0;
}

/* //////////////////////////////////////////////////////////////////*/
/* ///////////////////////////// footer /////////////////////////////*/
/* //////////////////////////////////////////////////////////////////*/

.slot_for_main_footer{
  display:block;
  height:25px;
}
  
  .slot_for_main_footer p.foot{
    height:25px;
    color:#FFFFFF;
    font-size:1em;
    padding:0 0 20px 20px;
  }
  
    .slot_for_main_footer p.foot a{
      text-decoration:none;
      color:#FFFFFF;
      padding-right:30px;
    }

    .slot_for_main_footer p.foot a.current{
      color:#9bce3d;
    }
    
        .slot_for_main_footer p.foot a:hover.current{
          text-decoration:none;
          cursor:default;
        }

    
    .slot_for_main_footer p.foot a:hover{
      text-decoration:underline;
    }
    
              .action_detail .big .promo .contenu_left .retour a,
              .action_detail .big .promoLoisir .contenu_left .retour a,
              .action_detail .big .promoCinema .contenu_left .retour a{
                display: block;
                background:transparent url(../images/lien_bt_retour_bouton.jpg) no-repeat left top;
                width:153px;
                height:16px;
                margin:10px 0;
              }
              .action_detail .big .promo .contenu_left .retour a span,
              .action_detail .big .promoLoisir .contenu_left .retour a span,
              .action_detail .big .promoCinema .contenu_left .retour a span{
                color: #fff;
font-size:9px;
                visibility:visible;
                padding-left: 15px;
              }