@charset "iso-8859-1";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Cabin);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);
@import url(https://fonts.googleapis.com/css?family=Oswald:300,400);

html, body, div, p, a{ font-family: 'Raleway', sans-serif;font-weight:400 ;color: #1E1A18;font-size:15px;}
h3, h4, h5{ font-family: 'Raleway', sans-serif;font-weight:400 ;color: #1E1A18;}
a, .envoi-courriel{color:#0099FF !important; cursor:pointer;cursor:hand;text-decoration:none;}
a:hover, .envoi-courriel:hover{text-decoration:underline;}
a img{border:none;}

.my-tooltip + .tooltip > .tooltip-inner {font-size:11px;background-color:#0099FF; color:#fff;}
.my-tooltip + .tooltip.top > .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #0099FF !important;
}

.tooltipcalendrier {
  min-width: 200px !important;
  left: 0px !important;
}
.tooltip-arrowcalendrier {
  left: 7px !important;
}

.btnCalendrier {
  min-width: 200px !important;
}


.oswald-300 {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 300;
}
.font-10{font-size:10px;}
.font-11{font-size:11px;}
.font-12{font-size:12px !important;}
.font-13{font-size:13px !important;}
.font-14{font-size:14px;}
.font-15{font-size:15px;}
.font-17{font-size:17px}
.font-18{font-size:18px}
.font-22{font-size:22px;}
.font-24{font-size:24px;}
.font-30{font-size:30px !important}
.font-36{font-size:36px;}
.font-blanc{color:#fff !important;}
.font-vert{color:#AAF917;}
.font-vert-jaune{color:#B6F61B}
.font-bleu{color:#0077FF !important;}
.font-gris{color:#B5B5B5 !important;}
.font-rouge {color:#FF6666  !important;}
.btn-primary{background-color:#0099FF !important; border-color: #0578c5 !important; opacity:1.0;}
.btn-primary:hover{ opacity:0.8;}

.separateur-vert{background-color:#AAF917;width:100px;height:3px;margin:10px auto 40px auto;}
.separateur-bleu{background-color:#0099FF;width:75px;height:3px;margin:10px auto;} /* bulles chiffres */
.separateur-gris{background-color:#959595;width:75px;height:1px;margin:10px auto 20px auto;}
.separateur-blanc{background-color:#FFF;width:100%;height:1px;margin:20px auto;}

/*  Pointes */
.pointe-verte{background:url(../images/pointe-verte.png) no-repeat center center;}
.pointe-bleue-pale{background:url(../images/pointe-bleue-pale.png) no-repeat center center;}
.pointe-blanche{background:url(../images/pointe-blanche.png) no-repeat center center;}
.pointe-bleue-fonce{background:url(../images/pointe-bleue-fonce.png) no-repeat center center;}
.pointe-bleue-plus-fonce{background:url(../images/pointe-bleue-plus-fonce.png) no-repeat center center;}
.pointe-noire{background:url(../images/pointe-noire.png) no-repeat center center;}
.pointe-grise{background:url(../images/pointe-grise.png) no-repeat center center;}
.pointe-verte, .pointe-bleue-pale, .pointe-blanche, .pointe-bleue-fonce, .pointe-noire, .pointe-grise, .pointe-bleue-plus-fonce{ height:22px;width:75px;left:0px;right:0px;margin:0 auto;position:absolute;bottom:-22px;z-index:10;}

h2.accueil{font-size:42px;font-family: 'Oswald', sans-serif;margin:40px auto 0px auto ;text-align:center;font-weight:300;}
h3.accueil{margin-bottom:0px;}

/* ENTETE */
#header{position:relative;}
#bande-connexion{position:relative;background-color:#323232;height:auto;}
#bande-connexion a{text-decoration:none; color:inherit;font-family:inherit;font-size:inherit;}
#bande-connexion a:hover{text-decoration:underline;color:inherit;font-family:inherit;font-size:inherit;}
.submit-connexion{background-color:#AAF917;color:#323232;opacity:0.7;}
.submit-connexion:hover{opacity:1.0}
#bouton-connexion{position:absolute;right:0px;left:0px;margin:0px auto;z-index:100;}
#bouton-connexion #bouton{position:relative;float:right;background-color:#323232;width:30px;height:22px;color:#0C0;line-height:22px;text-align:center;cursor:pointer;cursor:hand;z-index:1}
/*#bande-connexion #bouton span{margin-right:10px;}*/
#bande-verte-haut{background:url(../images/bande-verte-haut.gif) repeat-x; height:14px;width:100%;}
input.connexion{background:transparent;color:#FFF;border:solid 1px #FFF;border-radius:0px !important;}
input.connexion::placeholder{color:#AAF917;font-size:11px;}

#entete{ position:relative;min-height:136px;}
#logo{ margin-top:45px; float:left;}
#reseaux-sociaux-haut{ margin-top:56px;float:right;position:relative;right:-75px;}
#reseaux-sociaux-haut a img{border:0px;margin-left:5px;opacity:1;}
#reseaux-sociaux-haut a img:hover{opacity:0.7;}

/* menu */
#menu-haut{float:right;margin-top:36px;width:auto;margin-right:0px;}
#menu-haut div{ margin-right:0px !important;padding-right:0px !important;}
#sousmenu-haut{clear:right;float:right; width:auto;margin:20px 0px 0px 0px !important;}
#sousmenu-haut div{padding:0px !important; margin-left:15px; width:auto !important; }
#menu-haut div a, #sousmenu-haut div a{color: #1E1A18; font-size:16px;}
#menu-haut div a img{margin-bottom:10px;float:right;}

#menu-cache{position:relative;right:215px;display:block;height:auto;float:right;width:75px;margin-top:58px; margin-right:0px;cursor:pointer; cursor:hand;z-index:50}
#menu-cache div{position:absolute;right:0px;font-size:18px;font-family: 'Oswald', sans-serif;font-weight:400;}
#menu-cache span{background-color:#1E1A18; display:block; width:25px; height:4px;margin-top:3px;}

#grand-menu-haut-contenu{position:absolute;left:0;right:0;margin:auto; padding-left:0px !important;padding-right:0px !important;}
#grand-menu-haut{position:absolute; z-index:999;width:inherit;background-color:#fff;padding:15px 45px;}
#grand-menu-haut .row [class*="col-"] { padding-right: 30px !important; padding-left: 30px !important;}
#fermer-menu{position:absolute;right:25px;top:5px;cursor:pointer;cursor:hand;opacity: 0.5; filter: alpha(opacity=50);z-index:999}
#fermer-menu:hover{opacity: 1; filter: alpha(opacity=100)}

.parent-menu, .parent-menu a{font-family: 'Raleway', sans-serif;color: #0099FF;font-size:17px;margin-bottom:10px;}
.enfant-menu, .enfant-menu a{font-family: 'Raleway', sans-serif;color: #323232;margin-bottom:8px;line-height:18px;}
.parent-menu a:hover{ color: #0099FF; }
.enfant-menu a:hover{ color:#EB5700;}

#outil-recherche input[type=text]{background-color:#C4DFF8 !important; color:#555 !important;border:none !important;outline: none;-webkit-box-shadow: none !important; -moz-box-shadow: none !important;  box-shadow: none !important;}
#outil-recherche-contenu input[type=text]{background-color:#0099FF !important; color:#fff !important;border-color:#AAF917 !important;outline: none;-webkit-box-shadow: none !important; -moz-box-shadow: none !important;  box-shadow: none !important;border-radius:0px !important;border-right:none;font-size:15px;}
#outil-recherche-contenu input::-webkit-input-placeholder{color:#AAF917 !important;} 
#outil-recherche-contenu input::-moz-placeholder{color:#AAF917 !important;}
#outil-recherche-contenu input:-ms-input-placeholder{color:#AAF917 !important;}
#outil-recherche input::-webkit-input-placeholder{color:#000 !important;} 
#outil-recherche input::-moz-placeholder{color:#000 !important;}
#outil-recherche input:-ms-input-placeholder{color:#000 !important;}

/* slider haut */
#slider{position:relative;max-height:585px;overflow:hidden;padding:0;margin:0 auto;background-color:#0099FF;}
#slider-fleche-gauche{position:absolute;left:0px;top:0px;background:url(../images/slider-fleche-gauche.png) no-repeat center center; width:41px; height:100%;}
#slider-fleche-droite{position:absolute;right:0px;top:0px;background:url(../images/slider-fleche-droite.png) no-repeat center center; width:41px; height:100%;}
#slider_slides img{ position:relative;z-index:1 }

/* AMVPQ */
#amvpq{position:relative;background-color:#E4F3FE;padding-bottom:70px;}
#amvpq h3{color: #0099FF; font-size: 17px;font-family:'Oswald', sans-serif;font-weight:400;}
.amvpq-bulle{max-width:304px;background-color:#fff;height:425px;margin:30px auto 0px auto;}
.amvpq-bulle p{padding:0px 25px; font-size:13px;}
.amvpq-bulle .img-on{position:absolute;z-index:2;}
/*.amvpq-bulle .img-on:hover{opacity: 1; filter: alpha(opacity=100)}*/

/* Chiffres */
#chiffres{position:relative;background-color:#0099FF;padding-bottom:40px;}
.chiffres-bulle{width:200px;height:200px;margin:30px auto;border-radius:100px;border:10px solid #367AFE;background-color:#3149FF;color:#fff;padding-top:15px;}
.chiffres-bulle h4{font-size:40px;margin:0px;padding-bottom:5px;}
.chiffres-bulle p{color:#EBEBEB;padding:0px 25px;font-size:12px;}


/* Nouvelles */
#communiques{position:relative;padding-bottom:70px;}
#communiques .container-bulle-communique{ padding:0px 40px; overflow:hidden;height:100%;}
#communiques .evenement{ background-color: #EBEBEB; padding-top:20px;}
#communiques .puce-communique{background:url(../images/puce-communique.png) no-repeat;width:20px; height:17px;margin-bottom:5px;}
#communiques .date{font-size:13px;margin-bottom:5px;}
#communiques .titre-communique{color: #0099FF;font-size:17px;}
.type-evenement{font-size:20px;font-weight:bold;margin-bottom:10px;}

/* boutons */
.btn-lirelasuite, .btn-formation, .btn-parcourir, .btn-blanc, .btn-bleu, .btn-gris, .btn-vert, .btn-bleu-blanc, .btn-vert-blanc, .btn-rouge-bleu { display:inline-block;border-radius:0px !important;font-size:12px !important;margin:15px 0 !important;z-index:15;}
.btn-bleu-blanc{ border:solid 1px #0099FF !important; color:#0099FF;background-color:#FFF; }
.btn-rouge-bleu{ border:solid 1px #FFF !important; color:#FFF !important; background-color:#0099FF; font-size:17px !important;}
.btn-vert-blanc{ color:#0099FF; background-color:#AAF917;}
.btn-bleu{ border:solid 1px #0099FF !important; color:#0099FF; }
.btn-vert{ border:solid 1px #AAF917 !important; color:#AAF917; background-color:transparent !important;}
.btn-soumettre-vert{ border:solid 1px green !important; color:white; background-color:green !important;}
.btn-parcourir, .btn-blanc{border:solid 1px #FFF !important;color:#FFF !important; font-size:13px !important;}
.btn-gris{ border:solid 1px #5F5F5F !important; color:#5F5F5F; }
.btn-parcourir:after{content: 'Parcourir';}
.btn-rouge-bleu:hover{background-color: #FFF !important; color:#0099FF !important}
.btn-bleu:hover, .btn-gris:hover, .btn-bleu-blanc:hover{background-color: #E6E6E6;}
.btn-vert:hover, .btn-vert:focus, .btn-vert:visited{ color:#fff !important;}
.btn-parcourir:hover, .btn-blanc:hover{background-color: #FFF;color:#0099FF !important;}
.btn-connexion{background:transparent;color:#fff;border:solid 1px #FFF;font-size:14px;padding:4px 6px;}
.btn-connexion.on{background-color:#AAF917;color:#000;border-color:#AAF917;}
.btn-connexion.off{color:#969696;border-color:#969696;}

/* Répertoire des vétérinaires */
#repertoire{position:relative;background:url(../images/bg-repertoire.jpg) no-repeat center bottom;padding:110px 0 60px 0;}
#repertoire-container{position:relative;display:inline-block;line-height:51px;border-top:3px solid #AAF917;border-bottom:3px solid #AAF917;padding-top:25px;padding-bottom:10px;}
#repertoire-icone-qc{background:url(../images/icone-quebec.png) no-repeat;position:absolute;top:-55px;left:0;right:0;margin:auto;width:72px;height:72px;}
#repertoire-container img{float:left;}
#repertoire-container span{font-size:42px;font-family: 'Oswald', sans-serif;font-weight:300;color:#fff;margin:0 !important;padding:0 !important;}

/* partenaires */
#partenaires{background-color:#EBEBEB;padding-bottom:30px;}

#menu-membres{position:relative;background-color:#323232;padding:40px 0px;}
#menu-membres a{display:block;color:#fff; text-decoration:none;opacity:1.0;margin-bottom:20px;}
#menu-membres a:hover{opacity:0.7}
#menu-membres a img{margin-bottom:10px;}

/* connaissances */
#connaissances{position:relative;background-color:#EBEBEB;padding-bottom:70px;}
#connaissances .bloc-connaissances{display:table;height:180px;width:210px;padding:5px;margin-bottom:15px;margin-left:auto;margin-right:auto;}
#connaissances .fond-connaissances{position:relative;display:table-cell;height:100%;text-align:center;vertical-align:middle;}
#connaissances .masque-bleu{position:absolute;top:0px;display:table-cell;background-color:#0099FF;width:100%;height:100%;opacity:0;z-index:1;cursor:pointer;cursor:hand;opacity:0.9}

#connaissances .btn-parcourir{position:absolute;margin:auto !important;left:0;right:0; top:0;bottom:0;width:100px;height:32px;}

#info-importante{ position:relative;margin-top:-44px;}
#texte-info-importante{ margin-top:27px;display:inline-block; vertical-align:middle;line-height:normal;}
#promotion{position:relative;background:url(../images/bg-promo.jpg) center top repeat-y;}
#texte-promotion{display:inline-block; vertical-align:middle;line-height:normal;}
#photo-promotion{padding-left:0px !important; }

#publications{position:relative;padding-bottom:30px;}
#publications .titre-publication{color:#0099FF;font-size:24px;}
#publications .container-bulle-publication{ padding:0px 40px; overflow:hidden; text-align:center; border-right:#959595 solid 1px;}
#publications .puce-publication{background:url(../images/puce-publication.png) center center no-repeat; height:38px;margin-bottom:5px auto;}

#contenu-principal{margin-bottom:30px;}
.contenu{margin-top:20px; min-height:200px;}
/*#contenu-principal div, #contenu-principal p{color: #1E1A18; font-size:14px;}*/
#contenu-principal .box-info{position:relative;background-color:#D3E5F7;padding:10px;height:auto;}

/* CALENDRIER */
.case-calendrier-mois{font-family: 'Oswald', sans-serif;font-weight:300; color:#FFF; text-transform: uppercase;background-color:#0099FF;margin-bottom:20px;font-size: 22px !important;}
.case-calendrier, .case-calendrier .row{position:relative;height:100%;margin-bottom:25px;}
.calendrier-image{height:163px;max-height:163px;overflow:hidden;}
.calendrier-image img{width:150px;height:163px;max-width:150px;max-height:163px;}
.calendrier-contenu{position:relative; height:163px;overflow:hidden;}
.calendrier-date{position:relative;display:inline-block;background:#000; color:#fff;font-size:18px !important;line-height:30px  !important;font-family: 'Oswald', sans-serif;font-weight:300;height:30px; min-width:30px;padding:0 5px;text-align:center;}
.calendrier-description{position:relative;clear:both;color:#0099FF; margin-top:5px;font-family: 'Oswald', sans-serif;font-weight:300;font-size:16px;}
.calendrier-bouton{position:absolute !important; bottom:0px;}
.calendrier-bouton a{margin:0px !important;font-size:10px !important;}
.case-calendrier-bordure-bas{position:relative;background-color:#0099ff;height:1px;}

/* footer */
#contact{position:relative;}
footer{background-color:#323232;}
.submit-contact{background-color:#0099FF;color:#FFF !important;padding-left:40px !important;padding-right:40px !important; /*opacity: 0.6; filter: alpha(opacity=60)*/}
.submit-contact:hover{background-color:#4eb7fd;}
#reseaux-sociaux-bas{margin-top:10px;margin-bottom:45px;}
#reseaux-sociaux-bas a img{border:0px;margin-left:5px;opacity:1;}
#reseaux-sociaux-bas a img:hover{opacity:0.7;}
#copyright{margin-top:60px; font-size:11px;color:#EBEBEB; text-align:center;}
#menu-footer a{display:block;margin-bottom:10px;}

/*****************************/
/* CONTENU TINYMCE */

.titre_page_noir{font-family: 'Oswald', sans-serif;font-weight:300; color:#323232; text-transform: uppercase;font-size:40px}
.titre_page_bleu{font-family: 'Oswald', sans-serif;font-weight:300; color:#0099FF; text-transform: uppercase;font-size:40px}
.sous_titre_noir{font-family: 'Oswald', sans-serif;font-weight:300; color:#323232; text-transform: uppercase;font-size:30px}
.sous_titre_bleu{font-family: 'Oswald', sans-serif;font-weight:300; color:#0099FF; text-transform: uppercase;font-size:30px}
.sous_titre_bleu_2{font-family: 'Oswald', sans-serif;font-weight:300; color:#0099FF; text-transform: uppercase;font-size:24px}
.sous_titre_bleu_3{font-family: 'Oswald', sans-serif;font-weight:200; color:#0099FF; font-size:20px; margin-bottom: 15px !important; margin-top: 10px !important;}
.sous_titre_blanc{font-family: 'Oswald', sans-serif;font-weight:300; color:#FFF; text-transform: uppercase;font-size:30px}
.texte_presentation_1{font-family: 'Raleway', sans-serif; color:#323232; text-transform: uppercase; font-size:15px}
.texte_presentation_2{font-family: 'Raleway', sans-serif; color:#323232; text-transform: uppercase;font-size:20px}
.exergue{font-family: 'Raleway', sans-serif;font-weight:700;font-size:25px ; color:#0099FF;}
.texte_normal{font-family: 'Raleway', sans-serif; font-size:15px; color: #1E1A18;}
.agrandir_img{}
.image-responsive{max-width:100%;height:auto;}
.img_float_left{ float:left;margin-right:15px;margin-bottom:15px; }
.img_float_right{ float:right;margin-left:15px;margin-bottom:15px; }

.bandeau-titre{font-family: 'Oswald', sans-serif;font-weight:300;color:#fff;text-transform: uppercase;font-size:38pt;margin-bottom:10px;line-height:40pt;}
.bandeau-date{font-family: 'Raleway', sans-serif;font-weight:400;color:#fff;font-size:25px;margin-bottom:10px;text-transform: none !important;line-height:28px;}
.bandeau-description{font-family: 'Raleway', sans-serif;font-weight:400;color:#fff;text-transform: uppercase;font-size:30px;line-height:34px;}
.bandeau-titre-noir{font-family: 'Oswald', sans-serif;font-weight:300;text-transform: uppercase;font-size:38pt;margin-bottom:10px;line-height:40pt;}
.bandeau-date-noir{font-family: 'Raleway', sans-serif;font-weight:400;font-size:25px;margin-bottom:10px;text-transform: none !important;line-height:28px;}
.bandeau-description-noir{font-family: 'Raleway', sans-serif;font-weight:400;text-transform: uppercase;font-size:30px;line-height:34px;}

/* MON PROFIL */
.tab-content h3:first-child{margin-top:0;}
.tab-content h3{margin-bottom:5px;color:#0099FF;font-size:17px;}
.tab-content .tab-pane{padding:35px 25px 25px;border-bottom:solid 1px #ddd;border-left:solid 1px #ddd;border-right:solid 1px #ddd;}
/*.tab-content  div.active{background-color:#f9f9f9 !important;}*/
.nav-tabs > li.active > a{/*background-color:#0099FF !important;*/font-weight:400; color:#0099FF !important;font-size:16px;}
.nav-tabs > li > a{font-family: 'Oswald', sans-serif;font-weight:300;color:#0099FF !important;font-size:17px;line-height:22px !important;letter-spacing:0.05em;}
.tab-content form label{font-size:13px;}
.tab-content .bouton{margin-top:35px !important;}


/****************************/

/* DIVERS */
.curseur{cursor:pointer;cursor:hand;}
.sans-padding-gd{ padding-left:0px; padding-right:0px; }
.error{font-weight:normal;color:#A94442;font-size:13px;}
.champ_obligatoire_texte{margin-left:20px;font-size:13px;margin-bottom: 15px;}
.hover{opacity:1; transition:1s; -webkit-transition: 1s;}
.hover:hover{opacity:0.7;}
.normalWeight{font-weight:100 !important}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #0099FF !important;
    border-color: #0099FF !important;
    color:#fff !important;
}
.pagination > span > a,
.pagination > span > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  /*margin-left: -1px;*/
  line-height: 1.42857143;
  color: #999 !important;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #fff !important;
  font-size:12px;
}
.pagination > span > a:hover{ color:#0099FF !important;}

.row-no-padding [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -ms-animation: spin .7s infinite linear;
    -webkit-animation: spinw .7s infinite linear;
    -moz-animation: spinm .7s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
  
@-webkit-keyframes spinw {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@-moz-keyframes spinm {
    from { -moz-transform: rotate(0deg);}
    to { -moz-transform: rotate(360deg);}
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
	#reseaux-sociaux-haut{clear:both;/* float:left;top:-26px;*/}
	#grand-menu-haut{padding:15px;}
	#partenaires{display:none;}
	#texte-promotion{margin:auto;}
	#repertoire-container img{float:none;margin-bottom:15px;}
	#repertoire-container span{font-size:36px;display:block;padding-top:15px;}
	
	.container-bulle-communique{ padding:0 80px 40px 80px;}
	#communiques .evenement{ padding-top:40px;}
	#communiques .date{font-size:22px;}
	#publications .texte-publication, #communiques .texte-communique, #communiques .texte-evenement{font-size:28px; line-height:31px;}
	#publications .titre-publication, #communiques .titre-communique{font-size:30px; line-height:35px;}
	#publications .container-bulle-publication div a, #communiques .container-bulle-communique div a{font-size:22px !important;}
  #champs-connection{
    display:block !important;
  }
  #bloc-connexion-membre{
    margin-top : 15px !important;
  }
}

/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) {
	.no-mobile{display:none !important;}
	#menu-cache{right:0px;}
	#bande-connexion .col-md-12{ text-align:center;margin-bottom:10px;}
	#reseaux-sociaux-haut{clear:both;right:0px; margin:15px 0px;}
	#connaissances .bloc-connaissances{width:150px;}
	#photo-promotion{padding-left:15px !important;text-align:center;}
	#photo-promotion img{margin: auto !important;}	
	#repertoire-container img{float:none;margin-bottom:15px;}
	#repertoire-container span{display:block;padding-top:15px;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 992px) { 
	
}
.grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto;
}

.tab-pane {
  overflow-y: auto;
  overflow-x: hidden;
}

.form-popup {
  display: none;
  position: fixed;
  top: 0 !important;
  height: 100%;
  width: 100%;
  overflow: visible;
  z-index: 999;
  background : rgba(0,0,0,.5) ;
}



/* Add styles to the form container */
.form-container {
  padding: 10px;
  width: 70%;
  max-height: 95%;
  background-color: white;
  border: solid 1px black !important;
  border-radius: 10px !important;
  box-shadow: rgba(0,0,0,0.8) 0 0 10px;
  position: fixed;
}

/* Add styles to the form container */
.popup_choix {
  width: 75%;
  left: 25%;
  top: 25px;
}

#ContainerEtudiant {
  width: 50%;
  left:25%;
  top:25px;
}

#stepProgressBar {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin: 0 auto;
}

.step {
  text-align: center;
  margin-right:10px;
}


.step-text {
  margin-bottom: 5px;
  font-size: 14px;
  padding-top: 2px;
  width : 125px;
  z-index: 146;
}

  .step.active .step-text {
    font-weight:bold;
  }
  .step.active .bullet {
    border: 1px solid #FF6666;
    background-color: #FF6666;
  }

  .step.completed .bullet {
    border: 1px solid lightgray;
    background-color: lightgray;
  }

.bullet {
  border: 1px solid lightgray;
  background-color: lightgray;
  color: white;
  height: 30px;
  width: 30px;
  border-radius: 100%;
  display: inline-block;
  transition: background-color 500ms;
  line-height: 20px;
  font-size: 20px;
  font-family:Arial;
  padding-top:5px;
}

.step .bullet:not(.lastBullet)::after {
  content: '';
  position: absolute;
  height: 3px;
  width: 100px;
  background-color: lightgray;
  z-index: 145;
  margin-left: 12px;
  margin-top: 9px;
}

.step.completed .bullet::after {
  content: '';
  position: absolute;
  height: 3px;
  width: 100px;
  background-color: #FF6666;
  z-index: 145;
  margin-left: 12px;
  margin-top: 9px;
}


.ProgressBarContainer {
  margin: 0 auto;
  padding-top:25px;
  padding-left:25px;
  width: 100%;
  line-height: 1;
}

.mon-profil {
  max-height: 25%;
  overflow-y: auto;
  overflow-x: hidden;
}

.formCotisation {
  max-height: 25%;
  overflow-y: auto;
  overflow-x: hidden;
}

.formElection {
  max-height: 25%;
  overflow-y: auto;
  overflow-x: hidden;
}


  .close {
    position: absolute;
    right: 20px;
    top: 30px;
    width: 32px;
    height: 32px;
    opacity: 0.3;
    font-size: 25px !important;
    color: red !important;
    font-weight: 900;
  }

/* Small devices (tablets, 768px and up) */
@media (max-width: 948px) {
  .step .bullet:not(.lastBullet)::after {
    display: none;
  }

  .step:not(.active) {
    display: none;
  }

  .step:not(.active) .bullet {
    display: none;
  }

  .form-container {
    width: 95%;
    left:-15px;
    top:0px;
  }

  .form-popup .right {
    right:50px !important;
  }
  .form-popup .left {
    left:50px !important;
  }
  .form-popup .text-danger {
    margin-left: 50px !important;
  }


}

.btn-static {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid lightgray;
  border-radius: 4px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}

#AnneeGraduation-error{
white-space: nowrap;
}



@media screen and (max-width: 578px) {
  .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
    margin-left: 0;
  }
  .form-container {
   height: 85%;
  }

  .mobilenewline {
    text-align: center;
    position:initial !important;
    margin-top : 10px;
  }
}

@media screen and (max-width: 1340px) {
  .step .bullet:not(.lastBullet)::after {
    width: 58px;
  }
  .step.completed .bullet::after {
    width: 58px;
  }
  .step-text {
    width: 80px;
  }
}