/*/////////////////////////////////////////////////////////////////////
 // Custom theme code styles
 // Par Sébastien Lopez : Designs Genius http://www.designsgenius.com/
 /////////////////////////////////////////////////////////////////////*/
/*

*/

/*
 * --------------------------------------------------
 * 1. General Elements
 *--------------------------------------------------
 */


.col-xs-15{
    width:20%;
}

.clearfix:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}
.clearfix {display: block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

#navigation {
  /* 1. Navigation wrapper */
}
#highlighted {
  border-bottom: 1px solid #DDD;
}
#content {
  padding-top: 5px;
  padding-bottom: 0px;
}
#content-below {
  /* 4. Content Below wrapper */
  padding: 0;
}

#footer {
  /* 5. Footer wrapper */
}
/*
 * --------------------------------------------------
 * 2. Colours / Font sizes
 *--------------------------------------------------
 */
.header, #footer{
	background: #9c9c9c;
	border-bottom: none;
	color: #FFFFFF;
	padding: 0;
	border-bottom:1px solid #6b6b6b;
}

.search-form-tigger {
	/* margin-top: 20px; */
/* 	padding-top: 10px; */
}

.search-form-tigger i {
  padding-top: 7px\0/;
}

.navbar-nav > li > a,
#main-menu > li > a {
  
  color: #FFFFFF;
  color: rgba(254, 255, 255, 1.0)
}

.navbar-nav > li.home-link a:hover span, #main-menu > li.home-link a:hover span, .navbar-nav > li.home-link a:link:hover span, #main-menu > li.home-link a:link:hover span, .navbar-nav > li.home-link a:focus:hover span, #main-menu > li.home-link a:focus:hover span,
.navbar-nav > li.home-link a span,
#main-menu > li.home-link a span,
.navbar-nav > li.home-link a:link span,
#main-menu > li.home-link a:link span,
.navbar-nav > li.home-link a:focus span,
#main-menu > li.home-link a:focus span  {
	color: #717073;
	padding: 28px 20px;
  }

.navbar-nav > li > a, #main-menu > li > a {
	padding: 28px 20px;
}

.search-form-tigger {
    background: #717073;
    }
.search-form-tigger:hover {
    background: #ba1313;
    }

.label a, .label a:hover, .label a:focus {
    color: #FFF;
}

.labelNbArticles{
	background: #f0f8fd;
}

.labelNbNewArticles{
	background: #f0f8fd;
}

.header-upper {
	background-color: #717073;
}

.header-upper a {
	color: #FFFFFF;
}

.header-search {
	background: #262739;
}

blockquote, ul.big-list, ul.list-lg {
    font-size: 14px;
}

blockquote p{background: rgba(249, 243, 255, 0.6)}
blockquote p:after,
blockquote p:before {
	border-top-color: rgba(249, 243, 255, 0.6);
}

blockquote b {
    font-size: 17px;
}

blockquote a {
    font-size: 14px;
    color:#000000;
}
blockquote a:hover {
    text-decoration: none;
}

.typoPurple{
	color: #fb545a;
}

.bgPurple{
	background-color: #fb545a;
}

.BtnPurple{
	background-color: #fb545a;
	color: #FFF;
}

.btn-warning{
	color: #FFF;
	background-color: #ba1313;
	border:none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #fb545a;
  border:none;
  }


.bgBeige {
    background: #faf9f7 url(../img/patterns/lightpaperfibers.png);

    padding: 15px 0;
    margin-top: 20px;
}

.borderActuCliniques{
	border-Bottom: 3px solid #ba1313;
	border-Top: 1px solid #ba1313;
}

.roundGreen span{
	color: #fff;
	border-radius: 3px;
	background-color: #ba1313;
	padding: 1px 10px;
}

.rechercheAvancee{
	background: rgba(72, 142, 202, 1.0000);
}

.marginRightLeft5px{
	/* Bouton du preHeader */
	margin-right: 5px;
	margin-left: 5px;
	}

.soutieninstitutionnel{
	line-height: 1;
	font-style: italic;
	font-size: 13px;
  line-height: 21px;
  color: #717073;
}

.fullBorderTop{
	border-top:1px solid #DDD;
}

.comite a{
	color: #717073;
}
.comite a:hover{
	text-decoration: none;
	color: #fb545a;
}

.appli{
	background: #ba1313 url(../img/apps.png) no-repeat  center 20px;
	padding: 150px 15px 20px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#FFF;
	text-align: center;
}

.navbar-nav > li > a, #main-menu > li > a {
	font-size: 14px;
}

.pointer{
	cursor: pointer;
}

.clearfix {
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
    line-height: 0;
}
.clearfix:after {
    clear: both;
}
.margin {
    margin-bottom: 20px !important;
}
.half-margin {
    margin-bottom: 10px !important;
}
.no-margin {
    margin-bottom: 0 !important;
}

.margin-top {
    margin-top: 20px !important;
}

.content-color-background {
	background-color: #fbf8ff
}

.civilite input {
    margin-left: 5px;
    margin-right: 20px;
    margin-top: 12px;
}

