body{
    font-family:"Abel", Verdana, Helvetica, sans-serif;
    font-size:15px;
    background:#ddf4f7;
    color:#4a4a4a;
    margin:0;
    padding:0;
}
body#tinymce{
    background-image:none;
}

::selection{
    background-color:#1eb2c9;
    color:#fff;
}
::-moz-selection{
    background-color:#1eb2c9;
    color:#fff;
}

a{
    color:#1eb2c9;
}
a:focus,
a:hover{
    color:rgba(30, 178, 201, 0.6);
    border-color:rgba(30, 178, 201, 0.15);
}

.text-primary{
    color:#1eb2c9;
}

.bg-primary{
    color:#fff;
    background-color:#1eb2c9;
}

.btn{
    font-size:102%;
}

.btn-primary{
    color:#fff;
    background-color:#157989;
    border-color:#1eb2c9;
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover{
    background-color:#1eb2c9;
    border-color:#22a1b4;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover{
    background-color:#1eb2c9;
    border-color:#1eb2c9;
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover{
    background-color:#1eb2c9;
    border-color:#22a1b4;
}

.btn-primary .badge{
    color:#1eb2c9;
    background-color:#fff;
}

.btn-link{
    color:#1eb2c9;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover{
    color:#fff;
    background-color:#1eb2c9;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover{
    background-color:#eee;
    border-color:#1eb2c9;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover{
    color:#fff;
    background-color:#1eb2c9;
}

.pagination>li>a,
.pagination>li>span{
    color:#1eb2c9;
    background-color:#fff;
    border:1px solid #ddd;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{
    background-color:#1eb2c9;
    border-color:#1eb2c9;
}

.label-primary{
    background-color:#1eb2c9;
}

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge{
    color:#1eb2c9;
    background-color:#fff;
}

.nav-tabs>li.active>a:after,
.nav-tabs>li.active>a:focus:after,
.nav-tabs>li.active>a:hover:after{
    background-color:#1eb2c9;
}
.nav-tabs.nav-tabs-highlight>li.active>a,
.nav-tabs.nav-tabs-highlight>li.active>a:focus,
.nav-tabs.nav-tabs-highlight>li.active>a:hover{
    border-top-color:#1eb2c9;
}

a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover{
    border-color:#1eb2c9;
}

.progress-bar{
    color:#fff;
    background-color:#1eb2c9;
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover{
    color:#fff;
    background-color:#1eb2c9;
    border-color:#1eb2c9;
}

.panel-primary{
    border-color:#1eb2c9;
}

.panel-primary>.panel-heading{
    color:#fff;
    background-color:#1eb2c9;
    border-color:#1eb2c9;
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body{
    border-top-color:#1eb2c9;
}

.panel-primary>.panel-heading .badge{
    color:#1eb2c9;
    background-color:#fff;
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body{
    border-bottom-color:#1eb2c9;
}

a.text-primary:hover{
    color:#1d6b9f;
}

a.bg-primary:hover{
    background-color:#1d6b9f;
}

.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary{
    color:#fff;
    background-color:1eb2c9;
    border-color:#22a1b4;
}

.label-primary[href]:focus,
.label-primary[href]:hover{
    background-color:#1d6b9f;
}

.form-control{
    border-radius:0;
    font-size:101%;
}
.form-control:focus{
    border-color:#000;
}

.small,
.InfoPetit{
    font-size:12px;
}

#top-bar{
    padding:5px 0;
    border-bottom:1px solid #13b6c8;
    color:#185781;
    background-color:rgba(255, 255, 255, 0.85);
}
#top-bar.animated-header{
    padding:5px 0;
    background-color:rgba(255, 255, 255, 1);
}
.navbar-header{
    min-width:135px;
}
.navbar-header .navbar-brand{
    padding:0;
    height:auto;
}
.navbar-header .navbar-brand a{
    margin-top:0;
}
.animated-header #IMGLogoEntreprise{
    max-height:50px;
}
#top-bar .navbar-brand{
    display:none;
}
#top-bar.animated-header .navbar-brand{
    display:block;
}
.navbar-nav > li > a{
    padding-top:5px;
    padding-bottom:5px;
}
.animated-header .navbar-nav > li > a{
    padding-top:15px;
    padding-bottom:15px;
}
.navbar-toggle{
    background:#fff;
}
.navbar-toggle .icon-bar{
    background:#13b6c8;
}

