/* ===================================================
 * CUSTOM CSS - SWI - BM
 * ===================================================
 */

body {
    font-family: Arial;
    background-color: #dadada;
    color: #535353;
    /*background: url("http://w3qualinst.ville-geneve.ch/fileadmin/templates/fmac/images/background_home.jpg") no-repeat scroll center top #dadada;*/
    padding: 0 !important;
}

.no_space {
    margin-left: 0;
}

/* Styles généraux : Format texte */

/* Couleur de base */
.base_couleur {
    color: #00a19a;
}

.base_couleur_fonce {
    color: #007873;
}

.noir {
    color: #000000;
}

.gris {
    color: #878787;
}

/* Taille des polices */
.taille10 {
    font-size: 10px;
}

.taille11 {
    font-size: 11px;
}

.taille12 {
    font-size: 12px;
}

.taille13 {
    font-size: 13px;
}

.taille14 {
    font-size: 14px;
}

.taille15 {
    font-size: 15px;
}

.taille16 {
    font-size: 16px;
}

.taille17 {
    font-size: 17px;
}

.taille18 {
    font-size: 18px;
}

.taille19 {
    font-size: 19px;
}

.taille20 {
    font-size: 20px;
}

.taille22 {
    font-size: 22px;
}

.taille23 {
    font-size: 23px;
}

.taille24 {
    font-size: 24px;
}

.taille25 {
    font-size: 25px;
}

.taille30 {
    font-size: 30px;
}

.taille33 {
    font-size: 33px;
}

.taille35 {
    font-size: 35px;
}

.taille37 {
    font-size: 37px;
}

.taille38 {
    font-size: 38px;
}

.taille39 {
    font-size: 39px;
}

/* Interligne */
.interligne8 {
    Line-Height: 8pt;
}

.interligne9 {
    Line-Height: 9pt;
}

.interligne10 {
    Line-Height: 10pt;
}

/*Agenda*/
.agenda_msg_vide {
    color: #ff0000;
}

/* Liens */
a {
    color: #706f6f;
}

a:hover {
    color: #00a19a;
}

.a_blanc {
    color: #ffffff;
}

.a_blanc:hover {
    color: #ffffff;
}

.a_noir {
    color: #000000;
}

.a_base_couleur {
    color: #00a19a;
}

.a_base_couleur:hover {
    color: #00a19a;
}

.a_animation {
    color: #000000;
}

.a_animation:hover {
    color: #00a19a;
}

#info_list_presentation a {
    color: #00a19a;
}

#info_list_presentation a:hover {
    color: #00a19a;
}

.a_header {
    color: #706f6f;
    text-decoration: none;
}

.a_header:hover {
    color: #00a19a;
    text-decoration: none;
}

.a_menu {
    color: #706f6f;
    font-weight: bold;
    font-size: 15px;
    text-decoration: none;
}

.a_menu:hover {
    color: #00a19a;
    font-weight: bold;
    font-size: 15px;
    text-decoration: none;
}

.a_menu_bis {
    text-decoration: none;
    font-size: 16px;
}

.a_menu_bis:hover {
    text-decoration: none;
    color: #000000;
    font-size: 16px;
}

#menu_2 li.moreCatalogue a.a_menu_bis {
    color: #00a19a;
}

#menu_2 li a.a_menu_bis_current {
    text-decoration: none;
    font-size: 16px;
    color: #00a19a;
}

#logo_info_services {
    margin-left: 80px;
    text-align: right;
}

/* Afficher un tiret devant les listes à puces dans un texte */
#contenu_col2_desc ul li {
    display: list-item;
    list-style-image: url(../images/tiret.png);
    margin-left: 7px;
}

/* Titres */
h1 {
    font-family: "Arial", "Times New Roman";
    margin: 0;
}

h2 {
    color: #00a19a;
    line-height: 24px;
    margin: 0 0 25px;
    font-family: georgia;
    font-variant: normal;
}

h3 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #696969;
    margin: 25px 0 7px;
    padding: 0 0 5px;
    border-bottom: 1px solid #C1C1C1;
    clear: both;
}

h4 {
    color: #535353;
    text-transform: uppercase;
    font-size: 14px;
    border-bottom: 1px solid #C1C1C1;
    font-weight: bold;
}

h5 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

#titre_page {
    font-weight: normal;
    color: #00a19a;
    font-style: italic;
    font-size: 24px;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.underline {
    text-decoration: underline;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.none {
    text-transform: none;
}

.lowercase {
    text-transform: lowercase;
}

/* Block */

.block_float_left_205 {
    float: left;
    background-color: #223f1f;
    width: 205px;
}

/* Champs cachés pour l'accessibilité */
.input_hidden {
    display: inline;
    left: -1000px;
    overflow: hidden;
    width: 0px;
    position: absolute;
    top: -1000px;
    height: 0px;
}

/* Global */
#container_content {
    max-width: 980px;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 0 30px;
    box-sizing: border-box;
}

#container_specific {
    background-color: #ffffff;
}

#container_content .row {
    padding: 0 0 0 0;
    text-align: left;
}

.block {
    display: block;
}

.clear_line {
    display: block;
}

/* PAGINATION  */

.page_browser {
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 20px;
}

.page_browser .pagination ul {
    box-shadow: none;
}

.page_browser .pagination ul li {
    float: left;
}

.nbCal_bottom {
    font-style: italic;
    color: #535353;
    font-size: 11px;
}

.tx-pagebrowse ul li {
    background-color: #ff0000;
}

.tx-pagebrowse-pi1 {
    padding: 0;
}

.pagination ul li a.first {
    border-left: 1px solid #dddddd;
}

.pagination ul li {
    float: left;
    padding: 0;
    margin-right: 5px;
    line-height: 38px;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
}

.pagination ul > li > a, .pagination ul > li > span {
    float: left;
    padding: none;
    line-height: none;
    text-decoration: none;
    border: none;
    border-left-width: none;
}

.tx-pagebrowse-pi1 .tx-pagebrowse-prev {
    display: none;
}

.tx-pagebrowse-pi1 .tx-pagebrowse-next {
    display: none;
}

.tx-pagebrowse-pi1 .tx-pagebrowse-first {
    display: none;
}

.tx-pagebrowse-pi1 .tx-pagebrowse-last {
    display: none;
}

.tx-pagebrowse-pi1 .tx-pagebrowse-page {
    border-left-width: 0;

}

.tx-pagebrowse-pi1 .tx-pagebrowse-current {
    border-left-width: 0;
}

/* Menu commun à tous les sites - header */

#container_menu_commun {
    background: none repeat scroll 0 0 #353535;
    padding-top: 3px;
    padding-bottom: 3px;
}

#menu_commun {
    max-width: 980px;
    margin: 0 auto;
}

#container_menu_commun_specific {
    max-width: 960px;
    margin: 0 auto;
}

#container_menu_commun_specific .span4.last {
    text-align: right;
    padding-left: 70px;
}

/* Header BM */
#header_top_container_bm {
    padding-top: 10px;
    margin-bottom: 0px;
    clear: both;
}

#header_top_container_bm_page {
    padding-top: 10px;
}

#logo_promo {
    text-align: right;
    margin-top: 5px;
}

/* Menu horizontal niveau 1 */

#container_menu_1 {
    margin-top: 13px;
}

