@charset "utf-8";

/* CSS Document */

/*
********************************************************************
Artdevivre.html
artdevivre.css

Yew 9/23/2008 
********************************************************************
*/  

/* @group content */
#content {
    margin-top: 16px;
}

#content h6 {
    margin: 0;
    padding: 0;
    font-size: 10px;
    color: #1c6aac;
    font-weight: normal;
}

#content h6 a:link,
#content h6 a:visited {
    color: #45811a;
}   

#content h6 a:hover {
    color: #1c6aac;
}    

/* @end content */   
/* @group center */
#center {
    width: 489px;
    margin: -17px 0 21px 10px;
    float: left;
    display: inline;
}
      
/*promo box padding off*/
.content .promo{
	padding: 0;
}

*html #center {
    margin-bottom: 0;
    padding-bottom: 21px;
}  /*  ie6  */

#center strong {
    color: #6d9f0c;
}

#center h5 {
    margin: 5px auto auto 11px;
    padding: 0;
    font-size: 10px;
    display: inline;
    float: left;
}

#center h5 a:link,
#center h5 a:visited {
    color: #1c6aac;
}

#center h5 a:hover {
    color: #45811a;
}    

#center span.arrow {
    float: none;
    margin: 0;
    color: #1c6aac;
} 
              
/* @group centerBox */

.centerBox {
    width: 234px;
    margin: 0 10px -2px 0;
    float: left;
    display: inline;
}

.centerBoxTitle {
    font-size: 15px;
    font-weight: bold;
    color: #1c6aac;
    margin: 13px auto 7px 1px;
}

.centerBoxBody {
    border-left: 1px solid #a4cf50;
    border-right: 1px solid #a4cf50;
    padding:9px 15px 0 13px;
    height: 266px;
    background: url(../images/bg/centerBox-bg.jpg) bottom center no-repeat;
}

*html .centerBoxBody {
    padding-right: 13px;
}  /*  ie6  */

.centerBoxBody span {
    float: right;
    margin: 28px 2px 13px auto;
    width: 90px;
}

.centerBoxBody span a:link,
.centerBoxBody span a:visited {
    color: #45811a;
}

.centerBoxBody p {
    width: 204px;
    clear: both;
    line-height: 12px;
}

.centerBoxBody p strong {
    line-height: 15px;
}

.centerBoxBodyPicture {
    width: 100px;
    height: 80px;
    float: left;
    margin-left: 1px;
    display: inline;
}

.centerBoxBottom {
    width: 232px;
    height: 23px;
    border: 1px solid #8db4d4;
}
/* @end centerBox */

/* @group centerBigBox */
#centerBigBox {
    width: 479px;
    float: left;
    margin: 0 10px -2px auto;
    display: inline;
}

#centerBigBoxCap {
    height: 4px;
    background: url(../images/bg/Mode-et-beaute-centre-bg.jpg) top left repeat-x;
}

#centerBigBoxCap div {
    background: url(../images/bg/Mode-et-beaute-right-bg.jpg) top right no-repeat;
}

#centerBigBoxBody {
    width: 439px;
    overflow: auto;
    border-left: 1px solid #95b9d8;
    border-right: 1px solid #95b9d8;
    padding: 12px 23px 0 15px;
}

#centerBigBoxBody p {
    line-height: 12px;
}

#centerBigBoxBody span {
    float: left;
    margin: -9px auto 10px 2px;
}

#centerBigBoxBody span a:link,
#centerBigBoxBody span a:visited {
    color: #45811a;
}

#centerBigBoxPicture {
    width: 169px;
    height: 127px;
    float: left;
    margin-right: 10px;
    display: inline;
}

#centerBigBoxBottom {
    width: 477px;
    height: 23px;
    border: 1px solid #8db4d4;
}

#centerBigBoxBottom h5 {
    margin: 4px auto auto 16px;
}

/* @end centerBigBox */ 

/* @end center */

/* @group right */
#right {
    width: 300px;
    margin-top: -17px;
    float: left;
    display: inline;
}

/* @group EngagementSocial */
#engagementSocial {
    width: 300px;
    margin-bottom: 1px;
}


#engagementSocial ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#engagementSocial ul li {
    float: left;
    text-align: center;
    line-height: 10px;
    background: url(../images/bg/Engagement-social.jpg) top left repeat-x;
}

