@font-face { font-family: "Raleway"; src: url('/css/fonts/Raleway-Regular.ttf'); font-weight:normal; }
@font-face { font-family: "RalewayMedium"; src: url('/css/fonts/Raleway-Medium.ttf'); font-weight:normal; }
@font-face { font-family: "RalewayBold"; src: url('/css/fonts/Raleway-Bold.ttf'); font-weight:bold; }
@font-face { font-family: "RalewaySemiBold"; src: url('/css/fonts/Raleway-SemiBold.ttf'); font-weight:500; }
@font-face { font-family: "RalewayLight"; src: url('/css/fonts/Raleway-Light.ttf'); font-weight:lighter; }
@font-face { font-family: "RalewayExtraLight"; src: url('/css/fonts/Raleway-ExtraLight.ttf'); font-weight:lighter; }
@font-face { font-family: "RalewayItalic"; src: url('/css/fonts/Raleway-Italic.ttf'); font-style:italic; }



/* body */
html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: Helvetica, Arial, sans-serif;
    color: #01141F;
    background-color: #FFF;
    height: 100%;
    margin-bottom: 60px;
}
body>.container-fluid {
    padding: 60px 15px 0;
}

h1{
    font-size: 3.4em;
}

/* main */



/* common color */
.color-hygiene-background, .page-id-1:hover, .page-id-selected-1{
    background-color: #3f5a7f !important;
}
.color-hygiene, .txt-color-id-1, .txt-color-id-1 a{
    color: #3f5a7f;
}

.color-combustible-background, .page-id-37:hover, .page-id-selected-37{
    background-color: #3f5a7f !important;
}
.color-combustible, .txt-color-id-37, .txt-color-id-37 a{
    color: #3f5a7f;
}

.color-cheval-background, .page-id-44:hover, .page-id-selected-44{
    background-color: #3f5a7f !important;
}
.color-cheval, .txt-color-id-44, .txt-color-id-44 a{
    color: #3f5a7f;
}

.color-nutrition-background, .page-id-2:hover, .page-id-selected-2{
    background-color: #3f5a7f !important;
}
.color-nutrition, .txt-color-id-2, .txt-color-id-2 a{
    color: #3f5a7f;
}

.color-luzerne-background, .page-id-89:hover, .page-id-selected-89{
    background-color: #3f5a7f !important;
}
.color-luzerne, .txt-color-id-89, .txt-color-id-89 a{
    color: #3f5a7f;
}

.color-entreprise-background, .page-id-selected-91, .page-id-selected-92{
    background-color: #415673 !important;
}
.color-entreprise, a, .txt-color-id-91, .txt-color-id-91 a, .txt-color-id-92, .txt-color-id-92 a{
    color: #415673;
}

/* Bootstrap Override */

.navbar {
    border-radius: 0;
    margin-bottom: 0px;
    float: none!important;
    white-space:nowrap;
    
}

.navbar-default {
    background-color: #415673;
    border: 0px
}


.navbar > li{
    display:inline-block; 
    position: relative;
}

.navbar-default .navbar-collapse {
    border-color: transparent;
}

.navbar-collapse {
    box-shadow: none;
    -webkit-box-shadow: none
}

@media screen and (min-width: 768px){
    .navbar-nav>li {
        text-align: center;
        
    }
    
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:hover,
#menuHead a {
    color: #ffffff
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    /*background-color: transparent;*/
    text-transform: uppercase;
    font-size: 0.9em;
    
}

.menu-niv2{
    list-style: none;
}

.breadcrumb{
    background-color: transparent;
}

/* Bootstrap Media Queries override */

@media screen and (max-width:375px) {
    h1 {
        font-size: 1.4em;
        text-align: center;
    }
    .footerLeft {
        text-align: left !important;
    }
    .footerRight, .footerLeft, #footer_center{
        margin-left: auto;
        margin-right: auto;
        padding-left: 5px !important;
        margin-top: 5px !important;        
        width: 100%;
        border-style: none !important;
    }
}

@media screen and (min-width: 768px) {
    .navbar-nav {
        width: 100%;
        font-size: 1.8rem
    }
    .navbar-nav>li {
        text-align: center
    }
   
   
}


/* Custom css */
#language{
    float: right;
}
#language a:hover{
    text-decoration: none;
}
.light {
    font-weight: 300
}

.color-slogan {
    color: #273a54
}


/* navigation */
.nav-head{
    padding-top: 10px;
    padding-bottom: 0px;
    line-height: 30px;
}
.menuNiv1>a, .menuNiv2>a{
    color: #ffffff;
    font-size: 0.9em;
    
}
.menuChild>li{
    text-decoration: none;
    list-style: none;
}

#menuHead{
    float: right;
    padding-top: 4px;
}
#menuHead a{
    text-transform: uppercase;
    margin-right: 10px;
}

