@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

:root {
  --sogitec-blue-light-connexion: #87e1ff;
  --sogitec-blue-connexion: #7a7cff;
  
  --sogitec-blue-light-header: #8be0fc;
  --sogitec-blue-header: #81b5ff;

  --sogitec-blue-light-footer: #7ea2ff;
  --sogitec-blue-footer: #7875ff;
  
  --sogitec-grey: #666666;
  --sogitec-blue-nav:rgba(0,0,255,0.5);
  --sogitec-white-search:rgba(255,255,255,0.6);
  --sogitec-black-hover:rgba(0,0,0,0.2);
}

/*texte*/
body, .widget.login .dropdown-toggle, .nav nav .nav-link, .widget-header, h1, h2, h3 {
    font-family: 'Josefin Sans', sans-serif;
  color:var(--sogitec-grey);
    font-size: 16pt!important;
}
h1 {
  font-size: 36pt!important;
  font-weight: bold;
    color:white;
}
.widget-header, h2 {
  font-size: 24pt!important;
  font-weight: bold;
    color:var(--sogitec-blue-footer);
    text-transform:uppercase;
}
h3 {
  font-size: 24pt!important;
  font-weight: bold;
    color:white;
}
.nav nav .nav-link {
  font-size: 16pt!important;
  font-weight: normal;
    text-transform:uppercase;
    color:white;
}
.text-secondary {
    font-size: 16pt!important;
    font-weight: bold;
    color: var(--sogitec-grey) !important;
}
.dropdown.dropleft.dropup .card_action .text-secondary {
    font-size: initial !important;
    font-weight: normal;
    color: black !important;
}
.dropdown.dropleft.dropup .card_action .print .text-secondary i {display: none;}
  
