/* Template ESCCAP France
C. Lebis mars2026
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&display=swap');

:root {
    /* -------------------------------------------------------
       COULEURS DU LOGO (identité)
       ------------------------------------------------------- */
    --logo-bordeaux:        #6B2339;
    --logo-bordeaux-mid:    #8B2D4A;
    --logo-bordeaux-light:  #A53A5C;
    --logo-bleu:            #5B9BD5;
    --logo-bleu-mid:        #7BAFD9;
    --logo-bleu-light:      #A8CCE8;

    /* -------------------------------------------------------
       BLEU PROFOND — navigation, en-têtes, éléments structurants
       ------------------------------------------------------- */
    --bleu-900:  #0D2B4E;
    --bleu-800:  #164578;
    --bleu-700:  #1E5FA2;
    --bleu-600:  #2878CC;

    /* -------------------------------------------------------
       BLEU VIF — liens, boutons, fonds de section, encadrés
       ------------------------------------------------------- */
    --bleu-500:  #3498DB;
    --bleu-400:  #5DADE2;
    --bleu-300:  #85C1E9;
    --bleu-100:  #D6EAF8;

    /* -------------------------------------------------------
       VERT ÉMERAUDE — validation, CTA secondaires, succès
       ------------------------------------------------------- */
    --vert-500:  #1ABC9C;
    --vert-600:  #16A085;
    --vert-700:  #0E7C61;

    /* -------------------------------------------------------
       ORANGE DYNAMIQUE — mises en avant, badges, avertissements
       ------------------------------------------------------- */
    --orange-400: #F39C12;
    --orange-500: #E67E22;
    --orange-600: #D35400;

    /* -------------------------------------------------------
       CORAIL / ROUGE — alertes, erreurs, informations urgentes
       ------------------------------------------------------- */
    --corail-500: #E74C3C;
    --corail-600: #C0392B;
    --corail-700: #922B21;

    /* -------------------------------------------------------
       NEUTRES — fonds, texte, séparateurs
       ------------------------------------------------------- */
    --gris-50:   #F8F9FA;
    --gris-100:  rgb(240, 244, 248);
    --gris-300:  #BDC3C7;
    --gris-500:  #7F8C8D;
    --gris-900:  #2C3E50;
    
    --radius: 8px;
  --shadow-sm: 0 1px 3px rgba(13,43,78,.08);
}

body{color:var(--gris-900); background: url('../images/fond_body2.jpg') repeat fixed 0 0; margin:0;
    padding:0;font-family: 'Poppins', Arial, Helvetica, Verdana, sans-serif;}

body#tinymce { background-image: none;}

ul{margin:0;padding:0;}
p,li{font-size:1rem;line-height: 1.50rem;margin:0 0 1rem;}
a, .th_content h3 a{text-decoration: none;color: var(--bleu-600);}
a:hover, .th_content h3 a:hover{color: var(--bleu-900);}
        
.clear{clear:both;line-height: 0;}
.cleared{clear:both !important;}
.nodivfloat   div{float:none !important;}
.encadre{border: 1px solid var(--gris-500); padding: 1rem;border-radius: var(--radius);}
.center{text-align: center !important;margin:auto;}
.p_entete{
    color: #666;
    line-height: 1.5rem;
}
.highlight{background: yellow;}
.grey_background{background-color: var(--gris-500);}
h1 {color: var(--corail-700);font-size: 1.5rem;font-weight: 600;padding: 12px 0 8px;margin:0;line-height: 2rem;}
h2{font-size: 1.3rem; font-weight: 600;color: var(--bleu-900); margin-bottom: 6px; line-height: 1.9rem;}
/*h3 {color:#666;font-weight: normal; font-size:18px; margin: 18px 0 8px 0;}*/
h3{background: var(--gris-500);font-weight: normal;font-size: 1.12rem;margin: 40px 0 20px 0;color: white;padding: 8px 15px;}
h3 a{color: #fff;font-weight: 300;}
h3 a:hover{color:var(--bleu-100);}

/*h4{font-size: 16px;color: #d7181e; font-weight: normal; margin-bottom: 12px; padding-top: 4px;}*/
h4{font-size: 1.12rem;color: var(--corail-600);font-weight: bold;margin-bottom: 12px;padding-top: 4px;}
h5{font-size: 1rem;color: var(--corail-600);font-weight: normal;font-style:italic;margin-bottom: 12px;padding-top: 4px;}
/*h5 avec puce*/
h5.puce:before{content: "⚠️";font-style: normal;}
h6{font-size: 15px;margin: 0 0 12px 0;}

.invalid {border-color: red !important;}
.nosmart{display:none;}

iframe{width:220px;display: block;margin:auto;}

/*resize image*/
img {max-width: 100%;height: auto;}
.w100 {
    max-width:100px;
}
.w200 {
    max-width:200px;
}
.w300 {
    max-width:300px;
}
.w400 {
    max-width:400px;
}
.w600 {
    max-width:600px;
}


.haut{
    display: none;
}
.couverture {
    border: 5px solid #fff;
    box-shadow: 4px 4px 10px #555;
    background-color: #fff;
}

/*tableaux d'images <div class="figures_content"><figure>...</div>*/
.figures_content{
    text-align:center;
}
figure{
    display: inline-block;
    margin:20px
}

/*cacher les icones d'édition en front*/
.jmodedit,div[role~="tip"],.com-content-article .icons{
    display:none;
}
.image_container{
    text-align: center;
}
.image_inlineblock {
    display: inline-block;
    margin:10px;
    vertical-align: top;
}

/*caxcher certains bourons JCE*/
.editor-xtd-buttons {
    display: none;
}


/*bouton : contenant bord gris, contenu rouge*/
#lien_retour{
    text-align:center;
}

.bouton_guide_copro,#history_back,.copro_send a,#copro_open,#envoi_coproscopie,#lien_retour .button, #login_button .button,#registration_validate .button, .int_bouton, #bouton_rechercher button, .creation_compte #button_save_close, .creation_compte #button_cancel, .creation_compte #annuler, #coproscopie_bouton_reinitialisation, #coproscopie_bouton_formulaire, .contact .btn,.com-users-reset__form .btn,.com-users-remind__form .btn,.theses .ouvre_recherche .button{
    display:inline-block; color:#fff;background: var(--corail-600);padding : 8px 12px;border-radius:var(--radius);border:none;cursor: pointer;font-size:1rem;transition: transform .2s, background .2s;}
.bouton_guide_copro:hover, #history_back:hover, .copro_send a:hover, #copro_open:hover, #envoi_coproscopie:hover, #lien_retour .button:hover, #login_button .button:hover, #registration_validate .button:hover, .int_bouton:hover, #bouton_rechercher button:hover, .creation_compte #button_save_close:hover, .creation_compte #button_cancel:hover, .creation_compte #annuler:hover, #coproscopie_bouton_reinitialisation:hover, #coproscopie_bouton_formulaire:hover, .contact .btn:hover,.com-users-reset__form .btn:hover,.com-users-remind__form .btn:hover,.theses .ouvre_recherche .button:hover {transform: translateY(-2px);background: var(--corail-700); }
.mod-login-logout__button .btn:hover{}
.bouton_guide_copro a{
    color:#fff;
    text-decoration:none;
}

