.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    float : left
}

.col-12 {
    width : 100%
}

.col-11 {
    width : 91.6667%
}

.col-10 {
    width : 83.3333%
}

.col-9 {
    width : 75%
}

.col-8 {
    width : 66.6667%
}

.col-7 {
    width : 58.3333%
}

.col-6 {
    width : 50%
}

.col-5 {
    width : 41.6667%
}

.col-4 {
    width : 33.3333%
}

.col-3 {
    width : 25%
}

.col-2 {
    width : 16.6667%
}

.col-1 {
    width : 8.33333%
}

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

#blog > #content {
    float       : left;
    margin-left : 22px;
    width       : 688px
}

#blog .titre-page .line {
    background    : #0088b1;
    bottom        : 0;
    content       : "";
    height        : 2px;
    left          : 0;
    margin-bottom : -2px;
    position      : absolute;
    width         : 80px
}

.encadre {
    float : left;
    width : 94%
}

#blog .titre-page {
    float         : left;
    margin-bottom : 50px;
    position      : relative;
    width         : 100%;
    border-bottom : 2px solid #d9d9d9
}

#blog .titre-page span.sub-h1 {
    font-family    : source_sans_proregular;
    font-size      : 16px;
    line-height    : 26px;
    color          : #0087b1;
    text-transform : uppercase
}

#blog p {
    font-family : source_sans_proregular;
    color       : #858592;
    font-size   : 14px
}

#main #blog {
    margin-top : 20px
}

#blog #sidebar {
    float      : left;
    min-height : 600px;
    width      : 260px
}

.bloc-sidebar {
    float                 : left;
    width                 : 100%;
    -moz-box-shadow       : 1px 1px 1px 0 #eaeaea;
    -webkit-box-shadow    : 1px 1px 1px 0 #eaeaea;
    -o-box-shadow         : 1px 1px 1px 0 #eaeaea;
    box-shadow            : 1px 1px 1px 0 #eaeaea;
    filter                : progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9, Direction=134, Strength=5);
    -moz-border-radius    : 10px;
    -webkit-border-radius : 10px;
    border-radius         : 10px;
    margin-bottom         : 20px;
    border                : 1px solid #eaeaea
}

.bloc-sidebar .newsletter > p {
    margin-bottom : 15px;
    margin-top    : 15px;
    text-align    : center
}

.bloc-sidebar .title {
    background     : #0088b1 none repeat scroll 0 0;
    border-radius  : 10px 10px 0 0;
    float          : left;
    font-family    : montserratregular !important;
    font-size      : 18px !important;
    font-weight    : 700;
    height         : 45px;
    line-height    : 45px !important;
    text-align     : center;
    text-transform : uppercase;
    width          : 250px;
    color          : #ffffff !important;
    margin         : 5px !important
}

.bloc-sidebar .newsletter > p {
    margin-bottom : 15px;
    margin-top    : 15px;
    text-align    : center
}

#sidebar_blog .bloc-sidebar .newsletter {
    background    : #ffffff none repeat scroll 0 0 !important;
    float         : left;
    width         : 100%;
    border-radius : 10px
}

.sidebar .newsletter .input-news {
    background : #f2f3f7 !important
}

.sidebar .newsletter form input {
    background  : #f2f3f7 !important;
    font-family : source_sans_prolight_italic !important;
    font-size   : 18px !important;
    color       : #2f333b
}

.badge {
    background-color : #0088b1 !important;
    background-image : none !important;
    border-radius    : 10px;
    color            : #ffffff;
    display          : inline-block !important;
    font-family      : montserratbold;
    font-size        : 13px;
    height           : auto !important;
    line-height      : 1;
    min-width        : 10px;
    padding          : 4px 3px;
    text-align       : center;
    vertical-align   : middle;
    white-space      : nowrap;
    width            : auto !important;
    opacity          : 1
}

.badge:hover {
    opacity : .5
}

.sidebar .newsletter form {
    display       : block;
    margin        : 0 auto;
    width         : 210px;
    margin-bottom : 30px !important
}

.sidebar div.rs {
    margin-bottom : 15px;
    margin-top    : 15px
}

.sidebar div.rs a {
    height : 50px;
    width  : 50px
}

.sidebar .facebook a {
    background : transparent url(../jpg/blog_sidebar_follow.jpg) repeat scroll 0 0
}

.sidebar .twitter a {
    background : transparent url(../jpg/blog_sidebar_follow.jpg) repeat scroll -70px 0
}

