@media screen and (max-width: 768px) {



#logo_bt {

    height: 90px;

    padding: 15px 0 15px 10px;

    width: 109px;

    margin-left: 22px;

}



#logo_titre {

    float: left;

    height: 134px;

    width: 56.05%;



}

#logo_titre .nom {



    line-height: 17px;

}

.tony {

    background: #1C1E1D;

    height: 50px;

    padding: 0 0px 0px 7%;

    border-right: none;

}



#mem_cont_part {



    display: none;

}

#mem_cont {

    /* background: url(../images/trait_gbar.jpg) left no-repeat; */

    width: 100%;

    height: 51px;

    float: left;

    /* display: none; */

}



#mem_cont_mem {

    width: 100%;

    height: 48px;

    padding: 0;

    background: none;

    border-top: 0;

    border-right: 0;

    color: #fff;

    font-size: 10px;

    line-height: 39px;

    text-align: center;

}



#mem_cont_mem_menu {

    width: 100%;

    height: 47px;

    float: left;

    /* background: url(../images/trait_part.jpg) right no-repeat; */

}



body > .sm-btn-108, .sm-content-inner > .sm-btn-108, .off-menu_108 .sm-btn-108 {

    position: fixed;

    top: 6px;

    left: 0px;

}



.mycanim {

    width: 100%;

    float: none;

    line-height: 50px;

    text-align: center;

}

#social {

    float: none;

    width: 100%;

    line-height: 48px;

    height: 100px;

}



#news_social .suivre {

    font-size: 15px;

    color: #fff;

    padding: 0;

    display: block;

    margin: 0 2% 0px 0;

    float: none;

    width: 100%;

    text-align: center;

}



#news_social .soc {

  float: none;

        height: 40px;

        width: 80%;

        padding: 10px 0 0 0;

        margin: 0 auto;

}

#sout {

    float: none;

    width: 100%;

    margin: 20px 0 0 0;

}

#sout .custom {

    float: right;

    width: 36%;

}



#sout h3 {

    float: left;

    width: 40%;

    font-size: 15px;

    font-weight: normal;

}



#conten-liste {

    width: 100%;



}

#others {

    float: none;

    width: 96%;

    padding: 30px 2% 0 2%;



}



#yoo-zoo .alpha-index a, #yoo-zoo .alpha-index span {

    display: block;

    width: 11px;

}



 #yoo-zoo .width20, #yoo-zoo .width25, #yoo-zoo .width33, #yoo-zoo .width50 {

        width: 100%;

        margin: 0 0 30px 0;

}



#yoo-zoo .employee div.sidebar-right {

    margin-left: 0;

    float: none;

    margin: 0 auto 30px auto;

}



#yoo-zoo .employee div.pos-description {

    text-align: justify;

}



#yoo-zoo .item div.pos-sidebar .element-image > * {

    display: block;

    background: #ffffff;

    width: 100%;

    height: auto;

}

#yoo-zoo .item div.pos-description {

    text-align: justify;

}



#conten-accueil {

    height: 300px;

    display: table;

    padding: 36px 0 30px 0;

    width: 100%;

}



#others-accheil {

    width: 96%;

    height: 200px;

    display: table;

    padding: 30px 0 0 2%;

    vertical-align: top;

}

#onweb {

    width: 96%;

    height: 600px;

    display: table;

    padding: 30px 0 0 2%;

    vertical-align: top;

}

#gensparttitre {



    width: 90%;

}

#genspart span, #genspart1000 span {

    display: block;

    float: left;

    font-size: 52px;

    font-weight: bold;

    line-height: 49px;

    font-family: arial;

    margin: 0 5% 0 0;

}

#genspart i, #genspart1000 i {

    font-size: 49px;

    float: left;

    margin: 0 6% 0 0;

    line-height: 50px;

}



#genspart div, #genspart1000 div {

    float: none;

    font-size: 21px;

    line-height: 15px;

     clear: left;

    text-align: center;

}

#gensparticone i {

    font-size: 35px;

    float: left;

    margin: 0px 15% 0 0;

    line-height: 99px;

}



#gensparticone div {

    float: none;

    font-size: 16px;

    line-height: 14px;

    padding: 0 0 10px 0;

    width: 100%;

    clear: left;

    text-align: left;

}

.item-page {

    padding: 3%;

    font-size: 18px;

   

}



#lesjours {

    width: 100%;

    height: 77px;

    background: none;

}

#conten-date .level1 dt .link a {

    display: block;

    height: 60px;

    text-decoration: none;

    color: #fff;

    background: #225889;

    transition: 0.4s all;

    text-align: center;

    font-size: 16px;

    line-height: 21px;

    font-family: 'Roboto Condensed', Arial, Helvetica;

    width: 100%;

    padding: 14px 9%;

}



#barreevent {

    display: none;

}



#eb-categories .eb-description, #eb-event-page .eb-description, #eb-events .eb-description {



    padding: 0 20px;



}

.conterimg {

    width: 100%;
	height: 364px;


}

