/* +--------------------------------------------------------------------------+
// 2002-2004 PMB Services / www.sigb.net pmb@sigb.net et contributeurs (voir www.sigb.net)
// +-------------------------------------------------+
// $Id: bretagne2.css,v 1.41 2010-12-20 10:05:06 arenou Exp $
*/

/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/*                         ATTRIBUTS GENERAUX                                 */
/*                                                                            */
/*  attrbitus generaux de la page                                             */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* STYLE INITIALISATION */
* {
	margin:0;
	padding:0;
	border:none;
}

/* END STYLE INITIALISATION */
body #pmbopac
{ 
	/* font-family : Arial, Helvetica, Verdana, sans-serif; */
	font-family: "IBM Plex Sans", "Century Gothic", Arial, sans-serif;
	background: #FFFFFF;
	font-weight: normal;
	color: #303032;
	line-height: 2;
}
#pmbopac h1 
{
	font-family: "IBM Plex Sans";
	font-size: 2rem;
	color: #303032;
	font-weight:700;
	margin: 0 50px 30px 0;
	line-height: 1.3;
}

#pmbopac h2
{
	font-family: "IBM Plex Sans";
	font-size: 1.4em;
	color: #008B99;
	margin-bottom: 0;
}

#pmbopac h3
{
	font-family: "IBM Plex Sans";
	font-size: 1.2em;
	color: #303032;
	margin-bottom: 30px;
}

#pmbopac p
{
	font-family: "IBM Plex Sans";
	font-size: 1em;
	color: #303032;
	margin-bottom: 20px;
}

#pmbopac ul
{
	margin-bottom: 20px;
}

#pmbopac li
{
	font-family: "IBM Plex Sans";
	font-size: 1em;
	color: #303032;
	line-height: 2;
}

#pmbopac table
{
	border-collapse: collapse;
	border-spacing: 0;
	font-family: "IBM Plex Sans";
}
#pmbopac table td 
{ 
	font-family: "IBM Plex Sans";
	font-size: 0.9em;
	vertical-align: middle;
	padding:3px 6px 3px 3px;
	text-align: left;
}

#pmbopac select
{
	font-family: "IBM Plex Sans";
	color:#303032;
	padding-left:5px;
	font-size:1em;
	margin-right: 10px;
	min-height:30px;
	min-width: 55px;
}

#pmbopac input[type=text]
{
	font-family: "IBM Plex Sans";
	color:#303032;
	padding-left:5px;
	font-size:1em;
	margin-right: 10px;
	height:30px;
}
	
#pmbopac input[type=checkbox]
{
	margin-right: 15px;
}

#pmbopac blockquote ul
{
	list-style-type:none;
}

/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/*                  Structure de la page                                      */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/

#container 
{
	width:100%;
    display: flex;
    /* flex-direction: column; */
	flex-wrap: wrap;
    align-content: flex-start; 
	justify-content: center;
}

#main:nth-child(1)
{
    order: 2;
}
#intro:nth-child(2)
{
    order: 1;
}
#bandeau:nth-child(3)
{
    order: 3;
}
#main 
{
	width:1000px;
    display: flex;
    flex-direction: column;
	/* margin-right: 50px; */
	padding-bottom:30px;
}
	#main_header
	{
		display: none;
	}
	#main_hors_footer
	{
		width: 100%;
		margin-top: 30px;
		min-height:600px;
		height:auto!important; /*car propriete min-height non reconnue par les ie < 7 */
		height:600px;
	}