.model_description_Class_Notice {
    line-height: 1.3 !important;
    margin-bottom: 11pt!important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.col-form-label-sm {
    font-size: 16pt!important;
}
  
.card-subtitle .text-left {
    font-size: 16pt!important;
    font-weight: lighter;
    text-transform:uppercase;
    color:var(--sogitec-grey)!important;
    font-style:italic;
}
.widget-footer.card-footer .text-left,
.card_template .card-footer .card-link .button_text {
    font-size: 16pt!important;
  font-weight: lighter;
    color:var(--sogitec-grey)!important;
}
  .widget-footer a.btn-secondary,
  .widget-footer a.btn-secondary:hover {
    color:var(--sogitec-grey)!important;
}
.masonry-content > .card > .card-footer {
    padding: 5px;
    background: none;
}


/*image*/
.card-subtitle i,
main .btn i,
.card-footer .card-link i {display:none!important;}
  
  
/*classes ajoutées*/
.no_badges .badge-group {display:none!important;}
.no_footer .card_template .card-footer {display:none!important;}

.mx-auto {
    margin-left:auto!important;
    margin-right:auto!important;
}

.no_resume .card-body .card-subtitle.card_subtitle.card_subtitle_Intonation_Library_View_Wrapper_Record,
.no_resume .card-body .card-text.card_description.card_description_Intonation_Library_View_Wrapper_Record, 
.no_resume .card-body ~ .card-footer {
    display: none !important;
}

.no_plus .card-footer .card-link ~ .dropdown.dropleft.dropup,
.no_plus .cardify_horizontal_actions .card_action .dropdown.dropleft.dropup {display: none!important;}
.no_plus .card-footer {justify-content: flex-end !important;}
  
.px-8 {
    padding-left:8%!important;
    padding-right:8%!important;
}

.no_important_badge .text-left.badge.badge-info, 
.no_important_badge .text-left.badge.badge-dark,
.no_important_badge .text-left.badge.badge-success[title*="finit le"] {
    display: none!important;
}

/*boutons badges*/
.badge-group .badge,
.badge-group a.badge {
    background: var(--sogitec-blue-nav) !important;
    border: 1px solid white !important;
    border-radius: 30px !important;
    margin: auto;
    font-size:14pt!important;
    padding: .5rem 1rem;
    font-weight: normal;
}
.badge-group .badge .text-truncate,
.badge-group a.badge .text-truncate {
  max-width: none;
    white-space: break-spaces;
}


/*organisation boite*/
.widget-header.card-header {
    order: 1;
  padding-left: 0;
}
.widget-footer.card-footer {
    order: 2;
    position: absolute;
    right: 0;
    padding: 0;
    z-index: 10;
    padding-top: 1rem;
  float: left;
  display:inline;
}
  
.widget-footer.card-footer .btn-group, .widget-footer.card-footer .btn-group .btn  {
    display:inline!important;
}
.widget-body.card-body {order: 3;}
  
  
/*carrousel*/
.carousel-item .card-link img {
    height: 250px;
    width: 100%;
    object-fit: cover;
}
.carousel-indicators li {
  display:none!important;
    height: 10px;
    width: 10px;
    border-radius: 100% !important;
}
 [class^="fa"].ico_xl {
    display: block;
    font-size: 1.5em;
}
.carousel-control-prev {left: -4em;}
.carousel-control-next {right: -4em;}
  
  
  
.card-body {padding: 1.25rem 0;}


/*en-tete*/
header {
    background: url(/cesogbruz/userfiles/bannieres/illustration_banniere_1365x768.png) no-repeat, linear-gradient(var(--sogitec-blue-light-connexion), 70%, var(--sogitec-blue-connexion));
    background-position: center center;
    background-repeat: no-repeat;
    background-size: inherit;
}


/*header .free span span{display: none;}*/
header .free .widget-body.card-body {padding: 0;}

header .boite.image {display: none;}
header .boite.image .card-body {padding:1.25rem;}  
  
/*menu*/
header .nav {margin-top:0!important;}
  
header .nav .dropdown-toggle::after {content:none;}
header .nav nav .nav-link {
    border:none!important;
    height:45px;
    padding: 1rem!important
}
header .nav nav .nav-item:first-child {height: 80px !important;}
header .nav nav .nav-item:first-child .nav-link {padding: 0 !important;}
header .nav nav .nav-item:first-child .nav-link img {
    height: 80px !important;
    width: auto !important;
}
  
header .nav nav {background: none!important; }
header .nav nav .nav-item {
    height:45px;
    margin: auto 1em;
}

header .nav nav .nav-item.show {
    background: var(--sogitec-blue-nav) !important;
    border: 1px solid white!important;
    border-bottom: none!important;
    border-radius:10px 10px 0 0!important;
}
header .nav nav .nav-item.show .dropdown-menu.list-unstyled.show {
    background: var(--sogitec-blue-nav) !important;
    border: 1px solid white!important;
    border-top: none!important;
    border-radius:0 10px 10px 10px!important;
    margin:0;
    box-shadow:none;
    width: max-content;
    margin-left: -1px;
      min-width: 300px !important;
}
header .nav nav .nav-item.show .dropdown-menu.list-unstyled.show .nav-item {
  padding: 0!important;
  height: 35px!important;
}
header .nav nav .nav-item.show .dropdown-menu.list-unstyled.show .nav-item .nav-link {
  padding: .5rem !important;
  height: 35px;
}
header .nav nav .nav-item.show .dropdown-menu.list-unstyled.show .nav-item .button_text{text-transform:none;}

header .nav .boite.login button,
header .nav .boite.login .dropdown-menu {
  background: none!important;
  box-shadow:none!important
}
header .nav .boite.login .user_login {display: none;}  

  
/*boite recherche*/
.rech_simple.widget {margin-top: 8em !important;}
.rech_simple.widget .wrapper_zendafi_form_expressionrecherche {
    background: var(--sogitec-white-search) !important;
    border:1px solid white!important;
    width: 90%;
}
.rech_simple.widget .zendafi_form_expressionrecherche {
    padding-left: .75em;
    padding-top: 10px;
}
.rech_simple.widget input, 
.rech_simple.widget select, 
.rech_simple.widget button {
    background-color: transparent;
    font-size: 16pt!important;
}
.rech_simple.widget button[type="submit"] {
    background-color: var(--sogitec-blue-footer);
    border:1px solid white!important;
    border-left:none!important;
    color: var(--muscle-white);
    height: 50px;
}
.rech_simple.widget form ~ .dropdown-item.text-secondary {
    color: var(--muscle-white)!important;
    text-transform: none;
    font-weight: normal;
}

.rech_simple.widget .btn.zendafi_form_search_submit_button i {display: initial !important;}
.rech_simple.widget .zendafi_form_search_submit_button i::before {
    content: "\f002";
    background: url('/cesogbruz/userfiles/image/MT_Autres/Logo_loupe.png') no-repeat;
    color: transparent;
}
  
/*boite event*/
 .actu_accueil [class^="fa"].ico_xl {
    color: white !important;
    display: block;
    font-size: 1.5em;
}
.actu_accueil .carousel-control-prev {left: 4em;}
.actu_accueil .carousel-control-next {right: 4em;}
  
.actu_accueil .cardify_horizontal_img {
    flex: 0 0 100%;
    max-width: 100%;
    padding:0!important;
}
.actu_accueil .cardify_horizontal_img img {
    height: 600px;
    object-fit: cover;
    width: 100%;
}
.actu_accueil .cardify_horizontal_content .card-title.card_title.card_title_Intonation_Library_View_Wrapper_Article .text-secondary {
  color: white!important;
  font-size: 36pt !important;
  text-transform: uppercase;
}
.actu_accueil .cardify_horizontal_content .card-text {
  color: white!important;
  margin: 0;
}
  
.actu_accueil .badge-group.badge_group.badge_group_Intonation_Library_View_Wrapper_Article span.badge-secondary {
    display: grid;
    justify-content: center;
}
  
  
.actu_accueil .cardify_horizontal_img ~ .cardify_horizontal_content,
.actu_accueil .cardify_horizontal_img ~ .cardify_horizontal_actions {display:none;}
  
.actu_accueil .cardify_horizontal_img ~ .cardify_horizontal_content {
      position: absolute;
      background-color: var(--sogitec-black-hover);
      opacity: 1;
      padding: 5rem !important;
      display: initial;
      flex: 0 0 100%;
      max-width: 100%;
      height: 70%;
      text-align: center;
}
.actu_accueil .cardify_horizontal_img ~ .cardify_horizontal_actions {
      position: absolute;
      background-color: var(--sogitec-black-hover);
      opacity: 1;
      padding: 2rem 5rem !important;
      display: initial;
      flex: 0 0 100%;
      max-width: 100%;
      height: 30%;
      bottom: 0;
}

.actu_accueil .cardify_horizontal_img ~ .cardify_horizontal_actions .card_action {text-align: right;}
.actu_accueil .cardify_horizontal_img ~ .cardify_horizontal_actions .card_action i {display:none;}
.actu_accueil .cardify_horizontal_img ~ .cardify_horizontal_actions .card_action .button_text {
    color: white !important;
    font-weight:lighter;
    font-style:italic;
}

.actu_accueil .widget-footer.card-footer {
    margin-right: 8%;
    padding:2.50rem 1.25rem
}
.actu_accueil .widget-footer.card-footer .text-left {color: white!important;}

.actu_accueil .cardify_horizontal_img ~ .cardify_horizontal_content {
    position: absolute;
    background-color: var(--sogitec-black-hover);
    opacity: 1;
    padding: 5rem !important;
    display: initial;
    flex: 0 0 100%;
    max-width: 100%;
    height: 80%;
    text-align: center;
}
.actu_accueil .cardify_horizontal_img ~ .cardify_horizontal_actions {
    position: absolute;
    background-color: var(--sogitec-black-hover);
    opacity: 1;
    padding: 2rem 5rem !important;
    display: initial;
    flex: 0 0 100%;
    max-width: 100%;
    height: 20%;
    bottom: 0;
}
.actu_accueil .cardify_horizontal_img ~ .cardify_horizontal_content .card-subtitle {display: none;}
.actu_accueil .cardify_horizontal_img ~ .cardify_horizontal_content .badge {
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    margin: auto;
    font-size: 14pt!important;
}
.actu_accueil  .cardify_horizontal_img ~ .cardify_horizontal_content .badge span {
    font-style: italic;
    font-weight: lighter;
    font-size: 20pt!important;
}
.actu_accueil .cardify_horizontal_img ~ .cardify_horizontal_content .badge.badge-info {display:none;}
.actu_accueil .cardify_horizontal_img ~ .cardify_horizontal_content p {margin-top:1em;}
  
.actu_accueil .carousel-indicators {display: none;}


/*boite genre*/
.domain_browser .card-img.img-fluid.rounded {
    background: linear-gradient(30deg, var(--sogitec-blue-light-connexion), 70%, var(--sogitec-blue-connexion));
    background-position: center center;
    background-repeat: no-repeat;
    background-size: inherit;
}
.domain_browser .card-deck .card-body.card_body.card_body_Intonation_Library_View_Wrapper_Domain {text-align: center;}

.domain_browser .card-deck .card-body.card_body.card_body_Intonation_Library_View_Wrapper_Domain .text-secondary {text-transform: lowercase;}
  
  
/*boite actu*/
.news .card-img.img-fluid.rounded,
.news .card-img-top.text-center {
    height: 250px;
    width: 100%;
    object-fit: cover;
}

/*boite nouveautes*/
.kiosque .card-img.img-fluid.rounded {
    height: 300px;
    /*width: 100%;*/
    width:auto;
    object-fit: cover;
}


/*page article*/
.cms_articleview main .card_article .card-subtitle {display: none;}

.cms_articleview main .card_article .badge-group .badge.badge-info {display:none;}
.cms_articleview main .card_article .badge-group .badge {
    background: none!important;
    border:none!important;
    color: var(--sogitec-grey)!important;
    font-style:italic;
    font-weight: normal;
}


/*bas de page*/
footer {
    background: linear-gradient(var(--sogitec-blue-light-footer), 70%, var(--sogitec-blue-footer));
    background-position: center center;
    background-repeat: no-repeat;
    background-size: inherit;
    font-size: 16pt!important;
}
  
  
/*footer*/
footer .free, 
footer .free a, 
footer .free u {color: white;}
  
footer .boite.free.ml-auto p:first-child {font-weight: lighter;}

/*footer menu*/
footer .nav-link {
    border:none!important;
  color: white;
}
footer .nav-link .button_text {font-weight:lighter;}
footer .boite.menu .nav-item {
    list-style-type: "-";
    color: white !important;
}
footer .boite.menu .nav-item:first-child {list-style-type: none !important;}
   

/*page recherche*/
.search_title_col h1 {
    font-size: 24pt!important;
    font-weight: bold;
    color: var(--sogitec-blue-footer);
    text-transform: uppercase;
}

.search_criteria_col .btn {
  background:none;
  border:1px solid var(--sogitec-blue-connexion)!important;
  border-radius:30px!important;
}
.search_criteria_col .btn i {display:initial!important;}
  
.search_tools_col .result_count_results .btn,
.search_tools_col_2 .result_count_results .btn {
    background:none!important;
    color:var(--sogitec-blue-connexion);
    font-weight:bold;
}
  
.search_tools_col .result_list_mod .btn,
.search_tools_col_2 .result_list_mod .btn,
.search_tools_col .result_wall_mod .btn,
.search_tools_col_2 .result_wall_mod .btn {
    background:var(--sogitec-blue-connexion)!important;
    color: white !important;
    border-radius:30px!important;
    padding:.5rem 1rem;
    opacity:.5;
}
.search_tools_col .result_list_mod .btn.active,
.search_tools_col_2 .result_list_mod .btn.active,
.search_tools_col .result_wall_mod .btn.active,
.search_tools_col_2 .result_wall_mod .btn.active,
.search_tools_col .result_follow_search .btn,
.search_tools_col_2 .result_follow_search .btn {
    background:var(--sogitec-blue-connexion)!important;
    color: white !important;
    border-radius:30px!important;
      padding:.5rem 1rem;
      opacity:1;
}
.search_tools_col .result_more_actions .btn,
.search_tools_col_2 .result_more_actions .btn{
    background:var(--sogitec-blue-connexion)!important;
    color: white !important;
    border-radius:30px!important;
    padding:.5rem 1rem;
}
  
.search_tools_col .result_page_size,
.search_tools_col_2 .result_page_size {
    border:1px solid var(--sogitec-blue-connexion)!important;
    border-right:0!important;
}
.search_tools_col .result_search_order,
.search_tools_col_2 .result_search_order {border:1px solid var(--sogitec-blue-connexion)!important;}

.search_tools_col .result_pager span.btn,
.search_tools_col_2 .result_pager span.btn {
    background:var(--sogitec-blue-connexion)!important;
    color: white !important;
      padding: .5rem 1rem;
}
.search_tools_col .result_pager .btn[title="page précedente"],
.search_tools_col_2 .result_pager .btn[title="page précedente"] {
    background:var(--sogitec-blue-connexion)!important;
    color: white !important;
    border-radius:30px 0 0 30px!important;
      padding: .5rem 1rem;
}
.search_tools_col .result_pager .btn[title="page suivante"],
.search_tools_col_2 .result_pager .btn[title="page suivante"] {
    background:var(--sogitec-blue-connexion)!important;
    color: white !important;
    border-radius: 0 30px 30px 0!important;
      padding: .5rem 1rem;
}
.search_tools_col .result_pager .btn i,
.search_tools_col_2 .result_pager .btn i,
.search_tools_col .result_follow_search .btn i,
.search_tools_col_2 .result_follow_search .btn i {display: initial !important;}
  
.search_domain_browser img {
  width:60%;
    background: linear-gradient(30deg, var(--sogitec-blue-light-connexion), 70%, var(--sogitec-blue-connexion));
    background-position: center center;
    background-repeat: no-repeat;
    background-size: inherit;
}
.search_domain_browser .card-body {text-align:center;}
  
.search_facets_col .form_facets {width: 100%;}
.search_facets_col .facettes_unordered_list {background: linear-gradient(30deg, var(--sogitec-blue-light-connexion), 70%, var(--sogitec-blue-connexion)) !important;}
  
.search_facets_col .facette_titre {
  background: none;
  padding: .25rem 1rem!important;
  border-bottom:1px dashed white!important;
}
  
.search_facets_col .facette_titre .badge-primary {background:none;}
.search_facets_col .bouton {
    background: var(--sogitec-blue-nav) !important;
    border: 1pt solid white !important;
    border-radius: 30pt!important;
    font-size: 16pt!important;
    padding: .5rem 1rem;
}
.search_facets_col .facette_titre b,
.search_facets_col .facette_titre .facet_item .text-secondary {
  color: white !important;
  font-weight: normal;
}

.search_facets_col .facette_titre b i {
    display: inline-block;
    position: absolute;
    right: 1em;
}
  
.search_records_col .list-group-item:first-child {margin-top: 38px;}
.search_records_col .card {
    background: none !important;
    border: 1px solid var(--sogitec-blue-nav) !important;
}

  
  /*page recherche avancée*/
  .recherche_avancee h1 {
    font-size: 36pt !important;
    font-weight: bold;
    color: var(--sogitec-blue-connexion);
    padding-left: 8% !important;
}
  
 
/*page notice*/
.bokeh_jumbotron.jumbotron {
    background: linear-gradient(30deg, var(--sogitec-blue-light-connexion), 70%, var(--sogitec-blue-connexion)) !important;
    color: white;
}
.jumbotron_title i {display:none;}

.jumbotron_actions .card-link,
.jumbotron_actions .dropdown .card-link {color: white!important;}
.jumbotron_actions .dropdown .dropdown-menu.show .card-link {color: black !important;}
  
.jumbotron_actions .btn {
    background: var(--sogitec-blue-nav) !important;
    border: 1px solid white !important;
    border-radius: 30px !important;
    margin: auto;
}

.jumbotron .nav-link div {font-size: 10pt!important;}
.items_wall .masonry {grid-template-columns: repeat( auto-fill, minmax(350px, 1fr) );}
.items_wall .masonry  .card {padding: 1em;}
.wrapper_reviews form {
    margin: 0;
    padding: 0 1em;
}
  
.wrapper_document_items .items_map {
    display: none;
}

  
/*page connexion*/
body.profil_1.auth_login, 
.profil_1.auth_login #site_web_wrapper {
    background: url(/cesogbruz/userfiles/bannieres/illustration_banniere_1365x768.png) no-repeat, linear-gradient(var(--sogitec-blue-light-connexion), 70%, var(--sogitec-blue-connexion)) no-repeat;
    background-position: top 2em center, center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 1000px;
    overflow: hidden;
}
/*.profil_1.auth_login header #boite_8*/
.profil_1.auth_login header .boite.nav ~ .boite.free {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 !important;
  display: initial;
}
.profil_1.auth_login header #boite_19 {
    margin: 1em auto 0 auto;
    flex: 0 0 75%;
    max-width: 75%;
    align-items: start !important;
  display: initial;
}
.profil_1.auth_login header #boite_19  span span {
    display: initial;
    font-weight: lighter;
}
.profil_1.auth_login .login {
    margin: 2em auto;
    text-align: center;
}
.profil_1.auth_login .login .widget-body.card-body {width:100%!important;}
.profil_1.auth_login .login form {max-width: none;}