.conterimg #condition {

    width: 100%;

    height: 63px;

    margin: 0;

    border-radius: 0;

    position: absolute;

    bottom: 111px;

    z-index: 2;

}

.conterimg #etatimg {

    display: table;

    width: 100%;

}

.conterimg .eventfini {

    width: 59%;

    height: 63px;

    background: #9B9B9B;

    text-align: center;

    line-height: 57px;

    font-size: 20px;

    color: #fff;

    border-radius: 0;

    margin: 0 0 2px 0;

    float: left;

}



.conterimg .eb_pricefini {

    float: left;

    display: block;

    width: 41%;

    height: 63px;

    background: #225889 url(../images/finis-free.png) no-repeat -12px;

    color: #fff;

    font-size: 21px;

    text-align: center;

    line-height: 63px;

}

#blocimgdetail .eb-box-heading {



    width: 100%;

    margin: 0 0 30px 0;

}



#eventa {

    width: 87% !important;

    border-bottom: 1px solid rgba(0, 0, 0, 0.2);

    position: relative;

    padding: 8%;

    margin: 0 0 8% 0;

}



.prodatenfant #eventa:nth-child(2), .prodatenfant #eventa:nth-child(3), .prodatenfant #eventa:nth-child(4) {

    padding: 8%;

}



#eventa .eventfini {



    top: -133px;

    right: -9px;

}

#blocimgdetail .eb-box-heading h1 {



    line-height: 34px;

}



#eb-event-info .eb-event-property {

    margin: 0 0 15px 0;

    text-align: left;

}



#eb-event-info .table-bordered div:nth-child(even) {

    text-align: left;

    float: none;

    clear: left;

}





#others-accheil .module h3

{



}







.Pays {

    text-align: left !important;

}

.table-bordered div {

    width: 100%;

    float: none;

}

.prodatenfant {



    font-size: 18px;

}



#eb-speakers-list .span3, #eb-sponsors-list .span3 {

    width: 104%;

    display: table;

    height: 164px;

    margin: 15px 0;

    float: left;

}

#eb-speakers-list .eb-speaker-name, #eb-sponsors-list .eb-speaker-name {

    font-weight: bold;



}









#filtre {



    display: none;

}

#conten-date {

    width: 100%;

    height: 77px;

    background: none;

}



#conten-date .level1 dt {

    float: left;

    height: 77px;

}

#conten-date .level1 dt .inner, #conten-date .level1 dt .link {

    height: 77px;

    display: block;

    padding: 0;

}

#conten-date .level1 .active .link a {

    display: block;

    height: 77px;

    text-decoration: none;

    color: #fff;

    background: #3898E0 url(../images/fleche-jour-active.png) center 61px no-repeat;

}

    #conten-date .level1 dt .link a {

        display: block;

        height: 77px;



    }



#conten-liste {



    padding: 22px 0 30px 0;

}



.eb-event-item-grid-default-layout  {

    height: 500px;

    display: table;

}



.eb-events-grid-items .span6  {

    height: 707px;

    display: table;

}





 #others .eb-events-grid-items .span6 {

        height: 445px;

        display: table;

    }



#others .eb-event-item-grid-default-layout, #others-accheil .eb-event-item-grid-default-layout {

    height: 397px;

    display: table;

}



#others .eb-event-item-grid-default-layout .eb-event-thumb-container, #others-accheil .eb-event-item-grid-default-layout .eb-event-thumb-container {



    border-radius: 10px 10px 0 0;

    width: 100%;



}



#others #blocinfo, #others-accheil #blocinfo {

    float: left;

    width: 85%;

    padding: 0 2% 0 0;

}



#others .eb-event-item-grid-default-layout .eb-event-title-container, #others-accheil .eb-event-item-grid-default-layout .eb-event-title-container {

    line-height: 18px;

    margin: 15px 0 10px 0 !important;

}



#others .eventfini, #others-accheil .eventfini {



    border-radius: 0 0 0 0px;



}







#others #condition, #others-accheil #condition {

    float: left;

    width: 36.2%;

    height: 51px;

    margin: 0;

    border-radius: 0 10px 0 0;

    position: absolute;

    bottom: 136px;

}





.eb-event-item-grid-default-layout .eb-event-short-description, .eb-event-item-grid-default-layout .eb-event-date-time, .eb-event-item-grid-default-layout #catcat1, .eb-event-item-grid-default-layout .eb-event-location, .eb-event-item-grid-default-layout .eb-event-title-container {

    float: left;

    width: 100%;

    margin: 0 0 9px 0;

}



.eb-event-item-grid-default-layout .eb-event-thumb-container {

    position: relative;

    width: 100%;

    overflow: hidden;

    border-radius: 10px 10px 0 0;

    float: left;

    margin: 0 3% 0 0;

}



#blocinfo {

    float: left;

    width: 88%;

    padding: 0;

}

.eb-event-item-grid-default-layout>div:not(.eb-event-thumb-container) {

    margin: 0 20px 10px 20px;

}



#condition {

    float: left;

    width: 100%;

    height: 187px;

    margin: 0;

    border-radius: 0 0 10px 10px;

}



.eventfini {



    border-radius: 0 0 0 0;



}