#intro 
{
	width: 100%;
	margin-top: -30px;
}
#bandeau 
{
	width: 250px;
	/* margin-left: 50px; */
	margin-left: 10px;
    display: flex;
	flex-direction: column;
    align-content: flex-start; 
}
#bandeau h3
{
	font-weight: 500;
	color: #005d66;
	margin-top: 10px;
	margin-bottom: 0;
}
	#connexion 
	{
		margin-top: 30px;
		background: #EFEFF0;
		padding-left: 10px;
		padding-bottom: 10px;
	}
	#connexion #login_form label
	{
		display : none;
	}
	#connexion #login_form input
	{
		height:20px;
		width: 120px;
		margin-bottom: 5px;
		padding-left: 5px;
	}
	#connexion #login_form input.login::placeholder
	{
		font-family: "IBM Plex Sans";
		font-weight: normal;
		font-size: 0.9em;
	}
	#connexion #login_form input.password::placeholder
	{
		font-family: "IBM Plex Sans";
		font-weight: normal;
		font-size: 0.8em;
	}
	
	#connexion #login_form .bouton
	{
		height:25px;
		width:25px;
		color: #008B99;
		border-radius: 50%;
		background-color: #FFFFFF; 
		border: solid 2px #008B99; 
		vertical-align:middle;
		text-align:center;
		font-size: 0.8em;
		padding-left:0;
		cursor:pointer;
	}
	#connexion #login_form a
	{
		color: #008B99;
		font-size: 0.8em;
	}
	
	#lvl1
	{
		background: #EFEFF0;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
	}
	#lvl1 #lvl1_list table
	{
		margin-top: 10px;
	}
	#lvl1 #lvl1_list table tr td
	{
		text-align:center;
		background: #FFFFFF;
	}
	#lvl1 #lvl1_list table tr td a
	{
		color: #008B99;
	}
	
	#facette
	{
		background: #EFEFF0;
		padding-left: 10px;
		padding-bottom: 10px;
	}
	
	#facette .bouton
	{
		padding-left:5px;
		padding-right:5px;
		margin-left:5px;
		color:#008B99;
		font-weight: 500;
		background:#FFFFFF;
		min-width:95px;
		height:23px;
		border: solid 2px #008B99; 
		vertical-align:middle;
		text-align:center;
		font-size: 0.8em;
		border-radius:4em;
		cursor:pointer;		
	}
	#facette .bouton_filtrer_facette_haut
	{
		
		padding:0;
		color:#303032;
		font-size: 1em;
		font-weight: 700;
		background:#EFEFF0;
		min-width:95px;
		height:23px;
		border: none; 
		cursor: none;
	}

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


/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/*                  Eléments hors affichage                          */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
	#bandeau #accueil, #bandeau #adresse, #dGrowl_0
	{
		display:none;
	}

	
	
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/*                  Bandeau haut (bibli_preamble_p1)                          */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/

