/*##################################################################Remo expand ####################################################################*/
.ccm-remo-expand .panel
{
    margin-bottom : 0;
}

/*##################################################################CORE COMMERCE ##################################################################*/
.alert.alert-info.ccm-page-list-rss-icon > img
{
    display : inline-block;
}

body
{
    position : relative;
}

body, html
{
    background-color : #ffffff;
}

h1, h2, h3, h4, h5, h6
{
    color : #333333
}

#ccm-rating-rating
{
    clear : both
}

.navbar .navbar-inner .nav-collapse .pronav_list > li > a
{
    padding : 15px
}

table.ccm-core-commerce-cart td
{
    border           : none !important;
    background-color : transparent !important;
}

.ccm-core-commerce-cart-subtotal
{
    border-top : 1px solid #eeeeee
}

table.ccm-core-commerce-cart th
{
    border-bottom : 1px solid #eeeeee !important
}

div.ccm-core-commerce-checkout-form table
{
    border : medium none !important;
    color  : #333333 !important;
}

div.ccm-core-commerce-checkout-form table td
{
    background-color : transparent !important;
}

.ccm-core-commerce-profile-address-save input
{
    margin : 0 10px
}

.ccm-core-commerce-add-to-cart .ccm-rating
{
    display : table;
}

@media (min-width : 769px)
{
    .logo-position-1.col-nav .pronav_list
    {
        float : right
    }

    .logo-position-0.col-logo .navbar-brand, .logo-position-0.col-logo
    {
        text-align : right
    }

    .logo-position-0.col-logo .navbar-brand.navbar-brand-link
    {
        float : right
    }
}

@media (max-width : 768px)
{
    .logo-position-1.col-nav .pronav_list
    {
        float : none
    }
}

#google_translate_element img
{
    display : inline-block !important;
}

.googleMapCanvas img
{
    max-width : none
}

.ccm-core-commerce-add-to-cart ul.list-group li:last-child
{
    border-bottom         : 1px solid transparent !important;
    border-radius         : 0px;
    -webkit-border-radius : 0px;
    -moz-border-radius    : 0px;
    border-left           : 1px solid transparent !important;
    border-right          : 1px solid transparent !important;
}

#ccm-core-commerce-checkout-cart > p
{
    margin                : 10px 0;
    padding               : 15px;
    margin-bottom         : 20px;
    border                : 1px solid transparent;
    border-radius         : 4px;
    -webkit-border-radius : 4px;
    -moz-border-radius    : 4px;
    color                 : #3a87ad;
    background-color      : #d9edf7;
    border-color          : #bce8f1;
}

.ccm-core-commerce-order-shipping label, .ccm-core-commerce-order-billing label
{
    background-color : transparent !important;
}

.ccm-core-commerce-order-shipping table td, .ccm-core-commerce-order-billing table td
{
    padding : 0 5px;
}

@media (max-width : 768px)
{
    .ccm-core-commerce-order-billing, .ccm-core-commerce-order-shipping
    {
        width  : 100% !important;
        margin : 10px 0 !important;
        float  : none !important
    }

    table.ccm-results-list th:last-child, table.ccm-results-list td:last-child
    {
        display : none !important;
        padding : 0 !important;
        margin  : 0 !important
    }

    .ccm-core-commerce-cart-dialog
    {
        width : 90% !important;
        top   : 90px !important;
        left  : 5% !important;
    }

    #ccm-core-commerce-checkout-form-billing form > table tr > td
    {
        float : left;
        width : 100% !important;
    }
}

.ccm-core-commerce-add-to-cart-loader
{
    margin : 10px auto !important
}

.ccm-core-commerce-add-to-cart img.img-thumbnail
{
    margin  : 0 auto;
    display : block
}

#jquery-lightbox a img
{
    margin : 0 auto
}

.bootstrap-pagination
{
    display               : inline-block;
    padding-left          : 0;
    margin                : 20px 0;
    border-radius         : 4px;
    -webkit-border-radius : 4px;
    -moz-border-radius    : 4px;
}

.bootstrap-pagination > span, .bootstrap-pagination > a
{
    display : inline;
}

.bootstrap-pagination > span, .bootstrap-pagination > a
{
    position         : relative;
    float            : left;
    padding          : 6px 12px;
    margin-left      : -1px;
    line-height      : 1.428571429;
    text-decoration  : none;
    background-color : #ffffff;
    border           : 1px solid #dddddd;
}

.bootstrap-pagination > span:first-child, .bootstrap-pagination > a:first-child
{
    margin-left               : 0;
    border-bottom-left-radius : 4px;
    border-top-left-radius    : 4px;
}

.bootstrap-pagination > span:last-child, .bootstrap-pagination > a:last-child
{
    border-top-right-radius    : 4px;
    border-bottom-right-radius : 4px;
}

.bootstrap-pagination > span:hover, .bootstrap-pagination > span:focus, .bootstrap-pagination > a:hover, .bootstrap-pagination > a:focus
{
    background-color : #eeeeee;
}

.bootstrap-pagination > span.active .bootstrap-pagination > span.active:hover, .bootstrap-pagination > span.active:focus, .bootstrap-pagination > a.active .bootstrap-pagination > a.active:hover, .bootstrap-pagination > a.active:focus
{
    z-index          : 2;
    color            : #ffffff;
    cursor           : default;
    background-color : #428bca;
    border-color     : #428bca;
}

.bootstrap-pagination > span.disabled .bootstrap-pagination > span.disabled:hover, .bootstrap-pagination > span.disabled:focus, .bootstrap-pagination > a.disabled .bootstrap-pagination > a.disabled:hover, .bootstrap-pagination > a.disabled:focus
{
    color            : #999999;
    cursor           : not-allowed;
    background-color : #ffffff;
    border-color     : #dddddd;
}

/*##################################################################pygments-manni.css##############################################################*/
.hll
{
    background-color : #ffffcc
}

/*{ background: #f0f3f3; }*/
.c
{
    color : #999999;
}

/* Comment */
.err
{
    color            : #aa0000;
    background-color : #ffaaaa
}

/* Error */
.k
{
    color : #006699;
}

/* Keyword */
.o
{
    color : #555555
}

/* Operator */
.cm
{
    color      : #0099ff;
    font-style : italic
}

/* Comment.Multiline */
.cp
{
    color : #009999
}

/* Comment.Preproc */
.c1
{
    color : #999999;
}

/* Comment.Single */
.cs
{
    color : #999999;
}

/* Comment.Special */
.gd
{
    background-color : #ffcccc;
    border           : 1px solid #cc0000
}

/* Generic.Deleted */
.ge
{
    font-style : italic
}

/* Generic.Emph */
.gr
{
    color : #ff0000
}

/* Generic.Error */
.gh
{
    color : #003300;
}

/* Generic.Heading */
.gi
{
    background-color : #ccffcc;
    border           : 1px solid #00cc00
}

/* Generic.Inserted */
.go
{
    color : #aaaaaa
}

/* Generic.Output */
.gp
{
    color : #000099;
}

/* Generic.Prompt */
.gs
{
}

/* Generic.Strong */
.gu
{
    color : #003300;
}

/* Generic.Subheading */
.gt
{
    color : #99cc66
}

/* Generic.Traceback */
.kc
{
    color : #006699;
}

/* Keyword.Constant */
.kd
{
    color : #006699;
}

/* Keyword.Declaration */
.kn
{
    color : #006699;
}

/* Keyword.Namespace */
.kp
{
    color : #006699
}

/* Keyword.Pseudo */
.kr
{
    color : #006699;
}

/* Keyword.Reserved */
.kt
{
    color : #007788;
}

/* Keyword.Type */
.m
{
    color : #ff6600
}

/* Literal.Number */
.s
{
    color : #d44950
}

/* Literal.String */
.na
{
    color : #4f9fcf
}

/* Name.Attribute */
.nb
{
    color : #336666
}

/* Name.Builtin */
.nc
{
    color : #00aa88;
}

/* Name.Class */
.no
{
    color : #336600
}

/* Name.Constant */
.nd
{
    color : #9999ff
}

/* Name.Decorator */
.ni
{
    color : #999999;
}

/* Name.Entity */
.ne
{
    color : #cc0000;
}

/* Name.Exception */
.nf
{
    color : #cc00ff
}

/* Name.Function */
.nl
{
    color : #9999ff
}

/* Name.Label */
.nn
{
    color : #00ccff;
}

/* Name.Namespace */
.nt
{
    color : #2f6f9f;
}

/* Name.Tag */
.nv
{
    color : #003333
}

/* Name.Variable */
.ow
{
    color : #000000;
}

/* Operator.Word */
.w
{
    color : #bbbbbb
}

/* Text.Whitespace */
.mf
{
    color : #ff6600
}

/* Literal.Number.Float */
.mh
{
    color : #ff6600
}

/* Literal.Number.Hex */
.mi
{
    color : #ff6600
}

/* Literal.Number.Integer */
.mo
{
    color : #ff6600
}

/* Literal.Number.Oct */
.sb
{
    color : #cc3300
}

/* Literal.String.Backtick */
.sc
{
    color : #cc3300
}

/* Literal.String.Char */
.sd
{
    color      : #cc3300;
    font-style : italic
}

/* Literal.String.Doc */
.s2
{
    color : #cc3300
}

/* Literal.String.Double */
.se
{
    color : #cc3300;
}

/* Literal.String.Escape */
.sh
{
    color : #cc3300
}

/* Literal.String.Heredoc */
.si
{
    color : #aa0000
}

/* Literal.String.Interpol */
.sx
{
    color : #cc3300
}

/* Literal.String.Other */
.sr
{
    color : #33aaaa
}

/* Literal.String.Regex */
.s1
{
    color : #cc3300
}

/* Literal.String.Single */
.ss
{
    color : #ffcc33
}

/* Literal.String.Symbol */
.bp
{
    color : #336666
}

/* Name.Builtin.Pseudo */
.vc
{
    color : #003333
}

/* Name.Variable.Class */
.vg
{
    color : #003333
}

/* Name.Variable.Global */
.vi
{
    color : #003333
}

/* Name.Variable.Instance */
.il
{
    color : #ff6600
}

/* Literal.Number.Integer.Long */
.css .o, .css .o + .nt, .css .nt + .nt
{
    color : #999999;
}

/* #################################################################prettify.css####################################################################*/
.com
{
    color : #93a1a1;
}

.lit
{
    color : #195f91;
}

.pun, .opn, .clo
{
    color : #93a1a1;
}

.fun
{
    color : #dc322f;
}

.str, .atv
{
    color : #dd1144;
}

.kwd, .prettyprint .tag
{
    color : #1e347b;
}

.typ, .atn, .dec, .var
{
    color : teal;
}

.pln
{
    color : #48484c;
}

.prettyprint
{
    padding          : 8px;
    background-color : #f7f7f9;
    border           : 1px solid #e1e1e8;
}

.prettyprint.linenums
{
    -webkit-box-shadow : inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
    -moz-box-shadow    : inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
    box-shadow         : inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
}

/* ################################################################# back to top ####################################################################*/

#back-top
{
    position : fixed;
    bottom   : 50px;
    right    : 2%;
    z-index  : 1000;
}

.back-to-top
{
    position           : fixed;
    right              : 0px;
    text-decoration    : none;
    background-color   : transparent;
    display            : block;
    margin-bottom      : 7px;
    font-size          : 1.5em;
    padding            : 0;
    opacity            : 0.3;
    -webkit-transition : all 0.5s ease-in-out;
    -moz-transition    : all 0.5s ease-in-out;
    transition         : all 0.5s ease-in-out;
}

.back-to-top:hover
{
    opacity          : 1;
    background-color : transparent;
}

#toTop
{
    display         : none;
    text-decoration : none;
    position        : fixed;
    bottom          : 20px;
    right           : 20px;
    overflow        : hidden;
    opacity         : 0.8;
    -moz-opacity    : 0.8;
    filter          : alpha(opacity=0.8);
    z-index         : 999999;
}
#toTop:hover
{
    opacity      : 1;
    -moz-opacity : 1;
    filter       : alpha(opacity=1);
}
#toTop:active, #toTop:focus
{
    outline : none;
}
/* Specify class=linenums on a pre to get line numbering */
ol.linenums
{
    margin : 0 0 0 33px; /* IE indents via margin-left */
}
ol.linenums li
{
    padding-left : 12px;
    color        : #bebec5;
    line-height  : 20px;
    text-shadow  : 0 1px 0 #ffffff;
}

/*############################################################ concrete5 css overwrites ############################################################*/

.navbar-collapse
{
    overflow   : auto !important;
    max-height : none !important
}

/* Keep code small in tables on account of limited space */
.table code
{
    font-size   : 13px;
    font-weight : normal;
}

/* Outline button for use within the docs */
.btn-outline
{
    color            : #563d7c;
    background-color : #ffffff;
    border-color     : #563d7c;
}

.btn-outline:hover, .btn-outline:focus, .btn-outline:active
{
    color            : #ffffff;
    background-color : #563d7c;
    border-color     : #563d7c;
}

.bs-social
{
    margin-top    : 20px;
    margin-bottom : 20px;
    text-align    : center;
}

.bs-social-buttons
{
    display       : inline-block;
    margin-bottom : 0;
    padding-left  : 0;
    list-style    : none;
}

.bs-social-buttons li
{
    display     : inline-block;
    line-height : 1;
    padding     : 5px 8px;
}

.bs-social-buttons .twitter-follow-button
{
    width : 225px !important;
}

.bs-social-buttons .twitter-share-button
{
    width : 98px !important;
}

/* Style the GitHub buttons via CSS instead of inline attributes */
.github-btn
{
    border   : 0;
    overflow : hidden;
}

@media screen and (min-width : 768px)
{
    .bs-social
    {
        text-align : left;
    }

    .bs-social-buttons li:first-child
    {
        padding-left : 0;
    }
}

/*
 * Topography, yo!
 *
 * Apply the map background via base64 and relevant colors where we need 'em.
 */

.bs-docs-home, .bs-header
{
    color            : #cdbfe3;
    background-color : #563d7c !important;
    display          : block;
    clear            : both
}

/*
 * Homepage
 *
 * Tweaks to the custom homepage and the masthead (main jumbotron).
 */

/* Masthead (headings and download button) */
.bs-masthead
{
    position    : relative;
    padding     : 30px 15px;
    text-align  : center;
    text-shadow : 0 1px 0 rgba(0, 0, 0, .15);
}

.bs-masthead h1
{
    font-size   : 50px;
    line-height : 1;
    color       : #ffffff;
}

.bs-masthead .btn-outline
{
    margin-top    : 20px;
    margin-bottom : 20px;
    padding       : 18px 24px;
    font-size     : 21px;
}

/* Links to project-level content like the repo, Expo, etc */
.bs-masthead-links
{
    margin-top    : 20px;
    margin-bottom : 20px;
    padding       : 0 15px;
    list-style    : none;
    text-align    : center;
}

.bs-masthead-links li
{
    display : inline;
}

.bs-masthead-links li + li
{
    margin-left : 20px;
}

.bs-masthead-links a
{
    color : #ffffff;
}

@media screen and (min-width : 768px)
{
    .bs-masthead
    {
        text-align     : left;
        padding-top    : 140px;
        padding-bottom : 140px;
    }

    .bs-masthead h1
    {
        font-size : 100px;
    }

    .bs-masthead .lead
    {
        margin-right : 25%;
        font-size    : 30px;
    }

    .bs-masthead-links
    {
        padding    : 0;
        text-align : left;
    }
}

/*
 * Page headers
 *
 * Jumbotron-esque headers at the top of every page that's not the homepage.
 */

/* Page headers */
.bs-header
{
    padding     : 30px 0px 40px; /* side padding builds on .container 15px, so 30px */
    font-size   : 16px;
    text-align  : center;
    text-shadow : 0 1px 0 rgba(0, 0, 0, .15);
}
.container {
    padding: 0px;
}

.bs-header p
{
    font-weight : 300;
    line-height : 1.5;
}

.bs-header .container
{
    position : relative;
}

@media screen and (min-width : 768px)
{
    .bs-header
    {
        font-size  : 21px;
        text-align : left;
    }

    .bs-header h1
    {
        font-size   : 60px;
        line-height : 1;
    }
}

@media screen and (min-width : 992px)
{
    .bs-header h1, .bs-header p
    {
        margin-right : 380px;
    }
}

/*
 * Carbon ads
 *
 * Single display ad that shows on all pages (except homepage) in page headers.
 * The hella `!important` is required for any pre-set property.
 */

.carbonad
{
    padding            : 10px;
    overflow           : hidden; /* clearfix */
    background         : #463265;
    border             : 0 !important;
    box-shadow         : inset 0 3px 5px rgba(0, 0, 0, .075);
    -moz-box-shadow    : inset 0 3px 5px rgba(0, 0, 0, .075);
    -webkit-box-shadow : inset 0 3px 5px rgba(0, 0, 0, .075);
}

.carbonad-img
{
    margin : 0 !important;
}