.aucuneprog {



    border-radius: 0 0 10px 10px;



}





#conten-liste .twitter-tweet {

    display: table;

    max-width: 550px;

    width: 100% !important;

    margin-top: 0 !important;

    margin-bottom: 20px;

    float: none;

    margin-right: 2%;

}



#conten-liste .fb-post {

    width: 101% !important;

    margin: 0 2% 18% 0;

    float: none;

    display: table;

}

















}





/*---------------------------------------------------------------------------------------*/











@media (min-width:344px) and (max-width:768px) 



 {

    #logo_titre {

        float: left;

        height: 134px;

        width: 54.05%;

    }

    #news_social .soc {

        float: none;

        height: 40px;

        width: 88%;

        padding: 10px 0 0 0;

        margin: 0 auto;

    }



}







/*---------------------------------------------------------------------------------------*/











@media (min-width:768px) and (max-width:1024px) 

 {



    #mem_cont_mem {

        font-size: 11px!important;

    }



    #logo_titre {

        float: left;

        height: 134px;

        width: 28.05%;

    }



    #mem_cont {

        /* background: url(../images/trait_gbar.jpg) left no-repeat; */

        width: 51%;

        height: 148px;

        float: left;

        /* display: none; */

    }



#mem_cont_part {

    width: 99%;

    height: 71px;

    padding: 15px 0 0 2%;

    display: block;

}



.ifc img {

    width: 30%;

    height: auto;

    margin: 7px 25px 0 0;

}

.toonboon img {

    width: 23%;

    height: auto;

    margin: 10px 0 0 0px;

}

.laba img {

  width: 11.3%;
    height: auto;
    margin: 12px 0 0 33px;

}



    #yoo-zoo .alpha-index a, #yoo-zoo .alpha-index span {

        display: block;

        width: 23px!important;

    }



#yoo-zoo .items div.pos-description {

    line-height: 16px;

}

#yoo-zoo .employee div.pos-contact ul strong {

    display: inline-block;

    width: 108px;

}





#conten-date .level1 dt .link a {

        font-size: 19px;

        line-height: 40px!important;

    }

    #blocinfo {

        float: left;

        width: 57%;

        padding: 0;

    }



    .eb-event-item-grid-default-layout .eb-event-thumb-container {

        position: relative;

        width: 33%;

        overflow: hidden;

        border-radius: 10px 0 0 0;

        float: left;

        margin: 0 3% 0 0;

    }



#condition {

        float: none;

        width: 33%;

        height: 187px;

        margin: 0;

        border-radius: 0 0 0 10px;

        position: absolute;

        bottom: -22px;

    }





.aucuneprog i, .suiteeprog i {

    float: left;

    font-size: 30px;

    margin: 0 15px 0 0;

    height: 38px;

}



    .eb-event-item-grid-default-layout {

        height: 342px;

        display: table;

    }

   .aucuneprog {

        width: 80%;

        height: 50px;

        background: #7A7A7A;

        text-align: center;

        font-size: 13px;

        color: #CCCACA;

        border-radius: 0 0 0 10px;

        position: relative;

        padding: 14% 10%;

    } 



    .eb-events-grid-items .span6 {

        height: 400px!important;

        display: table;

    }



    #others .eb-event-item-grid-default-layout .eb-event-thumb-container, #others-accheil .eb-event-item-grid-default-layout .eb-event-thumb-container {

        border-radius: 10px 0 0 0;

        width: 33%;

    }



    #others #blocinfo, #others-accheil #blocinfo {

        float: left;

        width: 57%;

        padding:10px 0;

    }



    #others #condition, #others-accheil #condition {

        bottom: -15px!important;

                border-radius: 0 10px 0 10px;

        position: absolute;

        width: 33.2%;

    }



#others .eventfini, #others-accheil .eventfini {

        border-radius: 0 0 0 10px;

    }



    #others .eb-event-item-grid-default-layout, #others-accheil .eb-event-item-grid-default-layout {

        height: 205px;

        display: table;

    }



    #others .eb-events-grid-items .span6 {

        height: 255px!important;

        display: table;

    }



.eb-event-large-image {

    margin: 0 0 20px;

    max-width: 100%;

    width: 100%;

}



    #eb-event-info .table-bordered div:nth-child(even) {

        font-size: 20px!important;

    }



.eb-speaker-avatar, .eb-sponsor-logo {



    width: 15%;

 

}



    #contprochdate {

        font-size: 22px!important;

    }



.eb-plugin-speakers, .eb-plugin-sponsors {

        font-size: 22px!important;

    }





    #genspart span, #genspart1000 span {

        display: block;

        float: left;

        font-size: 78px;

        font-weight: bold;

        line-height: 49px;

        font-family: arial;

        margin: 0 5% 0 0;

    }



    #genspart div, #genspart1000 div {

        float: left;

        font-size: 21px;

        line-height: 15px;

        clear: inherit;

        text-align: left;

    }



#eventa span {

    display: block;

    color: #555;

    font-size: 18px;

    margin: 0 0 5px 0;

}



    #eventa .eventfini {

        top: -170px;

        right: 135px;

        font-size: 18px;

        padding: 5px 0px;

    }





















}