.sidebar .google-plus a {
    background : transparent url(../jpg/blog_sidebar_follow.jpg) repeat scroll 50px 0
}

.sidebar .facebook a:hover {
    background-position : 0 50px
}

.sidebar .twitter a:hover {
    background-position : -70px 50px
}

.sidebar .google-plus a:hover {
    background-position : 50px 50px
}

.sidebar-categorie {
    background : #f4f4f4 none repeat scroll 0 0;
    box-sizing : border-box;
    float      : left;
    padding    : 20px;
    width      : 100%;
    margin-top : 10px
}

.sidebar-categorie .titre > span {
    background     : transparent url(../jpg/puce-categ.jpg) no-repeat scroll left 4px;
    border-bottom  : 1px solid #ffffff;
    color          : #4c5d72;
    float          : left;
    font-family    : montserratregular;
    font-size      : 15px;
    margin-bottom  : 30px;
    padding-bottom : 10px;
    padding-left   : 13px;
    width          : 100%
}

.sidebar-categorie ul li a:hover, .sidebar-categorie ul li a.actif {
    color               : #0087b1;
    font-weight         : 700;
    background-position : 0 -16px
}

.sidebar-categorie ul li {
    box-sizing : border-box;
    float      : left;
    width      : 100%;
    height     : 35px
}

.sidebar-categorie ul li a {
    background   : transparent url(../png/li-puce-categ.png) no-repeat scroll 0 11px;
    box-sizing   : border-box;
    color        : #4c5d72;
    float        : left;
    font-family  : source_sans_proregular;
    font-size    : 14px;
    height       : 18px;
    line-height  : 30px;
    padding-left : 35px;
    width        : 100%
}

.sidebar-article .title {
    background    : #0088b1 none repeat scroll 0 0;
    float         : left;
    height        : 25px;
    line-height   : 25px;
    margin-bottom : 20px;
    width         : 100%
}

.sidebar-article .title > span {
    background   : transparent url(../png/puce-article.png) no-repeat scroll 5px 5px;
    box-sizing   : border-box;
    color        : #ffffff;
    font-family  : montserratregular;
    font-size    : 15px;
    padding-left : 20px
}

.sidebar-article {
    float      : left;
    margin-top : 25px;
    width      : 100%
}

.actualites .content h2 {
    color       : #4c5d74;
    font-family : "montserratbold";
    font-size   : 27px
}

.sidebar-article .article-item {
    float         : left;
    margin-bottom : 20px;
    min-height    : 130px;
    position      : relative;
    width         : 100%
}

.sidebar-article .article-item .image {
    float : left
}

.sidebar-article .article-item .infos {
    float      : left;
    margin-top : 5px;
    width      : 100%;
    color      : #8b919f
}

.sidebar-article .article-item .img_title {
    float : left;
    width : 100%
}

.sidebar-article .article-item h3 {
    border-bottom : 1px solid #ededed;
    color         : #4f5d71;
    float         : left;
    font-family   : source_sans_proregular;
    font-size     : 15px;
    height        : 70px;
    margin-left   : 10px;
    margin-top    : -2px;
    width         : 150px
}

.actualites .content h2 {
    color       : #4c5d74;
    font-family : "source_sans_proregular";
    font-size   : 27px
}

.article-item .infos-sup {
    float       : left;
    width       : 100%;
    font-family : source_sans_proregular
}

.accueil-article .article-item p {
    color       : #8b919f !important;
    font-size   : 13px !important;
    font-family : source_sans_prolight !important
}

.article-item .infos .auteur, .article-item .infos .auteur a {
    color       : #4c5d71;
    font-family : source_sans_proregular
}

.article-item .infos .auteur a:hover {
    text-decoration : underline
}

.actualites .content h2 {
    color       : #4c5d74;
    font-family : "source_sans_proregular";
    font-size   : 27px
}

.similar-article .article-texte.std-content > p {
    color      : #858592 !important;
    float      : left;
    font-size  : 13px !important;
    margin-top : 10px
}

.article-item .infos-sup .categ {
    color       : #0086b1;
    font-family : source_sans_proregular;
    font-size   : 11px;
    font-weight : 700
}

.article-item .infos-sup .commentaire {
    color       : #4c5d71;
    font-family : source_sans_proregular;
    font-size   : 11px
}

.accueil-article .article-item .top-article {
    float         : left;
    margin-bottom : 17px;
    width         : 290px
}

