/* Bleu #428bca */
/* Bleu Foncé #337ab7 */
/* Dark Gray #cecece */
/* Gris Clair #e0e0e0 */
/* Black #333333 */
/* Documents */

/* Panier */
#panier .table td.quantite {
    padding:0;
    padding-top:10px;
    width:70px;
}



@font-face{
    font-family : "fs";
    src : url('../fonts/albania.ttf');
}
@font-face {
    font-family: 'source_serif_proregular';
    src: url('../fonts/sourceserifpro-regular-webfont.eot');
    src: url('../fonts/sourceserifpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourceserifpro-regular-webfont.woff2') format('woff2'),
         url('../fonts/sourceserifpro-regular-webfont.woff') format('woff'),
         url('../fonts/sourceserifpro-regular-webfont.ttf') format('truetype'),
         url('../fonts/sourceserifpro-regular-webfont.svg#source_serif_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_serif_probold';
    src: url('../fonts/sourceserifpro-bold-webfont.eot');
    src: url('../fonts/sourceserifpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourceserifpro-bold-webfont.woff2') format('woff2'),
         url('../fonts/sourceserifpro-bold-webfont.woff') format('woff'),
         url('../fonts/sourceserifpro-bold-webfont.ttf') format('truetype'),
         url('../fonts/sourceserifpro-bold-webfont.svg#source_serif_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Regular */
@font-face {
    font-family: 'open_sans';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-weight: 400;
    font-style: normal;
}
/* Italic */
@font-face {
    font-family: 'open_sans';
    src: url('../fonts/OpenSans-Italic-webfont.eot');
    src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-weight: 400;
    font-style: italic;
}
/* Light */
@font-face {
    font-family: 'open_sans';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: 200;
    font-style: normal;

}

/* Light Italic */
@font-face {
    font-family: 'open_sans';
    src: url('../fonts/OpenSans-LightItalic-webfont.eot');
    src: url('../fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;

}

/* Semibold */
@font-face {
    font-family: 'open_sans';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: 500;
    font-style: normal;

}

/* Semibold Italic */
@font-face {
    font-family: 'open_sans';
    src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: 500;
    font-style: italic;

}

/* Bold */
@font-face {
    font-family: 'open_sans';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: bold;
    font-weight: 700;
    font-style: normal;

}

/* Bold Italic */
@font-face {
    font-family: 'open_sans';
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: bold;
    font-weight: 700;
    font-style: italic;

}

/* Extra Bold */
@font-face {
    font-family: 'open_sans';
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: 900;
    font-style: normal;

}

/* Extra Bold Italic */
@font-face {
    font-family: 'open_sans';
    src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: 900;
    font-style: italic;
}
body {
   -webkit-font-smoothing: antialiased; 
   font-family: open_sans;
   font-style: normal;
}


.pt1 { padding-top:15px; }
.pr1 { padding-right:15px; }
.pb1 { padding-bottom:15px; }
/* Header styles */
.navbar { border-radius:0; border:0;  }

.chapeau {
    width:100%;
    background-color: #428bca;	
    border-bottom:1px solid #428bca;
}

.chapeau a.titre {
    font-family: source_serif_probold;
    font-size:48px;
    color:#FFFFFF;
    padding-left:20px;
    margin-top:5px;
    text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.75); }    
    @media (max-width: 1199px) {
    .chapeau a.titre {
        font-size:34px; } }
    @media (max-width: 767px) {
    .chapeau a.titre {
        font-size:21px;
    } }
    @media (max-width: 357px) {
    .chapeau a.titre {
        font-size:17px;
    }
}
.chapeau a.titre:hover {
    text-decoration:none;
    color:#FFFFFF;
}

.breadcrumb_parent {
    background-color: #cecece;
}
.breadcrumb {
    background-color: #cecece;
}
.breadcrumb li.active {
   font-style: italic;
}
.breadcrumb li.active {
   color:#434343; 
   
}

.breadcrumb li a {
   font-family: open_sans;
   font-style:italic;
   color:#434343; 
}
.breadcrumb li a:hover {
   color:#333333;
}
.breadcrumb > li + li::before {
    color: #434343;
    content: ">";
    padding: 0 5px; 
}


.navbar-brand {
    padding-right:30px;
}

.navbar-default .navbar-brand {
    color:#FFFFFF;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    opacity:0.999;
    text-shadow: none;
    font-family : "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 24px;
    font-weight:100;
    font-style: normal;
}

.navbar-default .navbar-brand:hover {
    color:#FFFFFF;
}

.nav-stacked > li {
  float: none;
}
.nav-stacked > li > a {
  margin-right: 0;
}
.nav-tabs.nav-stacked {
  border-bottom: 0;
}

.nav-tabs.nav-stacked>li+li {
    margin-top: 0;
}
.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
.nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
  border-color: #ddd;
  z-index: 2;
}

.navbar-left {
    width: 100%;
    text-align: center;
}
.navbar-left  > li {
     float: none;
     display: inline-block;
}
.navbar-left  > li a {
     font-family: source_serif_proregular;
     font-weight: 200;
}

.navbar-right {    
    margin-right:0px; margin-top:0px;  }
    @media (max-width: 1199px) {
    .navbar-right {  
        margin-top:0px;
    } }
    @media (max-width: 767px) {
    .navbar-right {  
        margin-top:0px;
    }
}
.navbar-right a { 
    color:#FFFFFF;
}

.navbar-right li > a:hover { 
    color:#428bca; 
}

#menu_vertical .caret {border-color: #FFFFFF rgba(0, 0, 0, 0) -moz-use-text-color;}
.navbar-default { margin-bottom:2px; }
.navbar-default .navbar-nav > li > a {
    color:#FFF;
    text-shadow: 0 1px 0 rgba(2, 2, 2, 0.4);
}
.navbar-default .navbar-nav > li > a:hover {
    color:#333333;
    text-shadow: none;
}
.navbar-inverse.navbar-left li > a:hover { 
    color:#428bca; 
}
.navbar-nav .open .dropdown-menu {
    background-color: #e7e7e7;
}
.navbar-nav .open .dropdown-menu > li > a {
    background-color: #e7e7e7;
}
/* Home */
.home .col-lg-12 { padding-left:0; padding-right:0; }

/* Articles */
.panel-body .title { 
    min-height:75px; }
    @media (max-width: 767px) {
    .panel-body .title { 
        min-height:35px;        
    }
}

.panel-body .title h3 { font-family: source_serif_probold; }
    @media (max-width: 767px) {
       .panel-body .title h3{ 
           line-height: 20px;
           margin-top:0;
       }
   }
.home .panel-body .title h3 {  }
    @media (max-width: 767px) {
       .panel-body .title h3{ 
           margin-top:15px;
       }
   }

.panel-body .description {
    background-color: #e0e0e0;
    border-radius:0;
    min-height:100px;
}
.panel-body .description img{
    padding-left:0;
    padding-right:0;
    max-width:100%; }
    @media (max-width: 767px) {
    .panel-body .description img{
    min-width:100%; }
}
.panel-body { font-size:15px;text-align: justify; }
@media (max-width: 767px) {
.bibliotheque img.miniicon {
   max-width:30px; margin-left:-15px; float:right; margin-top:-20px; }
}
.panel-body .description .text{
  padding:15px;
}
.panel-body .see_more {
    padding-top:15px;
}
.panel-body .buttons a:first-of-type{
    margin-right:15px;
}
@media (max-width: 767px) {
    .une .panel-body .buttons a:first-of-type {  
        margin-right:5px;
        margin-bottom:5px;
    }
}
@media (max-width: 767px) {
    .panel-body .buttons{
        margin-right:-15px;
    }
}
.une {     
   padding:0;
   margin:0;
   width:100%;
}
.une .panel {   
   box-shadow:none;
   border:0;
}
.une .panel-body {   
    padding:0;
}
.une .title {   
    position:absolute;
    left:45px; bottom:30px;
    max-width:70%; }
    @media (max-width: 767px) {
    .une .title {  
        max-width:80%;        
        bottom:auto; 
        top:90px;
        left:25px; 
        min-height:35px; 
    } }
    @media (max-width: 357px) {
    .une .title {  
        top:100px;
    }
}
.une .title a {     
    font-family:source_serif_proregular;    
    background: rgba(66, 139, 202, 0.75) none repeat scroll 0 0;
    box-shadow: 10px 0 0 rgba(66, 139, 202, 0.75), -10px 0 0 rgba(66, 139, 202, 0.75);
    color:#FFF;
    font-size: 44px;
    text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.90); 
    opacity: 0.8;   
    line-height: 60px;
    box-sizing: border-box; }
    @media (max-width: 767px) {
    .une .title a {  
        font-size: 14px;   
        line-height: 20px;
    }
}
.une .title a:hover {     
    text-decoration: none;
}

.une .left {   
    width:80%;
    height:100%;
    display:inline-block; }
    @media (max-width: 767px) {
    .une .left {  
        width:100%; height:auto; }
}
.une img { width:100%; max-height:430px; }

.une .right {     
    width:20%;
    height:100%;
    position:absolute;
    right:0; top:0; }
    @media (max-width: 767px) {
    .une .right {  
        width:100%; 
        position:relative; 
        top:auto; 
        right:auto; 
        height:auto;
        
    }
}
.une .date {     
    background-color:#cecece;
    height:10%;
    width:100%;
    position:absolute;
    right:0px; top:0px;
    padding-top:10px;
    padding-right:15px; }
    @media (max-width: 1199px) {
    .une .date {    
        height:15%;
        padding-top:10px;
    } }
    @media (max-width: 767px) {
    .une .date {    
        height:auto;
        position:relative;
        padding-top:3px;
        padding-bottom:7px;
        padding-right:5px;
    }
}
.une .right .text {     
    height:80%;  
    width:100%;
    position:absolute;
    right:0px; top:10%;
    background-color: #e0e0e0; }
    @media (max-width: 1199px) {
    .une .right .text {
        height:80%;  
        top:15%; } 
    }
    @media (max-width: 767px) {
    .une .right .text {    
        height:auto;
        position:relative;
        top:auto;
    }
}
.une .right .text span {     
    height:100%;  
    display:block;
    background-color: #e0e0e0;
    width:100%; 
    overflow: hidden;
  -o-text-overflow: ellipsis; /* pour Opera 9 */
  text-overflow: ellipsis; 
}

.une .text p {     
    padding:10px;
    font-family:open_sans;
    font-style:normal;
    padding-top:3px;
}
.une .buttons {     
    background-color:#cecece;
    height:10%;
    width:100%;
    position:absolute;
    right:0; bottom:20px;  }
    @media (max-width: 1199px) {
    .une .buttons {     
       bottom:0px; }
    }
    @media (max-width: 767px) {
    .une .buttons {     
      position:relative;
      height:auto;     
    }
}
.une .buttons a {     
    margin-top:5px; }
    @media (max-width: 1199px) {
    .une .buttons a {          
        margin-top:2px; 
        margin-right:0; padding-top:2px; padding-bottom:2px;   } }
    @media (max-width: 767px) {
    .une .buttons a {          
        margin-top:4px; 
        margin-right:0; padding-top:2px; padding-bottom:2px;   } 
}
    

.page-header {
    border-bottom:0; 
    margin:0;
    padding:0;
}
.page-header h1 {
    margin-top:0;
    padding-top:0; 
    margin-left:0; 
    margin-right:0;
    padding-left:0;
    padding-right:0;
    font-family:source_serif_proregular;
    background-color: #428bca;
    display:inline-block;
    padding:5px 10px;
    color:#FFF;
    text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.90); }
    @media (max-width: 767px) {
    .page-header h1 {
        width:100%;
        text-align: center;
    }
}


.jumbotron h2 { 
    font-family:source_serif_probold;
    background-color: #428bca;
    padding:5px 10px;
    color:#FFF;
    display:inline-block;
    text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.90);
}
.jumbotron table tbody p { margin:5px 15px; }
.alert h2 { 
    font-family:source_serif_probold;
    background-color: transparent;
    padding:5px 10px;
    color:inherit;
    display:inline-block;
    text-shadow: none;
}