#logo_head{
    padding-top: 20px;
    padding-bottom: 20px;
    background: url(../images/home/background-header.jpg) ;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    min-width: 100%;
   
}
.head-logo{
    width: 150px;
}
.head-logo-class{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 10%;
}
.head-add-link{
    display: flex;
}
.head-add-link>a:hover{
    text-decoration: none;
}
.head-add-link>a{
    color: #fff;
    margin-right: 5px;
}
.menu-link-facebook{
    color: #3b5998;
    font-size: 2.6em;
}

.menu-circle{
    background-color: transparent;
    border: 3px solid #fff;
    height: 36px;
    width: 36px;
    -moz-border-radius: 75px;
    -webkit-border-radius: 75px;
}
.menu-circle span{
    padding-left: 6px;
}




/********************************* CONTENT *********************************/
.wrapper{
    /*background: url(../images/home/background.png) ;*/
    background-color: #eef1f8;
     -webkit-background-size: contain;
     -moz-background-size: contain;
     -o-background-size: contain;
     background-size: contain;
     min-width: 100%;
     min-height: 100%;
     overflow: hidden;
 }
/********************************* CONTENT *********************************/







/* Footer */

.footer {
    bottom: 0;
    width: 100%;
    color: #fff;
    padding-bottom: 20px;
    padding-top: 20px;
}

.footerLeft > p > span{
   font-weight: bold;
   line-height: 27px;
}

.contentFooter{
    padding-top: 15px;   
}

.footerLeft{
    display: flex;
}

.footerLeft, .footerLeft a{
    text-decoration: none;
    color: #fff;
    font-weight: normal;
}

#bVeritas{
    margin-right: 5px;
}
.footerRight{
    display: flex;
    text-align: left;
   
}
.footer-link{
    margin-left: 20px;
    padding-left: 20px;
    border-style: solid;
    border-top: none;
    border-width: 2px;
    border-bottom: none;
    border-right: none;
}
.footer-link a{
    color: #fff;
}

#wLogo > img{
    width: 150px;
}

#wLogo .footer-logo-img{
    background-color: #fff;
}

/** agenda */
.c-agenda-title, .c-title, .c-block-title{
    margin: 0;
    min-height: 60px;
    vertical-align: middle;
    display: flex;
    padding-left: 10px;
}
.c-agenda-title>h2, .c-title>h2{
    font-size: 2.3em;
    font-weight: bold;
    color: #415673;
}

.c-agenda-date{
    color: black;
    text-align: center;
   
}
.c-agenda-day{
    font-size: 1.5em;
    font-weight: bold;
}
.c-agenda-nameday, .c-agenda-namemonth{
    font-size: 0.9em;
    

}

.c-agenda-margin{
 margin-bottom: 5px;
}

.c-agenda-desc{
    background-color: #e5e5e5;
    color: black;
    font-size: 1.1em;
    width: 74%;
    margin-bottom: 5px;
    margin-left: -15px;
}


.subject>a, .c-agenda-desc-div>a{
    text-decoration: none;
    color: black;
}

.place{
    color: grey;
}

.square {
    width: 26%;  
    margin-bottom: 5px;
}

.c-footer{
    text-align: center;
}
.c-footer>a{
    text-decoration:none;
}

p.c-agenda-line, p.c-footer-part2, p.c-footer-part1, .c-agenda-description>p{
    margin: 0;
}

.c-agenda-description{
    display: none;
}

.c-footer-part2{
    color: black;
}

.c-agenda-line{
    margin-left: 25% !important;
    width: 50%;
    background: linear-gradient(180deg, 
        rgba(0,0,0,0) calc(50% - 2px), 
        rgba(212,224,255,1) calc(50%), 
        rgba(0,0,0,0) calc(50% + 2px)
    );
}
.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap !important;
}


/*** contenu ***/


#contenu h1{
    text-transform: uppercase;
}

.summary-title{
    background-color: #d4e0ff;
    color: white;
}

#contenu h3{
    font-weight: bold;
    text-transform: uppercase;
}


.filAriane{
    margin-left: 15px;
}
.filAriane a{
    color: darkgray;
}


.top{
    
    color: rgba(1,143,127,1);
    background-color: #fff;
    float: right;
    content: none;
    font-size: 1.9em;
    bottom: 20px; 
    right: 30px; 
    z-index: 99; 
    border: none; 
    outline: none; 
    cursor: pointer;
    padding: 15px; 
    border-radius: 10px; 
   
}

.row-no-margin{
    margin: 0px;
}

table#s-forms-table td{
    padding-bottom : 5px;
}
.record{
    margin-bottom: 15px;
    
}


/* Magnific-Popup */
.mfp-container {
    text-align: center;
    position: absolute;
    width: 60%;
    height: 100%;
    left: 20%;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

/* module formulaires */
.formulaire input[type="checkbox"]{
    box-shadow: none;
    -webkit-box-shadow: none;
}