@font-face {
    font-family: 'Conv_FuturaStd-Bold';
    src: url('fonts/FuturaStd-Bold.eot');
    src: url('fonts/FuturaStd-Bold.woff') format('woff'), url('fonts/FuturaStd-Bold.ttf') format('truetype'), url('fonts/FuturaStd-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Conv_FuturaStd-Book';
    src: url('fonts/FuturaStd-Book.eot');
    src: url('fonts/FuturaStd-Book.woff') format('woff'), url('fonts/FuturaStd-Book.ttf') format('truetype'), url('fonts/FuturaStd-Book.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Conv_FuturaStd-Light';
    src: url('fonts/FuturaStd-Light.eot');
    src: url('fonts/FuturaStd-Light.woff') format('woff'), url('fonts/FuturaStd-Light.ttf') format('truetype'), url('fonts/FuturaStd-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeue-Bold';
    src: url('fonts/HelveticaNeueLTStd-BdCn.eot');
    src: url('fonts/HelveticaNeueLTStd-BdCn.woff') format('woff'), url('fonts/HelveticaNeueLTStd-BdCn.ttf') format('truetype'), url('fonts/HelveticaNeueLTStd-BdCn.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeue-Book';
    src: url('fonts/HelveticaNeueLTStd-Cn.eot');
    src: url('fonts/HelveticaNeueLTStd-Cn.woff') format('woff'), url('fonts/HelveticaNeueLTStd-Cn.ttf') format('truetype'), url('fonts/HelveticaNeueLTStd-Cn.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
html {
    box-sizing: border-box;
}
.top-bar .logo-sd {
    background-image: url("/images_communes/logo_dermato_presente.png");
    max-width:380px;
}


body.ipad .container-fluid.not-loggin .primary-side{
    height: auto !important;
}

body {
    font-family:'Conv_FuturaStd-Book',Helvetica,Arial,serif;
    background-color:white;
    background-size: cover;
    position: relative;
}

html,body {
    /*height:100%;*/
    width: 100%;
    float:left;
    height:100%;
}

.participe-info{
    color:black;
}

.container-fluid {
    padding: 0 !important;
    overflow:hidden;
}

.block-left {
    display: block;
    float: left;
}

.block-right {
    display: block;
    float: right;
}

.container-fluid header{
    width: 100%;
    padding: 0;
    margin: 0;
}

.not-loggin #sidebar{
    display:none;
}
.not-loggin .module_titre_droite {
    display: none;
}

.not-loggin .topbar {
    display: none;
}

.not-loggin #main {
    float:left;
    width:100%;

}

.not-loggin .content > #sidebar{
    display:none;
}

#boite_espace {
    width: 100%;
    height:65px;
    text-align:center;
    color:#FFF;
    background-color:#000;
}

#boite_espace a {
    text-decoration: none;
    color:white;
}

#boite_espace a:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.42);
}

#boite_espace a.btn_connexion {
    display:none;
}
#boite_perso {
    position:relative;
    margin:auto;
    width:97%;
    text-align:left;
}

#boite_perso_medipass {
    float: right;
    display: block;
    padding-right: 1%;
    padding-top: 20px;
}

#boite_perso_site_principal {
    position:absolute;
    top:7px;
    left:0;
    height:47px;
    width:335px !important;
    text-indent:-1000px;
    font-size:0;
    background:url('/images_communes/logo_rhumato_presente.png') no-repeat;
    background-size:320px auto;
}

.centered {
    display: block;
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

#sidebar.primary-side{
    min-height:900px;
}

.module_content {
    padding: 8px;
}

.login .webcast-header {
    display: none;
}

.footer {
    position: static;
    right: 0;
    left:0;
    bottom: 0;
    width: 100%;
    background-color: #000;
    color: white;
    height: 70px;
}

#footerContenu {
    width: 50%;
    margin: 0 auto;
    padding: 15px;
    text-align:center;
}

.primary-side,
.secondary-side{
    float:left;
    width:50%;
    position:relative;
}

.primary-side{
    float:left;
    width:30%;
    background-image:url(/images_index/psoriasis2017/bg-home.png);
    background-repeat:no-repeat;
    background-size:cover;
}

#webcast-bottom{
    background-image:url(/images_index/psoriasis2017/webcast.png);
    background-size:142px;
}

.secondary-side{
    float:left;
    width:70%;
    background-color:#de7167;
    color:white;
}

#webcast_ins_droite{
    float:none !important;
    margin-left:auto;
    margin-right:auto;
}