#container_menu_1_ligne {
    border-top: dotted 1px #373735;
    border-bottom: dotted 1px #373735;
    padding-top: 7px;
    padding-bottom: 7px;
}

#container_menu_1_ligne .box {
    margin-bottom: 0px;
}

#menu_1 {
    margin: 0;
    padding: 0px;
    list-style: none;
    text-align: left;
    padding-top: 3px;
}

#menu_1 li {
    display: inline;
    border-right: solid 1px #373735;
    padding: 0px 8px 0px 8px;
}

#menu_1 li.last {
    border-right: none;
}

#menu_1 li.first {
    padding-left: 0px;
}

#search {
    margin-top: 0px;
    text-align: right;
}

/* Bandeau Accès aux collections */
#container_acces_collection {
    padding-top: 5px;
    padding-bottom: 0px;
}

#container_acces_collection_fd {
    padding: 1px 0px 1px 0px;
}

#container_acces_collection_fd .span4 {
    background-color: rgba(0, 161, 154, 1);
    border-radius: 8px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    margin-top: 0px;
}

#container_acces_collection_fd .span4:hover {
    background-color: #007873;
}

#container_acces_collection .menu_collection {
    display: inline;
    list-style: none;
    margin-bottom: 8px;
}

#container_acces_collection .menu_collection a {
}

#container_acces_collection .box {
    margin-bottom: 0px;
}

#acces_collection_titre h2 {
    line-height: 20px;
    margin: 0 0 12px;
    font-weight: normal;
}

/* Menu horizontal RACCOURCI AGENDA */
#container_agenda_menu_short {
    padding-top: 0px;
    padding-bottom: 0px;
}

#container_agenda_menu_short .box {
    margin-bottom: 0px;
}

#container_agenda_menu_short_ligne {
    padding: 0px 0px 5px 0px;
}

#container_agenda_menu_short_ligne .box {
    margin-bottom: 0px;
}

#menu_agenda_short .box {
    margin-bottom: 0px;
}

#menu_agenda_short {
    margin: 0;
    padding-left: 0px;
    list-style: none;
    text-align: left;
    float: left;
}

#menu_agenda_short li {
    display: inline;
    margin-right: 4px;
    color: #000000;
    font-weight: normal;
    font-style: italic;
    font-size: 18px;
    font-family: georgia;
    margin-right: 25px;
}

#menu_agenda_short li.first {
    display: inline;
    margin-left: 0px;
    color: #000000;
}

#menu_agenda_short li.last {
    display: inline;
    margin-right: 0px;
    color: #000000;
}

/* Menu horizontal SEARCH AGENDA */
#container_agenda_search {
    border-top: dotted 1px #373735;
    border-bottom: dotted 1px #373735;
    padding-top: 5px;
    padding-bottom: 0px;
}

#container_agenda_search_fd {
    padding: 1px 0px 3px 0px;
}

#container_menu_fd .box {
    margin-bottom: 0px;
}

#menu_agenda_search {
    margin: 0;
    padding-left: 0px;
    list-style: none;
    text-align: left;
    float: right;
}

#menu_agenda_search li {
    display: inline;
    margin-right: 4px;
}

#menu_agenda_search li.first {
    display: inline;
    margin-left: 0px;
}

#menu_agenda_search li.last {
    display: inline;
    margin-right: 0px;
}

#search_list_selection {
    display: none; /*ON CACHE LE FORMULAIRE POUR LE MOMENT*/
    margin: 0;
    padding-left: 0px;
    list-style: none;
    text-align: left;
    float: right;
}

#search_list_selection li {
    display: inline;
    margin-right: 4px;
}

#search_list_selection li.first {
    display: inline;
    margin-left: 0px;
}

#search_list_selection li.last {
    display: inline;
    margin-right: 0px;
}

#container_agenda_search .btn-group {
    display: inline;
}

#container_agenda_search .btn {
    padding: 4px 10px;
}

#container_agenda_search .btn.today.active {
    background-color: #ccc;
}

#container_agenda_search .input-append {
    padding: 5px 0px;
    display: inline;
    margin-left: 0px;
}

#container_agenda_search .dropdown-menu {
    margin-top: 15px;
}

#container_agenda_search .box {
    margin-bottom: 6px;
}

/* AGENDA _ MENU*/
#menu_agenda_search .dropdown-menu {
    margin: 0 0 0 10;
    background-color: #f5f5f5;
}

#menu_agenda_search .dropdown-menu li {
    line-height: 15px;
    margin: 0;
    clear: both;
    color: #333333;
    display: block;
    font-weight: normal;
    padding: 3px 10px;
    white-space: nowrap;
}

#menu_agenda_search .dropdown-menu a {
    margin: 0
}

#menu_agenda_search .dropdown-menu .active {
    background-color: #00A19A;
}

#menu_agenda_search .dropdown-menu input[type="checkbox"] {
    display: inline-block;
    margin: 5px 15px 0 0;
    vertical-align: bottom;
}

/* Plan - carte des BM */
#container_plan {
    margin-top: 5px;
    margin-bottom: 0px;
}

#container_plan .box {
    margin-bottom: 0px;
}

/* Menu horizontal niveau 2 */
#container_menu_2 {
    margin-top: 0px;
    margin-bottom: 10px;
}

#container_menu_fd {
    background-color: #e9e9e9;
    padding: 6px 0px 10px 0px;
}

#container_menu_fd .box {
    margin-bottom: 0px;
}

#menu_2 {
    margin: 0;
    padding-left: 10px;
    padding-top: 3px;
    list-style: none;
    text-align: left;
    height: 28px;
    line-height: 25px;
}

#menu_2 li {
    display: inline;
    margin-right: 30px;
    margin-top: 10px;
    margin-bottom: 8x;
    font-family: arial;
    font-variant: normal;
    line-height: 25px;
}

#menu_2 li h2 {
    display: inline;
    line-height: 25px;
    margin: 0px;
    font-family: arial;
    font-variant: normal;
}

#menu_2 li a {
    color: #000000;
    font-weight: bold;
}

#menu_2 li a:hover {
    color: #00a19a;
    font-weight: bold;
}

/* Menu sur 4 colonnes */
#container_menu_4col {
    margin-top: 15px;
    margin-bottom: 10px;
}

#container_menu_4col .box {
    margin-bottom: 0px;
}

#container_menu_4col .span3 {
    Border-top: 2px solid #00a19a;
}

#container_menu_4col .span4 {
    Border-top: 2px solid #00a19a;
}

#container_menu_4col li {
    Border-bottom: 1px dotted #575757;
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: georgia;
    font-style: italic;
}

#container_menu_4col li h3 {
    margin: 0px;
    padding: 0px;
    Border: none;
}

/* pour l'index accueil*/
#menu_col_1, #menu_col_2, #menu_col_3, #menu_col_4 {
    margin: 0;
    list-style: none;
    text-align: left;
    padding-left: 3px;
    font-style: italic;
    font-family: georgia;
}

#menu_col_1 li.first, #menu_col_2 li.first, #menu_col_3 li.first, #menu_col_4 li.first {
    /*Border-bottom: 1px dotted #575757;    BIZARRE */
}

#menu_col_1 li.first h3, #menu_col_2 li.first h3, #menu_col_3 li.first h3, #menu_col_4 li.first h3 {
    color: #00a19a;
    font-family: arial;
    font-style: normal;
}