/*messages*/
#system-message-container{background:#fff; margin:auto;padding:0;}
#system-message-container p{font-size:1.2rem;color:var(--corail-700);padding:2px 20px;text-align:center;}
.visually-hidden {display: none;}

/*blog*/
.blog{margin:auto;max-width: 780px;text-align: left;}
.items-row{clear:both;}

/*article*/
.item-page h1{padding-bottom: 20px;}
ul.liste_in_introtext {list-style-position: inside;}
.item-page ul, .mod_article ul {margin-left: 40px;}
.item-page ul ul {margin-top: 12px;}

/*header d'article*/
.item_header{text-align:left;padding: 20px;}
.item_header figure {width: 200px;background: var(--gris-100);padding: 15px;; margin : 0 auto 20px;box-sizing: border-box;
    vertical-align: top;display: block;vertical-align: top;}
.item_header figcaption {color: var(--gris-500);font-size: 0.87rem;font-style: italic;font-weight: normal;line-height: 16px;text-align: left;display: block !important;}
.item_header ul{text-align: left; margin:0;display:block;max-width: 400px;padding:0;list-style: disc; color: var(--bleu-700);vertical-align: top;}
.item_header ul ul{display: block; margin: 0;padding: 15px 0 0 15px;}
.item_header ul ul li{line-height: 1.2rem;list-style-type: circle;}
.item_header a{font-size: 1rem;text-decoration:none;}
.item_header ul ul li a{font-size:0.92rem;}
/*image*/
.float_300 {
    float: left;
    margin: 0 5px;
    width: 300px;
}
▢
.float_300 img {
    width: 300px;
}

.accroche{
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: var(--radius);
    color: #333;
    font-size: 1.2rem;
    line-height: 26px;
}
.chapo{
    font-size: 1.2rem;
    line-height: 150%;
}


