@font-face
{
    font-family: 'Raleway';
    src: url('../../fonts/Raleway-Regular.ttf');
}
@font-face
{
    font-family: 'Raleway';
    font-style: italic;
    src: url('../../fonts/Raleway-Italic.ttf');
}
@font-face
{
    font-family: 'Raleway';
    font-weight: bold;
    src: url('../../fonts/Raleway-Bold.ttf');
}
a:hover, a:focus
{
    text-decoration: none;
}

body
{
    font-family: 'Raleway', Times, serif;
    padding-right: 0px !important;
}
body.menu-display
{
    overflow: hidden;
}

#modalCookies
{
    position: fixed;
    width: 100%;
    bottom: 0;
    background-color: white;
    opacity: 0.95;
}

.modal
{
    padding: 0!important;
    text-align: center;
}

.modal:before
{
    content: '';
    display: inline-block;
    height: 100%;
    margin-right: -4px;
    vertical-align: middle;
}

.modal-dialog
{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}
.modal-backdrop
{
    background-color: #4084B5;
}

.table td, .table th
{
    vertical-align: inherit !important;
}

.menu-overlay
{
    display: none;
}
.menu-panel
{
    display: block;
    position: fixed;
    top: 0;
    left: -100%;
    bottom: 0;
    width: 325px;
    min-height: 675px;
    background-color: #164E81;
    overflow: auto;
    z-index: 9001;
    transition: 0.5s all;
}
.menu-display .menu-overlay
{
    position: fixed;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    background-color: rgba(0, 0, 0, 1);
    z-index: 9000;
}

.menu-display .menu-panel
{
    left: 0;
}

.menu
{
    margin: 60px 0 0 0;
    padding: 0 30px;
    list-style: none;
    text-align: center;
    color: white;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 3em;
}
.menu:after
{
    position: absolute;
    left: calc(50% - 20px);
    width: 40px;
    border-width: 0 0 3px 0;
    border-color: #E32259;
    border-style: solid;
    content: ' ';
}

.menu a
{
    color: white;
}
.menu .active:before
{
    position: absolute;
    left: 0;
    width: 3px;
    margin-top: 11px;
    border-width: 35px 0 0 0;
    border-color: #E32259;
    border-style: solid;
    content: ' ';
}
.menu .active a
{
    color: #E32259;
}
.menu a:hover
{
    color: #E32259;
}
.menu .submenu
{
    background: url('/img/icon-submenu.png') no-repeat right center;
}

.menu-panel footer
{
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 0.8em;
}

.header
{
    padding: 0;
    padding-top: 80px;
    margin: 0;
    background-color: #005081;
    color: white;
    font-size: 1.25em;
}
.header header
{
    margin: 0;
    padding: 20px 75px;
    background-color: #005081;
    color: white;
}

.header footer
{
    position: relative;
    padding: 20px 75px;
    border-top: 1px solid white;
}

h1.slogan
{
    display: inline;
    font-size: 20px;
}

.button-menu
{
    margin-right: 25px;
    font-size: 0.75em;
    color: white;
    cursor: pointer;
}
.button-menu:hover
{
    color: #E32259;
}
.button-menu-close
{
    cursor: pointer;
}

a.user
{
    background-color: transparent;
    border: none;
    font-size: 1em;
    vertical-align: middle;
    color: white;
    cursor: pointer;
}

a.profil
{
    background-color: #E32259;
    border: 1px solid #E32259;
    font-size: 0.75em;
    font-weight: bold;
    vertical-align: middle;
    color: white;
    cursor: pointer;
}

a.login
{
    background-color: #E32259;
    border: 1px solid #E32259;
    font-size: 0.75em;
    vertical-align: middle;
    line-height: 40px;
    color: white;
    cursor: pointer;
}
a.login:hover
{
    background-color: transparent;
    border: 1px solid white;
}

a.register
{
    background-color: transparent;
    border: 1px solid white;
    font-size: 0.75em;
    vertical-align: middle;
    color: white;
    cursor: pointer;
}
a.register:hover
{
    background-color: #E32259;
    border: 1px solid #E32259;
}

.header .logo
{
    margin-right: 50px;
}

.search input
{
    margin: 0;
    padding-left: 40px;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 550px;
    height: 40px;
    border: 1px solid #D6E7F9;
    background: url('/img/icon-search.png') no-repeat scroll 7px 7px;
    background-color: #D6E7F9;
}
.search button
{
    padding-top: 2px;
    padding-bottom: 2px;
    vertical-align: top;
    height: 40px;
    font-size: 0.9em;
    background-color: #E32259;
    border: 1px solid #E32259;
    color: white;
    cursor: pointer;
}

.float-right.socials
{
    position: absolute;
    top: 20px;
    right: 50px;
}

.socials a
{
    margin-right: 10px;
}

.ico-facebook
{
    width: 12px;
}
.ico-twitter
{
    width: 22px;
}
.ico-linkedin
{
    width: 21px;
}

.footer
{
    padding: 0;
    margin: 0;
    color: white;
    font-size: 1.25em;
}