/* Menu sur 4 colonnes - Collections*/
#container_menu_4col_c {
    display: none;
    margin-top: 15px;
    margin-bottom: 10px;
}

#container_menu_4col_c .box {
    margin-bottom: 0px;
}

#container_menu_4col_c li {
    Border-bottom: 1px dotted #575757;
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: georgia;
    font-style: italic;
}

#container_menu_4col_c h3.titreCollection {
    font-family: Arial;
    color: #00a19a;
    line-height: 20px;
    margin: 6px 0 2px;
    font-size: 12px;
    font-weight: bold;
    border: none;
}

/* pour l'index collections*/

#container_menu_4col_c .span3 {
    Border-top: none;
}

#menu_col_1_c, #menu_col_2_c, #menu_col_3_c, #menu_col_4_c {
    margin: 0;
    list-style: none;
    text-align: left;
    padding-left: 3px;
    font-style: italic;
}

#menu_col_1_c, #menu_col_2_c, #menu_col_3_c, #menu_col_4_c {

    /*Border-bottom: 1px dotted #575757;  */
    font-style: italic;
}

#menu_col_1_c .first, #menu_col_2_c .first, #menu_col_3_c .first, #menu_col_4_c .first {
    Border-top: 1px dotted #575757;
    font-style: italic;
}

#menu_col_1_c .first a, #menu_col_2_c .first a, #menu_col_3_c .first a, #menu_col_4_c .first a {
    font-family: georgia;
    font-style: italic;
}

/* Menu sur 4 colonnes - Biblioth�ques*/
#container_menu_4col_b {
    margin-top: 15px;
    margin-bottom: 10px;
}

#container_menu_4col_b .box {
    margin-bottom: 0px;
}

#container_menu_4col_b li {
    Border-bottom: 1px dotted #575757;
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: georgia;
    font-style: italic;
}

#container_menu_4col_b h3.titreCollection {
    font-family: Arial;
    color: #00a19a;
    line-height: 20px;
    margin: 6px 0 2px;
    font-size: 12px;
    font-weight: bold;
    border: none;
}

/* pour l'index Biblioth�ques*/

#container_menu_4col_b.span3 {
    Border-top: none;
}

#menu_col_1_b, #menu_col_2_b, #menu_col_3_b, #menu_col_4_b {
    margin: 0;
    list-style: none;
    text-align: left;
    padding-left: 3px;
    font-style: italic;
}

#menu_col_1_b, #menu_col_2_b, #menu_col_3_b, #menu_col_4_b {

    /*Border-bottom: 1px dotted #575757;  */
    font-style: italic;
}

#menu_col_1_b.first, #menu_col_2_b.first, #menu_col_3_b.first, #menu_col_4_b.first {
    Border-top: 1px dotted #575757;
    font-style: italic;
}

#menu_col_1_b.first a, #menu_col_2_b.first a, #menu_col_3_b.first a, #menu_col_4_b.first a {
    font-family: georgia;
    font-style: italic;
}

/* pour l'index Biblioth�ques - menu 2*/

#container_menu_l2col1.span3 {
    Border-top: none;
    margin-left: 0px;
}

#container_menu_l2col2.span3 {
    Border-top: none;
    margin-left: 0px;
}

#menu_l2_col_1_b, #menu_l2_col_2_b {
    margin: 0;
    list-style: none;
    text-align: left;
    padding-left: 3px;
    font-style: italic;
    font-family: georgia;
}

#menu_l2_col_1_b li.first, #menu_l2_col_2_b li.first {
    Border-top: 1px solid #00a19a;
    font-style: italic;
    color: #00a19a;
    font-family: arial;
    font-style: normal;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

#menu_l2_col_1_b li.first a, #menu_l2_col_2_b li.first a {
    color: #00a19a;
    font-family: arial;
    font-style: normal;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

#menu_l2_col_1_b li, #menu_l2_col_2_b li {
    font-style: italic;
}

/* Menu sur 2 colonnes */
#container_thematique_2col {
    margin-top: 15px;
    margin-bottom: 10px;
}

#container_thematique_2col .box {
    margin-bottom: 0px;
}

#container_thematique_2col h2 {
    line-height: 20px;
    margin: 0 0 12px;
    font-weight: normal;
    padding-bottom: 5px;
}

/* Menu sur 4 colonnes - Dossiers th�matiques*/
#container_thematique_4col {
    margin-top: 15px;
    margin-bottom: 10px;
}

#container_thematique_4col.box {
    margin-bottom: 0px;
}

#container_thematique_4col h2 {
    line-height: 20px;
    margin: 0 0 12px;
    font-weight: normal;
    padding-bottom: 5px;
    Border-bottom: 1px dotted #00a19a;

}

#container_thematique_4col li {
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: georgia;
    font-style: italic;
}

#container_thematique_4col .ligne_noir {
    Border-top: 12px solid #000000;
}

#container_thematique_4col .ligne_base_fonce {
    Border-top: 12px solid #007873;
}

#container_thematique_4col h3.titreCollection {
    font-family: Arial;
    color: #00a19a;
    line-height: 20px;
    margin: 6px 0 2px;
    font-size: 12px;
    font-weight: bold;
    border: none;
}

#container_thematique_4col .span3 {
    Border-top: none;
}

#menu_col_1_t, #menu_col_2_t, #menu_col_3_t, #menu_col_4_t {
    margin: 0;
    list-style: none;
    text-align: left;
    padding-left: 0px;
    font-style: italic;
}

#menu_col_1_t .first, #menu_col_2_t .first {
    /* Border-top: 12px solid #000000;   BIZARRE */
    font-style: italic;
}

#menu_col_3_t .first, #menu_col_4_t .first {
    /* Border-top: 12px solid #007873;   BIZARRE */
    font-style: italic;
}

#menu_col_1_t .first a, #menu_col_2_t .first a, #menu_col_3_t .first a, #menu_col_4_t .first a {
    font-family: georgia;
    font-style: italic;
}

/* Accueil - Annonces  */
#container_annonce {
    margin-top: 30px;
    padding-bottom: 20px;
}

/* Accueil - Annonces - promo image */
.container_promo_rond {
    padding: 10px;
    background-color: #f9f9f9;
    height: 295px;
    border-radius: 4px;
}

.container_promo_rond:hover {
    background-color: #a6ddd3;
    border-radius: 4px;
}

.a_container_promo_rond {
}

.container_promo_rond_img {
    margin-top: 10px;
    margin-bottom: 15px;
    text-align: center;
}

.container_promo_rond_titre {
    font-family: arial;
    height: 45px;
}

.container_promo_rond_desc {
    margin-top: 5px;
    padding-bottom: 15px;
    font-family: georgia;
}

.container_promo_rond_puce {
    text-align: right;
}

/* Accueil - Annonces - Slogan */
#container_slogan {
    padding-left: 0px;
    padding-right: 3px;
}

#container_slogan_free {
    padding-left: 0px;
    padding-right: 3px;
}

#container_slogan_txt {
    padding-left: 30px;
}

#container_slogan #slogan_titre {
    margin-top: 35px;
    margin-bottom: 10px;
    height: 210px;
    font-family: georgia;
}

#container_slogan_free #slogan_titre {
    margin-top: 25px;
    margin-bottom: 10px;
    font-family: georgia;
}

#slogan_titre_horaire {
    margin-top: 15px;
    margin-bottom: 10px;
    font-family: georgia;
}