/*---------------------------------------------------------------------------------------*/







@media (min-width:540px) and (max-width:768px) 



 {



     #mem_cont_mem {

        font-size: 15px;

    }



#yoo-zoo .row, #yoo-zoo .floatbox {

    overflow: hidden;

    font-size: 18px;

    line-height: 30px;

}

    #others {



        font-size: 18px;

    }



       #yoo-zoo .alpha-index a, #yoo-zoo .alpha-index span {

        display: block;

        width: 16px;

    }





#yoo-zoo .categories h2.title {



    font-size: 18px;



}



#yoo-zoo .items h2.pos-title {

    margin: 0px;

    font-size: 22px;

    font-weight: normal;

}

#yoo-zoo .items p.pos-subtitle {



    font-size: 18px;

}



    #gensparticone i {

        font-size: 65px;

    }

#gensparticone span {



    font-size: 67px;



}

    #gensparticone div {



        font-size: 21px;

    }



    #conten-date .level1 dt .link a {

        font-size: 19px;

        line-height: 22px;



    }



    .eb-event-item-grid-default-layout .eb-event-short-description, .eb-event-item-grid-default-layout .eb-event-date-time, .eb-event-item-grid-default-layout #catcat1, .eb-event-item-grid-default-layout .eb-event-location, .eb-event-item-grid-default-layout .eb-event-title-container {



        font-size: 18px;

    }



.eb-event-item-grid-default-layout .eb-event-title-container a {

    font-weight: bold;

    font-size: 20px;

    margin: 0px 0 15px 0;

    display: block;

}



    .eb-events-grid-items .span6 {

        height: 940px;

        display: table;

    }

#blocimgdetail #eb-event-info {



    font-size: 18px;



}

    #eb-event-info .table-bordered div:nth-child(even) {

        font-size: 18px;

    }



#contprochdate {



    font-size: 18px;

}

.eb-plugin-speakers, .eb-plugin-sponsors {

    font-size: 18px;

}

#eb-speakers-list .eb-speaker-name, #eb-sponsors-list .eb-speaker-name {



    font-size: 18px;



}

#eb-speakers-list .eb-speaker-title, #eb-sponsors-list .eb-speaker-title {



    font-size: 17px;



}



#others h3 {



    font-size: 30px;



}



    #others #condition, #others-accheil #condition {



        bottom: 185px;

    }



    #news_social .soc {

        width: 56%;

    }







}





 

/*---------------------------------------------------------------------------------------*/



















@media (min-width:820px) and (max-width:1023px) 

 {



#logo_bt {

    width: 100px;



}



    #logo_titre {

        width: 24.05%;

    }



    #mem_cont {

        /* background: url(../images/trait_gbar.jpg) left no-repeat; */

        width: 53%;

        height: 148px;

        float: left;

        /* display: none; */

    }



#logo_titre .nom {

    color: white;

    font-size: 14px;

    margin: 0 0 0 0 !important;

    font-weight: bold;

    padding-left: 7%;

    line-height: 21px;

}

.tony {

    background: #1C1E1D;

    height: 56px;

    padding: 5px 0px 0px 7%;

    border-right: 1px solid rgba(42, 110, 182, 0.5);

}



    #mem_cont_part {

        width: 99%;

        height: 97px;

        padding: 15px 0 0 2%;

        display: block;

    }



    #mem_cont_mem {

        font-size: 11px !important;

        height: 35px;

        line-height: 25px;

    }



body > .sm-btn-108, .sm-content-inner > .sm-btn-108, .off-menu_108 .sm-btn-108 {

    position: fixed;

    top: 148px;

    left: 0px;

}



#conten-accueil {



    width: 100%;

}



#others-accheil {

    width: 96%;

    height: 200px;

    display: table;

    padding: 30px 2%;

    vertical-align: top;

}

#onweb {

    width: 96%;

    padding: 2%;

    height: 600px;

    display: table;

    padding: 30px 2%;

    vertical-align: top;

}



#gensparttitre {



    width: 90%;



}

    #genspart span, #genspart1000 span {



        font-size: 88px;



    }



#gensparticone span {



    font-size: 48px;



}

#gensparticone i {

    font-size: 47px;

}



.off-menu_115 dt, .off-menu_115 dl.level1 dt {

    padding: 2px 15px 2px 15px;

}



#others dl a, #others dl a:link, #others dl.level1 a, #others dl.level1 a:link {

    font-size: 12px;

    color: #000;

    /* line-height: 7px; */

}



#others {

    float: left;

    width: 25%;

    height: 200px;

    display: initial;

    padding: 30px 0 0 2%;

}



.mycanim {

    width: 12%;

}



#news_social .soc {

    float: left;

    height: 40px;

    width: 60%;

    padding: 10px 0 0 0;

}

#social {

    float: left;

    width: 64%;

    line-height: 48px;

}

#sout {

    float: right;

    width: 24%;

}

#sout .custom {

    float: right;

    width: 59%;

}