.footer header
{
    padding: 50px 75px;
    background-color: #005081;
}

.footer footer
{
    font-size: 0.8em;
    padding: 20px 20%;
    background-color: #01325A;
}

.highlight
{
    font-weight: bold;
    color: #E22359;
}

.footer a
{
    color: white;
}
.footer a:hover
{
    color: #E22359;
}

.footer ul
{
    list-style-type: none;
}
.footer li
{
    display: inline;
}
.footer li:after
{
    content: ' |';
}
.footer li:last-child:after
{
    content: '';
}

.carousel-control-prev
{
    opacity: 1;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    background: url('/img/prev.png') no-repeat scroll 0% center;
}
.carousel-control-prev:hover
{
    opacity: 0.5;
}
.carousel-control-next
{
    opacity: 1;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    background: url('/img/next.png') no-repeat scroll 100% center;
}
.carousel-control-next:hover
{
    opacity: 0.5;
}
.carousel-caption
{
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding-top: 26px;
    padding-bottom: 10px;
    line-height: 46px;
    font-size: 4.5em;
    font-weight: bold;
    color: #014c8c;
    background-color: rgba(255, 255, 255, 0.6);
}

.content
{
    margin: 20px 75px;
}
.content-title
{
    display: block;
    height: 50px;
    margin-bottom: 25px;
    background: url('/img/circles-title.png') no-repeat scroll 5px 35px;
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
    color: #E32259;
}
.content-title-center
{
    margin: 0 auto;
    text-align: center;
    background: url('/img/circles-title.png') no-repeat scroll 50% 35px;
}
.content-title-no-underline
{
    background: none;
}
.content-more
{
    margin-top: 10px;
    font-weight: bold;
    color: #01304A;
}
.content-more > img
{
    margin-left: 5px;
    width: 30px;
}
.content-border
{
    margin: 75px;
}
.content-border:before, .content-border:last-child:after
{
    position: absolute;
    width: 75px;
    height: 75px;
    border-color: #E32259;
    border-style: solid;
    content: ' ';
}
.content-border:before
{
    top: 75px;
    left: 13%;
    border-width: 8px 0 0 8px;
}
.content-border:last-child:after
{
    bottom: 75px;
    right: 13%;
    border-width: 0 8px 8px 0;
}
.content-color-1
{
    background-color: transparent;
}
.content-color-2
{
    background-color: #E22359;
}
.content-color-3
{
    background-color: #F0F0F0;
}
.content-color-4
{
    background-color: white;
}

.apps
{
    margin: -5px 0px 0px -5px;
    padding-right: 50px;
}

div.apps-item
{
    position: relative;
    text-align: center;
    overflow: hidden;
}
div.apps-item:before
{
    content: '';
    display: block;
    padding-top: 100%;
}
a.apps-item
{
    position: absolute;
    top: 0px;
    right: 2px;
    bottom: 2px;
    left: 0;
    color: white !important;
}
a.apps-item:hover
{
    opacity: 0.6;
}
.apps-item-color-1
{
    background-color: #E22359;
}
.apps-item-color-2
{
    background-color: #0169A6;
}
.apps-item-color-3
{
    background-color: #A20029;
}
.apps-item-content-table
{
    display: table;
    width: 100%;
    height: 100%;
}
.apps-item-content-table-cell
{
    display: table-cell;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    vertical-align: middle;
}
.apps-item-icon
{
    display: block;
    margin: 0 auto;
}
.apps-item-title
{
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 1.3em;
    text-transform: uppercase;
}
.apps-item-description
{
    display: block;
    margin-top: 10px;
    font-weight: bold;
    font-size: 0.9em;
    line-height: 1.1em;
}
.apps-item:hover .apps-item-description
{
    color: white !important;
}
.apps-item-more
{
    position: absolute;
    width: 30px;
    height: 30px;
    bottom: 0;
    right: 0;
    background-color: #002F49;
}
.apps-item-more:after
{
    content: '+';
    font-size: 3.00em;
    margin-top: -25px;
    position: absolute;
    top: 4px;
    left: 6px;
}

.news-item
{
    margin-bottom: 15px;
    padding: 10px;
    border-bottom: 1px solid black;
}
.news-item:first-of-type
{
    margin-top: -10px !important;
}
.news-item:last-of-type
{
    border-bottom: none;
}
.news-item-color-1
{
    background-color: transparent;
}
.news-item-color-2
{
    background-color: #F0F0F0;
}
.news-item-category
{
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #002F49;
    font-weight: bold;
    font-size: 0.7em;
    text-transform: uppercase;
    color: #002F49;
}
h2.news-item-title
{
    font-size: 1.2em;
}
.news-item-title
{
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    color: #E32259;
}
.news-item-title:hover
{
    color: #E32259;
}
.news-item-summary
{
    margin: 0;
    color: #545454;
}
.news-item-thumb
{
    float: left;
    margin-right: 5px;
    max-height: 100px;
}
.news-item-date
{
    display: inline-block;
    font-weight: bold;
    color: #002F49;
}
.news-item-tags
{
    display: inline-block;
    margin: 7px;
    padding: 0;
    list-style-type: none;
}
.news-item-tags:before
{
    content: ' - ';
}
.news-item-tags li
{
    display: inline;
    color: #E32259;
}
.news-item-tags li:after
{
    content: ', ';
}
.news-item-tags li:last-child:after
{
    content: '';
}
.news-item-image
{
    display: block;
    margin: 0 auto;
    max-height: 250px;
}