#top-bar .main-menu li > a{
    color:#1d6b9f;
}
#top-bar .main-menu li a:focus,
#top-bar .main-menu li a:hover{
    color:rgba(30, 178, 201, 0.6);
}
#top-bar .dropdown-menu{
    box-shadow:none;
    border:none;
    margin:0;
    padding:0;
}
#top-bar .dropdown-menu > ul{
    background-color:#fff;
}
#top-bar .dropdown-menu > ul > li > a{
    color:#1d6b9f;
}
#top-bar .dropdown-menu > ul > li > a:focus,
#top-bar .dropdown-menu > ul > li > a:hover{
    color:rgba(30, 178, 201, 0.6);
}
#top-bar .navig{
    position:relative;
    display:block;
    text-align:right;
}
#top-bar .navig a{
    display:inline-block;
    padding:5px;
}
#top-bar .navig > a{
    min-width:60px;
    max-width:75px;
}
#top-bar .navig > a img{
    display:block;
    margin:0 auto;
    max-height:36px;
    width:auto;
}
#top-bar .navig > a span{
    display:none;
    text-align:center;
}
#top-bar .FormRecherche{
    display:none;
}
#top-bar .FormRecherche.view-search{
    position:absolute;
    right:0;
    display:inline-block;
}
#top-bar .FormRecherche #TitreRecherche span.LienRecherche{
    padding:0.5em 1em;
}
#top-bar .FormRecherche .BtnRecherche{
    width:16px;
    height:16px;
}
#top-bar #ListeFamilleMenuTop{
    display:none;
    list-style:none;
    padding:0;
    text-align:center;
}
#top-bar #ListeFamilleMenuTop.collapse.in{
    display:block;
}
#top-bar #ListeFamilleMenuTop > li{
    position:relative;
    display:block;
    max-width:100%;
    margin:5px 5px 10px 0;
    border-radius:10px;
    background:#1eb2c9;
}
#top-bar #ListeFamilleMenuTop li a{
    display:block;
    margin:0 auto;
    padding:5px;
    text-align:center;
    color:#fff;
    transition:all 0.5s ease-out;
}
#top-bar #ListeFamilleMenuTop li a:focus,
#top-bar #ListeFamilleMenuTop li a:hover,
#top-bar #ListeFamilleMenuTop li.active a{
    background:#fff;
    color:#1eb2c9;
}

#top-bar #ListeFamilleMenuTop > li.has-submenu ul.SousFamille{
    display:none;
}
#top-bar #ListeFamilleMenuTop > li.has-submenu:hover ul.SousFamille,
#top-bar #ListeFamilleMenuTop > li.has-submenu.open ul.SousFamille,
#top-bar #ListeFamilleMenuTop > li.has-submenu.current ul.SousFamille{
    position:static;
    margin:0;
    padding:5px;
    background:#fff;
    border:1px solid rgba(0, 0, 0, 0.1);
    border-radius:5px;
    box-shadow:0px 1px 3px rgba(0, 0, 0, 0.25);
}
#top-bar #ListeFamilleMenuTop > li.has-submenu.current ul.SousFamille,
#top-bar #ListeFamilleMenuTop > li.has-submenu.open ul.SousFamille{
    display:block;
}
#top-bar #ListeFamilleMenuTop > li.has-submenu ul.SousFamille li{
    display:block;
    margin:0;
    border-bottom:1px solid rgba(0, 0, 0, 0.1);
}
#top-bar #ListeFamilleMenuTop > li.has-submenu ul.SousFamille li:last-child{
    border-bottom:none;
}
#top-bar #ListeFamilleMenuTop > li.has-submenu ul.SousFamille li a{
    display:block;
    padding:7px 14px;
    background:#fff;
    color:#1eb2c9;
    text-align:left;
} 
#top-bar #ListeFamilleMenuTop > li.has-submenu ul.SousFamille li a:hover{
    color:#4a4a4a;
}

#ecom{
    padding:200px 0 50px 0;
}