#engagementSocial ul li a:link,
#engagementSocial ul li a:visited {
    color: #1c6aac;
    text-decoration: none;
}

.engagementSocial-on {
    background: url(../images/bg/Engagement-social-on-left-bg.jpg) top left no-repeat;
}

.engagementSocial-on div {
    background: url(../images/bg/Engagement-social-on-right-bg.jpg) top right no-repeat;
    height: 29PX;
    padding: 6px 13px 0 12px;
    font-weight: bold;
}

*html .engagementSocial-on div {
    width: 106px;
    padding: 6px 6px 0 6px;
}  /*  ie6  */

#engagementSocial ul li.engagementSocialLi {
    background: #f8ffe8 url(../images/bg/Engagement-social.jpg) top left repeat-x;
    margin: 3px auto auto 1px;
}

.engagementSocial {
    background: url(../images/bg/Engagement-social-left-bg.jpg) top left no-repeat;
}

.engagementSocial div {
    background: url(../images/bg/Engagement-social-right-bg.jpg) top right no-repeat;
    height: 27PX;
    padding: 5px 14px 0 11px;
}

*html .engagementSocial div {
    width: 82px;
    padding: 5px 6px 0 6px;
}  /*  ie6  */

#engagementSocialCap {
    width: 300px;
}

#engagementSocialBody {

    width: 298px;
    border: 1px solid #a4cf50;
    border-top: none;
    padding: 15px 0 22px 0;
    overflow: auto;
}

#engagementSocialBody p {
    width: 195px;
    float: left;
    line-height: 12px;
    margin: -3px auto auto 8px;
}

#engagementSocialBody p strong {
    color: #45811a;
    line-height: 15px;
}

#engagementSocialBodyPicture {
    float: left;
    margin-left: 11px;
    display: inline;
}

/* @end EngagementSocial */

/* @group Concours */
.concours {
    margin: 2px auto auto 1px;
}

#concours {
    margin: 2px auto auto 1px;
}

*html .concours {
    margin-left: 1px;
}  /*  ie6  */

*html #concours {
    margin-left: 1px;
}  /*  ie6  */

.concoursArrow {
    margin-left: -1px;
}

*+html .concoursArrow {
    margin-left: 0;
}   /*  ie7  */

*html .concoursArrow {
    margin-left: 0;
}  /*  ie6  */

.concoursLink {
    margin-left: 3px;
}
/* @end Concours */

/* @group sortie */
#sortie {
    float: left;
    width: 145px;
    margin: 13px 10px 23px auto;
    display: inline;
}
/* @end sortie */

/* @group decouvrir */
#decouvrir {
    float: left;
    margin-top: 13px;
    width: 145px;
    display: inline;
}

.rightPicture {
    width: 131px;
    border: 1px solid #a4cf50;
    padding: 10px 6px 9px 6px;
}

.rightPicture img {
    border: 1px solid #dbdbdb;
}    
/* @end decouvrir */

/* @end right */


/*
********************************************************************
Communaute.html
artdevivre.css

Yew 9/24/2008 
********************************************************************
*/

/* @group Fourum */
.forum {
    width: 479px;
}

.forumBody {
    border-left: 1px solid #a4cf50;
    border-right: 1px solid #a4cf50;
    padding-top: 16px;
    background: url(../images/bg/forum-bg.jpg) bottom center no-repeat;
}

.forumBody  ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.forumBody ul li {
    height: 82px;
    margin: auto 25px 15px 15px;
    border-bottom: 1px solid #bad2e6;
}

.forumBody ul li h6 a:link,
.forumBody ul li h6 a:visited {
    color: #45811a;
}   

.forumBody ul li h6 a:hover {
    color: #1c6aac;
}    

.forumBody ul li.forumBodyLast {
    border: none;
    margin-bottom: 0;
}    

.forumBody ul li p .title {
    color: #1c6aac;
    font-size: 12px;
    line-height: 22px;
    font-weight: bold;
}
        
.forumBottom {
    width: 477px;
    height: 23px;
    border: 1px solid #8db4d4;
}  

.forumBottom select {
    float: left;
    margin: 1px 2px;
}    

.forumBottom div {
    float: right;
    margin: 5px 11px auto auto;
    display: inline;
    font-weight: bold;
}