.carbonad-text, .carbonad-tag
{
    float       : none !important;
    display     : block !important;
    width       : auto !important;
    height      : auto !important;
    font-family : "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.carbonad-text
{
    padding-top : 0 !important;
}

.carbonad-tag
{
    color      : #cdbfe3 !important;
    text-align : left !important;
}

.carbonad-text a, .carbonad-tag a
{
    color : #ffffff;
}

.carbonad #azcarbon > img
{
    display : none; /* hide what I assume are tracking images */
}

@media screen and (min-width : 768px)
{
    .carbonad
    {
        margin                : 0 !important;
        border-radius         : 4px;
        -webkit-border-radius : 4px;
        -moz-border-radius    : 4px;
        box-shadow            : inset 0 3px 5px rgba(0, 0, 0, .075), 0 1px 0 rgba(255, 255, 255, .1);
        -moz-box-shadow       : inset 0 3px 5px rgba(0, 0, 0, .075), 0 1px 0 rgba(255, 255, 255, .1);
        -webkit-box-shadow    : inset 0 3px 5px rgba(0, 0, 0, .075), 0 1px 0 rgba(255, 255, 255, .1);
    }
}

@media screen and (max-width : 768px)
{
    .carbonad
    {
        width  : auto !important;
        margin : 20px -30px -40px !important
    }
}

/*
 * Callout for 2.3.2 docs
 *
 * Only appears below page headers (not on the homepage). The homepage gets its
 * own link with the masthead links.
 */

.bs-old-docs
{
    padding          : 15px 20px;
    color            : #777777;
    background-color : #fafafa;
    border-top       : 1px solid #ffffff;
    border-bottom    : 1px solid #e5e5e5;
}

.bs-old-docs strong
{
    color : #555555;
}

/*
 * Side navigation
 *
 * Scrollspy and affixed enhanced navigation to highlight sections and secondary
 * sections of docs content.
 */

/* By default it's not affixed in mobile views, so undo that */
.bs-sidebar.affix
{
    position : static;
}

/* First level of nav */
.bs-sidenav
{
    margin-top            : 0px;
    margin-bottom         : 0px;
    padding-top           : 10px;
    padding-bottom        : 10px;
    text-shadow           : 0 1px 0 #ffffff;
    background-color      : #f7f5fa;
    border-radius         : 5px;
    -webkit-border-radius : 5px;
    -moz-border-radius    : 5px;
}

/* All levels of nav */
.bs-sidebar .nav > li > a
{
    display : block;
    color   : #716b7a;
    padding : 5px 20px;
}

.bs-sidebar .nav > li > a:hover, .bs-sidebar .nav > li > a:focus
{
    text-decoration  : none;
    background-color : #e5e3e9;
    border-right     : 1px solid #dbd8e0;
}

.bs-sidebar .nav > .active > a, .bs-sidebar .nav > .active:hover > a, .bs-sidebar .nav > .active:focus > a
{
    font-weight      : bold;
    color            : #563d7c;
    background-color : transparent;
    border-right     : 1px solid #563d7c;
}

/* Nav: second level (shown on .active) */
.bs-sidebar .nav .nav
{
    display       : none; /* Hide by default, but at >768px, show it */
    margin-bottom : 8px;
}

.bs-sidebar .nav .nav > li > a
{
    padding-top    : 3px;
    padding-bottom : 3px;
    padding-left   : 30px;
    font-size      : 90%;
}

@media (max-width : 1008px) and (min-width : 992px)
{
    .bs-sidebar.affix-bottom, .bs-sidebar.affix, .bs-sidebar.affix-top, .bs-sidebar
    {
        width : 175px !important;
    }

    .full-home-carousel
    {
        top : -121px
    }
}

@media (max-width : 992px)
{
    .bs-sidebar .nav .nav
    {
        display : block !important;
    }
}

/* Show and affix the side nav when space allows it */
@media screen and (min-width : 992px)
{
    .bs-sidebar .nav > .active > ul
    {
        display : block;
    }

    /* Widen the fixed sidebar */
    .bs-sidebar.affix, .bs-sidebar.affix-bottom
    {
        width : 213px;
    }

    .bs-sidebar.affix
    {
        position : fixed; /* Undo the static from mobile first approach */
        top      : 80px;
    }

    .bs-sidebar.affix-bottom
    {
        position : absolute; /* Undo the static from mobile first approach */
    }

    .bs-sidebar.affix-bottom .bs-sidenav, .bs-sidebar.affix .bs-sidenav
    {
        margin-top    : 0;
        margin-bottom : 0;
    }
}

@media screen and (min-width : 1200px)
{
    /* Widen the fixed sidebar again */
    .bs-sidebar.affix-bottom, .bs-sidebar.affix
    {
        width : 263px;
    }
}

/*
 * Docs sections
 *
 * Content blocks for each component or feature.
 */

/* Space things out */
.bs-docs-section + .bs-docs-section
{
    padding-top : 40px;
}

/* Janky fix for preventing navbar from overlapping */
h1[id]
{
    padding-top : 80px;
    margin-top  : -45px;
}

/*
 * Callouts
 *
 * Not quite alerts, but custom and helpful notes for folks reading the docs.
 * Requires a base and modifier class.
 */

/* Common styles for all types */
.bs-callout
{
    margin      : 20px 0;
    padding     : 15px 30px 15px 15px;
    border-left : 5px solid #eeeeee;
}

.bs-callout h4
{
    margin-top : 0;
}

.bs-callout p:last-child
{
    margin-bottom : 0;
}

.bs-callout code, .bs-callout .highlight
{
    background-color : #ffffff;
}

/* Variations */
.bs-callout-danger
{
    background-color : #fcf2f2;
    border-color     : #dfb5b4;
}

.bs-callout-warning
{
    background-color : #fefbed;
    border-color     : #f1e7bc;
}

.bs-callout-info
{
    background-color : #f0f7fd;
    border-color     : #d0e3f0;
}

/*
 * Grid examples
 *
 * Highlight the grid columns within the docs so folks can see their padding,
 * alignment, sizing, etc.
 */

.show-grid
{
    margin-bottom : 15px;
}

.show-grid [class^="col-"]
{
    padding-top      : 10px;
    padding-bottom   : 10px;
    background-color : #eeeeee;
    border           : 1px solid #dddddd;
    background-color : rgba(86, 61, 124, .15);
    border           : 1px solid rgba(86, 61, 124, .2);
}

/*
 * Examples
 *
 * Isolated sections of example content for each component or feature. Usually
 * followed by a code snippet.
 */

.bs-example
{
    position           : relative;
    padding            : 45px 15px 15px;
    margin             : 0 -15px 15px;
    background-color   : #fafafa;
    box-shadow         : inset 0 3px 6px rgba(0, 0, 0, .05);
    -moz-box-shadow    : inset 0 3px 6px rgba(0, 0, 0, .05);
    -webkit-box-shadow : inset 0 3px 6px rgba(0, 0, 0, .05);
    border-color       : #e5e5e5 #eeeeee #eeeeee;
    border-style       : solid;
    border-width       : 1px 0;
}

/* Echo out a label for the example */
.bs-example:after
{
    content        : "Example";
    position       : absolute;
    top            : 15px;
    left           : 15px;
    font-size      : 12px;
    font-weight    : bold;
    color          : #bbbbbb;
    text-transform : uppercase;
    letter-spacing : 1px;
}

/* Tweak display of the code snippets when following an example */
.bs-example + .highlight
{
    margin                : -15px -15px 15px;
    border-radius         : 0;
    -webkit-border-radius : 0px;
    -moz-border-radius    : 0px;
    border-width          : 0 0 1px;
}

/* Make the examples and snippets not full-width */
@media screen and (min-width : 768px)
{
    .bs-example
    {
        margin-left           : 0;
        margin-right          : 0;
        background-color      : #ffffff;
        border-width          : 1px;
        border-color          : #dddddd;
        border-radius         : 4px 4px 0 0;
        -webkit-border-radius : 4px 4px 0 0;
        -moz-border-radius    : 4px 4px 0 0;
        box-shadow            : none;
        -moz-box-shadow       : none;
        -webkit-box-shadow    : none;
    }

    .bs-example + .highlight
    {
        margin-top                 : -16px;
        margin-left                : 0;
        margin-right               : 0;
        border-width               : 1px;
        border-bottom-left-radius  : 4px;
        border-bottom-right-radius : 4px;
    }
}

/* Tweak content of examples for optimum awesome */
.bs-example > p:last-child, .bs-example > ul:last-child, .bs-example > ol:last-child, .bs-example > blockquote:last-child, .bs-example > .form-control:last-child, .bs-example > .table:last-child, .bs-example > .navbar:last-child, .bs-example > .jumbotron:last-child, .bs-example > .alert:last-child, .bs-example > .panel:last-child, .bs-example > .list-group:last-child, .bs-example > .well:last-child, .bs-example > .progress:last-child, .bs-example > .table-responsive:last-child > .table
{
    margin-bottom : 0;
}

.bs-example > p > .close
{
    float : none;
}

/* Typography */
.bs-example-type .table td:last-child
{
    color          : #999999;
    vertical-align : middle;
}

.bs-example-type .table td
{
    padding      : 15px 0;
    border-color : #eeeeee;
}

.bs-example-type .table tr:first-child td
{
    border-top : 0;
}

.bs-example-type h1, .bs-example-type h2, .bs-example-type h3, .bs-example-type h4, .bs-example-type h5, .bs-example-type h6
{
    margin : 0;
}

/* Images */
.bs-example > .img-circle, .bs-example > .img-rounded, .bs-example > .img-thumbnail
{
    margin : 5px;
}

/* Buttons */
.bs-example > .btn, .bs-example > .btn-group
{
    margin-top    : 5px;
    margin-bottom : 5px;
}

.bs-example > .btn-toolbar + .btn-toolbar
{
    margin-top : 10px;
}

/* Forms */
.bs-example-control-sizing select, .bs-example-control-sizing input[type="text"] + input[type="text"]
{
    margin-top : 10px;
}

.bs-example-form .input-group
{
    margin-bottom : 10px;
}

.bs-example > textarea.form-control
{
    resize : vertical;
}

/* List groups */
.bs-example > .list-group
{
    max-width : 400px;
}

/* Navbars */
.bs-example .navbar:last-child
{
    margin-bottom : 0;
}

.bs-navbar-top-example, .bs-navbar-bottom-example
{
    z-index  : 1;
    padding  : 0;
    overflow : hidden; /* cut the drop shadows off */
}

.bs-navbar-top-example .navbar-header, .bs-navbar-bottom-example .navbar-header
{
    margin-left : 0;
}

.bs-navbar-top-example .navbar-fixed-top, .bs-navbar-bottom-example .navbar-fixed-bottom
{
    position     : relative;
    margin-left  : 0;
    margin-right : 0;
}

.bs-navbar-top-example
{
    padding-bottom : 45px;
}

.bs-navbar-top-example:after
{
    top    : auto;
    bottom : 15px;
}

.bs-navbar-top-example .navbar-fixed-top
{
    top : -1px;
}

.bs-navbar-bottom-example
{
    padding-top : 45px;
}

.bs-navbar-bottom-example .navbar-fixed-bottom
{
    bottom : -1px;
}

.bs-navbar-bottom-example .navbar
{
    margin-bottom : 0;
}

@media (min-width : 768px)
{
    .bs-navbar-top-example .navbar-fixed-top, .bs-navbar-bottom-example .navbar-fixed-bottom
    {
        position : absolute;
    }

    .bs-navbar-top-example
    {
        border-radius         : 0 0 4px 4px;
        -webkit-border-radius : 0 0 4px 4px;
        -moz-border-radius    : 0 0 4px 4px;
    }

    .bs-navbar-bottom-example
    {
        border-radius         : 4px 4px 0 0;
        -webkit-border-radius : 4px 4px 0 0;
        -moz-border-radius    : 4px 4px 0 0;
    }
}

/* Pagination */
.bs-example .pagination
{
    margin-top    : 10px;
    margin-bottom : 10px;
}

/* Pager */
.bs-example > .pager
{
    margin-top : 0;
}

/* Example modals */
.bs-example-modal
{
    background-color : #f5f5f5;
}

.bs-example-modal .modal
{
    position : relative;
    top      : auto;
    right    : auto;
    left     : auto;
    bottom   : auto;
    z-index  : 1;
    display  : block;
}

.bs-example-modal .modal-dialog
{
    left         : auto;
    margin-left  : auto;
    margin-right : auto;
}

.modal-dialog
{
    left : 0 !important
}

/* Example dropdowns */
.bs-example > .dropdown > .dropdown-menu
{
    position      : static;
    display       : block;
    margin-bottom : 5px;
}

/* Example tabbable tabs */
.bs-example-tabs .nav-tabs
{
    margin-bottom : 15px;
}

/* Tooltips */
.bs-example-tooltips
{
    text-align : center;
}

.bs-example-tooltips > .btn
{
    margin-top    : 5px;
    margin-bottom : 5px;
}

/* Popovers */
.bs-example-popover
{
    padding-bottom   : 24px;
    background-color : #f9f9f9;
}

.bs-example-popover .popover
{
    position : relative;
    display  : block;
    float    : left;
    width    : 260px;
    margin   : 20px;
}

/* Scrollspy demo on fixed height div */
.scrollspy-example
{
    position   : relative;
    height     : 200px;
    margin-top : 10px;
    overflow   : auto;
}

/*
 * Code snippets
 *
 * Generated via Pygments and Jekyll, these are snippets of HTML, CSS, and JS.
 */

.highlight
{
    display               : none; /* hidden by default, until >480px */
    padding               : 9px 14px;
    margin-bottom         : 14px;
    background-color      : #f7f7f9;
    border                : 1px solid #e1e1e8;
    border-radius         : 4px;
    -webkit-border-radius : 4px;
    -moz-border-radius    : 4px;
}

.highlight pre
{
    padding          : 0;
    margin-top       : 0;
    margin-bottom    : 0;
    background-color : transparent;
    border           : 0;
    white-space      : nowrap;
}

.highlight pre code
{
    font-size : inherit;
    color     : #333333; /* Effectively the base text color */
}

.highlight pre .lineno
{
    display       : inline-block;
    width         : 22px;
    padding-right : 5px;
    margin-right  : 10px;
    text-align    : right;
    color         : #bebec5;
}

/* Show code snippets when we have the space */
@media screen and (min-width : 481px)
{
    .highlight
    {
        display : block;
    }
}

/*
 * Responsive tests
 *
 * Generate a set of tests to show the responsive utilities in action.
 */

/* Responsive (scrollable) doc tables */
.table-responsive .highlight pre
{
    white-space : normal;
}

/* Utility classes table  */
.bs-table th small, .responsive-utilities th small
{
    display     : block;
    font-weight : normal;
    color       : #999999;
}

.responsive-utilities tbody th
{
    font-weight : normal;
}

.responsive-utilities td
{
    text-align : center;
}

.responsive-utilities td.is-visible
{
    color            : #468847;
    background-color : #dff0d8 !important;
}

.responsive-utilities td.is-hidden
{
    color            : #cccccc;
    background-color : #f9f9f9 !important;
}

/* Responsive tests */
.responsive-utilities-test
{
    margin-top : 5px;
}

.responsive-utilities-test .col-xs-6
{
    margin-bottom : 10px;
}

.responsive-utilities-test span
{
    padding               : 15px 10px;
    font-size             : 14px;
    font-weight           : bold;
    line-height           : 1.1;
    text-align            : center;
    border-radius         : 4px;
    -webkit-border-radius : 4px;
    -moz-border-radius    : 4px;
}

.visible-on .col-xs-6 .hidden-xs, .visible-on .col-xs-6 .hidden-sm, .visible-on .col-xs-6 .hidden-md, .visible-on .col-xs-6 .hidden-lg, .hidden-on .col-xs-6 .visible-xs, .hidden-on .col-xs-6 .visible-sm, .hidden-on .col-xs-6 .visible-md, .hidden-on .col-xs-6 .visible-lg
{
    color  : #999999;
    border : 1px solid #dddddd;
}

.visible-on .col-xs-6 .visible-xs, .visible-on .col-xs-6 .visible-sm, .visible-on .col-xs-6 .visible-md, .visible-on .col-xs-6 .visible-lg, .hidden-on .col-xs-6 .hidden-xs, .hidden-on .col-xs-6 .hidden-sm, .hidden-on .col-xs-6 .hidden-md, .hidden-on .col-xs-6 .hidden-lg
{
    color            : #468847;
    background-color : #dff0d8;
    border           : 1px solid #d6e9c6;
}

/*
 * Glyphicons
 *
 * Special styles for displaying the icons and their classes in the docs.
 */

.bs-glyphicons
{
    padding-left   : 0;
    padding-bottom : 1px;
    margin-bottom  : 20px;
    list-style     : none;
    overflow       : hidden;
}

.bs-glyphicons li
{
    float       : left;
    width       : 25%;
    height      : 115px;
    padding     : 10px;
    margin      : 0 -1px -1px 0;
    font-size   : 12px;
    line-height : 1.4;
    text-align  : center;
    border      : 1px solid #dddddd;
}

.bs-glyphicons .glyphicon
{
    display   : block;
    margin    : 5px auto 10px;
    font-size : 24px;
}

.bs-glyphicons li:hover
{
    background-color : rgba(86, 61, 124, .1);
}

@media (min-width : 768px)
{
    .bs-glyphicons li
    {
        width : 12.5%;
    }
}

/*
 * Customizer
 *
 * Since this is so form control heavy, we have quite a few styles to customize
 * the display of inputs, headings, and more. Also included are all the download
 * buttons and actions.
 */

.bs-customizer .toggle
{
    float      : right;
    margin-top : 85px; /* On account of ghetto navbar fix */
}

/* Headings and form contrls */
.bs-customizer label
{
    margin-top  : 10px;
    font-weight : 500;
    color       : #444444;
}

.bs-customizer h2
{
    margin-top    : 0;
    margin-bottom : 5px;
    padding-top   : 30px;
}

.bs-customizer h4
{
    margin-top : 15px;
}

.bs-customizer input[type="text"]
{
    font-family      : Menlo, Monaco, Consolas, "Courier New", monospace;
    background-color : #fafafa;
}

.bs-customizer .help-block
{
    font-size : 12px;
}

/* For the variables, use regular weight */
#less-section label
{
    font-weight : normal;
}

/* Downloads */
.bs-customize-download .btn-outline
{
    padding : 20px;
}

/* Error handling */
.bs-customizer-alert
{
    position           : fixed;
    top                : 51px;
    left               : 0;
    right              : 0;
    z-index            : 1030;
    padding            : 15px 0;
    color              : #ffffff;
    background-color   : #d9534f;
    box-shadow         : inset 0 1px 0 rgba(255, 255, 255, .25);
    -moz-box-shadow    : inset 0 1px 0 rgba(255, 255, 255, .25);
    -webkit-box-shadow : inset 0 1px 0 rgba(255, 255, 255, .25);
    border-bottom      : 1px solid #b94441;
}

.bs-customizer-alert .close
{
    margin-top : -4px;
    font-size  : 24px;
}

.bs-customizer-alert p
{
    margin-bottom : 0;
}

.bs-customizer-alert .glyphicon
{
    margin-right : 5px;
}

.bs-customizer-alert pre
{
    margin             : 10px 0 0;
    color              : #ffffff;
    background-color   : #a83c3a;
    border-color       : #973634;
    box-shadow         : inset 0 2px 4px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
    -moz-box-shadow    : inset 0 2px 4px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
    -webkit-box-shadow : inset 0 2px 4px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
}

/*
 * Miscellaneous
 *
 * Odds and ends for optimum docs display.
 */

/* Examples gallery: space out content better */
.bs-examples h4
{
    margin-bottom : 5px;
}

.bs-examples p
{
    margin-bottom : 20px;
}

/* Pseudo :focus state for showing how it looks in the docs */
#focusedInput
{
    border-color       : rgba(82, 168, 236, .8);
    outline            : 0;
    outline            : thin dotted \9; /* IE6-9 */
    -moz-box-shadow    : 0 0 8px rgba(82, 168, 236, .6);
    -webkit-box-shadow : 0 0 8px rgba(82, 168, 236, .6);
    box-shadow         : 0 0 8px rgba(82, 168, 236, .6);
}

/* Better spacing on download options in getting started */
.bs-docs-dl-options h4
{
    margin-top    : 15px;
    margin-bottom : 5px;
}

/****************************************************** CSS overwrites ******************************************************/
/****************************************************** CSS overwrites ******************************************************/
/****************************************************** CSS overwrites ******************************************************/



/*-------------------------------------------------- Carousel & Navbar --------------------------------------------------------------*/

.bgcolor
{   background-color: #000000;
}

/*
.blocCasino .carousel-inner, .blocRestaurant .carousel-inner, .blocSeminaires .carousel-inner, .blocHotel .carousel-inner
{
    border-radius         : 8px;
    -webkit-border-radius : 8px;
    -moz-border-radius    : 8px;
    box-shadow            : 0 2px 6px -3px grey;
    -moz-box-shadow       : 0 2px 6px -3px grey;
    -webkit-box-shadow    : 0 2px 6px -3px grey;
}

#colBlocs .carousel-inner
{
    border-radius         : 8px;
    -webkit-border-radius : 8px;
    -moz-border-radius    : 8px;
    box-shadow            : 0 2px 6px -3px grey;
    -moz-box-shadow       : 0 2px 6px -3px grey;
    -webkit-box-shadow    : 0 2px 6px -3px grey;
}

#colBlocs .carousel-indicators
{
    opacity : 0;
}
*/

img
{
    vertical-align : middle;
    height         : auto;
    max-width      : 100%;
}

/*
.blocRestaurant img
{
    border-radius         : 8px;
    -webkit-border-radius : 8px;
    -moz-border-radius    : 8px;
    box-shadow            : 0 2px 6px -3px grey;
    -moz-box-shadow       : 0 2px 6px -3px grey;
    -webkit-box-shadow    : 0 2px 6px -3px grey;
}

.blocSeminaires img, .blocCasino img
{
    opacity               : 1;
    border-radius         : 8px;
    -webkit-border-radius : 8px;
    -moz-border-radius    : 8px;
    box-shadow            : 0 2px 6px -3px grey;
    -moz-box-shadow       : 0 2px 6px -3px grey;
    -webkit-box-shadow    : 0 2px 6px -3px grey;
    -webkit-transition    : all 0.3s ease-in-out;
    -moz-transition       : 0.3s ease-in-out;
    -o-transition         : all 0.3s ease-in-out;
    -ms-transition        : all 0.3s ease-in-out;
    transition            : all 0.3s ease-in-out;
}

.blocSeminaires img:hover, .blocCasino img:hover
{
    opacity : 0.6;
}

.blocHotel img
{
    border-radius         : 8px;
    -webkit-border-radius : 8px;
    -moz-border-radius    : 8px;
    box-shadow            : 0 2px 6px -3px grey;
    -moz-box-shadow       : 0 2px 6px -3px grey;
    -webkit-box-shadow    : 0 2px 6px -3px grey;
    width                 : 100%;
}

.blocRestaurant img
{
    width : 100%;
}
*/

.carousel-inner > .item
{
    -webkit-transition : 2s ease-in-out left;
    transition         : 2s ease-in-out left;
}

.carousel
{
    z-index : 1;
}
.btn-carousel a, .btn-carousel a:hover, .btn-carousel a:focus
{
    display    : block;
    color      : #ffffff;
    transition : all 0.3s ease-in-out 0s;
}

.btn-carousel a:hover, .btn-carousel a:focus
{
    padding-left : 10px;
}

/*
.blocCasino .carousel-indicators
{
    display : none;
}
*/

.carousel-caption
{
    top    : 20%;
    height : 20px;
}

.carousel-control
{
    width       : 5%;
    text-shadow : none;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next
{
    margin-top  : 75px;
    margin-left : 35px;
}

.carousel-control.left
{
    background-image : none;
}

.carousel-control.right
{
    background-image : none;
}

.carousel-fade .carousel-inner .item
{
    opacity                     : 0;
    -webkit-transition-property : opacity;
    -moz-transition-property    : opacity;
    -o-transition-property      : opacity;
    transition-property         : opacity;
}

.carousel-fade .carousel-inner .active
{
    opacity : 1;
}

.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right
{
    left    : 0;
    opacity : 0;
    z-index : 1;
}

.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right
{
    opacity : 1;
}

.carousel-fade .carousel-control
{
    z-index : 999;
}

.margeTop
{
    padding : 0;
}

.NoPadding
{
    padding-left  : 0;
    padding-right : 0;
}
.NoVerticalPadding
{
    padding-top  : 0;
    padding-bottom : 0;
}

.navbar
{
    height : 98px;
}

/*.menu_site*/
/*{*/
    /*background-color   : #ffffff;*/
    /*top                : 0px !important;*/
    /*padding-top        : 0px;*/
    /*padding-bottom     : 0px;*/
    /*height             : 50px;*/
    /*transition         : all 0.1s ease-in-out;*/
    /*-webkit-transition : all 0.1s ease-in-out;*/
    /*-moz-transition    : all 0.1s ease-in-out;*/
    /*-o-transition      : all 0.1s ease-in-out;*/
    /*box-shadow         : 0 -3px 3px 2px;*/
    /*-moz-box-shadow    : 0 -3px 3px 2px;*/
    /*-webkit-box-shadow : 0 -3px 3px 2px;*/
/*}*/

/*.navbar-site*/
/*{*/
    /*border             : none;*/
    /*box-shadow         : 0 0 3px -1px;*/
    /*-moz-box-shadow    : 0 0 3px -1px;*/
    /*-webkit-box-shadow : 0 0 3px -1px;*/
/*}*/

.toparea
{
    background : none repeat scroll 0 0;
    font-size  : 12px;
}

.position
{
    margin-top : 10px;
}

.search_nav_top .form-control
{
    display               : block;
    width                 : 100%;
    padding               : 6px 12px;
    font-size             : 14px;
    line-height           : 1.42857143;
    color                 : #b02828;
    background-color      : #f06868;
    background-image      : none;
    border                : 1px solid #cb4343;
    border-radius         : 2px;
    -webkit-border-radius : 2px;
    -moz-border-radius    : 2px;
    -webkit-transition    : border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition            : border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.search_nav_top .form-control:focus
{
    border-color       : #ffffff;
    outline            : 0;
    -moz-box-shadow    : inset 0 1px 1px rgba(255, 255, 255, .075), 0 0 8px rgba(255, 255, 255, .6);
    -webkit-box-shadow : inset 0 1px 1px rgba(255, 255, 255, .075), 0 0 8px rgba(255, 255, 255, .6);
    box-shadow         : inset 0 1px 1px rgba(255, 255, 255, .075), 0 0 8px rgba(255, 255, 255, .6);
}

.search_nav_top .form-control::-moz-placeholder
{
    color   : #b02828;
    opacity : 1;
}

.search_nav_top .form-control:-ms-input-placeholder, .search_nav_top .form-control::-webkit-input-placeholder
{
    color : #b02828;
}

.navbar-brand, .navbar-nav > li > a
{
    text-align         : center;
    text-shadow        : 0 1px 0 rgba(255, 255, 255, 0.10);
    font-family        : "EurostileLT", sans-serif;
    color              : #ffffff;
    -webkit-transition : all 0.3s ease-in-out;
    -moz-transition    : all 0.3s ease-in-out;
    -o-transition      : all 0.3s ease-in-out;
    -ms-transition     : all 0.3s ease-in-out;
    transition         : all 0.3s ease-in-out;
    /* line-height        : 14px;*/
}

.navbar-groupe
{
    background-color : #35383c;
    border           : none;
    height           : 57px;
    margin-top       : -11px;
}

.navbar-groupe .navbar-brand
{
    color : #9d2d2d;
}

.navbar-groupe .navbar-brand:hover,
.navbar-groupe .navbar-brand:focus
{
    color            : #9d2d2d;
    background-color : transparent;
}

.navbar-groupe .navbar-text
{
    color : #777777;
}

.navbar-groupe.navbar-nav > li > a
{
    color : #9d2d2d;
}

.navbar-groupe .navbar-nav > .disabled > a,
.navbar-groupe .navbar-nav > .disabled > a:hover,
.navbar-groupe .navbar-nav > .disabled > a:focus
{
    color            : #9d2d2d;
    background-color : transparent;
}

.navbar-groupe .navbar-toggle
{
    border-color : transparent;
}

.navbar-groupe .navbar-toggle:hover,
.navbar-groupe .navbar-toggle:focus
{
    background-color : transparent;
}

.navbar-groupe .navbar-toggle .icon-bar
{
    background-color : #888888;
}

.navbar-groupe .navbar-collapse, .navbar-groupe .navbar-form
{
    width : 100%;
}

#Searchbar_topbar
{
    margin-top : 1.5%;
}

.navbar-form
{
    padding-top : 1%;
}

.navbar-groupe .navbar-nav > .open > a,
.navbar-groupe .navbar-nav > .open > a:hover,
.navbar-groupe .navbar-nav > .open > a:focus
{
    color            : #9d2d2d;
    background-color : transparent;
}

.navbar-groupe > li > a
{
    color : #9d2d2d;
}

.navbar-collapse
{
    float : right;
}

.navbar-brand
{
    float      : left;
    margin-top : -11%;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand
{
    margin-left : 0;
}

.tooltip
{
    z-index : 10000;
}

.navbar-nav > li > a >
{
    padding : 0;
}

.navbar-site .icon-PokerScope
{
    font-size : 5em;
}

.navbar-site .icon-groupe
{
    font-size   : 5em;
    line-height : 100px;
}

.navbar.menu_site .icon-groupe
{
    font-size   : 4em;
    line-height : 70px;
}

/*.navbar.menu_site .icon-PokerScope
{
    font-size   : 3.3em;
    line-height : 70px;
}*/

.refJeuL > i, .refJeuR > i
{
    height     : 104px;
    margin-top : 0;
    font-size  : 7.1em;
    color      : #e0e0e0;
    transition : all 0.3s ease-in-out 0s;
    cursor     : default;
}

.menu_site .refJeuL > i, .menu_site .refJeuR i
{
    font-size  : 4.6em;
    height     : 50px;
    margin-top : 0;
    transition : all 0.3s ease-in-out 0s;
}

.refJeuL > i
{
    float : left;
}

.refJeuR > i
{
    float     : right;
    transform : scaleX(-1);
}

.search_nav_top
{
    list-style    : none outside none;
    padding-left  : 1%;
    padding-right : 1%;
    padding-top   : 0.3%;
    display       : inline;
}

.search_nav_top input
{
    width     : inherit !important;
    min-width : 20px;
}

.navbar
{
    margin-bottom : 0
}

#menu-site-collapse {
    height:103px;
}

.menu_site #menu-site-collapse {
    height:auto;
}

.full-with-carousel .carousel-inner > .item > img, .full-with-carousel .carousel-inner > .item > a > img
{
    margin : 0 auto
}

.full-with-carousel.carousel.slide
{
    margin : 0 auto
}

.calageHome
{
    /*margin-top : 2%;*/
    top: 135px;
}

.slide-CU-background
{
    height        : 350px;
    margin-top    : 16%;
    border-radius : 8px;
}

.navbar-wrapper
{
    position : relative;
    z-index  : 15;
}

.full-with-carousel .carousel-caption
{
    z-index : 1;
}

.full-with-carousel.carousel .item
{
    background-color : #777777;
}

/*
.marketing .col-lg-4
{
    text-align    : center;
    margin-bottom : 20px;
}

.marketing h2
{
    font-weight : normal;
}

.marketing .col-lg-4 p
{
    margin-left  : 10px;
    margin-right : 10px;
}
*/


/*** Featurettes ***/

/* Thin out the marketing headings */
.featurette-heading
{
    font-weight    : 300;
    line-height    : 1;
    letter-spacing : -1px;
}

/*
.youtubeBlock, .vimeo-player
{
    position       : relative;
    padding-top    : 25px;
    padding-bottom : 67.5%;
    height         : 0;
    margin-bottom  : 0px;
    overflow       : hidden;
}

.youtubeBlock .widescreen, .vimeo-player .widescreen
{
    padding-bottom : 57.25%;
}

.youtubeBlock.vimeo, .vimeo-player.vimeo
{
    padding-top : 0;
}

.youtubeBlock iframe, .youtubeBlock object, .youtubeBlock embed, .vimeo-player iframe, .vimeo-player object, .vimeo-player embed
{
    position : absolute;
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : 100%;
}
*/

/* Customize the nav-justified links to be fill the entire space of the .navbar */

.nav-justified
{
    background-color      : #eeeeee;
    border-radius         : 5px;
    -webkit-border-radius : 5px;
    -moz-border-radius    : 5px;
    border                : 1px solid #cccccc;
}

.nav-justified > li > a
{
    padding-top       : 15px;
    padding-bottom    : 15px;
    color             : #777777;
    font-weight       : bold;
    text-align        : center;
    border-bottom     : 1px solid #d5d5d5;
    background-color  : #e5e5e5; /* Old browsers */
    background-repeat : repeat-x; /* Repeat the gradient */
    background-image  : -moz-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); /* FF3.6+ */
    background-image  : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */
    background-image  : -webkit-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); /* Chrome 10+,Safari 5.1+ */
    background-image  : -ms-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); /* IE10+ */
    background-image  : -o-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); /* Opera 11.10+ */
    filter            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e5e5e5', GradientType=0); /* IE6-9 */
    background-image  : linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); /* W3C */
}

