.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,

.ui.four.cards > a.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.PageAccueil  {



    border-left: 7px solid #0c257c ;

}



.Annuaire.ui.card > .content > .header.PageAccueil > a > .icon,

.Annuaire.ui.card > .content > .header.PageAccueil > a:visited > .icon {

    color : #0c257c ;

}



.Annuaire.ui.card .Description .Service {



border: none ;

margin-left:0;

margin-right :  0;

padding : 0;

}



.ui.four.cards > .card {

    width: calc(25% - 1.5em);

    margin-left: 1em;

    margin-right: 1em;

}



.Annuaire.ui.card > .content >  .header > .Prenom,

.Annuaire.ui.card > .content >  .header > a > .Prenom,

.Annuaire.ui.card > .content >  .Service > .Prenom

.Annuaire.ui.card > .content >  .Service > a > .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 >  .header > a > .Nom,

.Annuaire.ui.card > .content >  .Service > .Nom

.Annuaire.ui.card > .content >  .Service > a > .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,

a.Annuaire.ui.basic.label {



    background: transparent;

    border: #0c257c ;

    color:  #0c257c ;

    padding: .5833em 0;    

    font-weight: 400 ;

}



.Annuaire.ui.basic.label > a,

a.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

 {

    color: white;

    background-color : #0c257c;

    padding:5px;

    border-radius: 5px;

}



.Annuaire.ui.card .Service a.Webperso:hover

 {

    color: white;    

}





.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;

      }

  }