body{
	font-family:Arial,Helvetica,sans-serif;
	background:#fff url(../images/PQ_bg.jpg) no-repeat center top;
	position:relative;
	font-size:13px;
}

ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

hr {
    height: 1px;
    background-color: #c8c8c8;
    border: 0;
    margin: 15px 0;
    padding: 0px;
}

p {
    margin: 10px 0 10px;
}
.italique{
	font-style:italic;
}
a:hover {
    text-decoration: underline;
    color: #006195;
}

a:link, a:active, a:visited {
    text-decoration: none;
    color: #006195;
}

div[role=main] {
	width:100%;
	max-width:1200px;
	margin:auto;
	background:#FFF;
}
.list_result>li {
    padding: 5px 10px;
    text-align: justify;
}
.list_result>li:nth-child(odd)
{
	background-color: #efecea;
}
/**************/
/* Fil Ariane */
/**************/
#ariane {
	width:100%;
	height:20px;
	padding: 0 15px;
}

#ariane li {
    float: left;
	padding: 0 0 0 8px;
}

#ariane li:first-child {
	padding: 0;
}

#ariane li+li::before {
    content: ">";
}

#ariane li a {
	margin-left:5px;
}

#ariane a:hover {
    text-decoration: underline;
}

#ariane a:link, #ariane a:visited, #ariane a:active {
    color: #626262;
}

h1 {
    color: #0b4e7f;
    font-size: 13px;
	font-weight:bold;
    padding: 0;
    margin: 0 15px 15px;
}

/*******/
/* PIV */
/*******/
#menu-piv > * {
    margin: 0;
}
#piv_menu_princ {
	margin-bottom:25px;
}
#logo-piv {
	position:absolute;
}
#liens-piv-principal {
	margin:0;
}
#liens-piv {
	margin-top: 56px;
	margin-left:218px;
	margin-right:0px;
	background-color: #039;
}

#liens-piv *{
	color:#fff;
	background-color: #039!important;
}
input.form-control.boite_recherche {
	width:100%;
	border-top-right-radius:0;
	border-bottom-right-radius: 0; 
	border-right: none;
}
input.form-control.boite_recherche + button {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.rechr_avanc {
	display: inline-block;
	margin-top: 5px;
}
.mnstr_28 {
	font-size: 0.9em;
}
#piv_bdso .bdso {
	font-size:14px;
}

@media (max-width:767px){
	#liens-piv {
		margin-left:0px;
		margin-top: 22px;
	}
}

/***********/
/* ONGLETS */
/***********/
#result_rechr {
    margin-bottom: 20px;
}

#tabl_cart {
    border-bottom: #b1d55b solid 2px;
    margin: 0 15px 10px;
}

.abonmt_tabl {
    float:right;
    right: 0;
    font-size: 10px;
	margin-top: 20px;
}

.abonmt_tabl > img {
    vertical-align: text-top;
    margin-right: 8px;
}

/****************/
/* NOTE TABLEAU */
/****************/
#pied_tabl {
	margin: 0 15px;
}

.divaGauche, .divaDroite, .divauCentre {
    float: left;
    width: 50%;
}
/********************************************/
/* contenu avec listes : puces disponibles  */
/* mise en page des déf, résumé, notes,...  */
/********************************************/
.puce_pleine{
	list-style:disc;
	margin-left:30px;
}
.puce_pleine li{
	padding-bottom:4px;
}
.puce_vide{
	margin-left:-20px;
	padding:5px;
}
.no_puce{
	margin-left:25px;
}
.no_puce li{
	padding-bottom:5px;
}
.puce_ordonnee{
	list-style:decimal;
	margin-left:30px;
}
.puce_ordonnee.no_indent{
	margin-left:15px;
}
.puce_ordonnee li{
	padding-bottom:4px;
}
.puce_blanche{
	list-style:circle;
	margin-left:30px;
}	
.puce_blanche li{
	padding-bottom:4px;
}
.sign_conv_col1 {
    display: inline-block;
    min-width: 20px;
    width: 1.250em;
}
.div_pied_tableau{
	margin-bottom:15px;
	display:flex;
}
.div_pied_tableau li{
	padding-bottom:5px;
}
.sign_conv_col1 {
	display:inline-block;
	min-width:20px;
	width:1.250em;
}
.sign_note_col1 {
	display:inline-block;
	vertical-align:top;
	width:95px;
	min-width:95px;
}
.sign_note_col2 {
	display:inline-block;
	text-align:justify;
}
.sign_note_col2 p {
	margin: 0 0 10px;
	text-align:justify;
}
.sign_note_col2 ol {
	list-style:decimal;
	margin-left: 30px;
}
.sign_carto_col1 {
	display:inline-block;
	vertical-align:top;
	width:220px;
}
.sign_carto_col2 {
	display:inline-block;
	text-align:justify;
	width:730px;
}
.titre_carto_col1 {
	display:inline-block;
	vertical-align:top;
	width:150px;
}
.titre_carto_col2 {
	display:inline-block;
	width:800px;
}
.sign_sourc_img {
	display:inline-block;
	vertical-align:top;
}
.spacer {
	padding: 0 15px;
}
/*************/
/* PIED PAGE */
/*************/
#pied {
	margin:0 auto;
	text-align:center;
}