.nav-justified > .active > a, .nav-justified > .active > a:hover, .nav-justified > .active > a:focus
{
    background-color   : #dddddd;
    background-image   : none;
    box-shadow         : inset 0 3px 7px rgba(0, 0, 0, .15);
    -moz-box-shadow    : inset 0 3px 7px rgba(0, 0, 0, .15);
    -webkit-box-shadow : inset 0 3px 7px rgba(0, 0, 0, .15);
}

.nav-justified > li:first-child > a
{
    border-radius         : 5px 5px 0 0;
    -webkit-border-radius : 5px 5px 0 0;
    -moz-border-radius    : 5px 5px 0 0;
}

.nav-justified > li:last-child > a
{
    border-bottom         : 0;
    border-radius         : 0 0 5px 5px;
    -webkit-border-radius : 0 0 5px 5px;
    -moz-border-radius    : 0 0 5px 5px;
}

/* Main marketing message and sign up button */
.white-jumbotron
{
    text-align       : center;
    background-color : transparent;
}

.white-jumbotron .btn
{
    font-size : 21px;
    padding   : 14px 24px;
}

.ccm-tags-display .label
{
    margin  : 0 10px 10px 0;
    color   : #ffffff;
    display : inline-block
}

.ccm-tags-display .label a, .ccm-tags-display .label a:visited, .ccm-tags-display .label a:hover
{
    color : #ffffff
}