.content-search
{
    color: #E32259;
    font-size: 1.1em;
}

.search-menu
{
    margin-top: 5px;
    padding: 15px;
    border: 1px solid black;
}
.search-menu span
{
    font-weight: bold;
}
.search-menu sup
{
    border: 1px solid #545454;
    border-radius: 10px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 13px;
    color: #545454;
}
.search-menu-document-title
{
    font-weight: bold;
    color: #E32259;
}
.search-menu-document-title:hover
{
    color: #E32259;
}
.search-menu-document-title.active
{
    font-weight: bolder;
}
.search-menu ul
{
    padding-left: 15px;
    list-style: none;
}
.search-menu ul li a
{
    color: #E32259;
}
.search-menu ul li:before
{
    content: '>';
    margin-right: 5px;
}
.search-menu ul li.active
{
    font-weight: bold;
}

.search-item
{
    margin-top: 5px;
    padding: 10px;
    border: 1px solid black;
    cursor: pointer;
}
.search-item-sub
{
    
}
.search-item-pay
{
    background-color: #EBEBEB;
    border: none;
}
.search-item-category
{
    display: inline-block;
    padding: 2px 5px;
    border: 1px solid #002F49;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.7em;
    color: #002F49;
}
.search-item-title
{
    display: inline-block;
    margin-left: 5px;
    font-weight: bold;
}
.search-item-title a
{
    color: #E32259;
}
.search-item-access
{
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    font-size: 0.7em;
    font-weight: bold;
}
.search-item-icon
{
    float: left;
    margin: 5px 10px 5px 0;
}
.search-item-summary
{
    margin-top: 5px;
    color: #545454;
}
.search-item-date
{
    color: #002F49;
}
.search-item-document
{
    color: #002F49;
}
.search-item-document:after
{
    content: ' - ';
    font-weight: normal;
}
.search-item-type
{
    text-transform: capitalize;
    color: #002F49;
    font-size: 0.8em;
    font-weight: bold;
}
.search-item-type:after
{
    content: ' - ';
    font-weight: normal;
}
.search-sort
{
    font-size: 0.8em;
    color: #545454;
}
.search-sort-content .active
{
    background-color: #E32259 !important;
    color: white;
}
.search-sort-relevance
{
    display: inline-block;
    text-align: center;
    width: 125px;
    padding: 2px;
    font-size: 0.75em;
    border: 1px solid #E32259;
    vertical-align: middle;
    color: #E32259;
    cursor: pointer;
}
.search-sort-relevance:hover
{
    color: #E32259;
    background-color: white !important;
}
.search-sort-date
{
    display: inline-block;
    text-align: center;
    width: 125px;
    padding: 2px;
    background-color: white;
    border: 1px solid #E32259;
    font-size: 0.75em;
    vertical-align: middle;
    color: #E32259;
    cursor: pointer;
}
.search-sort-date:hover
{
    color: white;
    background-color: #E32259 !important;
}

.search-paginate
{
    margin-top: 10px;
}
.search-paginate ul
{
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.search-paginate li
{
    display: inline-block;
    font-size: 1.3em;
    color: #545454;
}
.search-paginate li.active a
{
    color: #E32259 !important;
}
.search-paginate li a
{
    color: #545454;
}
.search-paginate li:after
{
    content: ' |';
    color: #545454;
}
.search-paginate li:last-child:after
{
    content: '';
}

.newsletter
{
    color: white;
}
.newsletter strong
{
    display: block;
    font-size: 1.5em;
    margin-bottom: -20px;
}
.newsletter input
{
    margin: 0;
    width: 350px;
    height: 40px;
    padding-left: 10px;
    border: 1px solid white;
    background-color: white;
}
.newsletter button
{
    height: 40px;
    vertical-align: top;
    font-size: 1.1em;
    font-weight: bold;
    background-color: #002F49;
    border: 1px solid #002F49;
    color: white;
    cursor: pointer;
}

#newsletter_captcha {
	display: flex;
	justify-content: center;
	margin-top: 0.5rem;
}