.forumBottom div a:link,
.forumBottom div a:visited {
    color: #1c6aac;
}

.forumBottom div a:hover {
    color: #45811a;
}    
    
/* @end Fourum */ 
/* @group Les */  
.les {
    width: 479px;
    margin-bottom: 1px;
}

.les ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.les ul li {
    float: left;
    text-align: center;
    background: url(../images/bg/Engagement-social.jpg) top left repeat-x;
}

.les ul li a:link,
.les ul li a:visited {
    color: #1c6aac;
    text-decoration: none;
}

.les-on {
    background: url(../images/bg/Engagement-social-on-left-bg.jpg) top left no-repeat;
}

.les-on div {
    background: url(../images/bg/Engagement-social-on-right-bg.jpg) top right no-repeat;
    height: 16PX;
    padding: 6px 7px 0 7px;
    font-weight: bold;
}

*html .les-on div {
    width: 124px;
    padding: 6px 6px 0 6px;
}  /*  ie6  */

.les ul li.lesLi {
    background: #f8ffe8 url(../images/bg/Engagement-social.jpg) top left repeat-x;
    margin: 3px auto auto 1px;
}

.lesNormal {
    background: url(../images/bg/Engagement-social-left-bg.jpg) top left no-repeat;
}

.lesNormal div {
    background: url(../images/bg/Engagement-social-right-bg.jpg) top right no-repeat;
    height: 14PX;
    padding: 5px 11px 0 11px;
}

*html .lesNormal div {
    width: 120px;
    padding: 5px 9px 0 9px;
}  /*  ie6  */ 

.lesCap {
    width: 479px;
} 

.lesBody {
    border-left: 1px solid #a4cf50;
    border-right: 1px solid #a4cf50;
    padding: 14px 15px 0 15px;
    overflow: auto;
    background: url(../images/bg/forum-bg.jpg) bottom center no-repeat;
}

.lesBody ul li {
    width: 447px;
    background: none;
    border-bottom: 1px solid #bad2e6;
    margin-bottom: 13px;
    padding-bottom: 11px;
    text-align: left;
}

.lesBody ul li.lesBodyLast {
    border: none;
    margin-bottom: 0;
}    

.lesBody ul li span {
    float: left;
}    

.lesBody ul li ul {
    float: right;
    margin: 0;
    padding: 0;
} 

.lesBody ul li ul li {
    margin:0;
    padding: 0;
    border: none;
    width: 390px;
    clear: both;
}    

.lesBody ul li ul li img {
    margin-right: 5px;
}   

.lesBody ul li ul li a:link,
.lesBody ul li ul li a:visited {
    color: #45811a;
    text-decoration: underline;
}

.lesBody ul li ul li a:hover {
    color: #1c6aac;
    text-decoration: none;
    font-weight: bold;
}                 
/* @end Les */  
/* @group Albums */
.albums {
    width: 439px;
    margin-top: 19px;
    padding-bottom: 13px;
    border-top: 1px solid #95b9d8;
    clear: both;
    float: left;
}

.albumsCenter {
    width: 219px;
    height: 63px;
    margin-top: 17px;
    float: left;
}    

.albumsCenter img {
    float: left;
    margin-right: 8px;
}

.albumsCenter p {
    margin-right: 10px;
}    

#center .albumsCenter strong {
    color: #1c6aac;
}

.number {
    float: right;
    margin: 5px 9px auto auto;
    display: inline;
}   

.number a:link,
.number a:visited {
    color: #1c6aac;
    margin-right: 3px;
}    

.number a:hover {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}  

.number img {
    margin-left: 8px;
}  
/* @end Albums */ 

/* @group Infolettre */ 
.infolettre {
    width: 300px;
    float: left;
}

.infolettreBody {
    width: 278px;
    height: 100px;
    border-left: 1px solid #a4cf50;
    border-right: 1px solid #a4cf50;
    padding: 8px 10px 0 10px;
    background: url(../images/bg/Infolettre-bg.jpg) bottom left repeat-x;
}

.infolettreBody p strong {
    color: #6a9a48;
}    