.image_float br {display: none;}
.image_centree,.image_float {margin:15px auto; text-align:center;}
.image_centree img,.image_float img,.image_float p,.w300,.w400,.w600{display:block;margin:0 auto;}
.image_centree p,.image_float p {color:#999;margin: 10px auto 20px;font-size: 0.9rem;}
.image_float[style*="width"] {width: auto !important;}

.w200 {
    width:200px;
    padding : 0 40px;
}



/* table flottante*/
table.tabimage td {
    display:block
}
table.tabimage td img{
    display:block;
    margin:auto;
    max-width:none !important;
}
table.tabimage .legende {
    text-align: left;
    vertical-align: middle;
}
table.tabimage.legende300 figcaption {
    color: #666;
    margin:0 5px 20px;
    text-align: left;
    width: 300px;
}
.aide_texte table.tabimage{
    margin:auto;
}
.aide_texte table.tabimage td{
    vertical-align: top;
}
.legende {
    color: #777777;
}

/*en savoir plus dans les articles*/
.ensavoirplus{text-decoration:underline;color:var(--bleu-500);cursor:pointer;font-weight: bold;}
.texteplus{display:none;margin: 10px 20px;border: 1px solid var(--bleu-500);padding: 15px;background-color: var(--gris-50); border-radius: var(--radius);}
.vos_questions .ensavoirplus{text-align:right;}
.vos_questions h3{margin: 10px;}

/*images flottantes en remplacement de la table flottante*/
.conteneur_photos{
    text-align:center;
    vertical-align: top;
}
.photo_float{
    display:inline-block;
    vertical-align: top;
    max-width:290px;
    margin: 0 10px 20px;
    background: #ccc;
}
.photo_float img{
    display:block;
    margin: auto;
}
.photo_float p{
    padding:4px 8px;
    text-align:left !important;
    height: 70px;
    margin:0;
    font-size:0.87rem;
}
/*image centrée*/
.photo_float.autosize{
    max-width: none;
}
.photo_float.autosize p{
    max-width: 600px;
    min-height: 40px;
    height:auto;
}

/* pour la page artefacts*/
.conteneur_photos.artefact .photo_float{
    max-width:300px;
    background: #fff;
}
.conteneur_photos.artefact .photo_float p{
    padding: 8px;
    text-align: center !important;
    height: auto;
    font-size: 1rem;
}

/*nouveau vignette + texte flottant*/
.conteneur_image_texte{
    text-align:center;
}
.conteneur_image_texte > *{
    display:inline-block;
    margin:20px;
    vertical-align: middle;
    max-width: 360px;
    text-align:left;
}



/*pseudotableau en div*/
.tableau_responsive{
}
.tableau_responsive_titre{
    background-color: var(--corail-600);
    color: white;
    padding: 8px;
    font-size: 1rem;
    text-align: center;
}
.tr_tableau_responsive{
    text-align: center;
    border-bottom: 1px dotted #aaa;
    margin-bottom: 20px;
}
.th_tableau_responsive, .td_tableau_responsive{
    display:inline-block;
    text-align:left;
    padding: 10px;
    vertical-align: middle;
    width:100%;
}
.th_tableau_responsive{
    display:none;
    text-align: center;
    font-weight: bold;
    padding-bottom: 5px;
}

/*page membres du bureau*/
.liste_membres{text-align:center;}
.liste_membres .membre{display: inline-block;margin: 20px;width: 300px;vertical-align: top;background: #fff;padding: 20px;border-radius: var(--radius);box-shadow:var(--shadow-sm);}
.liste_membres .membre img{ display:block;margin:auto;border-radius: var(--radius);}
.liste_membres .membre .titre{background:var(--bleu-700);border-radius:10px;color:#fff;}
.liste_membres .membre .titre span{color:#fff !important;}
.liste_membres .membre .bureau_showmore{cursor:pointer;text-align:center !important;color:var(--corail-600);}
.liste_membres .membre .bio{text-align: left!important;display:none;}
.membre:hover{transform: translateY(-6px);}

/*blog (recommandations)*/
.items-more ol{
    list-style-type: disc;
}

/*général modules*/
.moduletable ul,.custom ul{
    list-style:none;
}
.moduletable{
    z-index: 100;
    position: relative;
}

/* modules titre chapitre*/
.moduletable.titre_chapitre{
    background:#fff;
    margin: 20px 0 10px 0;
}
.titre_chapitre .container{
    padding: 0;
}
.titre_chapitre h1 img{
    display:none;
}
.titre_chapitre h1{
    text-align:center;
}

/*thèses*/
.theses .blog-top{ box-shadow: var(--shadow-sm); border: 1px solid var(--gris-300); margin-bottom: 10px !important;  border-radius: var(--radius);  padding: 10px !important;}
.theses #recherche_left{padding:0 6px;}
.theses #recherche_right {box-shadow: none;}
.theses .theses_recherche{display:none;}
.th_content h3{margin: 0 0 15px 0;background-color: white;padding: 0;}
.th_auteur p{margin-bottom: 8px;}
.th_fulltext{border: none;}
.th_ensavoirplus,.th_voir a{color:#d7181e; cursor:pointer;margin-bottom: 12px !important;float: right;font-weight: 600;margin-top: 12px; }
.th_text {display:none;}
.th_text ul{margin-left:30px;}
.th_voir{text-align: right;}
.th_introtext,.th_text p, .th_text li{margin-bottom: 12px !important;}
.theses_recherche {background: var(--bleu-400);padding: 10px;text-align:center;margin-bottom: 20px;}
.theses_search ul{text-align:left; color: white;list-style:none;}
.theses_search ul a{color: white;display: block;border: 1px solid white;font-size:1rem;padding: 4px 8px;margin: 5px;}
.theses_search ul li.active a{background: var(--logo-bordeaux);}
.theses_search ul li.active a:hover{color: white;}
.theses_search ul a:hover{background: white;color: var(--bleu-400);}
.theses_search div.cck_reinitialiser {display:block;text-align:center;}
.theses_search div.cck_reinitialiser div{float:none !important;margin: auto;}
.theses_search div.cck_forms.cck_search div.cck_label{float:none; width:200px;text-align:center;}
.theses_search div.cck_forms.cck_search div.cck_form{width:180px;}
.theses_search div.cck_forms.cck_search div.cck_form select{width:180px;}
.theses_search div.cck_forms.cck_search div.cck_label label {font-size:1rem !important;color:white;}
.theses_search .button{}
.theses_search .button a{color: white;font-size:1rem;border: 1px solid white;padding: 4px 8px;border-radius: 12px;display: inline-block;}
.theses_search .button a:hover{background: var(--logo-bordeaux); color:#fff;}
.cck-pad-8 > div{padding:0 !important;margin:0 !important;}

/*module recherche*/
/*.search{position: relative;}*/
label.finder{display:none;}
#mod-finder-searchword288{
    background: none;
    border: 2px solid var(--gris-500);
    border-radius: var(--radius);
    height:28px;
    width: 200px;
    color: var(--gris-500);
    font-size: 1rem;
    padding:0 8px;
}
#awesomplete_list_1{
    z-index: 200;
}
.com-finder.finder{max-width: 780px;margin: auto;}
p.result__description{text-align: left;font-size: 0.85rem;}
/*.search .button{position: absolute;top: 2px;right: 6px;}*/

/*module network*/
.socialnetwork{position: relative;top: 2px;}
.socialnetwork a{padding: 0 8px 0 0;}

/*module pied voyage*/
.moduletable.mod_article.pied_voy {
    background: white;
}

/*module menu guides*/
.mod_guides .container{background-color: #ffffff;}
.mod_guides h3{margin:0;}
.mod_guides img:hover{box-shadow: 2px 2px 8px var(--bleu-500);}
.mod_guides h1{background: linear-gradient(135deg, var(--bleu-800), var(--bleu-600));font-size:1rem;color:#fff;font-weight: 400;}
.mod_guides h1 a{color:#fff;display:inline-block !important;font-weight: normal;}
.mod_guides h1 a:hover{transform: translateY(-2px);background: var(--bleu-300);border-radius:var(--radius);padding:2px 4px; }
@media only screen and (max-width: 680px) {
    .mod_guides h1 a{display:inline-block;}
}

/*module fond blanc*/
.bg_white .custom{
    background:#fff;
    padding:40px;
}

/*module menu diagnose mod-arianne*/
.mod_in_mod_ariane.diagnose{
    background:#fff;
    padding:20px;
}
.mod_in_mod_ariane.diagnose ul{
    text-align:center;
}
.mod_in_mod_ariane.diagnose li{
    display: inline-block;
    margin: 0 20px;
}
.mod_in_mod_ariane.diagnose a{
    text-align:center;
}
.mod_in_mod_ariane.diagnose span{
    display: block;
}


/*module contenant du texte (mod custom)*/
.moduletable.mod_article{max-width: 1200px;margin: auto;padding: 6px;}
.mod_article .container,.item-pagecopro{background:#fff;}
.mod_article ul{list-style: none;text-align:center;}
.mod_article ul li{list-style: none;display:inline-block;margin:8px;}




/*module connexion vétérinaires pages d'accueil*/
.item-2209 a{
    font-size:1.1rem;
}

/*tableaux*/
.item-page th {
    background-color: var(--corail-700);
    color: white;
    font-size:0.875rem;
    font-weight: normal;
    padding: 2px;
}
.item-page tr.impair {
    background-color: #ddd;
}
.item-page tr.pair {
    background-color: var(--gris-100);
}
#page td.specialite{
    font-size:1rem;
}

.item-page table.responsive td {
    vertical-align: top;
}
.item-page td {
    font-size:0.81rem;
    padding: 4px;
}
table.responsive-tab th {
    background-color: #403152;
    color : white;
}

/*tableaux sommaire en article*/
 table.tabtexte,table.tabtexte td,table.tabtexte tr,table.tabtexte tbody{display:block;}


/*pagination*/
/*.pagination {font-size: 16px; padding-top: 12px;}*/
.com-content-category-blog__navigation.w-100 {
    clear: both;
}
.pagination{
    text-align:center;
}
.pagination li {
    display: inline-block;
    font-size:1.5rem;
    margin: 0 5px;
}
.com-content-category-blog .counter,.tooltip{
    display:none;
}


/* textes d'aide sur certains labels form recherche seblod*/
#cck2r_label_forme label,#cck2r_label_groupe_forme label, #cck2r_label_capitulum_alias label, #cck2r_label_rostre_alias label, #cck2r_label_sillon_anal_alias label, #cck2r_label_peigne_alias label, #cck2r_label_cerques_alias label {
    cursor:pointer;
}
#cck2r_label_forme label:after, #cck2r_label_groupe_forme label:after, #cck2r_label_capitulum_alias label:after, #cck2r_label_rostre_alias label:after, #cck2r_label_sillon_anal_alias label:after, #cck2r_label_peigne_alias label:after, #cck2r_label_cerques_alias label:after,.cck_glossaire p a:after{content: "⬇"; font-size:1.125rem;margin-left:15px;color:var(--bleu-600);}

/*liste fiches parasites*/
.liste_parasites{text-align:center;}
.liste_parasites ul{list-style:none;}

.cck-clrfix img {display: block;height: 20px !important;left: -6px;position: relative;top: 12px;}
.cck-clrfix #anivet_link a img{height:auto !important;left:0;top:0;}

/*affichage liste parasites*/
.col_liste {width: 240px;display: inline-block;vertical-align: top;margin:5px;}
.col_liste li{text-align:left; position: relative;list-style:none;}
.col_liste li a{position: relative;padding-left: 20px;}


/*page partenaires*/
.partenaires_principaux{
    text-align:center;
}
.partenaire {
    display: inline-block;
}

/*module just_image que des icônes*/
.just_images p, .just_images .image-title{display:none !important;}
.moduletable.mod_menu_icones.just_images li {margin-bottom: 20px;}
.just_images img{border:1px solid white;}
.just_images img:hover{border:1px solid #ddd;}

#remember {
    left: 12px;
    position: relative;
    top: -14px;
    width: 10px;
}
#jform_spacer-lbl{
    display:none;
}

#registration_validate {
    text-align: center;
    clear: both;
    margin: auto;
    display: block;
    width: 170px;
}

.logout-button input {
    border: none;
    background: #ddd;
    border-radius: var(--radius);
    padding-bottom: 2px;
    cursor: pointer;
}

#member-registration .labelacysubscribe,#member-profile .labelacysubscribe{
    float:none;
    width:300px;
    display:block;
    margin: auto;
    font-style: italic;
    text-align:center;
    color: #666;
}
#member-registration .acy_lists, #member-profile .acy_lists{
    margin: 10px auto 20px;
}
.acysubscribe {
    max-width: 320px;
    margin: 12px auto;
    border: 1px solid red;
    padding: 8px;
    border-radius: var(--radius);
}

button.input-password-toggle{
    text-align: center;
    margin: auto;
    border: none;
    background: none;
    text-decoration: underline;
    display: block;
    cursor:pointer;
}


/*creation compte seblod*/
.creation_compte { max-width: 600px;text-align:center; margin:auto;}
.creation_compte li.active{ display:none;}
.creation_compte label{ font-weight:bold;padding-top: 10px;}
.creation_compte fieldset label{font-weight:normal;padding-top: 0;}
.creation_compte div.vertical div.cck_forms.cck_site div.cck_label{float:none; width:auto; text-align:center;}
.creation_compte div.cck_forms input.inputbox,.creation_compte div.cck_forms.cck_site div.cck_form, .creation_compte div.cck_forms select.inputbox,.creation_compte div.cck_forms select.inputbox{float:none !important;}
.creation_compte #genre{width: 150px;margin: auto;}
.creation_compte #button_save_close{margin-right:10px;}
#voulezvous_changer_votre_mot_de_passe{ width: 160px;margin: auto;}
.creation_compte #cck1r_annuler{margin-top:10px;}
.creation_compte #cck1r_rgpd_info_a_la_creation, .creation_compte #cck1r_genre{float:none;}
.creation_compte .btn-toolbar{margin-top:12px;}
.btn-toolbar div {display: inline;float: none !important;}


/*profil*/
.popover{
    display:none !important;
}
#alerte_motdepasse{
    max-width: 320px;
    margin: auto;
    font-style: italic;
    margin: 20px auto 10px;
    text-align:center;
}
#statut {
    text-align:center;
}
#statut input{
    display: inline-block;
    float: none;
}
#statut label {
    display: inline-block;
    float: none;
}
#cck1r_rgpd__demande_effacement{
    float:none;
}
#cck_tabs1Tabs{
    display:none;
}


