/*
 * ALL
 */
html {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}
body {
    background: rgba(34, 34, 34, 0.70) none repeat scroll 0 0;
    min-height: 100%;
}
body a {
    color: #cccccc;
}
body a:hover,
body a:active,
body a:focus {
    color: #888888;
}
.br-grey {
    background: #9F9F9F !important;
}
.br-blue-jacquemmoz {
    background: #354299 !important;
}
.blue-jacquemmoz {
    color: #354299 !important;
}
.btn.btn-white {
    background: #fff;
    color:#333;
}
.btn.btn-white:hover {
    background: #eee;
    color:#333;
}
.br-dark-grey {
    background-color: #333333 !important;
}
.bd-grey {
    border: 1px solid #808080 !important;
}


/*
 * HEADER
 */
.login #block-logo,
.header div.logo {
    background-color: #354299;
    margin-top: 0;
    padding: 0;
    height: 100px;
    border-radius: 4px;
    overflow: hidden;
}
.logo img {
    margin-top: 15px;
    width: 100%;
}
.header .navbar-default .navbar-nav > li > a {
    padding: 10px;
}
.nav.navbar-top-links > li > a:hover, 
.nav.navbar-top-links > li > a:focus {
    background-color: #202020;
}
.header .navbar-default ul.navbar-nav > li > a span.link-title {
    right: auto;
}

/*
 * SECURITY
 */
body.security {
    background: rgba(34, 34, 34, 0.40) none repeat scroll 0 0;
}
.security .inner-page .container {
    padding-top: 5%;
    margin-top: 0;
}
.security .footer {
    position: fixed;
    width: 70%;
    bottom: 0;
}

/*
 * CONTENT
 */
.inner-page .container {
    margin: 5% auto 10%;
    min-height: 144px;
}
.inner-page .regle {
    font-size: 0.8em;
    font-weight: bold;
    margin-bottom: 2%;
}
.inner-page .landing div.landing-item {
    max-width: none;
    margin-bottom: 30px;
}

/*
 * Page d'accueil
 */
.page-mainbar + .page-mainbar {
    margin-top: 5%;
}
.time-line .alerte h5 {
    font-size: 18px;
}
.inner-page .time-line .panel.alerte .panel-body p {
    font-size: 15px;
}
.time-line .alerte img {
    float: left;
    margin-right: 15px;
    max-width: 100%;
}
.time-line .alerte .content {
    padding: 5px 0;
}
.time-line .alerte .file-link,
.time-line .alerte .file-link:hover {
    color: #ffffff;
    display: block;
    padding-top: 10px;
}

/*
 * Page des tunnels
 */
.page-tunnels .actions {
    float: right;
}

/*
 * Page des vacances
 */
.page-vacances div img {
    max-width: 100%;
    margin-bottom: 10px
}
/*
 * Page de panier
 */
.page-panier #link-valid i {
    border: none;
}

/*
 * Page de validation des commandes
 */
.page-commande fieldset {
    margin-bottom: 30px;
}

/*
 * Page de contact
 */
#page-contact .contact-nom {
    text-transform: uppercase;
}
.inner-page #page-contact .testimonial-content .testimonial-item {
    max-width: none;
    height: 175px;
}
.inner-page #page-contact .testimonial-item#first {
    height: auto;
}
.inner-page #page-contact .testimonial-item#first h4 {
    margin: 0;
}

/* 
 * Tableaux des tarifs 
 */
.table-tarif.table td {
    vertical-align: middle;
}
.table-tarif td.td-img {
    width: 170px;
}
.table-tarif td.td-img img {
    max-width: 150px;
    max-height: 60px;
}
.table-tarif td.td-titre {
    width: 400px;
}
.table-tarif td label {
    width: 100%;
    font-weight: normal;
}
.table-tarif td p {
    padding-left: 10%;
    width: 90%;
}
.table-tarif td button {
    float: right;
    margin-top: 10%;
}
.table-tarif td input {
    width: 30px;
    color: black;
    text-align: center;
    margin: auto 5%;
}
.table-tarif span.prix-ce {
    font-weight: bold;
}

/* 
 * Tableaux des commandes groupees 
 */
.page-cmd-grp h3 span {
    font-size: 0.7em;
    font-weight: bold;
}
.table-cmd-groupees th {
    text-align: center;
}
.table-cmd-groupees td {
    width: 18%;
    text-align: center;
}
.table-cmd-groupees.table td:first-of-type {
    text-align: left;
}