.infolettreBody input.infolettreInput {
    border: none;
    width: 240px;
    height: 18px;
    padding: 4px 0 0 4px;
    margin-right: 4px;
    font-size: 11px;
    float: left;
    background: url(../images/bg/infolettre-input.jpg) top center no-repeat;
}
 
.infolettreBody input.infolettreButton {
    width: 30px;
    height: 22px;
    border: none;
    float: left;
    background: url(../images/bg/button-ok.jpg) top center no-repeat;
}    
    
.infolettreBottom {
    width: 300px;
    height: 10px;
    background: url(../images/bg/Infolettre-bottom.jpg) top center no-repeat;
}    
/* @end  Infolettre */ 
/* @group photo */ 
.photo {
    width: 300px;
    float: left;
    margin-bottom: 15px;
}  

.photoCap {
    background: url(../images/bg/Photo-du-jour.jpg) top left repeat-x;
    height: 13px;
}

.photoCap div {
    background: url(../images/bg/Photo-du-jour-right.jpg) top right no-repeat;
}

.photoBody {
    width: 284px;
    padding: 0 0 5px 14px;
    border-left: 1px solid #a4cf50;
    border-right: 1px solid #a4cf50;
    overflow: auto;
}    

.photoBody img {
    float: left;
}

.photoBody div {
    margin: 7px auto auto 10px;
    float: left;
}  

.photoBody div p {
    margin-bottom: 0;
}
    
.photoBody div p strong {
    color: #45811a;
}  

.photoBottom {
    width: 300px;
    height: 7px;
    float: left;
    background: url(../images/bg/Photo-du-jour-bottom.jpg) top center no-repeat;
}     
/* @end photo */  

/*
********************************************************************
emission.html
artdevivre.css

Yew 9/26/2008
********************************************************************
*/

/* @group breadcrumb */
.breadcrumb {
    width: 649px;
    margin: 22px 0 16px 0;
    color: #1c6aac;
}  

.breadcrumb a:link,
.breadcrumb a:visited {
    color: #1c6aac;
    margin: 0 10px;
}

.breadcrumb a:hover {
    color: #45811a;
}
    
.breadcrumb strong {
    font-size: 14px;
}  

.breadcrumb strong a {
    text-decoration: none;
}    
    
/* @end breadcrumb */ 
/* @group leftmon */
.leftmon {
    width: 160px;
}

.leftmonBody {
    width: 158px;
    border-left: 1px solid #8db4d5;
    border-right: 1px solid #8db4d5;
    padding-bottom: 1px;
}   

.leftmonSelect {
    padding: 6px 0 7px 10px;
    border-bottom: 1px solid #d2e1ee;
    background: url(../images/bg/leftmon-select-bg.jpg) bottom left repeat-x;
}   

.leftmonSelect span {
    font-weight: bold;
    color: #1c6aac;
}    

.leftmonSelect select {
    width: 140px;
    height: 20px;
    margin-top: 7px;
}  

.leftmonBody p {
    padding: 5px 25px 0 10px;
    color: #1c6aac;
}   

.leftmonBody p.leftFirst {
    font-weight: bold;
    padding-top: 14px;
}       

.leftmonBody p a:link,
.leftmonBody p a:visited {
    color: #1c6aac;
}         

.leftmonBody p a:hover {
    color: #45811a;
}    
/* @end leftmon */

/* @group sidenav */
.sidenav {
    width: 160px;
    margin-top: 10px;
}   

.sidenav ul {
    margin: 0;
    padding: 6px 0 0 0;
    list-style: none;
}  

.sidenav ul li {
    padding: 0 30px 15px 10px;
    color: #707070;
    clear: both;
} 

.sidenav ul li a:link,
.sidenav ul li a:visited {
    color: #707070;
    text-decoration: none;
} 

.sidenav ul li a:hover {
    color: #45811a;
}   

.sidenav ul li.sideNavMenu {
    padding: 0 0 15px 5px;
    margin-top: -10px;
    float: left;
}      

.sidenav ul li img {
    margin-right: 10px;
    float: left;
}       
/* @end sidenav */

/* @group emissionCenter */

.emissionCenter {
    width: 479px;
    float: left;
    margin: auto auto 10px 10px;
    display: inline;
}    
/* @group dans */
.dans {
    width: 479px;
}   


.dans a:link,
.dans a:visited {
    color: #1c6aac;
}    

