/* -------------  DPCalendar countdown -----------------*/
.mod-dpcalendar-counter__link.dp-link {  
font-weight: bold;
}
/*.mod-dpcalendar-counter__upcoming { 
margin-left: auto;
margin-right: auto;
width: 65%
}*/

/* ----- DPCalendar mini  ---- */
.fc-toolbar-chunk > h2 {
padding: 30px 0px 30px;
background-size: 0px 0px;
}


/* ------------------- DPCalendar --------------------------------*/
.dp-calendar__links {
display: none;
}
dl.com-dpcalendar-calendar__calendar-description.dp-description.dp-calendar {
float: left;
  width: 15%;
margin: 2px 0.1%;
}


.theme-light .nivo-caption {
  background-color:#FFF;
  color:#000;
  }
body {
	margin: 0;
/*	font-family: 'Roboto', sans-serif; 
  font-family: 'Raleway', sans-serif;
	font-family: 'Big Shoulders Stencil Display', cursive;
   font-family: 'Noticia Text', serif; */
  font-family: 'Noto Sans JP', sans-serif;

  font-size: 16px;
	line-height: 18px;
	color: #000;
	background-color: #fff;
}
.body .container {
  background: #fbf7eb;
  padding:0px 10px 0px 10px;
 }
.page-header {
	padding-bottom: 8px;
	margin: 0px 0 27px;
	border-bottom: 0px solid #eee;
}
p {
line-height: 1.5em;
margin: 20px;
}

p > a {
	color: #8a702a;
	text-decoration: underline #e7ddc3;
}

ul {
list-style-type: '-   ';
margin: -20px 130px;
}
ul > li > a {
  line-height: 1.4em;
font-size: 0.89em;
font-weight: bold;
  color: #a17500;
} 

ul > li > ul > li > a {
  line-height: 1.4em;
font-size: 1.3em;
font-weight: normal;
/* color: #b88500;  */
} 


ul.menu {
list-style-type: ". ";
  color: #cca641;
margin: 0px 10px;
}
ul.unstyled {
list-style-type: none;
margin: 0px 10px;
}


div.custom a {
	color: #8a702a;
	text-decoration: underline #e7ddc3;
}

.site{
  border:0px;
  padding:0px;
}

body.site{
  border:0px;
  padding:0px;
}

h1 {
  //font-family: 'Raleway', sans-serif;
  font-size: 24px;
  font-weight: normal;
  color: #cca641;
  line-height: 0px;
}
h2 {
  //font-family: 'Raleway', sans-serif;
  font-size: 22px;
  font-weight: normal;
  color: #cca641;
  line-height: 10px;
padding: 40px 90px 37px;
background-image: url(/images/PictoRobinetBullesOceane.png);
  background-repeat: no-repeat;
  background-position: left;
 background-size: 88px 59px;
  //padding-right: 18px;
}
h3 {
  //font-family: 'Raleway', sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #a17500;
  line-height: 10px;
}

ul.breadcrumb{
font-style: italic;
font-size: 13;
}
.breadcrumb {
	padding: 8px 15px;
	list-style: none;
	background-color: transparent;
position: relative;
top: -15px;
	}