.label-default a { color:#000; }

.navbar-default .navbar-toggle .icon-bar { background-color:#ddd; }
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus  { background-color:#ddd; border-color:#ddd; }
.navbar-default .navbar-toggle:hover .icon-bar,.navbar-default .navbar-toggle:focus .icon-bar { background-color:#428bca; }


/* Drag And DROP THEMES */
body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

ul.list-group li.placeholder {
  position: absolute;
  list-style:none;
  /** More li styles **/
}
ul.list-group li.placeholder:before {
  position: absolute;
  /** Define arrowhead **/
}

/* Questionnaires */
.question {
    padding-top:1rem;
}
table.index td.tablesorter-childRow div{
    padding-left:100px;
    background-color: green;
}
.panel-primary .panel-body {
    background-color: #cecece;
}
.panel-default .panel-body {
    background-color: #e0e0e0;
}

.panel-primary  {
    border-color: #ffffff;
}

.label-default {
    background-color: #FFFFFF;
    color:#333333;
}

.pagination > .active > a { background-color: #428bca; }

.footer { background-color: #428bca; } 
.footer p { margin-bottom:0; padding:5px 5px; line-height:20px; color:#FFF; } 
.footer p a {line-height:20px; color:#FFF; } 
.panier_nav  { position:relative; } 
.panier_nav #panier { display:none; position:absolute; right:0; top:50px; width:380px; height:auto; z-index:9999; } 


.bigicon img { max-width:100%; }

.add_panier,.download { margin-right:15px; }
    @media (max-width: 357px) {
    .add_panier,.download { margin-right:7px; }
}

@media (min-width: 320px) and (max-width: 480px) {
        #recaptcha_challenge_image{
        margin: 0 !important;
        width: 100% !important;
        }
        #recaptcha_response_field
        {
        margin: 0 !important;
        width: 100% !important;
        }
        .recaptchatable #recaptcha_image {
        margin: 0 !important;
        width: 100% !important;
        }
        .recaptchatable .recaptcha_r1_c1, 
        .recaptchatable .recaptcha_r3_c1, 
        .recaptchatable .recaptcha_r3_c2, 
        .recaptchatable .recaptcha_r7_c1, 
        .recaptchatable .recaptcha_r8_c1, 
        .recaptchatable .recaptcha_r3_c3, 
        .recaptchatable .recaptcha_r2_c1, 
        .recaptchatable .recaptcha_r4_c1, 
        .recaptchatable .recaptcha_r4_c2, 
        .recaptchatable .recaptcha_r4_c4, 
        .recaptchatable .recaptcha_image_cell {

        margin: 0 !important;
        width: 100% !important;
        background: none !important;
        }

    }
    
    /* Table sorter */
    .ts-pager, select.btn-sm {
            display: inline-block;
    }
    
    /* User dropdown menu export */
    .group1 .dropdown-menu { min-width : 300px; }