#slogan_titre p, #slogan_titre_horaire p {
    line-height: 1.2;
}

#slogan_plus {
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: georgia;
}

.barre {
    height: 11px;
    display: block;
}

.fd_noir {
    border-top: solid 8px #000000;
    width: 70px;
    float: left;
}

.fd_transparent {
    float: right;
    width: 290px;
}

/* corps de la page */
#container_page_contenu {
    margin-top: 10px;
    margin-bottom: 10px;
}

#container_page_contenu > .row {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
}

#contenu_col2_span8 {
    flex: 1 0 auto;
}

#container_page_contenu .box {
    margin-bottom: 0px;
}

#contenu_col1 {
    margin-top: 10px;
    margin-bottom: 10px;
}

#contenu_img {
}

#contenu_col1_span4 {
    margin-top: 0px;
    margin-bottom: 40px;
}

#contenu_col2 {
    margin-top: 10px;
    margin-bottom: 40px;
}

#contenu_col2_faq {
    margin-top: 10px;
    margin-bottom: 40px;
}

#contenu_col2_corps {
    display: block;
}

#contenu_col2_titre {
}

#contenu_col2_titre {
    border-top: dotted 1px #000000;
    border-bottom: dotted 1px #000000;
    margin-top: 5px;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
}

#contenu_col2_desc {
    margin-top: 5px;
    display: block;
}

#contenu_col2_chapo {
    margin-top: 5px;
    display: block;
}

#contenu_col2_titre h2 {
    font-family: georgia;
    margin: 0 0 0px;
    line-height: 20px;
    font-variant: normal;
}

#contenu_col2_desc a {
    color: #00a19a;
    text-decoration: underline;
}

#contenu_col2_desc a:hover {
    color: #00a19a;
    text-decoration: underline;
}

/*Page des biblioth�ques*/
#contenu_biblio_horaires_jeunesse h3, #contenu_biblio_horaires_adulte h3, #contenu_biblio_tel_adulte h3, #contenu_biblio_tel_jeunesse h3, #contenu_biblio_transport h3, #contenu_biblio_adresse h3, #contenu_biblio_horaires_info h3 {
    font-weight: normal;
    color: #00a19a;
    text-transform: none;
    border-bottom: dotted 1px #000000;
    margin-bottom: 3px;
    font-family: georgia;
    margin: 0 0 0px;
    font-variant: normal;
    font-size: 14px;

}

/*Page des EVENTS d�tail*/

#contenu_event_pricing {
}

#contenu_event_ticket_sales {
}

#contenu_event_targets {
}

#contenu_event_event_schedule {
}

#contenu_event_age {
}

#contenu_event_pricing p, #contenu_event_ticket_sales p, #contenu_event_targets p, #contenu_event_event_schedule p, #contenu_event_age p, #detail_event_col2_link p {
    margin-top: 10px;
    color: #000;
}

#contenu_event_pricing h3, #contenu_event_ticket_sales h3, #contenu_event_targets h3, #contenu_event_event_schedule h3, #contenu_event_age h3, #detail_event_col2_link h3 {
    font-weight: normal;
    color: #00a19a;
    text-transform: none;
    text-transform: capitalize;
    border-bottom: dotted 1px #000000;
    margin-bottom: 3px;
    font-family: georgia;
    margin: 0 0 0px;
    font-variant: normal;
    font-size: 14px;

}

#contenu_event_pricing li, #contenu_event_ticket_sales li, #contenu_event_targets li, #contenu_event_event_schedule li, #contenu_event_age li, #detail_event_col2_link li {
    list-style: none outside none;
    margin-left: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-right: 5px;
    list-style-image: url(../images/tiret.png);
}

#contenu_biblio_horaires {
}

#contenu_biblio_info {
}

#contenu_biblio_adresse {
}

#contenu_biblio_transport {
}

#contenu_biblio_horaires_adulte {
}

#contenu_biblio_horaires_jeunesse {
}

#contenu_biblio_horaires_info {
    margin-bottom: 10px;
}

#contenu_biblio_map {
    margin-top: 15px;
    margin-bottom: 15px;
}

#p_contenu_biblio_adresse {
}

#p_contenu_biblio_transport {
}

#p_contenu_biblio_horaires_adulte {
}

#p_contenu_biblio_horaires_jeunesse {
}

#p_contenu_biblio_horaires_info {
}

#p_contenu_biblio_map {
}

#p_contenu_biblio_desc {
}

#contenu_col2_desc h3 {
    text-transform: none;
    margin-top: 18px;
    margin-bottom: 2px;
    font-family: georgia;
    border-bottom: none;
    font-variant: normal;
    font-size: 14px;
}

#contenu_col2_desc h3:first-letter {
    text-transform: uppercase;
}

#contenu_col2_desc h4 {
    border-bottom: dotted 1px #000000;
}

#contenu_col2_desc tr {
    border-bottom: solid 1px #ccc;
}

#contenu_col2_desc th {
    border-top: solid 1px #ccc;
    background-color: #e9e9e9;
}

#contenu_col2_desc hr {
    border-bottom: dotted 1px #000000;
}

#contenu_col2_desc p {
    margin-top: 10px;
}

/* MENU FAQ */
/*
 #contenu_col2_desc .menu_father a {
	padding-top: 15px ;
	padding-bottom: 15px ;
	list-style: none ;
	text-align: left ;
	padding-left:3px;
	font-style: italic;
	font-style: bold;

}

 */

#contenu_biblio_adresse p, #contenu_biblio_transport p, #contenu_biblio_horaires_adulte p, #contenu_biblio_horaires_jeunesse p {
    margin-top: 10px;
    color: #000;
}

.text_day {
    font-weight: normal;
}

#content_bouton_separation_vert {
    width: 250px;
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #00a19a;
    border-radius: 8px;
    padding: 10px 15px 10px 15px;
}

#content_bouton_link_agenda {
    width: 250px;
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #00a19a;
    border-radius: 8px;
    padding: 10px 15px 10px 15px;
}

#content_bouton_link_agenda:hover {
    background-color: #007873;
}

.bouton_link_agenda {
    width: 280px;
    display: inline;
    list-style: none;
    color: #ffffff;
    font-family: georgia;
}

/* D�tail d'un event */
#container_detail_event {
    margin-top: 10px;
    margin-bottom: 10px;
}

#container_detail_event .box {
    margin-bottom: 0px;
}

#detail_event_col1 {
    margin-top: 10px;
    margin-bottom: 10px;
}

#detail_event_col1_img {
}

#detail_event_col1_adresse {
    /*
    border-top: solid 1px #000000;
    margin-top:10px;
    padding-top:3px;
    */
}

#detail_event_col1_transport {
    border-top: solid 1px #000000;
    padding-top: 3px;
    display: none;
}

.detail_event_lieux {
    border-top: solid 1px #000000;
    margin-top: 15px;
    padding-top: 3px;
}

.detail_event_transport {
    padding-top: 3px;
}

.detail_event_parking {
    padding-top: 3px;
}

#detail_event_col2 {
    margin-top: 10px;
    margin-bottom: 10px;
}

#detail_event_col2_info {
    display: block;
}

#detail_event_col2_info_date {
    width: 100%;
    font-family: georgia;
}

#detail_event_col2_info_heure {
    display: none;
    font-family: georgia;
    width: 150px;
    float: right;
    text-align: right;
}