#others dl dt.active.parent a, #others dl dt.active a, #others dl.level1 #others a, #others dl.level1 dt.active a {

    font-size: 13px;

    color: #2A6EB6;

}

.off-menu_123 dt, .off-menu_123 dl.level1 dt {

    padding: 2px 15px 2px 15px;

}



#others h3.sm-head span {

    font-size: 17px;

    color: #000;

    /* font-weight: 300; */

    font-style: normal;

    text-decoration: none;

    text-align: left;

    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.20);

    line-height: 19px;

    margin: 0;

    width: 99% !important;

    display: block;

    white-space: initial;

}

#others h3 {

    padding: 0 0 0 3%;

    font-size: 15px;

    font-weight: normal;

}



#lesjours {

    width: 47%;

    height: 60px;

    display: table;

    background: #666;

    float: left;

}



    #conten-date .level1 dt .link a {

        font-size: 12px;

        line-height: 16px !important;

        padding: 11px 22px;

    }



#category_id {

    border: 0;

    color: #fff;

    font-size: 9px;

    width: 100%;

}

#filtre .eb-form-control {

    margin: 0;

    float: left;

    height: 55px;

    padding: 5px 0 0 0;

    width: 83%;

}

#filtre #eb_search_form .control-label {

    font-size: 14px;



}

.eb-event-item-grid-default-layout .eb-event-title-container {

    font-size: 24px;

    font-weight: 700;

    margin-top: 15px !important;

    margin-bottom: 0 !important;

    line-height: 21px;

    padding: 0 0 14px 0;

    /* display: block; */

}



    .aucuneprog i, .suiteeprog i {

        float: left;

        font-size: 20px;

        margin: 0 15px 0 0;

        height: 35px;

    }



.aucuneprog {

        width: 80%;

        height: 39px;

        background: #7A7A7A;

        text-align: center;

        font-size: 12px;

        color: #CCCACA;

        border-radius: 0 0 0 10px;

        position: relative;

        padding: 14% 10%;

    }



    #condition {

        float: none;

        width: 33%;

        height: 187px;

        margin: 0;

        border-radius: 0 0 0 10px;

        position: absolute;

        bottom: -48px;

    }



    .eb-event-item-grid-default-layout {

        height: 262px;

        display: table;

    }

    .eb-events-grid-items .span6 {

        height: 295px !important;

        display: table;

    }



#filtre .radios {

    width: 133%;

    height: 60px;

    float: left;

}



#barreevent .rentreprog a {

    font-size: 14px;



}

#barreevent .catvieww {

    font-size: 14px;



    line-height: 47px;



}

#barreevent .jourevent {

    font-size: 14px;

}

.conterimg {

    width: 100%;

    float: left;

    position: relative;

}

.conterimg #condition, #blocimgdetail .eb-box-heading {

    width: 100%;



}

    #eb-event-info .table-bordered div:nth-child(even) {

        font-size: 16px !important;

    }





#contprochdate {

        font-size: 20px !important;

        margin: 30px auto;

    }



#eventa {

    width: 101% !important;

    border-bottom: 1px solid rgba(0, 0, 0, 0.2);

    position: relative;

    padding: 10px!important;

    margin: 0 0 10px 0;

}



#eventa .eventfini {

        top: -198px;

        right: 115px;

        font-size: 18px;

        padding: 5px 0px;

    }



 

    .eb-speaker-avatar, .eb-sponsor-logo {

        width: 15%;

    }



#eb-speakers-list .span3, #eb-sponsors-list .span3 {

    width: 95%;

    display: table;

    height: 164px;

    margin: 0 6% 0 0;

    float: left;

}





}





 

/*---------------------------------------------------------------------------------------*/



@media (min-width:1024px) and (max-width:1280px) 



 {



#logo_bt {



    width: 105px;



}

    #logo_titre {



        width: 21.05%;

    }



#logo_titre .nom {



    margin: 0;



}



    #mem_cont {

        /* background: url(../images/trait_gbar.jpg) left no-repeat; */

        width: 59%;



    }

    #mem_cont_part {



        height: 82px;



    }



.ifc img {

        width: 27%;



    }



.toonboon img {

        width: 21%;



    }
.laba img {
    width: 9.3%;
    height: auto;
    margin: 18px 0 0 33px;
}


    #mem_cont_mem {

        font-size: 15px !important;

        line-height: 40px;

    }



#gensparttitre {

    width: 90%;

}



#gensparttitre span {



    font-size: 24px;



}



#conten-accueil .custom {

    margin: 0 0 5px 0;

}



    #genspart div, #genspart1000 div {



        font-size: 12px;

        line-height: 5px;

        padding: 10px 0 0 0;

    }



    #genspart span, #genspart1000 span {

        font-size: 40px;

    }



#genspart i, #genspart1000 i {

    font-size: 29px;

}



#gensparticone i {

    font-size: 25px;

    float: left;

    margin: 0 6% 0 0;

    line-height: 46px;

}



#gensparticone span {

    display: block;

    float: left;

    font-size: 28px;

    font-weight: bold;

    line-height: 48px;

    font-family: arial;

    margin: 0 5% 0 0;

    color: #16AA9E;

}