.accueil-article .article-item .image {
    float         : left;
    margin-bottom : 15px;
    margin-right  : 15px;
    position      : relative
}

.btn-more {
    color      : #4f5d71;
    font-size  : 15px;
    text-align : center;
    width      : 100%;
    float      : left
}

.accueil-article .a_la_une {
    background     : #0088b1 none repeat scroll 0 0;
    color          : #ffffff;
    font-family    : 'source_sans_probold';
    font-size      : 18px;
    height         : 44px;
    left           : -25px;
    line-height    : 44px;
    position       : absolute;
    text-align     : center;
    text-transform : uppercase;
    top            : 25px;
    width          : 104px
}

.accueil-article {
    border     : 1px solid #d9d9d9;
    box-shadow : 1px 1px 1px 0 #d9d9d9;
    float      : left;
    padding    : 25px;
    box-sizing : border-box;
    width      : 100%
}

.accueil-article .article-item h2 {
    color       : #4f5d71;
    float       : left;
    font-family : 'source_sans_proregular';
    font-size   : 22px;
    width       : 100%;
    margin-top  : -5px
}

.accueil-article .article-item h2 a {
    text-transform  : uppercase;
    text-decoration : none;
    color           : #4f5d71;
    font-family     : 'source_sans_proregular'
}

.article-item .infos {
    float       : left;
    font-family : 'source_sans_proregular';
    font-weight : lighter;
    width       : 100%;
    color       : #8b919f
}

.article-texte a {
    color           : #ff8000;
    font-family     : "source_sans_proregular";
    text-decoration : underline
}

a.btn_en_savoir_plus {
    background  : transparent url(../png/voir_actus.png) no-repeat scroll left top;
    color       : #434751;
    display     : block;
    font-family : "source_sans_proextralight";
    font-size   : 14px;
    height      : 31px;
    margin      : 15px auto 0;
    width       : 115px
}

.similar-article {
    float         : left;
    margin-bottom : 25px;
    margin-top    : 25px;
    width         : 100%
}

.similar-article .article-item {
    border       : 1px solid #ededed;
    box-sizing   : border-box;
    float        : left;
    height       : 435px;
    margin-right : 14px;
    width        : 220px;
    position     : relative
}

.similar-article .top-article h2, .similar-article .top-article .style-h2 {
    color       : #000000;
    font-family : source_sans_prosemibold;
    font-size   : 15px
}

.similar-article .top-article {
    box-sizing : border-box;
    float      : left;
    min-height : 100px;
    padding    : 0 15px;
    width      : 100%
}

.bloc-auteur .titre a:hover {
    text-decoration : underline
}

.similar-article .article-item:last-child {
    margin-right : 0
}

.similar-article .article-texte.std-content > p {
    padding : 0 15px
}

.btn_lire_la_suite {
    background  : #f3f4f5 none repeat scroll 0 0;
    bottom      : 0;
    color       : #ff7f00;
    height      : 29px;
    left        : 0;
    line-height : 29px;
    position    : absolute;
    text-align  : center;
    width       : 100%;
    font-size   : 15px;
    font-family : source_sans_proregular
}

.btn_lire_la_suite:hover {
    text-decoration : underline
}

.sidebar-perso {
    float : left;
    width : 100%
}

.sidebar-perso .item {
    box-sizing         : border-box;
    float              : left;
    margin-bottom      : 25px;
    width              : 100%;
    -moz-box-shadow    : 4px 2px 2px 0 #dfdfdf;
    -webkit-box-shadow : 4px 2px 2px 0 #dfdfdf;
    -o-box-shadow      : 4px 2px 2px 0 #dfdfdf;
    box-shadow         : 4px 2px 2px 0 #dfdfdf
}

.sidebar-perso .item > p {
    font-size   : 0 !important;
    line-height : 0 !important;
    margin      : 0 !important;
    padding     : 0 !important
}

.sidebar-perso .item img {
    box-sizing    : border-box;
    height        : auto !important;
    width         : 100% !important;
    border-radius : 5px
}

.bloc-auteur {
    float         : left;
    margin-bottom : 15px;
    margin-top    : 30px;
    min-height    : 100px;
    width         : 100%
}

.bloc-auteur .titre a {
    background      : transparent url(../png/btn-auteur.png) no-repeat scroll left 7px;
    color           : #4c5d72 !important;
    float           : right;
    font-family     : source_sans_prosemibold;
    font-size       : 12px;
    margin-right    : 15px;
    padding-left    : 32px;
    text-decoration : none;
    text-transform  : uppercase
}

