/* ==================================================== SPECIFIC ======================================================== */

.antBubble{margin: 10px;}   /*0px si after*/
.antBubbleText{background:#139ee0; color:#fff; padding:7px 15px; border-radius:3px;}
.antBubbleKey{font-size:0.8rem;font-style:italic;width:100%;text-align:right;color:#faefb1; padding:2px 5px;}

/*
.antBubbleText::after{
    content:""; 
    border-left:20px solid transparent;
    border-right:20px solid transparent;
    border-top: 20px solid #139ee0;
    position: absolute;
}
*/

/* == widget actualités sur home page == */
.widgetLatestNews img{
    border: 1px solid #d2d2d2;
}

/* == Boutons avec dégradé de la page d'accueil == */
.btnGradient{
	background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
	padding: 20px;
	display: block;
	margin: 5px;
	color: #ffe5e5 !important;
	font-weight: bold;
	text-decoration: none !important;
	position: relative;
	background-size: 200%;
	text-transform: uppercase;
	text-align: left;
	transition: all 0.5s;
	}
.btnGradient i{
	position: absolute;
	right: 20px;
	top: 35%;
	}
.btnGradient:hover{
	background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
	background-position: right center;
	color: #ffffff !important;
	transition: all 0.5s;
	}

/* == Connexion ou création d'un compte avec étapes == */
.contChoice{
  border: 1px solid #e8e4e4;
  padding-top: 20px;
  text-align: center;
  }
.contChoice.noBorder{
  border-right: 0;
  }
.contChoice:hover{
  background-color: #f8f8f8;
  }

.stepsLine::before{
  content: " ";
  width: 96%;
  height: 2px;
  background-color: #ecebeb;
  position: absolute;
  top: 50%;
}
.stepOk{
  width: 50px;
  height: 50px;
  background-color: #bd0926;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  }
.stepOk i{
  padding: 16px;
  color: #fff;
  }
.stepToDo{
  width: 50px;
  height: 50px;
  border: 2px solid #ecebeb;
  background-color: #ffffff;
  border-radius: 50%;
  display: inline-block;
  }
.stepToDoIn{
  width: 50px;
  height: 50px;
  border: 2px solid #bd0926;
  background-color: #ffffff;
  border-radius: 50%;
  display: inline-block;
  }

.form-group input{
  width: 100%;
} 

/* == Repositionnement des flèches du slider de pdf par rapport au css de btsp == */
.pdfCarousel .carousel-control-prev{
    left: 33px;
}
.pdfCarousel .carousel-control-next{
    right: 33px;
}
.pdfCarousel .carousel-control-prev i,
.pdfCarousel .carousel-control-next i{
    background-color: #fff;
    padding: 10px 13px;
}
.pdfCarousel .carousel-control-prev, .pdfCarousel .carousel-control-next{
    width: 0;
}

/* == Specific : widget carte spécialistes == */
g.colorProvince path{
    fill:#f7f7f7;
}
g.colorProvince:hover path{
    fill:#b1b1b1 !important;
    cursor: pointer;
}
g.colorProvince text:hover{
    cursor: pointer;
}
g.colorProvince text{
    font-family: 'Montserrat'; 
    font-size: 12px;
    fill: #515151;
}
#contours path{
    fill: none;
    stroke: #c2c2c2;
    stroke-miterlimit: 10;
}
.infosSpecParo{ /* pour que les infos scrollent afin de garder la carte toujours présente */
    max-height: 500px; 
    overflow-y: scroll;
}
.listParo.card{
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0;
}
.listParo.card .card-header{
    background-color: #f7f7f7;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0;
}
.listParo.card > .card-header h3#infosRegion{
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 0;
    letter-spacing: 1px;
    color: #515151
}
.listParo ul li a {
    color: #515151;
}
.listParo ul li a:hover{
    color: #d70000;
    text-decoration: none;
}
.listParo ul li a p{
    margin-bottom: 0;
    line-height: 1.4rem;
    margin-top: -5px;
}
/* boutons smartphone */
.btnSpe{
    background-color: #b1b1b1;
    color: #fff;
    padding: 15px;
    display: block;
    transition: background-color 0.2s;
}
.btnSpe:hover{
    cursor: pointer;
    background-color: #d70000;
    color: #fff;
    text-decoration: none; 
    transition: background-color 0.2s;
}
/* == Specific : widget news home page == */
#widgetNewsInfosHome h3{
    font-size: 1.2rem;
    text-align: left;
    color: #bd0926;
    }