.dans a:hover {
    color: #45811a;
}   


.dansHeader {
    width: 479px;
    height: 21px;
}   

.dansHeader a {
    float: right;
    margin-top: 4px;
}
    
.dansHeaderTitle {
    background: url(../images/bg/dans-head-bg.jpg) top left repeat-x;
    height: 21px;
    width: 140px;
    float: left;
} 

.dansHeaderTitle img {
    float: left;
}    

.dansHeaderTitle div {
    background: url(../images/bg/dans-head-right-bg.jpg) top right no-repeat;
    font-weight: bold;
    padding: 6px 0 2px 14px;
    color: #1c6aac;
}    

.dansCap {
    width: 479px;
    height: 5px;
}   

.dansBody {
    width: 472px;
    border-left: 1px solid #a4cf50;
    border-right: 1px solid #a4cf50;
    padding: 0 2px 5px 3px;
    background: url(../images/bg/dans-footer.jpg) bottom center no-repeat;
}  

.dansBodyTitle {
    width: 462px;
    height: 15px;
    background: url(../images/bg/dans-green-bg.jpg) top center no-repeat;
    color: #FFFFFF;
    padding: 2px 0 0 10px;
    margin-bottom: 3px;
}   

.dansBodyBox {
    width: 472px;
    padding-top: 4px;
    background: url(../images/bg/dans-body-top.jpg) top center no-repeat;
    margin-bottom: 3px;
}   

.dansContent {
    width: 450px;
    border-left: 1px solid #a5d052;
    border-right: 1px solid #a5d052;
    overflow: hidden;
    padding: 0 10px;
}   

.dansContent span {
    float: left;
    color: #1c6aac;
    font-weight: bold;
    font-size: 12px;
    margin-right: 13px;
}  

.dansContent span.sixth {
    margin-top: 13px;
}    
  
.dansContent img {
    float: left;
    margin-right: 8px;
}   

.dansContent p {
    color: #666666;
    margin: 0;
    float: left;
}     

.dansContent p strong {
    color: #45811a;
    font-size: 13px;
}  

.dansContentIcons {
    float: right;
    margin: 10px -10px 0 0;    
}

.dansContent div {
    float: right;
    color: #1c6aac;
}  

.dansFooter {
    width: 477px;
    height: 25px;
    border: 1px solid #a5d052;
    border-top: 0;
}  
  
.dansFooter span {
    float: left;
    margin: 5px auto auto 10px;
}  

.dansFooter img {
    float: right;
}  
/* @end dans */  

/* @group radio */
.radio {
    width: 479px;
} 

.radio a:link,
.radio a:visited {
    color: #1c6aac;
}  

.radio a:hover {
    color: #45811a;
}  


.radioBody {  
    width: 457px;
    border-left: 1px solid #95b9d8;
    border-right: 1px solid #95b9d8;
    padding: 5px 10px 0 10px;
    overflow: auto;
}    

.radioBodyContent {
    width: 228px;
    height: 80px;
    float: left;
    padding-bottom: 20px;
}   

.radioBodyContent img {
    margin-right: 10px;
    float: left;
}     

.radioBodyContent h5 {
    font-size: 13px;
    color: #1c6aac;
    margin: 0 0 10px 0;
    padding: 0;
}     

.radioBottom {
    width: 477px;
    height: 23px;
    border: 1px solid #8db4d4;
    margin-top: -10px;
}  

.radioBottom a {
    margin: 3px auto auto 10px;
    float: left;
}    
/* @end radio */ 

/* @group derniers */ 
.derniers {
    width: 479px;
}    

.derniersCap {
    height: 4px;
    background: url(../images/bg/Mode-et-beaute-centre-bg.jpg) top left repeat-x;
}

.derniersCap div {
    background: url(../images/bg/Mode-et-beaute-right-bg.jpg) top right no-repeat;
}

.derniersBody {  
    width: 447px;
    border-left: 1px solid #95b9d8;
    border-right: 1px solid #95b9d8;
    padding: 5px 15px 10px 15px;
    overflow: auto;
}  

.derniersContent {}

.derniersContent h6 {
    font-size: 11px;
    color: #999999;
    margin:0;
    padding: 0;
    font-weight: lighter;
    border-bottom: 1px solid #bad2e6;
    height: 20px;
    line-height: 20px;
    margin-bottom: 15px;
}   

