@charset "utf-8";
/* CSS Document */

/* styles general */

@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:900&display=swap');

body {
    background: url("../images/bg-body.png") no-repeat scroll center top #E0DACA;
    color: #535548;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    text-align: center;
    margin-top: 29px !important;
    hyphens: initial !important;
}

a {
	color: #d64929;
}

#breadcrumb a:hover, #block-portail-system-main a:hover:not(.views-table a:hover)
{
  color: #d64929 !important;
  cursor: pointer;
  text-decoration: underline;
}


#wrapper {
	background-color: #454136;
    margin: 0 auto;
    text-align: left;
    width: 1140px;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.7);
}

/* HEADER */

#header {
    background: url("https://professionnels.ofb.fr/sites/default/files/logos_frontpage/PortailTechnique__0006_TitreFlux.png") no-repeat scroll center transparent;
    border-bottom: 1px solid silver;
    height: 141px;
}

div#header ul
{
    margin: 0;
    padding: 0.25em 0 0.25em 0;
}

div#header ul li
{
    list-style-type: none;
    list-style-image: none;
    padding: 0;
    margin: 0;
    background-image: none;
}

div#logo a img {
    margin-bottom: 3em;
 /*   margin-left: 2em; */
    margin-left: 10px;
    margin-top: 3em;
}


div#logo {
    float: left;
    width: 20em;

}

ul li {
    /*list-style: none outside none;*/
    /*margin: 0;
    padding: 0;*/
}

div#header ul li {
    background-image: none;
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div#topmenu-position {
    float: left;
}

div#topmenu {
    float: left;
    padding-left: 0;
    width: 43.3em;
}

div#topmenu ul {
    clear: both;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-top: 0.5em;
}

div#topmenu div > div {
    background: url("../images/bg-top-menu.png") no-repeat scroll center top transparent;
    float: left;
    height: 9.2em;
    margin-right: 1em;
    width: 13em;
}

div#topmenu #titre-site-cahiers-techniques {
    background: none;
    height: auto;
    margin-right: 0;
    width: auto;
    margin-top: 49px;
    margin-left: 18px;
}

div#topmenu #titre-site-cahiers-techniques a {
    font-family: "Nunito Sans",sans-serif;
    font-weight: 900;
    color: #003A76;
    font-size: 35px;
    line-height: 20px;
    text-decoration: none;
}

div#topmenu ul li {
    font-weight: bold;
    line-height: 1.5em;
}

div#topmenu ul li {
    font-size: 11px;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

div#topmenu ul li.selected a, div#topmenu ul li a:hover {
    background-color: gray;
    color: white;
}

div#topmenu ul li a {
    color: #4F5241;
    display: block;
    padding-left: 0.5em;
    text-decoration: none;
}

div#topmenu ul li.selected a span, div#topmenu ul li a:hover span {
}

div#topmenu ul li a span {
    padding: 0 10px;
}

#sidebar-left {
    float: left;
	margin: 0;
    position: relative;
    width: 20em;
    z-index: 2;
}

#center {
	margin: 0 -210px;
	margin-left: -20em;
	margin-right: -187px;
	float: left;
	width: 100%;
}

#sidebar-right {
    position: absolute;
    top: 205px;
    margin-left: 713px;
    width: 187px;
    z-index: 2;
    background-color: #d64929;
}

#squeeze {
  margin-right: 187px;
  background-color: #ffffff;
  padding: 1em;
  min-height: 600px;
}



/**
 * Markup free clearing.
 *
 * @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack
 */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* IE6 */
* html .clearfix {
  height: 1%;
}
/* IE7 */
*:first-child + html .clearfix {
  min-height: 1%;
}

#bigfooter-position {
	clear: both;
}

.menu-header {
	background: url("../images/bg-topmenu-title.png") no-repeat scroll 0 0 transparent;
    color: white;
    font-weight: bold;
    padding: 4px 5px 5px 2px;
    white-space: nowrap;
    font-size: 12px;
    width: 162px;
	display: block;
	line-height: 14px;
	margin-left: -2px;
	padding-left: 10px;
}