.bs-old-docs p
{
    margin : 0 !important
}

.bs-sidenav-right li
{
    text-align : right
}

.bs-sidebar .bs-sidenav-right.nav > .active > a, .bs-sidebar .bs-sidenav-right.nav > .active:hover > a, .bs-sidebar .bs-sidenav-right.nav > .active:focus > a, .bs-sidebar .bs-sidenav-right.nav a.active
{
    border-right : none !important;
    border-left  : 1px solid #563d7c
}

.bs-sidebar .nav.bs-sidenav-right .nav > li > a
{
    padding : 3px 30px 3px 20px
}

.bs-sidebar .nav.bs-sidenav-right .nav .nav > li > a
{
    padding : 3px 40px 3px 10px
}

.bs-sidebar .nav .nav .nav > li > a
{
    padding : 3px 10px 3px 40px
}

.bs-sidebar
{
    margin-bottom : 10px
}

.m-top-20
{
    margin-top : 20px
}

.dropdown-menu > li > a
{
    color : #333333
}

#main-content-post-footer-share a img
{
    display : inline-block
}

/*autonav pro dropdown fix*/

.sublvl.dropdown-menu li
{
    position : relative
}

.sublvl.dropdown-menu li.open > a
{
    color : #ffffff
}

.navbar-fixed-bottom .sublvl.dropdown-menu .sublvl.dropdown-menu, .navbar-static-bottom .sublvl.dropdown-menu .sublvl.dropdown-menu, .navbar-fixed-bottom .sublvl.dropdown-menu, .navbar-static-bottom .sublvl.dropdown-menu
{
    bottom : 100%;
    margin : 0;
    left   : 0;
    top    : auto
}

/*link color for intro page type*/
.bs-docs-home footer .bs-social a, .bs-docs-home footer .bs-social a:visited, .bs-docs-home footer .bs-social a:hover
{
    color : #ffffff
}

.bs-example .navbar
{
    position : relative !important
}

.ccm-search-option.ccm-search-option-type-rating
{
    margin-bottom : 10px;
    overflow      : hidden;
    display       : block
}

/*navbar*/
.col-md-3.logo-position-0 .navbar-header
{
    float : none
}

.navbar-brand
{
    float : none
}

.navbar-inverse .navbar-brand a
{
    color : #ffffff
}

.navbar-default .navbar-brand a
{
    color : #563d7c
}

.navbar-brand p
{
    margin : 0
}

.col-md-12.logo-position-2 .navbar-header
{
    float : none
}

.col-md-3.logo-position-0 a.navbar-brand
{
    float : left
}

.col-md-3.logo-position-1 a.navbar-brand
{
    float : left
}

.container > .navbar
{
    margin : 0px auto 10px
}

.nav-list > li.active > a, .nav-list > li.active > a:hover, .nav-list > li.active > a:focus
{
    background-color : #428bca;
    color            : #ffffff;
}

.full-with-carousel.carousel.slide
{
    margin : 0 auto
}

@media (min-width : 768px)
{
    .col-md-3.logo-position-0 .navbar-header
    {
        text-align : right
    }

    .navbar .container .navbar-inner .col-md-3, .navbar .container .navbar-inner .col-md-12, .navbar .container .navbar-inner .col-md-9
    {
        margin  : 0 !important;
        padding : 0 !important
    }

    .col-md-3.logo-position-0
    {
        float : right
    }

    .col-md-3.logo-position-0 a.navbar-brand
    {
        float : right
    }

    .container > .navbar .col-md-3.logo-position-0, .container > .navbar .col-md-9.logo-position-0
    {
        padding-left : 0
    }

    .col-md-9.logo-position-0
    {
        float : left;
    }

    .navbar .navbar-inner .container .col-md-3.logo-position-1 .navbar-brand
    {
        padding-left : 1px
    }

    .navbar .navbar-inner .container .col-md-12.logo-position-2 .navbar-brand
    {
        padding : 15px 0
    }
}

.navbar .navbar-inner .container .nav-collapse.collapse
{
    padding : 0 !important
}

@media (max-width : 768px)
{

    .container.marketing
    {
        margin : 10px auto
    }
}

.col-md-12.logo-position-2 .navbar-brand
{
    margin     : 0 auto;
    float      : none;
    text-align : center;
    display    : block
}

.navbar .navbar-inner .container .col-md-3.logo-position-0 .navbar-brand
{
    padding-right : 0
}

.marketing-logo, .marketing-logo a
{
    color : #999999
}

.marketing-logo
{
    text-align : center
}

.bs-header h1, .bs-header p
{
    margin : 0 !important
}

.bs-header h1
{
    color : #ffffff
}

.carbonad
{
    position : static !important;
    float    : none !important;
    width    : 100% !important
}

@media (max-width : 768px)
{

    .navbar .navbar-inner .container .col-md-3.logo-position-0 .navbar-brand
    {
        padding-right : 15px
    }
}

.navbar-nav li.open
{
    display : block;
    filter  : alpha(opacity=100);
}

/*space for top navbar*/

.navbar-bottom-fixed-space, .navbar-top-static-space, .navbar-top-fixed-space
{
    margin   : 0;
    display  : block;
    clear    : both;
    overflow : hidden;
    z-index  : 1
}

.navbar-header
{
    float : none !important;
}

.bootstrap-carousel .navbar-top-fixed-space
{
    margin : 0 !important
}

.col-md-12 .navbar-nav > li > a
{
    line-height : 20px !important
}

.navbar-brand
{
    padding : 15px 0
}

.navbar-brand.navbar-brand-area
{
    display : block
}

.navbar-brand-area
{
    height : auto
}

.carousel-indicators
{
    display : none
}

.carousel-control
{
    opacity : 1;
}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left
{
    left : -180%;
}

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right
{
    right : -80%;
}

.navbar-brand.navbar-brand-link
{
    display : table
}

.navbar-wrapper > .container > .navbar, body > .container > .navbar
{
    padding : 0 15px;
}

.navbar-toggle
{
    margin : 8px 0;
}

.dropdown-menu, .dropdown-menu li, .dropdown-menu a
{
    text-align : left
}

@media (min-width : 769px)
{
    .navbar-top-fixed-space
    {
        margin-top : 51px;
    }

    .navbar-top-fixed-space.bs-navbar-logo-f
    {
        margin-top : 101px
    }
}

@media (min-width : 768px)
{
    .dropdown-menu .open > .dropdown-menu
    {
        left : 100%;
    }

    .navbar .navbar-inner .container .col-md-3.logo-position-1
    {
        padding-left : 15px
    }

    .boostrap_nav_right .dropdown-menu .open > .dropdown-menu, .bs-sidenav-right .dropdown-menu .open > .dropdown-menu
    {
        left : -100%;
    }

    .col-logo.logo-position-0, .col-nav.logo-position-1
    {
        float        : right;
        text-align   : right;
        padding-left : 0
    }

    .col-logo.logo-position-1, .col-nav.logo-position-0
    {
        float         : left;
        text-align    : left;
        padding-right : 0
    }

    .navbar .navbar-inner .container .col-md-12.logo-position-2 .navbar-brand
    {
        padding : 15px 0
    }

    .navbar .logo-position-1 .navbar-nav
    {
        float : right
    }
}

@media (max-width : 768px)
{
    .navbar-fixed-bottom
    {
        position : relative !important
    }

    .navbar-nav > li > a
    {
        line-height : 20px;
    }

    body
    {
        margin-bottom : 0 !important
    }

    .col-md-12.logo-position-2 .navbar-brand img
    {
        max-width : 90%
    }

    .navbar-fixed-bottom .dropdown .caret
    {
        border-top    : 4px solid #000000;
        border-right  : 4px solid transparent;
        border-bottom : 0 dotted;
        border-left   : 4px solid transparent;
    }

    .navbar-fixed-bottom.navbar-inverse .dropdown .caret:hover, .navbar-fixed-bottom.navbar-inverse .dropdown .active .caret
    {
        border-top    : 4px solid #ffffff;
        border-right  : 4px solid transparent;
        border-bottom : 0 dotted;
        border-left   : 4px solid transparent;
    }

    .nav-collapse.collapse.in
    {
        padding    : 10px 0 !important;
        border     : none !important;
        box-shadow : none !important
    }

    .optional-navbar .navbar-toggle
    {
        margin : 8px
    }

    .bootstrap-carousel .navbar-wrapper
    {
        position : static !important;
    }

    .bootstrap-carousel .navbar-wrapper .container
    {
        padding : 0
    }

    .bootstrap-carousel .navbar-wrapper .container .navbar
    {
        margin : 0;
    }
}

@media (max-width : 768px)
{
    .navbar-bottom-fixed-space, .navbar-top-static-space, .navbar-top-fixed-space
    {
        padding : 0 !important;
    }

    .full-home-carousel
    {
        top : 0px !important
    }

    .col-md-12.logo-position-2 .navbar-brand
    {
        text-align : left
    }
}

@media (max-width : 480px)
{
    .navbar-brand img
    {
        max-width : 80%;
        float     : left
    }
}

.nav-stacked-right li
{
    text-align : right
}

.nav-stacked-right a.dropdown-toggle
{
    overflow : hidden
}

.nav-stacked-right a.dropdown-toggle .caret
{
    float  : left;
    margin : 8px 0 0
}

.nav-stacked-right .dropdown-menu .open > .dropdown-menu
{
    left : -100%;
}

.dropdown-menu > li > a
{
    white-space : normal;
}

.nav-stacked-right .dropdown-menu
{
    left  : -100%;
    right : 100%
}

.stack-drops .dropdown-menu
{
    position              : static !important;
    z-index               : 2 !important;
    float                 : none !important;
    background-color      : transparent !important;
    border                : none !important;
    border-radius         : 0px !important;
    -webkit-border-radius : 0;
    -moz-border-radius    : 0;
    -webkit-box-shadow    : none !important;
    -moz-box-shadow       : none !important;
    box-shadow            : none !important;
}

.stack-drops a
{
    overflow : hidden;
}

.stack-drops a .caret
{
    float  : right;
    margin : 8px 0 0;
}

.stack-drops .dropdown-menu a .caret
{
    margin : -8px 0 0 0
}

.stack-drops.nav-stacked-right a
{
    overflow : hidden;
}

.stack-drops.nav-stacked-right a .caret
{
    float  : left;
    margin : 8px 0 0;
}

.stack-drops.nav-stacked-right .dropdown-menu a .caret
{
    margin : 8px 0 0;
}

.stack-drops .caret
{
    border-top-color : #000000 !important;
}

@media (min-width : 768px)
{
    .nav .dropdown-menu .open > a .caret, .nav .dropdown-menu .open > a:hover .caret, .nav .dropdown-menu .open > a:focus .caret
    {
        border-top-color : #000000 !important;
    }
}


@media (min-width : 768px)
{
    .nav-justified
    {
        max-height : 52px;
    }

    .nav-justified > li > a
    {
        border-left  : 1px solid #ffffff;
        border-right : 1px solid #d5d5d5;
    }

    .nav-justified > li:first-child > a
    {
        border-left           : 0;
        border-radius         : 5px 0 0 5px;
        -webkit-border-radius : 5px 0 0 5px;
        -moz-border-radius    : 5px 0 0 5px;
    }

    .nav-justified > li:last-child > a
    {
        border-radius         : 0 5px 5px 0;
        -webkit-border-radius : 0 5px 5px 0;
        -moz-border-radius    : 0 5px 5px 0;
        border-right          : 0;
    }

    /* Navbar positioning foo */
    /* The navbar becomes detached from the top, so we round the corners */
    .navbar-wrapper .navbar
    {
        border-radius         : 0px;
        -webkit-border-radius : 0;
        -moz-border-radius    : 0;
    }

    /* Bump up size of carousel content */
    .full-with-carousel .carousel-caption p
    {
        margin-bottom : 20px;
        font-size     : 21px;
        line-height   : 1.4;
    }

    .featurette-heading
    {
        font-size : 50px;
    }

    .navbar .logo-position-1 .navbar-nav
    {
        float : right
    }
}

@media (min-width : 992px)
{
    .featurette-heading
    {
        margin-top : 120px;
    }
}

@media (max-width : 768px)
{
    .navbar-wrapper
    {
        position : absolute;
        left     : 0;
        right    : 0;
        top      : 10px;
        z-index  : 99
    }

    /*responsive layouts*/
    .ccm-layout-wrapper .ccm-layout .ccm-layout-row .ccm-layout-cell
    {
        display     : block;
        float       : none;
        width       : auto !important;
        margin-left : 0;
    }

    .ccm-layout-wrapper .ccm-layout .ccm-layout-row .ccm-layout-cell .ccm-layout-col-spacing
    {
        margin : 0px !important;
    }

    /*responsive layouts*/
    .full-home-carousel
    {
        top : 0
    }
}

@media only screen and (max-device-width : 800px), only screen and (device-width : 1024px) and (device-height : 600px), only screen and (width : 1280px) and (orientation : landscape), only screen and (device-width : 800px), only screen and (max-width : 768px)
{
    .youtubeBlock, .vimeo-player
    {
        padding-top : 0;
    }
}

/*---------- cover ---------*/
.bs-cover a:active, .bs-cover a:hover, .bs-cover a
{
    color : #ffffff
}

/* Custom default button */
.bs-cover .btn-default, .bs-cover .btn-default:hover, .bs-cover .btn-default:focus
{
    color            : #333333;
    text-shadow      : none; /* Prevent inheritence from `body` */
    background-color : #ffffff;
    border           : 1px solid #ffffff;
}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper
{
    display    : table;
    width      : 100%;
    height     : 100%; /* For at least Firefox */
    min-height : 100%;
}

.site-wrapper-inner
{
    display        : table-cell;
    vertical-align : top;
}

.cover-container
{
    margin-right : auto;
    margin-left  : auto;
}

/* Padding for spacing */
.inner
{
    padding : 30px;
}

/*
 * Header
 */
.masthead-brand
{
    margin-top    : 10px;
    margin-bottom : 10px;
}

.masthead-nav > li
{
    display : inline-block;
}

.masthead-nav > li + li
{
    margin-left : 20px;
}

.masthead-nav > li > a
{
    padding-right : 0;
    padding-left  : 0;
    font-size     : 16px;
    font-weight   : bold;
    color         : #ffffff; /* IE8 proofing */
    color         : rgba(255, 255, 255, .75);
    border-bottom : 2px solid transparent;
}

.masthead-nav > li > a:hover, .masthead-nav > li > a:focus
{
    background-color    : transparent;
    border-bottom-color : rgba(255, 255, 255, .25);
}

.masthead-nav > .active > a, .masthead-nav > .active > a:hover, .masthead-nav > .active > a:focus
{
    color               : #ffffff;
    border-bottom-color : #ffffff;
}

@media (min-width : 768px)
{
    .masthead-brand
    {
        float : left;
    }

    .masthead-nav
    {
        float : right;
    }
}

/*
 * Cover
 */

.cover
{
    padding : 0 20px;
}

.cover .btn-lg
{
    padding     : 10px 20px;
    font-weight : bold;
}

/*
 * Footer
 */

.mastfoot
{
    color : #999999; /* IE8 proofing */
    color : rgba(255, 255, 255, .5);
}

/*
 * Affix and center
 */

@media (min-width : 768px)
{
    /* Pull out the header and footer */
    .masthead
    {
        position : fixed;
        top      : 0;
    }

    .mastfoot
    {
        position : fixed;
        bottom   : 0;
    }

    /* Start the vertical centering */
    .site-wrapper-inner
    {
        vertical-align : middle;
    }

    /* Handle the widths */
    .masthead, .mastfoot, .cover-container
    {
        width : 100%; /* Must be percentage or pixels for horizontal alignment */
    }

}

@media (min-width : 992px)
{
    .masthead, .mastfoot, .cover-container
    {
        width : 700px;
    }
}

body.bs-cover
{
    background-color : #333333;
    height           : 100%;
}

body.bs-cover .inner
{
    color       : #ffffff;
    text-align  : center;
    text-shadow : 0 1px 3px rgba(0, 0, 0, 0.5);
}

body.bs-cover .mastfoot .inner
{
    color : #999999; /* IE8 proofing */
    color : rgba(255, 255, 255, .5);
}

.site-wrapper .navbar
{
    border : none !important
}