.derniersContent h6 strong {
    font-weight: bold;
    float: right;   
}  

.derniersContent img {
    float: right;
    margin-left: 10px;
}  

.derniersContent h2 {
    font-size: 22px;
    color: #45811a;
    font-weight: lighter;
    margin: 0 0 20px 0;
    padding: 0;
}  

.derniersContent p span {
    color: #1c6aac;
}  

.derniers a:link,
.derniers a:visited {
    color: #1c6aac;
    margin-left: 10px;
}    

.derniers a:hover {
    color: #45811a;
} 

.derniersContent p span a:link,
.derniersContent p span a:visited {
    color: #45811a;
    margin-right: 10px;
}    

.derniersContent p span a:hover {
    color: #1c6aac;    
}   

.derniersBottom { 
    width: 477px;
    height: 23px;
    border: 1px solid #8db4d4;
}  

.derniersBottom a {
    float: right;
    margin: 3px 10px auto auto;
}
/* @end derniers */

/* @group vos */  
.vos {
    width: 300px;
}  

.vosBody {
    width: 278px;
    border-left: 1px solid #a4cf50;
    border-right: 1px solid #a4cf50;
    padding: 10px;
    overflow: auto;
} 

.vosBody div img {
    float: left;
    margin-right: 10px;
} 

.vosBody h5 {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 12px;
    color: #1c6aac;
} 

.vosBody p {
    color: #45811a;
    margin-bottom: 7px;
} 

.vosBody h6 {
    margin: 0;
    padding: 0;
    font-size: 10px;
    color: #1c6aac;
}
.vosBody div h6 img {
    margin-right: 5px;
}
        
.vosContent {
    width: 278px;
    border-top: 1px solid #8db4d5;
    margin-top: 15px;
    padding-top: 10px;
} 

.vosBottom {
    width: 298px;
    height: 23px;
    border: 1px solid #a4cf50;
} 

.vosBottom a:link,
.vosBottom a:visited {
    color: #1c6aac;
    margin: 3px auto auto 10px;
    float: left;
} 

.vosBottom a:hover {
    color: #45811a;
}   
/* @end vos */ 

/* @group rightAlbums */ 
.rightAlbums {
    width: 300px;
}  

.rightAlbums .centerBoxTitle span {
    float: right;
} 

.rightAlbums .centerBoxTitle span a {
    margin-left: 3px;
}

.rightAlbumsBody {
    width: 280px;
    border: 1px solid #a4cf50;
    border-top: 0;
    padding: 0 9px 10px 9px;
    overflow: auto;
}

.rightAlbumsBody img {
    float: left;
    margin-top: 10px;
} 

.rightAlbumsBody img.leftImg {
    margin-right: 10px;
} 
/* @end rightAlbums */ 

/* @group rightBottom */
.rightBottom {
    margin-top: 20px;
    float: left;
}  
/* @end rightBottom */     

/*
********************************************************************
radio_a_la_demande.html
artdevivre.css

liuy 9/26/2008
********************************************************************
*/

.divclear{ 
    clear:both; 
    margin:0; 
    padding:0; 
    font-size:0;
}

.marbot{ 
    height: 20px; 
    clear: both; 
    width: 100%;
}

.martop{ 
    margin-top:15px;
}

.blue, a.blue:link,a.blue:visited { 
    color:#1c6aac; 
    text-decoration:none;
}

a.blue:hover,a.blue:active { 
	color:#6c9d31; 
    text-decoration:underline;
}

.blue1{
	color:#1f8cd4;
}
a.blue1:link,a.blue1:visited { 
	color:#1f8cd4; 
    text-decoration:underline;
}
a.blue1:hover,a.blue1:active { 
	color:#6c9d31; 
    text-decoration:underline;
}

.radioBanner{ 
	width:160px; 
    height:64px; 
    margin-bottom:10px;
}

.radioContent{ 
	width:479px; 
    float:left; 
    background-color:#0066FF; 
    margin-left:10px; 
    font-family:Tahoma;
}

.radioAd{ 
	width:479px; 
    height:110px;
}

.radioBox{ 
	width:477px; 
    border:1px solid #8db4d5; 
    border-top-width:0; 
    margin-bottom:10px;
}