.bloc-auteur a {
    text-decoration : none;
    color           : #4e5d71;
    float           : left
}

.bloc-auteur .image img {
    float : left
}

.bloc-auteur .name {
    color           : #4e5d71;
    float           : left;
    font-size       : 18px;
    margin-bottom   : 10px;
    width           : 100%;
    text-decoration : none
}

.bloc-auteur .titre {
    background   : #e1e1e1 none repeat scroll 0 0;
    color        : #434651;
    font-family  : montserratregular;
    font-size    : 18px;
    height       : 41px;
    line-height  : 41px;
    padding-left : 10px
}

.bloc-auteur .name:hover {
    text-decoration : underline
}

.info-auteur {
    float      : left;
    width      : 100%;
    background : #ededed none repeat scroll 0 0
}

.bloc-auteur .about {
    color         : #858592;
    font-size     : 14px;
    width         : 100%;
    margin-bottom : 20px;
    float         : left;
    line-height   : 20px
}

.info-auteur .text {
    box-sizing  : border-box;
    float       : left;
    margin-left : 40px;
    margin-top  : 20px;
    width       : 560px
}

.info-auteur .image {
    box-sizing    : border-box;
    float         : left;
    height        : 80px;
    margin-bottom : 35px;
    padding       : 20px;
    width         : 80px
}

#commentaire-form label, #mode_recontact-wrapper #mode_recontact-label label {
    color       : #434651;
    font-family : "source_sans_prosemibold";
    font-size   : 13px
}

#commentaire {
    background-color : #ffffff;
    border           : 1px solid #ededed;
    border-radius    : 5px;
    box-sizing       : border-box;
    height           : 100px;
    padding          : 10px;
    resize           : none;
    width            : 100%
}

.input_wrapper {
    float        : left;
    margin-left  : 0 !important;
    margin-right : 1% !important;
    width        : 49%
}

.content-commentaire span#titre_bloc_commentaire_toggle {
    background   : transparent url(../png/puce-blue.png) no-repeat scroll 0 5px;
    color        : #434651;
    font-family  : montserratregular;
    font-size    : 18px;
    padding-left : 10px
}

#commentaire-form {
    margin-top : 20px;
    padding    : 0
}

span.required {
    display : none
}

#commentaire-wrapper.input_wrapper {
    margin-top : 15px;
    width      : 100% !important
}

.buttons-set {
    float      : left;
    margin-top : 0;
    width      : 100%
}

.content-commentaire {
    background : #f2f3f7 none repeat scroll 0 0;
    border     : 1px solid #ededed;
    box-sizing : border-box;
    float      : left;
    margin     : 0;
    padding    : 20px;
    width      : 100%
}

#commentaire-form label {
    color       : #4c5d72;
    font-family : montserratregular;
    font-size   : 12px;
    float       : left;
    width       : 50%
}

/*#commentaire-form .field-text {*/
    /*background-color : #ffffff;*/
    /*border           : 1px solid #ededed;*/
    /*border-radius    : 5px;*/
    /*height           : 38px;*/
    /*line-height      : 38px;*/
    /*padding-left     : 10px;*/
    /*width            : 290px*/
/*}*/

.commentaire-row > span {
    background   : transparent url(../png/puce-blue.png) no-repeat scroll 0 5px;
    color        : #434651;
    font-family  : montserratregular;
    font-size    : 18px;
    padding-left : 10px
}

.article-texte.std-content h2 {
    float : none
}

.commentaire-row .item-commentaire > span {
    float : left;
    width : 100%
}

.commentaire-row .item-commentaire > span.nom {
    color       : #4d5d71;
    font-size   : 18px;
    font-family : source_sans_proregular
}

.commentaire-row .item-commentaire > span.date {
    color       : #8b919f;
    font-size   : 12.5px;
    font-family : source_sans_proXLtIt
}

.commentaire-row .item-commentaire > span.texte {
    color       : #858593;
    font-size   : 13px;
    font-family : source_sans_proregular
}

.commentaire-row .item-commentaire > a {
    color       : #0088b1;
    font-size   : 15px;
    font-family : source_sans_proregular;
    margin-top  : 10px;
    float       : left;
    cursor      : pointer
}