.books-item
{
    position: relative;
    max-width: 230px;
    margin: 0 calc((100% - (175px * 5)) / 4) 20px 0;
    padding: 0 0 40px 0;
    text-align: center;
}
.books-item:last-child
{
    margin-right: 0;
}
.books-item:hover
{
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
}
.books-item-type
{
    display: block;
    margin: 5px 0 5px 0;
    text-transform: uppercase;
}
.books-item-category
{
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    text-transform: uppercase;
    color: #E22359;
}
.books-item-summary
{
    display: block;
    margin-bottom: 25px;
    padding: 2px 5px 2px 5px;
    text-align: justify;
    text-align-last: center;
    font-size: 0.8em;
}
.books-item-order
{
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.books-item-order > a
{
    padding: 10px 25px;
    font-weight: bold;
    font-size: 0.8em;
    color: white;
    background-color: #002F49;
}
.books-item:hover .books-item-order > a
{
    color: white;
    background-color: #E22359;
}

.search-keywords
{
    margin: 0 200px 25px 200px;
    padding: 30px;
}
.search-keywords ul
{
    list-style-type: none;
}
.search-keywords li
{
    display: inline;
    font-size: 1.75em;
    font-weight: bold;
    text-transform: uppercase;
    color: #E32259;
}
.search-keywords li:after
{
    content: ' |';
}
.search-keywords li:last-child:after
{
    content: '';
}
.search-keywords li > a
{
    color: #E32259;
}
.search-keywords li > a:hover
{
    color: #E32259;
}

.content strong
{
    color: #014c8c;
}

.thematic-col
{
    border: 1px solid black;
}
.thematic-col h2
{
    font-size: 1.3em;
    font-weight: bold;
    color: #E22359;
}
.thematic-menu
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.thematic-menu li
{
    margin-left: 15px;
    text-align: left;
    color: #545454;
    cursor: pointer;
}
.thematic-menu li:hover
{
    color: #E22359;
}
li.thematic-menu-list:before
{
    display: inline-block;
    content: '>';
    font-weight: bold;
    margin-right: 10px;
    color: #E22359;
    transition: 0.5s all;
}
li.thematic-menu-list.active:before
{
    transform: rotate(90deg);
}
li.thematic-menu-list-nosub img
{
    margin-right: 5px;
}
.thematic-menu li a
{
    color: #545454;
}
.thematic-menu li a:hover
{
    color: #E22359;
}
.thematic-menu-sub
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.thematic-menu-sub li:before
{
    content: '';
}

.content-guides-services h2
{
    margin-top: 20px;
    text-align: center;
    color: #002F49;
}

.content-guides-services img
{
    height: 25px;
}

.content-guides-services h3
{
    margin-bottom: 0;
    font-size: 1.4em;
    vertical-align: middle;
}

.content-guides-services article
{
    vertical-align: middle;
    color: white;
    padding: 0 100px 0 100px;
}

.guides-services-item
{
    position: relative;
    cursor: pointer;
}
.guides-services-item a
{
    color: white;
}

.guides-services-menu
{
    list-style: none;
    margin-left: 45px;
}
.guides-services-menu li
{
    margin-top: 10px;
}
.guides-services-menu li:before
{
    display: inline-block;
    content: '>';
    font-weight: bold;
    margin-right: 10px;
    color: #E22359;
    transition: 0.5s all;
}
.guides-services-menu li a
{
    color: #7B7B7B;
}
.guides-services-menu li a:hover
{
    color: #7B7B7B;
}

.content-guides-services .apps-item-more
{
    width: 40px;
    height: 100%;
}
.content-guides-services .apps-item-more:after
{
    top: 10px;
    left: 10px;
}

.content-news
{
    margin-left: 15rem !important;
    margin-right: 15rem !important;
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}

.content-section
{
    position: relative;
}
.content-section-m-xl
{
    margin: 0 25px !important;
}
.content-section-m-xs
{
    margin: 0 75px !important;
}
/* IMPORT */
.content-section #ssect
{
    padding-top: 5px;
    padding-bottom: 5px;
}
.content-section h1
{
    display: block;
    margin: 15px 0px 0px 0px;
    font-size: 1.8em;
    font-weight: bold;
    text-transform: uppercase;
    color: #E32259;
}
.content-section h1:not(.thematic):after
{
    content: '_';
    background: url('/img/circles-title.png') no-repeat scroll 5px 5px;
    display: block;
    color: transparent;
}
.content-section h2
{
    position: relative;
    font-size: 1.6em;
    margin-top: 25px;
    padding: 15px 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #7B7B7B;
    background-color: #EFEFEF;
    cursor: pointer;
}
.content-section h2:after
{
    content: ' ';
    position: absolute;
    right: 2px;
    top: 5px;
    bottom: 5px;
    width: 20px;
    border-style: solid;
    border-color: #E02359 transparent transparent transparent;
    border-width: 10px;
    margin-top: 5px;
    transform: rotate(-90deg);
    transition: 0.5s all;
}
.content-section h2.active:after
{
    top: 20px;
    right: 22px;
    transform: rotate(0deg);
}
.content-section h2.no-collapse:after
{
    display: none;
}
.content-section h4
{
    display: block;
    margin: 15px 0px 0px 0px;
    padding: 5px;
    font-size: 1.4em;
    font-weight: bold;
    text-transform: uppercase;
    color: #E32259;
}
/*
.content-section h4:after
{
    content: '_';
    background: url('/img/circles-title.png') no-repeat scroll 5px 5px;
    display: block;
    color: transparent;
}
*/
.content-section div
{
    margin-top: 25px;
}
.content-section p
{
    margin-bottom: 5px;
    font-size: 1.1em;
}
.content-section p:last-child
{
    margin-bottom: 15px;
}
.content-section ul:not(.breadcrumb):not(.keywords-list):not(.suggested-list)
{
    list-style-type: none;
}
.content-section ul:not(.breadcrumb):not(.keywords-list):not(.suggested-list) li
{
    text-indent: -10px;
    color: #292b2c;
}
.content-section ul[type="circle"] > li:before
{
    position: relative;
    left: -10px;
    content: '○';
    color: #E22359;
}
.content-section ul[type="disc"] > li:before
{
    position: relative;
    left: -10px;
    content: '○';
    color: #E22359;
}
.content-section ul[type="square"] > li:before
{
    position: relative;
    left: -10px;
    content: '■';
    color: #E22359;
}
/*
.content-section section p.texte
{
    text-align: justify;
}
.content-section #ssect .horstexte
{
    display: block;
    padding: 5px;
    background-color: #ADD8E6;
}
.content-section #ssect .horstextetype
{
    display: block;
    padding: 5px 0 5px 0;
    text-align: center;
    font-weight: bold;
    color: #2F4F4F;
}
.content-section #ssect .rlibelle
{
    display: block;
    margin-bottom: 20px;
    font-style: italic;
}
*/
/*.content-section #ssect .approfondir*/
.content-section .approfondir
{
    display: none !important;
}
.content-section .section_titre
{
    display: none !important;
}
.content-section p.texte
{
    text-align: justify;
    color: #292b2c;
    font-size: 1rem;
}
.content-section .horstexte
{
    margin: 15px 0px 15px 40px;
    padding: 5px 20px 5px 20px;
    background: #ADD8E6;
}
.content-section li .horstexte
{
    margin: 15px 0px 15px 0px;
    padding: 5px 20px 5px 20px;
    background: #ADD8E6;
}
.content-section .encadrel
{
    margin: 15px 0px 15px 40px;
    padding: 5px 20px 5px 20px;
    border: 2px solid #ADD8E6;
    width: 95%;
    /*background: #ffffff;*/
}
.content-section .chapo
{
    width: 100%;
}/*
.content-section table
{
    border: thin solid #000000;
}*/
.content-section table td
{
    border: thin solid #000000;
}
.content-section table thead
{
    background-color: #DCDCDC;
}
.content-section .formule
{
    border: 0px;
    margin-left: auto;
    margin-right: auto;
}
.content-section span.formule
{
    font-family: sans-serif;
    font-size:40px;
}
.content-section .formule-1
{
    border: none;
    font-family: sans-serif;
    padding: 10px;
    text-align: center;
    background-color: #ffffff;
}
.content-section .formule-2
{
    border-width: 1px 0px 0px 0px;
    font-family: sans-serif;
    padding: 10px;
    text-align: center;
    background-color: #ffffff;
}
/*.content-section #ssect p.texte{text-align:justify;color: #696969;font-size:14px;}*/
/*.content-section #ssect li{text-align:justify;color: #696969;font-size:14px;}   */
.content-section p.tableau{text-align:justify;color: #696969;font-size:14px;}
.content-section .mevital    {font-style: italic;}
.content-section p.horstextetype { font-size:14px;font-weight: bold; color:#2F4F4F; }
.content-section p.note{font-size:12px;}
.content-section .approfondir { font-size:14px;font-weight: bold; color:#2F4F4F;} 
/*.content-section #ssect a {   text-decoration: none; font-style: italic; color:#2F4F4F;  }*/
.content-section span.motlexique { font-weight: bold; color:#2F4F4F;}
.content-section span.renvindex { font-style: italic; color:#2F4F4F;}
.content-section span.mevgras { font-weight: bold; }
.content-section a.ref_code {font-style: italic;}
.content-section a.ref_loi {font-style: italic;} 
.content-section .intercalaire_id {font-weight: bold;color:#DC143C; } 
.content-section .bareme_id {font-weight: bold;color:#DC143C; } 
.content-section .bareme_num {font-weight: bold;color:#DC143C; } 
.content-section .motsindex {font-style: italic; padding: 10px 10px 10px 10px; border:1px solid #ADD8E6; }
.content-section .motindex_niv1 {font-style: italic;font-size:14px;}
.content-section .motindex_niv2 {font-style: italic;font-size:12px; margin-left: 10px; }
.content-section .motindex_niv3 {font-style: italic;font-size:10px; margin-left: 20px;}
.content-section .chapo {font-weight: bold;} 
.content-section .rlibelle{font-style: italic;}  
/*.content-section #ssect .horstexte { padding: 20px; margin:10px 10px 10px 10px; width:95%; background:#ADD8E6;  } */
/*.content-section #ssect .encadrel { margin:10px 10px 10px 10px; border:2px solid #ADD8E6; width:95%; background:#ffffff  }*/
.content-section .encadrex { margin:10px 10px 10px 10px;  width:95%; background:#B0C4DE  } 
.content-section .ssect { width:800px;    }
.content-section .spara { width:800px; margin:10px 10px 10px 10px ;  }
/*.content-section #ssect .chapo { width:800px;    }*/
.content-section .ul-check { color: #FF0000; }
.content-section .title_table {text-align:center;color:#4682B4;font-size:18px;}

.content-section span.modele-09Italique {font-style: italic;}
.content-section span.modele-08Gras {font-weight: bold;}
.content-section div.modele-04Expediteur {}
.content-section div.modele-04Destinataire { margin-left: 75%; }


/* IMPORT */
.sharing
{
    position: absolute;
    right: 10px;
    top: 10px;
}

.content-section .suggested
{
    position: relative;
    max-height: 405px;
    overflow-y: auto;
    scrollbar-face-color: ThreeDFace !important;
    scrollbar-shadow-color: ThreeDDarkShadow !important;
    scrollbar-highlight-color: ThreeDHighlight !important;
    scrollbar-3dlight-color: ThreeDLightShadow !important;
    scrollbar-darkshadow-color: ThreeDDarkShadow !important;
    scrollbar-track-color: Scrollbar !important;
    scrollbar-arrow-color: ButtonText !important;
}
.content-section .suggested::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #EFEFEF;
}

.content-section .suggested::-webkit-scrollbar
{
    width: 6px;
    background-color: #EFEFEF;
}

.content-section .suggested::-webkit-scrollbar-thumb
{
    background-color: #E32259;
}
.content-section .suggested ul
{
    list-style: none;
    width: 100%;
}
.content-section .suggested ul li a
{
    position: relative;
    display: inline-block;
    font-size: 1.4em;
    font-weight: bold;
    color: #E32259;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 60px);
}
.content-section .suggested ul li a:hover
{
    color: #E32259;
}

.content-section .content-guides-services article
{
    padding: 0;
}
.guides-services-section-menu
{
    list-style: disc;
    margin-left: 20px;
    color: #E32259;
}
.guides-services-section-menu li
{
    margin-top: 10px;
}
.guides-services-section-menu li a
{
    color: #E32259;
    border-bottom: 1px solid #E32259;
}
.guides-services-section-menu li a:hover
{
    color: #E32259;
}

.btn-uncollapse
{
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
    padding: 2px 20px 2px 5px;
    background-color: #E32259;
    border: 1px solid #E32259;
    font-size: 0.7em;
    color: white;
    cursor: pointer;
}
.btn-uncollapse:hover, .btn-uncollapse:active, .btn-uncollapse:focus
{
    color: white;
}
.btn-uncollapse:after
{
    content: ' ';
    position: absolute;
    right: 5px;
    top: 7px;
    border-style: solid;
    border-color: white transparent transparent transparent;
    border-width: 5px;
    transform: rotate(00deg);
}
.btn-collapse
{
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
    padding: 2px 20px 2px 5px;
    background-color: white;
    border: 1px solid #E32259;
    font-size: 0.7em;
    color: #E32259;
    cursor: pointer;
}
.btn-collapse:hover, .btn-collapse:active, .btn-collapse:focus
{
    color: #E32259;
}
.btn-collapse:after
{
    content: ' ';
    position: absolute;
    right: 5px;
    top: 2px;
    border-style: solid;
    border-color: #E32259 transparent transparent transparent;
    border-width: 5px;
    transform: rotate(180deg);
}

.deepen strong
{
    display: block;
    margin: 15px 0 15px 0;
    font-size: 1.6em;
    font-weight: bold;
    color: #E32259;
}
.deepen span
{
    font-size: 1.2em;
}
.suggested li:before
{
    position: relative;
    top: -11px;
    content: '>';
    font-weight: bold;
    margin-right: 10px;
    color: #E22359;
}
.keywords ul
{
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}
.keywords li
{
    display: inline-block;
    padding: 5px 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    border: 1px solid #002F49;
    text-transform: uppercase;
}
.keywords li a
{
    color: #292b2c;
}

.sharewith strong
{
    display: block;
    margin: 15px 0 15px 0;
    font-size: 1.5em;
    font-weight: bold;
    color: #E32259;
}

.breadcrumb
{
    display: block;
    width: calc(100% - 75px);
    /*margin: 0 auto;*/
    padding: 0;
    list-style: none;
    background-color: transparent !important;
}
.breadcrumb li
{
    display: inline-block;
    margin: 0;
    padding: 0;
}
.breadcrumb li a
{
    font-size: 1.2em;
    color: #7B7B7B;
}
.breadcrumb li a:hover
{
    color: #7B7B7B;
}
.breadcrumb li:after
{
    content: ' > ';
    color: #7B7B7B;
}
.breadcrumb li:last-child a
{
    color: #E32259;
}
.breadcrumb li:last-child a:hover
{
    color: #E32259;
}
.breadcrumb li:last-child:after
{
    content: '';
}

.backtop
{
    position: fixed;
    bottom: 33%;
    right: 0;
    text-align: right;
    z-index: 99999999;
    cursor: pointer;
}

.modal-body
{
}
.modal-body a
{
    color: #E2225B;
}
.modal-body .modal-title
{
    font-size: 1.4em;
    font-weight: bold;
    color: #E2225B;
}
.modal-body .col-login
{
    position: relative;
    min-height: 350px;
    margin: 0 10px;
    border: 1px solid #ccc;
}
.modal-body .column-title
{
    font-size: 1.2em;
    font-weight: bold;
    color: #E2225B;
}
.modal-body label
{
    font-size: 0.9em;
    font-weight: bold;
    color: #002F49;
}
.modal-body input
{
    width: 100%;
    border: 1px solid #ccc;
}
.modal-body .help
{
    font-size: 0.8em;
    color: #E2225B;
}
.modal-body .help a
{
    text-decoration: underline;
}
.modal-body p
{
    font-size: 0.9em;
}
.modal-body .btn
{
    display: block;
    width: calc(100% - 15px);
    height: 33px;
    margin: 0;
    font-size: 0.9em;
    font-weight: bold;
    color: white;
    cursor: pointer;
}
.modal-body .color-1
{
    background-color: #014c8c;
}
.modal-body .color-2
{
    background-color: #E2225B;
}
.modal-body .bottom-button
{
    position: absolute;
    bottom: 20px;
    width: 100%;
}

@media (max-width:1730px)
{
    .content .news-item:nth-child(n+8)
    {
        display: none;
    }
}

@media (max-width:1630px)
{
    .content .news-item:nth-child(n+7)
    {
        display: none;
    }
}

@media (max-width:1459px)
{
    .content .news-item:nth-child(n+6)
    {
        display: none;
    }

    .news-item .text-justify
    {
        text-align: left !important;
    }
    .carousel-caption
    {
        line-height: 24px;
        font-size: 3em;
    }
}

@media (max-width:1330px)
{
    .search input
    {
        width: 55vw;
    }
    .content .news-item:nth-child(n+5)
    {
        display: none;
    }
}

@media (max-width:1130px)
{
    .apps-item-icon
    {
        width: 20%;
        margin-top: 10px;
    }
    .content .news-item:nth-child(n+4)
    {
        display: none;
    }
    .content.px-5
    {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .content-thematic.mx-5
    {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .guides-services-item.mx-5
    {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .apps-item-title
    {
        font-size: 1.4vw;
    }
    .apps-item-description
    {
        font-size: 1.2vw;
    }

    .books-item
    {
        margin-right: 20px;
    }
}

@media (max-width:992px)
{
    .header header .float-right .user, .header header .float-right img
    {
        display: none;
    }
    .content .news-item:nth-child(n+3)
    {
        display: none;
    }

    .footer footer
    {
        padding: 20px 10%;
    }

    .col-lg-6
    {
        margin-bottom: 20px;
    }
    .guides-services-menu
    {
        margin-left: 5px !important;
    }
}
@media (max-width:767px)
{
    .header header .float-right
    {
        display: none;
    }
    .content .news-item:nth-child(n+0)
    {
        display: block;
    }

    .search-fixed, .backtop
    {
        display: none !important;
    }

    .menu-panel
    {
        width: 100%;
    }

    .button-menu
    {
        float: left;
    }
    .button-menu img
    {
        width: 50px;
    }
    .button-menu span
    {
        display: block;
        font-weight: bold;
        font-size: 1em;
        text-align: center;
    }

    .header
    {
        padding: 0;
    }
    .header header
    {
        position: inherit;
        padding: 15px 30px 40px 30px;
    }
    .header header .slogan
    {
        font-size: 1.6em;
        line-height: 1.1;
    }
    .header header .login
    {
        margin-top: 15px;
        padding-left: 20px !important;
        padding-right: 20px !important;
        font-weight: bold;
        font-size: 1.1em;
    }
    .header header .register
    {
        margin-top: 15px;
        margin-left: 20px;
        padding-left: 20px !important;
        padding-right: 20px !important;
        font-weight: bold;
        font-size: 1.1em;
    }

    .header footer
    {
        padding: 0 40px;
        text-align: center;
    }
    .header footer .slogan
    {
        display: block !important;
        margin-top: 45px;
        margin-bottom: 50px;
        font-size: 1em;
    }
    .header footer > .d-inline-block
    {
        display: block !important;
    }
    .header footer .search-label
    {
        display: block;
        margin-bottom: -15px;
        margin-top: 15px;
        font-size: 1.2em;
    }
    .header footer form
    {
        display: block !important;
    }
    .header footer .socials
    {
        position: initial;
        float: none !important;
        margin: 0 auto;
        padding-bottom: 50px;
    }
    .header footer .socials img
    {
        margin-right: 25px;
    }
    .header footer .socials a:last-child img
    {
        margin-right: 0;
    }
    .header footer .socials .ico-facebook
    {
        width: 16px;
    }
    .header footer .socials .ico-twitter
    {
        width: 29px;
    }
    .header footer .socials .ico-linkedin
    {
        width: 27px;
    }

    .search
    {
        display: block !important;
    }
    .search input
    {
        display: block;
        width: 100%;
        height: 45px;
        background: url(/img/icon-search.png) no-repeat scroll 7px 13px;
        background-color: #D6E7F9;
    }
    .search button
    {
        height: 50px;
        margin-bottom: 50px;
        margin-top: 50px;
        padding: 10px 30px;
        font-size: 1.1em;
        font-weight: bold;
    }
    .search-menu
    {
        margin-left: 15px;
        margin-right: 15px;
    }

    section.container-fluid
    {
        margin: 0 !important;
        padding: 0 !important;
    }
    section.container-fluid .mx-5
    {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .content-guides-services article
    {
        padding: 0 50px 0 50px !important;
    }
    h1.content-title
    {
        font-size: 1.5em;
        background: url(/img/circles-title.png) no-repeat scroll 50% 35px;
        margin-bottom: -30px;
    }
    h2.content-title
    {
        font-size: 1.2em;
        background: url(/img/circles-title.png) no-repeat scroll 50% 25px;
        margin-bottom: -45px;
    }
    h2.content-title-no-underline
    {
        background: none;
    }

    .content
    {
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    .content .row
    {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .content-title
    {
        height: 60px;
        margin: 35px auto;
        font-size: 2.2em;
        text-align: center;
        background: url('/img/circles-title.png') no-repeat scroll 50% 50px;
    }
    .apps
    {
        margin-top: 35px !important;
    }
    .apps .col-md-4
    {
        margin: 0 60px 40px 60px !important;
    }
    .apps-item-icon
    {
        margin-top: 0%;
        width: 15%;
    }
    .apps-item-title
    {
        font-size: 6vw;
    }
    .apps-item-description
    {
        font-size: 4vw;
        color: white !important;
    }
    .content .apps-item-more
    {
        max-width: 30px;
        max-height: 30px;
    }
    .apps-item-more:after
    {
        content: '+';
        font-size: 3em;
        position: absolute;
        top: 5px;
        left: 5px;
    }

    .deepen
    {
        width: 100% !important;
        max-width: 100% !important;
    }
    .deepen .row
    {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .content-section .suggested
    {
        width: 100% !important;
    }

    .news
    {
        background-color: #F0F0F0;
    }

    .news-item
    {
        display: block;
        font-weight: bold;
        font-size: 1.4em;
        margin: 0 5%;
    }
    .news-item-category
    {
        margin: 20px 0;
        padding: 10px 10px;
        font-size: 1.1em;
        border: 2px solid #002F49;
    }
    .news-item-summary
    {
        margin-top: 15px;
        line-height: 1.2em;
        font-weight: normal;
        font-size: 1.2em;
    }
    .news-item-date
    {
        display: block;
        margin-top: 20px;
    }
    .news-item-tags
    {
        display: block;
        margin-top: 0px;
        margin-bottom: 25px;
    }
    .news-item-date:after
    {
        content: '';
    }

    .content-more
    {
        display: block;
        margin-top: 35px;
        float: none !important;
        text-align: center;
        font-size: 2em;
    }
    .content-more img
    {
        display: block;
        width: 66px;
        margin: 30px auto;
    }

    .footer header
    {
        padding: 50px 20px;
        font-size: 1.3em;
    }
    .footer header .d-inline-block
    {
        display: block !important;
    }
    .footer header .socials
    {
        padding: 20px 0;
    }
    .footer header .socials img
    {
        margin-right: 25px;
    }
    .footer header .socials a:last-child img
    {
        margin-right: 0;
    }
    .ico-facebook
    {
        width: 25px;
    }
    .ico-twitter
    {
        width: 44px;
    }
    .ico-linkedin
    {
        width: 42px;
    }

    .footer footer
    {
        padding: 30px 0;
    }
    .footer footer .float-right
    {
        float: inherit !important;
        text-align: center;
    }
    .footer footer .float-right ul
    {
        padding: 0;
    }
    .footer footer .d-inline-block
    {
        display: block !important;
        text-align: center;
    }
    .modal-body .btn
    {
        display: block;
        width: calc(100% - 15px);
        height: 33px;
        margin: 0;
        font-size: 0.7em;
        font-weight: bold;
        color: white;
        cursor: pointer;
    }
}
@media (max-width:572px)
{
    .modal-lg
    {
        margin-top: -545px;
    }
    .header .fixed-top
    {
        padding: 15px 30px 10px 30px;
    }
    .header header .float-right .login
    {
        display: inline-block;
        font-size: 0.8em;
    }
    .header header .float-right .register
    {
        display: inline-block;
        font-size: 0.8em;
        margin-left: 0px !important;
    }
    .guides-services-menu
    {
        margin-left: 5px !important;
    }
    .content-guides-services article
    {
        padding: 0 25px 0 25px !important;
    }
    .content-thematic > img
    {
        margin-top: 25px;
    }
}

@media print
{
    h1::first-letter, h2::first-letter, h3::first-letter, h4::first-letter, h5::first-letter, h6::first-letter
    {
        margin-top: 0;
    }
    .no-print
    {
        display: none;
    }
    .content-section h1
    {
        margin: -50px 0px 0px 0px;
    }
    .content-section h1:after
    {
        display: none;
    }
    .content-section h2:after
    {
        display: none;
    }
    .content-section .sous-section_titre_niv2 + div
    {
        display: block !important;
    }
}