.secondary-side input{
    color:black;
}

.primary-side .soutien{
    float:left;
    width:100%;
    background-color:white;
    padding-top:10px;
    padding-bottom:10px;
}

.primary-side .soutien span{
    float:left;
    padding-left:10px;
    width:70%;
    text-align:right;
    padding-right:20px;
    padding-top:15px;
    color:black;
}

.primary-side .webcast-logo{
    position:absolute;
    bottom:0;
    z-index:200;
    left:0;
}

.not-loggin #main > .disclaimer{
    display:none;
}

.hidden-top,
.hidden-bottom{
    display:block;
    float:left;
    width:100%;
    background-color:white;
}

#lecteur_wowza_wrapper,
#lecteur_wowza {
    margin-left:auto;
    margin-right:auto;
}


#offline{
    background-position:center 0px;
}

.hidden-bottom{
    display:none;
}

#login-box{
    padding:0px;
}

.not-loggin #sidebar {
    display: none;
}
.not-loggin .module_titre_droite {
    display: none;
}
.not-loggin .topbar {
    display: none;
}
.not-loggin .webcast-header {
    background: rgba(0, 0, 0, 0) url("/images_index/neutre/img_repeat.png") repeat-x scroll 0 0;
    float: left;
    height: 64px;
    opacity: 0.9;
    width: 100%;
}
.not-loggin .webcast-header .wlogo {
    background-image: url("/images_index/neutre/img_wc_logo.png");
    background-repeat: no-repeat;
    float: left;
    height: 64px;
    width: 380px;
}
.not-loggin .webcast-header .logo {
    float: right;
    height: 54px;
    margin-right: 22%;
    margin-top: 11px;
    width: 344px;
}
.not-loggin .webcast-header .logo img {
    height: 45px;
    margin-top: 2px;
}
.not-loggin .webcast-header .logo span {
    color: #989898;
    padding: 10px;
    position: relative;
    top: 5px;
}
.not-loggin #boite_login {
    margin: 0;
    min-height:900px;
}
#main .primary-side{
    min-height:900px;
}
.not-loggin #boite_login_contenu {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 80%;
}
.not-loggin .hidden-bottom{
    display:none;
}
.not-loggin .boite_login_titre {
    border-bottom: 2px solid white;
    border-top: 2px solid white;
    color: white;
    font-size: 24px;
    text-transform: uppercase;
    margin-top:20px;
    text-align:center;
    padding-top:20px;
    padding-bottom:20px;
    margin-bottom:80px;
}
.not-loggin #boite_login .evenement {
    display: block;
    padding: 30px 0;
    text-align: center;
}
.not-loggin #boite_login .evenement .titre {
    color: white;
    font-size: 2em;
    line-height: 1.2em;
}
.not-loggin #boite_login .evenement .sous_titre {
    color: #333333;
    font-size: 1.6em;
    font-weight: bold;
}
.not-loggin #boite_login .evenement .date {
    border: medium none;
    font-size: 1.6em;
    margin: 0;
    text-transform: uppercase;
    margin-bottom:80px;
}
.not-loggin #connexion {
    float: left;
    width: 49%;
}

.webcast-header{
    display:none !important;
}

.secondary-side .evenement .titre,
.secondary-side .evenement .date{
    float:left;
    width:100%;
    padding-left:20px;
    padding-right:20px;
    text-align:center;
    padding-bottom:10px;
    text-transform:uppercase;
}

.secondary-side .evenement .titre{
    font-size:28px;
    font-weight:bold;
}

.secondary-side .evenement .date{
    font-size:18px;
    margin-bottom:80px;
}

body #formulaire{
    background-color: #9c5151;
    padding:15px;
    border-radius:4px;
    float:left;
    width:calc(80% - 20px) !important;
    margin-top:10px;
}

#connexion .contenu{
    float:left;
    width:100% !important;
}

#inscription_crayon {
    background: url(/images_communes/icone_crayon_42x34_white.png) center no-repeat;
}

#connexion .contenu .detail span,
#inscription .contenu .detail span{
    float:left;
    width:100%;
    font-size:18px;
}

#inscription .contenu .detail span{
    float:none;
}

.partenaire-img{
    max-width:100px;
}

#connexion .contenu .detail span:first-child,
#inscription .contenu .detail span:first-child{
    font-weight:bold;
}

#loginForm {
    float: left;
    width: 100%;
    margin:0px;
}

#connexion input[name="username"],
#connexion #password{
    float:left;
    width:100% !important;
    margin-bottom:10px;
}