/*cas cliniques*/
.cas_clinique {
    border: 1px solid grey;
    font-style: italic;
    padding: 12px;
}
.reponse {
    display:none;
}
.title_reponse {
    color: #666699;
    cursor: pointer;
    font-size:1rem;
    font-weight: bold;
    margin-top: 8px;
}


/*fil d'ariane avec menu déroulant*/
.moduletable.mod_ariane{
    background: url('../images/ombre.png') repeat;
}
.ariane{
    margin: 10px 0;
}


.ariane i{
    padding: 0 10px;
    font-size:1rem;
}
.ariane i.fa-caret-right{
    color: white;
}
.mod_in_mod_ariane{
    display:none;
    margin: 0 20px 10px;
}

/*module retour à l'espace vétérinaire*/
.mod_retour .container{
    padding:0;
    position: relative;
}

/*formuaire fiche quiz*/
.panel_30{
    width: 280px;
    display: inline-block;
    margin: 20px;
    vertical-align: top;
}
.panel_30 .cck_forms input.inputbox, .panel_30 select{
    width: 260px;
    float:none !important;
}
.cck_label_link_link{
    display:none;
}
.quizUnderline{
    border-bottom: 15px solid #ddd;
    padding-bottom: 20px !important;
}
.quizSave{
    text-align: center;
}

/*menu admin quiz*/
.mod_footer.quiz li{
    display: inline-block;
    margin: 0 20px;
}

/*formulaire fiche cas clinique*/
.cc_formulaire .nav-tabs li {
    display: inline-block;
    list-style: none;
    font-size:1.125rem;
    border: 1px solid  var(--gris-100);
    margin: 2px;
    background-color: #ddd;
}
.cc_formulaire .nav-tabs li a{
    text-decoration: none;
    display: inline-block;
    padding: 8px;
}
.cc_formulaire .tab-pane{
    display:none;
}
.cc_formulaire .tab-pane#tab_details{
    display:block;
}
.cc_formulaire input.inputbox{
    width:400px;
}
.cc_formulaire .cck_label_wysiwyg_editor{
    position: relative;
    top: 50px;
    left: -150px;
}
.cc_formulaire #cck1r_cc_vignette{
    border:2px solid #ccc;
    max-width: 340px;
    margin: 15px auto;
}
.cc_formulaire #cck1r_label_cc_vignette, .cc_formulaire .cck_label_upload_image{
    text-align:left !important;
}
.cc_formulaire #cck1r_form_cc_vignette span:before{
    content:"Cocher pour effacer ";
}