.commentaire-row .item-commentaire {
    border-bottom  : 1px solid #ededed;
    float          : left;
    margin-bottom  : 10px;
    padding-bottom : 27px;
    width          : 100%
}

.commentaire-row .item-commentaire:last-child {
    border : none
}

.commentaire-row .commentaire-liste {
    float      : left;
    margin-top : 10px;
    border     : 1px solid #ededed;
    padding    : 20px;
    box-sizing : border-box;
    width      : 100%
}

.commentaire-row .item-commentaire > a:hover {
    text-decoration : underline
}

.commentaire-row {
    float         : left;
    /*margin-bottom : 30px;*/
    margin-top    : 20px;
    width         : 100%
}

.item-commentaire.item-commentaire-reponse {
    border      : 1px solid #ededed !important;
    box-sizing  : border-box;
    margin-left : 5%;
    margin-top  : 20px;
    padding     : 20px;
    width       : 90%
}

#new_commentaire {
    color           : #ff8118;
    float           : right;
    font-family     : source_sans_probold;
    font-size       : 11px;
    text-align      : right;
    text-decoration : underline;
    display         : none;
    cursor          : pointer
}

#new_commentaire:hover {
    text-decoration : none
}

.btn-navigation {
    float         : left;
    margin-bottom : 20px;
    width         : 100%
}

.btn-navigation .return {
    color       : #fe7f00;
    font-family : source_sans_proregular;
    font-size   : 15px;
    cursor      : pointer
}

.liste-article .article-texte.std-content > p {
    color      : #858592 !important;
    float      : left;
    font-size  : 13px !important;
    margin-top : 10px
}

.liste-article {
    float         : left;
    margin-bottom : 25px;
    margin-top    : 25px;
    width         : 100%
}

.liste-article .article-item {
    border        : 1px solid #ededed;
    box-sizing    : border-box;
    float         : left;
    height        : 435px;
    margin-bottom : 20px;
    margin-right  : 14px;
    position      : relative;
    width         : 220px
}

.liste-article .top-article h2 {
    color       : #000000;
    font-family : source_sans_prosemibold;
    font-size   : 15px
}

.liste-article .top-article {
    box-sizing : border-box;
    float      : left;
    min-height : 100px;
    padding    : 0 15px;
    width      : 100%
}

.liste-article .article-item.col-right {
    margin-right : 0
}

.liste-article .article-texte.std-content > p {
    padding : 0 15px
}

.similar-article .article-item .image, .liste-article .article-item .image {
    float : left;
    width : 100%
}

#content #liste-actualites {
    float : left;
    width : 100%
}

#liste-article .options-pagination .nb-page.current {
    background-color : #0088b1 !important
}

#liste-article .options-pagination .nb-page:hover {
    background-color : #0088b1 !important
}

#blog #liste-actualites .titre-page {
    margin-bottom : 25px !important
}

.std-content h4 {
    color       : #0088b1 !important;
    font-family : "source_sans_proregular";
    font-size   : 14px
}

.accueil-article .std-content.article-item h2, .article-texte.std-content h2 {
    background-position : 0 5px;
    font-family         : source_sans_proregular;
    font-size           : 18px;
    margin-top          : 20px;
    width               : 621px !important
}

.nav-item:hover {
    text-decoration : underline
}

.nav-item {
    color        : #4e5d71;
    font-family  : source_sans_proregular;
    font-size    : 15px;
    text-align   : right;
    float        : right;
    margin-right : 10px
}

.nav-item.prev {
    background    : transparent url(../png/nav-item-prev.png) no-repeat scroll right center;
    padding-right : 10px
}

.nav-item.next {
    background   : transparent url(../png/nav-item-next.png) no-repeat scroll left center;
    padding-left : 10px
}

.article-texte.std-content img {
    height    : auto !important;
    max-width : 628px !important
}

.article-texte.std-content {
    min-height : 200px
}

.item-actualites .col-item > a:hover, .item-actualites li.col-item.actif a {
    color : #0088b1 !important
}

.top-article .infos > div {
    float : left
}

.article-item .infos > div {
    float : left
}

.name .lien_gg {
    background  : transparent url(../png/picto_gg.png) no-repeat scroll -54px -10px;
    float       : left;
    height      : 25px;
    margin-left : 10px;
    margin-top  : -3px;
    width       : 25px
}

.name .lien_gg:hover {
    background-position : -54px -54px
}

#captcha-wrapper .label.required {
    width : 100%
}