#lien_mot_passe{
    color:white;
    float:left;
    width:100%;
    text-align:right;
    padding-bottom:10px;
}

#connexion .btn,
#inscription .btn{
    margin:0px;
    float:right;
    border-radius:0px;
    text-transform:uppercase;
}

#inscription .btn{
    float:left;
}

.secondary-side input{
    float:none;
}

.disclaimer{
    position:absolute;
    z-index:200;
    background-color:white;
    bottom:0;
    width:100%;
    padding:20px;
    padding-left:10%;
    padding-right:10%;
    color:#343434;
}

.disclaimer h4{
    font-weight:bold;
    color:#343434;
}

.disclaimer p{
    font-size:12px;
}

.primary-side#sidebar{
    background:none;
    background-color:white;
}

.secondary-side#main{
    background-image:url(/images_index/psoriasis2017/bg.jpg);
    background-size: cover;
}

#sidebar .module_disclaimer{
    display:none;
}

.auteur .gras{
    text-transform:uppercase;
}

#sidebar > .module{
    float:left;
    width:100%;
}

.module.module-expert .module_titre,
#tchat .module_question_titreContenu,
.module.questions .module_titreContenu{
    color:white;
    text-transform:uppercase;
    background-color:#de7167;
    text-align:center;
    padding-top:15px;
    padding-bottom:15px;
}

.module.questions > .module_content{
    padding:20px;
    float:left;
    width:100%;
    background-color:#F9F9F9;
}

.questionnaire_question_ligne br{
    display:none;
}

#webcast_question_en_cours{
    float:left;
    width:100%;
}

.module.questions h3{
    margin-top:0px;
}

.module.module_disclaimer{
    display:none;
}

#module_question_mes_question,
#webcast_question_en_cours_content{
    float:left;
    width:100%;
    padding:20px;
    color:black;
    background-color:#F9F9F9;
}

.questionnaire_question_ligne{
    float:left;
    width:100%;
    background-color:#F9F9F9;
}

.module_question .module_question_titre{
    float:left;
    width:100%;
}

.ccl{
    background-color: white;
    color: black;
    display: block;
    font-size: 12px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-align: left;
    width: 770px;
}

#sidebar{
    overflow-y:scroll;
}

.questionnaire_question_ligne #question{
    margin:20px;
    float:left;
    width:calc(100% - 40px);
    padding:10px;
    color: black;
}

.questionnaire_question_ligne .module_btn{
    border:none;
    background-color:#3D5565;
    color:white;
    text-transform:uppercase;
    border-radius:0px;
    margin-top:10px;
    padding:10px;
    margin-left:20px;
    margin-bottom:10px;
}

textarea {
    resize: none;
}

.module.questions #f_submit{
    background-color:#3D5565;
    padding:10px;
}

.module_content{
    padding:0px;
}

.expert_ligne {
    padding:10px;
    padding-top:15px;
}
.module.questions{
    color:black;
}
.expert_ligne > * {
    color: #4d4d4d;
}
.expert_ligne .auteur {
    font-size: 1.2em;
}
.expert_ligne, #diclaimer {
    font-size: 0.8em;
    text-align: left;
}
.expert_ligne .metier {
    display: block;
    font-size: 1.1em;
}
.expert_ligne .service {
    display: none;
}
.img_expert {
    border-radius: 90px;
    float: left;
    margin: 0 20px 5px 20px;
    width: 60px;
}

.form_container_div{
    color:black;
}

.expert_ligne:nth-child(odd){
    background-color:#EFEFEF;
}

#main .disclaimer{
    background-color:#EFEFEF;
}

.module_titre_droite{
    display:none;
}

#mir{
    margin-left:auto;
    margin-right:auto;
    display:block;
}

#main .header-webcast{
    background-color:rgba(255,255,255,0.8);
    text-align:center;
    color:#3C5561;
    padding-top:20px;
    padding-bottom:20px;
    margin-bottom:30px;
    font-size:16px;
    text-transform:uppercase;
}

#main .header-webcast .titre{
    font-weight:bold;
    font-size:20px;
}