#prefooter{
    padding:100px 0;
    background-color:#1eb2c9;
    color:#fff;
}
#prefooter a{
    position:relative;
    color:#fff;
}
#prefooter .picto-rond{
    display:inline-block;
    margin:0 5%;
    width:10%;
    min-width:70px;
    max-width:140px;
    max-height:240px;
    vertical-align:top;
}
#prefooter .picto-rond a p{
    position:absolute;
    top:-0.5em;
    left:0;
    width:100%;
    text-align:center;
    color:#4a4a4a;
}
#prefooter .picto-rond a img{
    max-width:100%;
    height:auto;
    border-radius:240px;
    margin-bottom:10px;
    overflow:hidden;
}
#prefooter .picto-rond span{
    word-break:break-word;
}

#footer{
    padding:50px 0;
    background-color:#363636;
    border:none;
    color:#fff;
}
#footer a{
    color:#fff;
}
#footer .logo-footer{
    max-width:50%;
    height:auto;
}
#footer .social{
    text-align:left;
}
#footer .social p a i{
    font-size:22px;
    padding:10px 10px 10px 0;
}
#footer .social p a:focus,
#footer .social p a:hover{
    color:#1eb2c9;
}

#postfooter{
    padding:25px 0;
    background-color:#313131;
    color:#fff;
}
#postfooter a{
    color:#fff;
}

#MainContainer{
    min-height:0;
    background:#fff;
}
#MainContainer > div{
    padding-top:15px;
    padding-bottom:15px;
}

#TitrePage, .TitrePage, .Titre{
    margin-bottom:10px;
    padding:5px;
    text-align:center;
    font-family:'Yanone Kaffeesatz', sans-serif;
    font-size:25px;
    color:#4a4a4a;
    font-weight:bold;
}

.SousTitre{
    padding:5px;
    color:#4a4a4a;
    text-align:center;
    font-family:'Yanone Kaffeesatz', sans-serif;
    font-weight:normal;
}

.TitreModule{
    margin-top:5px;
    margin-bottom:5px;
    padding:3px 5px;
    color:#4a4a4a;
    font-weight:normal;
    font-size:20px;
}
.TitreModule *{
    color:#4a4a4a;
}

#MenuGauche{
    margin:0;
    padding:15px 0;
}
#MenuGauche ul{
    padding:2px 0;
}
#MenuGauche li a:hover{
    text-decoration:underline;
}

.TitreMenuGauche{
    display:block;
    padding:10px;
    background-color:#1eb2c9;
    color:#fff;
    font-size:1.2em;
    font-weight:bold;
    letter-spacing:1px;
}
.TitreMenuGauche a{
    text-decoration:none;
    color:#fff;
    display:block;
}

.ItemMenuGaucheLecture{
    padding:4px 8px;
}

.ItemMenuGauche, #MenuCompte span{
    margin:0;
    padding:0;
    border-bottom:1px solid #AAC3DC;
    font-weight:bold;
    color:#1eb2c9;
}

#MenuCompte span, #Menu_Deconnection{
    display:block;
}

#MenuCompte a, #MenuCatalogue a{
    display:block;
    padding:4px 8px;
    color:#1eb2c9;
    border:none;
}

#MenuCompte:hover #MenuCompteDeconnecte a{
    text-decoration:underline;
}

#AutrePaiementConseiller{
    display:none;
}
#AutrePaiement{
    display:block;
    margin:0;
    padding-top:20px;
    border:1px solid #ccc;
}

.BlocPaiementNFois{
    border:1px solid #ccc;
}

@media (min-width:768px){
    #top-bar #ListeFamilleMenuTop > li{
        margin-bottom:0;
    }
    #top-bar #ListeFamilleMenuTop > li.has-submenu.current ul.SousFamille{
        display:none;
    }
    #top-bar #ListeFamilleMenuTop > li.has-submenu:hover ul.SousFamille,
    #top-bar #ListeFamilleMenuTop > li.has-submenu.open ul.SousFamille,
    #top-bar #ListeFamilleMenuTop > li.has-submenu.current:hover ul.SousFamille{
        display:block;
        position:absolute;
    }
    #footer .social p a i{
        padding:3px 3px 3px 0;
    }
}