/* Début du menu du haut before header (3 éléments de menus à gauche +  réseaux sociaux) */
#intro .wholeheader
{
	font-family: "IBM Plex Sans";
	font-size: 1.1em;
	width:100%;
}
	#intro .beforeheader
	{
		background: #008B99;
		display: flex;
		justify-content: space-between;
		align-items: center;
		height:44px;
	}
	#intro .menubeforeheader 
	{
		margin-left: 50px;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	#intro .tools 
	{
		margin-right: 50px;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	#intro .menubeforeheader ul, #intro .tools ul
	{
		margin-bottom: 0;
	}
	#intro .menubeforeheader li, #intro .tools li
	{
		display: inline;
		margin-right: 20px;
		font-size: 0.9em;
		font-weight: bold;
	}
	#intro .menubeforeheader li a
	{
		color: #FFFFFF;
		text-decoration:none;
	}
	/* Fin du menu du haut (before header) */

	/* Début du header (logo cereq + bouton menu) */
	#intro .header
	{
		margin: 0 50px 0 50px;
		height:85.3px;
		display: flex;
		justify-content: space-between;
	}
	#intro .header-left
	{
		padding: 0.5rem 0;
		display: flex;
		align-items: center;
	}
	#intro .header-left ul
	{
		margin:0;
		/* margin-top:12px; */
	}
	#intro .header-left li
	{
		display: inline;
		align-items: center;
		margin-right: 10px;
	}
	#intro .header-right
	{
		display: flex;
		align-items: center;
	}
	#intro #menu0 a.btn-menu-open
	{
		color: #008B99; 
		background: #FFFFFF;
		border: none;
		font-weight: 500;
	}
	#intro #menu0 a.btn-menu-open:hover 
	{
		color: #005d66; 
	}
	#intro #menu0 .w3-button
	{
		height:50px;
		color: #FFFFFF;
		border-radius: 50%;
		background-color: #008B99; 
		padding-top: 12px;
	}
	#intro #menu0 .w3-button:hover
	{
		color:#FFFFFF!important;
		background-color:#005d66!important
	}
	/*menuburger*/
	#intro #menu1
	{
		position: absolute;
		top:0;
		right:0;
		height: auto;
		padding-top: 50px;
		width: 463px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		background-color: #FFFFFF; 
	}
	#intro #menu1 .btn-menu-close
	{
		margin-left:300px;
	}
	#intro #menu1 a.btn-menu-close
	{
		color: #303032; 
		background: #FFFFFF;
		border: none;
		font-weight: 500;
	}
	#intro #menu1 a.btn-menu-close:hover 
	{
		color: #008B99; 
	}
	#intro #menu1 .w3-button
	{
		height:50px;
		color: #008B99;
		border-radius: 50%;
		background-color: #EFEFF0; 
		padding-top: 12px;
	}
	#intro #menu1 .w3-button:hover
	{
		color:#FFFFFF!important;
		background-color:#008B99!important
	}

	#intro .burgerhaut
	{
		background: #FFFFFF;
		padding-top: 50px;
		padding-bottom: 20px;
	}
	#intro .burgerbas
	{
		background: #008B99;
		padding-top: 50px;
		padding-bottom: 20px;
	}
	#intro .burgerhaut li
	{
		padding: 9px 0 30px 50px;
		display: block;
		font-size: 1.125em;
		font-weight: 500;
	}
	#intro .burgerbas li
	{
		padding: 9px 0 15px 50px;
		display: block;
		font-size: 1em;
		font-weight: 500;
	}
	#intro .burgerhaut li a
	{
		text-decoration : none;
		color:#303032;
	}
	#intro .burgerhaut li a:hover
	{
		color:#008B99;
	}
	#intro .burgerbas li a
	{
		text-decoration : none;
		color:#FFFFFF;
	}
	#intro .burgerbas li a:hover
	{
		text-decoration: underline;
	}
	#intro .burgerbas img 
	{
		margin-right: 20px;
	}
	/*end menuburger */

	#intro .afterheader {
		margin: 0;
		height:326px;
		background-image: url("images/image_bandeau.jpg");
		background-image: no-repeat;
		background-size: cover;
	}
	/* Début Fil d'ariane */
	#intro .afterheader .breadcrumb
	{
		width:100%;
		display: flex;
		align-items: center;
	}
	#intro .afterheader .breadcrumb ul
	{
		margin:20px 50px auto 50px;
	}
	#intro .afterheader .breadcrumb li
	{
		display: inline;
		color:#ffffff;
		font-size: 0.875em;
		line-height: 1.7;
	}
	#intro .afterheader .breadcrumb li a 
	{
		text-decoration:none;
	}
	#intro .afterheader .breadcrumb li a:hover
	{
		text-decoration: underline;
	}
	/* Fin du fil d'ariane */
	#intro .afterheader .titrepage h1
	{
		margin-left:300px;
		margin-top: 90px;
		color:#ffffff;
		font-size: 3rem;
		line-height: 1.33;
	}


/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/*                  Menu horizontal (bibli_preamble_p2)                       */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/


#intro .p2 {
	/* position: absolute; */
	height:96px;
	width:100%;
}
	#intro .p2 .ongletnav
	{ 
		display: flex;
	} 
	#intro .p2 .onglettab
	{ 
		display: flex;
		width: 25%;
		height:96px;
		background-color:#F7F7F7;
	} 
	#intro .p2 .onglet-actif 
	{ 
		background-color:#ffffff;
	} 
	#intro .p2 .onglet 
	{ 	
		margin:auto; 
	}
	/* style des liens se trouvant dans un onglet inactif */
	#intro .p2 a.onglet 
	{
		font-family: "IBM Plex Sans";
		font-weight:500;
		color:#808184;
		text-decoration:none;
	}
	/* style de l'onglet de la page active */
	#intro .p2 .onglet-actif a.onglet 
	{
		font-family: "IBM Plex Sans";
		font-weight:500;
		color:#303032;
		text-decoration:none;
	}