div#searchbox {
    float: right;
    text-align: right;
    width: 20em;
    margin-top: 10px;
    margin-left: 106px;
}

.hide {
    display: none;
}

input#searchtext {
    background: url("../images/bg-input-searchbox.png") no-repeat scroll 5px center #FFFFFF;
    border: 2px inset #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    height: 25px;
    margin: 1em;
    padding: 0 5px 0 25px;
    width: 155px;
}

input#searchbutton {
    margin-top: -0.1em;
    display: none;
}

div#slogan {
    height: 40px;
    background-image: url("../images/bandeau_web.png");
}

div#slogan h1 {
    visibility: hidden;
    margin: 0;
}

h2 {
	margin: 0;
}

p {
    line-height: 1.5em;
    margin: 0.3em 0;
}


div#breadcrumb{
    border-bottom: 1px solid white;
    color: white;
    padding: 0.5em 0.5em 0.5em 2em;
}

#breadcrumb {
    border-top: 4px solid #d64929;
}

#breadcrumb a {
	text-decoration: none;
}

div#spirale {
    background: url("../images/spirales.gif") repeat-x scroll 5px 0 transparent;
    float: left;
    height: 12px;
    margin-top: -6px;
    width: 80em;
    position: relative;
    z-index: 1000;
}

/* footer */
div#bigfooter {
    background: url("../images/deg_page.gif") repeat-x scroll 0 0 white;
}

div#bigfooter div.box_footer {
    background: url("../images/bg-footer-box.png") no-repeat scroll center top transparent;
    float: left;
    height: 9em;
    margin-left: 105.5px;
    margin-top: 1em;
    padding-top: 0;
    width: 197px;
}

div#bigfooter div.box_footer h2 {
    background: url("../images/bg-title-footer-box.png") no-repeat scroll center center transparent;
    color: #FFFFFF;
    font-size: 1em;
    line-height: 23px;
    margin-bottom: .5em;
}

div#bigfooter div.box_footer h2 span {
	padding-left: 10px;
    white-space: nowrap;
}

div.content-box-footer {
    color: #605F4D;
    font-size: 11px;
    padding: 0 15px;
}

p.text-left {
    text-align: left;
}

div.content-box-footer ul li a, div.content-box-footer a {
    background: url("../images/bg-link-brown.png") no-repeat scroll left center transparent;
    color: #605F4D;
    font-weight: bold;
    padding-left: 15px;
    text-decoration: underline;
}

div.content-box-footer ul, div.content-box-footer ol {
    margin: 0.75em 0 1em 0;
    padding: 0;
}

div.content-box-footer ul li {
	list-style: none outside none;
    margin: 0;
    padding: 0;
}

/* newsletter */
div#newsletter ul {
    background: url("../images/picto_newsletter.gif") no-repeat scroll left center transparent;
    list-style: none outside none;
    margin: 0;
    min-height: 45px;
    padding: 0 0 0 5em;
}

div#newsletter a#inscription {
    background: url("../images/li_abo.gif") no-repeat scroll 0 6px transparent;
}

div#newsletter a#inscription, div#newsletter a#consultation {
    line-height: 15px;
    padding-left: 15px;
}

div#newsletter a#consultation {
    background: url("../images/li_latest.gif") no-repeat scroll 0 5px transparent;
}
/* newsletter */

li {
    line-height: 1.5em;
}



div#footer {
    background-color: #352D22;
    clear: both;
    color: white;

    padding: 0.5em;
}

div#footer address {
    display: inline;
    font-style: normal;
    text-align: left;
}

div#footer #footer_links, div#footer #footer_links {
    float: right;
}

div#footer #footer_links ul {
    margin: 0;
    padding: 0;
}

div#footer #footer_links ul li {
    float: left;
}