#detail_event_col2_titre {
    border-top: solid 5px #000000;
    margin-top: 5px;
    padding-top: 8px;
    display: block;
}

#detail_event_col2_titre_h2_b {
    margin-top: 3px;
    margin-bottom: 3px;
}

#detail_event_col2_titre_h2_g {
    margin-bottom: 3px;
}

#detail_event_col2_titre_h3 {
    margin-bottom: 3px;
    font-family: georgia;
}

#detail_event_col2_sous_titre {
    margin-bottom: 3px;
    margin-top: 5px;
    font-family: georgia;
}

#detail_event_col2_desc {
    margin-top: 5px;
}

#detail_event_col2_desc p a {
    color: #00a19a;
}

#detail_event_col2_complement {
    margin-top: 15px;
    padding-top: 8px;
}

#detail_event_col2_link {
    margin-top: 15px;
    padding-top: 8px;
}

#content_button {
    float: right;
    margin-bottom: 15px;

}

#content_button_back {
    float: right;
    margin-bottom: 15px;
    margin-top: 25px;
}

#container_agenda_search_fd #content_button_back {
    float: none;
    margin: 5px 0 10px 0;
    text-align: right;
}

#container_titre_prochain_event .box {
    margin-bottom: 0px;
}

#container_titre_prochain_event h3.titreprochainEvent {
    font-family: Arial;
    color: #00a19a;
    font-size: 12px;
    font-weight: bold;
    border: none;
    Border-bottom: 1px solid #000000;
    margin-top: 5px;
    margin-bottom: 0px;
}

#container_titre_a_decouvrir h3.titreCollection {
    font-family: Arial;
    color: #00a19a;
    font-size: 12px;
    font-weight: bold;
    border: none;
    Border-bottom: 1px solid #000000;
    margin-top: 10px;
    margin-bottom: 10px;
}

.bouton_back {
    display: inline;
    list-style: none;
    margin-top: 15px;
    margin-bottom: 8px;
    background-color: #00a19a;
    border-radius: 8px;
    padding: 6px 15px 6px 15px;
    color: #ffffff;
}

.bouton_back:hover {
    background-color: #007873;
}

/* contenu sur 2 colonnes */
#container_2col {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#container_2col .box {
    margin-bottom: 0px;
}

#container_2col h2 {
    color: #000;
    margin: 0px;
    padding: 0px;
    font-family: arial;
    font-variant: normal;
    font-size: 20px;
}

#container_2col p {
    margin-top: 15px;
    font-weight: bold;
}

/* List */
#container_list {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#container_list .box {
    margin-bottom: 0px;
}

#container_list h2 {
    color: #000;
    margin: 0px;
    padding: 0px;
    font-family: arial;
    font-variant: normal;
}

.titre_piste {
    line-height: 20px;
    font-weight: normal;
    font-family: georgia;
    font-size: 20px;
    font-style: italic;
    margin-top: 4px;
}

.selection_num {
    font-size: 23px;
    color: #878787;
    font-weight: bold;
}

.selection_titre {
    color: #000;
    font-weight: bold;
    font-size: 14px;
}

.selection_consult {
    font-size: 10px;
    font-style: italic;
}

.selection_telecharge {
    font-size: 10px;
    font-style: italic;
}

.selection_desc {
    color: #000;
    font-size: 12px;
}

.selection_desc_titre {
    font-size: 12px;
    color: #000;
    font-weight: bold;
}

.dotted_top {
    Border-top: 1px dotted #000000;
    margin-top: 15px;
    padding-top: 15px;
}

/* Gestion des images */
.img_selection {
    padding: 0;
    width: 205px;
    height: 105px;
    box-shadow: 1px 1px 8px #000;
}

.promo_img {
    padding: 0;
    width: 280px;
}

.promo_img:hover {
    padding: 0;
    width: 280px;
    background-color: #00a19a;
}

.promo_bloc_img:hover {
    padding: 0;
    width: 280px;
    background-color: #00a19a;
}

.promo_img_biblio {
    padding: 0;
    width: 430px;
}

.promo_img_plan_biblio {
    padding: 0;
    width: 880px;
}

/* AGENDA - AFFICHAGE DES RESULTATS */
#container_agenda {
    margin-top: 10px;
    margin-bottom: 10px;
}

#container_agenda .box {
    margin-bottom: 0px;
}

/* AGENDA - AFFICHAGE DES RESULTATS dans une page d�tail agenda */
#container_agenda_detail_proposition {
    margin-top: 10px;
    margin-bottom: 10px;
}

#container_agenda_detail_proposition .box {
    margin-bottom: 0px;
}

/* Accueil - Promotion */
#container_promo {
    margin-top: 10px;
    margin-bottom: 10px;
}

#container_promo .box {
    margin-bottom: 0px;
}

.promo {
    margin-top: 0px;
}

.promo:hover {
    padding: 0;
    background-color: #54234;
}

.promo_bloc_info {
    padding-left: 15px;
    padding-right: 15px;
    background-color: #f9f9f9;
}

.promo_bloc_info:hover {
    background-color: #e9e9e9;
}

.promo_bloc_info_biblio {
    padding-left: 20px;
    padding-right: 20px;
}

.promo_rubrique {
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
}

.promo_rubrique img {
    margin-left: 5px;
    margin-right: 5px;
}

.promo_txt {
    background-color: #54234;
}

.promo_titre_all {
    height: 75px;
    border-top: 7px solid #000000;
}

.promo_titre_all_horaire {
    border-top: 7px solid #000000;
}

.promo_block {
    margin-top: 10px;
}

.promo_titre {
}

.promo_soustitre {
    color: #000000;
}

.promo_info {
    border-top: 1px solid #000000;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 5px;
}

.promo_info_text {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 5px;
}

.promo_info_date {
}

.promo_info_lieu {
    padding-bottom: 10px;
}

/* Animation */
#container_animation {
    max-width: 980px;
    margin: 0 auto;
    background-color: #ffffff;
    z-index: -1000;
}

#container_animation_specific {
    max-width: 940px;
    margin: 0 auto;
    background-color: #ffffff;
}

#container_animation_specific .box {
    margin-bottom: 0px;;
}

/* carousel */
.carousel {
    margin-top: 15px;
    margin-bottom: 0px;
    clear: both;
}

.carousel .box {
    margin-bottom: 0;
}

.carousel .carousel-control {
    border-radius: 0 0 0 0;
    font-size: 0;
    margin-top: 0px;
    height: 37px;
    border: medium none;
    opacity: 1;
}

.carousel a.left {
    background: url("../images/arrow_carousel_left.png") no-repeat scroll 0 0 transparent;
}

.carousel a.left:hover {
    background: url("../images/arrow_carousel_left_hover.png") no-repeat scroll 0 0 transparent;
}

.carousel a.right {
    background: url("../images/arrow_carousel_right.png") no-repeat scroll 0 0 transparent;
}

.carousel a.right:hover {
    background: url("../images/arrow_carousel_right_hover.png") no-repeat scroll 0 0 transparent;
}

.carousel-caption {
    bottom: 0;
    left: 0;
    padding: 10px 20px 2px 90px;
    position: absolute;
    right: 0;
    min-height: 97px;
    text-align: left;
    background: none;
}

.carousel_caption_block {
    width: 360px;
    height: 240px;
    margin-bottom: 50px;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 8px;
    padding: 10px 25px 10px 25px;
}