/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/*                  Formulaire de recherche                                   */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/

    #main #search_crl 
	{
  	clear:both;
    }  
        
	.div_clr 
	{
		clear:both;
	}  

	#main_hors_footer #home_on_top 
	{
		margin-bottom:20px;
		/* border: solid 1px red; */
		width: 100%;
	}
	#main_hors_footer #home_on_top span
	{
		font-family: "IBM Plex Sans";
		font-size: 1.2em;
		font-weight: 500;
		color: #005d66;
		margin-top: 10px;
		margin-bottom: 0;
	}
	/* #main_hors_footer #home_on_top span img */
	/* { */
		/* display: none; */
	/* } */
	
	#main_hors_footer #navigator 
	{
		display:block;
		margin-bottom:20px;
		width: 100%;
	}
	
	#main_hors_footer #navigator table 
	{
		background: #008B99;
		width:100%;
	}

	#main_hors_footer #navigator tr
	{
		height:40px;
	}
	
	#main_hors_footer #navigator td 
	{
		border-right:solid 1px #FFFFFF;
		text-align:center;
		width: 25%;
	}
	
	#main_hors_footer #navigator td a 
	{
		color: #FFFFFF;
		text-decoration:none;
		/* color: #008B99; */
		padding-right:10px;
	}
	
	#main_hors_footer #navigator td a:hover 
	{
		text-decoration:underline;	
		/* font-weight: 700; */
	}
	
	#search
	{
		font-family: "IBM Plex Sans";
		padding-bottom: 10px;
		margin-bottom: 20px;
		/* border:1px solid red; */
		font-size: 1em;
		background: #EFEFF0;
		width: 100%;
	}
	
	#search ul.search_tabs
	{
        height: 50px;
        width: 100%;
		/* margin: 0; */
		display: flex;
		justify-content: space-between;
		list-style-type: none;
	}

	#search ul.search_tabs li
	{
        width: 50%;
		background: #FFFFFF;
		padding-top: 10px;
		text-align: center;
	}

	#search ul.search_tabs li a
	{
		margin-left: 10px;
		text-decoration:none;
		font-weight: normal;
		color: #008B99;
	}
	
    #search ul.search_tabs li a:hover
	{
    	color: #005d66;
    }
    
	#search ul.search_tabs li#current
	{
		background: #EFEFF0;
	}
	
	#search ul.search_tabs li#current a
	{
		color: #797979;
		font-weight:500;
	}
	 
	#search .boutonrechercher, #search .boutonaide
	{
		padding:0;
		margin-left:10px;
		color:#FFFFFF;
		font-weight: 500;
		background:#008B99;
		width:125px;
		height:30px;
		border:none;
		border-radius:4em;
		cursor:pointer;
	}
	
	#search .boutonrechercher:hover, #search .boutonaide:hover 
	{
		color:#FFFFFF;
		background:#005d66;
	}
	
	
/* ---------------------------------------------------------------------------*/
/*                  Formulaire de recherche simple                            */
/* ---------------------------------------------------------------------------*/

	#search p.p1 { 
		margin-left: 10px;
		/* margin-top: 15px; */
	}

	#search .row 
	{
		padding-left: 15px;
		padding-top: 10px;
		background: #EFEFF0;
	}
	
	#search .row select
	{
		margin-bottom: 20px;
	}
	

/* ---------------------------------------------------------------------------*/
/*                  Formulaire de recherche multi critères                    */
/* ---------------------------------------------------------------------------*/

