@font-face {
	font-family: 'themify';
	src:url('../fonts/themify.eot?-fvbane');
	src:url('../fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'),
		url('../fonts/themify.woff?-fvbane') format('woff'),
		url('../fonts/themify.ttf?-fvbane') format('truetype'),
		url('../fonts/themify.svg?-fvbane#themify') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'd-dinregular';
    src: url('../fonts/d-din.woff2') format('woff2'),
         url('../fonts/d-din.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'd-din_condenseddinCnBd';
    src: url('../fonts/d-dincondensed-bold.woff2') format('woff2'),
         url('../fonts/d-dincondensed-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

} @font-face {
    font-family: 'd-din_condensedregular';
    src: url('../fonts/d-dincondensed.woff2') format('woff2'),
         url('../fonts/d-dincondensed.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
   font-family: 'd-din_condensedregular', sans-serif;
	height: 100%;
   color:#231F20;

}
h1,h2,h3 {
   font-family: 'd-din_condensedregular', sans-serif;
   font-size: 14px;
   font-weight: normal;
}
h1 { margin-top:0;font-size: 16px;
	font-weight:500; text-transform:uppercase; color:#000;font-weight:bold;background: transparent url(../img/filet-h-noir.png) no-repeat  0 100%;padding-bottom:1rem;
}
h3.spip {font-size: 14px;}

div.container h2 {margin-top:5px}

b, strong {
    font-weight: 700;
}


/* liens par défaut en gris */
a {
   color:#7B7979;
   color:rgb(152,148,148); /*gris*/
}

a:hover, a:focus, a:active {
   background:none;
   color:rgb(0,50,210); /*bleu */
   text-decoration:none;
  }

a.spip_out::after{
content:none;
}

/*SN 17/11/16 */
div.zglobal {display:flex;}
div.zglobal2 {margin:auto;}

/**************************/
/******* menu bootstrap *******/
/************************/
.navbar { background-color: transparent; border: 0; width: 100%; border-radius: 0;margin-top:0;margin-bottom:0;padding-bottom:0;}
.container .navbar-header { margin: 0; padding: 0; }


.jetmenu-wrapper {width:100%;}
.jetmenu > li.showhide span.title {display:none;}


.navbar .jetmenu > li > a { 
	 font-size: 22px;
	  font-family: 'd-din_condensedregular';
	 text-transform: uppercase;
	 outline: none; 
	 color:#000; font-weight:bold;  
}

/*.navbar-default .jetmenu li:last-child a { margin-right:0; }*/

.navbar .jetmenu > li > a:hover, .navbar .jetmenu > li > a.on {
   /*background: transparent url(../img/filet-menu2.png) no-repeat 50% 25px;*/color:#000;
   color:#7B7979;
   font-family: 'd-din_condenseddinCnBd', sans-serif;font-family: 'd-din_condensedregular', sans-serif;
}
.navbar-collapse { border: 0;}
.jetmenu > li.showhide {background:transparent;color:#000;height: 30px;}

.jetmenu > li.showhide span.icon {
margin: 0px 0px; 
}
.jetmenu > li.showhide .icon em {
   background:#000;
   width: 24px;
   height: 1px;
   margin-bottom: 5px;
}
/*
.jetmenu > li.showhide {
background-color:white;
    margin-right: auto;
}
.jetmenu a {
background-color:white;
}
*/

ul.jetmenu {
   z-index:1000;
}

.megamenu .col {
    padding: 0px;
}


/**** logo
.navbar-header a {width:27px; padding-top: 0; outline: none; outline: 0;margin:0; display:block; text-align:left; }
.navbar-brand img.navbar-brand-creanog { width: auto; } ****/

/*** menu gauche ***/
.menu-lang { 
  font-family: 'd-din_condenseddinCnBd';    font-family: 'd-dinregular';list-style:none;margin:0;padding:0;color:#9d9d9c; 
}
/*.menu-lang  li:last-child::before  {content:'-';float:left;margin-right:5px; }*/
.menu-lang .nav-link {padding: .5rem .5rem !important;} 
.menu-lang,.menu-lang a {color:#000; font-family: 'd-dinregular';color:#9d9d9c; font-size:13px;}
.menu-lang a:hover , .menu-lang a.on,.menu-lang {
  color:#000;
}
.menu-lang .menu_lang_item {text-transform:uppercase; padding: .5rem .5rem !important;display:inline;} 
.menu-lang strong {font-weight:revert;}


.menu-news, .menu-fbx {
    margin:0;padding:0;list-style:none;
}
/*.menu-news  li a {color:#9d9d9c;text-transform:uppercase;font-family: 'd-din_condenseddinCnBd'; writing-mode: vertical-lr;transform: rotate(180deg);}*/
.menu-news  li a {color:#9d9d9c;text-transform:uppercase;font-family: 'd-din_condensedregular'; font-weight:bold;writing-mode: vertical-lr;transform: rotate(180deg);}
.menu-news li  {justify-content:center; display: flex;}
.menu-fbx li a  {text-align:center;width:100%;display:block;}
.menu-news .nav-link , .menu-fbx .nav-link {padding:.4rem 0;}
.menu-fbx .nav-link {padding:0.2rem 0;}

/* menu lang seulement en mobile */
.menu-lang.nav.lang_menu_mobile {
    float: right;
    margin-right: -7px;
}

.lang_menu_mobile,.lang_menu_mobile a {
    font-size:11px ;
}


/*** JET menu ***/
/*SN150216??? 
 .container  div#menu-deroul-vertic {width:auto;}
*/
/*SN 020216*****
.container #menu-deroul-vertic .lien-secteur {color:#000;font-weight:normal;}
*******/


.navbar > .container-menutop { align-items: start !important;}
.navbar .container  div#menu-deroul-vertic {width:auto;margin:0 ;display:block;}
.row-navbar {flex-grow: 1;margin-right:0;}


.container #menu-deroul-vertic .lien-secteur {color:rgba(0,0,0,0.7);}
.container .jetmenu a{ 
 transition: none;
}
/*.container-menutop .jetmenu > li > .megamenu {
   border:0;color:#706f6f;
   padding: 5px 36px 15px 36px;
   position:absolute; top:47px;
   opacity:1;
   background-color:rgba(255, 255, 255, 0.9);
}*/
.container-menutop .megamenu .row {margin-top:0;margin-left:0;}
.container-menutop .megamenu .row .col1 {
	width: 14.893617021276595%;width:23.4042554%;width:auto; /*margin-left:0;*/
}

.container-menutop .jetmenu .megamenu a {
   color:#000;padding:0;margin:0;
   font-family: 'd-din_condensedregular',sans-serif;
   font-size:14px;text-transform:uppercase;font-weight:bold;
}
.container-menutop .jetmenu .megamenu a:hover ,.container-menutop .jetmenu .megamenu a.on{
   font-family: 'd-din_condensedregular',sans-serif;
   color:#0032d2;text-transform:uppercase;
}

.tout a, .motk a{
font-weight:600 !important ;
}
.tout a:hover, .motk a:hover{
text-decoration:underline !important;
}
/*** ecrase border-top jetmenu ***/
.jetmenu > li > .megamenu {border-top:0;} 
/*** sousmenu$*/
.sousmenu {}
/*.sousmenu li a {color:#000;text-transform:uppercase;font-family: 'd-dinregular'; font-family: 'd-din_condenseddinCnBd';}*/
.sousmenu li a {color:#000;text-transform:uppercase;font-family: 'd-dinregular'; font-family: 'd-din_condensedregular';font-weight:bold;}
.sousmenu .nav-link {padding: 0 0.6rem 0 0;}
/*** flexslider ***/

/*cacher le titre pour la rubrique creanog*/
.rub24 .flex-caption span.phrase, .rub27 .flex-caption span.phrase, .rub15 .flex-caption span.phrase{
    display: none;
}
/* sauf pour "Laurent Nogues" */
.rub24 .art50 .flex-caption {
    display: block;
}

.flexslider {box-shadow: none;	border-radius: 0;	border: 0;margin-bottom: 40px;margin-top:0;}
.flexslider .slides li {position: relative;padding: 0; border: 0;}

.flex-control-nav { margin: 0; position: absolute; bottom:-80px; right:0; text-align: right;padding-bottom:50px;}
.flex-control-paging li a { width:6px;height:6px;color:#939597;font-size:0;}
.flex-control-paging li a:hover { background: #000;	 }
.flex-control-paging li a.flex-active { background: #000; cursor: default; }

.flex-direction-nav a {top: 50%;}
.flex-direction-nav a:before	{ 	font-family: 'themify'; font-size: 40px; line-height:1; 	content: "\e64a"; display: inline-block; font-weight: 200;}
.flex-direction-nav a.flex-next:before	{ content: "\e649"; }
.flex-caption {  
	z-index: 1;color:#9d9d9c; font-weight:normal;
	text-align:center;	margin-top:15px;margin-bottom:35px;
}
/*** new dana 14 fev ***/
.flex-direction-nav a {
  text-shadow:none;outline:0;
  color: #fff;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 1;
  left: 10px;
}

/*** pages ***/
.contenu-principal {  
   /*color:#0032d2;background-color:#ebe3df;*/
   color:#231F20; /* noir */
   background-color:#F2EDEA; /*beige */
}
/*.container-principal { margin-bottom:60px; font-size:12px; line-height:14px;}
.container-principal a {
font-family: "Futura",sans-serif;
   font-family: futura-pt, "Futura Light", Times, Times New Roman,sans-serif;
color:#000;text-decoration:underline;}*/
.img-sceau {display:flex;}
.img-sceau img{margin-top:auto;}

.container-portofolio {background-color:#F2EDEA;} /*beige */ 
.container-portofolio h1 {background-image:none;color:#000;background-color:#F2EDEA;margin-bottom:1px !important;padding-bottom:0.3rem !important;}
.container-portofolio h2 {font-size:0.9rem; margin-bottom:9px;}

div.container-portofolio div.titres {
   background: transparent url(../img/filet-h-noir.png) no-repeat 0 100%;
   padding-bottom:1px;
   margin-bottom:20px;
}
/***isotope ***/

.item-container {position:relative;}
/*.grid-sizer { width: 19%; }.gutter-sizer { width: 1%; }*/
.grid-sizer, .item { width: 23.1%; }
.gutter-sizer { width: 2.5%; }
.item {
  text-align:center;overflow:hidden;
}
/*.item img {height: 200px;}*/
.item img {
    margin-left: auto;
    margin-right: auto;
}
.item h2 {margin-top:15px; margin-bottom:0;}

/*blog */
.blog .item {
text-align:left;margin-bottom:28px;
}
.blog .item h2, .blog h1 {
	margin-top:21px;
	margin-bottom:6px;
	font-size: 19px;
	font-weight:500;
	font-weight:bold;
	text-transform:uppercase;
   line-height:1.4rem;
}
.container.blog .item h2 {margin-top:21px;text-decoration: underline;}
.blog .item_intro {
   margin-bottom:5px;
   line-height:1.3rem;
}
.blog .item .blog_texte_item {
   /*margin-bottom:10px;*/
   text-align:left;width:100%; float:left; clear:both;
}

.container.blog ul.mots{
   margin-bottom:0px;
}

.blog .item ul.mots {
	/*margin-bottom:5px;*/
	color:#9d9d9c;
	margin-top:10px;
}
.blog .item ul.mots li a, .blog ul.mots li a{
	text-transform:uppercase;
	font-size:10px;
	color: rgba(0,0,0,0.7);
}

.blog .plus_item {width:100%;margin-top:8px;}
.blog .item a.plus {
   font-size:1rem;display:block;float:left;
   color:rgb(0,50,210); /*bleu */
}
.blog .item a.plus:hover {
color:rgb(152,148,148); /*gris*/
}
.blog .item a.plus span {display:block;float:left;}
.blog .item a.plus .plussign {font-size: 1.1rem;margin-left:5px;padding-top:0px;}


.item--height2 img { height: 300px; }
.item a  {text-decoration:none;}
.item .item-titre {width:100%; display:block;margin-top:10px;} 
.item .item-tags {color:#9d9d9c;}
.item ul.mots {margin-bottom:17px;color:#9d9d9c;}
.item ul.mots li::after {content:none;}




.sel-categorie {margin-top:10px;}
.sel-categorie button {border:0;padding:4px 10px;margin-right:5px;margin-bottom:5px;text-decoration:underline;background:#fff;}
.sel-categorie button:hover,.sel-categorie .selected {}


.isotope-item {
  z-index: 2;
}
 
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
 
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
 
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}
 
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

/* tags / mots-cles */
ul.mots {
font-weight:500;
color:#000;list-style:none;margin-left:0;padding-left:0;font-size:0.8em;
}
ul.mots a{
font-weight:500;
color:#000;
text-decoration:none;
text-transform:lowercase;
}

ul.mots a:hover{
text-decoration:underline;
}

.container ul.mots {
margin-bottom:20px;
}
ul.mots li {
  display: inline;}


/*** page blog ***/
.container-blog {}
.container-blog .item  {text-align:left;}
.container-blog .item img {height: auto;}
.container-blog .item .item-tags {text-transform:uppercase;margin-top:10px;display:block;}
.container-blog .item .item-titre {margin-top:0;margin-bottom:10px; font-family:"Futura",sans-serif; font-size:21px;line-height:24px;}





/*social tags */

.socialtags-hovers {
	opacity: 1;
}
.socialtags-hovers:hover {
	opacity: 0.4;
}

div.socialtags, div.mes_socialtags {
  float:right; clear:none; margin:0;
}
div.plus {
   float:right;
}
.socialtags img{
  height:auto;
}

/* portfolio tests */
.fullcap a {color:#000;font-weight:bold; }
.fullcap h2 {text-transform:uppercase;font-size:20px;padding-top:15px;font-weight:bold;}   

/* (D) SHOW/HIDE */
.fullcap {
visibility: hidden; opacity: 0;
transition: opacity 0.3s;
}

.fullcap {text-align:left;}

.fullwrap:hover .fullcap {
visibility: visible; opacity: 1;
}
/** legende slider */
.phrase {
letter-spacing: 0.1rem;
}
 


/*** cacher les legendes dans la rubrique 28 : savoir-faire
 finalement on ne les cache plus... ****/
.rub28 .phrase {
 /*   display: none;*/
}

/* ==========================================================================
	 Media Queries
	 ========================================================================== */
/* Landscape phones and smaller */
@media (min-width: 480px) and (max-width: 599px) {
     .grid-sizer, .item { width: 100%; }
     .item--height2 img { height: 200px; } 
}
@media (min-width:600px) and (max-width: 767px) {
     .grid-sizer, .item { width: 48.5%; }
}
@media (max-width: 768px) {
	.navbar {margin-bottom:20px;}
	.navbar .jetmenu > li > a {margin-left:0;background-color:#fff;padding: 7px 10px 7px 10px;}
	.navbar .jetmenu > li > a:hover {background:#9d9d9c;color:#fff;}
	.container-menutop  .jetmenu a {background:transparent;}
.navbar .jetmenu > li > a:hover, .navbar .jetmenu > li > a.on {background:transparent;/*background: transparent url(../img/filet-menu2.png) no-repeat 10px 30px ;*/color:#0032d2;
}
      .fullcap {text-align:left;}
      .liens-sociaux-footer {margin-top:5px;} 
      .logo-creanog img {  }
      .logo-creanog {overflow:hidden;padding-left:23px;}
      .img-sceau {display:none;} 
      .jetmenu > li > .megamenu {padding: 0px 11px 0px;}
      .fullcap {
	 visibility:visible;
	 opacity:1;
	 margin-left:50px;
	 margin-right:50px;
	 margin-bottom:15px;
	 margin-top:10px;
      }
      .fullcap ul.mots a {
	 font-weight: bold;
      }

      .fullcap h2 {
	 font-size:1.6rem;
      }

      .spip_article div.menu-gauche {
	 background-color:#F2EDEA; /*beige */
      }
      .spip_article div.container_ppal {
	 background-color:#F2EDEA; /*beige */
      }
      .spip_article .flexslider {margin-bottom:0;}
      .spip_article .flex-caption {display:none;}
      .spip_article .ubi-visuels {background: purple; padding:0;}
      .jetmenu-wrapper {padding-top:5px;}
      .spip_article .flex-caption {margin:0;}
      .container-flexslider {padding:0;}

      .home .vericaltext.menu-news {
	 margin-top: 0 !important;
      }
}

@media (max-width: 479px) {
   .grid-sizer, .item { width: 100%; }
   .item--height2 img { height: 200px; }

	.navbar-header a {margin-bottom:20px; }
	.navbar .jetmenu > li > a:hover, .navbar .jetmenu > li > a.on { background:transparent;/*background: transparent url(../img/filet-menu2.png) no-repeat 10px 30px ;*/color:#0032d2;
}
}

@media (min-width:768px) {
   .navbar .jetmenu > li {padding-bottom:20px;padding-bottom:0;}
   .navbar .jetmenu > li > a {padding: 0 10px 7px 10px;margin-right:0; margin-left:0px;padding:0;}
   .container-menutop .jetmenu > li > .megamenu {
      border:0;color:#706f6f;
      /*padding: 3px 5px 5px 0px;*/
      padding: 2px 5px 5px 0px;
      position:absolute; top:33px; 
      opacity:1;
      background-color:rgba(255, 255, 255, 0.9);
   }
  .logo-creanog {justify-content:center;}
  .navbar .jetmenu > li:last-child::before  {content:'-';margin-left:5px; }
  .navbar .jetmenu > li.rub19::before  {content:'-';margin-left:5px; }
  .navbar .jetmenu > li.rub28  {display:none !important;}

  /*portfolio*/

   /* (A) WRAPPER */
   .fullwrap {
   position: relative; /* required for (c2) */
   max-width: 500px; /* optional */
   margin-bottom:35px;
   }
   /* (B) RESPONSIVE IMAGE */
   .fullwrap img { }
   /* (C) CAPTION */

   .fullcap {
     /* (C1) DIMENSIONS */
     display: flex;flex-direction: column;
     /* align-items: center;*/
     justify-content: center;
     box-sizing: border-box;
     width: 100%;
     height: 100%;

     /* (C2) POSITION */
     position: absolute;
     top: 0; left: 0;
     text-align: center;

      /* (C3) COLORS */
     background-color: rgba(255, 255, 255, 0.7);
     color:#000;
   }
.fullcap .mots {  
   padding-left:5px;padding-right:5px;position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
}  

.fullcap h2 {text-transform:uppercase;margin-bottom:10px;font-size:18px;padding:10px;font-weight:bold;line-height:1.4em;}
.fullcap a {color:#000;font-weight:bold;}
.fullcap a:hover h2{
   color:rgb(152,148,148); /*gris*/
   font-weight:bold;
}

} /* fin min-width 768 */

@media (min-width:768px) and (max-width: 1199px) {
      .grid-sizer, .item { width: 31.7%; }
      /*.footer-metiers{width:90%;text-align:center;}*/
      .container div#menu-deroul-vertic {width:800px;width:700px;width:auto;}
      /*.navbar .jetmenu > li > a{ padding: 0 10px 7px 10px;margin-right:50px; margin-left:45px;}*/
}
@media (min-width: 1024px) {
   .liens-sociaux-footer {position:absolute;top:0;right:0;padding-right:0;}
}
@media (min-width: 1200px) {
	.container {max-width: 1180px;}
	.container-flexslider .col-xs-12 {padding:0;}
	/*.navbar .nav { max-width:470px; border:1px solid red;}*/
	.container div#menu-deroul-vertic {width:800px;width:720px;width:auto;}
    /*.contenu-principal {margin-left:15px;margin-right:-15px;}*/
	.contenu-principal {padding-right:15px;padding-left:15px;padding-bottom:2rem;}
      
  
}