@media only screen and (min-width: 320px) {
    .slider_coproscopie .pgwSlider .ps-cadre{
        height: 400px !important;
    }
}
@media only screen and (min-width: 400px) {
    .slider_coproscopie .pgwSlider .ps-cadre{
        height: 460px !important;
    }
    
}
@media only screen and (min-width: 450px) {
 
    iframe{width:380px;display: block;margin:auto;}
    
}
@media only screen and (max-width: 639px) {


    /*vignette gauche dans article*/
    .vignette{
        float:none !important;
        text-align:center;
    }

    /*page membres du bureau*/
    .liste_membres .membre{
        width: 280px;
        margin:10px;
    }

    /*pour le main menu*/
    ul.mainmenu ul{
        margin: 20px 0 0 0;
    }

    .coproscopie div.cck_forms.cck_search .cck_label{
        vertical-align: top;
    }

}
@media only screen and (max-width: 919px) {
 /*pour des tableaux responsives*/
    /* Force table to not be like tables anymore */
    table.responsive-tab, table.responsive-tab thead, table.responsive-tab tbody, table.responsive-tab th, table.responsive-tab td, table.responsive-tab tr {display: block;    }
    /* Hide table headers (but not display: none;, for accessibility) */
    table.responsive-tab thead tr {position: absolute;top: -9999px;left: -9999px;}
    table.responsive-tab tr {border: 1px solid #403152;}
    table.responsive-tab td {border: none;border-bottom: 1px solid #403152;position: relative;padding-left: 50%;min-height: 40px;}
    table.responsive-tab td.centre{text-align:left;    }
    table.responsive-tab td.specialite {background-color: #403152;}
    #page td.specialite a{color:white;}
    table.responsive-tab td:before {         /* Now like a table header */
        position: absolute;        /* Top/left values mimic padding */
        top: 6px;left: 6px;width: 45%;padding-right: 10px;}
    /*Label the data*/    table.responsive-tab.vermifuges td:nth-of-type(1):before {
        content: "";
    }
    table.responsive-tab.vermifuges td:nth-of-type(2):before {content: "Molécules";}
    table.responsive-tab.vermifuges td:nth-of-type(3):before {content: "Galénique";}
    table.responsive-tab.vermifuges td:nth-of-type(4):before {content: "Age ou poids minimal de traitement";}
    table.responsive-tab.vermifuges td:nth-of-type(5):before {content: "Gestation / Lactation";}
    table.responsive-tab.vermifuges td:nth-of-type(6):before {content: "Activité (AMM) nématodes";}
    table.responsive-tab.vermifuges td:nth-of-type(7):before {content: "Activité (AMM) cestodes";}
    table.responsive-tab.vermifuges td:nth-of-type(8):before {content: "Activité (AMM) ectoparasites";}
    table.responsive-tab.vermifuges td:nth-of-type(9):before {content: "Prévention de la dirofilariose cardiaque";}
    /* Label the data */
    table.responsive-tab.ape td:nth-of-type(1):before {content: "";}
    table.responsive-tab.ape td:nth-of-type(2):before {
        content: "Molécules";}
    table.responsive-tab.ape td:nth-of-type(3):before {
        content: "Galénique";}
    table.responsive-tab.ape td:nth-of-type(4):before {
        content: "Age ou poids minimal de traitement";}
    table.responsive-tab.ape td:nth-of-type(5):before {
        content: "Gestation / Lactation";}
    table.responsive-tab.ape td:nth-of-type(6):before {
        content: "Activité (AMM) ectoparasites";}
    table.responsive-tab.ape td:nth-of-type(7):before {content: "Activité (AMM) helminthes";
    }
    /*Label the data*/    table.responsive-tab.vermifuges td:nth-of-type(1):before {content: "";}
    table.responsive-tab.vermifuges.cheval td:nth-of-type(2):before {content: "Molécules";}
    table.responsive-tab.vermifuges.cheval td:nth-of-type(3):before {content: "Galénique";}
    table.responsive-tab.vermifuges.cheval td:nth-of-type(4):before {content: "Age ou poids minimal de traitement";}
    table.responsive-tab.vermifuges.cheval td:nth-of-type(5):before {content: "Activité (AMM) vis-à-vis des strongles digestifs";}
    table.responsive-tab.vermifuges.cheval td:nth-of-type(6):before {content: "Activité (AMM) vis-à-vis d'autres nématodes";}
    table.responsive-tab.vermifuges.cheval td:nth-of-type(7):before {content: "Activité (AMM) vis-à-vis des gastérophiles";}
    table.responsive-tab.vermifuges.cheval td:nth-of-type(8):before {content: "Activité (AMM) vis-à-vis des cestodes";}
    }
@media only screen and (min-width: 640px){
    .item_header figure{ margin-right:20px;}
    .item_header figure,.item_header ul{display: inline-block;}

    .login_fields input, .login_fields textarea, .login_fields select {
        width: 300px;
    }
    .guide-style .item-page .image_float img, .guide-style .item-page .image_float p {
        margin:0;
    }
    
    table.tabtexte {margin:auto;}
     table.tabtexte,table.tabtexte td,table.tabtexte tr,table.tabtexte tbody{display:table-cell;}

    table.image_float{
        border: 5px solid white;
    }


    .L100 {
        width:100px;
    }
    .L200 {
        width:200px;
    }
    .L300 {
        width:300px;
    }
    .L400 {
        width:400px;
    }
    .L600 {
        width:600px;
    }

    .th_tableau_responsive {
        display:inline-block;
    }

    .slider_coproscopie .pgwSlider .ps-list{
        display: inline-block;
    }
    .slider_coproscopie .pgwSlider .ps-cadre{
        height: 560px !important;
    }
    iframe{
        width:560px;
    }
}
@media only screen and (min-width: 820px){
    
    .menu_diagnose ul{
        display:block !important;
    }
    #diagnose_open{
        display:none;
    }
.item_header figure{ margin-right:60px;}

    table.tabimage {
        margin:20px 0;
    }
    table.tabimage td {
        display:table-cell
    }
    table.tabimage td img{
        display:inline;
    }
    table.tabimage td.legende{
        max-width: 300px;
    }

    #esp_veto_accueil{
        float:none;
    }
    .titre_chapitre h1 img{
        vertical-align: middle;
        padding-right: 20px;
        display:inline;
    }
    .span6{
        background:  var(--gris-100);
        margin: 5px 0;
    }

    /*tableaux ape api*/
    #page td.specialite a{
        color:#403152;
        text-decoration: underline;
    }

    /*fiche coproscopie*/
    .fiche_copro_body{
        width: 700px;
    }


}



@media only screen and (min-width: 1200px) {
    .onlybig{
        display:block;
    }
    .span6{
        display:inline-block;
        vertical-align: top;
        width:580px;
    }
/*
    .moduletable.mod_menu_puces_bleues h2{
        text-align:left;
    }*/

    #esp_veto_accueil{
        width:auto;
        float:left
    }
    


    /*page sans rien à gauche*/
    .item-page.page_isolee{
        width: 800px;
        margin: auto;
    }

    /*mod_logo_esccap_isole */
    .moduletable.mod_logo_esccap_isole {
        background: white;
        margin: 0;
        position: fixed;
        width: 100%;
        z-index: 0;
        top: 220px;
        text-align: right;
    }
    .moduletable.mod_logo_esccap_isole img {
        display:inline;
    }
    .noshow{
        display:none !important;
    }

    /*theses*/
    .theses_search div.cck_forms.cck_search div.cck_form{
        float:none;
        width:200px;
    }
.theses .theses_recherche{display:block;}
    /*fiche coproscopie*/
    .cck_fiche_copro_conteneur_pour_resultat_recherche{
        display:inline-block;
    }


}

/*###################
Nouveau template
###################
*/
/* container bandeau*/
#bandeau { background-color:#ffffff; padding: 10px;}
#logo,#bandeau_droit{text-align:center;}
/*container contiennent les contenus centrés*/
.container{margin:auto; padding:20px 0;text-align: center;}
#left_content,#fullscreen{text-align:left;}
#bandeau_droit form,.mod_espacepro, .reseaux{display: inline-block;}

/*page*/
section{margin: 10px 0;}
#page{margin-top:0px;text-align: left;}
#page .container{background: linear-gradient(160deg, var(--logo-bleu-light) 0%, #fff 30%, #fff 70%, var(--bleu-100) 100%);}
#page h2{font-size:1.2rem;}

/*article*/
.com-content-article{max-width:980px;margin:auto;}