.site-wrapper .container
{
    width : 100% !important
}

.site-wrapper .bs-docs-nav, .site-wrapper .navbar, .site-wrapper .dropdown-menu, .site-wrapper .navbar .nav.navbar-nav a.active, .site-wrapper .bs-docs-nav .navbar-nav > .active > a, .bs-docs-nav .navbar-nav > .active > a:hover
{
    box-shadow         : none !important;
    -moz-box-shadow    : none !important;
    -webkit-box-shadow : none;
    background         : transparent !important
}

/*-------------------------------------------------- dashboard --------------------------------------------------------------*/

.bs-dashboard .navbar .container
{
    margin-left   : auto;
    margin-right  : auto;
    padding-left  : 15px;
    padding-right : 15px;
    width         : 100% !important
}

.sidebar
{
    background-color : #f5f5f5;
    border-right     : 1px solid #eeeeee;
    bottom           : 0;
    display          : block;
    left             : 0;
    overflow-x       : hidden;
    overflow-y       : auto;
    padding          : 20px;
    position         : fixed;
    top              : 51px;
    z-index          : 1000;
}

/*.container-fluid
{
    margin-left   : auto;
    margin-right  : auto;
    padding-left  : 15px;
    padding-right : 15px;
}*/

.main
{
    padding-left  : 40px;
    padding-right : 40px;
}

.sidebar .nav.nav-pills.nav-stacked
{
    margin-bottom : 20px;
    margin-left   : -20px;
    margin-right  : -21px;
}

.sidebar .nav.nav-pills.nav-stacked > li > a
{
    border-radius         : 0px;
    -webkit-border-radius : 0;
    -moz-border-radius    : 0;
}

@media (max-width : 768px)
{
    .sidebar
    {
        display : none !important
    }

    .main.col-md-offset-2
    {
        margin-left : 0 !important
    }

    .nav-justified > li > a
    {
        margin-bottom : 0 !important
    }

    .navbar-inner
    {
        max-height : 340px;
        overflow-y : auto;
        overflow-x : hidden;
    }
}

/*------------------- CSS HOME -------------------*/

body
{
    overflow-x: hidden;
    font-family             : 'dejavu_sanscondensed', sans-serif;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
}
.marges-blocs-visuels
{
    margin-bottom : 15%;
}

.marges-blocs-texte, .marges-blocs-visuels-article
{
    margin-bottom : 15%;
}

.contenu
{
    position : relative;
    z-index  : 2;
}
.corps
{
    margin-left  : auto;
    margin-right : auto;
}

.blocAccroche
{
    padding-top : 20px;
}

.blocAccroche hr
{
    border-top : 1px solid #ebebeb;
    width      : 65%;
    margin     : 10px auto 10px auto;
}

.blocAccroche h1, .blocAccroche h2, .blocAccroche h3, .blocAccroche h4, .blocAccroche h5, .blocAccroche h6, .blocAccroche p, .blocAccroche address, .blocAccroche pre, .blocAccroche ul, .blocAccroche ol, .blocAccroche li
{
    font-family             : 'dejavu_sanscondensed_bold', sans-serif;
    font-style              : normal;
    font-weight             : normal;
    background-color        : transparent !important;
    border                  : medium none !important;
    text-decoration         : none !important;
    text-transform          : uppercase;
    text-align              : center;
    overflow                : hidden;
    list-style              : none;
    font-size               : 22px !important;
    line-height             : 1.42857;
    margin-bottom           : 0;
    margin-top              : 0;
    padding                 : 0;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
}

.blocAccroche a, .blocAccroche span, .blocAccroche em
{
    background-color : transparent !important;
    background-color : transparent !important;
    list-style       : none;
    font-style       : normal;
    line-height      : 1.42857;
}

.sousAccroche h1, .sousAccroche h2, .sousAccroche h3, .sousAccroche h4, .sousAccroche h5, .sousAccroche h6, .sousAccroche p, .sousAccroche address, .sousAccroche pre, .sousAccroche ul, .sousAccroche ol, .sousAccroche li
{
    color                   : #6a6565 !important;
    font-family             : 'dejavu_sanscondensed', sans-serif;
    font-style              : normal;
    font-weight             : normal;
    background-color        : transparent !important;
    border                  : medium none !important;
    text-decoration         : none !important;
    text-transform          : none;
    text-align              : center;
    list-style              : none;
    overflow                : hidden;
    font-size               : 14px !important;
    line-height             : 1.42857;
    margin-bottom           : 0;
    margin-top              : 0;
    padding                 : 0 100px;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
}

.sousAccroche a, .sousAccroche span, .sousAccroche em
{
    color            : #6a6565 !important;
    background-color : transparent !important;
    background-color : transparent !important;
    list-style       : none;
    font-style       : normal;
    line-height      : 1.42857;
}

.blocRubrique
{
    padding-bottom : 50px;
    padding-top    : 180px;
}

.blocRubrique a
{
    text-decoration : none;
}


/******** Glyphe rappels Jeux *******/


.topRed
{
    background-position : top center;
    background-repeat   : no-repeat;
    font-family         : 'dejavu_sanscondensed_bold', sans-serif;
    color               : #ffffff;
    font-size           : 21px;
    text-transform      : uppercase;
    text-align          : center;
    padding-top         : 2%;
}

.topRedRefJeu
{
    height             : 147px;
    font-size          : 54px;
    overflow           : hidden;
    cursor             : default;
}

.topRedRefJeuR
{
    float             : right;
    transform         : scaleX(-1);
    -webkit-transform : scaleX(-1);
    -moz-transform    : scaleX(-1);
    -o-transformn     : scaleX(-1);
}

.topRedMid
{
    height             : 147px;
}

.bottomSepMarge
{
    height             : 1px;
}

.topRedSep
{
    height             : 1px;
}

.topRedSepMarge
{
    margin-top  : 35px;
    margin-left : -30px;
}

.SepMarge
{
    margin-top  : 39px;
    margin-left : -30px;
}

.topRedSepColorsInline .IconstyleHeader
{
    font-size : 4.7em;
}

.topRedSepColorsInline, .SepColorsInline
{
    color      : #ffffff;
    font-size  : 16px;
    margin-top : -41px;
    text-align : center;
    cursor     : default;
}

.SepColorsInline
{
    font-size  : 33px;
    margin-top : -48px;
}
.menu-footer .SepColorsInline {
    font-size: 27px;
    margin-top: -38px;
}

@media (max-width : 1199px)
{
    .topRedSepColorsInline
    {
        margin-right : 15px;
    }

    .texteEtablissement .topRedSepColorsInline
    {
        margin-right : 0;
    }
}

@media (max-width : 991px)
{
    .topRedSepColorsInline
    {
        margin-right : 35px;
    }

    .texteEtablissement .topRedSepColorsInline
    {
        margin-right : 0;
    }

    .topRedRefJeu
    {
        font-size   : 47px;
        padding-top : 10px;
    }

    .topRedSepMarge
    {
        margin-top  : 35px;
        margin-left : -50px;
    }

    .slide-CU-background
    {
        margin-top : 20%;
    }
}

@media (max-width : 767px)
{
    .topRedSepColorsInline
    {
        margin-right : 0;
    }

    .topRedSepMarge
    {
        margin-top  : 35px;
        margin-left : -20px;
    }

    .sousAccroche h1, .sousAccroche h2, .sousAccroche h3, .sousAccroche h4, .sousAccroche h5, .sousAccroche h6, .sousAccroche p, .sousAccroche address, .sousAccroche pre, .sousAccroche ul, .sousAccroche ol, .sousAccroche li
    {
        padding : 0 20px;
    }
}

@media (max-width : 520px)
{
    .topRedSepColorsInline
    {
        margin-right : 50px;
    }

    .texteEtablissement .topRedSepColorsInline
    {
        margin-right : 0;
    }
}

@media (max-width : 500px)
{
    .topRedSepColorsInline
    {
        margin-right : 20px;
    }

    .texteEtablissement .topRedSepColorsInline
    {
        margin-right : 0;
    }

    .topRedSepMarge
    {
        margin-left : -40px;
    }
}

@media (max-width : 380px)
{
    .topRedSepColorsInline
    {
        margin-right : 30px;
    }

    .texteEtablissement .topRedSepColorsInline
    {
        margin-right : 0;
    }

}

@media (max-width : 320px)
{
    .topRedSepColorsInline
    {
        margin-right : 30px;
        margin-top   : -30px;
        font-size    : 2.4em;
    }
}

.topRed .sousTitre
{
    color          : #641a1a;
    text-transform : none;
    font-family    : 'dejavu_sanscondensed', sans-serif;
    font-weight    : normal;
    font-size      : 14px;
}

.topRed p
{
    margin-top    : 0px;
    margin-bottom : 0px;
}

.featurette
{
    padding : 60px 18px 0;
}

.featurette:last-child
{
    border-radius : 8px;
}


/* ---- Tooltip navbar ---- */

.tooltip-inner
{
    background-color : #333333;
}

.tooltip-arrow
{
    border-bottom-color : #333333;
    opacity             : 0.8;
}

/*-------------------------------------------------------------------------------------------------- STYLES ARTICLES CMS --------------------------------------------------------------------------------------------------*/

.texteArticle
{
    padding : 5% 3% 15%;
}
#blocArticle .texteArticle, #block_formulaire_assistance .texteArticle
{
    padding : 2% 3% 2%;
}
#blocArticle, #block_formulaire_seminaire, #block_formulaire_assistance, #block_paiement_tournois
{
    margin-bottom         : 45px;
    background-color      : #ffffff;
    border-radius         : 8px;
    -webkit-border-radius : 8px;
    -moz-border-radius    : 8px;
    box-shadow            : 0 2px 6px -3px grey;
    -moz-box-shadow       : 0 2px 6px -3px grey;
    -webkit-box-shadow    : 0 2px 6px -3px grey;
}
.imageArticle img
{
    max-height : 300px;
    width      : 100%;
}

a:hover, a:focus
{
    text-decoration : none;
}

a:active, a:focus
{
    outline : none;
}

.btn-carousel
{
    padding       : 10px;
    border-radius : 1px;
    text-align    : center;
    display       : block;
    margin        : 20px auto;
    width         : 60%;
    color         : #ffffff;
}

.BlocTexte
{
    padding-top : 12%;
}

.BlocTexte h1
{
    color                 : #ffffff;
    font-family           : 'dejavu_sanscondensed_bold';
    text-transform        : uppercase;
    font-size             : 20px;
    line-height           : 26px;
    -moz-border-radius    : 5px 5px 0 0;
    -webkit-border-radius : 5px 5px 0 0;
    border-radius         : 5px 5px 0 0;
    -moz-box-shadow       : inset 0 -3px 0 0 rgba(0, 0, 0, 0.35);
    -webkit-box-shadow    : inset 0 -3px 0 0 rgba(0, 0, 0, 0.35);
    box-shadow            : inset 0 -3px 0 0 rgba(0, 0, 0, 0.35);
    width                 : 100%;
    margin                : 0 auto;
    padding               : 1.5% 3%;
}

.BlocTexte .contenuBlocTexte
{
    color                 : #ffffff;
    background-color      : rgba(0, 0, 0, 0.45);
    font-family           : 'dejavu_sanscondensed_bold';
    font-size             : 17px;
    margin                : 0 auto 7%;
    padding               : 3%;
    width                 : 100%;
    -webkit-border-radius : 0 0 5px 5px;
    border-radius         : 0 0 5px 5px;
}

#obligatoire
{
    color      : #cccccc;
    margin-top : 20px;
}

@media (min-width : 320px)
{
    .pictoArticle
    {
        margin-right : 45px;
    }
}

@media (min-width : 600px)
{
    .pictoArticle
    {
        margin-right : 30px;
    }
}

@media (min-width : 768px)
{
    .pictoArticle
    {
        margin-right : 10px;
    }
}

@media (min-width : 992px)
{
    .pictoArticle
    {
        margin-right : 0;
    }
}

@media (min-width : 1200px)
{
    .pictoArticle
    {
        margin-right : -15px;
    }
}

.AccrocheArticle h1, .AccrocheArticle h2, .AccrocheArticle h3, .AccrocheArticle h4, .AccrocheArticle h5, .AccrocheArticle h6, .AccrocheArticle p, .AccrocheArticle address, .AccrocheArticle pre, .AccrocheArticle ul, .AccrocheArticle ol, .AccrocheArticle li
{
    color            : #6a6565 !important;
    font-family      : 'dejavu_sanscondensed', sans-serif;
    font-style       : normal;
    background-color : transparent !important;
    text-decoration  : none !important;
    border           : medium none !important;
    font-size        : 14px !important;
    overflow         : hidden;
    list-style       : none;
    text-align       : justify;
    line-height      : 1.42857;
    margin-bottom    : 0;
    margin-top       : 0;
    padding          : 0;
}

.AccrocheArticle a
{
    font-weight : 100;
    color       : #6b6868;
}

.AccrocheArticle span
{
    background-color : transparent !important;
    font-family      : 'dejavu_sanscondensed', sans-serif !important;
    font-style       : normal;
    font-size        : 14px !important;
}
.ParagrapheArticle h1 {
    font-family: 'dejavu_sanscondensed_bold', sans-serif;
    font-style: normal;
    background-color: transparent !important;
    text-decoration: none !important;
    border: medium none !important;
    font-size: 25px !important;
    overflow: hidden;
    list-style: none;
    line-height: 1.2em;
    margin-bottom: 0;
    margin-top: 0;
}
.ParagrapheArticle h2 {
    color: #6a6565 !important;
    font-family: 'dejavu_sanscondensed_bold', sans-serif;
    font-style: normal;
    background-color: transparent !important;
    text-decoration: none !important;
    border: medium none !important;
    font-size: 20px !important;
    overflow: hidden;
    list-style: none;
    line-height: 1.2em;
    margin-bottom: 0;
    margin-top: 0;
}
.ParagrapheArticle h3, .ParagrapheArticle h4, .ParagrapheArticle h5, .ParagrapheArticle h6, .ParagrapheArticle p, .ParagrapheArticle address, .ParagrapheArticle pre, .ParagrapheArticle ul, .ParagrapheArticle ol, .ParagrapheArticle li
{
    color            : #6a6565 !important;
    font-family      : 'dejavu_sanscondensed', sans-serif;
    font-style       : normal;
    background-color : transparent !important;
    text-decoration  : none !important;
    border           : medium none !important;
    font-size        : 14px !important;
    overflow         : hidden;
    list-style       : none;
    text-align       : justify;
    line-height      : 1.42857;
    margin-bottom    : 0;
    margin-top       : 0;
    padding          : 0;
}

.ParagrapheArticle img
{
    display        : block;
    height         : auto;
    margin         : 5% auto;
    vertical-align : middle;
    border-radius  : 8px;
    box-shadow     : 0 2px 6px -3px grey;
}

.ParagrapheArticle a
{
    font-weight : 100;
    color       : #6b6868;
}

.ParagrapheArticle span
{
    background-color : transparent !important;
    font-family      : 'dejavu_sanscondensed', sans-serif !important;
    font-style       : normal;
    font-size        : 14px !important;
}

.sousAccrocheIcons h1, .sousAccrocheIcons h2, .sousAccrocheIcons h3, .sousAccrocheIcons h4, .sousAccrocheIcons h5, .sousAccrocheIcons h6, .sousAccrocheIcons p, .sousAccrocheIcons h2, .sousAccrocheIcons h3, .sousAccrocheIcons h4, .sousAccrocheIcons h5, .sousAccrocheIcons h6, .sousAccrocheIcons p, .sousAccrocheIcons address, .sousAccrocheIcons pre, .sousAccrocheIcons ul, .sousAccrocheIcons ol, .sousAccrocheIcons li, .sousAccrocheIcons a, .sousAccrocheIcons span, .sousAccrocheIcons em
{
    color                   : #6a6565 !important;
    font-family             : 'dejavu_sanscondensed', sans-serif;
    font-style              : normal;
    font-weight             : normal;
    background-color        : transparent !important;
    border                  : medium none !important;
    text-decoration         : none !important;
    text-transform          : normal;
    text-align              : center;
    list-style              : none;
    overflow                : hidden;
    font-weight             : 100;
    font-size               : 14px !important;
    line-height             : 1.42857;
    margin-bottom           : 0;
    margin-top              : 0;
    padding                 : 0;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
}

.sousTitre h1, .sousTitre h2, .sousTitre h3, .sousTitre h4, .sousTitre h5, .sousTitre h6, .sousTitre p, .sousTitre address, .sousTitre pre, .sousTitre ul, .sousTitre ol, .sousTitre li, .sousTitre em, .sousTitre span
{
    color            : #641a1a !important;
    font-family      : 'dejavu_sanscondensed', sans-serif;
    font-style       : normal;
    font-weight      : normal;
    background-color : transparent !important;
    text-decoration  : none !important;
    border           : medium none !important;
    font-size        : 14px !important;
    list-style       : none;
    text-align       : center;
    text-transform   : none;
    line-height      : 1.42857;
    margin-bottom    : 0;
    margin-top       : 0;
    padding          : 0;
}