.profil_1.auth_login .login form .required,
.profil_1.auth_login .login .form-group .required {display: none;}

.profil_1.auth_login .login.form::before {content: "Accès : ";}

.profil_1.auth_login .login form, 
.profil_1.auth_login .login form *,
.profil_1.auth_login .login.form, 
.profil_1.auth_login .login.form *{
    text-align: center !important;
    justify-content: center;
}
.profil_1.auth_login .login form input,
.profil_1.auth_login .login .form-group input {
    text-align: left !important;
    background: none!important;
    border: none !important;
}
.profil_1.auth_login .login  label ~ .col-12.col-sm {
    display: table;
    background: var(--sogitec-white-search) !important;
    border: 1px solid white !important;
}
.profil_1.auth_login .login form input.zendafi_form_login_login,
.profil_1.auth_login .login .form-group ~ input.zendafi_form_login_login {
    text-align: left !important;
    background: var(--sogitec-blue-nav) !important;
    border: 1px solid white !important;
    border-radius: 30px !important;
    text-transform: uppercase;
    padding: 10px 30px;
}
.profil_1.auth_login .login .text-secondary {
    color: var(--muscle-white) !important;
    font-weight: normal;
}
.profil_1.auth_login h2 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
    padding: 2.25rem;
    margin-top: 4.25em;
    color: transparent !important;
}
.profil_1.auth_login .login.form {
    flex: 0 0 25%;
    max-width: 25%;
}
.profil_1.auth_login h2::before {
    content: "CSE SOGITEC";
    font-size: 36px;
    color: white;
}
.profil_1.auth_login h2::after {
    content: "Le site du CSE fait peau neuve ! Bienvenue. Retrouver toutes les actualités de votre Comité Social et Economique au même endroit, où que vous soyez.";
    text-transform: initial;
    color: white;
    font-size: 16px;
    display: block;
    font-weight:normal;
    margin-top: 1.5rem;
}

