html, body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}

body {   
    font-family: "century gothic",arial,sans-serif;
    color: #5a5a5a; /* presque noir*/

    /* jaune vers orange à 90% de haut vers bas*/
    background: #FFFFE2; /* Old browsers */
/*    background: -moz-linear-gradient(top,  #FFFFE2 90%, #FFC170 100%); /* FF3.6+ */
/*    background: -webkit-linear-gradient(top,  #FFFFE2 90%,#FFC170 100%); /* Chrome10+,Safari5.1+ */
/*    background: linear-gradient(top,  #FFFFE25 90%,#FFC170 100%); /* W3C */
/*    background: -ms-linear-gradient(top,  #FFFFE2 90%,#FFC170 100%); /* IE10+ */
/*    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFE2', endColorstr='#FFC170',GradientType=0 ); /* IE6-9 */
}
/*
#ac-client a:hover,
#ac-client a:focus {
  color: inherit;
  text-decoration: underline;
}
*/


/******************
BBBBBBBBBBBBBBBBBBB
******************/
#bas_page {clear:both; margin-bottom:50px; height: 1px;}

blockquote {
  font-size: 16px;
}


/******************
EEEEEEEEEEEEEEEEEEE
******************/
#entete {
    margin-bottom: 30px;
    border-radius: 0 0 6px 6px;
    /* jaune vers orange à 50% de gauche vers droite*/
    background: #ffffe2; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffe2 50%, #FFC170 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ffffe2 50%,#FFC170 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ffffe2 50%,#FFC170 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffe2', endColorstr='#FFC170',GradientType=1 ); /* IE6-9 */
    }


/******************
FFFFFFFFFFFFFFFFFFF
******************/
footer { 
    position: fixed; bottom: 0px;
    width: 100%; height: 45px; padding: 20px 0;
    font-size: .90em;
    /* jaune vers orange à 10% de haut vers bas*/
    background: #FFC170; /* Old browsers */
    background: -moz-linear-gradient(top,  #FFFFE2 10%, #FFC170 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  #FFFFE2 10%,#FFC170 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top,  #FFFFE25 10%,#FFC170 100%); /* W3C */
    background: -ms-linear-gradient(top,  #FFFFE2 10%,#FFC170 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFE2', endColorstr='#FFC170',GradientType=0 ); /* IE6-9 */
}

footer .abrege,
footer .long {
    display: none;
}
/******************
HHHHHHHHHHHHHHHHHHH
******************/
h1 {
    font-size:2.2em;
    margin-top:25px; 
    }

h2 { font-size:1.7em;
   color: #286090;
    }

h3 { font-size:1.4em;
   color: #286090;
    }

/******************
JJJJJJJJJJJJJJJJJJJ
******************/
.jmb_btn_nav { margin-top:7px; margin-right:5px;}

/******************
NNNNNNNNNNNNNNNNNNN
******************/
.navbar {
  position: relative;
  margin-bottom: 30px;
  margin-top: 10px;
  border: 1px solid transparent;
}

.navbar-default {
  background-color: #fff;
  border-color: #fff;
}

.navbar-default .navbar-nav > li > a {
 color: #286090;
}

.navbar-default .navbar-nav > li > a:hover
{
    color: #286090;
    background-color: #f8f8f8;
}
    
/******************
PPPPPPPPPPPPPPPPPPP
******************/
.puce-1 ,
.puce-2 {
    background: url(../ressources/systeme/logo-rond-vide.png) no-repeat;
    list-style-position: inside;
    font-size : 1em;
    padding-left: 15px; 
    background-position: 0 .5em;
    }

.puce-1 {  
    background-size: 10px;
    margin-left: 10px;
    }

.puce-2 {  
    background-size: 15px;
    }


/******************
SSSSSSSSSSSSSSSSSSS
******************/
.spacer10,
.spacer40{ width:100%; }

.spacer10 { height:10px;}
.spacer40 { height:40px;}

.sigle    {
    color: #F05A00;
}
  

/* RESPONSIVE CSS
-------------------------------------------------- */

@media screen and (max-width: 767px) {
    .navbar {
    margin-bottom: 10px;
    min-width: 320px;
    }
    nav a img {width:220px; height:45px;}
    .desktop {display: none;}
    h1 {font-size:1.4em;}
    h2 {font-size:1.3em;}
    h3 {font-size:1.2em;}
    footer .abrege {display:block; }
}

@media screen and (min-width: 768px) {
    /* Bump up size of carousel content */
    .carousel-caption p {
        margin-bottom: 20px;
        font-size: 21px;
        line-height: 1.4;
    }
    .mobile {display: none;}
    footer .long {display:block; }
}