.sousTitre a, .sousTitre strong, .sousTitre p em, .sousTitre p span
{
    font-weight : 100;
    color       : #641a1a;
}


/* Icones reseaux sociaux */

.socialMarge
{
    float       : right;
    margin-left : 3%;
}

#reseaux_sociaux
{
    margin-bottom : 2%;
}

#reseaux_sociaux .ie_SocialNetwork li
{
    display : inline-block;
}

.article-footer .youtube
{
    padding : 4px 8px;
}

.article-footer .twitter
{
    padding : 6px 8px;
}

.article-footer .facebook
{
    padding : 6px 10px;
}

.article-footer .socialMarge
{
    padding-top : 2%;
}

.facebook:hover, .twitter:hover, .youtube:hover
{
    -webkit-transform : rotate(360deg);
    -moz-transform    : rotate(360deg);
    -o-transform      : rotate(360deg);
    text-decoration   : none;
    color             : #ffffff;
}

.facebook:focus, .twitter:focus, .youtube:focus
{
    color : #ffffff;
}

.facebook:hover
{
    background-color : #567dbb;
}

.twitter:hover
{
    background-color : #7dceef;
}

.youtube:hover
{
    background-color : #e6624f;
    text-decoration  : none;
}


/*-------------------------------------------------------------------------------------------------- FOOTER --------------------------------------------------------------------------------------------------*/

.FooterCentre
{
    text-align : center;
    color      : #6c6c6c;
}

.menu-admin
{
    text-align : center;
    margin-top : -15px;
}

.menu-footer
{
    text-align : center;
}

.footerarr
{
    text-align    : center;
    margin-top    : -59px;
    margin-bottom : 20px;
}

.footerarr i
{
    color     : #ffffff;
    font-size : 60px;
}

.footer
{
    color                   : #888888;
    background-color        : #3e3e3e;
    margin-top              : -18px;
    padding-top             : 30px;
    padding-bottom          : 30px;
    font-size               : 13px;
    line-height             : 25px;
    -webkit-background-size : cover !Important;
    -moz-background-size    : cover !Important;
    -o-background-size      : cover !Important;
    background-size         : cover !Important;
}

.footerbrand
{
    font-family    : Pacifico;
    font-size      : 30px !Important;
    font-weight    : 300 !Important;
    text-transform : none !Important;
    margin-bottom  : 20px !important;
    border-bottom  : 0px !Important;
    letter-spacing : 1px;
    display        : block !Important;
    color          : #ffffff !important;
}

.footerbrand i
{
    color     : #555555;
    font-size : 15px;
}

.footer h1
{
    font-size     : 18px;
    color         : #ffffff;
    text-align    : left;
    display       : inline-block;
    font-weight   : 700;
    margin-bottom : 25px;
    margin-top    : 0;
}

.footer hr
{
    border-top    : 1px solid #494949;
    margin-bottom : 25px;
}

.footer ul.social-icons
{
    list-style  : none;
    margin-left : 0px;
    margin-top  : 25px;
}

.footer .socialIcons
{
    padding-top : 12%;
    list-style  : none outside none;
}

.footer .btn
{
    background  : #333333;
    text-shadow : none;
    padding     : 6px 12px;
    font-size   : 13px;
    color       : #888888;
}

ul.footermenu
{
    list-style : none;
}

.siteMenu
{
    margin-top    : 25px;
    margin-bottom : 10px;
}

.groupe
{
    margin-bottom : 0;
    margin-top    : 5px;
}

ul.footermenu li
{
    margin-left    : 8px;
    margin-right   : 8px;
    text-transform : uppercase;
    display        : inline-block;
}

ul.footermenu li a
{
    font-family        : 'dejavu_sanscondensed_bold';
    -webkit-transition : all 0.5s ease-in-out;
    -moz-transition    : all 0.5s ease-in-out;
    -o-transition      : all 0.5s ease-in-out;
    -ms-transition     : all 0.5s ease-in-out;
    transition         : all 0.5s ease-in-out;
    color              : #6c6c6c;
    font-size          : 11px;
    text-decoration    : none;
}

ul.footermenu li a:hover
{
    color : #ffffff;
}

ul.groupe li a
{
    color : #6c6c6c;
}

ul.groupe li a:hover
{
    color : #ffffff;
}

.footermenu li:before
{
    color        : #6c6c6c;
    display      : inline-block;
    margin-right : 7px;
}

.footermenu li:nth-child(1):before
{
    display : none;
}

.footermenu_Marge
{
    margin-top : 1%;
}

.footer .titlearrow
{
    font-size  : 30px;
    color      : #444444;
    background : #373737;;
}

.footer .wraptitle
{
    margin-bottom : 10px;
    text-align    : left;
}

.footer .form-control
{
    color            : #fefefe;
    background-color : #8e9195;
    border           : 1px solid #ffffff;
}

.done
{
    display : none;
}

.error input, input.error, .error textarea, textarea.error
{
    background-color   : #ffffff;
    border             : 1px solid red !Important;
    -webkit-transition : border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition    : border linear 0.2s, box-shadow linear 0.2s;
    -o-transition      : border linear 0.2s, box-shadow linear 0.2s;
    transition         : border linear 0.2s, box-shadow linear 0.2s;
}


a:hover > span > i, a:focus > span > i
{
    background-color : transparent;
}

.footer-color-control
{
    background-color : #2b2b2b;
}

div .adressFooter > p
{
    font-size     : 11px;
    margin-bottom : 0;
}

div.menu-footer > img
{
    margin-left  : auto;
    margin-right : auto;
    width        : 40%;
}

.ccm-search-block-form .glyphicon-search
{
    color         : #7e8185;
    font-size     : 20px;
    opacity       : 0.7;
    padding-right : 2%;
    float         : right;
    margin-top    : -10.5%;
}

.form-footer-control
{
    background-color      : rgba(255, 255, 255, 0.08);
    border                : 1px solid rgba(255, 255, 255, 0.15);
    border-radius         : 2px;
    -webkit-border-radius : 2px;
    -moz-border-radius    : 2px;
    height                : 34px;
    padding-left          : 5%;
    transition            : border-color 0.15s ease-in-out 0s;
    width                 : 100%;
}

.form-footer-control:focus
{
    border-color : #ffffff;
    outline      : 0;
}

.form-footer-control::-moz-placeholder
{
    color   : #b2b2b2;
    opacity : 1;
}

.form-footer-control:-ms-input-placeholder, .form-footer-control::-webkit-input-placeholder
{
    color : #b2b2b2;
}

/*---- Barre Cookies ----*/

#LayerCookies .btn, #LayerCookies .btn_cookies, #LayerCookies .btn_cookies_off {
    color: #ffffff;
    text-shadow    : none;
    box-shadow     : none;
    font-family    : "dejavu_sanscondensed", sans-serif;
    border: none;
    height: 40px;
    border-radius: 4px;
    padding: 0% 2% 0% 2%;
    text-transform: uppercase;
}
.alert-info
{
    background-color: #3e3e3e;
    color    : #f9f9f9;
    position : fixed;
    z-index  : 5;
    bottom   : 0;
    right    : 0;
    left     : 0;
    padding  : 2%;
}



/*---- Btn home & retour accueil ----*/

.article-footer
{
    margin-top     : 5%;
    padding-bottom : 5%;
}

.marge-etab-footer .article-footer
{
    margin-top : 6%;
}

#InfosPratiques .article-footer
{
    margin-bottom : 0.5%;
    margin-top    : 2%;
}

.position-retour-bottom
{
    padding-top : 10px;
}

.position-retour-top-event
{
    padding-top : 2%;
}

.texteBackToHome-bottom, .texteBackToHome-top
{
    color              : #999999;
    padding-left       : 5px;
    -webkit-transition : all 0.3s ease-in-out;
    -moz-transition    : 0.3s ease-in-out;
    -o-transition      : all 0.3s ease-in-out;
    -ms-transition     : all 0.3s ease-in-out;
    transition         : all 0.3s ease-in-out;
}

.position-titre-article
{
    padding-top    : 1%;
    padding-bottom : 1%;
}

ul, ol {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}
.texteBackToHome-bottom
{
    float : left;
}

.texteBackToHome-top
{
    float : left;
}

.texteBackToHome-top:hover
{
    padding-left : 0;
}

.texteBackToHome-bottom:hover
{
    padding-left : 0;
}

.texteArticleRestau .texteBackToHome
{
    margin-top : -11%;
}

.texteArticleRestau #BackToHome
{
    padding-left : 3%;
}

/*-------------------------------------------------------------------------------------------------- MEDIAS QUERIES --------------------------------------------------------------------------------------------------*/


@media (min-width : 1500px)
{

    .alert-info
    {
        padding : 1%;
    }
}
@media (max-width : 1494px)
{

    .refJeuL > i
    {
        margin-left : -250px;
    }

    .refJeuR > i
    {
        float        : right;
        margin-right : -250px;
    }
}

@media (min-width : 1200px)
{
    .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left
    {
        left : -140%;
    }
    .blocSeminaires .btn_infoslide
    {
        padding-top : 2%;
    }

    .blocCasino .btn_infoslide
    {
        padding-top : 1.5%;
    }

    .blocRestaurant .btn_infoslide
    {
        padding-top : 3%;
    }

    .blocHotel .btn_infoslide
    {
        padding-top : 3%;
    }

    .ccm-search-block-form .glyphicon-search
    {
        margin-top : -9.5%;
    }
}
@media (max-width : 1199px)
{
    .navbar-brand > img
    {
        height     : 116px;
        margin-top : -26px;
    }

    #Searchbar_topbar
    {
        margin-top : 2%;
    }
    .blocHotel .btn_infoslide
    {
        padding-top : 3%;
    }

    .blocSeminaires .btn_infoslide
    {
        padding-top : 4%;
    }

    .blocCasino .btn_infoslide
    {
        padding-top : 3%;
    }

    .blocRestaurant .btn_infoslide
    {
        padding-top : 4%;
    }

    .blocRappelOpeTxt
    {
        float   : left;
        padding : 10px;
        width   : 66%;
    }

}
@media (max-width : 991px)
{
    .TitreArticle h1
    {
        font-size : 26px !important;
    }

    .navbar-form
    {
        display : none;
    }

    ul.footermenu
    {
        margin-top : 2%;
    }

    .siteMenu
    {
        margin-bottom : 2%;
    }

    .adictelFooter a
    {
        padding-right : 0%;
    }

    .FooterCentre
    {
        display : none;
    }
    #LayerCookies .btn
    {
        padding : 0.8%;
        width   : 14%;
    }
    .carousel-indicators
    {
        height : 20px;
        top    : 83%;
    }

    .blocSeminaires .btn_infoslide
    {
        padding-top : 3%;
    }

    .blocRestaurant .btn_infoslide
    {
        padding-top : 5%;
    }

    .blocHotel .btn_infoslide
    {
        padding-top : 5%;
    }

    .blocRestaurant .btn_infoslide, .blocSeminaires .btn_infoslide, .blocHotel .btn_infoslide
    {
        margin-left : 0;
        width       : 100%;
    }

    .ccm-search-block-form .glyphicon-search
    {
        margin-top : -14.5%;
    }

    .blocRappelOpeTxt
    {
        width : 55%;
    }

    .blocRappelOpe h3
    {
        font-size : 13px;
    }

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

    .blocRappelOpe h4
    {
        font-size : 14px;
    }
}
@media (max-width : 960px)
{
    .blocRubrique h1
    {
        font-size : 20px;
    }
}
@media (max-width : 768px)
{
    .calageHome .blocRubrique {
        padding-top : 40px;
    }
    .Texte_blocHotel .ParagrapheArticle
    {
        margin-bottom : 50px;
    }
}
@media (max-width : 767px)
{
    .StyleIconEventLast
    {
        font-size   : 26px;
        padding-top : 0;
    }
    .calageHome
    {
        margin-top : 0%;
    }

    .menu_site .refJeuL > i, .menu_site .refJeuR i
    {
        font-size   : 6.5em;
        height      : 50px;
        margin-top  : 0;
        margin-left : 0;
        transition  : all 0.3s ease-in-out 0s;
    }

    .slide-CU-background
    {
        margin-top : 12px;
    }

    .SSTitreArticle h1, .SSTitreArticle h2, .SSTitreArticle h3, .SSTitreArticle h4, .SSTitreArticle h5, .SSTitreArticle h6, .SSTitreArticle p, .SSTitreArticle address, .SSTitreArticle pre, .SSTitreArticle ul, .SSTitreArticle ol, .SSTitreArticle li, .SSTitreArticle em
    {
        font-size : 14px !important;
    }

    .BlocTexte .contenuBlocTexte
    {
        color            : #ffffff;
        background-color : rgba(0, 0, 0, 0.45);
        border-radius    : 0 0 5px 5px;
        font-family      : 'dejavu_sanscondensed_bold';
        font-size        : 15px;
        margin           : 0 auto 2%;
        padding          : 3%;
        width            : 80%;
    }

    .BlocTexte h1
    {
        font-size : 13px;
        width     : 80%;
    }

    .BlocTexte
    {
        margin      : auto;
        padding-top : 0%;
        width       : 100%;
    }

    #Accueil .carousel-control
    {
        top : 0%;
    }

    #Accueil .carousel-indicators
    {
        top : 94%;
    }

    .article-entry
    {
        margin-bottom : 5%;
    }

    .blocCasino .btn_infoslide
    {
        width       : 100%;
        margin-left : 0%;
        padding-top : 2%;
    }

    .blocHotel .btn_infoslide
    {
        padding-top : 2%;
        margin-top  : 5%;
    }

    .blocSeminaires .btn_infoslide
    {
        padding-top : 2.5%;
    }

    .blocRestaurant .btn_infoslide
    {
        padding-top : 2.5%;
    }

    .blocRappelOpeTxt
    {
        width : 73%;
    }

    #articles-index
    {
        padding-left  : 10%;
        padding-right : 10%;
    }

    .article-preview
    {
        padding-right : 0;
    }

    .blocRappelOpe h4
    {
        font-size : 16px;
    }

    .blocRappelOpe h3
    {
        font-size : 16px;
    }

    .blocRappelOpe p
    {
        font-size : 14px;
    }

    .navbar-groupe .navbar-nav > .MenuGroupeTop > a, .navbar-groupe .navbar-nav > .MenuGroupeTop > a:hover, .navbar-groupe .navbar-nav > .MenuGroupeTop > a:focus
    {
        font-size  : 0.7em;
        margin-top : 0%;
    }

    .MenuGroupeTop i
    {
        display : none;
    }

    .search_nav_top
    {
        list-style    : none outside none;
        padding-right : 0;
        padding-left  : 0;
        padding-top   : 0;
        display       : none;
    }

    #menu-site-collapse li i
    {
        display       : inline;
        float         : left;
        padding-right : 5%;
        font-size     : 1.8em;
    }

    #menu-site-collapse li .menutexte
    {
        text-align  : left;
        margin-left : 30px;
        font-size   : 1.9em;
    }

    #menu-site-collapse .nav .active a, #menu-site-collapse .nav .active i
    {
        color : #f9f9f9;
    }

    .navbar-brand, .navbar-nav > li > a
    {
        transition  : none;
        text-shadow : none;
        color       : #f9f9f9;
        font-size   : 0.85em;
        text-align  : left;
    }

    .navbar-nav > li > a
    {
        line-height : 2.1em;
        color       : #f9f9f9;
    }

    .nav > li a:hover, nav > li > a:focus
    {
        color : #f9f9f9;
    }

    .nav > li a:hover, nav > li > a:focus
    {
        color : #f9f9f9;
    }

    .navbar-groupe
    {
        height     : 101px;
        margin-top : 0;
    }

    .SousmenuTopbar
    {
        display : none;
    }
    .refJeuL > i
    {
        margin-left : 0;
        font-size   : 6.5em;
    }

    .navbar-site
    {
        background : none;
    }

    .full-home-carousel
    {
        margin-top : 0;
    }

    .navbar-toggle
    {
        border-color       : transparent !important;
        box-shadow         : none;
        -moz-box-shadow    : none;
        -webkit-box-shadow : none;
    }

    .navbar-toggle:hover
    {
        background-color      : transparent !important;
        border-radius         : 0;
        -moz-border-radius    : 0;
        -webkit-border-radius : 0;
        text-decoration       : none;
        box-shadow            : none;
        -moz-box-shadow       : none;
        -webkit-box-shadow    : none;
    }

    .navbar-collapse.in
    {
    }

    .fa-bars-custom
    {
        color      : #ffffff;
        font-size  : 4em;
        margin-top : 20%;
    }

    #evenements
    {
        margin : 20px 12px 50px 10px;
    }

    #view_evt
    {
        display : none;
    }

    .formePage
    {
        padding-top : 0;
        box-shadow  : none;
    }

    .blocRestaurant .btn_infoslide, .blocSeminaires .btn_infoslide, .blocHotel .btn_infoslide
    {
        width       : 100%;
        padding-top : 2%;
    }

    .blocHotel, .blocRestaurant, .blocSeminaires
    {
        padding : 30px 20px 40px;
    }

    .blocCasino
    {
        padding : 20px 20px 40px;
    }

    .blocCasino a, .blocRestaurant a, .blocSeminaires a, .blocHotel a
    {
        font-size : 1em;
    }

    .blocRestaurant img, .blocSeminaires img, .blocHotel img
    {
        border-radius         : 8px;
        -webkit-border-radius : 8px;
        -moz-border-radius    : 8px;
        box-shadow            : 0 2px 6px -3px grey;
        -moz-box-shadow       : 0 2px 6px -3px grey;
        -webkit-box-shadow    : 0 2px 6px -3px grey;
        margin-left           : auto;
        margin-right          : auto;
        display               : block;
    }

    .TitreBlocs
    {
        margin-left  : auto;
        margin-right : auto;
        margin-top   : 3%;
        text-align   : center;
        width        : 80%;
    }

    .blocRestaurant article-title, .blocSeminaires article-title, .blocHotel article-title
    {
        margin-left           : 121px;
        max-width             : 447px;
        border-radius         : 8px;
        -moz-border-radius    : 8px;
        -webkit-border-radius : 8px;
        box-shadow            : 0 2px 6px -3px grey;
        -moz-box-shadow       : 0 2px 6px -3px grey;
        -webkit-box-shadow    : 0 2px 6px -3px grey;
        margin-bottom         : 10px;
    }

    .article-preview
    {
        font-size     : 16px;
        line-height   : 25px;
        text-align    : justify;
        margin-left   : auto;
        margin-right  : auto;
        margin-bottom : 25px;
    }

    .ParagrapheArticle
    {
        padding-top : 10%;
    }

    .adressFooter, .StyleFooter, .siteTest, .footer #searchform
    {
        display : none !important;
    }

    .adictelFooter
    {
        margin-right : 44%;
        margin-top   : -5%;
    }

    ul.groupe li a
    {
        color : #6c6c6c;
    }

    .siteMenu
    {
        margin-bottom : 0;
    }
}