/*articles en pleine page avec menu à gauche*/
#left_content{display: inline-block;vertical-align: top;margin-top: 10px; }
/*menu à gauche dans les articles*/
#left_content h3{font-size: 1.3rem;font-weight: 600;color: var(--bleu-900);margin-bottom: 6px;line-height: 1.9rem;background:none;padding:0;margin:0;text-align: center;cursor: pointer;padding-bottom: 10px;}
#left_content h3::after{content:" ☰";}
#fullscreen {}
.item-page,.cck_page {text-align:left;background: #fff;padding: 20px 40px; position: relative; margin: 10px auto;max-width: 780px;border-radius: var(--radius);}
.item-page.tableaux_pratiques{max-width:980px;}
.copro .cck_page, .diagnose .cck_page,#diagnose_par_fiche.cck_page,.theses .cck_page{max-width: 1200px;}
#left_content .moduletable ul.menu_gauche, .moduletable.for_menu_gauche ul,.articles_complets ul, .cas_cliniques_quiz .menu_gauche ul{display:none;padding: 5px;}
#left_content .moduletable ul ul ul li{margin:0;}

/*blog*/
.com-content-category-blog__item.blog-item {background: #fff; border-radius: var(--radius); padding: 10px; position: relative; margin: 10px;}
.blog h1{color: var(--corail-600); font-size: 30px; padding: 30px 0 0 0;font-weight: normal;}
.blog .page-header h2{color: var(--corail-700);margin-bottom: 20px;}
.blog .com-content-category-blog__item.blog-item .item-content{padding:0 15px;}
.vos_questions .com-content-category-blog__item.blog-item{ min-height:auto;}
.blog .com-content-category-blog__item.blog-item .item-content div[style^="float"],.com-content-article__body div[style^="float"]{margin: 0 30px 10px 0 !important;}


/*menu principal*/
   /* #smartmenu{display: flex;}
    #bandeau_menu ul{display:none;}*/
    #bandeau_menu li{list-style: none;margin:10px 2px;}
    #bandeau_menu>ul>li{background: linear-gradient(90deg, var(--gris-100) 0%, var(--bleu-100) 100%);border-radius: var(--radius);box-shadow:var(--shadow-sm);display: block; padding: 8px;} 
    #bandeau_menu li a{text-decoration: none;font-weight: 600;color:var(--gris_900);transition: color 0.2s;display:block;}
    #bandeau_menu li a:hover{color:var(--bleu-700);}
    
 /*sous-menu principal */
 #bandeau_menu .mod-menu__sub{margin:0;}
  #bandeau_menu .mod-menu__sub li{list-style:none;}
  #bandeau_menu .mod-menu__sub li a{font-weight: 400;}
    
/*menu hamburger*/
/*#smartmenu {flex-direction: column;gap: 4px;background: none;border: none;cursor: pointer;margin: 15px auto;text-align: center; width: 80px;}
    
    #smartmenu span {width: 80px;height: 5px;background: var(--gris-900);border-radius: 2px;transition: color 0.2s;}
    #smartmenu:hover span{background: var(--bleu-700);}*/

/*lien de menu espace pro*/
.ul_espacepro li {list-style: none;margin:10px;position: relative;top: -3px;left: 4px;display:inline-block;}
.ul_espacepro li:has(a.nolaptop) {top: 0;left: 0;font-size: 0.9rem;}
.espace_pro,.mod-login-logout__button .btn { background: linear-gradient(135deg, var(--bleu-800), var(--bleu-600));color: white !important;padding: 4px 10px;border-radius: var(--radius);font-size: 0.8rem;text-decoration: none;  transition: transform .2s;display:inline-block;}
.espace_pro:hover{transform: translateY(-2px);}
/*p dans le menu*/
.nav-item p{font-size: 0.7rem;line-height: 1.2rem;padding: 8px;color: var(--gris-500);}


/*menu secondaire*/
.second_menu{background: linear-gradient(135deg, var(--bleu-800), var(--bleu-600));overflow: hidden;text-align:center;}
.second_menu li{display: inline-block;  margin: 0 10px;}
.second_menu li a{display: inline-block; color: #fff; padding: 4px 8px; border-radius: var(--radius);transition: background 0.2s;}
.second_menu li a:hover{transform: translateY(-2px);  background: var(--bleu-300);}
.second_menu li.active a{text-decoration: underline;font-weight: 600;}

/*fleche retour*/
.second_menu li a.retour{color:transparent;}
.second_menu li a.retour::before{ content: "";display: block;width: 24px;height: 24px;background-image: url("../images/menus/fleche.svg");
  background-size: contain; background-repeat: no-repeat;position: absolute;}

/*module valeurs*/
.valeurs, .mod_actualites {background: linear-gradient(135deg, var(--bleu-900) 0%, var(--bleu-700) 50%, var(--logo-bleu) 100%);padding:15px;overflow: hidden;}
.valeurs::before,.mod_actualites::before { content: ''; position: absolute; top: -100px; right: -60px; width: 300px;  height: 300px; background: rgba(255,255,255,0.08); border-radius: 50%;}
.valeurs::after,.mod_actualites::after { content: ''; position: absolute; bottom: -160px; left: -40px; width: 400px;  height: 400px;  background: rgba(255,255,255,0.06); border-radius: 50%;}
.valeurs>div{max-width:750px;margin:auto;}
.valeurs h1{color:#fff;font-size: 1.2rem;font-weight: 600;}
.valeurs p{color:#fff;font-size: 0.8rem;line-height: 1.2rem;}

/*menu en cartes*/
/*modules style vignette + titre +descriptif*/
.moduletable.mod_menu_icones, .moduletable.mod_menu_puces_bleues{
    background:var(--gris-100);  margin:10px 0;}
.moduletable.mod_menu_icones h3, .mod_menu_connexion h3{font-size: 1.5rem; font-weight: 800;background:var(--logo-bleu-light);margin:20px 0;}
.moduletable.mod_menu_icones ul{text-align:center;padding-bottom: 20px;}
.moduletable.mod_menu_icones li img{border-radius: var(--radius); display: block; margin:auto;}
.moduletable.mod_menu_icones li span{ display: block; margin:auto;text-align: center;font-size:1rem;}
.moduletable.mod_menu_icones li p{text-align:center;}
.mod_menu_icones li {  vertical-align: middle;background:  #fff;border-radius: var(--radius);padding: 10px;box-shadow: rgba(0, 0, 0, 0.07) 0px 4px 24px;  position: relative;display:inline-block;width: 250px;margin: 10px;border-top: 6px solid var(--vert-500);height: 190px;}
.diagnose .mod_menu_icones li {height: 100px;}
.mod_menu_icones.espace_vetos li,.mod_menu_icones.mod_guides li{border:none;}
.mod_menu_icones.mod_guides li{height:auto;}

.mod_menu_icones li:hover {transform: translateY(-6px);box-shadow: 0 16px 40px rgba(0,119,182,0.15);}

/*couleurs uniques*/
.mod_menu_icones li.item-1226{border-color:var(--corail-700);}
#menu_sante_publique img{border-left: 6px solid var(--corail-700);}
.mod_menu_icones li.item-1256{border-color:var(--orange-400);}
#menu_parasites_chiens_chats img{border-left: 6px solid var(--orange-400);}
.mod_menu_icones li.item-1257{border-color:var(--vert-500);}
#menu_parasites_cheval img {border-left: 6px solid var(--vert-500);}
.mod_menu_icones li.item-694{border-color:var(--corail-500);}
.mod_menu_icones li.item-2219{border-color:var(--bleu-600);}

/*dividers pour accueil espace pro*/
.espace_vetos .custom{text-align: center;}
.espace_vetos .mod_in_mod{padding:0 15px;width: 1300px;}
.espace_vetos .moduletable.mod_menu_icones ul{display: inline-block;padding:0;}
.espace_vetos li{height:120px;min-height: auto;}
.mod_menu_icones li.divider{width: 600px;float:left;height:auto;}
.mod_menu_icones li.divider:hover{transform:none;box-shadow: none;}
.moduletable.mod_menu_icones li.divider span{display:inline-block;}
.moduletable.mod_menu_icones li.divider span img{display:inline;}
.moduletable.mod_menu_icones li.divider span{}
.moduletable li.divider ul li a.second_line{background: none; padding: 0;}
.moduletable li.divider ul li a.second_line:hover{background: none;}
.moduletable.mod_menu_icones a{height: 100%;  display: block;}
.moduletable.mod_menu_icones.espace_vetos a{height: auto;}

/*menu général espace véto : cacher certains liens*/
li:has(> a.lien_cache_pro) {display: none;}
.second_menu li:has(> a.lien_cache_pro) {display: inline-block;}

/*module connexion*/
.mod_menu_connexion{background: linear-gradient(135deg, rgb(2, 62, 138), rgb(0, 119, 182));}
.mod_menu_connexion li{max-width: 720px;  margin: auto; padding: 30px;}
.mod_menu_connexion li img{display: inline-block;}
.mod_menu_connexion li a{color: #fff; font-size: 1.24rem; line-height: 1.8rem; font-weight: 600;display: inline-block;  max-width: 650px;text-align:center;text-decoration: none;}
.mod_menu_connexion li a::after{content:"🔗 Connectez-vous pour accédez aux guides de recommandations, cas cliniques, outils et tableaux pratiques dans l'espace professionnel.";font-size:1rem;font-weight:400;display:block;}
.mod_menu_connexion li a:hover{transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(0,119,182,0.15);}

/*menus puces rouges remplacés par des cartes horizontales*/
.mod_menu_puces_rouges {  background: #fff;padding: 10px; box-shadow: rgba(0, 0, 0, 0.07) 0px 4px 24px;position: relative; min-height: 180px; margin: 15px 0;}
.mod_illustration {margin:20px 30px;text-align: center;}
.mod_illustration img{border-radius: var(--radius)}
.mod_in_mod{margin:auto;text-align: left;}
.mod_in_mod h2{text-align: center;}
.mod-menu__separator.separator {font-size: 1.2rem;color: var(--logo-bordeaux-light);font-weight: bold; padding-bottom: 10px; display: inline-block;}
#mod-custom244 .mod-menu__separator.separator {color: var(--vert-700);}
#mod-custom167 .mod-menu__separator.separator {color: var(--orange-600);}

/*lien menu vers pdf*/
.moduletable li.divider ul li a.lien_pdf{color: var(--logo-bordeaux-light); margin: 10px 0;background:none !important;}
.moduletable li.divider ul li a.lien_pdf:hover{color:var(--orange-600);font-weight: 600;}

/*menu puces rouges quand il y a plusieurs colonnes*/
/*module menu mozaique*/
/*.mod_menu_mozaique li.divider{float: left;margin-right: 40px; width:300px;}*/
.mod_menu_mozaique li.divider{margin-right: 40px;}
.mod_menu_mozaique li.divider ul li,.moduletable.for_menu_gauche li{display: inline-block;margin: 0 10px 10px 0;}
/*.moduletable li.divider ul li a{display: inline-block;padding: 4px 12px;color:#ffffff; border-radius: 20px;background:var(--bleu-300);}
.moduletable li.divider ul li a:hover{background: #eee;color: var(--bleu-600);}*/
.moduletable li.divider ul li a,.moduletable.for_menu_gauche li a,.admin_link a, .lien_recherche a, #left_content a{display: inline-block;padding: 4px 12px; border-radius: var(--radius);background:  var(--gris-100);color: var(--bleu-600);}
.admin_link a, .lien_recherche a,#left_content a, #left_content li a{display:block;}
.moduletable li.divider ul li a:hover,.moduletable.for_menu_gauche li a:hover,.admin_link a:hover,.lien_recherche a:hover, #left_content a:hover{color:#ffffff;background:var(--bleu-300);}
/*#left_content .moduletable ul.menu_gauche li{display:inline-block;}*/

/*Retour en haut */
.scroll-top-btn.active {z-index:500;opacity: 1;visibility: visible;}
.scroll-top-btn {position: fixed;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 8px;bottom: 30px;
  right: 1.5rem;cursor: pointer;max-width: 58px;text-align: center;transition: all 0.6s ease-out;border-radius: 5px;border: 1px solid #EDF1F7; background: var(--gris-100);padding: 7px 4px;z-index: 1;opacity: 0;visibility: hidden;font-size: 14px;font-weight: 600;line-height: 1;color:var(--bleu-900);}
.scroll-top-btn .scroll-circle {box-shadow: 0px 9px 26px 0px rgba(0, 0, 0, 0.08);border: 1px solid rgba(237, 241, 247, 1);background: #fff;width: 60px;height: 60px;display: flex;justify-content: center;align-items: center;border-radius: 50%;}

/*footer*/
footer{background:var(--bleu-900);}
footer .container{background:inherit;}
.moduletable.mod_footer ul.nav{text-align:center;}
.mod_footer li{margin:0;}
.moduletable.mod_footer li.parent{display: inline-block;vertical-align: top; margin: 0 10px; }
.moduletable.mod_footer li.parent .separator{font-weight: 600;font-size: .85rem;color: #fff;text-transform: uppercase;letter-spacing: .04em;padding:10px 0 0;}
.moduletable.mod_footer li.parent li a{font-size: .88rem; transition: color .2s; color:var(--gris-100);background:none !important;}
.moduletable.mod_footer li.parent li a:hover{color:white;}

/*module sur fond blanc prenant toute la largeur*/
/*modules en top sur fond blanc*/
.moduletable.mod_top_white {background-color: #fff;}
.moduletable.mod_top_white .mod-custom{padding: 20px; max-width: 780px;margin: auto;}

/*module menu cas cliniques quiz*/
.mod_menu_gauche.mod_cas_cliniques ul, .recommandations .menu_gauche ul{display:none;}

/*formulaire de contact*/
.contact h1{display:none;}
.contact-form,.com-users-reset__form,.com-users-remind__form{max-width: 600px; margin: auto;}
.contact-form fieldset,.com-users-reset__form fieldset,.com-users-remind__form fieldset{border-radius: var(--radius);background:#fff;border:none;box-shadow: rgba(0, 0, 0, 0.07) 0px 4px 24px;}
.com-users-reset__form fieldset,.com-users-remind__form fieldset{margin-bottom: 20px;}
.contact-form fieldset legend{display:none;}
.controls > p{font-size:0.8rem;}
.contact input#jform_contact_emailmsg,.contact textarea{width:420px;}
.contact input, .contact textarea{background:var(--gris-100);border:1px solid var(--gris-300);margin: 0 auto;padding:3px;display: block;border-radius: var(--radius);font-size: 1rem;}

/*login*/
.encadre.login_encadre{ max-width: 600px; margin: auto;border-radius: var(--radius);background: #fff;border: none;box-shadow: rgba(0, 0, 0, 0.07) 0px 4px 24px;padding: 25px;}
.login_encadre h1{font-size: 1.3rem;margin-bottom: 10px;}
.login_encadre p{text-align: left;}
.login_fields {margin: 0 0 15px;}
.login_fields label,.com-users-reset__form label,.com-users-remind__form label {font-weight: bold;text-align: center; display: block;}
/*.login_fields_label {display: block;margin: 20px auto 0;font-weight: bold;text-align: left;width: 300px;font-size:1rem;}*/
/*.login_fields_label span {font-weight: normal;font-size:0.75rem;color: #666;}*/
.login_fields input, .login_fields textarea, .login_fields select {background:var(--gris-100);border:1px solid var(--gris-300);width: 240px; margin: 0 auto;padding:6px;display: block;border-radius:5px;font-size: 1rem;line-height: 1.5rem;}
#login_questions{max-width: 350px;margin: auto;}
#login_questions h3, .vos_questions .texteplus h3{font-size: 1.2rem; background: var(--bleu-500); border-radius: var(--radius); color: var(--bleu-100);}
#login_questions a{font-weight: 600;color:#fff;}
#login_questions a:hover{color:var(--bleu-100);}

/*actualités*/
.moduletable.mod_actualites{padding-top:20px;}
.liste_actus ul{text-align: center;}
.actualite {display: inline-block;box-sizing: border-box;text-align: left;box-shadow: var(--shadow-sm);border-radius: var(--radius);background: var(--bleu-900);height:121px;margin: 10px 15px;}
.actu_conteneur:hover{transform: translateY(-6px);}
.actu_conteneur{border-radius: var(--radius);}
.actu_image{display: inline-block;width: 40px;vertical-align: middle;box-sizing: border-box;text-align: center;font-size: 1.5rem;}
.actu_texte{display: inline-block; vertical-align: middle;}
.actu_texte{background: #fff;border-radius: 0 var(--radius) var(--radius) 0;max-width: 300px;padding: 10px;box-sizing: border-box;}
.actu_titre{color:var(--bleu-900);font-weight: 600;padding:0;}
.actu_intro p{color: var(--gris-900);font-size: 0.8rem;line-height: 1.2rem;margin: 0;}
.actu_intro p a{color: var(--corail-700);  font-weight: 600;}

/*slider ck*/
.swiper-wrapper{text-align:right;}

@media only screen and (max-width: 389px) {
    .contact input,.contact textarea{max-width:270px;}
    .mod_menu_icones li{width:auto;height:auto;}
    .actualite{height:auto;}
}

@media only screen and (max-width: 479px) {
    .mod_menu_mozaique li.divider ul li{display:block;}
    .contact input,.contact textarea{max-width:340px;}
    .com-content-article__body div[style^="float"],.com-content-category-blog__item div[style^="float"]{float:none !important;text-align: center;}
}
@media only screen and (max-width: 389px) {
    .contact input,.contact textarea{max-width:270px;}
}

@media only screen and (max-width: 579px) {
.second_menu ul{display:none;}
.second_menu{cursor:pointer;position: relative;}
.second_menu .container{ background-image: url("../images/menus/fleche-horizontale.svg");background-repeat: no-repeat;background-position: 98% 4px;}
}

@media only screen and (max-width: 779px) {
    #page .container{padding:20px 10px;}
    .item-page{margin:10px 0;}
    #bandeau_menu{display:none;}
    
}

@media only screen and (min-width: 781px) {
    /*conteneur bandeau*/
   #logo{text-align:left;}
   #bandeau_droit form,.mod_espacepro, .reseaux,#bandeau_menu{float:right;display:block;}
   .reseaux{top: -4px;}
    #bandeau_droit form{padding: 5px;position: relative;top: -2px;}
    .mod_espacepro{top: 2px;}
    .socialnetwork{top: 6px;}
    
   /*menu principal (horizontal)*/
    #smartmenu{ display:none;}
    #bandeau_menu > ul{padding:0; display:block !important;}
    #bandeau_menu > ul > li{display: inline-block; margin:0 12px 0 0;font-size:1rem;text-align:left;background:#ffffff;
  border-radius:0;box-shadow:none;}
   #smartmenu {position: relative;  top: -10px;}
   .ul_espacepro li {position: relative;top: 0;left: 0;margin: 0 5px 0 0;}
   
   /*sous menu du menu principal*/
    #bandeau_menu ul.mod-menu__sub{display: none;position: absolute;background:#ffffff;padding: 8px;
        border-radius: 0 0 12px 12px;z-index: 200;box-shadow: 0 20px 60px rgba(44, 62, 80, 0.16), 0 4px 16px rgba(87, 147, 197, 0.10);}
    #bandeau_menu ul.mod-menu__sub li{display:block;}
    #bandeau_menu ul.mod-menu__sub li{font-size:1rem;}
    
    /*retour accueil pour smartphones*/
    .nolaptop{display:none;}
   
}

@media only screen and (max-width: 1000px) {
      .mod_menu_icones li.divider {width: auto !important;float:none;display: block;}
    .espace_vetos .mod_in_mod {width: auto !important;}

}
@media only screen and (max-width: 1199px) {
 .theses .cck-clrfix img {display: none !important;}
}

@media only screen and (min-width: 1058px) {
    /*conteneur bandeau*/
    #logo{ float:left;}
    #bandeau_droit{float:right;position: relative;}
    #bandeau_menu{float:right;}
    #left_content{margin-right: 40px;}
    #left_content .moduletable{padding: 20px;background: white;box-shadow: rgba(0, 0, 0, 0.07) 0px 4px 24px; border-radius: var(--radius);}
    #left_content{max-width: 250px;display:inline-block;}
    #left_content h3{text-align: left;cursor: none;}
    #left_content h3::after{content:"";}
    #left_content .moduletable ul{display:block !important;}
    #fullscreen { max-width:700px;display:inline-block;}
    .nosmart{display: block;}
    .mod_menu_gauche.mod_cas_cliniques ul, .cas_cliniques_quiz .menu_gauche ul,.recommandations .menu_gauche ul{display:block;}
    
}
   
@media only screen and (min-width: 1280px) {
    
  .mod_illustration {display:inline-block;vertical-align: top;}
  .mod_in_mod{display: inline-block;width: 920px;}
  .mod_in_mod h2{text-align: left;}
  #left_content{max-width: 320px;}
  #fullscreen { max-width:800px;}

}

@media only screen and (max-width: 1350px) {
    .mod_menu_icones li.divider {width: 400px;}
    .espace_vetos .mod_in_mod {width: 880px;}
}

@media only screen and (min-width: 1520px) {
    #left_content{max-width: 480px;}
    #fullscreen { max-width:940px;}
}