/*===================================================================*/
/*=== @author Christophe Lebis */
/*=== @copyright (C) 2009 - 2020 AFVAC. All Rights Reserved. */
/*===================================================================*/

/*champ has pv papetr caché sur le bon de commande*/
/*#page.itemid-351 .cck_seb_order_has_pv_paper{display:none;}*/

/*couleurs*/
:root{--bleu_logo:#0c3460;--bleu_afvac:#5b79bb;--vert:#92b72d;--vert_fonce:#1e9a6e;--rouge:#c7364f;--bleu_clair:#b5d0e6;--mauve:#b16d9d;--jaune:#e3a946;--jaune_pale:#f4da6d; --jaune_pub:#fdc303;}
.bleulogo{color:var(--bleu_logo);}
.bleuafvac{color:var(--bleu_afvac);}
.vert{color:var(--vert);}
.vertfonce{color:var(--vert_fonce);}
.rouge{color:var(--rouge);}
.bleuclair{color:var(--bleu_clair);}
.mauve{color:var(--mauve);}
.jaune{color:var(--jaune);}
.jaunepale{color:var(--jaune_pale);}
.jaunepub{color:var(--jaune_pub);}
.mod_mauve{background-color:var(--mauve) !important;}
.mod_bleuclair{background-color:var(--bleu_clair) !important;}
.mod_jaune{background-color:var(--jaune) !important;}
.mod_jaunepale{background-color:var(--jaune_pale) !important;}
.mod_rouge{background-color:var(--rouge) !important;}
.mod_vert{background-color:var(--vert) !important;}
.mod_vertfonce{background-color:var(--vert_fonce) !important;}
.mod_bleuafvac{background-color:var(--bleu_afvac) !important;}
.mod_bleulogo{background-color:var(--bleu_logo) !important;}
.col_rouge{color:var(--rouge);}

/*logo*/
.logo .logo-large{position:relative;top: -10px;  left: 50px;}
.logo  #logo-title-1{display:none;}
@media screen  and (max-width: 980px){
.logo .logo-large{width:auto;top: -20px;  left: 10px;}
}

/*nouvelle page adhésion*/
.bg_bleulogo .wysiwyg {background-color:var(--bleu_logo); color:#ffffff;}
.bg_bleulogo .wysiwyg p, .bg_bleulogo .wysiwyg h1, .bg_bleulogo .wysiwyg h3, .bg_bleulogo .wysiwyg h4{color:#ffffff;}
.bg_bleulogo .wysiwyg h3{font-size:1.5rem;font-weight:normal;line-height:2.2rem;}
.bg_bleulogo .wysiwyg h4{font-size:1.2rem;font-weight:normal;}
.bg_bleulogo .wysiwyg .sp_adhesion{ border: none;  font-size: 1.5rem;  color: #fff !important;  line-height: 24px;  margin:15px;  padding: 15px;
  box-shadow: 0px 0px 8px black;}
.bg_bleulogo .wysiwyg .sp_adhesion:hover{color:var(--jaune_pub) !important;};
.bg_bleulogo .wysiwyg .plus{font-size:2rem;font-weight:bold;color:var(--jaune_pub);text-shadow: 0.1em 0.1em 0.2em black;}
.bg_bleulogo .wysiwyg a{color:var(--jaune_pale);font-weight:bold;font-size:1rem;}
.bg_bleulogo .wysiwyg .dotted {border-left: 1px dotted white; padding-left: 10px;}

/*alerte abo Pratiquevet*/
.info_pv{background-color: #fff;  padding: 0 30px 20px;  font-size: 1.1rem;}

/*general*/
.clear {clear:both;}
em{color:#303030 !important;}

/*conteneur de flexbox*/
.flex-container{display:flex;justify-content:space-around;flex-wrap: wrap; }
.flex-container > .w400 {width:400px;}

/*plans modulaires*/
.plans_modulaires{text-align: center;}
.plan_modulaire {max-width:400px;display: inline-block;  vertical-align: top;  margin: 10px;  border: 1px solid var(--jaune);  padding: 10px;  border-radius: 0.25rem;  text-align:left;}
.plan_modulaire h3{color: #ffffff;  text-align: center;  padding: 5px;  font-size: 1.3rem;margin:0px; border-radius: 0.25rem 0.25rem 0 0 ; }
.plan_modulaire img{border-radius: 0 0 0.25rem 0.25rem;}
.plan_modulaire .introtext{padding: 20px 20px 0 20px;}
.plan_modulaire ul{margin: 0;  list-style-type: circle !important;margin-bottom: 0.5rem;}
.plan_modulaire li{padding: 0 !important;  margin-bottom: 0.5rem;}
/*correction pb article*/
article .plan_modulaire li{padding: 0 0 8px 16px !important;}
.plan_modulaire p a.bouton{background-color: var(--bleu_logo);   color: #ffffff;  border: none !important;  height: auto !important;  width: auto !important;  padding: 8px !important;  box-shadow: none;  font-size: 1rem;  display: block;  margin: auto !important;border-radius: 0.25rem !important; }
.plan_modulaire p a.bouton:hover{background-color:var(--rouge);border-color:var(--rouge); }
.plan_modulaire p.infos { background-color: #f0f0f0; padding: 10px; border-radius: 0.25rem;  text-align: center; hyphens: none;}
.pm_description img{float:left;}
@media only screen and (max-width: 800px) {
   .pm_description img{float:none; display:block;margin:auto;}

}
.pm_description div{max-width: 860px;}

/*encadre*/
.encadre{border: 1px solid #ccc;border-radius: 12px;padding: 12px;margin-bottom: 20px;}
.marginbottom20{margin-bottom:20px  !important;}

/*acymailing*/
#unsubfull_div{display:none;}
#acyBoutonAbo{cursor:pointer;margin-top: 20px;}
#acyMyContent, #acyMyContent td.acyfield_name{display:none;}
#acymailing_lists{margin:10px 0}
.acymailing_module div .acy_colonne{width: 260px;  display: inline-block;  margin: 10px !important;vertical-align:top;}
.acy_liste label{display: inline; position: relative;  top: 3px;  left: 3px;}

/* mise en page au sein d'un article*/
.uk-article li {line-height: 20px; text-align:justify;}
.uk-article ul li ul, .uk-article ol li ul  {margin-top:10px;}
.uk-article h2 {font-size: 28px; margin-bottom:10px;}
.uk-article h3 {font-weight: 600;}
.uk-article ul li ul li::before, .uk-article ul li ul li::after,.uk-article ol li ul li::before, .uk-article ol li ul li::after{display:none;}
.uk-article ul li ul li, .uk-article ol li ul li{list-style-type:disc;list-style-position: inside}
.uk-article ol li::after {height: 14px; line-height: 14px;}
.wysiwyg > h4 {margin: 12px 0 8px;}

/*images flottantes*/
div.container_float_image{text-align:center;}
div.float_image{width:285px;text-align:center;display:inline-block;}
div.float_image img{}
div.float_image p{padding: 4px;font-style: italic;}
.container_float_image img.vignette {display:inline-block;vertical-align:top;}

/*pour module image sans marge*/
.nomarge{padding:0 !important;}

/*bug alignement css général*/
.wysiwyg ol li::before {padding-right:0;}

/*alignement à gauche forcé*/
.wysiwyg.left ul li, .uk-article li {text-align:left;}

/*modul docs téléchargem.élus*/
.unique_article .more {display:none;}
.unique_article ul li {text-align:left;}

/*mise en page blogs */
.blog_afvac h3 {font-size: 20px;}
.blog_afvac article div.characteristics { font-style: italic; color: #999;}
.blog_afvac .uk-panel.uk-panel-space {border-top: 1px dotted #ccc;}

/*voir sur la carte*/
.cck_module_search #pos-phone {font-size:18px;}
.cck_module_search a#pos-phone > span[class^="octo-"]{    font-size:18px;}

/*mise en forme conteneur de recherche médias*/
.afvac_searchmedias{}
.afvac_searchmedias div{float: right !important;margin-right: 8px;width:auto;}
input#seb_media_keywords{}
.afvac_searchmedias div .cck_form{border-right: 1px solid #ddd; }
.media_titre{font-size: 16px;margin-bottom: 8px;}
.media_resume{font-size: 13px;font-style: italic;line-height: 16px;margin-bottom: 8px;}
.media_source{font-size:13px;line-height:16px;}
.media_auteur{font-size:13px;line-height:16px;margin-bottom: 8px;}

/* ligne savoirs-faire*/
.cck_seb_savoirfaire_alias{margin-top: 12px;color: #1fa2d6;}

/* pour le formulaire d'inscription, case date de naissance*/
.marginbottom{margin-bottom:20px !important;}

/* pour la mise en forme des notices RGPD */
.rgpd_notice { line-height: 20px; font-style: italic; border: 1px solid #ccc; border-radius: 12px; padding: 8px;color: #666; margin: 12px 0 !important;}
.rgpd_notice ul{margin:0;}
.rgpd_notice ul li{margin-bottom:8px;}
.rgpd_notice div.cck_forms.cck_site div.cck_form{float:none;}
#seb_has_newsletter_alias label, #seb_has_sms_alias label{line-height:18px !important; float:none !important}

/* Espace Élus */
.content{background-color: #578ec2; color: white; border-radius: 10px; padding: 1.5em; font-size: 12pt; border: 4px white solid !important;box-shadow: 3px 3px 8px grey;vertical-align: middle;margin-bottom: 20px;}

.content-title p {color: white !important; text-align: center; font-weight: bold;cursor: pointer;}
.content-title a {color: white !important;}
/*.content-text {display: none;} */
.content-text a {color: white !important;}
.menuespaceelus { text-align: center; margin: 20px 20px; padding-top: 5px; padding-bottom: 25px;}
.bouton {display: inline-block; margin: 4px !important; background-color: #578ec2; color: white; border-radius: 10px; padding: 1.5em; font-size: 12pt; width: 200px; border: 4px white solid !important;box-shadow: 3px 3px 8px grey; vertical-align: middle ; text-align: center; height: 50px;}
.bouton:hover {background-color: #29b8ce;}

.bouton p {color: white !important; text-align: center; font-weight: bold;}

boutonspe {
    line-height: 20em;
}
.no-actus .cck_module_desc{display:none;}
table.content td, table.content th{padding:4px;}

/* Bureau directeur et Conseil exécutif */
.bureaudir,.consexe{text-align: center;margin: 40px 40px;box-shadow: 3px 3px 10px grey;padding-top: 20px;padding-bottom: 1px;}
.conteneurindividuel{display: inline-block;font-size: 12pt;text-align: center !important;width: 200px;vertical-align: top;margin: 15px 38px;}
.nom{font-weight: bold !important;text-align: center !important;font-size: 11pt !important;margin-bottom: 5px !important;}
.poste{margin-bottom: 5px;text-align: center !important;padding-top: 10px;font-size: 11pt !important;}
.poste1{text-align: center !important;padding-top: 10px;font-size: 11pt !important;}
#poste2{margin-bottom: 38px;}
.adresse{text-align: center !important;font-size: 11pt !important;margin-bottom: 5px;}
.conteneurindividuel1, .conteneurindividuel2,  .conteneurindividuel3 {display: inline-block;margin: 25px 40px 25px 40px;font-size: 12pt;width: 335px;vertical-align: top;}
.conteneurindividuel1 p {text-align: left !important;margin-top:18px !important;width: auto;}
.conteneurindividuel2 p {text-align: left !important;margin-top:13px !important;width: auto;}
.conteneurindividuel3 p {text-align: left !important;margin-top:5px !important;width: auto;}
.ci1 {float: left;margin: 0 5px 0 0;}
.phonneur{background-color: #EF790B;display: block;color: white !important;margin: 0 25px 30px 25px;padding-top:20px;padding-bottom:10px;}
.phonneur p {color: white !important;text-align: center !important;}
hr {display: block;clear: both;background-color: #EF790B;height: 10px;}

/* Conseil d'administration */
.posteca{text-align: center !important;font-size: 11pt !important;}
.conteneurindividuelca{display: inline-block;margin: 15px 15px 20px 15px;font-size: 12pt;text-align: center !important;width: 220px;vertical-align: top;}
.nomca{font-weight: bold !important;text-align: center !important;font-size: 11pt !important;padding-bottom: 19px;}

/* AFVAC Juniors */
.tbafjuniors {width: 100%;margin-bottom: 35px;}
.tbafjuniors td, th {text-align: left;}
.tbafjuniors td {width:70px;}
.tbafjuniors th {width:50px;height: 15px;font-size: 16px;padding-bottom: 15px;}


/* Régions et Groupes */
.conteneur, .conteneur_SRGE {  box-shadow: 3px 3px 10px grey;  padding-top: 20px; padding-bottom: 1px;  display: flex;  flex-flow:column  wrap;  justify-content: center;  align-items: stretch;  align-content: center;background :url('../styles/afvac/images/fond-haut-page.jpg') no-repeat 0 0 ;}
.conteneur_SRGE h1{text-align: center;font-size: 24px;line-height: 32px;}
.conteneur_SRGE h1.acronyme{color: var(--bleu_logo);font-size: 60px;line-height: 72px;}
.conteneur_SRGE div {align-self: center;}
.conteneur_SRGE.provisoire div {align-self: flex-start;}
.conteneur_SRGE p.adresse {  background-color: var(--bleu_afvac);  padding: 15px;  color: #fff;display: inline-block;text-align: left !important;width: 280px; }
.conteneur_SRGE p.adresse a{  font-weight:bold;text-decoration:underline;  color: #fff;}
.regionetsection{  max-width: 100%;  height: auto;}
.individu{  text-align: left;   margin: 20px;flex-flow: row wrap;display: flex;justify-content: center;}
.conteneur_SRGE .individu p{ margin: 0 0 10px;}
.conteneur .individu p {margin:0;}
.individu p.fonction{font-weight: bold;  font-size: 16px !important;  color:var(--bleu_afvac) !important;}
.conteneur_SRGE div.photo{margin: 20px;align-self:flex-start;width: 200px;text-align: right;}
.conteneur_SRGE .texte{width: auto;height: auto; margin-top: 12px; max-width:400px;display: flex;flex-direction: column;}

@media screen  and (max-width: 620px){
.conteneurindividuel1, .conteneurindividuel2,  .conteneurindividuel3 {display: flex;flex-direction: column;width: auto;}
.ci1{max-width: 110px;margin: auto;}
.conteneurindividuel1 p {text-align: center !important;}
.conteneurindividuel2 p  {text-align: center !important;}
.conteneurindividuel3 p  {text-align: center !important;}
.conteneurindividuel {display: inline-block;font-size: 12pt;text-align: center !important;width: 100%;vertical-align: top;margin: 15px 0px;}
.conteneurindividuel p {text-align: center  !important;}
.conteneur_SRGE p.adresse {text-align: center !important;max-width:240px;}
.conteneur_SRGE div.photo{text-align: center; }
.uk-left {float: none !important; text-align: center;}
}

@media only screen and (max-width:780px) {
.individu p.fonction, .individu .adresse{align-self:center;}
.media_resume{display:none;}}

@media only screen and (max-width: 920px){
.conteneur_SRGE{background-image:url('../styles/afvac/images/barre-degradee.jpg');}
.conteneur_SRGE h1.acronyme{font-size: 30px;line-height: 32px;}
    
.afvac_searchmedias div{float: none !important;margin : 8px; width:100%;}
.afvac_searchmedias div .cck_form{border-right: none; }}


/*id formation sur le site*/
.id_central_formation{font-size: 10px;font-style: italic;color: #bbb;}

/*dossier covid*/
.covid .content{text-align:center;}
.covid .content a{color:white;font-size: 16px;}
.covid .element{margin-bottom:20px;}
.covid .element .date{display: block;color:#99bf19;font-style:italic;}
.covid .element .intro{display: block;}
.covid .element .lien{display: block;}

/*achat pour autrui*/

.lien_achat_autrui {display: block; text-align: center;margin: 12px auto; border: 1px solid #aaa; padding: 8px;}
#seb_user_picker_mode {  max-width: 380px;}

/*interface "bilingue"*/
#seb_user_birthdate_register{width:200px !important;}
/*pour <i class="marqueur_anglais"></i> */
.marqueur_anglais { width: 14px; display: inline-block; height: 14px;  background-image: url('../images/anglais-marqueur.png');}

/* actualité mise en avant */
.uk-panel.uk-panel-space.actu_enavant{padding:0;border:none;}
.actu_enavant .uk-grid{background-color:var(--bleu_afvac);padding: 12px;margin-bottom: 20px;}
.actu_enavant h1{color: #fff;font-size: 24px;line-height: 28px;padding: 12px;margin: 0;}
.actu_enavant p{line-height:16px !important;}
.no_more .cck_module_desc{display:none;}

/*liens utiles*/
h1.liens_utiles{text-align:center;font-size: 2em; background-color: var(--bleu_logo); color: #fff;}
.liens_utiles ul{}
.liens_utiles li{list-style: none;display: inline-block; width: 200px;vertical-align: top;margin:5px;border:1px solid #eee;}
.liens_utiles img{box-shadow: 1px 1px 3px gray; display:inline-block;}
.liens_utiles_legende {padding: 10px;display:none;position: absolute;width: 400px;background-color: white;}
@media only screen and (max-width: 920px){
    .liens_utiles_legende {display:block !important;position: relative;width: auto;}
}

/*rappel statut adhesion*/
.cck-clrfix.membership_alert {text-align:right;}
.cck-clrfix.membership_alert .membership_in_alert { box-sizing: border-box; background: #fff; margin: 0 0 10px auto; width: auto; display: inline-block;color:#fff;font-size:16px;font-style:italic;}
.membership_good{background:#35b6b4;padding: 10px 20px; }
.membership_none{background:#b80e80;padding: 10px 20px; }
.membership_ended{background:#e6224f;padding: 10px 20px; }

/*mise en forme espace perso*/
section.tm-top-e.uk-grid.uk-grid-large {margin:0 !important;background:#ffffff; }
section.tm-top-e.uk-grid.uk-grid-large > div{background:#ffffff; padding:0 !important;}
.vos_participations li{font-size: 16px;}

/*champ Calypso*/
#cck1r_label_seb_user_calypso_optin, #cck2r_seb_user_subscrib_gp_0_label_seb_user_calypso_optin{width: auto !important; margin-right:15px;}
.afvac_float{float:left;}
.encadre ul{list-style: disc !important;}
.margintop{margin-top: 20px;}