@media (max-width : 620px)
{
    .BlocTexte h1
    {
        font-size : 14px;
    }

    .BlocTexte .contenuBlocTexte
    {
        font-size : 14px;
    }

    .blocHotel .btn_infoslide
    {
        padding-top : 3%;
    }

    .blocSeminaires .btn_infoslide
    {
        padding-top : 3.5%;
    }

    .blocCasino .btn_infoslide
    {
        padding-top : 3%;
    }

    .blocRestaurant .btn_infoslide
    {
        padding-top : 3.5%;
    }

    .text_right_gains p
    {
        line-height : 1.8;
    }
}
@media (max-width : 550px)
{

    #LayerCookies .btn
    {
        padding       : 2%;
        width         : 100%;
        margin-bottom : 2%;
    }
}
@media (max-width : 486px)
{

    .blocRappelOpeTxt
    {
        width : 64%;
    }

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

@media (max-width : 450px)
{

    .calageHome
    {
        margin-top : -23%;
    }

    .adictelFooter
    {
        margin-right : 34%;
        margin-top   : -15%;
    }

    .BlocTexte h1
    {
        font-size : 12px;
    }

    #Accueil .carousel-indicators
    {
        display : none;
    }

    .blocHotel .btn_infoslide
    {
        padding-top : 4%;
    }

    .blocSeminaires .btn_infoslide
    {
        padding-top : 5%;
    }

    .blocCasino .btn_infoslide
    {
        padding-top : 4%;
        width       : 100%;
        margin-left : 0;
    }

    .blocRestaurant .btn_infoslide
    {
        padding-top : 5.5%;
    }
}

@media (max-width : 357px)
{

    .blocRappelOpeTxt
    {
        width : 53%;
    }
}

@media (max-width : 320px) {
    .navbar-brand, .navbar-nav > li > a
    {
        font-size : 14px !important;
    }

    .IconstyleHeader
    {
        font-size : 1.8em;
    }

    .navbar-nav > li > a
    {
        line-height : 31px !important;
    }

    .slide-CU-background
    {
        height : 780px;
    }

    .icon-evenements
    {
        font-size : 43px;
    }

    .BlocTexte h1
    {
        font-size : 12px;
        width     : 100%;
    }

    .BlocTexte .contenuBlocTexte
    {
        width : 100%;
    }

    .BlocTexte .btn-carousel
    {
        width : 100%;
    }

    .slide-CU-container #block_mainGagnante_Casino
    {
        width : 100%;
    }

    .carousel .block1_infoslide
    {
        width      : 100%;
        margin-top : 10%;
    }

    .ie_telephone
    {
        font-size   : 21px;
        line-height : 21px;
    }

    .ie_adress
    {
        font-size : 17px;
    }

    .evenementHBlock
    {
        margin-left : 26px;
        width       : 84%;
    }

    .evenementBlock
    {
        margin-left : 26px;
        width       : 84.5%;
    }

    .evenementHBlock a
    {
        height : 147px;
    }

    #texte h3
    {
        width : 98%;
    }

    #texte h3 span
    {
        font-size : 12px;
    }

    #texte h3 a
    {
        font-size : 15px;
        width     : 94%;
    }

    #textehg h3 a, #textehg h3 span
    {
        font-size : 15px;
    }

    #textehg h3 i
    {
        display : none;
    }

    #texte p
    {
        display : none;
    }

    #textehg p
    {
        font-size : 14px;
        width     : 83%;
    }

    .TitreBlocs
    {
        font-size : 15px !important;
    }

    .article-title h4
    {
        font-size    : 21px !important;
        padding-left : 0;
    }

    .blocCasino a, .blocRestaurant a, .blocSeminaires a, .blocHotel a
    {
        font-size : 17px !important;
    }

    .blocRestaurant img, .blocSeminaires img, .blocHotel img
    {
        margin-left : 0;
        width       : 100%;
    }

    .article-entry
    {
        margin-left  : auto;
        margin-right : auto;
        width        : 98%;
    }

    .article-preview
    {
        font-size : 14px;
    }

    .blocCasino .btn_infoslide
    {
        height : 68px;
    }

    div.menu-footer > img
    {
        width : 80%;
    }

    ul.footermenu
    {
        padding-left : 0 !important;
    }
}


/*---- Bloc Bienvenue Slider ----*/

.BlocTexte i
{
    margin-right : 8px;
    cursor       : default;
}


.StyleIconEvent
{
    color        : #cccccc;
    font-size    : 55px;
    float        : left;
    margin-right : 8px;
    padding-top  : 4px;
    cursor       : default;
}

.StyleIconArticle
{
    color        : #cccccc;
    float        : left;
    font-size    : 55px;
    margin-right : 8px;
    cursor       : default;
}

.navbar-default .navbar-nav > li > a
{
    color : #b5b5b5;
}

.navbar-default .navbar-nav > .active > a
{
    background-image  : none;
    background-repeat : no-repeat;
    box-shadow        : none;
}

/*
.falsemegapot
{
    background : url(../images/home/falsemegapot.png) no-repeat;
    height     : 432px;
    width      : auto;
    margin-top : 50px;
}
*/

.imageArticle p
{
    margin : 0;
}

.block1_infoslide a:hover > span > i, .block1_infoslide a:focus > span > i
{
    color : #ffffff;
}


.col-xs-10 .col-sm-10 .col-lg-10
{
    padding-left  : 0;
    padding-right : 0;
}

.article-entry-divider
{
    margin-top : 50px;
}

.falsemegapot
{
    margin-left : 100px;
}

#textehg h3 span
{
    font-family : 'dejavu_sanscondensed_bold', sans-serif;
}

#texte h3 span
{
    font-family : 'dejavu_sanscondensed_bold', sans-serif;
    margin      : -22px 0 0 45px;
}

#texte h3 a
{
    margin    : 8px 0 0 5px;
    font-size : 14px;
}

#texte h3 i
{
    margin-top : 7px;
}

#texte h3
{
    margin : 5px 2px 7px;
}

@media (min-width : 805px)
{
    .carousel .slide-CU-blockRight
    {
        margin-top : 0.7%;
    }
}

@media (max-width : 991px)
{
    .blocRubrique h1
    {
        font-size : 20px;
    }

    .blocAccroche.col-sm-2
    {
        padding-left : 0;
    }
}

@media (min-width : 992px)
{
    .carousel .slide-CU-blockRight
    {
        margin-top : 4%;
        right      : 4%;
    }
}

@media (min-width : 1200px)
{

    .carousel .slide-CU-blockRight
    {
        right : -0.7%;
    }

    .falsemegapot
    {
        margin-left : 200px;
    }
}

@media (min-width : 1320px) {
    .carousel .slide-CU-blockRight {
        margin-top : 2%;
    }
}

@media (max-width : 450px) {
    .contenuBlocTexte p {
        font-size : 10px;
    }
}

.formulaire label
{
    color      : #6a6565;
    margin-top : 10px;
}

.texteArticle #reseaux_sociaux
{
    margin-top    : 0;
    margin-bottom : 0;
}

.tri_recherche .form-control
{
    color         : #a9a9ab;
    margin-bottom : 10%;
}

.carousel-inner img
{
    padding-top : 200px;
}

.partage
{
    color         : #999999;
    padding-top   : 3%;
    padding-right : 3%;
}

input[disabled]
{
    opacity : 0.4;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------- GROUPE PARTOUCHE --------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Page LE GROUPE */

.formatPageGRP {
    padding-bottom: 45px;
}
.blocPage img {
    max-height: 100%;
    cursor: pointer;
    opacity: 1;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    width: 100%

}
.blocHisto {
    background-color : #e8eaeb;
    margin-bottom: 2%;
}
.blocHisto p {
    margin: -5px 0 0 10px;

}
.blocConseil {
    background-color : #e8eaeb;
    display: table;
    width: 100%;

}
.blocConseil p {
    margin: -5px 0 0 10px;

}
.blocConseil p.nom {
    text-transform: uppercase;
    line-height: 14px;
    padding-bottom: 6px;
    padding-top: 6px;

}

.blocDirectoire {
    margin: 0 0 0 12px;
}
.blocDirectoire p {
    margin: -5px 0 0 10px;

}
.blocDirectoire p.nom {
    text-transform: uppercase;
    line-height: 14px;
    padding-bottom: 6px;
    padding-top: 6px;

}

.barreTitre {
    margin: 0;
    font-size: 18px;
    color: #ffffff;
    background-color: #35383c;
    text-align: left;
    padding: 1% 4%;
    font-family: 'dejavu_sanscondensed_bold', sans-serif;
}

.blocHisto .ligneHisto {
    margin-top: 3px;
    height: 24px;
    width: 98%;
    display: table;
}
.blocHisto .ligneHisto p {
    background-color: #f4f5f5;
    padding: 12px;
    font-family: "dejavu_sanscondensed", sans-serif;
    font-size: 12px;
    color: #35383c;
    margin: 0 0 -15px 51px;

}
.blocPage .ligneConseil {
    background-color: #f4f5f5;
    padding: 8px;
    font-family: "dejavu_sanscondensed", sans-serif;
    color: #35383c;
    float:left;
    margin: 1px;
}
.blocPage .coldroite {
    width: 49%;
}
.blocPage .textHisto p {
    display: table;
    background-color: #ffffff;
    font-size        : 0.95em;
    margin-top: 15px;
    margin-bottom: 5px;
}
.blocPage .refJeuR i {
    color: #666;
    font-size: 10em;
    height: 100%;
    overflow: hidden;
}
.Vmarges {
    margin-top: 20px;
    margin-bottom: 20px;
}
.rowDirectoire {
    padding : 20px 15px 20px 15px;
    background-color: #e8eaeb;
}

/***** Calages Home & Articles *****/

.splashArticle {
    margin-top: 9em;
    max-height: 600px;
}
.splashArticle img {
    width: 100%;
}
.calageArticle h1
{
    font-family: "dejavu_sanscondensed_bold", sans-serif;
    font-size: 24px;
    color: #222222;
    text-align: center;
    text-transform: uppercase;
    margin-top: 4%;
}
.calageArticle h2
{
    font-family: "dejavu_sanscondensed", sans-serif;
    font-size: 18px;
    color: #222222;
    text-align: center;
    margin-bottom: 2%;
}
.texteArticle .btn-primary
{
    border         : 0 none;
    font-size      : 16px;
    font-weight    : bold;
    height         : 48px;
    margin-top     : 10%;
    margin-bottom  : 10%;
    padding-top    : 2%;
    text-shadow    : none;
    text-transform : uppercase;
    outline-style  : none;
}
.btn-primary
{
    border         : 0 none;
    font-size      : 16px;
    font-weight    : bold;
    height         : 48px;
    margin-top     : 10%;
    margin-bottom  : 10%;
    padding-top    : 6%;
    text-shadow    : none;
    text-transform : uppercase;
    outline-style  : none;

}
.calageHome .marketing .blocRubrique {
    padding-top: 3%;
}
.calageHome .marketing .blocAccroche {
    /*padding-top: 2%;*/
}
.slideshowitem {
    width: 100%;
    height: 600px;
    max-height: 600px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

#Accueil .slideshowitem {
    top: 155px;
}
.formePage {
    background-color: #ffffff;
    padding-bottom: 45px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
.coulArticle
{
    background-color: #f4f4f4;
}
.TitreBlocs
{
    color          : #6b6868;
    font-family    : 'dejavu_sanscondensed_bold';
    font-size      : 1.3em;
    text-transform : uppercase;
    margin-bottom  : 4%;
}
.blocRubrique h1
{
    font-family : "EurostileLT", sans-serif;
    font-weight : bold;
    font-size   : 26px;
    /*margin-top  : -17%;*/
}
.calageHome .blocRubrique {
    padding-top : 180px;
}


/* Pages Articles Groupe P */

.coulArticleGRP .position-titre-articleGRP .SSTitreArticle {
    margin-bottom: 2%;
}
.coulArticleGRP .position-titre-articleGRP .pictoArticle .StyleIconEvent {
    float: left;
    font-size: 42px;
    margin-right: 0;
    padding-top: 7px;
    cursor: default;
}
.coulArticleGRP .position-titre-articleGRP .pictoArticle .icon-news {
    font-size: 35px;
}

.coulArticleGRP .position-titre-articleGRP .pictoArticle {
    margin-right: 0;
}
.blocArticleGRP {
    margin-top: 2%;
    margin-bottom: 2%;
    max-height: 300px;
    overflow: hidden;
}
.coulArticleGRP .position-titre-articleGRP {
    padding-top: 1%;
    padding-bottom: 1%;
}
.calageArticleGRP .position-retour-top {
    padding-top: 1%;
}
.calageArticleGRP .AccrocheArticleGRP {
    font-size: 14px;
    text-align: justify;
    margin-bottom: 3%;
}
.calageArticleGRP .texteArticle {
    padding: 0% 7% 0% 5%;
}
.coulArticleGRP .blocArticleGRP .texteArticle p {
    font-size: 14px;
    text-align: justify;
    margin-bottom: 3%;
}
.coulArticleGRP .blocArticleGRP .texteArticle .StyleIconEvent {
    font-size: 25px;
    padding: 3% 1% 0% 4%;
}
.coulArticleGRP .blocArticleGRP .imageArticle img {
    cursor: pointer;
    opacity: 1;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
.coulArticleGRP .blocArticleGRP .imageArticle img:hover {
    opacity: 0.8;
}
.article-groupe .coulArticleGRP h1,.article-groupe .coulArticleGRP h2,.article-groupe .coulArticleGRP h3
{
    font-family: "dejavu_sanscondensed_bold", sans-serif;
    font-size: 20px;
}
.blocs2colonnes .imageArticle h3 {
    font-family: "dejavu_sanscondensed_bold", sans-serif;
    font-size: 18px;
    color: #ffffff;
    padding: 0.5%;
    margin: 0;
}
.blocs2colonnes .imageArticle h6 {
    text-align: center;
    font-family: "dejavu_sanscondensed_bold", sans-serif;
    font-size: 18px;
    padding: 1% 1% 1% 1%;
    color: #ffffff;
}
.blocs2colonnes .imageArticle .miniblock {
    width: inherit;
    background-color: #e8eaeb;
    margin: 0;
    padding: 2%;
    margin-top: -0.2%;
}
.blocs2colonnes .imageArticle .blocDirectoire .barreTitre h3 {
    padding: 2.2% 4%;
}
.blocHisto .ligneHisto .textHisto p {
    text-align: justify;
    padding: 10px 10px 25px 11px;
    font-size: 12px;
}



/***** Page Finances *****/

.calageArticle .Finances .position-titre-article h1 {
    text-align: left;
    font-family: 'dejavu_sanscondensed_bold', sans-serif;
    font-size: 30px !important;
    margin: 0;
}
.calageArticle .Finances .position-titre-article h2 {
    text-align: left;
    font-family: 'dejavu_sanscondensed', sans-serif;
    font-size: 18px !important;
    margin: 0;
}
#blocFinances {
    margin-bottom: 45px;
}
.menuFinances {
    text-decoration: none;
    margin: 0 0 1% 0;
}
.menuFinances > li {
    padding-right: 0;
    padding-left: 0;
}
.menuFinances a {
    font-size: 16px;
    font-family: 'dejavu_sanscondensed_bold', sans-serif;
    text-align: center;
    list-style: none;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
.menuFinances a:hover {
    text-decoration: none;
    padding-left: 5px;
}
.menuFinances .menubackground {
    height: 50px;
    margin-left: 1%;
    padding: 3.5% 0% 0% 5%;
}
.menuFinances .menubackground a .glyphicon-chevron-right {
    border-radius: 300px;
    padding: 2%;
}


/***** Bloc gains *****/

.block1_gains h1 {
    font-family: "dejavu_sanscondensed", sans-serif;
    font-size: 1em;
    margin-left: 35%;
    margin-top: 1.5%;
}
.block1_gains #top_red_gains i {
    font-size: 3em;
}
.block1_gains .text_left_gains p {
    font-size: 1em;
}
.block1_gains .text_right_gains p {
    font-size: 14px;
}


/***** Page Nos métiers *****/

.Nosmetiers .blocArticleGRP .imageArticle img {
    max-height: none;
}
.Nosmetiers .blocArticleGRP {
    max-height: 290px;
}
.Nosmetiers .position-titre-articleGRP .pictoArticle .StyleIconEvent {
    font-size: 45px;
}
.Nosmetiers .blocArticleGRP .texteArticle .StyleIconEvent {
    padding: 2.5% 0% 0% 0%;
}


/***** Page Finances *****/

.SearchPages .position-titre-articleGRP .TitreArticle h1 {
    text-align: center;
    padding-bottom: 3%;
}


/***** Footer *****/

.marge-logo-footer {
    margin-top: 15%;
}
.StyleFooter {
    font-size: 78px;
}
div .adressFooter > p {
    line-height: 20px;
}
.footer .twitter {
    padding: 3px 0px 0px 8px;
}
.footer .facebook {
    padding: 4px 4px 0px 10px;
}
.footer .youtube {
    padding: 2px 0px 0px 8px;
}


/***** Styles des AREAS *****/

.TitreArticle h1, .coulArticleGRP .position-titre-articleGRP .TitreArticle h1, .coulArticleGRP .position-titre-articleGRP .TitreArticle h2, .coulArticleGRP .position-titre-articleGRP .TitreArticle h3, .coulArticleGRP .position-titre-articleGRP .TitreArticle h4, .coulArticleGRP .position-titre-articleGRP .TitreArticle h5, .coulArticleGRP .position-titre-articleGRP .TitreArticle h6, .coulArticleGRP .position-titre-articleGRP .TitreArticle p, .coulArticleGRP .position-titre-articleGRP .TitreArticle span, .coulArticleGRP .position-titre-articleGRP .TitreArticle address, .coulArticleGRP .position-titre-articleGRP .TitreArticle pre, .coulArticleGRP .position-titre-articleGRP .TitreArticle ul, .coulArticleGRP .position-titre-articleGRP .TitreArticle ol, .coulArticleGRP .position-titre-articleGRP .TitreArticle li, .coulArticleGRP .position-titre-articleGRP .TitreArticle em {
    text-align: left;
    text-transform: uppercase;
    font-family      : 'dejavu_sanscondensed_bold', sans-serif;
    font-style       : normal;
    background-color : transparent !important;
    text-decoration  : none !important;
    border           : medium none !important;
    font-size        : 30px !important;
    overflow         : hidden;
    list-style       : none;
    line-height      : 1.2em;
    margin-bottom    : 0;
    margin-top       : 0;
}
.coulArticleGRP .position-titre-articleGRP .TitreArticle strong, .coulArticleGRP .position-titre-articleGRP .TitreArticle a {
    font-weight : 100;
}
.SSTitreArticle h2, .coulArticleGRP .position-titre-articleGRP .SSTitreArticle h1, .coulArticleGRP .position-titre-articleGRP .SSTitreArticle h2, .coulArticleGRP .position-titre-articleGRP .SSTitreArticle h3, .coulArticleGRP .position-titre-articleGRP .SSTitreArticle h4, .coulArticleGRP .position-titre-articleGRP .SSTitreArticle h5, .coulArticleGRP .position-titre-articleGRP .SSTitreArticle h6, .coulArticleGRP .position-titre-articleGRP .SSTitreArticle p, .coulArticleGRP .position-titre-articleGRP .SSTitreArticle span, .coulArticleGRP .position-titre-articleGRP .SSTitreArticle address, .coulArticleGRP .position-titre-articleGRP .SSTitreArticle pre, .coulArticleGRP .position-titre-articleGRP .SSTitreArticle ul, .coulArticleGRP .position-titre-articleGRP .SSTitreArticle ol, .coulArticleGRP .position-titre-articleGRP .SSTitreArticle li, .coulArticleGRP .position-titre-articleGRP .SSTitreArticle em {
    text-align: left;
    font-family      : 'dejavu_sanscondensed', sans-serif;
    font-style       : normal;
    background-color : transparent !important;
    text-decoration  : none !important;
    border           : medium none !important;
    font-size        : 18px !important;
    overflow         : hidden;
    list-style       : none;
    line-height      : 1.42857;
    margin-bottom    : 0;
    margin-top       : 0;
    padding          : 0;
}
.coulArticleGRP .position-titre-articleGRP .SSTitreArticle strong, .coulArticleGRP .position-titre-articleGRP .SSTitreArticle a
{
    font-weight : 100;
    color       : #6b6868;
}
.coulArticleGRP .blocArticleGRP .texteArticle h1, .coulArticleGRP .blocArticleGRP .texteArticle h2, .coulArticleGRP .blocArticleGRP .texteArticle h3, .coulArticleGRP .blocArticleGRP .texteArticle h4, .coulArticleGRP .blocArticleGRP .texteArticle h5, .coulArticleGRP .blocArticleGRP .texteArticle h6 {
    font-family: "dejavu_sanscondensed_bold", sans-serif;
    font-size: 20px !important;
    padding-top: 3%;
    padding-bottom: 3%;
    margin: 0;
}
.coulArticleGRP .position-titre-article .TitreArticle h1, .coulArticleGRP .position-titre-article .TitreArticle h2, .coulArticleGRP .position-titre-article .TitreArticle h3, .coulArticleGRP .position-titre-article .TitreArticle h4, .coulArticleGRP .position-titre-article .TitreArticle h5, .coulArticleGRP .position-titre-article .TitreArticle h6, .coulArticleGRP .position-titre-article .TitreArticle p, .coulArticleGRP .position-titre-article .TitreArticle span, .coulArticleGRP .position-titre-article .TitreArticle address, .coulArticleGRP .position-titre-article .TitreArticle pre, .coulArticleGRP .position-titre-article .TitreArticle ul, .coulArticleGRP .position-titre-article .TitreArticle ol, .coulArticleGRP .position-titre-article .TitreArticle li, .coulArticleGRP .position-titre-article .TitreArticle em {
    text-align: left;
    text-transform: uppercase;
    font-family      : 'dejavu_sanscondensed_bold', sans-serif;
    font-style       : normal;
    background-color : transparent !important;
    text-decoration  : none !important;
    border           : medium none !important;
    font-size        : 30px !important;
    overflow         : hidden;
    list-style       : none;
    line-height      : 1.2em;
    margin-bottom    : 0;
    margin-top       : 0;
}
.coulArticleGRP .position-titre-article .TitreArticle strong, .coulArticleGRP .position-titre-article .TitreArticle a {
    font-weight : 100;
}
.coulArticleGRP .position-titre-article .SSTitreArticle h1, .coulArticleGRP .position-titre-article .SSTitreArticle h2, .coulArticleGRP .position-titre-article .SSTitreArticle h3, .coulArticleGRP .position-titre-article .SSTitreArticle h4, .coulArticleGRP .position-titre-article .SSTitreArticle h5, .coulArticleGRP .position-titre-article .SSTitreArticle h6, .coulArticleGRP .position-titre-article .SSTitreArticle p, .coulArticleGRP .position-titre-article .SSTitreArticle span, .coulArticleGRP .position-titre-article .SSTitreArticle address, .coulArticleGRP .position-titre-article .SSTitreArticle pre, .coulArticleGRP .position-titre-article .SSTitreArticle ul, .coulArticleGRP .position-titre-article .SSTitreArticle ol, .coulArticleGRP .position-titre-article .SSTitreArticle li, .coulArticleGRP .position-titre-article .SSTitreArticle em {
    text-align: left;
    font-family      : 'dejavu_sanscondensed', sans-serif;
    font-style       : normal;
    background-color : transparent !important;
    text-decoration  : none !important;
    border           : medium none !important;
    font-size        : 18px !important;
    overflow         : hidden;
    list-style       : none;
    line-height      : 1.42857;
    margin-bottom    : 0;
    margin-top       : 0;
    padding          : 0;
}
.coulArticleGRP .position-titre-article .SSTitreArticle strong, .coulArticleGRP .position-titre-article .SSTitreArticle a {
    font-weight : 100;
}
/*.block_file_area .margeBtnTop .btn_infoslide {*/
    /*margin-top: 10%;*/
/*}*/
.block_file_area .margeBtnBot .btn_infoslide {
    margin-bottom: 15%;
}
.block_file_area .btn_infoslide {
    padding-top: 3%;
    margin: 2% 0;
}

/*-------------------------------------------------------------------------------------------------- MEDIAS QUERIES --------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------- MEDIAS QUERIES --------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------- MEDIAS QUERIES --------------------------------------------------------------------------------------------------*/



@media (min-width : 2300px) {
    .menuFinances .menubackground {
        padding: 2.5% 0% 0% 3%;
    }
}
@media (min-width : 1700px) {
    .calageArticle .Finances .position-titre-article h2 {
        margin-left: -5%;
    }
    .calageArticle .Finances .position-titre-article h1 {
        margin-left: -5%;
    }
}
@media (min-width : 1450px) {
    .splashArticle {
        /* margin-top: 2%;*/
    }
}
@media (min-width : 1200px) {
    .blocHisto .ligneHisto p {
        padding: 9px;
        font-size: 15px;
        margin: 0 0 0px 51px;
    }
}
@media (max-width : 1193px) and (min-width : 992px) {
    .blocPage .ligneConseil {
        min-height : 66px;
    }
}


@media (max-width : 2299px) {
    .menuFinances .menubackground {
        padding: 4% 0% 0% 5%;
    }
}
@media (max-width : 1700px) {
    .menuFinances .menubackground {
        padding: 5% 0% 0% 5%;
    }
    .menuFinances a {
        font-size: 14px;
    }
}
@media (max-width : 1450px) {
    .menuFinances .menubackground a .glyphicon-chevron-right {
        padding: 3%;
    }
}
@media (max-width: 1700px) {
    .menuFinances a {
        font-size: 12px;
    }
}
@media (max-width : 1199px) {
    .coulArticleGRP .position-titre-articleGRP .TitreArticle h1 {
        margin-left: 0;
        font-size: 25px !important;
    }
    .coulArticleGRP .position-titre-articleGRP .SSTitreArticle h2 {
        margin-left: 0;
        font-size: 14px !important;
    }
    .coulArticleGRP .position-titre-articleGRP .pictoArticle .StyleIconEvent {
        font-size: 42px;
        padding-top: 0;
    }
    .coulArticleGRP .position-titre-articleGRP .pictoArticle .icon-news {
        font-size: 30px;
        padding-top: 8px;
    }

    #Accueil .slideshowitem {
        /*top:190px;*/
    }

    .splashArticle {
        /*margin-top: 12em;*/
    }

}
@media (max-width : 991px) {
    .menuFinances .menubackground {
        margin-left: 0%;
        padding: 7% 0% 0% 9%;
    }
    .menuFinances li {
        margin-bottom: 2%;
    }
    .blocArticleGRP {
        max-height: 500px;
    }
    .calageArticleGRP .texteArticle {
        padding: 2% 4% 2% 4%;
    }
    .coulArticleGRP .blocArticleGRP .texteArticle h1 {
        padding-bottom: 0%;
    }
    .coulArticleGRP .blocArticleGRP .texteArticle .StyleIconEvent {
        padding-left: 3%;
    }
    .coulArticleGRP .blocArticleGRP .texteArticle p {
        font-size: 12px;
    }
    .Nosmetiers .blocArticleGRP {
        max-height: none;
    }
    .blocDirectoire {
        margin: 15px 0 0 0;
    }
    .marges-blocs-texte, .marges-blocs-visuels-article {
        margin-bottom: 5%;
    }
    .footer .socialIcons {
        padding-top: 2%;
    }
    .footer .navbar-right {
        float: right !important;
    }

    #Accueil .slideshowitem {
        top:145px;
    }

    .calageHome {
        /*margin-top : 2%;*/
        top: 125px;
    }

    .splashArticle {
        margin-top: 9em;
    }
}
@media (max-width : 767px) {
    .calageArticleGRP .texteArticle {
        padding: 2% 8% 2% 8%;
    }
    .menuFinances .menubackground {
        margin-left: 2%;
        padding: 2% 0% 0% 7%;
    }
    .coulArticleGRP .position-titre-articleGRP .pictoArticle .StyleIconEvent {
        font-size: 35px;
    }
    .coulArticleGRP .position-titre-articleGRP .pictoArticle .icon-news {
        font-size: 25px;
    }
    .blocPage .coldroite {
        width: 100%;
    }
    .blocHisto .ligneHisto p {
        overflow: hidden;
        -o-text-overflow: ellipsis; /* pour Opera 9 */
        text-overflow: ellipsis; /* pour le reste du monde */
    }
    .barreTitre {
        padding: 2% 4%;
    }
    .blocs2colonnes .imageArticle .blocDirectoire .barreTitre h3 {
        padding: 0.2% 4%;
    }
    .blocs2colonnes .imageArticle h6 {
        padding: 2% 1%;
    }
    .blocHisto .ligneHisto p {
        margin: 0 0 -15px 30px;
        padding: 1% 11% 1% 1%;
    }
    .blocHisto .ligneHisto {
        width: 100%;
        margin-top: 0;
    }

    #Accueil .slideshowitem {
        top:100px;
    }

    .calageHome {
        /*margin-top : 2%;*/
        top: 80px;
    }

    .splashArticle {
        margin-top: 5.5em;
    }
}
@media (max-width : 600px) {
    .menuFinances .menubackground {
        padding: 3% 0% 0% 5%;
    }
    .coulArticleGRP .position-titre-articleGRP .TitreArticle h1 {
        font-size: 20px !important;
    }
    .coulArticleGRP .position-titre-articleGRP .SSTitreArticle h2 {
        font-size: 11px !important;
    }
    .coulArticleGRP .position-titre-articleGRP .pictoArticle {
        margin-right: 5%;
    }
}
@media (max-width : 414px) {
    .blocHisto .ligneHisto .textHisto p {
        padding: 6% 3%;
        margin-top: 3%;
    }
    .blocs2colonnes .imageArticle h3, .blocs2colonnes .imageArticle h6 {
        font-size: 16px;
    }
    .blocs2colonnes .imageArticle h6 {
        padding: 3% 1%;
    }
    .menuFinances .menubackground {
        padding: 7% 0% 0% 5%;
    }
}
@media (max-width : 320px) {
    .blocs2colonnes .imageArticle h3, .blocs2colonnes .imageArticle h6 {
        font-size: 16px;
    }
    .coulArticleGRP .position-titre-articleGRP .pictoArticle .StyleIconEvent {
        font-size: 25px;
    }
    .coulArticleGRP .position-titre-articleGRP .TitreArticle h1 {
        font-size: 16px !important;
    }
    .SSTitreArticle h2, .coulArticleGRP .position-titre-articleGRP .SSTitreArticle h1, .coulArticleGRP .position-titre-articleGRP .SSTitreArticle h2, .coulArticleGRP .position-titre-articleGRP .SSTitreArticle h3, .coulArticleGRP .position-titre-articleGRP .SSTitreArticle h4, .coulArticleGRP .position-titre-articleGRP .SSTitreArticle h5, .coulArticleGRP .position-titre-articleGRP .SSTitreArticle h6, .coulArticleGRP .position-titre-articleGRP .SSTitreArticle p, .coulArticleGRP .position-titre-articleGRP .SSTitreArticle span, .coulArticleGRP .position-titre-articleGRP .SSTitreArticle address, .coulArticleGRP .position-titre-articleGRP .SSTitreArticle pre, .coulArticleGRP .position-titre-articleGRP .SSTitreArticle ul, .coulArticleGRP .position-titre-articleGRP .SSTitreArticle ol, .coulArticleGRP .position-titre-articleGRP .SSTitreArticle li, .coulArticleGRP .position-titre-articleGRP .SSTitreArticle em {
        font-size: 14px !important;
    }
}


.lastdocumentsblock .lastdocumentsblock_content .body .document-label-area .document-label-warp.document-highlight a
{
    color: red;
    font-size: 1.4em;
}

.highlighted-documents
{
    padding-top: 1em;
}

.highlighted-document
{
    padding: 0px;
    font-size: 1.4em;
}

.highlighted-document a
{
    color: red;

}