.profil_1.auth_login .boite.nav,
.profil_1.auth_login .rech_simple.widget,
.profil_1.auth_login .boite.ariane,
.profil_1.auth_login main,
.profil_1.auth_login footer {display: none;}
  
.profil_1.auth_login header {background:none;}
  

/*article - tableau*/
.cms_articleview main .card_article table thead th {text-align: center;}

.cms_articleview main .card_article table thead, 
.cms_articleview main .card_article table td {border: 1px solid black !important;}

.cms_articleview main img {
    max-width: 100% !important;
    height: auto !important;
}
  .cms_articleview .media {
    display: none;
}
  

.cardify_horizontal_content .text-muted.card-subtitle,
.cardify_horizontal_actions .card-link i {
    display: none;
}

.cardify_horizontal_actions .card-link {
    font-size: 16pt !important;
    font-weight: lighter;
    color: var(--sogitec-grey) !important;
}



.card-link[title*="facebook"], 
.card-link[title*="twitter"] {
    display: none !important;
}



/* -------------- RESPONSIVE ------------------------*/
/* Grand écran*/
@media (min-width:1024px){
    /*boite libre logo*/
    header .free {display:none;}

    header .nav nav .nav-item:first-child:hover,
    header .nav nav .nav-item:last-child:hover {
        background: none !important;
        border: none !important;
        border-radius: 10px !important;
    }
    header .nav nav .nav-item:hover {
        background: var(--sogitec-blue-nav) !important;
        border: 1px solid white!important;
        border-radius:10px!important;
    }
  header .nav nav .nav-item.show:hover {
    	background: var(--sogitec-blue-nav) !important;
        border: 1px solid white!important;
        border-radius:10px 10px 0 0!important;
          border-bottom:0!important;
    }
    header .nav nav .nav-item.show .dropdown-menu.list-unstyled.show .nav-item:hover {
        background: var(--sogitec-black-hover) !important;
        border: none!important;
        border-radius:0!important;
        margin:0;
        box-shadow:none;
        padding:0 1rem!important;
    }

    .rech_simple.widget form ~ .dropdown-item.text-secondary:hover {
      background: none !important;
      text-decoration: underline;
    }
}