/* == Specific : encart home avec boutons infos et description == */
#encartHome .encartHomeLeft .encartHomeLeftDiv{
background-color: rgba(189, 9, 38, 0.7);
padding: 15px;
text-align:center;
margin-bottom: 10px;
display: block;
color: #ffffff;
text-decoration: none;
transition: background-color 0.5s;
}

#encartHome .encartHomeLeft .encartHomeLeftDiv:hover{
background-color: rgba(189, 9, 38, 1);
transition: background-color 0.5s;
}

#encartHome .encartHomeRight{
background-color: rgba(189, 9, 38, 0.7);
padding: 15px;
border-left: 2px solid #ffffff;
}
#encartHome .encartHomeRight h2{
font-weight: bold;
font-size: 1.6rem; 
}

/* == Specific : carousel card pour les conférences == */
#multi-item-carousel,
#multi-item-carousel-autre{ 
    position: relative;
    }

#multi-item-carousel .card,
#multi-item-carousel-autre .card{
    border-radius: 0.25rem;
    border: 1px solid rgba(0, 0, 0, 0.125);
    text-align: left;
    }

#multi-item-carousel .card a,
#multi-item-carousel-autre .card a{
    text-decoration: none;
    }

#multi-item-carousel .card a .card-img-top,
#multi-item-carousel-autre .card a .card-img-top{
    overflow: hidden;
    height: 200px;
    }

#multi-item-carousel .card a .card-img-top img,
#multi-item-carousel-autre .card .card-img-top img{
    transition: all 0.5s;
    width: 100%;
    }

#multi-item-carousel .card a:hover p,
#multi-item-carousel-autre .card a:hover p{
    color: #858585;
    }

#multi-item-carousel .card a:hover .card-img-top img,
#multi-item-carousel-autre .card a:hover .card-img-top img{
    transform: scale(1.2);
    transition: all 0.5s;
    }

#multi-item-carousel .btn-floating,
#multi-item-carousel-autre .btn-floating{
    background-color: #bd0926;
    padding: 10px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 1.35rem;
    color: #ffffff;
    margin: 5px;
    transition: background-color 0.5s;
    }

#multi-item-carousel .btn-floating:hover,
#multi-item-carousel-autre .btn-floating:hover{
    background-color: #e41f3f;
    transition: background-color 0.5s;
    }

#multi-item-carousel .carousel-indicators,
#multi-item-carousel-autre .carousel-indicators{
    position: absolute;
    bottom: -45px;
    }

#multi-item-carousel .carousel-indicators li{
    background-color: #bd0926;
    padding: 0;
    }
#multi-item-carousel-autre .carousel-indicators li{
    background-color: #bd0926;
    padding: 0;
    }

.antfullwBg3 #multi-item-carousel-autre .card a{
    color: #858585;
    }
.antfullwBg3 #multi-item-carousel-autre .card a:hover p{
    color: #858585;
    font-weight: normal;
    }
.antfullwBg3 #multi-item-carousel-autre .card a:hover h4{
    color: #bd0926;
    }

/* Raccourcis fixés dans le footer sur smartphone */
#footerFix{
    position: fixed;
    z-index: 999;
    bottom: 0;
    background-color: #333333;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    display: none;
    }
#footerFix a{
    display: inline-block;
    font-weight: bold;
    padding-left: 8px;
    padding-right: 8px;
    color: #ffffff;
    }