div#footer #footer_links ul li {
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div#footer #footer_links ul li a {
    border-left: 1pt solid silver;
    color: white;
    font-size: 0.95em;
    font-weight: bold;
    padding: 0 5pt;
    text-decoration: none;
}

div#sidebar-left h4 {
    background-color: #d64929;
    color: white;
    margin: 0;
    padding: 0.5em 0 0.5em 0.9em;
}

.block-menu ul {
    list-style-type: none;
    margin: 0;
}

div.block-menu ul.menu {
    border-top: 1pt solid white;
}

li.leaf {
	 list-style-image: none;
	 list-style-type: none;
}

#sidebar-left h4 {
  --font-size-h4: 1.1em !important;
}

#sidebar-left h4 a {
  color: white;
  text-decoration: none;
}

#sidebar-left ul {
	border-top: 1pt solid white;
	padding: 0;
}

.block-menu ul li {
	background-image: none;
    list-style-image: none;
    list-style-type: none;
    margin: 0.25em 0;
    padding: 0;
}

.block-menu ul li a {
	background-position: 1em 0.6em;
    background-repeat: no-repeat;
    color: white;
    display: block;
    line-height: 2em;
    padding-left: 2em;
    text-decoration: none;
    background-image: url("../images/menu_li.gif");
}
/* menu actif */
.block-menu ul li a.is-active {
    background-color: #d64929;
    font-weight: bold;
    background-image: url("../images/menu_li_selected.gif");
    color: white;
}

.block-menu ul li a:hover {
    background-color: #d64929;
    background-image: url("../images/menu_li_selected.gif");
}

h2.main-title {
	color: #d64929;
	border-bottom: 2px dotted #d64929;
	font-size: 1.5em;
	margin-bottom: .5em;
}

/* Right column blocks display */
.block-sidebar-second {
	width: 168px;
	margin: 0 auto;
	margin-top: 2em;
	border: 1px solid orange;
	background: url('../images/bg_infobox.png') repeat-y;
}

.block-sidebar-second h3 {
	margin: 0;
	font-size: 1em;
	color: #FFFFFF;
	padding: 0.25em .5em;

}
.block-sidebar-second.block-views h3.search {
    background: url('../images/btn_search.png') 150px 5px no-repeat transparent;
}

.block-sidebar-second div.content {
	padding: 5px;
	background-color: #FFFFFF;
}
.block-tag-sphere div.content{
    overflow: hidden;
    padding: 0;
}

.block-sidebar-second form label {
	font-size: 11px;
	color: #d64929;
	margin: .25em 0;
}

.block-sidebar-second form input:not(#edit-field-ct-authors-target-id--2) {
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  padding: 0.4em 1em;
  background: url(../images/btn_search_submit.png) 0 0 no-repeat transparent;
  border: none;
}


.views-exposed-form .views-exposed-widget {
	float: none;
	text-align: center;
	padding: 0;
}

.views-exposed-form .views-exposed-widget label {
	float: left;
}

.views-exposed-form .views-exposed-widget .form-submit {
	margin-top : .5em;
	padding: .5em 1em;
  cursor: pointer;
}

select.form-select {
	width: 200px;
	border: none;
	font-size: 12px;
	background-color: #d9d9d9;
}

.block-sidebar-second form select.form-select {
	background: url('../images/bg_search_select.png') 0 0 no-repeat #fff;
}

.views-widget {
	width: 150px;
	overflow: hidden;
}

#sidebar-right-bgcolor {
	background-color: #d64929;
	margin-left: 20em;
}

#social-network {
    float: right;
    margin-right: 15px;
    text-align: right;
    width: 45em;
    margin-top: -30px;
}

/* formulaire contact */
.contact-form input {
	width: 350px;
}


.contact-form input[type=submit] {
	width: 150px;
}

.contact-form input[type=checkbox] {
    width: 0px;
}

/** vue taxo term */