/*****************************/
/* Fenetre modale  BOOTSTRAP */
/*****************************/
.modal-header {
	padding:5px 10px;
	border-radius:5px 5px 0 0;
}
.modal-header .close {
    margin-top: 2px;
}

.modal-dialog {
    /* 100% - margin top/bottom */
	/*height: 100%;*/
	min-height:300px;
	
	max-height: -webkit-calc(100% - 60px);
  	max-height: -moz-calc(100% - 60px);
  	max-height: -o-calc(100% - 60px);
  	max-height: -ms-calc(100% - 60px);
	max-height: calc(100% - 60px);
	
}

.modal-backdrop {
	position: fixed;
}

.modal-content {
	height: 100%;
}

.modal-title {
	line-height:25px;
	overflow:hidden;
	height:25px;
}

.modal-body {
  /* 100% = dialog height, 120px = header + footer */
  overflow-y: auto;
  height: auto;
  
  max-height: -webkit-calc(100% - 100px);
  max-height: -moz-calc(100% - 100px);
  max-height: -o-calc(100% - 100px);
  max-height: -ms-calc(100% - 100px);
  max-height: calc(100% - 100px);
}

.bound .modal-footer {
	position: absolute;
    bottom: 0;
    width: 100%;
}
/* classe "bound" à la fenêtre modale -> Adaptative haut-bas */
#modal-window.bound .modal-dialog {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

#modal-window.bound .modal-body {
	height:100%;
}
.modal-1200 {
	width: 100%;
    max-width: 1200px;
    padding: 10px;
}
.modal-body h2 {
	font-size: 1.2em;
	padding: 0;
	margin: 20px 0 5px 0;
	font-weight: bold;
}
@media print
{
    body {
        margin-top: 0;
        padding-top: 0;
    }

    span.visible-print {
        display:inline !important;
    }

    .modal {
        position:relative;
    }
    /* Cacher tout si la fenetre modale est ouverte */
	.modal.in.bound .modal-dialog,.modal.in.bound .modal-body{
		position:relative!important;
		height:auto!important;
	}
    .modal.in ~ *,.modal-footer{
        display:none;
    }

    .modal-dialog,.modal-content {
        height:auto;
        max-height:none;
    }

    .modal-open {
        overflow:auto;
    }
}
/* FIN MODALE BOOTSTRAP */
/* MODALE jQueryUI - abonnement */
/* Construction de la boite des abonnements de la page d'accueil*/
.mes_abonmt{
	margin:20px 10px 0 0;
	float:left;
	min-width:223px;
	width:13.938em;
}
.label_abonmt{
	font-size:0.75em;	   
    margin:0 5px 0 5px;
	min-width:79px;
	width:4.938em;
	display:inline-block;
}
.input_abonmt{
    min-height:17px;
	height:1.063em;
	min-width:120px;
    width:7.500em; 
	font-size:0.8em;
	border:#bebebe solid 1px; 
	border-radius:4px;		   
    margin:5px 5px 0 5px;
}
.lien_abonmt{
	font-size:0.75em;	   
    margin:5px 5px 0 5px;
	width:130px;
	display:inline-block;
}
.btn_abonmt{
	float:right;
	margin:5px 5px 0 0;
}
/* FIN jQueryUI */

/* Enjoliver les onglets de Bootstrap */
.nav-tabs {
    border-bottom: 2px solid #b1d55b;	
    height: 42px;
}
.nav-tabs a:link {
	background-color: #efecea;
	border-top-right-radius:15px;
}

.nav-tabs a:hover {
	color:#000;
}
.nav-tabs>li.active a:focus {
	background-color:#b1d55b;	
}
.nav-tabs>li.active a {
	background-color:#b1d55b!important;
}	

.a-nav-tabs{
	text-decoration:none;
	color:#000;	
}

/********/
/* UTIL */
/********/
.bg-vert, .bg-vert-hover:hover {
	background-color: #b1d55b;
}
.marg-l-5 {
	margin-left:5px;
}
.marg-r-5 {
	margin-right:5px;
}
.marg-b-15 {
	margin-bottom:15px;
}
.flex {
	display:flex;
}
.inline {
	display:inline;
}
.souligne {
    text-decoration: underline;
}
.indentation {
    margin-left: 25px!important;
}
.inline-block {
	display:inline-block;
}
.text-bold, .gras {
	font-weight:bold;
}
.clear_both {
    clear: both;
}
.desc_gauche {
	padding:5px 0;
	max-width: 200px;
    min-width: 100px;
    width: 100%;
    display: inline-block;
}
.desc_fonction {
	padding:5px 0;
	max-width: 50%;
    min-width: 100px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
.width25{
   width:25px;
}