.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #ede6d3;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}
.well > ul {
list-style-type: '-";
}
.bulle_accueil {
float: left;
  width: 23%;
margin: 9px 0.8%;
background-color: #ede6d3;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}

/* General slider styles */
#djslider-loader155.djslider-loader.djslider-loader-default {
	margin-bottom: 30px;
	
}
/*            même ajout dans djimagesider.css car non supplnaté par custom css. en cas de mise à jour de djimageslider, changer top et left comme ci dessous  */
.slide-desc-bg-default {
	position:absolute;
	top: 27;
	left: -10;
	width: 100%;
	height: 100%;
	background: RGBA(0,0,0,0.65);
}
/*  ****************** ajout rmyzen  *******************   */
/* cadre avec ombre pour module annonce   */
.ombrebox {
  width: 80%;
  border: 1px solid #333;
  box-shadow: 8px 8px 5px #444;
  margin:40px auto;
  padding: 8px 12px;
  background-image: linear-gradient(180deg, #FBF7EA, #DBD7CA 40%, #CBC7AC);  /* ex   180deg, #fff, #ddd 40%, #ccc   */
}
/* flottement div bloc gauche bg ; bloc droit bd */
.bg{
float: left;
width: 330px;
margin-left:40px;
}
.bd{
float: left;
width: 330px;
margin-left:40px;
}
/* flottement div bloc gauche bg ; bloc droit bd (avec categ sidebar) */
.ag{
float: left;
width: 240px;
margin-left:20px;
}
.ad{
float: left;
width: 240px;
margin-left:20px;
}
/* centrage image    */
.imgcentre{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.contenu {
    width: 100%;
    padding: 20px;
}
.clear {
    clear: both;
    height: 0; overflow: hidden;
}

/*   ***************** fin ajout ********************* */
pull-left {
 // margin:0px;
}

input,
textarea,
.uneditable-input {
	width: 90%;
}

.brand.pull-left {
  float: left;
  clear: left;
}

/* ************* ajout Christophe site-decription  et tableaux **************** */
.site-description {
//font-family: "Open Sans", sans-serif;
font-size: 0.9em;
//font-weight: bold;
font-style: italic;
color : #a68f51;
//text-shadow : 1px 1px 3px #000;
position : relative;
top :-35px; left : 160px;
text-align: left;
}
.brand:hover {
	color: #000;
	text-decoration: none;
}
table {
font-size: 17px;
}
.img_ronde {
  /* width:200px;*/
   -webkit-clip-path: circle(50% at 50% 50%);
}
/*       *********** fin ajout ***********    */

.header-inner {
  background-image: url('/images/entete_tranche_1px.jpg');
  background-repeat-x: repeat;
  height: fit-content;
}

.navbar.pull-left {
 // margin-top:-50px;
  float:left;
}


.nav-collapse {
  margin-top: 0px;
  float: left;
  clear: none;
}
.nav-collapse.in.collapse {
  padding:0px;
  clear: both;
}

.navbar.pull-left {
  margin-top: 0px;
  float: left;
}


form {
    margin: 0 0 0px;
}

.navigation {
    padding: 0px 0;
    border-top: 0px;
    border-bottom: 0px;
    margin-bottom: 0px;
}


.djslider-loader-default { 
  max-height: 381px;
}

.header {
  padding-bottom: 5px;
  margin-bottom: 7px;
  background-color: #ede6d3;
}

.container {
    max-width: 1200px;
}

.clear-fix {
  clear:both;
}

.header-container {
  position: relative;
  min-height: 60px; 
  text-align: center;
}

.absolute-left{
  position:absolute;
  margin-left: 13%;
  left:5px;
  top:0px;
}
.absolute-right{
  position:absolute;
  right:5px;
  top:25px;
}

.navbar {
    margin-bottom: 0px;
}

.dj-select {
  margin:0px !important;
}




.dj-main, .dj-main li a.dj-up_a, .dj-main li a.dj-up_a span {
  background: transparent !important;
 /* height: 15px !important;*/
  color:#b89539!important;            /* -------------------------------Couleur Menu ------------------*/
  line-height: auto !important;
  font-family: "Open Sans", sans-serif;
  font-size: 1.02em !important;
  padding: 0 10px 0 0 !important;
}





.dj-main li.hover ul.dj-submenu {
  background: transparent !important;
  width: auto !important;
  border: 0px !important;
}

.dj-main li.hover ul.dj-submenu li {
	background: transparent !important;
}





.dj-main li.hover ul.dj-submenu li a:hover, .dj-main li ul.dj-submenu li a.active, .dj-main li ul.dj-submenu li li a.active, .dj-main li ul.dj-submenu li li li a.active {
  color: #000 !important;
}

.dj-main ul, .dj-main li.hover ul ul, .dj-main li.hover li.hover ul ul, .dj-main li.hover li.hover li.hover ul ul, .dj-main li.hover li.hover li.hover li.hover ul ul{
  text-align: left !important;
}

.dj-main li.active li a.dj-up_a, .dj-main li.active a.dj-up_a span{
  color: #8e7a44 !important;     /* ----------------------------------------- Couleur Menu sélectionné -------------------------------------  */  
  padding: 0px !important;
}


.dj-drop{
  padding-left: 12px !important;
  background: transparent url('/images/fleche_bas_10px_new.png') no-repeat left 50% !important;
  min-height: 20px !important;

 /* text-decoration: underline;*/
}

.dj-main li a.dj-up_a span.dj-drop {
  padding-left: 12px !important;
  background: transparent url('/images/fleche_bas_10px_new.png') no-repeat left 50% !important;
  min-height: 20px !important;
}


.dj-main li.hover ul.dj-submenu li a {
   background: #fbf7e9 !important;
	font-size: 0.8em !important;
	width: auto !important;
	line-height: auto !important;
	color:#b89539 !important;            /* --------------------------- couleur sous menu ----------------------------- */
	border: 0px !important;
	padding-left: 5px;
}

footer .mod-list li {
  display: inline-block !important;
  padding: 0 5px;
}

footer .nav {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  text-align: center;
}


@media (min-width: 768px) {
  .header .nav.pull-right, .header-search {
      float: right;
      display: block;
  }

    .absolute-right{
/* valeur  ICI pour modifier la position du champs de recherche dans le format responsive le moins large  */
    top:35px !important;
  }
   .navigation {
    padding: 0px 0;
  }

}

@media (min-width: 979px) {
  .absolute-right{
/* valeur  ICI pour modifier la position du champs de recherche dans le format responsive intermediaire  */
    top:60px !important;
  }
    .nav-collapse.in.collapse {
    margin-top: -20px;
  }
  .absolute-left{
    margin-left: 13%;
    left:20px;
    top:5px;
  }
     .navigation {
    padding: 0px 0;
  }

}

@media (min-width: 1200px) {
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
   width: 1200px;
  }
  .nav-collapse.in.collapse {
    margin-top: 0px;
  }
    .absolute-right{
/* valeur  ICI pour modifier la position du champs de recherche dans le format responsive le plus large  */
      top:80px !important;
  }
   .absolute-left{
    margin-left: 21%;  /* -----------------------------------------------------  Position du menu--------------------------------------------------------- */
    //left:35px;
   // top:63px;
  }
   .navigation {
    padding: 15px 0;
  }

}