.view-taxonomy-term table {
	width: 100%;
}
/*hide toolbar admin partie FO*/
#block-portail-navigationprincipale-menu, .visually-hidden.focusable.skip-link, #toolbar-administration{
  display: none;
}

.toolbar-anti-flicker.toolbar-loading.toolbar-fixed.toolbar-horizontal.toolbar-tray-open body{
  padding: 0 !important;
}


/****************************css tableau home**********/
table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

thead a {
  color: #ffffff;
  text-decoration: none;
  font-size: 11px;
}

thead th {
  background: url(../images/bg_tbl_search_header.png) repeat-x transparent;
  color: white;
  text-align: left;
  font-weight: bold;
  height: auto;
}
thead th a
{
  color:white !important;
  cursor: pointer;
}

thead th a:hover
{
  color:white !important;
  cursor: pointer;
  text-decoration: none;
}

th > a:hover:after, th > a:focus:after, th.is-active > a:hover:after, th.is-active > a:focus:after {
  border-bottom-color: transparent;
}

th.is-active > a:after {
  border-bottom-color: #454136;
}

.sortable-heading.is-active > a {
  color: #ffffff !important;
}
.sortable-heading.is-active > a::before {
  border-bottom: 0.1875rem solid #ffffff !important;
}

.tablesort--asc {
  opacity: 1;
  background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 10 12'%3e%3cpath d='M5 .44L.719 4.718 1.78 5.78 4.25 3.313v7.937h1.5V3.312l2.469 2.47L9.28 4.718 5 .439z' fill='%23454136'/%3e%3c/svg%3e);
}

.tablesort--asc {
  opacity: 1;
  background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 10 12'%3e%3cpath d='M5 .44L.719 4.718 1.78 5.78 4.25 3.313v7.937h1.5V3.312l2.469 2.47L9.28 4.718 5 .439z' fill='%23454136'/%3e%3c/svg%3e);
}

.tablesort {
  position: absolute;
  top: 50%;
  inset-inline-end: 1rem;
  width: 0.875rem;
  height: var(--space-m);
  margin-block-start: -0.5rem;
  opacity: 0.5;
  background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 10 12'%3e%3cpath d='M5 .44L.719 4.718 1.78 5.78 4.25 3.313v7.937h1.5V3.312l2.469 2.47L9.28 4.718 5 .439z' fill='%23454136'/%3e%3c/svg%3e);
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto;
}

tr td:first-child {
  text-align: center;
}

td {
  padding: 0 !important;
  border: none;
  vertical-align: top;
  letter-spacing: -0.5px;
}

tr {
  background-color: #ffffff;
}
tr:nth-child(even) {
  background-color: #ffe9ca !important;
}

tr:hover {
  background-color: #f0f0f0;
}

.numero {
  text-align: center;
  font-weight: bold;
  width: 50px;
}

.titre {
  width: 35%;
}

.titre a {
  color: #1976d2;
  text-decoration: none;
}

.titre a:hover {
  text-decoration: underline;
}

.theme {
  width: 25%;
  font-size: 0.9em;
}

.date {
  text-align: center;
  width: 80px;
  font-size: 0.9em;
}

.disponibilite {
  text-align: center;
  width: 100px;
}

.btn {
  padding: 6px 12px;
  background-color: #d32f2f;
  color: white;
  text-decoration: none;
  border-radius: 4px;
  font-size: 0.9em;
  transition: background-color 0.3s;
}

.btn:hover {
  background-color: #b71c1c;
}

.btn.commander {
  background-color: #ff9800;
}

.btn.commander:hover {
  background-color: #f57c00;
}


@media (max-width: 768px) {
  .container {
    padding: 10px;
  }

  table {
    font-size: 0.8em;
  }

  th, td {
    padding: 6px 4px;
  }

  .titre {
    width: 40%;
  }

  .theme {
    width: 20%;
  }
}


.feed-icon{display: none}