/*Utilise pour corriger un mauvais affichage de favpromote en 5 tuiles*/

@media handheld,
only screen and (min-width: 980px) {
    div[id^="favpromote-box"].span2,
    div[id*=" favpromote-box"].span2,
    div[id^="favpromote-box"].span2-4,
    div[id*=" favpromote-box"].span2-4,
    div[id^="favpromote-box"].span4,
    div[id*=" favpromote-box"].span4 {
        width: 31.6239%;
    }
    div[id^="favpromote-box"].span2-4:nth-child(4),
    div[id*=" favpromote-box"].span2-4:nth-child(4),
    div[id^="favpromote-box"].span2-4:nth-child(5),
    div[id*=" favpromote-box"].span2-4:nth-child(5) {
        width: 31.6239%;
    }
    p[id^="favpromote-text"],
    p[id*=" favpromote-text"] {
        padding: 4px 10px 10px;
        margin: 0;
    }
}

@media handheld,
only screen and (max-width: 979px) {
    div[id^="favpromote-box"].span2-4:nth-child(4),
    div[id*=" favpromote-box"].span2-4:nth-child(4),
    div[id^="favpromote-box"].span2-4:nth-child(5),
    div[id*=" favpromote-box"].span2-4:nth-child(5) {
        width: 31.6239%;
    }
}

@media handheld,
only screen and (max-width: 767px) {
    div[id^="favpromote-box"].span2:nth-child(4),
    div[id*=" favpromote-box"].span2:nth-child(4),
    div[id^="favpromote-box"].span2-4:nth-child(4),
    div[id*=" favpromote-box"].span2-4:nth-child(4) {
        margin-left: 2.127659574468085%;
        clear: none;
    }
    div[id^="favpromote-box"].span2-4:nth-child(4),
    div[id*=" favpromote-box"].span2-4:nth-child(4),
    div[id^="favpromote-box"].span2-4:nth-child(5),
    div[id*=" favpromote-box"].span2-4:nth-child(5) {
        width: 48.93617021276595%;
    }
}

/* Modification du style pour les interlignes de JobGrok Listing */

div.jg tr {
    border-bottom: 1px solid silver;
}

/* Pour Twitter */

.timeline-Header {
    display: none;
}

/*Global pour surcharger bootstrap*/

@font-face {
  font-family: 'Vegure-Regular';
  font-style: normal;
  font-weight: normal;
/*  src: url('Vegur-Regular.otf') format('opentype');*/
  src: url('Vegur-Regular.ttf') format('truetype');
}

body {
    font-family: Vegure-Regular;/*,Calibri,sans-serif;*/
    /*    font-size: 13px;*/
    text-align: justify;
    /*    line-height: normal;*/
    background-color: #c9d1d8;
    /*gris bas de page*/
    padding-top: 10px;
    padding-bottom: 10px;
}

.h1,
h1 {
    color: #C91616;
    /*rouge fonce*/
    font-size: 20px;
    font-weight: bold;
}

.h2,
h2 {
    text-align: center;
    color: #C91616;
    /*rouge fonce*/
    font-size: 18px;
    font-weight: bold;
}

.h3,
h3 {
    color: #3a69b4;
    /*Bleu menu*/
    font-size: 16px;
    font-weight: bold;
}

.h4,
h4 {
    color: #C91616;
    /*rouge fonce*/
    font-size: 16px;
    font-weight: bold;
}

.h5,
h5 {
    color: #C91616;
    /*rouge fonce*/
    /*    font-size: 12px;*/
    font-weight: bold;
}

.breadcrumb {
    padding: 8px 15px;
    margin: 0 0 18px;
    list-style: none;
    background-color: #f5f5f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.breadcrumb>li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-shadow: 0 1px 0 #fff;
}

.breadcrumb>li>.divider {
    padding: 0 5px;
    color: #ccc;
}

.breadcrumb>.active {
    color: #999;
}

/* Pour la page de connexion */

.nav-stacked>li>a {
    color: black;
    background: #88FF88;
}

.nav-stacked>li>a:hover {
    background: black;
    color: #88FF88;
}

/*pour que la taille des div ne soit pas nulle pour les elements en float */

.clearfix:after {
    display: block;
}

img {
    max-width: 100%;
    /*	width: auto;*/
    /*	height: auto;*/
    vertical-align: middle;
    border: 0;
    /*  border-radius:4px;*/
    padding-right: 5px;
    padding-left: 5px;
}

.nav-pills>li>a {
    text-decoration: none;
    color: white;
    transition: color .2s ease;
}

.nav-pills>li>a:hover {
    color: darkslategrey;
}

/*Ecartement des fleches mod_news_pro_gk5*/

.nspNext,
.nspPrev {
	margin: 0 4px 0 4px !important;
}