#gensparticone div {

    float: left;

    font-size: 9px;

    line-height: 2px;

    padding: 14px 0 0 0;

}



#others-accheil h3, #onweb h3 {

    padding: 20px 0 0 0;

    font-size: 18px;

    font-weight: normal;

    margin: 0px 0 12px 0;

}

#onweb .custom {

    height: 575px;

}



.mycanim {

    width: 11%;

}

#social {



    width: 45%;



}



#news_social a {

    display: block;

    height: 30px;

    width: 30px;

    font-size: 14px;

    color: #2D2D2D;

    background: #fff;

    border-radius: 13px;

    -webkit-border-radius: 13px;

    -moz-border-radius: 13px;

    -o-border-radius: 13px;

    text-align: center;

    line-height: 30px;

    -webkit-transition: color 0.4s, background 0.3s, font-size 0.4s;

    -moz-transition: color 0.4s, background 0.3s, font-size 0.4s;

    -o-transition: color 0.4s, background 0.3s, font-size 0.4s;

    transition: color 0.4s, background 0.3s, font-size 0.4s;

    float: left;

    margin-right: 10px;

}



#news_social .soc {

    float: left;

    height: 40px;

    width: 66%;

    padding: 10px 0 0 0;

}



body > .sm-btn-108, .sm-content-inner > .sm-btn-108, .off-menu_108 .sm-btn-108 {

    position: fixed;

    top: 148px;

    left: 0px;

}

#others dl a, #others dl a:link, #others dl.level1 a, #others dl.level1 a:link {

    font-size: 11px;

    color: #000;

}



.off-menu_129 dt, .off-menu_129 dl.level1 dt {

    padding: 2px 15px 2px 15px;

}



#off-menu_129 h3.sm-head .sm-title:first-child {

    position: static;

    max-width: 100% !important;

    white-space: initial;

}



    .eb-event-item-grid-default-layout .eb-event-thumb-container {

        position: relative;

        width: 23%;

        overflow: hidden;

        border-radius: 10px 0 0 0;

        float: left;

        margin: 0 3% 0 0;

    }



    #blocinfo {

        float: left;

        width: 50%;

        padding: 0;

    }



.eb-event-item-grid-default-layout .eb-event-title-container {

    font-size: 15px;

    font-weight: 700;

    margin-top: 5px !important;

    margin-bottom: 0 !important;

}

.eb-event-item-grid-default-layout .eb-event-title-container a {

    text-decoration: none;

    color: #000;

    font-weight: normal;

    font-size: 14px;

}

.eb-event-item-grid-default-layout .eb-event-short-description, .eb-event-item-grid-default-layout .eb-event-date-time, .eb-event-item-grid-default-layout #catcat1, .eb-event-item-grid-default-layout .eb-event-location, .eb-event-item-grid-default-layout .eb-event-title-container {

    float: left;

    width: 100%;

    margin: 0 0 4px 0;

    font-size: 9px;

}

    #condition {

        float: left;

        width: 20%;

        height: 115px;

        margin: 0;

        border-radius: 0 0 0 10px;

        position: inherit;

        bottom: inherit;

    }



.eventfini {

    width: 100%;

    height: 31px;

    background: #9B9B9B;

    text-align: center;

    line-height: 31px;

    font-size: 11px;

    color: #fff;

    border-radius: 0 10px 0 0;

    margin: 0 0 2px 0;

}



    .aucuneprog {

        width: 80%;

        height: 48px;

        background: #7A7A7A;

        text-align: center;

        font-size: 8px;

        color: #CCCACA;

        border-radius: 0 0 0 10px;

        position: relative;

        padding: 14% 10%;

    }



    .aucuneprog i, .suiteeprog i {

        float: left;

        font-size: 22px;

        margin: 0 15px 0 0;

        height: 38px;

    }



.aucuneprog p, .suiteeprog p {

    float: left;

    display: block;

    width: 65%;

    text-align: left;

    margin: 0;

    padding: 0;

}



.flecheprog {

    background: url(../images/flecheprog.png) center -11px;

    width: 100%;

    height: 11px;

    display: table;

    position: absolute;

    z-index: 2;

    background-repeat: no-repeat;

    /* background-position: center; */

    top: -2px;

    left: 0;

}



    .eb-event-item-grid-default-layout {

        height: 114px;

        display: table;

    }

.eb-events-grid-items .span6 {

        height: auto !important;

        display: table;

    }



#conten-date .level1 dt .link a {

        font-size: 13px;

        line-height: 40px !important;

        height: 45px;

    }



#conten-date .level1 dt .inner, #conten-date .level1 dt .link {

    height: 45px;

    display: block;

    padding: 0;

}



#conten-date .level1 dt {



    height: 45px;

}



#conten-date .level1 .active .link a {

    display: block;

    height: 45px;

    text-decoration: none;

    color: #fff;

    background: #3898E0 url(../images/fleche-jour-active.png) center 33px no-repeat;

}



#lesjours {



    height: 45px;

}



#filtre {



    width: 51%;

}