.text-attente {
    background-color: rgba(255, 255, 255, 0.65);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.text-attente {
    z-index: 200;
    display:none;
}
.text-attente span {
    display: block;
    float: left;
    font-size: 24px;
    height: 100%;
    line-height: 430px;
    text-align: center;
    width: 100%;
}
#compte_a_rebour{

}
.compte_a_rebourContener {
    float: left;
    margin: 0% 0 0 12%;
    color:white !important;
}
.compte_a_rebourContener:first-child {
    padding-left: 5%;
}
body.mobile .compte_a_rebourTime, .compte_a_rebourTime {
    font-size: 4vw;
    text-align: center;
    color:white;
}
body.mobile .compte_a_rebourTxt, .compte_a_rebourTxt {
    color:white;
    font-size: 20px;
    text-align: center;
}
body.mobile .compte_a_rebourInfo, .compte_a_rebourInfo {
    color:white;
    margin-top: 35px;
    text-align: center;
}

.compte_a_rebourInfo{
    margin-bottom:20px;
}

.module_titre_droite + div{
    position:static !important;
}

#lecteur_wowza_wrapper{
    margin-bottom:30px;
}

#video-player-container,
#video_player_wrapper{
    float:left;
    width:100% !important;
    height:auto !important;
    margin-bottom:20px;
}

#video_player{
    margin:auto !important;
    display:block !important;
}

@media screen and (min-width:1024px){
    #main.secondary-side{
        min-height:900px;
    }
}

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

    #sidebar.primary-side{
        min-height:0px;
    }

    .compte_a_rebourContener{
        margin:0 0 0 12%;
    }
    body.mobile .compte_a_rebourTxt, .compte_a_rebourTxt {
        font-size:16px;
    }

    .disclaimer,
    .primary-side .webcast-logo{
        position:static;
        margin-top:80px;
    }

    .not-loggin #boite_login .evenement .titre{
        font-size:18px;
    }

    .not-loggin #boite_login .evenement .date{
        font-size:16px;
    }

    #offline{
        background-position:center 0px;
    }

    .hidden-bottom{
        display:block;
    }

    .hidden-top{
        display:none;
    }

    #boite_perso_site_principal,
    #boite_perso_medipass{
        float:left;
        width:100%;
        position:static;
        padding-top:0px;
        margin-top:5px;
    }

    #main .disclaimer{
        float:left;
        width:100%;
        position:static;
    }

    #boite_espace{
        height:90px;
    }

    #mir{
        float:left;
        width:100%;

    }

    .primary-side,
    .secondary-side,
    #connexion,
    #inscription{
        width:100% !important;
    }

    #connexion{
        margin-bottom:20px;
    }

    .secondary-side .evenement .titre{
        font-size:16px;
    }

    .not-loggin .boite_login_titre{
        margin-bottom:20px;
        font-size:16px;
    }

    .secondary-side .evenement .date{
        margin-bottom:20px;
    }

    #footerContenu{
        font-size: 11px;
        width: 100%;
        padding:10px;
    }

    .footer{
        position:static;
        float:left;
        width:100%;
    }

    body #formulaire{
        width:100% !important;
    }

    .ccl{
        display:none;
    }




}

#video {
    float: none;
    margin-left : auto;
    margin-right : auto;
    width: 90%;
}

@media screen and (max-width:300px){
    #lecteur_wowza_wrapper,
    video,
    #video_player,
    #lecteur_wowza iframe,
    #lecteur_wowza{
        width:300px ;
        height:162px ;
    }
}

@media screen and (min-width:300px){
    #lecteur_wowza_wrapper,
    video,
    #video_player,
    #lecteur_wowza iframe,
    #lecteur_wowza{
        width:300px ;
        height:162px ;
    }
}

@media screen and (min-width:450px){
    #lecteur_wowza_wrapper,
    #lecteur_wowza,
    #lecteur_wowza iframe,
    video,
    #video_player,
    .jwplayer{
        width:450px;
        height:264px;
    }
}

@media screen and (min-width:600px){
    #lecteur_wowza_wrapper,
    #lecteur_wowza,
    #lecteur_wowza iframe,
    video,
    #video_player,
    .jwplayer{
        width:600px ;
        height:324px ;
    }
}

@media screen and (min-width:745px){
    #lecteur_wowza_wrapper,
    #lecteur_wowza,
    #lecteur_wowza iframe,
    video,
    #video_player,
    .jwplayer{
        width:740px ;
        height:434px ;
    }
}

@media screen and (min-width:1460px){
    #lecteur_wowza_wrapper,
    #lecteur_wowza,
    #lecteur_wowza iframe,
    .jwplayer,
    #video_player,
    video{
        width:1000px ;
        height:560px ;
    }

    .ccl{
        width:1000px;
    }
}

@media screen and (max-width:500px){
    body.mobile .compte_a_rebourTxt, .compte_a_rebourTxt{
        font-size:9px;
    }
}