.table-cmd-groupees td:last-of-type {
    text-align: right;
}
.table-cmd-groupees td a {
    margin-left: 5%;
}
.table-cmd-groupees td button {
    float: right;
    margin-top: 10%;
}
.table-cmd-groupees td input {
    width: 80%;
    color: black;
    margin: auto 10%;
}
.table-cmd-groupees td .block-qte {
    text-align: center;
}
.table-cmd-groupees td .block-qte a {
    margin-left: 0;
}
.table-cmd-groupees td input.input-qte {
    width: 25px;
    color: black;
    margin: auto 3%;
    text-align: center
}
.table-cmd-groupees td input.input-prix {
    width: 30%;
    margin: auto 35%;
}
.table-cmd-groupees td span a {
    float: none;
}

/*
 * Pages des commandes et des commandes groupees du salarie
 */
.page-com-user .commandes,
.page-com-grp-user .commandes {
    margin: 2% 0 5%;
}
.page-com-user .commandes .p-plan-item > p,
.page-com-grp-user .commandes .p-plan-item > p {
    margin-bottom: 2%;
}
.inner-page .page-com-user.pricing .p-plan-item,
.inner-page .page-com-grp-user.pricing .p-plan-item {
    max-width: none;
}
.page-com-grp-user ul > span {
    display: block;
    margin: 15px 0 10px;
}

/*
 * MODAL CONTENT
 */ 
#panier-modal ul {
    list-style: none;
}

/*
 * FOOTER
 */
.footer {
    background: #292929 none repeat scroll 0 0;
}
.footer div.footer-widget h5 a {
    color: white;
}

/*
 * Partie LOGIN
 */
.inner-page .login #block-logo {
    margin-bottom: -50px;
}
.inner-page .login #block-logo img {
    margin-top: 15px;
    width: 100%;
}
.inner-page .login .contact-content {
    margin-top: 5%;
}
.inner-page .login .contact-content p {
    width: 100%;
}
.inner-page .login .contact-content span {
    float: right;
    width: 50%;
    text-align: left;
}
.inner-page .login #block-logo {
    margin: 0 auto;
    max-width: 450px;
}
.inner-page .login #block-logo img {
    border-radius: 4px;
}

/*
 * GMAP
 */
#map {
    height: 270px;
}

/*
 * FIRST CONNEXION - MODAL
 */
#first-connexion .modal-dialog {
    margin-top: 200px;
    width: 800px;
}
#first-connexion .modal-header {
    border-bottom: none;
}
#first-connexion .modal-header img {
    display: inline;
    width: 60px;
}
#first-connexion .modal-header h3 {
    color: white;
    display: inline;
}
#first-connexion .modal-header .close {
    color: #fff;
    opacity: 0.8;
}
#first-connexion .modal-body {
    background-color: #333;
    color: white;
}

/**
 * ARTICLES
 **/
#articles.grid .item .grid-entry .grid-img i.icon-right {
    margin-left: 0;
    transition: all 0.3s ease-in;
}
#articles.grid .item .grid-entry .grid-img:hover i.icon-right {
    left: 43%;
}
#articles.grid .grid-entry .entry-info h2 a {
    color: #ffffff;
}
#articles.grid .grid-entry .entry-info .share span i {
    width: 30px;
    height: 30px;
    line-height: 24px;
    font-size: 18px;
}
#articles.grid-entry .entry-info .share span a {
    font-size: 14px;
    font-weight: 500;
}
/**
 * SORTIES GROUPEES
 */
.page-sortie .table td.sortie-nom {
    text-align: left;
}
.sortie-modal {
    margin-top : 5%;
    text-align: center;
}
.sortie-modal .modal-content {
    background-color: #eeeeee;
}
.sortie-modal .modal-header {
    padding : 5px 7px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sortie-modal .bloc-img-close-btn {
    display : inline-block;
}
.sortie-modal .bloc-img-close-btn .close {
    float : none;
    display: inline-block;
    text-align: right;
    opacity: 0.6;
}
.sortie-modal .bloc-img-close-btn .sortie-nom {
    display: inline-block;
    color: #333333;
}
.sortie-modal .bloc-img-close-btn img {
    display: block;
    padding : 5px;
}
/**
 * PVs REUNIONS CE/CSHCT
 */
.page-reunions:not(:first-child) {
    margin-top: 20px;
}
/**
 * PAGE PARTENAIRES
 */
.page-partenaires .partenaire {
    display: inline-block;
    width: 100%;
    margin: 20px 0;
    padding: 10px;
    background-color: rgba(0 ,0, 0, 0.3);
}
.page-partenaires .partenaire h4 {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid white;
}
.page-partenaires .partenaire h4 span {
    font-size: 0.8em;
}
.page-partenaires .partenaire .logo {
    display: inline-block;
    width: 200px;
    vertical-align: top;
}
.page-partenaires .partenaire .logo img {
    margin-top: 0;
}
.page-partenaires .partenaire .p-desc {
    padding-left: 20px;
    padding-right: 0;
    width: calc(100% - 205px);
    display: inline-block;
    line-height: 27px;
}
.page-partenaires .partenaire .p-desc ul {
    padding-left: 0;
    list-style: circle inside;
}