/* Moyen/petit écran*/
@media (max-width:1024px) {
    /*fonts*/
    h1 {
      font-size: 30pt !important;
      font-weight: bold;
      color: white;
  }
    .widget-header, 
    h2 {
      font-size: 20pt!important;
      font-weight: bold;
      color: var(--sogitec-blue-footer);
      text-transform: uppercase;
  }
  .widget-header.card-header {
      order: 1;
      padding-left: 0;
  }
  
    /*carousel*/
    .carousel-control-next {right: -2em;}
    .carousel-control-prev {left: -2em;}
    
    /*fond de site*/
    #site_web_content_wrapper {height: inherit;}

    /*logo*/
    header .boite.free {
      margin: 0 auto;
      align-items: start !important;
  }
    header .free span img {
      width: auto!important;
    height: 60px!important;
    }
    header .free span span {
      display: initial;
      font-size: 30pt!important;
      font-weight: lighter;
  }

  header .boite.image {
    display: initial;
}
  header .boite.image img{
    width: 30px !important;
    height: auto;
}
  header .boite.login {display: none;}
  

/*boite libre*/
header .free span span {
    display: initial;
    font-size: 24pt !important;
    font-weight: lighter;
}
header .free span img {
    width: auto !important;
    height: 50px !important;
}


  /*menu*/  
  header .widget.nav {margin-top: 3em !important;}
  header .widget.nav * {justify-content: start;}


  header .nav nav .nav-item {
    height: 45px;
    margin: 0;
}
  header .widget.nav .navbar-light.collapsed .navbar-toggler-icon {background-image: url("http://mabib.fr/cesogbruz/userfiles/image/MT_Autres/Logo_menu.png");}
    header .widget.nav .navbar-light[aria-expanded="true"] .navbar-toggler-icon::after {
      content: 'x';
      display: inline;
      vertical-align: middle;
      font-size: 1.5em;
      color: white;
  }
header .widget.nav .navbar-collapse.collapse.show {
    right: 0;
    position: absolute;
    top: 0;
  z-index: 10;
    background: var(--sogitec-blue-nav) !important;
    border: 1px solid white !important;
    border-radius: 10px !important;
}
  header .nav nav .nav-item.show {
    background: none !important;
    border: none !important;
    border-bottom: none !important;
    border-radius: 10px 10px 0 0 !important;
}
  header .nav nav .nav-item.show .dropdown-menu.list-unstyled.show {
    background: rgb(0, 0, 255) !important;
    border: none !important;
    border-top: 1px solid white !important;
    border-radius: 0 10px 10px 10px !important;
    margin: 0;
    box-shadow: none;
    width: auto;
    padding-left: 2em;
    z-index: 20;
  position: absolute;
}
header .nav nav .nav-item:first-child,
header .nav nav .nav-item:last-child{display:none;}

header .nav nav .dropdown-menu.list-unstyled.show .nav-item,
header .nav nav .dropdown-menu.list-unstyled.show .nav-item {display:initial;}

  
  /*header .nav nav .nav-item.show .dropdown-menu.list-unstyled.show .nav-item,*/
  header .nav nav .nav-item.show .dropdown-menu.list-unstyled.show .nav-item .nav-link {
    /*padding: 0 !important;*/
    height: max-content !important;
}
header .nav nav .nav-item.show .dropdown-menu.list-unstyled.show .nav-item {
    padding: 0 !important;
    height: max-content !important;
}
  
   header .widget.nav .navbar-collapse.collapse.show {
    right: 0;
    position: absolute;
    top: 0;
  z-index: 10;
    background: var(--sogitec-blue-nav) !important;
    border: 1px solid white !important;
    border-radius: 10px !important;
      width: 325px;
}
 header .nav nav .nav-item.show .dropdown-menu.list-unstyled.show {
    background: rgb(0, 0, 255) !important;
    border: none !important;
    border-top: 1px solid white !important;
    border-radius: 0 10px 10px 10px !important;
    margin: 0;
    box-shadow: none;
    width: 323px;
    padding-left: 20px;
    z-index: 20;
    position: absolute;
}

  header .widget.nav .dropdown-toggle::after {
      display: inline-block;
      margin-left: 0;
      vertical-align: 0;
      content: "";
      border-top: .3em solid;
      border-right: .3em solid transparent;
      border-bottom: 0;
      border-left: .3em solid transparent;
      left: 3px;
      position: absolute;
      top: 15px;
  }

  
  /*boite recherche*/
  .rech_simple.widget .wrapper_zendafi_form_expressionrecherche {
      background: var(--sogitec-white-search) !important;
      border: 1px solid white !important;
      width: 80%;
  }
  .rech_simple.widget {margin-top: 12em !important;}
  
  /*actu accueil*/
  .profil_1 .boite.news .card-deck .card:nth-child(2n) {display: none;}
  
  /*boite event accueil*/
  .actu_accueil .cardify_horizontal_img img {
    height: 400px;
    object-fit: cover;
    width: 100%;
  }
  .actu_accueil .cardify_horizontal_content .card-title.card_title.card_title_Intonation_Library_View_Wrapper_Article .text-secondary {
    color: white !important;
    font-size: 30pt !important;
    text-transform: uppercase;
}
  .actu_accueil .cardify_horizontal_img ~ .cardify_horizontal_content .badge span {
    font-style: italic;
    font-weight: lighter;
    font-size: 20pt !important;
}
  .actu_accueil .widget-footer.card-footer {
    margin-right: 0;
    padding: 1.50rem 1.25rem;
}
  
  /*generalites*/
  .widget-footer.card-footer {
      order: 2;
      max-width: 100%;
      position: absolute;
      right: 0;
      padding: 1.25rem;
      z-index: 10;
      top: 1.8em;
      padding-right: 0;
  }
  
  /*boite domaine*/
  .domain_browser .card-deck {
      display: block;
      column-count: 3;
  }
  .domain_browser .card-deck .card-body.card_body.card_body_Intonation_Library_View_Wrapper_Domain {height: 100px;}
  
  /*boite nouveaute*/
  .profil_1 .boite.kiosque .card-deck .card:nth-child(2n) {display: none;}
  
  .news .card-img.img-fluid.rounded,
  .news .card-img-top.text-center,
  .kiosque .card-img.img-fluid.rounded {
      height: 250px;
      width: auto;
      object-fit: contain;
  }
  
  /*footer*/
  footer .boite.free p:nth-child(2n) {margin-top: 3em;}
  

    /*page recherche*/
  .px-8 {
      padding-left: 1em !important;
    padding-right: 1em !important;
  }

  
  /*page connexion*/
  body.profil_1.auth_login, 
  .profil_1.auth_login #site_web_wrapper {
      background: url(/cesogbruz/userfiles/bannieres/illustration_banniere_1365x768.png) no-repeat, linear-gradient(var(--sogitec-blue-light-connexion), 70%, var(--sogitec-blue-connexion)) no-repeat;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: auto;
      height: 1000px;
      overflow: hidden;
  }
  .profil_1.auth_login header #boite_19 {
      margin: 3em auto 0 auto;
      flex: 0 0 83.333333%;
    max-width: 83.333333%;
      align-items: start !important;
  }
    .profil_1.auth_login header .boite.nav ~ .boite.free {display: none;}
    .profil_1.auth_login .login {
      margin: 2em auto;
      text-align: center;
      flex: 0 0 100%;
    max-width: 100%;
  }
  .profil_1.auth_login .login.form {
      flex: 0 0 50%;
      max-width: 50%;
      margin-top: auto;
      padding: 0 1.25rem;
  }
  
    .profil_1.auth_login header .boite.image {
    display: none;
}
    .profil_1.auth_login header .boite.login {display: initial;}

  	.card-footer .dropleft.dropup .dropdown-menu {
      bottom: 1.5em !important;
      right: auto !important;
  }
  
}