.carousel-caption p {
    color: #000000;
}

.carousel-caption h4, .carousel-caption p {
    line-height: 28px;
}

.animation_rubrique {
    text-align: center;
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: block;
    font-style: italic;
    font-family: Arial;
}

.animation_rubrique img {
    margin-left: 10px;
    margin-right: 10px;
}

.animation_titre {
    border-top: 5px solid #000000;
    color: #000000;
    text-transform: uppercase;
    font-family: arial;
    font-weight: bold;
    font-size: 26px;
    padding-top: 10px;
    max-width: 360px;
    display: block;
}

.animation_soustitre {
    color: #000000;
    font-style: italic;
    font-family: georgia;
    font-size: 20px;
    margin-top: 5px;
    max-width: 360px;
    display: block;
    padding-bottom: 15px;
}

.animation_date {
    border-top: 1px solid #000000;
    font-size: 11px;
}

.animation_lieu {
    font-size: 11px;
    padding-bottom: 15px;
}

.animation_lieu_bm {
    font-family: arial;
}

.animation_lieu_txt {
    font-family: georgia;
}

/* Footer */
#footer_container {
    background: none repeat scroll 0 0 #666666;
    margin-top: 20px;
    padding-bottom: 10px;
}

#footer_top .container_specific,
#footer_bottom .container_specific {
    max-width: 980px;
    margin: 0 auto;
    padding: 0 30px;
}

#container_footer_specific {
    max-width: 880px;
    margin: 0 auto;
}

#footer_contact {
    max-width: 880px;
    padding-left: 0px;
    margin: 0 auto;
}
#footer_contact > .span12{
    margin-left: 0;
    width: 100%;
}
#menu_social {
    margin-left: 0px;
    width: 100%;
}

.nav-list > li > a, .nav-list.nav-header {
    text-shadow: none;
}

/* Container */
.container_specific {
    max-width: 960px;
    margin: 0 auto;
}

.container_specific > .row {
    margin-left: 0;
}

/* Listes */
ul, ol {
    margin: 0 0 10px 15px;
    padding: 0;
}

ul.inline, ol.inline {
    list-style: none outside none;
    margin-left: 0;
}

ul.inline > li, ol.inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

/* Pied de page */

#footer_top {
    background: none repeat scroll 0 0 #141414;
    color: #696969;
    text-align: center;
    font-family: georgia;
    font-size: 14px;
    font-style: italic;
    padding: 6px 0;
}

#footer_top ul li:not(:last-child) a::after {
    content: '';
    display: block;
    position: absolute;
    height: 50%;
    width: 1px;
    background: rgba(112, 111, 111, .6);
    top: 0;
    right: 0;
    top: 25%;
}

#footer_top ul li {
    margin: 0 0 0 30px;
    padding: 0;
    position: relative;
}

#footer_top ul li:first-child {
    margin: 0
}

#footer_top ul li a {
    margin: 0;
    padding: 10px 42px 10px 0;
}

#footer_top ul.nav-list li a.page_blog,
#content_right .liens_sociaux a.page_blog {
    background: url("../images/logo_bm_mini_nb.png") no-repeat scroll right center transparent;
}

#footer_top ul.nav-list li:hover a.page_blog,
#content_right .liens_sociaux a.page_blog:hover {
    background: url("../images/logo_bm_mini_hover.png") no-repeat scroll right center transparent;
}

#footer_top ul.nav-list li a.page_rss,
#content_right .liens_sociaux a.page_rss {
    background: url("../images/logo_rss_mini.png") no-repeat scroll right center transparent;
}

#footer_top ul.nav-list li:hover a.page_rss,
#content_right .liens_sociaux a.page_rss:hover {
    background: url("../images/logo_rss_mini_hover.png") no-repeat scroll right center transparent;
}

#footer_top ul.nav-list li a.page_facebook,
#content_right .liens_sociaux a.page_facebook {
    background: url("../images/logo_facebook_mini.png") no-repeat scroll right center transparent;
}

#footer_top ul.nav-list li:hover a.page_facebook,
#content_right .liens_sociaux a.page_facebook:hover {
    background: url("../images/logo_facebook_mini_hover.png") no-repeat scroll right center transparent;
}

#footer_top ul.nav-list li a.page_youtube,
#content_right .liens_sociaux a.page_youtube {
    background: url("../images/logo_youtube_mini.png") no-repeat scroll right center transparent;
}

#footer_top ul.nav-list li:hover a.page_youtube,
#content_right .liens_sociaux a.page_youtube:hover {
    background: url("../images/logo_youtube_mini_hover.png") no-repeat scroll right center transparent;
}

#footer_top ul.nav-list li a.page_flickr,
#content_right .liens_sociaux a.page_flickr {
    background: url("../images/logo_flickr_mini.png") no-repeat scroll right center transparent;
}

#footer_top ul.nav-list li:hover a.page_flickr,
#content_right .liens_sociaux a.page_flickr:hover {
    background: url("../images/logo_flickr_mini_hover.png") no-repeat scroll right center transparent;
}

#footer_top ul.nav-list li a.page_twitter,
#content_right .liens_sociaux a.page_twitter {
    background: url("../images/logo_twitter_mini.png") no-repeat scroll right center transparent;
}

#footer_top ul.nav-list li:hover a.page_twitter,
#content_right .liens_sociaux a.page_twitter:hover {
    background: url("../images/logo_twitter_mini_hover.png") no-repeat scroll right center transparent;
}

#footer_top ul.nav-list li a.page_instagram,
#content_right .liens_sociaux a.page_instagram {
    background: url("../images/logo_insta_mini.png") no-repeat scroll right center transparent;
}

#footer_top ul.nav-list li:hover a.page_instagram,
#content_right .liens_sociaux a.page_instagram:hover {
    background: url("../images/logo_insta_mini_hover.png") no-repeat scroll right center transparent;
}

#footer_top ul.nav-list li a.page_sound,
#content_right .liens_sociaux a.page_sound {
    background: url("../images/logo_sound_mini.png") no-repeat scroll right center transparent;
}

#footer_top ul.nav-list li:hover a.page_sound,
#content_right .liens_sociaux a.page_sound:hover {
    background: url("../images/logo_sound_mini_hover.png") no-repeat scroll right center transparent;
}

#content_right .c_right_trip a {
    background: url("../images/icon_tripadvisor.png") no-repeat scroll right center transparent;
    width: 230px;
    height: 39px;
    display: inline-block;
}

#content_right .c_right_trip a:hover {
    background: url("../images/icon_tripadvisor_hover.png") no-repeat scroll right center transparent;
}

#footer_bottom {
    background: none repeat scroll 0 0 #666666;
    color: #FFFFFF;
}

#footer_bottom .container_specific > .row {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

#footer_bottom .container_specific .span3 {
    flex: 1 0 auto;
    min-width: 175px;
    padding: 5px !important;
    margin: 0;
}

#footer_bottom .container_specific {
    padding: 10px 0 0 0;
}

#footer_bottom h3 {
    border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-family: "Helvetica Neue", Arial;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 3px 0;
    text-transform: none;
}

#footer_bottom ul li a {
    color: #FFFFFF;
}

#footer_bottom ul li a:hover {
    text-decoration: underline;
}

#footer_bottom .nav-list li .current {
    background-color: #00A19A;
}