.label-primary {
    background-color: #fb545a;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #fb545a;
    border-color: #fb545a;
    }

ul.biblioOption{
	padding: 0;
    list-style-type: none;
    }

.label {
    margin-left: 5px;
}

.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {
    background-color: #dcebf7;
}


/*
 * --------------------------------------------------
 * 3. Responsiveness/media queries
 *--------------------------------------------------
 */

@media (min-width: 320px) {
	.header-upper .btn-group .dropdown-toggle {
		padding: 0px !important;
	}
}


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
@media (min-width: 768px) {
  /* Small devices (tablets, 768px and up) */
  .navbar-collapse .dropdown-menu li.active > a, .navbar-collapse .dropdown-menu li.active > a:hover, .navbar-collapse .dropdown-menu li.active > a:focus, .navbar-collapse .dropdown-menu li.dropdown-submenu .dropdown-menu .active > a, .navbar-collapse .dropdown-menu li.dropdown-submenu .dropdown-menu .active > a:hover, .navbar-collapse .dropdown-menu li.dropdown-submenu .dropdown-menu .active > a:focus, .navbar-collapse .dropdown-menu li a:hover, .navbar-collapse .dropdown-menu li a.menu-item:hover{
	background-image:none;
	background-color: #717073;
}

.search-form-tigger {
    margin-top: 10px;
}



/* #highlighted { display:none; } */
}

@media (min-width: 992px) {
  /* Medium devices (desktops, 992px and up) */
    /* Small devices (tablets, 768px and up) */
  .navbar-collapse .dropdown-menu li.active > a, .navbar-collapse .dropdown-menu li.active > a:hover, .navbar-collapse .dropdown-menu li.active > a:focus, .navbar-collapse .dropdown-menu li.dropdown-submenu .dropdown-menu .active > a, .navbar-collapse .dropdown-menu li.dropdown-submenu .dropdown-menu .active > a:hover, .navbar-collapse .dropdown-menu li.dropdown-submenu .dropdown-menu .active > a:focus, .navbar-collapse .dropdown-menu li a:hover, .navbar-collapse .dropdown-menu li a.menu-item:hover{
	background-image:none;
	background-color: #FFFFFF;
}
}

@media (min-width: 1000px) {
	.search-form-tigger {
    margin-top: 20px;
}
}

@media (min-width: 1200px) {
  /* Large devices (large desktops, 1200px and up) */


}
/*
 * --------------------------------------------------
 * 4. Misc
 * Other stuff
 *--------------------------------------------------
 */



.well .B3 a:focus{
	color: #ba1313;
	text-decoration: none;
}


.bgvert {
	background-color: rgba(189,199,44,0.7);
	min-height:170px;
	display: block;
	padding: 20px;
	border-radius: 5px;
	
}

.sliderfont1{
	color: #FFFF;
	font-size: 18px;
	text-transform: uppercase
}

.sliderfont2{
	color: #FFF;
	font-size: 30px;
	font-weight: bold;
}


.navbar-nav > li > a {
	text-align: center
}

.search-form-tigger {
	margin-top: 37px;
}

.navbar-nav > li:first-child {
    margin-top: 20px;
}


#optin-ads {
  padding: 20px 25px 30px 25px;
  border: 1px solid #1a3967;
  border-radius: 10px;
  color: #1a3967;
  text-align: center; /* Centre le texte horizontalement */
  display: flex; /* Utilise flexbox pour le centrage */
  justify-content: center; /* Centre le contenu horizontalement */
  align-items: center; /* Centre le contenu verticalement */
  flex-direction: column; /* Aligne le contenu en colonne */
  margin-top: 30px
}


#optin-ads .h1 {
  font-size: 2em;
  font-weight: bolder
}

#optin-ads p {
  color: #1a3967;
  margin-top: 22px;
  margin-bottom: 22px;
  line-height: 1.5; /* Définit une hauteur de ligne de 1.5 */
}
#optin-ads-button {
  display: inline-block; /* Permet de définir les dimensions du bouton */
  padding: 5px 10px; /* Ajuste le rembourrage interne du bouton */
  font-size: 16px; /* Définit la taille de la police */
  font-weight: bold; /* Rend le texte en gras */
  color: #ffffff; /* Couleur du texte en blanc */
  background-color: #1a3967; /* Couleur de fond du bouton */
  border: none; /* Supprime toute bordure par défaut */
  border-radius: 50px; /* Arrondit les bords du bouton */
  text-align: center; /* Centre le texte à l'intérieur du bouton */
  text-decoration: none; /* Supprime le soulignement du lien */
  cursor: pointer; /* Change le curseur en main au survol */
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Ajoute une ombre */
}

#optin-ads-button:hover {
  background-color: #0f9bd7; /* Change la couleur de fond au survol */
}



#group_bibliot {
  background-color: #323348;
  padding: 10px;
  margin-top: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

#group_bibliot h3 { color: white}
#group_bibliot p{
  color: white;
  margin: 10px 20px
}

#group_bibliot a{
  color: rgb(251, 218, 218);
  text-decoration: underline
}