#search #choose_criteria
{
	font-family: "IBM Plex Sans";
	font-size: 1em;
	color: #303032;
	margin-bottom: 20px;
	margin-left: 10px;
}
#search #add_field
{
	margin-bottom: 20px;
	margin-left: 10px;
}
#search .form-contenu
{
	padding-left: 0;
	margin-left: 0;
	padding-top: 10px;
	background: #EFEFF0;
}
	.search_dico{
		color:#008B99;;
	}

	#search .search_cancel input[type=button]
	{
		height:40px;
		width:40px;
		color: #FFFFFF;
		border-radius: 50%;
		background-color: #008B99; 
		font-weight:500;
		/* padding:8px 16px; */
		vertical-align:middle;
		text-align:center;
		cursor:pointer;
	}
	#search .search_cancel input[type=button]:hover
	{
		background-color: #005d66; 
		font-size:1.2em;
		font-weight:700;
	}
	#search .bouton
	{
		height:35px;
		width:35px;
		color: #008B99;
		border-radius: 50%;
		background-color: #FFFFFF; 
		border: solid 2px #008B99; 
		font-weight:500;
		margin-left:10px;
		/* padding:8px 16px; */
		vertical-align:middle;
		text-align:center;
		cursor:pointer;
	}
	#search .bouton:hover
	{
		color: #FFFFFF;
		background-color: #005d66; 
		font-size:1.2em;
		font-weight:700;
	}

#search .form-contenu .row 
{
	padding-left:0;
}
#search .form-contenu .row .table-no-border table
{
	margin:0;
	padding:0;
}
#search .form-contenu .row .table-no-border tr
{
	min-height:60px;
}
#search .form-contenu .row .table-no-border tr:last-child
{
	min-height:40px;
}

#search .form-contenu .row .table-no-border td
{
	border-top:solid 1px #FFFFFF;
	/* text-align: left; */
	vertical-align: top;
}
#search .form-contenu .row input[type=radio]
{
	margin-right:10px;
}

/* ---------------------------------------------------------------------------*/
/*                  Résultats de la recherche                                 */
/* ---------------------------------------------------------------------------*/
#search_result
{
	line-height: 2;
}
#search_result h3, #resultatrech h3, #resultatrech_see h3, #aut_details h3
{
	font-size: 1.2em;
	color: #008B99;
	line-height: 1;
}

#resultatrech
{
	margin-bottom:20px;
	width: 100%;
}


#resultatrech_liste ul 
{
	list-style:none;
}

#resultatrech_liste li a 
{
	margin-right: 10px;
}
#resultatrech_liste li a:hover
{
	margin-right: 20px;
}
#resultatrech_liste li::after 
{
	content: url("images/arrow_right.png");
}

#resultatrech_liste .notice-parent
{
	margin-top: 16px;
}
#resultatrech_liste .notice-parent a
{
	color: #008B99;
}

.notice-parent .header_title
{
	font-weight: bold;
	color: #797979;
}
.notice-parent table
{
	padding:8px 0;
}

	.notice-child a .perio_title, .notice-child a .bull_title
	{
		color:red;
	}

	.notice-child .public_title
	{
		font-weight:700;
		color: #21A1BC;
	}
	#search .notice-child
	{
		border:none;
	}

	#resultatrech_liste .notice-child table td
	{ 
		vertical-align: middle;
		padding:3px 6px 3px 3px;
		font-size: 1em;
	}

	#resultatrech_liste .notice-child table td.bg-grey 
	{
		background-color: #EBEBEB;
		width:20%;
		min-width:150px;
		padding-right: 0.3em;
		text-align: right;
	}


	#aut_details_container table.table_aut_see
	{
		width: 100%;
	}
	#aut_details_container table.table_aut_see td
	{ 
		vertical-align: middle;
		padding:3px 6px 3px 3px;
		font-size: 1em;
		background-color: #EBEBEB;
	}

#history_action .bouton
{
	color: #008B99;
	margin-right: 10px;
}
#history_action .bouton:hover
{
	text-decoration: underline;
}

#navbar .navbar img
{
	margin-left: 10px;
}

#navbar .navbar a
{
	color: #008B99;
}