.ie #footer_bottom .nav-list > li > a {
    padding-left: 0;
}

/* Menu du pied de page */
#menu_footer_level3 {
    margin: 20px 0 40px 0;
}

#menu_footer_level3 ul li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

#menu_footer_level3 ul li a {
    color: #33CCCC;
    font-family: georgia;
    font-size: 13px;
    text-decoration: none;
}

#menu_footer_level3 ul li a:hover {
    text-decoration: underline;
}

#menu_footer_level3 ul li.active a {
    text-decoration: underline;
}

#footer_logo {
    text-align: right;
}

#footer_logo .logo_vdg {
    margin-bottom: 40px;
}

#footer_contact {
    border-top: 1px solid #ffffff;
    padding: 10px 0 0 0;
    margin: 0 0 0px 0px;
    font-size: 12px;
    color: #A4A4A4;
}

#footer_contact p.adresse {
    color: #EEEEEE;
    font-size: 13px;
    margin: 0 0 20px 0px;
}

#footer_contact p.adresse a {
    text-decoration: none;
    color: #ffffff;
}

#footer_contact p.adresse a:hover {
    text-decoration: underline;
    color: #ffffff;
}

#footer_contact span.portail {
    color: #A8C72C;
}

#footer_contact .span4 {
    text-align: right;
}

#footer_contact .copyright {
    margin-right: 20px;
}

#footer_col_1 a:hover, #footer_col_2 a:hover, #footer_col_3 a:hover, #footer_col_4 a:hover {
    background-color: #666666;
    text-decoration: underline;
    color: #ffffff;
}

/* IMAGE - Affichage d'un background transparent */
.roll img {
    opacity: 1.0;
    filter: alpha(opacity=100);
    border: 0;
}

.roll:hover img {
    opacity: 0.5;
    filter: alpha(opacity=50);
    border: 0;

}

a.roll {
    display: -moz-inline-box;
    display: inline-block;
}

.roll:hover {
    background: #00a19a;
    background-image: url('/fileadmin/templates/bm/images/puce_promo_plus.png');
    background-repeat: no-repeat;
    background-position: center center;
}

/* Derniere minute */
#container_last_minute {
    margin-top: 5px;
    margin-bottom: 10px;
}

#last_minute {
    background: url("../images/background_lastminute.png") repeat-y scroll 0 0 transparent;
    margin: -1px 0 2px 20px;
    font-size: 14px;
    font-family: georgia;
    height: 70px;
}

#last_minute span.lastminute_titre {
    background: url("../images/arrow_lastminute.png") no-repeat scroll right 25px transparent;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    margin: 0 9px 0 0;
    padding: 25px 11px 25px 20px;
    text-transform: uppercase;
    width: 185px;
}

#last_minute span.lastminute_desc {
}

#last_minute span {
    float: left;
    padding: 15px 25px 15px 0;
    vertical-align: top;
    width: 675px;
}

#container_last_minute a {
    color: #00A19A;
}

#container_last_minute a:hover {
    color: #007873;
}

/* MENU DE GAUCHE DANS PAGE*/
#col_gauche_promo_link .menu_father, #contenu_col1_span4 .menu_father {
    width: 100%;
}

.menu_father_ligne a {
    font-style: normal;
    font-style: italic;
}

#col_gauche_promo_link .menu_father_ligne,
#contenu_col1_span4 .menu_father_ligne {
    border-top: dotted 1px #000000;
    padding-top: 3px;
    margin-bottom: 5px;
    list-style: none;
    text-align: left;
    padding-left: 3px;
    font-style: italic;
    font-style: bold;
}

#col_gauche_promo_link .box:not(:only-child):first-child .menu_father_ligne,
#contenu_col1_span4 .box:not(:only-child):first-child .menu_father_ligne:first-child {
    padding: 3px;
    min-height: 32px;
    display: flex;
    align-items: center;
    margin: 0;
}

#col_gauche_promo_link .menu_father_ligne.first, #contenu_col1_span4 .menu_father_ligne.first {
    color: #00a19a;
    font-family: arial;
    font-style: normal;
    Border-top: 2px solid #00a19a;
}

.faq #contenu_col2_desc .menu_father_ligne {
    /*border-top: dotted 1px #000000;*/
    padding-top: 9px;
    padding-bottom: 15px;
    padding-left: 15px;
    margin-bottom: 12px;
    list-style: none;
    text-align: left;
    font-style: italic;
    font-style: bold;
    background-color: #c9c9c9;
}

.faq #contenu_col2_desc .menu_father_ligne:hover {
    background-color: #00a19a;
    color: #ffffff;
}

.faq #contenu_col2_desc .menu_father_ligne a {
    font-style: normal;
    color: #ffffff;
}

.faq #contenu_col2_desc .menu_father_ligne a:hover {
    color: #ffffff;
}

.faq #contenu_col2_titre h2 {
    line-height: 35px;
}

/* AUDIO */
.selection_desc audio {
    color: #ff0000;
}

#gsa_corps_contenu {
    max-width: 980px;
    margin: 0 auto;
    background-color: #ffffff;
}

#gsa_corps_contenu .row {
    padding: 0 0 0 0;
    text-align: left;
}

#gsa_corps_contenu.box {
    margin-bottom: 0px;
}

#gsa_corps_contenu_result {
    margin-top: 5px;
    margin-bottom: 10px;
    max-width: 880px;
    margin: 0 auto;
    background-color: #ffffff;
}

#gsa_corps_contenu h2 {
    line-height: 20px;
    margin: 0 0 12px;
    font-weight: normal;
    padding-bottom: 5px;
    Border-bottom: 1px dotted #00a19a;

}

/* HEADER COMMUN */

/* HEADER */
#header_top_container_commun {
    z-index: 1000;
}

/* INNER HEADER */
.inner_header_container_commun {
}

/* MENU DYNAMIQUE */

.dropdown-menu li:hover {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

ul#menu_XL li.dropdown:hover > ul.dropdown-menu {
    display: block;
    /*height:300px;*/
    padding: 10px 0;
}

.separation_verticale_G {
    Border-left: 1px solid #00a19a;
}

#menu_XL {
    margin: 0;
    padding: 6px 0 0;
    list-style: none;
    text-align: left;
    height: 28px;
    line-height: 25px;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    justify-content: space-between;
}

#menu_XL li {
    font-family: arial;
    font-variant: normal;
    line-height: 25px;
    padding: 0 10px;
    white-space: nowrap;
}

#menu_XL .dropdown-menu {

}

#menu_XL li h3 {
    display: inline;
    line-height: 25px;
    font-family: arial;
    font-variant: normal;
    color: #00a19a;
    Border: none;
    padding-top: 20px;
}

#menu_XL li a {
    color: #000000;
    font-weight: bold;
}

#menu_XL li a:hover {
    color: #00a19a;
    font-weight: bold;
}

#menu_XL .dropdown-menu ul.ul_XL_menu {
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 20px;
    padding-bottom: 0px;
    line-height: 0px;
}

#menu_XL .dropdown-menu ul.ul_XL_menu li {
    line-height: 0px;
    background-image: none;
}

#menu_XL .dropdown-menu ul.ul_XL_menu > li:hover {
    line-height: 0px;
    background-image: none;
}

#menu_XL .dropdown-menu ul.ul_XL_menu li a {
    Border-top: 1px dotted #575757;
}