@media (max-width:1024px) and (min-width: 720px) {
  .cardify_horizontal_img {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .cardify_horizontal_content {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
    padding: 1.25rem 1.25rem 0 0 !important;
  }
  .cardify_horizontal_actions {
    flex: 0 0 100%;
    max-width: 100%;
  }
}


/*responsive téléphone*/
@media (max-width:720px) {

  .widget.scroll.position_fixed_top_right {top: 3em !important;}


    .widget-header.card-header {
        order: 1;
        padding-left: 0;
        padding-right: 0;
        font-size: 16pt !important;
    }



  header {
      background: url(/cesogbruz/userfiles/bannieres/illustration_banniere_1365x768.png) no-repeat, linear-gradient(var(--sogitec-blue-light-connexion), 70%, var(--sogitec-blue-connexion));
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
  }
  
  header .boite.image {
    display: initial;
    margin-left: 0 !important;
    margin-right: auto;
}
  
  header .widget.nav .dropdown-toggle::after {
      display: inline-block;
      margin-left: 0;
      vertical-align: 0;
      content: "";
      border-top: .3em solid;
      border-right: .3em solid transparent;
      border-bottom: 0;
      border-left: .3em solid transparent;
      left: 3px;
      position: absolute;
      top: 15px;
  }
  header .nav nav .nav-link {
      border: none !important;
      height: 45px;
      padding: .75rem 1.5rem;
  }
  header .widget.nav nav .nav-item.show .dropdown-menu.list-unstyled.show .nav-link {
      padding: 0 0 0 1em;
      height: auto;
      margin-top: 5px;
  }
  header .widget.nav {
    margin-top: 4em !important;
    margin-right: 0 !important;
}
  header .widget.nav .navbar-collapse.collapse.show {
    right: inherit;
    position: absolute;
    top: 0;
  z-index: 10;
    background: var(--sogitec-blue-nav) !important;
    border: 1px solid white !important;
    border-radius: 10px !important;
      width: 325px;
}
 header .nav nav .nav-item.show .dropdown-menu.list-unstyled.show {
    background: rgb(0, 0, 255) !important;
    border: none !important;
    border-top: 1px solid white !important;
    border-radius: 0 10px 10px 10px !important;
    margin: 0;
    box-shadow: none;
    width: 323px;
    padding-left: 20px;
    z-index: 20;
    position: absolute;
}
    /*boite logo + texte*/
  header .boite.free {
      margin: 0 auto;
      align-items: start !important;
      padding-left: 0;
  }

  /*boite recherche*/
    .rech_simple.widget {margin-top: 3em !important;}

    /*boite event*/
  .actu_accueil .carousel-control-next {
    right: 0;
}
  .actu_accueil .carousel-control-prev {
    left: 0;
}
    .actu_accueil .cardify_horizontal_img ~ .cardify_horizontal_actions .card_action:last-child {display:none;}
    .actu_accueil .cardify_horizontal_img ~ .cardify_horizontal_content {
      position: absolute;
      background-color: var(--sogitec-black-hover);
      opacity: 1;
      padding: 2rem 1rem !important;
      display: initial;
      flex: 0 0 100%;
      max-width: 100%;
      height: 86%;
      text-align: center;
  }
  .actu_accueil .cardify_horizontal_img ~ .cardify_horizontal_actions {
      position: absolute;
      background-color: var(--sogitec-black-hover);
      opacity: 1;
      padding: .25rem 1rem !important;
      display: initial;
      flex: 0 0 100%;
      max-width: 100%;
      height: 14%;
      bottom: 0;
  }
    .actu_accueil .cardify_horizontal_img ~ .cardify_horizontal_actions .card_action .button_text {
      color: white !important;
      display: initial !important;
  }

    /*boite genre*/
  .domain_browser .card-deck {
      display: block;
      column-count: 2;
  }

    /*affichage media et description a droite*/
  .cardify_horizontal_img {
      max-width: 100%;
      flex: 0 0 100%;
  }
  .cardify_horizontal_content {padding: 1rem !important;}
  

    /*page connexion*/
    .profil_1.auth_login .login.form {
      flex: 0 0 100%;
      max-width: 100%;
      margin-top: auto;
      padding: 0 1.25rem;
  }
  .profil_1.auth_login header #boite_19 {
      margin: 3em auto 0 auto;
      flex: 0 0 100%;
      max-width: 100%;
      align-items: start !important;
      padding-left: 1.25rem;
  }


  /*page notice*/
  .items_wall .masonry {grid-template-columns: repeat( auto-fill, minmax(200px, 1fr) );}
  
  
  .widget-footer.card-footer {
    order: 4;
    max-width: 100%;
    position: initial;
    padding: 0!important;
    z-index: 10;
    padding-right: 0;
}

  .widget-footer.card-footer .button_text {display: initial !important;}
  
  .actu_accueil .widget-footer.card-footer .text-left {color: var(--sogitec-grey) !important;}
  
  
  
  .dropdown.dropleft.dropup .button_text {display: initial !important;}
  
  .card-footer .dropleft.dropup .dropdown-menu {
      bottom: 2.5em !important;
      right: auto !important;
      width: 150px;
  }
  
  .card-footer .card-link .button_text {display: initial !important;}
  .kiosque .card-footer .card-link .button_text {display: none !important;}
}