/* ---------------------------------------
	Custom styling
-----------------------------------------*/

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('../fonts/OpenSans-CondensedLight.woff2') format('woff2'),
        url('../fonts/OpenSans-CondensedLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Letter Gothic Std';
    src: url('../fonts/LetterGothicStd.woff2') format('woff2'),
        url('../fonts/LetterGothicStd.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


body {
	/*color: #363636;
	text-align: left;
	line-height: 20px;
	font-size: 12px;
	font-family: Segoe UI, sans-serif;*/
  	font-family: 'Open Sans Condensed',Arial, sans-serif;;
	text-align: left;
	font-size: calc(0.3em + 1vw);
	color: #666666;
    line-height: 1.3em;
    background-color: #C0C0C0;
}

a { /* liens*/
	color:#464440;
    text-decoration: none;
}

 a:hover {
	color: #D7391F;
}

h1, div.componentheading {
/*font-size: 22px;*/
  font-family: "Open Sans Condensed", Arial, sans-serif;
  font-weight: 200;
  text-transform: uppercase;
  font-size: 35px;
  /*color: #615e59;*/
  color: #464440
}

h2, div.contentheading {
	font-size: 35px;
    font-family: "Open Sans Condensed", Arial, sans-serif;
    font-weight: 200;
    text-transform: uppercase;
    color: #464440
}

h3 {
	font-size: 22px;
    font-family: "Open Sans Condensed", Arial, sans-serif;
    font-weight: 200;
    text-transform: uppercase;
    color: #464440
}

.container-header .container-nav {
    flex-wrap:wrap;
    justify-content:space-between;
    padding-bottom: 0;
}

.container-header .mod-menu {
    color: #fff;
    flex: 1 0 100%;
    margin-bottom: -7px !important;
    padding: 0;
    list-style: none;
    font-size: 18px;
  }

.container-header { /* entête */
	background:  url(/images/img_site_PierreBornandV5/header2.jpg);
	background-size: contain;
    background-color: #282828;
	margin-right: 0;
   position: relative;
   width:100%;
   background-repeat: no-repeat;
   background-position: right;
}

.container-header .navbar-brand a {
  font-family: 'Letter Gothic Std';
  /*font-weight: 200;*/
  color: #d7391f;
  text-transform: uppercase;
  font-size: 22px;
  text-decoration: none ;
}

@supports (display:grid) {
  .formulaire  .site-grid { /*custom style pour formulaires contact et login*/
    /*grid-gap:0 1em;*/
    margin-left:25%;
    margin-right:25%
    }
  }

.accueil { /*style pour fond de page accueil*/
    background-color:#db471d; 
}

.ph-si-category {
    display: none;
    }

/*.button, button, button.btn, input.btn, :not(.btn-group) > .btn, .btn-group > .btn.active {
    border: none;
	background: #eb5926;
	color: #ffffff;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}

.button:hover, button:hover, button.btn:hover, input.btn:hover, .btn:hover {
	background: #d7391f;
}

.invalid {border: red;}
                
input.inputbox, .registration input, .login input, .contact input, .contact textarea,
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border: none;
	border: #bebebe 1px solid;
	color: #bebebe;
	padding: 4px;
	text-align: left;
}

input:focus, input.inputbox:focus, .registration input:focus, .login input:focus, .contact input:focus, .contact textarea:focus,
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	border: #000000 1px solid;
}

div.inner { 
	background:  url(../images/img_site_PierreBornandV5/fond_article_V5.png) center     center no-repeat;
	position: absolute;
   z-index: 0;
   width: 100%;
   min-height: 100%;
   left: 0;
   top: 0;
   cursor:default;
   overflow:hidden;
   background-repeat: no-repeat;
   background-position: 50% 400px;
}
*/