#menu_XL .dropdown-menu ul.ul_XL_menu li > a:hover {
    background-image: none;
}

#menu_XL .dropdown-menu ul.ul_XL_menu li a.a_xl_menu {
    color: #706f6f;
    margin-left: 0px;
    padding-left: 0px;
}

#menu_XL .dropdown-menu ul.ul_XL_menu li a.a_xl_menu:hover {
    color: #00a19a;
    background-color: #f5f5f5;
}

#menu_XL .dropdown-menu .a_xl_menu {
    color: #00a19a;
}

#menu_XL .dropdown-menu .a_xl_menu_special {
    color: #050505;
}

#menu_XL .dropdown-menu ul.ul_XL_menu li a.a_xl_menu_special {
    color: #050505;
    margin-left: 0px;
    padding-left: 0px;
    margin-top: 20px;
}

#menu_XL .dropdown-menu ul.ul_XL_menu li a.a_xl_menu_special:hover {
    color: #00a19a;
    background-color: #f5f5f5;
}

#menu_XL li.moreCatalogue a.a_menu_bis {
    color: #00a19a;
}

#Menu_XL_slide3_col3 img {
    margin-bottom: 20px;
    padding: 0px;
}

#contenu_biblio_alert {
    color: #ff0000;
}

/******************   DEBUT BREADCRUMB   ******************/
#contenu_breadcrumb {
    margin-top: 40px;
    border-top: dotted 1px #373735;
}

#breadcrumb_liste > li {
    margin-left: 0px;
}

#container_breadcrumb {
    margin: 15px 0 45px 0;
}

#breadcrumb_liste {
    margin: 0;
}

#breadcrumb_liste li {
    display: inline;
    padding: 0;
    background-color: transparent;
    text-decoration: none;
}

#breadcrumb_liste li a {
    color: #888;
}

/* pour tous */
#contenu_breadcrumb li.current {
    font-weight: bold;
}

#contenu_breadcrumb li.breadcrumb a:hover {
    color: #00a19a;
}

#contenu_breadcrumb li.breadcrumb:last-child a {
    color: #00a19a;
    font-weight: bold;
}

#contenu_breadcrumb li.breadcrumb {
    color: #00a19a;
    font-family: Verdana;
    font-size: 13px;
}

/******************   FIN BREADCRUMB   *******************/

/******************   DEBUT FORMULAIRE INSCRIPTION   *******************/
#container_content #mailform .checkbox {
    padding-left: 0
}

#container_content #mailform .checkbox .radio input[type="radio"], .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 20px;
    padding-left: 0;
}

#container_content #mailform .form-horizontal .form-actions {
    padding-left: 180px;
    background-color: transparent;
    border: none;
}

#container_content #mailform .btn-primary {
    color: #fff;
    background-color: #a4a4a4;
    border-color: #a4a4a4;
    background-image: linear-gradient(to bottom, #a4a4a4, #a4a4a4);
}

/******************   FIN FORMULAIRE INSCRIPTION   *******************/

/******************   NOUVEAU MENU MOBILE   *******************/

.cb_close_icon,
#cb_menu_responsive {
    background-color: #383838;
}

.cb_menu_responsive_container {
    background-color: #000000;
}

.cb_drawer,
.cb_menu_responsive_container,
.cb_close_icon,
#cb_menu_responsive,
#cb_menu_responsive .ul_XL_menu li a {
    width: 100%;
}

.cb_drawer {
    max-width: 100%;
}

.cb_drawer,
.cb_close_icon {
    z-index: 9999;
}

.cb_drawer.active #cb_menu_responsive,
.cb_close_icon {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.cb_drawer,
.cb_menu_responsive_container,
.cb_close_icon {
    top: 0;
}

#cb_menu_responsive ul li,
.cb_drodown ul li,
#cb_menu_responsive {
    list-style: none;
}

#cb_menu_responsive ul.ul_XL_menu {
    margin-bottom: 1.2em;
}

.cb_drawer {
    padding-bottom: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    cursor: pointer;
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 1.5em;
    line-height: 1em;
}

.cb_drawer #cb_menu_responsive .a_menu_bis {
    font-size: 1.2em;
    color: #00A19A;
}

.cb_drawer li {
    line-height: 1.8em;
    padding: 0.5em 0;
    font-size: 18px;
}

.cb_drawer img {
    width: 300px;
    max-width: 95%;
}

.cb_drawer.active {
    display: block !important;
}

.cb_drawer.active #cb_menu_responsive {
    transform: translateX(-20px);
    animation-duration: 0.2s;
    animation-name: slidein;
    padding-bottom: 1.5em;
}

.cb_menu_responsive_container {
    padding: 8px;
    height: 3em;
    line-height: 4em;
    cursor: default;
    z-index: 9998;
}

.cb_menu_icon {
    cursor: pointer;
    width: 3.5em;
    max-height: 100%;
    display: inline-block;
}

.cb_close_icon {
    position: fixed;
    max-width: 342px;
    padding: 0 18px 0 18px;
    text-align: right;
    animation-duration: 0.2s;
    animation-name: slidein;
}

.cb_close_icon svg {
    width: 36px;
    height: 36px;
    margin: 8px;
}

.cb_menu_responsive_container svg {
    min-height: 36px;
    min-width: 36px;
}

#cb_menu_responsive {
    max-width: 360px;
    padding: 48px 0 0 24px;
    margin-bottom: 0;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

#cb_menu_responsive > li {
    padding: 0;
}

#cb_menu_responsive h3 {
    width: calc(100% - 1.5em);
    margin: 0;
    font-size: 14px;
}

#cb_menu_responsive .cb_menu_title {
    padding: 0;
}

#cb_menu_responsive .a_menu_bis {
    color: rgba(255, 255, 255, 0.75);
}

#cb_menu_responsive .ul_XL_menu li a {
    color: #FFFFFF;
    display: block;
}

#cb_menu_responsive > li {
    overflow-x: hidden;
}

.menu-title {
    width: auto;
    display: inline-block;
    height: 100%;
    color: #FFFFFF;
    font-size: 2em;
    vertical-align: top;
    max-height: 100%;
    position: relative;
    top: -7px;
}

.no_scroll {
    overflow-y: hidden;
}

@keyframes slidein {
    from {
        transform: translateX(-480px);
    }

    to {
        transform: translateX(-20px);
    }
}

@media all and (min-width: 885px) {
    .cb_menu_responsive_container,
    .cb_drawer {
        display: none;
    }
}

@media all and (max-width: 884px) {
    body {
        overflow-x: hidden;
    }

    #container_menu_2 {
        display: none;
    }

    .separation_verticale_G {
        border-color: transparent;
    }
}

@media all and (max-width: 767px) {
    .cb_drawer {
        transform: translateX(-20px);
    }

    #header_top_container_commun .institutions_content {
        height: auto;
    }
}

@media all and (min-width: 481px) {
    #header_top_container_commun #inner_header_img{
        left: 65%;
    }
}
@media all and (min-width: 632px) {
    #header_top_container_commun #inner_header_img{
        left: 50%;
    }
}
@media all and (min-width: 321px) and (max-width: 374px) {
    .cb_close_icon {
        max-width: 340px;
    }
}

@media all and (max-width: 320px) {
    .cb_close_icon {
        max-width: 300px;
    }
}

/******************   FIN NOUVEAU MENU MOBILE   *******************/

