/*****************************************************************
*  File         : sty-merle-bootstrap-2023-02-25-tomato.css
*  Author       : G.Florimond 
*  Society      : Caruso Asso
*  site web     : Vignobles Merlet
*  DCreate      : 15/10/2019
*  DMAJ         : 25/02/2023
*****************************************************************/
/* la couleur peut être initialisée avant */
/* bordeaux orange #D94436 */
/*:root{--couleur-lien: rgb(217,68,54);}  tomato */
#test1{
	color:rgb(217,68,54);;
}
.container{
	margin:0; padding:0;
	margin-right:auto;
	margin-left:auto;
	/*padding-right:15px;padding-left:15px;*/
}
@media (min-width:768px){
	.container{width:750px;border:#fff dashed 1px;}
}
@media (min-width:992px){
	.container{width:970px;border:#FC9 dashed 1px;}
}
@media (min-width:1200px){
	.container{width:1170px;border:#F69 dashed 1px;}
}
@media (min-width:1400px){
	.container{width:1200px;border:#F03 solid 1px;}
}
.navbar-toggle{margin-top:2px; margin-bottom:8px;border-color:#ddd;}
.navbar-toggle:hover,.navbar-toggle:focus{background-color:#ddd}
.navbar-toggle .icon-bar{background-color:#888}
.navbar .navbar-toggle:hover,.navbar .navbar-toggle:focus{background-color:#ddd;}
.navbar .navbar-toggle .icon-bar{background-color:#888}
#mynavbar {
	font-size:12px;width:auto;line-height:37px;
	padding:0;margin:0;background-color:transparent;
}
#mynavbar {line-height:40px;}
/*#mynavbar {border:#9C0 dashed 2px; }*/
/*.dropdown-menu{z-index:9999}*/
.bg_grisbleu {background-color: rgba(23,26,28,.6);}
.col_vert {color:#70c989;}
/* lien -> tomato au lieu de color:#b0976d */
/*nouveau mode de codage pour le design*/
/*remplacer navbar par navbar */
.navbar{
	margin:0; padding:0;
	font-family:'PT Sans', sans-serif;
	font-size:12px;
	text-align:left;
	z-index:999999; /*YOUPI ! */
	border:none;
	background-color:transparent;
}
/* on flaire ... */
.navbar .navbar-header{border:none} /*inutile*/
.navbar .navbar-brand{color:#777}
.navbar .navbar-brand:hover,.navbar .navbar-brand:focus{color:#5e5e5e;background-color:transparent}
.navbar .navbar-text{color:#777}
/*ajout background-color:29292a;*/
.navbar .navbar-nav {
	font-family:'PT Sans', sans-serif;
	margin:0 0 0 0; 
	padding:0;
	background-color:transparent;
	font-size:12px;
}
.navbar .navbar-nav>li>a{
	color:#eee; padding:6px 2px; margin:0 8px;
	background-color:transparent;
	font-size:12px;
}

/*un peu d'effet*/
.navbar .navbar-nav>li>a{
	-webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.navbar .navbar-nav>li>a:hover,.navbar .navbar-nav>li>a:focus{
	color:rgb(217,68,54);;
}
.navbar .navbar-nav>.active>a,.navbar .navbar-nav>.active>a:hover,.navbar .navbar-nav>.active>a:focus{
	text-decoration: none;
	color:rgb(217,68,54);
	background-color:transparent;
}
.navbar .navbar-nav>.disabled>a,.navbar .navbar-nav>.disabled>a:hover,.navbar .navbar-nav>.disabled>a:focus{
	color:#ccc;
}
.navbar .navbar-form{border-color:#e7e7e7}
.navbar .navbar-nav>.open>a,.navbar .navbar-nav>.open>a:hover,.navbar .navbar-nav>.open>a:focus{
	color:rgb(217,68,54);
	background-color:transparent;
}
/* EN TEST */
/*.dropdown-menu > li:not(.active) > a{color: #99FF66}*/
/* COMMUN*/
/*.navbar .navbar-nav .open .dropdown-menu {border:#36F dashed 1px;}*/
.navbar .navbar-nav .open .dropdown-menu {background-color:rgba(23,26,28,.8); padding-top:0}
.navbar .navbar-nav .open .dropdown-menu li>a{background-color: #3E3E3E;color: #ddd;}
.navbar .navbar-nav .open .dropdown-menu li.active >a{color:tomato;} /*color:rgb(176, 151, 109)*/

/* FLOAT collapse */
@media (max-width:767px)
{
#mynavbar{background-color: transparent;margin-top:0px; padding:0}/*border: none; */
.navbar .navbar-nav {float:right; max-width:250px; min-width:200px; margin:0; padding:0;background-color:#999;}
.navbar .navbar-nav {border-top:rgb(217,68,54)  solid 2px;}/* doré b0976d - tomato*/
.navbar .navbar-nav {border-bottom:#6CC solid 2px;} /*debug*/
.navbar .navbar-nav >li>a{color:#fff;background-color:#383737;line-height:40px; height:40px; border-bottom:#212122 solid 1px;} /*z-index: 999999;*/
.navbar .navbar-nav >li>a{margin:0;padding:0 10px} /*.ajout*/
.navbar .navbar-nav .dropdown-menu{background-color:rgb(176, 151, 109);}/*ocre*/
.navbar .navbar-nav .dropdown-menu{z-index:999999}
/*.navbar .navbar-nav .open .dropdown-menu {border:#099 solid 2px; }*/
/*.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}*/
.navbar .navbar-nav .open .dropdown-menu>li>a{color:#777; background-color:rgb(176, 151, 109);z-index:999999}
.navbar .navbar-nav .open .dropdown-menu>li>a:hover,.navbar .navbar-nav .open .dropdown-menu>li>a:focus{z-index:999999;color:#333;background-color:#eee}
.navbar .navbar-nav .open .dropdown-menu>.active>a,.navbar .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}
.navbar .navbar-nav .open .dropdown-menu>.disabled>a,.navbar .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:#eee}
.navbar-collapse{border-top:2px solid #242424;}/*en test*/
}
@media screen and (min-width:768px) {
	/*.navbar .navbar-nav {border: 2px orangered dashed}$*/
	.navbar .navbar-nav .dropdown-menu{top:100%;left:9px;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;border:none;}
	.navbar .navbar-nav .open .dropdown-menu {border-top:rgb(217,68,54) solid 3px;} /*#b0976d */
	.navbar .navbar-nav .open .dropdown-menu>li>a{margin:0;padding-top:9px; padding-bottom:9px;border-bottom:1px solid #313030}
	.navbar .navbar-nav .open .dropdown-menu>li>a:hover,.navbar .navbar-nav .open .dropdown-menu>li>a:focus{color:rgb(176, 151, 109);background-color:#383838;}/*en test*/
}
/*phone bleu*/
@media screen and (min-width:768px) and (max-width:992px){
	.navbar .navbar-nav {font-size:12px;margin-left:0px; }
	.navbar .navbar-nav  {width:auto;} /*util ? */
	 /* normal29292a */
	.navbar .navbar-nav>li>a:hover,.navbar .navbar-nav>li>a:focus{border-top:3px rgb(217,68,54) solid ;} /*hover #b0976d - tomato*/
	.navbar .navbar-nav .dropdown-menu{}
	.navbar .navbar-nav .open .dropdown-menu {font-size:12.5px; border-top:rgb(217,68,54) solid 3px;} /*#b0976d */
	.navbar .navbar-nav .open .dropdown-menu>li>a{font-size:12.5px;}
	.navbar .navbar-nav .open .dropdown-menu>li>a:hover,.navbar .navbar-nav .open .dropdown-menu>li>a:focus{color:rgb(176, 151, 109);background-color:#383838;}/*en test*/
}
/*tablet ORANGE MARRON*/
@media screen and (min-width:992px) and (max-width:1199px){ 
	/*.navbar .navbar-nav { border:#F09 solid 1px}*/
	.navbar .navbar-nav {font-size:13px;margin-left:0px;  }
	.navbar .navbar-nav > li >a{ color:#eee; border-top:3px solid transparent;}  /*#29292a normal*/
	.navbar .navbar-nav>li>a:hover,.navbar .navbar-nav>li>a:focus{border-top:3px solid rgb(217,68,54);} /*#b0976d hover */

	.navbar .navbar-nav .dropdown-menu{}
	.navbar .navbar-nav .open .dropdown-menu {font-size:12.5px;} 
	.navbar .navbar-nav .open .dropdown-menu>li>a{font-size:12.5px;}
}
/*ordi*/
@media screen and (min-width:1200px) and (max-width:1399px){ 
	.navbar .navbar-nav {font-size:13px;margin-left:0px; }
	.navbar .navbar-nav > li >a{ color:#eee; border-top:3px solid transparent;} 
	.navbar .navbar-nav > li  >a{margin:0 12px;} /* ?? */
	.navbar .navbar-nav > li >a{ color:#eee; border-top:3px solid transparent;}  /* #29292a normal*/
	.navbar .navbar-nav>li>a:hover,.navbar .navbar-nav>li>a:focus{border-top:3px solid rgb(217,68,54);} /*hover #b0976d*/
	.navbar .navbar-nav .dropdown-menu{}
	.navbar .navbar-nav .open .dropdown-menu {font-size:12.5px;} 
	.navbar .navbar-nav .open .dropdown-menu>li>a{font-size:12.5px;}
}
/*XL*/
@media (min-width:1400px){
	.navbar .navbar-nav {font-size:13px;margin-left:0px; }
	.navbar .navbar-nav > li >a{ color:#eee; border-top:3px solid transparent;}  /* #29292a normal*/
	.navbar .navbar-nav>li>a:hover,.navbar .navbar-nav>li>a:focus{border-top:3px solid rgb(217,68,54);} /*hover #b0976d*/
	.navbar .navbar-nav .dropdown-menu{}
	.navbar .navbar-nav .open .dropdown-menu {font-size:13px;} 
	.navbar .navbar-nav .open .dropdown-menu>li>a{font-size:13px;}
}

.navbar .navbar-link{color:#777}
.navbar .navbar-link:hover{color:#333}
.navbar .btn-link{color:#777}
.navbar .btn-link:hover,.navbar-default .btn-link:focus{color:#333}
.navbar .btn-link[disabled]:hover,fieldset[disabled] .navbar .btn-link:hover,.navbar .btn-link[disabled]:focus,fieldset[disabled] .navbar .btn-link:focus{color:#ccc}
.navbar-collapse.collapse {z-index:999999;position: relative;}

.navbar-collapse.in {
	/*overflow-y: auto;*/
	/*overflow:none;*/
}
  
/* columns of same height styles */  
.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.col-height {
  display: table-cell;
  float: none;
  height: 100%;
}
.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}
/*on surcharge bootstrap*/
/* attention, à mettre à jour ! */
ol.breadcrumb {
	background-image:none;
	padding:8px 15px;
	margin:0;
	/*padding: 10px 15px 10px 4px;*/
	list-style:none;
	background-color:transparent;
	/*background-color:#333;bootstrap - >f5f5f5 */
	border-radius:4px;
	font-size:12px;
	vertical-align:middle;
	/*border:white dashed 2px;background-color:#444;*/
}

ol.breadcrumb a:link, .ol.breadcrumb a:visited {color: #aaa;}
ol.breadcrumb a {color: #aaa;}
ol.breadcrumb>li+li:before{padding:0 5px;color:#888;font-size:12px;content:"\203A"}
ol.breadcrumb>li{display: inline-block;}
ol.breadcrumb>.active{color:#777}