@charset "utf-8";
/* CSS Document */

/* lien non visité 
a:link {color: #03a9f4;}*/
/* lien visité 
a:visited {color: #03a9f4;}*/
/* survol du lien par la souris */
a:hover {color: #ff9800;}
/* lien selectionné  */
a:active {color: #ff9800;}

.text-justify{
	text-align:justify !important;
}

.pt-10 {
  padding-top: 10rem !important;
}

/* Colorisation des ligne HR */
.royal-hr {
	border: 1px solid rgb(156, 39, 176);
	background-color: rgb(156, 39, 176);
	display: block;
}
.primary-hr {
	border: 1px solid rgb(3, 169, 244);
	background-color: rgb(3, 169, 244);
	display: block;
}
/* Images flotantes */
.float-left{
    float:left;margin-right:10px;
}
.float-right{
    float:right;margin-left:10px;
}
/* Fond de pages */
.ms-hero-img-accueil {
	background-image: url(../../_media/img/accueil.jpg);
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
}
.ms-hero-img-rails {
    background-image: url(../../_media/img/aiguille.jpg);
    background-size: cover;
    background-position: center center
}
.ms-hero-img-express {
    background-image: url(../../_media/img/express.jpg);
    background-size: cover;
    background-position: center center
}
.ms-hero-img-vapeur {
    background-image: url(../../_media/img/vapeur.jpg);
    background-size: cover;
    background-position: center center
}
.ms-hero-img-decor {
    background-image: url(../../_media/img/decor.jpg);
    background-size: cover;
    background-position: center center
}
.ms-hero-img-materiel {
    background-image: url(../../_media/img/materiel.jpg);
    background-size: cover;
    background-position: center center
}
.ms-hero-img-depot {
    background-image: url(../../_media/img/depot.jpg);
    background-size: cover;
    background-position: center center
}
.ms-hero-img-autorail {
    background-image: url(../../_media/img/autorail.jpg);
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat
}
.ms-hero-img-compo {
    background-image: url(../../_media/img/compos.jpg);
    background-size: cover;
    background-position: center center
}
.ms-hero-img-signal {
    background-image: url(../../_media/img/signalisation.jpg);
    background-size: cover;
    background-position: center center
}
.ms-hero-img-biblio {
    background-image: url(../../_media/img/biblio.jpg);
    background-size: cover;
    background-position: center center
}
.ms-hero-img-courrier {
    background-image: url(../../_media/img/courrier.jpg);
    background-size: cover;
    background-position: center center
}
.ms-hero-img-diesel {
    background-image: url(../../_media/img/diesel.jpg);
    background-size: cover;
    background-position: center center
}
.ms-hero-img-ville {
    background-image: url(../../_media/img/ville.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}
.ms-hero-img-picasso {
    background-image: url(../../_media/img/picasso.jpg);
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat
}
.ms-hero-img-entretien {
    background-image: url(../../_media/img/entretien.jpg);
    background-size: cover;
    background-position: center center
}
.ms-hero-img-cms {
    background-image: url(../../_media/img/cms.jpg);
    background-size: cover;
    background-position: center center
}
.ms-hero-img-secure {
    background-image: url(../../_media/img/cadena.jpg);
    background-size: cover;
    background-position: center center
}
.ms-hero-img-cablage {
    background-image: url(../../_media/img/cablage.jpg);
    background-size: cover;
    background-position: center center
}
.ms-hero-img-recettes {
    background-image: url(../../_media/img/recettes.jpg);
    background-size: cover;
    background-position: center center
}

.carousel img {
     width: 100%
}

/* Footer */
.two_cols {
    width: 100%;
    overflow: hidden;
}
.two_cols li {
    float: left;
    width: 50%;
}
.two_cols li a {
    display: block;
    padding: 2px 0;
}
.two_cols li a i {
    margin-right: 10px;
    width: 15px;
    text-align: center;
    color: #26c6da;
}
.two_cols li a:hover i {
    transition: all ease .5s;
    color: #ffa726;
    transform: rotateY(360deg);
}
.media-object-circle {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    border: solid 5px #fff;
    box-shadow: 0 3px 4px 0 rgba(0,0,0,.14), 0 3px 3px -2px rgba(0,0,0,.2), 0 1px 8px 0 rgba(0,0,0,.12);
    margin: 0 auto;
    display: block;
    transform: translateY(0px) rotate(0deg);
    transition: all ease .5s;
    position: relative;
    z-index: 1;
}
.media-object-circle:hover {
    transform: translateY(0px) rotate(360deg);
    box-shadow: 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12), 0 3px 5px -1px rgba(0,0,0,.2);
}
.top-buffer {
	margin-bottom:25px;
}
.horloge {
    margin-top: -20px;

}
.horloge p{
    /* padding-top: 10px;
    padding-bottom: 10px;*/
    font-size: 9px; 
    margin-top: -30px;
}

input[type='number']{
    width: 80px;
} 

label span {
    color: white;
}

.nolist{
    list-style-type: none;
}

/* Personnalisation couleur logo en couleur orange */
.ms-logo {
  width: 50px;
  height: 50px;
  display: inline-block;
  font-size: 30px;
  line-height: 50px;
  font-weight: 400;
  vertical-align: middle;
  background-color: #ffcc00;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  overflow: hidden;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.05), 1px 2px 0 rgba(0, 0, 0, 0.05), 1px 3px 0 rgba(0, 0, 0, 0.05), 2px 4px 0 rgba(0, 0, 0, 0.05), 3px 5px 0 rgba(0, 0, 0, 0.05), 4px 6px 0 rgba(0, 0, 0, 0.05), 5px 7px 0 rgba(0, 0, 0, 0.05), 6px 8px 0 rgba(0, 0, 0, 0.05), 7px 9px 0 rgba(0, 0, 0, 0.05), 8px 10px 0 rgba(0, 0, 0, 0.05), 9px 11px 0 rgba(0, 0, 0, 0.05), 10px 12px 0 rgba(0, 0, 0, 0.05), 11px 13px 0 rgba(0, 0, 0, 0.05), 12px 14px 0 rgba(0, 0, 0, 0.05), 13px 15px 0 rgba(0, 0, 0, 0.05), 14px 16px 0 rgba(0, 0, 0, 0.05), 15px 17px 0 rgba(0, 0, 0, 0.05), 16px 18px 0 rgba(0, 0, 0, 0.05), 17px 19px 0 rgba(0, 0, 0, 0.05), 18px 20px 0 rgba(0, 0, 0, 0.05), 19px 21px 0 rgba(0, 0, 0, 0.05), 20px 22px 0 rgba(0, 0, 0, 0.05), 21px 23px 0 rgba(0, 0, 0, 0.05);
}

/* Taille police Grilles responsives*/
/* Si la taille de l'écran est de 577px de large ou plus, définissez la taille de la police à 16px. */
@media (min-width: 577px) {
  .responsive-font-grid {
	font-size: 16px;
  }
}
/* Si la taille de l'écran est inférieure à 577px, définissez la taille de la police à 12px. */
@media (max-width: 576.98px) {
  .responsive-font-grid {
	font-size: 10px;
  }
}

/* Empêche la cassure des mots avec un tiret */
.nowrap {white-space: nowrap;}