.radioBoxTitle{
    font-size: 15px;
    font-weight: bold;
    color: #1f8cd4;
	border-bottom:1px solid #8db4d5;
	margin: 0 15px 20px;
	padding: 16px 0 4px 0; 
}

.evenements{ 
	margin:0 15px;
}

.evenements ul{ 
	list-style: none; 
    margin:0; 
    padding:0;
}

.evenements ul li{ 
	height:110px; 
    margin-bottom:20px;
}

.imgleft{
	width: 200px;
    height: 140px;
    float: left;
    margin-right: 10px;
    display: inline;
}

.txtright{
	float:left; 
    display:inline; 
    margin-top:13px; 
    font-family:Tahoma; 
    line-height:14px; 
    width:225px;
}

.evenementstxt{ 
	font-size:14px; 
    font-weight:bold; 
    color:#1c6aac;
}

.radioCenterTitle{
    font-size: 15px;
    font-weight: bold;
    color: #1f8cd4;
	border-bottom:1px solid #8db4d5;
	margin: 0 15px 9px;
	padding: 16px 0 4px 0; 
}
.radioCenterTitle span{ 
	float:right; 
    color:#1f8cd4; 
    font-size:11px; 
    font-weight:normal; 
    font-family:Tahoma;
}

.radioCenterTitle span img{ 
	margin-bottom:2px; 
    margin-right:6px;
} 

.radioCentertxt{
	margin:0 15px;
}

.radioCentertxt p{
	font-size:11px; 
    font-weight:bold;
}

.radioCentertxt ul{
	list-style:none; 
    margin:0; 
    padding:0;
}

.radioCentertxt ul li{ 
	line-height:20px;
}

.radioFoottxt{ 
	border-top:1px solid #8db4d5; 
    margin-top:29px; height:23px; 
    line-height:23px; 
    padding:0 10px; 
    color:#1c6aac;
}

.radioFoottxt span{ 
	float:right; 
    margin-top:-23px;
}

/*
********************************************************************
horaire.html
artdevivre.css

Yew 9/27/2008
********************************************************************
*/  
/* @group horaireSideNav */
.horaireSideNav {
    width: 160px;
    margin-top: -10px;
} 

.horaireSideNav .sidenav ul li img.horaireSideNavFirst {
    margin: auto 3px auto -2px;
}
/* @end horaireSideNav */

/* @group horaireCenter */
.horaireCenter {
    width: 479px;
    float: left;
    margin: auto auto 10px 10px;
    display: inline;
} 

.horaireTitle {
    width: 477px;
    height: 23px;
    border: 1px solid #d5d7d8;
    border-top: none;
} 

.horaireTitle ul {
    margin: 0;
    padding: 5px 0 0 15px;
    list-style: none;
}   

.horaireTitle ul li {
    float: left;
    color: #1c6aac;
    margin-left: 10px;
    display: inline;
} 

.horaireTitle ul li a:link,
.horaireTitle ul li a:visited {
    color: #1c6aac;
    text-decoration: none;
    margin-right: 10px;
    font-weight: bold;
} 

.horaireTitle ul li a:hover {
    color: #8ec325;    
}  

.horaireBody {
    width: 457px;
    border-left: 1px solid #d5d7d8; 
    border-right: 1px solid #d5d7d8;
    padding: 14px 10px 0 10px;
}

.horaireContent {
    width: 457px;
    border-bottom: 1px dotted #8db4d5;
    margin-bottom: 10px;
    padding-bottom: 10px;
} 

.horaireBody #lastHoraireContent {
    width: 457px;
    padding-bottom: 10px;
}    

.horaireContent div,
.horaireBody #lastHoraireContent div {
    float: right;
    width: 290px;
    color: #018ee6;
    font-weight: bold;
} 

.horaireContent div h1,
.horaireBody #lastHoraireContent div h1 {
    font-size: 18px;
    color: #a3ce50;
    margin: 0;
    padding: 25px 0 0 0;
} 

.horaireContent div strong,
.horaireBody #lastHoraireContent div strong {
    font-size: 14px;
    color: #000000;
} 
/* @end horaireCenter */

/*
********************************************************************
Lecture.html
artdevivre.css

Yew 9/27/2008
********************************************************************
*/  