#filtre .radios {

    width: 100%;

}

#category_id {

    font-size: 9px;



}

#filtre #eb_search_form .control-label {



    height: 45px;

    font-size: 13px;

    line-height: 45px;

}

#filtre .radios, #filtre, #conten-date  {



    height: 45px;



}



    #others .eb-event-item-grid-default-layout .eb-event-thumb-container, #others-accheil .eb-event-item-grid-default-layout .eb-event-thumb-container {

        border-radius: 10px 0 0 0;

        width: 40%;

    }

#others #blocinfo, #others-accheil #blocinfo {

        float: left;

        width: 47%;

        padding: 0px 0;

    }



#others .eb-event-item-grid-default-layout .eb-event-title-container, #others-accheil .eb-event-item-grid-default-layout .eb-event-title-container {

    line-height: 13px;

}



    #others .eb-event-item-grid-default-layout, #others-accheil .eb-event-item-grid-default-layout {

        height: 107px;

        display: table;

    }



    #others .eb-events-grid-items .span6 {

        height: auto !important;

        display: table;

    }



    #others #condition, #others-accheil #condition {

        bottom: -16px !important;

        border-radius: 0 10px 0 10px;

        position: absolute;

        width: 40.2%;

    }



    #others .eventfini, #others-accheil .eventfini {

        border-radius: 0 0 0 10px;

    }



#others h3 {

    padding: 0 0 0 3%;

    font-size: 16px;

    font-weight: normal;

}



.conterimg {

    width: 52%;

    float: left;

    position: relative;

    margin: 0 20px 0 0;

}



#blocimgdetail .eb-box-heading h1 {

    margin: 0 0 20px 0;

    font-size: 15px;

}

    #eb-event-info .table-bordered div:nth-child(even) {

        font-size: 13px !important;

    }



#blocimgdetail #eb-event-info {



    font-size: 13px;

      text-align: inherit;



}



.conterimg .eb_pricefini {

    float: left;

    display: block;

    width: 40%;

    height: 55px;

    background: #225889 url(../images/finis-free.png) no-repeat -12px -3px;

    color: #fff;

    font-size: 16px;

    text-align: center;

    line-height: 55px;

}



.conterimg #condition {

    width: 100%;

    height: 57px;

    margin: 0;

    border-radius: 0;

    position: absolute;

    bottom: 20px;

    z-index: 2;

}

.conterimg .eventfini {

    width: 60%;

    height: 55px;

    background: #9B9B9B;

    text-align: center;

    line-height: 56px;

    font-size: 16px;

    color: #fff;

    border-radius: 0;

    margin: 0 0 2px 0;

    float: left;

}

#eb-categories .eb-description, #eb-event-page .eb-description, #eb-events .eb-description {



    height: auto;

}



    #contprochdate {

        font-size: 16px !important;

    }



.prodatenfant {



    font-size: 16px;

}



#eventa span {

        display: block;

        color: #555;

        font-size: 11px;

        margin: 0 0 5px 0;

    }



    #eventa .eventfini {

        top: -105px;

        right: 3px;

        font-size: 6px;

        padding: 0px 0px;

        height: 20px;

        line-height: 23px;

    }

    .eb-speaker-avatar, .eb-sponsor-logo {

        width: 34%;

    }

#eb-speakers-list .eb-speaker-name, #eb-sponsors-list .eb-speaker-name {

    margin-top: 0;

    line-height: 12px;

    float: left;

    font-size: 10px;

    font-weight: normal;

    width: 51%;

    text-align: left;

}

#eb-speakers-list .eb-speaker-title, #eb-sponsors-list .eb-speaker-title {

    margin: 0;

    float: left;

    font-size: 9px;

    font-weight: normal;

    width: 47%;

    text-align: left;

}

#others h3.sm-head .sm-title:first-child {

    position: static;

    max-width: 100% !important;

    white-space: inherit;

}

#others dt, #others dl.level1 dt {

    padding: 2px 15px 2px 15px;

}

#others dl dt.active.parent a, #others dl dt.active a, #others dl.level1 #others a, #others dl.level1 dt.active a {

    font-size: 12px;

    color: #2A6EB6;

}



    .eb-plugin-speakers, .eb-plugin-sponsors {

        font-size: 16px !important;

    }





}









/*---------------------------------------------------------------------------------------*/



@media (min-width:1360px) and (max-width:1600px) 



 {



#logo_bt {



    width: 90px;



}

#mem_cont {

    /* background: url(../images/trait_gbar.jpg) left no-repeat; */

    width: 72%;



}



#logo_titre {



    width: 14.05%;



}



#filtre {



    width: 51%;



}

#category_id {

    border: 0;

    color: #fff;

    font-size: 11px;

    width: 100%;

}



.eb-event-item-grid-default-layout .eb-event-thumb-container {

    position: relative;

    width: 28%;

    overflow: hidden;

    border-radius: 10px 0 0 10px;

    float: left;

    margin: 0 3% 0 0;

}



#blocinfo {

    float: left;

    width: 44%;

    padding: 0 2% 0 0;

}



