/*Accueil*/
#topleft_div
{
    width:681px;
    float:left;
}

#left_div
{
    width:294px;
    float:left;
}
#middle_div
{
    width:285px;
    float:left;
    text-align:left;
}
#right_div
{
    width:300px;
    float:right;
    text-align:right;
}




/*Fin Accueil */


/*Debut music*/


.albuminfo
{
    width:854px;
    padding:12px;
    display:block;
    border:1px solid #C8B091;
    background-color:#FAF7F1;

}

ul.tracklist
{
    color:#564130;
    font-size:8pt;
    list-style:none;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    border:1px solid #C8B091;
    background-color:#E9E1C9;
    padding:7px;
    width:33%;
}

ul.tracklist li
{
    margin:2px 0px;
}
/*Fin music*/


.m_models .slides2 div a {text-decoration:none;text-align:center;font-size:10px;display:block;margin:0px}
.m_models .slides2 li {list-style:none;display:inline}
.m_models .diaporama_preview2 {display:inline}
.m_models .slides2 {display:block; width:565px; padding:0px;margin:0px}


/*Actualites*/
.news-grid .article{
    border:1px #DEDEDE solid; 
    padding:3px; 
    margin:10px 0px 0px 0px; 
    display:block;
    min-height: 130px;
}

@media (min-width: 768px) {
    .news-grid .article{
        min-height: 130px;
    }
}

.news-grid .article .titre
{
    font-size:12px;
    font-weight:bold;
    text-decoration:underline;
    color:#251D16;
    line-height:16px;
    height:16px;

}

.news-grid .article .resume
{
    font-size:11px;
    font-weight:normal;
    text-decoration:none;
    color:#000000;
    margin:3px 0px;
}

.news-grid .article .thumb
{
    clear:right;
    float:right;
    margin:3px 4px 0px 0px;
}

.news-grid .article .thumb img
{
    max-width:100px;
    max-height:55px;
    border:1px solid #999999;
}

.news-grid .article .actu_source
{
    font-size:10px;
    font-weight:bold;
    text-decoration:none;
    color:#666666;
    margin:2px 0px;
    display:block;
    float:left;
}

.news-grid .article .actu_date
{
    font-size:11px;
    font-weight:normal;
    text-decoration:none;
    color:#666666;
    margin:2px 0px;
    display:block;
}

.news-grid .article .category
{
    clear:right;
    float:right;
    font-size:11px;
    border:1px solid #E4E4E4;
    background-color:#EEEEEE;
    text-decoration:none;
    font-weight:bold;
    color:#000000;
    padding:0px 6px;
    margin:5px 4px 0px 0px;
    line-height:20px;
    height:20px;
}


.m_link {
    background-color:#FFCF0F;
    color:#251D16;
    display:block;
    font-size:13px;
    padding:4px 4px;
    font-weight:bold;
    margin:10px 0px 0px 0px;
    height:15px;
    text-decoration:none;
}

/*STREAM*/
ul.stream  {
    text-decoration:none;
    width:100%;
}

ul.stream li a {
    text-decoration:none;
    display:block;
}

ul.stream li .thumb {
    float:left;
}

ul.stream li .description {          
    float:left;  
}

.stream_title {
    font-size:14px;
    font-weight:700;
    color: #333333;
    text-transform: uppercase; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.stream_type {
    padding: 3px 7px;
    background-color: #222222;
    font-size: 12px;
    font-weight: bold;
    margin: 0px 5px 0px 0px;
    color: #FFFFFF;
    line-height: 12px;
}

@media (min-width: 768px) {
    .stream_title {
        font-size: 14px;
    }
}

.stream_category a {
    font-weight: 700;   
    font-size:16px;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    color: #333;
    display: block;
}

.stream_category {
    background-color: #EEE;
    border-color: #EEE;
    position: relative;
    display: block;
    clear: both;
    padding: 10px 8px;
}

.stream_wrapper {
    background-color: #FFFFFF;
    padding-left: 10px;
    margin-right: -30px;
}

.stream_item {
    background-color: #FFFFFF;
    border: none;
    clear: both;
    padding: 7px 5px;
}

.stream_title_2 {
    font-size:12px;
    font-weight:normal;
    color:#666666;      

}

.stream_description {
    font-size:12px;
    font-weight:700;
    color: #333333;
}
.stream_date {
    font-weight: 300;
    font-size:11px;
    color:#666666;
    margin-top:4px;
}

.m_streams .m_corps {
    background-color:#FFFFFF;
}

#carousel-container .container {
    padding-top: 5px;
}