/* @group lecture */

.lecture {
    width: 660px;
    float: left;
    margin: auto 5px 10px -5px;
    display: inline;
} 

.lectureBody {
    width: 652px;
    border-left: 1px solid #d5d7d8;
    border-right: 1px solid #d5d7d8;
    overflow: auto;
    padding: 4px 0 0 6px;
}    

.lectureRight {
    width: 479px;
    float: left;
    margin-left: 8px;
    display: inline;
}  
/* @group choix */
.choix {
    width: 479px;
    margin-top: -13px;
}    

.choixBody {
    border-left: 1px solid #a4cf50;
    border-right: 1px solid #a4cf50;
    width: 477px;
    overflow: auto;
    padding-top: 10px;
    background: url(../images/bg/lecture-right-bg.jpg) bottom left repeat-x;
}

.choixLeftImg {
   width: 126px;
   height: 100%;
   float: left;
   margin: auto 33px auto 15px;
   display: inline;
} 

.choixRightContent {
    width: 278px;
    height: 100%;
    float: left;
}

.choixRightContent div {
    width: 278px;
    float: left;
    padding-bottom: 20px;
}  

.choixRightContent div img {
    margin-right: 14px;
    float: left;
} 

.choixRightContent div p {
    margin-bottom: 0;
}    

.choixRightContent div p strong {
    font-size: 12px;
    color: #1c6aac;
    line-height: 20px;
}
/* @end choix */

/* @group lectureLesBody */
.lectureLesBody {
    border-left: 1px solid #a4cf50;
    border-right: 1px solid #a4cf50;
    padding: 8px 0 13px 15px;
    overflow: auto;
    height: 100%;
    background: url(../images/bg/forum-bg.jpg) bottom center no-repeat;
}

.lectureLesBodyImg {
    float: left;
    display: inline;
    margin-right: 15px;
}  

.lectureLesBodyRight {
    float: left;
    margin-top: 4px;
    padding-left: 12px;
    border-left: 1px solid #8db4d5;
}     

.lectureLesBodyRight p {
    width: 172px;
    float: left;
    margin-right: 25px;
    display: inline;
}  

.lectureLesBodyRight p strong {
    color: #1c6aac;
    font-size: 12px;
    line-height: 20px;
}    

.lecture .les-on div {
    padding: 6px 12px 0 12px;
    width: 133px;
}
    
*html .lecture .les-on div {
    padding: 6px 14px 0 14px;
    width: 129px;
}  /*  ie6  */  

.lecture .lesNormal div {
    padding: 5px 20px 0 20px;
}

*html .lecture .lesNormal div {
    width: 100px;
}  /*  ie6  */ 

.lectureLesBodyRight a:link,
.lectureLesBodyRight a:visited {
    color: #1c6aac;
} 

.lectureLesBodyRight a:hover {
    color: #45811a;
} 

.lectureLesBodyRight span a:link,
.lectureLesBodyRight span a:visited {
    color: #45811a;
}

.lectureLesBodyRight span a:hover {
    color: #1c6aac;
} 

.lectureLesBodyRight span.address {
    float: left;
    margin-top: 10px;
    font-size: 10px;
} 

.lectureLesBodyRight span.address span {
    font-weight: bold;
}       

.lecturebottom .forumBottom div {
    float: left;
    display: inline;
    margin: 5px auto auto 11px;
    font-weight: bold;
}     
/* @end lectureLesBody */

/* @group lectureForumBody */
.lectureForumBody {
    border: 1px solid #a4cf50;
    border-top: none;
    padding: 13px 25px 0 13px;
}

.lectureForumBody  ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.lectureForumBody ul li {
    margin-bottom: 20px;
}

.lectureForumBody ul li h5 {
    margin: 0 0 3px 0;
    padding: 0;
    font-size: 12px;
    color: #1c6aac;
}    

.lectureForumBody ul li a:link,
.lectureForumBody ul li a:visited {
    color: #1c6aac;
} 

.lectureForumBody ul li a:hover {
    color: #45811a;
} 

.lectureForumBody ul li span a:link,
.lectureForumBody ul li span a:visited {
    color: #45811a;
}

.lectureForumBody ul li span a:hover {
    color: #1c6aac;
}  
/* @end lectureForumBody */
/* @end lecture */