@media (min-width:1200px){
    .navbar-header{
        min-width:220px;
    }
    .animated-header #IMGLogoEntreprise{
        max-height:100px;
    }
    #top-bar .navig{
        display:table;
        text-align:left;
    }
    #top-bar .navig a{
        display:table-cell;
        vertical-align:top;
    }
    #top-bar .navig a span{
        display:none;
    }
    /*#top-bar.animated-header .navig a span{
        display:block;
    }*/
    #top-bar.animated-header #ListeFamilleMenuTop{
        margin-top:1em;
    }
    #top-bar #ListeFamilleMenuTop{
        display:block;
        text-align:left;
        margin-top:0.125em;
        margin-right:1.5em;
    }
    #top-bar #ListeFamilleMenuTop li{
        display:inline-block;
    }
    #prefooter .picto-rond{
        margin:0 2%;
        width:7.5%;
    }
    #prefooter .picto-rond span{
        word-break:normal;
    }
    #footer .logo-footer{
        max-width:90%;
    }
}

@media (min-width:992px) and (max-width:1199px){
    .navbar-header{
        min-width:220px;
    }
    .animated-header #IMGLogoEntreprise{
        max-height:85px;
    }
    #top-bar .navig{
        display:table;
        text-align:left;
    }
    #top-bar .navig a{
        display:table-cell;
        vertical-align:top;
    }
    #top-bar .navig a span{
        display:none;
    }
    /*#top-bar.animated-header .navig a span{
        display:block;
    }*/
    #top-bar #ListeFamilleMenuTop{
        display:block;
        text-align:left;
        margin-right:1em;
    }
    #top-bar #ListeFamilleMenuTop li{
        display:inline-block;
    }
    #top-bar.animated-header #ListeFamilleMenuTop li{
        margin-top:15px;
    }
    #top-bar.animated-header #ListeFamilleMenuTop li.F5,
    #top-bar.animated-header #ListeFamilleMenuTop li.F10{
        display:none;
    }
    #top-bar #ListeFamilleMenuTop li a{
    }
    #prefooter .picto-rond{
        margin:0 2%;
        width:7.5%;
    }
    #footer .logo-footer{
        max-width:90%;
    }
}

@media (min-width:768px) and (max-width:991px){
    .animated-header #IMGLogoEntreprise{
        max-height:75px;
    }
    #top-bar .navig{
        display:table;
        text-align:left;
    }
    #top-bar .navig a{
        display:table-cell;
        vertical-align:top;
    }
    #top-bar.animated-header .navig > a{
        min-width:40px;
        padding:5px 0;
    }
    #top-bar .navig > a{
        min-width:50px;
        padding:5px;
    }
    #top-bar .navig > a img{
        max-height:32px;
    }
    #top-bar .navig a span{
        display:none;
    }
    #top-bar.animated-header .navig a span{
        /*display:block;*/
        font-size:13.5px;
    }
    #top-bar.animated-header #ListeFamilleMenuTop{
        margin-right:3px;
    }
    #top-bar #ListeFamilleMenuTop{
        display:block;
        margin-right:1em;
        text-align:left;
    }
    #top-bar #ListeFamilleMenuTop li{
        display:inline-block;
        margin-top:7.5px;
        margin-right:5px;
        font-size:14px;
    }
    #top-bar.animated-header #ListeFamilleMenuTop li{
        margin-top:15px;
        margin-right:3.5px;
    }
    #top-bar.animated-header #ListeFamilleMenuTop li.F5,
    #top-bar.animated-header #ListeFamilleMenuTop li.F10{
        display:none;
    }
    #top-bar #ListeFamilleMenuTop li a{
        padding-left:3px;
        padding-right:3px;
        font-size:13px;
    }
    #top-bar.animated-header #ListeFamilleMenuTop li a{
        padding-right:5px;
        font-size:14px;
    }
    #prefooter .picto-rond{
        margin:0 2%;
        width:7.5%;
    }
    #footer .logo-footer{
        max-width:90%;
    }
}

@media only screen and (max-width:767px){
    #top-bar .main-menu li > a{
        padding-top:12px;
        padding-bottom:12px;
    }
    #top-bar.animated-header{
        padding-bottom:0;
    }
    .navbar-fixed-top .navbar-collapse{
        margin-top:10px;
    }
    .navbar-fixed-top{
        position:fixed !important;
    }
    .datatable-responsive.table-condensed td input.input-sm.form-control{
        padding-left:0;
        padding-right:0;
    }
    #footer p{
        font-size:18px;
    }
}