.total.ui.header { color : #0c257c ;}

/* TITRE SECTION */

.TitreNiveau1.ui.inverted.segment { background-color: #526476 ; padding: 0; margin: 0 ;}
.TitreNiveau1 h3 { font-family: 'Julius Sans One', sans-serif;
    font-size: 1.3rem;
    padding: 0rem;
    padding-top: 0.50rem;
    margin:0; }

.TitreNiveau2.ui.inverted.segment { background-color: lightslategrey !important; margin: 0 ; }
.TitreNiveau2 h3 { font-family: 'Julius Sans One', sans-serif; font-size: 2rem; padding: 0rem; }

.TitreSection.ui.inverted.segment { background-color: #525276 !important;}
.TitreSection h3 { font-family: 'Julius Sans One', sans-serif; font-size: 1.5rem; padding: 0.5rem;}

.TitreSousSection.ui.inverted.segment { background-color: lightgrey !important;padding: 0rem;}
.TitreSousSection h4 { font-family: 'Julius Sans One', sans-serif; font-size: 1.2rem; padding: 0rem; color : #525276 ;}

/* CARD ANNUAIRE */

.ui.tiny.image, .ui.tiny.images .image, .ui.tiny.images img, .ui.tiny.images svg {

    width: 90px;
}

.ui.card > .content > .header:not(.ui), .ui.cards > .card > .content > .header:not(.ui) {
    line-height: 1.2rem;
}

.ui.four.cards > .Annuaire.card {

    width: 270px;
}

.ui.centered.cards { margin-top: 1rem; }
.Annuaire.ui.card, .Annuaire.ui.cards > .card {
    width : 270px ;
    border-radius:0 ;
   /* border-left: 4px solid slategray ;
    border-bottom: 4px solid slategray ;
    */   box-shadow: none ;
    border-bottom-left-radius: 15px;
    background : none ;
}

a.Annuaire.ui.card:hover, .Annuaire.ui.card:hover, .Annuaire.ui.cards > .card:hover {
border-radius:0 ;
box-shadow: 0 1px 3px 0 #ea3c17,0 0 0 1px #d4d4d5;
border-bottom-left-radius: 15px;
background: white;
transform: translateY(-3px);

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
/*background: rgb(255,255,255); /* Old browsers */
/*background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
*/
}

.Annuaire.ui.card > .content >  .header {

    font-family: 'Marcellus SC', sans-serif;
    font-size: 1.2rem;
    color: slategray;
    border-left: 7px solid #ea3c17;
    padding-left: 0.5rem;
}

.Annuaire.ui.card > .content >  .header > .Prenom,
.Annuaire.ui.card > .content >  .Service > .Prenom
 {
    font-size: 0.8rem;
    color : #0c257c ;
    font-family: 'Marcellus SC', sans-serif;    
    font-weight: bold;    
    padding-left: 0.5rem;
}

.Annuaire.ui.card > .content, .ui.cards > .card > .content {
    padding : 0.5rem 0.5rem;
}

.Annuaire.ui.card > .content >  .header > .Nom,
.Annuaire.ui.card > .content >  .Service > .Nom {
    font-size: 0.9rem;
    text-transform: uppercase;
    color : #0c257c ;
    font-family: 'Marcellus SC', sans-serif;    
    font-weight: bold;
    
    padding-left: 0.5rem;
}

.Annuaire.ui.card > .content >  .Service > hr {
border: 2px solid #0c257c;
width:10%;
margin-left:0;
margin-right : auto;
}


.Annuaire.ui.basic.label {

    background: transparent;
    border: #0c257c ;
    color:  #0c257c ;
    padding: .5833em 0;    
    font-weight: 400 ;
}

.Annuaire.ui.basic.label > a {
    opacity: 100 ;
}

.Annuaire.ui.card > .content >  .meta {
    font-size: 0.8rem;
    line-height: 1.4rem;
    padding-left: 1rem;
}

.Annuaire.ui.card > .content > .meta > .Email {
    white-space:nowrap;
    color: #0c257c ;
}

.Annuaire.ui.card .Service {
    font-size: 0.7rem;
    border-left: solid 2px #0c257c;
    padding-left: 0.5rem;
    color: #0c257c;
    line-height: 1.4rem;
    padding-left: 0.9rem;
}

.Annuaire.ui.card .Service a {
    color: #0c257c;    
    text-decoration: none;
}

.Annuaire.ui.card .Service a:hover {
    color: white;    
}

.Annuaire.ui.card .Service a.Webperso:hover {
    color: #ea3c17;    
}

.ServiceLabel .ui.horizontal.label {
    background: transparent ;
}

.et_pb_pagebuilder_layout .et_pb_text .Annuaire a { color: #0c257c; }

.ui.card > .extra, .ui.cards > .card > .extra {
    color: slategrey;
    font-size: 0.7rem;
    font-style: italic;
}

.Annuaire.ui.card .meta > a:not(.ui):hover, .ui.cards > .Annuaire.card .meta > a:not(.ui):hover {

    color: white;
    background: #ea3c17;
    padding: 0.2rem;
    border-radius: 5px;

}

a.ui.label:hover, a.ui.labels .label:hover {

    background-color: #ea3c17;
    border-color: #ea3c17;
    background-image: none;
    color: white;

}

.Annuaire.ui.card > .extra a:not(.ui):hover, .ui.cards > .Annuaire.card > .extra a:not(.ui):hover {

    color: white;
    background: #ea3c17;
    padding: 0.2rem;

}

.CouleurPHYS.ui.horizontal.label, .CouleurPHYS.ui.pointing.label,
.CouleurPHYS.ui.mini.label { background-color: #60a5a5 ; border-color: #60a5a5 ;
color : white ;}

.CouleurLPS.ui.horizontal.label, .CouleurLPS.ui.pointing.label,
.CouleurLPS.ui.mini.label { background-color: maroon; border-color: maroon ;
color : white ;}

.CouleurLPA.ui.horizontal.label,.CouleurLPA.ui.pointing.label,
.CouleurLPA.ui.mini.label { background-color: #315478; border-color: #315478 ;
color : white ;}

.CouleurLRA.ui.horizontal.label,.CouleurLRA.ui.pointing.label,
.CouleurLRA.ui.mini.label { background-color: #60A0C0; border-color: #60A0C0 ;
color : white ;}

.CouleurLPT.ui.horizontal.label,.CouleurLPT.ui.pointing.label,
.CouleurLPT.ui.mini.label { background-color: #293C81; border-color: #293C81 ;
color : white ;}



.Annuaire .ui.divided.selection.list {
    background: rgba(0,0,0,.03);
}

.Annuaire.ui.card > .content, .ui.cards > .card > .content { border-top : none ;}

.Fonction { color : grey ; font-style: italic; font-weight: bold;}
.et_pb_text a.Annuaire { text-decoration: none; }
.et_pb_text a.Statut { text-decoration: none; }
.et_pb_text a.Axe { text-decoration: none; }

.BureauTel.ui.basic.label { color:#0c257c; font-weight: normal; margin-bottom: 2px; line-height: 0.8rem; background: transparent; }

/* Service Top */
.ServiceLabel.ui.pointing.label {
    margin-top: 0em;

}

.NotVisible { display:  none ;}

/* Zone selection */
form label {
    color: #0c257c;
    padding: 2px;
    font-weight: bold;
  }

  .ui.selection.dropdown {

    border: 1px solid #0c257c;
    border-radius: 0;
  }

  .ui.dropdown > .text {
    font-size: 0.8rem;
    color: #0c257c !important;
  }

  .ui.buttons .button:first-child {
    border-top-left-radius: 0 ;
    border-bottom-left-radius: 0;
  }
  .ui.buttons .button:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: .0;
  }

  .statut.ui.button i.icon { color : #0c257c ;}
  .equipe.ui.button i.icon { color : #0c257c ;}
  .axe.ui.button i.icon { color : #0c257c ;}

  .ui.dropdown .menu > .item { font-size:  0.8rem; };

/* SMALL */
@media (min-width:0px) and (max-width:675px)  {
    h2 { font-size: 2.5rem; padding-top:0 ; }
}

/* MEDIUM */
@media (min-width:675px) and (max-width:942px) {
    h2 { font-size: 2.4rem; }
}

/* LARGE */
@media (min-width:942px) and (max-width:1202px)  {

    
}

/* XLARGE ? */
@media (min-width:1202px) and (max-width:1602px) {
    
}


/* SHORTCODE ANNUAIRE_COMPTEUR */
.Compteur .ui.statistic > .label, .Compteur .ui.statistics .statistic > .label {
    font-size: 0.8em;
    line-height: 1rem;
    text-transform: none;
}

.Compteur .ui.small.statistic > .value, .Compteur .ui.small.statistics .statistic > .value {
    font-size: 2.7rem !important;

    }

.Compteur .ui.small.statistic {
min-height: 60px;
}

svg.cerclelpens {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.Compteur {
	position: absolute;
	top: 35%;
	left: 50%;
	transform: translate(-50%,-50%);
}


.circle {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: stroke 2s ease-out forwards;
  }
  
  @keyframes stroke {
    to {
      stroke-dashoffset: 0;
    }
  }
  
  @keyframes fadeIn {
      to {
          opacity: 1;
      }
  }