#footerFix a:hover{
    color: #bd0926;
    }
/* == calendar == */
.calendar{
    background-color: #ffffff; 
    padding: 10px;
    z-index: 1060; /* si modal car il est en 1050 */
    border: 2px solid #bd0926;
    }
.calendar td.day:hover{
    cursor: pointer; 
    background-color: #bd0926; 
    color: #ffffff;
    }
.calendar td.selected{
    background-color: #bd0926;  
    color: #ffffff;
    }
.calendar .headrow {background-color: #f7f2ea;}
.calendar td{ padding: 5px; text-align: center;}
.calendar td.wn, .calendar td.name{
    background-color: #f4f4f4;
    color: #999;
    }
.calendar td.wn:hover, .calendar td.name:hover{
    background-color: #f4f4f4;
    color: #999;
    cursor: default;
    }
.calendar .button{ text-align: center;}
.calendar .button:hover{cursor: pointer;}
.calendar .nav{ 
    background-color: #bd0926; 
    color: #ffffff; 
    border: 1px solid #ffffff;
    display: table-cell; /* màj btsp 4 > ajoute un display flex sur la classe nav */
    }
.calendar .nav:hover{ background-color: #e41f3f;}

.calendar thead tr td.title{
    font-weight: bold;
    text-transform: uppercase;
    }


/* == BACKGROUND PLEINE LARGEUR CUSTOM == */

/* bg custom 1 : gris clair */
div.antfullwBg1{
    background-color: #f8f8f8;
    }

/* bg custom 2 : rouge */
div.antfullwBg2{ background-color: #bd0926;}

/* les couleurs de textes, liens, titres, etc adaptés si couleurs ne resortant pas */
/* titres avec tous les styles devant être changés */
div.antfullwBg2 .antpar1 h1 { color: #ffffff;}
div.antfullwBg2 .antpar1 h1.style2 { color: #ffffff;}
div.antfullwBg2 h1, div.antfullwBg2 h2{ color: #ffffff;}
/* contenus p, li, a etc */
div.antfullwBg2 .antpar1 .par1descr, div.antfullwBg2 .par2cont .par2descr{ color: #ffffff;}
div.antfullwBg2 .par1descr ul li::before, div.antfullwBg2 .par2descr ul li::before, div.antfullwBg2 .par1descr ul ul li::before, div.antfullwBg2 .par2descr ul ul li::before{
        color: #ffffff;
        }
div.antfullwBg2 .par1descr a, div.antfullwBg2 .par2descr a{ color: #ffffff;}
div.antfullwBg2 .par1descr a:hover, div.antfullwBg2 .par2descr a:hover{ color: #ffffff; font-weight: bold;}
div.antfullwBg2 .linkList li a{ color: #ffffff;}
div.antfullwBg2 .linkList li a:hover { color: #ffffff; font-weight: bold;}

/* les couleurs de textes, liens, titres, etc adaptés dans col ou par specific si besoin */
/* les couleurs de formulaire si besoin */

/* Boutons */
div.antfullwBg2 div.link_btn_btnCenter, 
div.antfullwBg2 div.link_btn_btnRightAleft, 
div.antfullwBg2 div.link_btn_btnLeftAright, 
div.antfullwBg2 div.link_btn_btnLeft, 
div.antfullwBg2 div.link_btn_btnRight{
    background-color: #ffffff;
    }
div.antfullwBg2 div.link_btn_btnRight .btn_inner, 
div.antfullwBg2 div.link_btn_btnLeft .btn_inner, 
div.antfullwBg2 div.link_btn_btnRightAleft .btn_inner, 
div.antfullwBg2 div.link_btn_btnLeftAright .btn_inner, 
div.antfullwBg2 div.link_btn_btnCenter .btn_inner{
    color: #858585;
    }
div.antfullwBg2 div.link_btn_btnRightAleft a, 
div.antfullwBg2 div.link_btn_btnLeftAright a, 
div.antfullwBg2 div.link_btn_btnRight a, 
div.antfullwBg2 div.link_btn_btnLeft a, 
div.antfullwBg2 div.link_btn_btnCenter a{
    color: #515151;
    }
div.antfullwBg2 div.link_btn_btnRightAleft a:hover, 
div.antfullwBg2 div.link_btn_btnLeftAright a:hover, 
div.antfullwBg2 div.link_btn_btnRight a:hover, 
div.antfullwBg2 div.link_btn_btnLeft a:hover, 
div.antfullwBg2 div.link_btn_btnCenter a:hover {
    color: #515151;
    }
div.antfullwBg2 div.link_btn_btnRight:hover, 
div.antfullwBg2 div.link_btn_btnLeft:hover, 
div.antfullwBg2 div.link_btn_btnRightAleft:hover, 
div.antfullwBg2 div.link_btn_btnLeftAright:hover, 
div.antfullwBg2 div.link_btn_btnCenter:hover{
    background-color: #ffffff;
    }
div.antfullwBg2 div.link_btn_btnRight:hover a, 
div.antfullwBg2 div.link_btn_btnLeft:hover a, 
div.antfullwBg2 div.link_btn_btnRightAleft:hover a, 
div.antfullwBg2 div.link_btn_btnLeftAright:hover a, 
div.antfullwBg2 div.link_btn_btnCenter:hover a{
    color: #515151;
    }


/* BG CUSTOM 2SPE - COLONNE IMBRIQUEES : gris clair */

div.antfullwBg2Spe{ background-color: #f8f8f8;}
div.antfullwBg2Spe .col-md-5{
    padding-left: 0;
    padding-right: 0;
    }
div.antfullwBg2Spe .par2cont{
    padding: 0;
    }
div.antfullwBg2Spe .par2contSt4 {
    min-height: 357px; /* taille de la hauteur des images */ /* 365 avant migration bootstrap 4 */
    position: relative;
    }
div.antfullwBg2Spe .par2_line:nth-child(2n) .par2contSt4::after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0da";
    color: #fff;
    font-size: 400%;
    right: -15px;
    position: absolute;
    top: 40%;
    z-index: 1;
    }
div.antfullwBg2Spe .par2_line:nth-child(odd) .par2contSt4::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0d9";
    color: #fff;
    font-size: 400%;
    left: -15px;
    position: absolute;
    top: 40%;
    }
/* migration bootstrap 4 */
div.antfullwBg2Spe .col-lg-5{
    padding-right: 0px;
    padding-left: 0px;
    }
div.antfullwBg2Spe figure.effect-milo{
    margin: 0;
    }

/* bg custom 3 : gris foncé */
div.antfullwBg3{
    background-color: #515151;
    }
/* les couleurs de textes, liens, titres, etc adaptés si couleurs ne resortant pas */
/* titres avec tous les styles devant être changés */
div.antfullwBg3 .antpar1 h1 { color: #ffffff;}
div.antfullwBg3 .antpar1 h1.style2 { color: #ffffff;}
div.antfullwBg3 h1, div.antfullwBg3 h2{ color: #ffffff;}
/* contenus p, li, a etc */
div.antfullwBg3 .antpar1 .par1descr, div.antfullwBg3 .par2cont .par2descr{ color: #ffffff;}
div.antfullwBg3 .par1descr ul li::before, div.antfullwBg3 .par2descr ul li::before, div.antfullwBg3 .par1descr ul ul li::before, div.antfullwBg3 .par2descr ul ul li::before{
        color: #ffffff;
        }
div.antfullwBg3 .par1descr a, div.antfullwBg3 .par2descr a{ color: #ffffff;}
div.antfullwBg3 .par1descr a:hover, div.antfullwBg3 .par2descr a:hover{ color: #ffffff; font-weight: bold;}
div.antfullwBg3 .linkList li a{ color: #ffffff;}
div.antfullwBg3 .linkList li a:hover { color: #ffffff; font-weight: bold;}

/* les couleurs des boutons si besoin */
/* les couleurs de textes, liens, titres, etc adaptés dans col ou par specific si besoin */


/* bg custom 4 : image rouge avec fantaisie */
div.antfullwBg4{
    background: url(../images/bg_img_red.jpg) no-repeat; 
    background-size: 100%;
    }
div.antfullwBg4 .antpar1 h1, div.antfullwBg4 .antpar2 h2{
        color: #ffffff;
        }
.antfullwBg4 p{
        color: #ffffff;
        }


/* les couleurs de textes, liens, titres, etc adaptés si couleurs ne resortant pas */
/* titres avec tous les styles devant être changés */
div.antfullwBg4 .antpar1 h1 { color: #ffffff;}
div.antfullwBg4 .antpar1 h1.style2 { color: #ffffff;}
div.antfullwBg4 h1, div.antfullwBg2 h2{ color: #ffffff;}
/* contenus p, li, a etc */
div.antfullwBg4 .antpar1 .par1descr, div.antfullwBg4 .par2cont .par2descr{ color: #ffffff;}
div.antfullwBg4 .par1descr ul li::before, div.antfullwBg4 .par2descr ul li::before, div.antfullwBg4 .par1descr ul ul li::before, div.antfullwBg4 .par2descr ul ul li::before{
        color: #ffffff;
        }
div.antfullwBg4 .par1descr a, div.antfullwBg4 .par2descr a{ color: #ffffff;}
div.antfullwBg4 .par1descr a:hover, div.antfullwBg4 .par2descr a:hover{ color: #ffffff; font-weight: bold;}
div.antfullwBg4 .linkList li a{ color: #ffffff;}
div.antfullwBg4 .linkList li a:hover { color: #ffffff; font-weight: bold;}


/* bg custom 5 : dégradé */
div.antfullwBg5{
    background-color: #d4e2f1;
    background-image: linear-gradient(62deg, #d4e2f1 0%, #c0e6f3 100%);
    }

/* les couleurs de textes, liens, titres, etc adaptés si couleurs ne resortant pas */
/* titres avec tous les styles devant être changés */
div.antfullwBg5 .antpar1 h1 { color: #ffffff;}
div.antfullwBg5 .antpar1 h1.style2 { color: #ffffff;}
div.antfullwBg5 h1, div.antfullwBg5 h2{ color: #ffffff;}
/* contenus p, li, a etc */
div.antfullwBg5 .antpar1 .par1descr, div.antfullwBg5 .par2cont .par2descr{ color: #ffffff;}
div.antfullwBg5 .par1descr ul li::before, div.antfullwBg5 .par2descr ul li::before, div.antfullwBg5 .par1descr ul ul li::before, div.antfullwBg5 .par2descr ul ul li::before{
        color: #ffffff;
        }
div.antfullwBg5 .par1descr a, div.antfullwBg5 .par2descr a{ color: #ffffff;}
div.antfullwBg5 .par1descr a:hover, div.antfullwBg5 .par2descr a:hover{ color: #ffffff; font-weight: bold;}
div.antfullwBg5 .linkList li a{ color: #ffffff;}
div.antfullwBg5 .linkList li a:hover { color: #ffffff; font-weight: bold;}

/* Boutons */
div.antfullwBg5 div.link_btn_btnCenter, 
div.antfullwBg5 div.link_btn_btnRightAleft, 
div.antfullwBg5 div.link_btn_btnLeftAright, 
div.antfullwBg5 div.link_btn_btnLeft, 
div.antfullwBg5 div.link_btn_btnRight{
    background-color: #ffffff;
    }
div.antfullwBg5 div.link_btn_btnRight .btn_inner, 
div.antfullwBg5 div.link_btn_btnLeft .btn_inner, 
div.antfullwBg5 div.link_btn_btnRightAleft .btn_inner, 
div.antfullwBg5 div.link_btn_btnLeftAright .btn_inner, 
div.antfullwBg5 div.link_btn_btnCenter .btn_inner{
    color: #858585;
    }
div.antfullwBg5 div.link_btn_btnRightAleft a, 
div.antfullwBg5 div.link_btn_btnLeftAright a, 
div.antfullwBg5 div.link_btn_btnRight a, 
div.antfullwBg5 div.link_btn_btnLeft a, 
div.antfullwBg5 div.link_btn_btnCenter a{
    color: #515151;
    }
div.antfullwBg5 div.link_btn_btnRightAleft a:hover, 
div.antfullwBg5 div.link_btn_btnLeftAright a:hover, 
div.antfullwBg5 div.link_btn_btnRight a:hover, 
div.antfullwBg5 div.link_btn_btnLeft a:hover, 
div.antfullwBg5 div.link_btn_btnCenter a:hover {
    color: #515151;
    }
div.antfullwBg5 div.link_btn_btnRight:hover, 
div.antfullwBg5 div.link_btn_btnLeft:hover, 
div.antfullwBg5 div.link_btn_btnRightAleft:hover, 
div.antfullwBg5 div.link_btn_btnLeftAright:hover, 
div.antfullwBg5 div.link_btn_btnCenter:hover{
    background-color: #ffffff;
    }
div.antfullwBg5 div.link_btn_btnRight:hover a, 
div.antfullwBg5 div.link_btn_btnLeft:hover a, 
div.antfullwBg5 div.link_btn_btnRightAleft:hover a, 
div.antfullwBg5 div.link_btn_btnLeftAright:hover a, 
div.antfullwBg5 div.link_btn_btnCenter:hover a{
    color: #515151;
    }


/* ADDTHIS */
#toolbox {
	display: block;
        margin: 20px 0px 10px 0px;
        }
#toolbox a {
        /*float: right;*/ /* addthis par défaut à left */
        }

/* ENCARTS HOME */

/* BOUTON TOP */
#btn_up {
    position: fixed;
    bottom: 50px;
    right: 20px;
    cursor: pointer;
    display: none;
    color: #ffffff;
    font-size: 0.75rem;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 0 0 1px #dddddd;
    background: none repeat scroll 0 0 #bd0926;
    border: 2px solid #ffffff;    
    height: 40px;
    width: 40px;
    z-index: 9999;
    }
#btn_up i{
    font-size: 1.56rem;
    }

@media (max-width: 767px){ /* version smartphone */
    div.antfullwBg1 .antpar1 h1{
        width: 100%;
        }
    #zoneTexte{display: none;}


    /* raccourcis fixés dans le footer sur smartphone */
    #footerFix{display: block;}
    footer{margin-bottom: 50px;} 
    /* fin raccourcis fixés dans le footer sur smartphone */

    /* Connexion ou création d'un compte avec étapes */
    .contChoice.noBorder{
        border-right: 1px solid #e8e4e4;
        border-bottom: 0;
    }
}
@media (max-width: 1000px){
    /* pour les colonnes imbriquees-damier */
    div.antfullwBg2Spe .par2_line:nth-child(2n) .par2contSt4::after{
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f0d7"; /* version fleche vers le bas */
        color: #ffffff;
        font-size: 400%;
        right: 45%;
        position: absolute;
        bottom: -45px;
        z-index: 1;
        top: auto;
        }
    div.antfullwBg2Spe .par2_line:nth-child(odd) .par2contSt4::before{
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f0d8"; /* version fleche vers le haut */
        color: #ffffff;
        font-size: 400%;
        left: 45%;
        position: absolute;
        top: -49px;
        }
    /* widget carte spécialistes */
    .infosSpecParo{ /* on retire l'effet scroll pour le mobile */
        max-height: initial;
        overflow-y: auto;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    /* pour les colonnes imbriquees-damier - taille min tablette*/
    div.antfullwBg2Spe .par2contSt4 {
        min-height: 310px;
        }
}