@media (max-width: 767px) {
    #carousel-container .container {
        padding: 5px;
    }
}


#home_frontcarousel .item {
    height: 150px;
}

#home_frontcarousel .item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
}

@media (min-width: 768px) {
    #home_frontcarousel .item {
        height: 350px;
    }
    #home_frontcarousel .item img {
        height: 350px;
    }
}

#event-this-week .nav-tabs > li > a {
    font-weight: 700;
    color: #333333;
    text-decoration: none;
}
#streams-container .nav-tabs > li > a {
    font-weight: 700;
    color: #333333;
    text-decoration: none;
}

.event-this-week-item { 
    margin-bottom: 7px; 
    margin-top: 15px;
    font-family: 'Roboto', sans-serif;
    background-color:#FAFAFA;
}

.event-this-week-item img { 
    border:2px solid #F6F6F6;
}

.event-this-week-item .button_bottom {
    margin-top: 1px;
    padding: 8px;
    margin-bottom: 1px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    color: #FFF;
    text-decoration: none;
    line-height: 21px;
    text-align: center;
    background-color: #333;;
}

.event-this-week-item .soiree_adresse {
    margin: 0px;
    padding:3px 8px;
    text-decoration:none;
    font-weight: bold;
    color:#666666;
    line-height: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.event-this-week-item .item-image {   
    position: relative;  
}

.event-this-week-item .soiree_date { 
    margin: 0px;
    padding: 5px 8px;
    text-align: left;
    display:block;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration:none;
    color:#666666;

}

@media (min-width: 768px) {
    .event-this-week-item .soiree_date { 
        font-size: 12px;
        line-height: 15px;
    }
    .event-this-week-item .soiree_titre {
        font-size: 15px;
        line-height: 21px;
    }
    .event-this-week-item .soiree_adresse {
        font-size: 12px;
        line-height: 12px;
    }
    .event-this-week-item .button_bottom {
        font-size: 14px;
        padding: 8px;
        font-weight: bold;
        
    }
}

.home-grid {
    background-color: #FFFFFF;
}




.home-grid .row {
    margin-right: 0px;
    margin-left: 0px;
}

.home-grid .col-xs-1, 
.home-grid .col-xs-2,  
.home-grid .col-xs-3, 
.home-grid .col-xs-4, 
.home-grid .col-xs-5, 
.home-grid .col-xs-6, 
.home-grid .col-xs-7, 
.home-grid .col-xs-8, 
.home-grid .col-xs-9, 
.home-grid .col-xs-10, 
.home-grid .col-xs-11, 
.home-grid .col-xs-12 {
    padding-right: 0px;
    padding-left: 0px;
}

@media (min-width: 768px) {
    .home-grid .col-xs-1, 
    .home-grid .col-xs-2,  
    .home-grid .col-xs-3, 
    .home-grid .col-xs-4, 
    .home-grid .col-xs-5, 
    .home-grid .col-xs-6, 
    .home-grid .col-xs-7, 
    .home-grid .col-xs-8, 
    .home-grid .col-xs-9, 
    .home-grid .col-xs-10, 
    .home-grid .col-xs-11, 
    .home-grid .col-xs-12 {
        padding-right: 15px;
        padding-left: 15px;
        padding-bottom: 10px;
    }
}