#condition {

    float: left;

    width: 20.6%;

    height: 187px;

    margin: 0;

    border-radius: 0 10px 10px 0;

}



.aucuneprog {

    width: 80%;

    height: 85px;

    background: #7A7A7A;

    text-align: center;

    font-size: 10px;

    color: #CCCACA;

    border-radius: 0 0 10px 0;

    position: relative;

    padding: 14% 10%;

}



.aucuneprog i, .suiteeprog i {

    float: left;

    font-size: 28px;

    margin: 0 15px 0 0;

    height: 37px;

}



.aucuneprog p, .suiteeprog p {

    float: left;

    display: block;

    width: 70%;

    text-align: left;

    margin: 0;

    padding: 0;

}



.eb-event-item-grid-default-layout .eb-event-title-container a {

    text-decoration: none;

    color: #000;

    font-weight: normal;

    font-size: 16px;

}

#others #blocinfo, #others-accheil #blocinfo {

    float: left;

    width: 51%;

    padding: 0 2% 0 0;

}



#eb-categories .eb-description, #eb-event-page .eb-description, #eb-events .eb-description {

 

    height: auto;

}



.conterimg {

    width: 53%;

    float: left;

    position: relative;

    margin: 0 20px 0 0;

}



.conterimg #condition {

    width: 100%;

}

#eventa {

    width: 32% !important;

    border-right: 1px solid rgba(0, 0, 0, 0.2);

    position: relative;

    padding: 0 2% 0 0;

}

.prodatenfant #eventa:nth-child(2), .prodatenfant #eventa:nth-child(3), .prodatenfant #eventa:nth-child(4) {

    padding: 0 0 0 2%;

}



#eventa .eventfini {



    top: -133px;

    right: 7px;

}



#news_social .soc {

    float: left;

    height: 40px;

    width: 57%;

    padding: 10px 0 0 0;

}

.mycanim {

    width: 8%;

    float: left;

    line-height: 50px;

}



.eb-speaker-avatar, .eb-sponsor-logo {

    text-align: left;

    width: 35%;

    float: left;

    margin: 0 20px 0 0;

}



#eb-speakers-list .eb-speaker-name, #eb-sponsors-list .eb-speaker-name {



    font-size: 12px;



}



#eb-speakers-list .eb-speaker-title, #eb-sponsors-list .eb-speaker-title {



    font-size: 10px;



}



#gensparttitre span {



    font-size: 28px;



}





#genspart span, #genspart1000 span {



    font-size: 68px;



}



#genspart i, #genspart1000 i {

    font-size: 50px;



}

#gensparticone div {

    float: left;

    font-size: 11px;

    line-height: 6px;

    padding: 31px 0 0 0;

}



#gensparticone span {



    font-size: 50px;



}

#gensparticone i {

    font-size: 45px;



}



#others-accheil h3, #onweb h3 {



    font-size: 20px;



}

#others h3.sm-head .sm-title:first-child {

    position: static;

    max-width: 100% !important;

    white-space: inherit;

}

#others dt, #others dl.level1 dt {

    padding: 2px 15px 2px 15px;

}

#others h3.sm-head span {

    font-size: 21px;



}



#others dl a, #others dl a:link, #others dl.level1 a, #others dl.level1 a:link {

    font-size: 16px;

    color: #000;

}

#others dl a, #others dl a:hover, #others dl.level1 a:hover, #others dl.level1 a:hover {

    font-size: 16px!important;

    color: #000;

}



#yoo-zoo .items h2.pos-title {



    clear: left;

}





















 }





/*---------------------------------------------------------------------------------------*/



@media (min-width:1600px) and (max-width:1768px) 



 {



.eb-event-item-grid-default-layout .eb-event-thumb-container {



        width: 24%;



    }



#blocinfo {

        float: left;

        width: 48%;

        padding: 0 2% 0 0;

    }



.aucuneprog {

        width: 80%;

        height: 77px;



    }









}





/*---------------------------------------------------------------------------------------*/



@media (min-width:1768px) and (max-width:1880px) 



 {



#mem_cont {

    /* background: url(../images/trait_gbar.jpg) left no-repeat; */

    width: 72%;



}

#filtre {

 

    width: 46%;



}

.eb-event-large-image {

    margin: 0 0 20px;

    max-width: 93.7%;

}

#eventa .eventfini {



    right: 16px;

}



    .eb-event-item-grid-default-layout .eb-event-thumb-container {

        width: 21.8%;

    }



    #blocinfo {

        float: left;

        width: 46%;

        padding: 0 2% 0 0;

    }



.eb-event-item-grid-default-layout .eb-event-title-container a {

    text-decoration: none;

    color: #000;

    font-weight: normal;

    font-size: 16px;

}



    .aucuneprog {

        width: 80%;

        height: 57px;

    }



#gensparttitre {



    width: 68%;



}



#genspart span, #genspart1000 span {



    font-size: 89px;



}



#gensparticone div p:nth-child(2) {

    color: #16AA9E;

    text-align: left;

}







}



@media (min-width:900px) 



 {





}

























@media (min-width:1000px) 



 {







}