/*******************************/
/* Font Face */
/*

font-family: 'Montserrat', sans-serif;
font-family: 'Roboto', sans-serif;

Code couleur
#ACA460
#65887F
*/ 


/*******************************/
/* Global */
body { overflow-x:hidden;  }
h1 { font-size:60px; margin-top:25px; margin-bottom:25px; line-height:80px;  font-family: 'Montserrat', sans-serif; }
h2 { font-size: 28px; margin-bottom:25px; margin-top:50px; line-height:36px; font-family: 'Montserrat', sans-serif;  }
h3 { font-size:24px; margin-bottom:25px; font-family: 'Roboto', sans-serif;  }

a {color:#009fe3;}
a:hover { color:#999; text-decoration:none; }
a:focus {color:#999; outline: none; text-decoration:none; background:none}

a.bt { display:inline-block; background:#fff; padding: 20px 60px; border-radius: 50px; transition:all .2s ease; }
a.bt:hover { -webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.25);box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.25);  }

a.bt_link { display:inline-block; font-size:0; padding:10px 22px; line-height:24px;  background:#ebebeb url("../images/interface/more.png") no-repeat center center; border-radius: 100px; transition:all .2s ease; }
a.bt_link:hover {background:#2c2c2c url("../images/interface/more_h.png") no-repeat 20px center; color:#fff; padding:10px 50px; font-size:14px; -webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.25);box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.25); }


.link_center { text-align:center;}


.nav > li > a:hover, .nav > li > a:focus { background: none;}
.hide {display:none }
p { font-size: 14px; margin-bottom: 25px; line-height: 24px; font-family: 'Roboto', sans-serif; font-weight:400;  }
ul {  margin-bottom:20px; }
ul li { font-size:14px; font-family: 'Roboto', sans-serif;  }
ol li { font-size:14px; font-family: 'Roboto', sans-serif;  }

.admin { position: fixed; top:50px; left:0; z-index: 9500 }
.no-padding {padding-left:0; padding-right: 0}
hr { clear:both;}

body { /*padding-top: 170px;*/ }

body.logged-in #header { top:30px;}
table { width: 100%}
table tbody { border-top: 0;}
table td { padding:10px;}

img.aligncenter { text-align:center; }

body.toolbar-fixed .toolbar-oriented .toolbar-bar { z-index: 9990}
body.toolbar-fixed #menu_c { top: 85px;}
body.toolbar-fixed #contact_c { top: 85px;}
body.toolbar-fixed .nav-contact  { top: 150px;}
body.toolbar-fixed .navbar-toggler  { top: 85px;}
body.toolbar-fixed .navbar-brand  { top: 85px;}
body.toolbar-fixed .search_bt  { top: 85px;}
body.toolbar-fixed #search_close a  { top: 85px;}


#menu_tasks  { margin:75px 0 20px 0; padding:0; position: absolute; z-index: 7000; float: right; right:0;}
#menu_tasks ul { margin:0; padding:0; }
#menu_tasks ul li { margin:0; padding:0; list-style-type: none;  display: inline-block; margin-right: 10px}
#menu_tasks ul li a { display: inline-block; background:#333; color:#fff; transition: all 0.2s ease; padding:10px 20px; }
#menu_tasks ul li a:hover { background:#009fe3;  }

#message_statut { padding:20px; text-align: center; }

/* profile page */
#profile { background:#fff; padding-top: 100px;  }
#profile #menu_tasks { display: none;   }
#profile h1 { background: transparent  url('../images/interface/logo_profile.png') no-repeat top center; text-indent: -8000em; height:150px;}
#profile #user-login-form label { color:#000; ; }
#profile #user-login-form .description { color:#aaa;  margin-bottom:20px;  }
#profile #user-login-form input { width:100%; padding:5px 10px; margin-bottom:20px; margin-bottom: 5px;   }
#profile #user-login-form .form-submit  {color:#FFF; font-weight:bold; border:none;  text-transform: uppercase; padding:20px; border-radius: 50px; transition:all 0.2s ease; cursor: pointer;  background:#cdcdcd; color:#FFF;}
#profile #user-login-form .form-submit:hover  {  background:#000; color:#FFF; -webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.25);box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.25);  }

#profile #profile_log { text-align:center; }
#profile #profile_log h2  { color:#000; margin-bottom:15px;  }
#profile #profile_log a  { background:#cdcdcd; color:#FFF; font-weight:bold; }
#profile #profile_log a:hover  {  background:#000; color:#FFF; text-decoration:none;  }


/* menu principal */
#menu_c { position:fixed; width:100%; background: rgba(255,255,255,.7); top:0; left:0; z-index: 8000}
#menu_jmj { position:relative; width:50%; left:0; background:#fff; z-index:5000; top:0; padding:115px 0 0 0; padding-bottom:50px;  -webkit-box-shadow: 0px 0px 50px -2px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 50px -2px rgba(0,0,0,0.3);box-shadow: 0px 0px 50px -2px rgba(0,0,0,0.3);}

#menu_jmj ul { padding:0; margin:0; width:100%; }
#menu_jmj ul li { display: inline; }

#menu_jmj .menu ul { padding:0; margin:0; width:100%; }
#menu_jmj .menu ul li { margin:0; padding: 0; list-style-type:none; float:left; display: inline-block; width:33.3333%;}
#menu_jmj .menu ul li a { display: block; font-family: 'Montserrat', sans-serif; color:#000; margin-bottom: 20px; padding: 20px; font-size: 20px; transition: all .2s ease; }
#menu_jmj .menu ul li.n1 a {  background:transparent url("../images/interface/chapter_1.png") no-repeat 20px 0; }
#menu_jmj .menu ul li.n2 a {  background:transparent url("../images/interface/chapter_2.png") no-repeat 20px 0; }
#menu_jmj .menu ul li.n3 a {  background:transparent url("../images/interface/chapter_3.png") no-repeat 20px 0; }
#menu_jmj .menu ul li.n4 a {  background:transparent url("../images/interface/chapter_4.png") no-repeat 20px 0; }
#menu_jmj .menu ul li.n5 a {  background:transparent url("../images/interface/chapter_5.png") no-repeat 20px 0; }
#menu_jmj .menu ul li.n6 a {  background:transparent url("../images/interface/chapter_6.png") no-repeat 20px 0; }
#menu_jmj .menu ul li.n7 a {  background:transparent url("../images/interface/chapter_7.png") no-repeat 20px 0; }
#menu_jmj .menu ul li.n8 a {  background:transparent url("../images/interface/chapter_8.png") no-repeat 20px 0; }
#menu_jmj .menu ul li.n9 a {  background:transparent url("../images/interface/chapter_9.png") no-repeat 20px 0; }
#menu_jmj .menu ul li a:hover { margin-left: 20px; color:#cdcdcd; }
#menu_jmj .social    { clear: both; text-align: center; width: 100%; position: absolute; bottom: 225px; }
#menu_jmj .social ul   {margin:0; padding:0; }
#menu_jmj .social ul li  {margin:0; padding:0; list-style-type: none; display: inline-block; }
#menu_jmj .social ul li a { display: inline-block; height: 70px; width: 50px; margin-right: 30px; text-indent: -8000em; transition:all .2s ease;}
#menu_jmj .social ul li a.ico_facebook { background:transparent url("../images/interface/ico_facebook.png") no-repeat center center;  }
#menu_jmj .social ul li a.ico_facebook:hover { background:transparent url("../images/interface/ico_facebook_h.png") no-repeat top center;  }
#menu_jmj .social ul li a.ico_instagram { background:transparent url("../images/interface/ico_instagram.png") no-repeat center center;  }
#menu_jmj .social ul li a.ico_instagram:hover {  background:transparent url("../images/interface/ico_instagram_h.png") no-repeat top center;  }
#menu_jmj .social ul li a.ico_twitter { background:transparent url("../images/interface/ico_twitter.png") no-repeat center center;  }
#menu_jmj .social ul li a.ico_twitter:hover { background:transparent url("../images/interface/ico_twitter_h.png") no-repeat top center;  }
#menu_jmj .social ul li a.ico_linkedin { background:transparent url("../images/interface/ico_linkedin.png") no-repeat center center;  }
#menu_jmj .social ul li a.ico_linkedin:hover { background:transparent url("../images/interface/ico_linkedin_h.png") no-repeat top center;  }
#menu_jmj .social ul li a.ico_youtube { background:transparent url("../images/interface/ico_youtube.png") no-repeat center center;  }
#menu_jmj .social ul li a.ico_youtube:hover { background:transparent url("../images/interface/ico_youtube_h.png") no-repeat top center;  }

#menu_jmj .close_bt { position: absolute;top:0; left:0; font-size: 30px; line-height: 60px; cursor: pointer  }
#menu_jmj .close_bt span { float:left; width: 65px; height: 65px; background:#000 url("../images/interface/close.png") no-repeat center center; margin-right: 15px; transition:all .2s ease;  }
#menu_jmj .close_bt:hover {  color:#cdcdcd  }
#menu_jmj .close_bt:hover span {  background-color:#cdcdcd  }

.navbar { padding:0}
.navbar-brand, .navbar-brand:focus { transition:all .2s ease; position:fixed; top:0; right:0; float:right; height: 65px; width: 430px; background:transparent url("../images/interface/logo_first.png") no-repeat center center; text-indent: -8000em; padding:0; margin:0; z-index: 7000}
.navbar-toggler { position: fixed; left:0; top:0; height:65px; width:65px; border-radius:0; outline:none; text-transform:uppercase; font-size:20px; padding:0;  transition:all .2s ease; background:#000 url("../images/interface/menu.png") no-repeat center center; text-indent: -8000em; z-index: 7000 }
.navbar-toggler:focus { outline:none; }
.navbar-toggler:hover {   background-color: #cdcdcd }

.nav-contact { position: fixed; left:0; top:65px; height:65px; width:65px; border:none; border-radius:0; outline:none; text-transform:uppercase; padding:0;  transition:all .2s ease; background:#e8e8e8 url("../images/interface/ico_contact.png") no-repeat center center; text-indent: -8000em; cursor: pointer; z-index: 7000}
.nav-contact:hover { background:#cdcdcd url("../images/interface/ico_contact_h.png") no-repeat center center; }

#contact_c { position:fixed; width:100%; background: rgba(255,255,255,.7); top:0; z-index: 7000; top:0; z-index: 8000}
#contact_jmj { position:relative; width:50%; left:0; background:#fff; z-index:5000; top:0; padding:115px 115px 50px 115px; padding-bottom:50px;  -webkit-box-shadow: 0px 0px 50px -2px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 50px -2px rgba(0,0,0,0.3);box-shadow: 0px 0px 50px -2px rgba(0,0,0,0.3);}
#contact_jmj h3  { margin-top: 0; }
#contact_jmj h3 span { width:100%; clear:both; display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 50px; font-weight: 300}

#contact_jmj .close_bt { position: absolute;top:0; right:0; font-size: 20px; line-height: 60px; cursor: pointer; z-index: 2000 }
#contact_jmj .close_bt span { float:right; width: 65px; height: 65px; background:#000 url("../images/interface/close.png") no-repeat center center; margin-left: 25px; transition:all .2s ease;  }
#contact_jmj .close_bt:hover {  color:#cdcdcd  }
#contact_jmj .close_bt:hover span {  background-color:#cdcdcd  }

.search_bt { position: fixed; top:0; right: 450px; height:65px; width: 65px; background:transparent url("../images/interface/ico_search.png") no-repeat center center; text-indent: -8000em; z-index: 7000; transition:all .2s ease;}
.search_bt:hover {  background:transparent url("../images/interface/ico_search_h.png") no-repeat center center; }

body.sticky .navbar-brand  { height:65px; width: 210px; background:transparent url("../images/interface/logo.png") no-repeat center center;}
body.sticky .search_bt  { right: 210px;}




/* footer */
#footer { background: #fff; padding-top: 25px; padding-bottom: 25px }

#footer .f1 ul  { margin:0; padding:0; }
#footer .f1 ul li  {margin:0; padding:0; list-style-type: none;  }
#footer .f1 ul li a { font-family: 'Montserrat', sans-serif; color:#000; display: block; margin-bottom: 20px; padding-top: 20px; font-size: 20px; transition: all .2s ease; }
#footer .f1 ul li.n1 a {  background:transparent url("../images/interface/chapter_1.png") no-repeat top left; }
#footer .f1 ul li.n2 a {  background:transparent url("../images/interface/chapter_2.png") no-repeat top left; }
#footer .f1 ul li.n3 a {  background:transparent url("../images/interface/chapter_3.png") no-repeat top left; }
#footer .f1 ul li.n4 a {  background:transparent url("../images/interface/chapter_4.png") no-repeat top left; }
#footer .f1 ul li.n5 a {  background:transparent url("../images/interface/chapter_5.png") no-repeat top left; }
#footer .f1 ul li.n6 a {  background:transparent url("../images/interface/chapter_6.png") no-repeat top left; }
#footer .f1 ul li.n7 a {  background:transparent url("../images/interface/chapter_7.png") no-repeat top left; }
#footer .f1 ul li.n8 a {  background:transparent url("../images/interface/chapter_8.png") no-repeat top left; }
#footer .f1 ul li.n9 a {  background:transparent url("../images/interface/chapter_9.png") no-repeat top left; }
#footer .f1 ul li a:hover { margin-left: 20px; color:#cdcdcd; }
#footer .f2 .inside { border-top:1px solid #cdcdcd; padding:50px 25px 25px 25px; width:75%; }
#footer .f2 ul  { margin:0; padding:0; }
#footer .f2 ul li  {margin:0; padding:0; list-style-type: none;  }
#footer .f2 ul li a { font-family: 'Montserrat', sans-serif; font-size:14px; font-weight: 600; display: block; margin-bottom: 90px; color:#000; transition:all .2s ease;}
#footer .f2 ul li a:hover { margin-left: 20px; color:#cdcdcd; }

#footer .f3 .inside { border-top:1px solid #cdcdcd; padding:50px 25px 25px 25px; width:75%; display:none;  }
#footer .f3 .inside h3 {  font-size:36px; margin-top:0; margin-bottom: 25px; font-weight: 400 }
#footer .f3 ul   {margin:0; padding:0; }
#footer .f3 ul li  {margin:0; padding:0; list-style-type: none; display: inline-block; }
#footer .f3 ul li a { display: inline-block; height: 70px; width: 50px; margin-right: 30px; text-indent: -8000em; transition:all .2s ease;}
#footer .f3 ul li a.ico_facebook { background:transparent url("../images/interface/ico_facebook.png") no-repeat center center;  }
#footer .f3 ul li a.ico_facebook:hover { background:transparent url("../images/interface/ico_facebook_h.png") no-repeat top center;  }
#footer .f3 ul li a.ico_instagram { background:transparent url("../images/interface/ico_instagram.png") no-repeat center center;  }
#footer .f3 ul li a.ico_instagram:hover { background:transparent url("../images/interface/ico_instagram_h.png") no-repeat top center;  }
#footer .f3 ul li a.ico_twitter { background:transparent url("../images/interface/ico_twitter.png") no-repeat center center;  }
#footer .f3 ul li a.ico_twitter:hover { background:transparent url("../images/interface/ico_twitter_h.png") no-repeat top center;  }
#footer .f3 ul li a.ico_linkedin { background:transparent url("../images/interface/ico_linkedin.png") no-repeat center center;  }
#footer .f3 ul li a.ico_linkedin:hover { background:transparent url("../images/interface/ico_linkedin_h.png") no-repeat top center;  }
#footer .f3 ul li a.ico_youtube { background:transparent url("../images/interface/ico_youtube.png") no-repeat center center;  }
#footer .f3 ul li a.ico_youtube:hover { background:transparent url("../images/interface/ico_youtube_h.png") no-repeat top center;  }

#footer .f4 { padding-left: 50px;}
#footer .f4 p { font-size: 14px; line-height: 18px; }
#to_top { display:inline-block; text-indent:-8000em; width:70px; height:70px; background:#000 url("../images/interface/back_top.png") no-repeat center center; transition:all .2s ease; }
#to_top:hover { background-color:#cdcdcd; }

/* home */
body.home { overflow:hidden; padding-top:0 !important;}
#home { top:0; left:0; background:transparent url("../images/interface/home.jpg") no-repeat bottom center / cover;}
#home .home_text { position:absolute; width:500px; top:50%; left:50%; margin-left: -250px; margin-top:-100px; }
#home .home_text h1  {margin:0; width: 500px; height: 50px; margin-bottom: 90px;  }
#home .home_text h1 a {text-indent:-8000em; width: 500px; height: 50px; display: inline-block; background:transparent url("../images/interface/logo_home.png") no-repeat center center}
#home .home_text p { text-align: center; margin-bottom:50px;}
#home .home_text ul { margin:0; padding:0; text-align: center;}
#home .home_text ul li { padding:0; list-style-type: none; display: inline-block; margin:0 10px; }
#home .home_text ul li.bt_hide { display:none; }
#home .home_text ul li a { color:#000; }
#home .home_text ul li a.bt_en { background:#2c2c2c; color:#fff; }
#home .home_text ul li a.bt_en:hover { background:#fff; color:#2c2c2c; }




/* global */
.site { position:relative; z-index:10;}
.bg { position:fixed;top:0; width:100%; margin-left:-8.333334%; height: 100%}
.bg .col-12 { border-right:1px solid #e5e5e5; height: 100% }

/* home */
.slide { padding-bottom:100px;  transition: all 1s ease;  position: relative; }
.home_c .introduction { margin-left:8.333334%; padding-top: 125px;}
.home_c .introduction p { font-size: 14px; line-height: 18px; }

.home_c #chapter_1 .img_principale { height:700px;max-width:66.66667%; flex:66.66667%; }
.home_c #chapter_1 .img_principale .item { height:700px; width:100%;}
.home_c #chapter_1 a .play { width:125px; height: 125px; position: absolute; bottom:50px; left:325px; background:#fff url("../images/interface/play.png") no-repeat center center; border-radius: 100px; transition:all .2s ease;}
.home_c #chapter_1 a:hover .play { background:#2c2c2c url("../images/interface/play_h.png") no-repeat center center; -webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.25);box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.25);}

.home_c .title { position: absolute; top:50%; left:0;  z-index:20; margin:-100px 0 0 18%;}
.home_c .title h1 .bg_text { margin:0 0 50px 0; color:#FFF; background: #2c2c2c; padding:25px 40px; font-size:40px;}
.home_c .title h1 .bg_text span { margin:0 10px;}
.home_c .title h2 span { margin:0 0 50px 0; color:#FFF; background: #2c2c2c; padding:25px 50px; font-size:40px; font-weight: 300; }
.home_c .title p {font-size:30px;  }
.home_c .chapter { position: absolute; bottom: 0; left: 0; margin:0 0 125px 18%; font-size: 75px; color:#aca460; display: inline-block; font-weight: 400; font-family: 'Montserrat', sans-serif;}

#chapter_1 .introduction { padding-top: 0}

#chapter_2  { border-top: 5px solid #ebebeb;}
#chapter_2 .side { margin-left: 0; display:flex;   align-items: end; justify-content: center; flex-direction:column; padding:0; cursor:pointer; }
#chapter_2 .side .img {height:500px; width:100%; background:#eee; margin-bottom:50px;}
#chapter_2 .side .link_inside { transform: rotate(-90deg) translate(100%, 100%); margin-top:100px; margin-right:25px;  }
#chapter_2 .side a { color:#000; transition:all .2s ease; }
#chapter_2 .introduction { margin-left: 0}
#chapter_2 .img_slider  .owl-dots { position:absolute; bottom:20px; text-align:right; right:-80px}
#chapter_2  .side span {cursor:pointer;  display: inline-block; height: 80px; width: 80px; background:transparent url("../images/interface/arrow_1lh.png") no-repeat center center; transition:all .2s ease;}
#chapter_2  .side span:hover  {background:transparent url("../images/interface/arrow_1l.png") no-repeat center center;}
#chapter_2 .side.side_2 { align-items: start; }
#chapter_2 .side.side_2 .link_inside { transform: rotate(-90deg) translate(100%, -100%);  margin-left:25px; margin-right:0 }
#chapter_2  .side.side_2 span {cursor:pointer;  display: inline-block; height: 80px; width: 80px; background:transparent url("../images/interface/arrow_1rh.png") no-repeat center center; transition:all .2s ease;}
#chapter_2  .side.side_2 span:hover  {background:transparent url("../images/interface/arrow_1r.png") no-repeat center center;}
#chapter_2  .presentation_atelier_1  { padding-top:500px;}
#chapter_2  .presentation_atelier_1  p { font-size: 14px; line-height: 18px; }
#chapter_2  .galerie_atelier { height:1000px; }
#chapter_2  .galerie_atelier .item { height:1000px; }


#chapter_3  { padding-top: 100px; padding-bottom:175px; margin-bottom: 100px;}
#chapter_3  h2.title  { margin: 0 0 50px 0;}
#chapter_3  h2.title span {color:#FFF;background: #2c2c2c; padding: 35px 50px; font-size: 40px;  font-weight: 300;}
#chapter_3 .title { position: relative;}
#chapter_3 .item { margin-bottom: 30px; height:300px; cursor:pointer }
#chapter_3 .item .img_top { height:300px; overflow:hidden; position:relative; transition:all .2s ease; }
#chapter_3 .item a { position:absolute; width:100%; bottom:0; color:#FFF;  font-size:24px; margin-bottom:25px; font-family: 'Montserrat', sans-serif; z-index:50; margin-bottom:0; padding:25px;  }
#chapter_3 .item .bg_img { position:absolute; top:0; left:0; height:100%; width:100%; margin:0; opacity:0.7 }
#chapter_3 .item.item_1 .bg_img { background:#aca460;}
#chapter_3 .item.item_3 .bg_img { background:#aca460;}
#chapter_3 .item.item_6 .bg_img { background:#aca460;}
#chapter_3 .item.item_8 .bg_img { background:#aca460;}
#chapter_3 .item.item_2 .bg_img { background:#65887f;}
#chapter_3 .item.item_4 .bg_img { background:#65887f;}
#chapter_3 .item.item_5 .bg_img { background:#65887f;}
#chapter_3 .item.item_7 .bg_img { background:#65887f;}
.inside #chapter_3  { padding-bottom:200px; margin-bottom: 50px;}

.home_c #chapter_4  { padding-top:100px;}
.home_c #chapter_4 .title  { position: relative;}
.home_c #chapter_4 .publication_slider { padding:75px 0 0 0; max-height: 500px}
.home_c #chapter_4 .publication_slider_s { margin-left:8.333334%;padding:0;}
.home_c #chapter_4 .publication_slider_s .owl-stage-outer {}
.home_c #chapter_4 .item  { /*width:100%;*/ margin:0; padding-bottom: 25px}
.home_c #chapter_4 .item h3 { font-size: 10px; margin-bottom: 15px;  }
.home_c #chapter_4 .item h3 span  { display: none;  }
.home_c #chapter_4 .item .img  { margin-bottom: 20px;   }
.home_c #chapter_4 .item p  { margin-bottom: 20px; font-family: 'Montserrat', sans-serif; font-size: 20px; line-height:26px; }
.home_c #chapter_4 .publication_slider .slider_nav  { position: absolute; top:0; right:0; width: 100%; text-align: right;}
.home_c #chapter_4 .publication_slider .slider_nav .slider_prev  {float:right; cursor:pointer; font-size: 0; text-indent: -8000em; display: inline-block; height: 60px; width: 150px; background:transparent url("../images/interface/arrow_1l.png") no-repeat center center; transition:all .2s ease;}
.home_c #chapter_4 .publication_slider .slider_nav .slider_prev:hover  {background:transparent url("../images/interface/arrow_1lh.png") no-repeat center center;}
.home_c #chapter_4 .publication_slider .slider_nav .slider_next  { float:right; cursor:pointer; font-size: 0; text-indent: -8000em; display: inline-block; height: 60px; width: 150px; background:transparent url("../images/interface/arrow_1r.png") no-repeat center center; transition:all .2s ease;}
.home_c #chapter_4 .publication_slider .slider_nav .slider_next:hover  { background:transparent url("../images/interface/arrow_1rh.png") no-repeat center center;}
.home_c #chapter_4 .publication_slider .slider_nav .slider_nav_dots  { float:right; display: inline-block;  }
.home_c #chapter_4 .publication_slider .slider_nav .slider_nav_dots button {cursor:pointer; color:#cdcdcd; margin:0; padding:0; background:transparent; border: none; font-family: 'Montserrat', sans-serif; font-size: 40px; transition:all .2s ease; outline:none;}
.home_c #chapter_4 .publication_slider .slider_nav .slider_nav_dots button.active {color:#000;}
.home_c #chapter_4 .publication_slider .slider_nav .slider_nav_dots button:hover {color:#000;}

/* home */

.inside #page {}
.inside #content_top {  /*margin-left:-8.333334%;*/}
#page h1 { margin-top:60px;  }
#page h2 {font-size:32px; font-family: 'Roboto', sans-serif; margin-bottom:50px; margin-top:0;}

/* page */
#content_top { margin-bottom:35px; }
#content_top  .date { position:absolute; top:0; left:15px;   }
#content_top  .date span { float:left; clear:both  }
#content_top  .date span.slash { display:none;  }
#page { padding-top:130px; } 
#page.page_c h1.title  { margin-bottom:75px; }
#page.page_c h1.title span { margin: 0 0 50px 0;color:#FFF;background:#2c2c2c;padding: 30px 55px; font-size: 46px; letter-spacing:1.5px;  font-family: 'Montserrat', sans-serif; font-weight:400}

#page  ul.tags { margin:0; padding:0 15px; border-bottom:1px solid #cdcdcd; width:55%}
#page  ul.tags li { margin:0; padding:0; list-style-type:none; display:inline-block;}
#page  ul.tags li a { display:inline-block; padding-bottom:25px; padding-right:20px;  color:#000; font-family: 'Montserrat', sans-serif; font-size:24px; font-weight:300; transition:all .2s ease; }
#page  ul.tags li a:hover { color:#aca460 }
#page_i { padding-left:0}
#page_slider { background:#eee; text-align:right; }
#page_slider .owl-dots { position:absolute; margin:0; bottom:5px; right:5px;   }
#page .text_r .text {column-count: 3; margin-bottom:25px; } 
#page .text_r .text.no_img {margin-bottom:50px} 
#page .text_r .introduction  { font-style:italic} 
#page .text_r .introduction  p { font-size:16px; } 

#content  { margin-bottom:100px;  }
#content_text  { margin-bottom:50px;  }


#page .content_text h2.title {   font-size: 30px;font-family: 'Montserrat', sans-serif; font-weight:300}

/* page contact */
.node-9 #page_slider .owl-dots { position:absolute; margin:0; bottom:-50px; right:auto; left:5px;  }
.node-9 h1 span { width:100%; clear:both; display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 50px; font-weight: 300}


/* projets */
.projet_c .fiche_technique h3 { margin-bottom:0; font-size:20px; font-family: 'Roboto', sans-serif; font-weight:500}
.projet_c .fiche_technique .item {margin-bottom:25px; } 

#other_project  {margin-bottom:100px; }
#other_project h2.title  { margin-bottom:0;  }
#other_project h2.title span { display:inline-block; margin: 0;color:#FFF;background:#2c2c2c;padding: 10px 25px; font-size: 24px; letter-spacing:1.5px;  font-family: 'Montserrat', sans-serif; font-weight:400}
#other_project .publication_slider { padding:75px 0 0 0; max-height: 500px}
#other_project .publication_slider_s {margin-left:8.333334%; padding:0;}
#other_project .publication_slider_s .owl-stage-outer {}
#other_project .item  { width:100%; margin:0; padding-bottom: 25px}
#other_project .item h3 { font-size: 10px; margin-bottom: 15px;  }
#other_project .item h3 span  { display: none;  }
#other_project .item .img  { margin-bottom: 20px;   }
#other_project .item p  { margin-bottom: 20px; font-family: 'Montserrat', sans-serif; font-size: 24px; line-height:30px }
#other_project .publication_slider .slider_nav  { position: absolute; top:0; right:0; width: 100%; text-align: right;}
#other_project .publication_slider .slider_nav .slider_prev  {float:right; cursor:pointer; font-size: 0; text-indent: -8000em; display: inline-block; height: 60px; width: 150px; background:transparent url("../images/interface/arrow_1l.png") no-repeat center center; transition:all .2s ease;}
#other_project .publication_slider .slider_nav .slider_prev:hover  {background:transparent url("../images/interface/arrow_1lh.png") no-repeat center center;}
#other_project .publication_slider .slider_nav .slider_next  { float:right; cursor:pointer; font-size: 0; text-indent: -8000em; display: inline-block; height: 60px; width: 150px; background:transparent url("../images/interface/arrow_1r.png") no-repeat center center; transition:all .2s ease;}
#other_project .publication_slider .slider_nav .slider_next:hover  { background:transparent url("../images/interface/arrow_1rh.png") no-repeat center center;}
#other_project .publication_slider .slider_nav .slider_nav_dots  { float:right; display: inline-block;  }
#other_project .publication_slider .slider_nav .slider_nav_dots button {cursor:pointer; color:#cdcdcd; margin:0; padding:0; background:transparent; border: none; font-family: 'Montserrat', sans-serif; font-size: 40px; transition:all .2s ease; outline:none;}
#other_project .publication_slider .slider_nav .slider_nav_dots button.active {color:#000;}
#other_project .publication_slider .slider_nav .slider_nav_dots button:hover {color:#000;}



/* galerie */
.gallery_c  .item  { margin-bottom:30px; -ms-flex: 0 0 30%;flex: 0 0 30%;max-width: 30%; }
.gallery_c  .item .inside { min-height:350px }
.gallery_c  .item .inside a {display:block; height:100%; width:100%; min-height:350px; text-indent:-8000em; overflow:hidden; position:relative;  }
.gallery_c  .item .inside a span {display:block; height:100%; width:100%; min-height:350px; text-indent:-8000em; position:relative;   }
.gallery_c  .item .inside a span.img_gallery  { position:absolute; top:0; left:0;  z-index:50 }
.gallery_c  .item .inside a span.bg_img  { position:absolute; top:0; left:0;  height:100%; width:100%; background:#aca460 url("../images/interface/hover_img.png") no-repeat center center;}
.gallery_c  .pos_w { -ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%; }

.gallery_slider { padding:0}
.gallery_slider .owl-nav { margin:0; text-align:right; }

.gallery_slider .owl-nav  button   { margin:0; outline:none;  }
.gallery_slider .owl-nav  button span  { display:none; }
.gallery_slider .owl-nav  button.owl-prev  {cursor:pointer;  display: inline-block; height: 60px; width: 60px; background:transparent url("../images/interface/arrow_1l.png") no-repeat center center; transition:all .2s ease;}
.gallery_slider .owl-nav  button.owl-prev:hover  {background:transparent url("../images/interface/arrow_1lh.png") no-repeat center center;}
.gallery_slider .owl-nav  button.owl-next  { cursor:pointer; display: inline-block; height: 60px; width: 60px; background:transparent url("../images/interface/arrow_1r.png") no-repeat center center; transition:all .2s ease;}
.gallery_slider .owl-nav  button.owl-next:hover  { background:transparent url("../images/interface/arrow_1rh.png") no-repeat center center;}


/* video */
.video_slider { margin-top:-100px; overflow:hidden; }
.video_slider.no_img { margin-top:0; }
.video_slider .play { width:70px; height: 70px; position: absolute; left:50%; top:50%; margin:-35px 0 0 -35px;  background:#fff url("../images/interface/play_xs.png") no-repeat center center; border-radius: 100px; transition:all .2s ease;}
.video_slider .play:hover { background:#2c2c2c url("../images/interface/play_xs_h.png") no-repeat center center; -webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.25);box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.25);}
.video_slider .owl-nav     { }
.video_slider .owl-nav  button   { margin:0; outline:none;  }
.video_slider .owl-nav  button span  { display:none; }
.video_slider .owl-nav  button.owl-prev  {cursor:pointer;  display: inline-block; height: 25px; width: 25px; background:transparent url("../images/interface/arrow_2l.png") no-repeat center center; transition:all .2s ease;}
.video_slider .owl-nav  button.owl-prev:hover  {background:transparent url("../images/interface/arrow_2lh.png") no-repeat center center;}
.video_slider .owl-nav  button.owl-next  { cursor:pointer; display: inline-block; height: 25px; width: 25px; background:transparent url("../images/interface/arrow_2r.png") no-repeat center center; transition:all .2s ease;}
.video_slider .owl-nav  button.owl-next:hover  { background:transparent url("../images/interface/arrow_2rh.png") no-repeat center center;}


/* document */
.document_slider { position:relative; z-index:50; padding-top:25px;overflow:hidden; }
.document_slider.no_img { padding-top:0; }
.document_slider .item a {height:160px;display:flex;  background:#eee; align-items: center; justify-content: center;  }
.document_slider .item a span {background:#eee url("../images/interface/more_h.png") no-repeat 20px center; color:#333; padding:10px 50px; font-size:14px; border-radius:25px; transition:all .2s ease }
.document_slider .item a span:hover  {background:#2c2c2c url("../images/interface/more_h.png") no-repeat 20px center; color:#fff; padding:10px 50px; font-size:14px; -webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.25);box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.25); }

.document_slider .owl-nav     { }
.document_slider .owl-nav  button   { margin:0; outline:none;  }
.document_slider .owl-nav  button span  { display:none; }
.document_slider .owl-nav  button.owl-prev  {cursor:pointer;  display: inline-block; height: 25px; width: 25px; background:transparent url("../images/interface/arrow_2l.png") no-repeat center center; transition:all .2s ease;}
.document_slider .owl-nav  button.owl-prev:hover  {background:transparent url("../images/interface/arrow_2lh.png") no-repeat center center;}
.document_slider .owl-nav  button.owl-next  { cursor:pointer; display: inline-block; height: 25px; width: 25px; background:transparent url("../images/interface/arrow_2r.png") no-repeat center center; transition:all .2s ease;}
.document_slider .owl-nav  button.owl-next:hover  { background:transparent url("../images/interface/arrow_2rh.png") no-repeat center center;}


/* content */
.img-principale-slider  { overflow:hidden;}
.gallery_slider  { overflow:hidden;}
.c_text .pos_1 .img_principale { position:relative; overflow:hidden; max-height:1000px; }
.c_text .pos_1 .img-principale-slider  { padding-top:100px; padding-right:5%; }
.c_text .pos_1 .title_principale { position:absolute; top:50%; left:50%; z-index:100; margin-left:-33.3334%; margin-top:-50px;   }
.c_text .pos_1 .title_principale h2 .bg_text  { padding: 0 15px; background:#2c2c2c; display:inline-block; margin: 0;}
.c_text .pos_1 .title_principale h2 .bg_text span { color:#FFF;padding: 10px; font-size: 40px; letter-spacing:1.5px;  font-family: 'Montserrat', sans-serif; font-weight:400; display:inline-block;}
.c_text .pos_1 .title_principale h3 {  margin-left:35px; font-size: 30px;font-family: 'Montserrat', sans-serif; font-weight:300}
.c_text .pos_1 .title_principale h2.title {  margin-left:35px; font-size: 30px;font-family: 'Montserrat', sans-serif; font-weight:300}
.c_text .pos_1 .text_description { margin-top:0; background:rgba(255,255,255,.6); padding-top:15px;}
.c_text .pos_1 .text_description  .introduction { font-style:italic}
.c_text .pos_1 .text_description  .introduction p { font-size:16px; line-height:22px; }
.c_text .pos_1 .text_description  .text p { font-size:14px; line-height:20px; }
.c_text .pos_1 .video_slider { margin-top:100px }
.c_text .pos_1 .gallery_slider { margin-top:100px}
.c_text .pos_1 .text_all { margin-top:-200px; position:relative; z-index:200}
.c_text .pos_1 .img_slider { opacity:0.2}
.c_text .pos_1 .img_slider .owl-dots { display:none;  }
.c_text .pos_1 .img-parallax { position:absolute; top:0; right:0; z-index:50; width:100%; height:100%; text-align:right;}


#page .c_text .pos_2 h2.title  { padding-top:100px; font-size: 40px;font-family: 'Montserrat', sans-serif; font-weight:300}
.c_text .pos_2 h2.title span { font-size: 40px;font-family: 'Montserrat', sans-serif; font-weight:300}
.c_text .pos_2 .img_slider .owl-dots { position:absolute; top:0; right:10px }
.c_text .pos_2 .text_all { padding-top:50px;   }
.c_text .pos_2  .video_slider { margin-top:0; padding-top:150px; }
.c_text .pos_2 .text_description   { padding-top:100px;}
.c_text .pos_2 .text_description  .introduction { font-style:italic}
.c_text .pos_2 .text_description  .introduction p { font-size:16px; line-height:22px; }
.c_text .pos_2 .text_description  .text p { font-size:14px; line-height:20px; }

.c_text .pos_2 .gallery_slider_pos_2 { padding-left:15px; padding-right:15px;}
.c_text .pos_2 .gallery_slider_pos_2 .owl-nav     { text-align:right;  }
.c_text .pos_2 .gallery_slider_pos_2 .owl-nav  button   { margin:0; outline:none;  }
.c_text .pos_2 .gallery_slider_pos_2 .owl-nav  button span  { display:none; }
.c_text .pos_2 .gallery_slider_pos_2 .owl-nav  button.owl-prev  {cursor:pointer;  display: inline-block; height: 60px; width: 60px; background:transparent url("../images/interface/arrow_1l.png") no-repeat center center; transition:all .2s ease;}
.c_text .pos_2 .gallery_slider_pos_2 .owl-nav  button.owl-prev:hover  {background:transparent url("../images/interface/arrow_1lh.png") no-repeat center center;}
.c_text .pos_2 .gallery_slider_pos_2 .owl-nav  button.owl-next  { cursor:pointer; display: inline-block; height: 60px; width: 60px; background:transparent url("../images/interface/arrow_1r.png") no-repeat center center; transition:all .2s ease;}
.c_text .pos_2 .gallery_slider_pos_2 .owl-nav  button.owl-next:hover  { background:transparent url("../images/interface/arrow_1rh.png") no-repeat center center;}

#page .c_text .pos_3 h2.title  { padding-top:100px; font-size: 40px;font-family: 'Montserrat', sans-serif; font-weight:300}
.c_text .pos_3 h2.title span { font-size: 40px;font-family: 'Montserrat', sans-serif; font-weight:300}
.c_text .pos_3 .title_principale  .text  { font-size:14px; line-height:20px; column-count:2}
.c_text .pos_3  .video_slider { margin-top:0; }
.c_text .pos_3  .text_all { padding-top:50px;   }

.c_text .pos_3 .img_slider     { padding:0  }
.c_text .pos_3 .img_slider .owl-dots     { display:none !important; margin:0  }
.c_text .pos_3 .img_slider .owl-nav.disabled     { display:block !important; text-align:right;   }
.c_text .pos_3 .img_slider .owl-nav  button   { margin:0; outline:none;  }
.c_text .pos_3 .img_slider .owl-nav  button span  { display:none; }
.c_text .pos_3 .img_slider .owl-nav  button.owl-prev  {cursor:pointer;  display: inline-block; height: 60px; width: 60px; background:transparent url("../images/interface/arrow_1l.png") no-repeat center center; transition:all .2s ease;}
.c_text .pos_3 .img_slider .owl-nav  button.owl-prev:hover  {background:transparent url("../images/interface/arrow_1lh.png") no-repeat center center;}
.c_text .pos_3 .img_slider .owl-nav  button.owl-next  { cursor:pointer; display: inline-block; height: 60px; width: 60px; background:transparent url("../images/interface/arrow_1r.png") no-repeat center center; transition:all .2s ease;}
.c_text .pos_3 .img_slider .owl-nav  button.owl-next:hover  { background:transparent url("../images/interface/arrow_1rh.png") no-repeat center center;}

.node-projet #content .gallery_c  { margin-top:50px; }


/* bloc historique */
.historique { padding-bottom:10px; padding-top:10px; }
.historique .text { display:flex; align-items:center; }
.historique span  { font-family: 'Montserrat', sans-serif; font-weight:300;font-size:14px;  }
.historique span.date  { font-size:24px;  font-weight:400; }

/* page taxonomy tags */
#page.taxonomy_c h2.title  { margin-bottom:75px; }
#page.taxonomy_c h2.title span { margin: 0 0 50px 0;color:#FFF;background:#2c2c2c;padding: 30px 55px; font-size: 46px; letter-spacing:1.5px;  font-family: 'Montserrat', sans-serif; font-weight:400}
#page.taxonomy_c h2.title span a { color:#FFF; transition:all 0.2s ease; }
#page.taxonomy_c h2.title span a:hover { color:#aca460}

#page.taxonomy_c ul.tags  { width:100%; margin-bottom:75px; } 
#page.taxonomy_c ul.tags li a { font-size:40px; } 
#page.taxonomy_c ul.tags li a.active { color:#aca460} 
 
#page.taxonomy_c #content .item  { cursor:pointer; transition:all .2s ease; padding-top:25px; padding-bottom:25px; border-bottom:1px solid #cdcdcd; margin-bottom:50px; }
#page.taxonomy_c #content .item  .counter { position:absolute; top:50%; left:0; margin-left:-16.6667%; font-size:30px; margin-top:-10px;   }
#page.taxonomy_c #content .item .text { display:flex;   justify-content: center; flex-direction:column; padding-left:3%; padding-right:4%;  }
#page.taxonomy_c #content .item .text p {  line-height:20px; font-size:14px;  }
#page.taxonomy_c #content .item .text p.date {  line-height:18px; font-size:14px;  }
#page.taxonomy_c #content .item .text p.date span { float:left; clear:both  }
#page.taxonomy_c #content .item .text p.date span.slash { display:none;  }

#page.taxonomy_c #content .item .text p.tag_tid {  line-height:18px; font-size:16px; font-family: 'Montserrat', sans-serif;  }
#page.taxonomy_c #content .item .text h3 {  font-size: 24px; font-family: 'Montserrat', sans-serif; font-weight:400 }
#page.taxonomy_c #content .item .link_inside { display:flex;   align-items: center; justify-content: center; flex-direction:column }


/* node-7 */
.node-7 #page.page_c ul.tags  { width:100%; margin-bottom:75px; } 
.node-7 #page.page_c ul.tags li a { font-size:40px; } 
.node-7 #page.page_c ul.tags li a.active { color:#aca460} 
 
.node-7 #page.page_c #content .item  { cursor:pointer; transition:all .2s ease; padding-top:25px; padding-bottom:25px; border-bottom:1px solid #cdcdcd; margin-bottom:50px; }
.node-7 #page.page_c #content .item  .counter { position:absolute; top:50%; left:0; margin-left:-16.6667%; font-size:30px; margin-top:-10px;   }
.node-7 #page.page_c #content .item .text { display:flex;   justify-content: center; flex-direction:column; padding-left:3%; padding-right:4%;  }
.node-7 #page.page_c #content .item .text p {  line-height:20px; font-size:14px;  }
.node-7 #page.page_c #content .item .text p.date {  line-height:18px; font-size:14px;  }

.node-7 #page.page_c #content .item .text  .date span { float:left; clear:both  }
.node-7 #page.page_c #content .item .text .date span.slash { display:none;  }


.node-7 #page.page_c #content .item .text p.tag_tid {  line-height:18px; font-size:16px; font-family: 'Montserrat', sans-serif;  }
.node-7 #page.page_c #content .item .text h3 {  font-size: 24px; font-family: 'Montserrat', sans-serif; font-weight:400 }
.node-7 #page.page_c #content .item .link_inside { display:flex;   align-items: center; justify-content: center; flex-direction:column }

 
 /* page taxonomy projet */
#page.taxonomy_projet { padding-top:0; }
#page.taxonomy_projet #img_top { min-height:75vh; background:#eee; width:100%; overflow:hidden; position:relative; display:flex;  align-items: center; justify-content: center;}
#page.taxonomy_projet #img_top .bg_img { background:#aca460; position:absolute; top:0; left:0; height:100%; width:100%; margin:0; opacity:0.7 }
#page.taxonomy_projet #img_top h1 { z-index:50; color:#FFF; text-transform:uppercase; font-weight:300; font-size:40px; margin:0   }
#page.taxonomy_projet #content_top    { border-bottom:5px solid #ebebeb;   } 
#page.taxonomy_projet #content_top  ul.tags  { padding-top:30px; padding-bottom:30px; border-bottom:0; text-align:center; margin-bottom:0  } 
#page.taxonomy_projet #content_top  ul.tags  li a { font-size:20px; padding:0; background:transparent url("../images/interface/sep_taxonomy.png") no-repeat right center; padding:0 20px 0 15px;  } 
#page.taxonomy_projet #content_top  ul.tags  li.last a { background:none; padding:0 0 0 15px;  } 
#page.taxonomy_projet #content_top  ul.tags  li a.active { color:#000; text-decoration:underline; } 

#page.taxonomy_projet #content_top  .bt_nav_c  {height: 60px; margin-bottom:150px;  }
#page.taxonomy_projet #content_top  .bt_nav { left:50%; cursor:pointer; font-size: 0; text-indent: -8000em; display: inline-block; height: 60px; width: 50px; transition:all .2s ease; position:absolute; }
#page.taxonomy_projet #content_top  .bt_previous {margin-left:-75px;  background:transparent url("../images/interface/arrow_1lh.png") no-repeat center center; }
#page.taxonomy_projet #content_top  .bt_previous:hover { background:transparent url("../images/interface/arrow_1l.png") no-repeat center center; }
#page.taxonomy_projet #content_top  .bt_next {  margin-left:25px;  background:transparent url("../images/interface/arrow_1rh.png") no-repeat center center; }
#page.taxonomy_projet #content_top  .bt_next:hover {  background:transparent url("../images/interface/arrow_1r.png") no-repeat center center; }
 
#page.taxonomy_projet .sep_title h2.title  { margin-bottom:50px;  }
#page.taxonomy_projet .sep_title h2.title span { display:inline-block; margin: 0;color:#FFF;background:#2c2c2c;padding: 30px 55px; font-size: 40px; letter-spacing:1.5px;  font-family: 'Montserrat', sans-serif; font-weight:400}
#page.taxonomy_projet .sep_title h2.title span a { color:#FFF; transition:all 0.2s ease; }
 
#page.taxonomy_projet #content .item  { padding-top:50px; padding-bottom:50px; margin-bottom:0; border-bottom:0; min-height:900px; }
#page.taxonomy_projet #content .item  .projet .img_principale { position:absolute; bottom:50%; left:50%; z-index:10; padding:0;  }
#page.taxonomy_projet #content .item  .projet .img_bg { position:absolute; top:50%; left:50%; opacity:0.2; z-index:5; padding:0; }
#page.taxonomy_projet #content .item  .projet .text { position:absolute; top:50%; left:50%; z-index:15; padding:0; align-items:start;   }
#page.taxonomy_projet #content .item  .projet .text  h3 { margin-bottom:10px   }
#page.taxonomy_projet #content .item  .projet .link_inside   { position:absolute; top:50%; left:50%; z-index:20;  align-items:start; padding:0;  max-width:100px;  }
#page.taxonomy_projet #content .item  .projet .counter {position:absolute; top:50%; left:50%; z-index:15; font-size:13px; margin:0 }
 
/* position random */

#page.taxonomy_projet #content .item .projet.pos_1  .img_principale {margin-left:-40%; margin-bottom:-2%; max-width:600px; height:300px; }
#page.taxonomy_projet #content .item .projet.pos_1 .img_bg { margin-left:-20%; margin-top:-18%; max-width:1200px; height:700px;  }
#page.taxonomy_projet #content .item .projet.pos_1  .text { margin-left:-40%; margin-top:4%; max-width:600px;  }
#page.taxonomy_projet #content .item .projet.pos_1  .link_inside { margin-left:-40%; margin-top:8%; }
#page.taxonomy_projet #content .item .projet.pos_1  .counter { margin-left:-13%; margin-top:20%;  }

#page.taxonomy_projet #content .item .projet.pos_2  .img_principale {margin-left:10%; margin-bottom:-2%; max-width:600px; height:300px; }
#page.taxonomy_projet #content .item .projet.pos_2 .img_bg { margin-left:-50%; margin-top:-18%; max-width:1200px; height:700px;  }
#page.taxonomy_projet #content .item .projet.pos_2  .text { margin-left:15%; margin-top:4%; max-width:400px;  }
#page.taxonomy_projet #content .item .projet.pos_2  .link_inside { margin-left:15%; margin-top:8%;   }
#page.taxonomy_projet #content .item .projet.pos_2  .counter { margin-left:-13%; margin-top:15%;  }

#page.taxonomy_projet #content .item .projet.pos_3  .img_principale {margin-left:-40%; margin-bottom:-2%; max-width:600px; height:300px; }
#page.taxonomy_projet #content .item .projet.pos_3 .img_bg { margin-left:-30%; margin-top:-18%; max-width:1200px; height:700px;  }
#page.taxonomy_projet #content .item .projet.pos_3  .text { margin-left:-40%; margin-top:4%; max-width:600px;  }
#page.taxonomy_projet #content .item .projet.pos_3  .link_inside { margin-left:-40%; margin-top:8%;  }
#page.taxonomy_projet #content .item .projet.pos_3  .counter { margin-left:-13%; margin-top:20%;  }

#page.taxonomy_projet #content .item .projet.pos_4  .img_principale {margin-left:-36%; margin-bottom:-25%; max-width:600px; height:300px; }
#page.taxonomy_projet #content .item .projet.pos_4 .img_bg { margin-left:-9%; margin-top:-18%; max-width:1200px; height:700px;  }
#page.taxonomy_projet #content .item .projet.pos_4  .text { margin-left:-40%; margin-top:-9%; max-width:600px;  }
#page.taxonomy_projet #content .item .projet.pos_4  .link_inside { margin-left:-40%; margin-top:-75px;  }
#page.taxonomy_projet #content .item .projet.pos_4  .counter { margin-left:-13%; margin-top:0px;  }

#page.taxonomy_projet #content .item .projet.pos_5  .img_principale {margin-left:10%; margin-bottom:-3%; max-width:600px; height:300px; }
#page.taxonomy_projet #content .item .projet.pos_5 .img_bg { margin-left:-50%; margin-top:-18%; max-width:1200px; height:700px;  }
#page.taxonomy_projet #content .item .projet.pos_5  .text { margin-left:15%; margin-top:4%; max-width:400px; padding-left:150px;   }
#page.taxonomy_projet #content .item .projet.pos_5  .link_inside { margin-left:15%; margin-top:4%; }
#page.taxonomy_projet #content .item .projet.pos_5  .counter { margin-left:-13%; margin-top:15%;  }

#page.taxonomy_projet #content .item .projet.pos_6  .img_principale {margin-left:10%; margin-bottom:-3%; max-width:600px; height:300px; }
#page.taxonomy_projet #content .item .projet.pos_6 .img_bg { margin-left:-50%; margin-top:-18%; max-width:1200px; height:700px;  }
#page.taxonomy_projet #content .item .projet.pos_6  .text { margin-left:10%; margin-top:4%; max-width:400px;   }
#page.taxonomy_projet #content .item .projet.pos_6  .link_inside { margin-left:15%; margin-top:-16%; }
#page.taxonomy_projet #content .item .projet.pos_6  .counter { margin-left:-13%; margin-top:15%;  }

#page.taxonomy_projet #content .item .projet.pos_7 .img_principale {margin-left:-40%; margin-bottom:-20%; max-width:600px; height:300px; }
#page.taxonomy_projet #content .item .projet.pos_7 .img_bg { margin-left:-9%; margin-top:-18%; max-width:1200px; height:700px;  }
#page.taxonomy_projet #content .item .projet.pos_7  .text { margin-left:-40%; margin-top:-9%; max-width:600px;  }
#page.taxonomy_projet #content .item .projet.pos_7  .link_inside { margin-left:-40%; margin-top:-6%;  }
#page.taxonomy_projet #content .item .projet.pos_7  .counter { margin-left:-13%; margin-top:0px;  }

#page.taxonomy_projet #content .item .projet.pos_8 .img_principale {margin-left:13%; margin-bottom:-9%; max-width:600px; height:300px; }
#page.taxonomy_projet #content .item .projet.pos_8 .img_bg { margin-left:-30%; margin-top:-18%; max-width:1200px; height:700px;  }
#page.taxonomy_projet #content .item .projet.pos_8  .text { margin-left:-40%; margin-top:-3%; max-width:600px;  }
#page.taxonomy_projet #content .item .projet.pos_8  .link_inside { margin-left:-40%; margin-top:1%;  }
#page.taxonomy_projet #content .item .projet.pos_8  .counter { margin-left:-13%; margin-top:20%;  } 

#page.taxonomy_projet #content .item .projet.pos_9 .img_principale {margin-left:-4%; margin-bottom:-9%; max-width:600px; height:300px; }
#page.taxonomy_projet #content .item .projet.pos_9 .img_bg { margin-left:-13%; margin-top:-18%; max-width:1200px; height:700px;  }
#page.taxonomy_projet #content .item .projet.pos_9  .text { margin-left:-40%; margin-top:8%; max-width:600px;  }
#page.taxonomy_projet #content .item .projet.pos_9  .link_inside { margin-left:-40%; margin-top:11%;  }
#page.taxonomy_projet #content .item .projet.pos_9  .counter { margin-left:-12%; margin-top:20%;  } 

 
#tag_bottom { background:#000} 
#tag_bottom  ul  { padding:75px 0;  text-align:center; margin-bottom:0; width:100%  } 
#tag_bottom  ul  li { margin: 0;padding: 0;list-style-type: none;display: inline-block;  } 
#tag_bottom  ul  li a { font-size:20px; padding:0; background:transparent url("../images/interface/sep_taxonomy_w.png") no-repeat right center; padding:0 20px 0 15px; color:#fff; font-weight:300; font-family: 'Montserrat', sans-serif; transition:all .2s ease;  } 
#tag_bottom  ul  li.last a { background:none; padding:0 0 0 15px;  } 
#tag_bottom  ul  li a:hover { color:#fff; text-decoration:underline; } 
#tag_bottom  ul  li a.active { color:#fff; text-decoration:underline; } 

 
 
#map_container { height: 600px; background: #eee; position:relative;  }
#map { height: 600px; background: #eee;  }
#map h2 { display: none; }
#map .map_text {float:left; width: 450px; }
#map .map_il { float:left; height:150px; width: 450px; margin-bottom: 20px;}
#map .map_img { float:left; height:150px; width: 250px; position: relative;}
#map .map_img h2 { color: #FFF; position: absolute; bottom:15px; left:15px; font-size: 26px; margin-bottom: 0}
#map .map_logo {float:left;  height:150px; width: 200px}
#map .map_text_inside { float:left; width: 450px}
#map .map_text_inside p { margin-bottom: 0; font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 14px; line-height: 18px; }
#map .map_text_inside p.address { margin-top: 20px; }

#map_container h2 { margin-bottom:25px; font-weight:300 }
#map_container #location-1 { position:absolute; top:0; right:0; height:225px; width:30%;  background:#e8e8e8; z-index:10} 
#map_container #location-1 .text_push { position:absolute; bottom:0; right:0; width:100%; padding:25px 25px 0 25px ; } 
#map_container #location-2 { position:absolute; top:0; right:30%; height:225px; width:20%; background:#d1d1d1;  z-index:10 } 
#map_container #location-2 .text_push { position:absolute; bottom:0; right:0; width:100%; padding:25px 25px 0 25px ;  } 

.gm-style-iw, .gm-style-iw div { overflow-x:hidden!important; }

/* search */
#search_top { float:right; position:fixed; left:0; top:0 ; z-index:9000; background: rgba(255,255,255,.9) }
#search_top .container {  position:relative; height:100%  }
#search_top form { top:50%; margin-top:-35px; position:absolute; width:95%  }
#search_top label { display:none; }
#search_top input.form-text {  outline: none;float:left; width:95%; height:auto; padding:20px 50px; font-size:13px; color:#fff; border:none; border-bottom:1px solid #aca460;  background:#aca460; font-size:40px; height:100px; margin:0 }
#search_top input.form-text:focus { outline: none; }
#search_top input.button { float:left; position:absolute; background:#000 url("../images/interface/ico_search.png") no-repeat scroll center center; border:0; height:100px; width:100px; text-indent:-8000em; float:left; padding:0; cursor:pointer;    }
#search_top input.button:hover {  background:#cdcdcd url("../images/interface/ico_search_h.png") no-repeat scroll center center;}
#search_close a { position: fixed;top:0; right:0; font-size: 30px; line-height: 60px; cursor: pointer; float:left; width: 65px; height: 65px; background:#000 url("../images/interface/close.png") no-repeat center center;transition:all .2s ease; text-indent:-8000em;  }
#search_close a:hover {  background:#cdcdcd url("../images/interface/close.png") no-repeat center center; }

#content.search h2 { text-align:center; margin-top:25px;}

#search_input {  padding:50px 0; }
#search_input .form-item-keys label { display:none}
#search_input .search-advanced { display:none; }
#search_input .form-item { width:90%; margin-right: 1px; display:inline-block; }
#search_input .form-item input {  outline: none;float:left; width:100%; height:auto; padding:20px 50px; font-size:13px; color:#fff; border:none; border-bottom:1px solid #aca460;  background:#aca460; font-size:40px; height:100px; margin:0 }
#search_input input.button { float:left; position:absolute; background:#000 url("../images/interface/ico_search.png") no-repeat scroll center center; border:0; height:100px; width:100px; text-indent:-8000em; float:left; padding:0; cursor:pointer;    }
#search_input input.button:hover {  background:#cdcdcd url("../images/interface/ico_search_h.png") no-repeat scroll center center;}

#search  { padding-top:50px; padding-bottom:50px;  }
#search h2 { font-size: 36px; margin-bottom:25px;  padding-bottom: 5px; text-align: center; }
#search h3 {  margin-bottom:25px; }
#search h3  a { color:#000;}
#search .search_text  {  margin-bottom:25px; }
#search ol li { margin:0; padding:0; list-style-type:none; border-bottom:1px solid #ccc; }
.search-result__snippet { padding:10px 20px; background: #eee; margin-bottom: 10px;}

.search { padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ccc}
.search_snippet  { padding:10px 20px; background: #eee; margin-bottom: 10px;}
.search_snippet p  { margin-bottom:0;}

/* flippy */ 

.pager_flippy { padding-top:25px; padding-bottom:25px; }
.pager_flippy .flippy-previous { bottom:0; position:relative; left:50%; margin-left:-100px; }
.pager_flippy .flippy-next { bottom:0; position:relative; left:50%; margin-left:50px;  }

.flippy-previous  { bottom:75px; margin-left:-150px; position:absolute; display: inline-block; height: 60px; width: 100px;  z-index:50}
.flippy-previous a {cursor:pointer;  display: inline-block; padding-top:40px; height: 60px; width: 100px; background:transparent url("../images/interface/arrow_1lh.png") no-repeat top right; text-align:right; transition:all .2s ease; color:#000; font-size:13px; }
.flippy-previous a:hover  {background:transparent url("../images/interface/arrow_1l.png") no-repeat top center;}

.flippy-next   { bottom:75px; position:absolute; display: inline-block; height: 60px; width: 100px;margin-left:50px; z-index:50 }
.flippy-next a  { cursor:pointer; display: inline-block; padding-top:40px; height: 60px; width: 100px; background:transparent url("../images/interface/arrow_1rh.png") no-repeat top left; transition:all .2s ease; color:#000; font-size:13px; }
.flippy-next a:hover  { background:transparent url("../images/interface/arrow_1r.png") no-repeat top center;}


/* form */
.form  { margin-bottom:50px;  }
.form label {  font-size:20px; color:#4c535e; margin:0 20px 15px 0; }
.form .form-text, .form .form-email, .form .form-textarea, .form-file, .form-select
{ resize:none; margin-top:0; margin-bottom:10px; width:100%; background: #fff; padding:5px 10px; border:0; border-bottom:1px solid #ccc; font-size: 16px;display: inline-block;  font-family: 'Montserrat', sans-serif;}
.js-form-type-webform-document-file .description { display:none; }


.form .js-form-type-checkbox .form-checkbox {  display:inline; margin-right: 10px;} 
.form .js-form-type-checkbox label { display:inline; font-size: 13px;}
.form .radios--wrapper legend { font-size: 20px; font-weight: 800;  color: #4c535e; margin: 0 20px 0 0;}
.form .radios--wrapper legend { font-size: 20px; font-weight: 800;  color: #4c535e; margin: 0 20px 0 0;}
.form .webform-select-other legend {  font-size:20px; font-weight:800; color:#4c535e; float:left; width:auto; margin:0 20px 0 0;}

.form .js-form-type-checkbox { margin-bottom:10px; }
.form .required_field  { text-align: right; font-size: 12px; margin-bottom: 25px; }
.form .actions  { padding-top:20px;}
.form .actions .webform-button--submit { border:none;  border-radius:50px;  transition: all .2s ease; cursor:pointer; padding:10px 50px; font-size:20px; color:#fff; background:#000;  }
.form .actions .webform-button--submit:hover {background:#4c535e;  color:#FFF }


/* pager */ 
.pager {width:100%; position:relative}
.pager ul { text-align:right; padding:0; margin:0; width:100%}
.pager ul li { padding:0; margin:0; display:inline-block; list-style-type:none; }
.pager ul li a { float:left; cursor: pointer;color: #cdcdcd;margin: 0;padding: 0;background: transparent;border: none;font-family: 'Montserrat', sans-serif;font-size: 40px;transition: all .2s ease;outline: none;}
.pager ul li a:hover {  color:#000}
.pager ul li.is-active a { color:#000}
.pager ul li.pager__item--previous a { float: right;cursor: pointer;font-size: 0;text-indent: -8000em; display: inline-block;height: 60px;width: 150px;background: transparent url("../images/interface/arrow_1l.png") no-repeat center center;transition: all .2s ease;}
.pager ul li.pager__item--previous a:hover { background: transparent url("../images/interface/arrow_1lh.png") no-repeat center center;}
.pager ul li.pager__item--next a { float: right;cursor: pointer;font-size: 0;text-indent: -8000em; display: inline-block;height: 60px;width: 150px;background: transparent url("../images/interface/arrow_1r.png") no-repeat center center;transition: all .2s ease;}
.pager ul li.pager__item--next a:hover { background: transparent url("../images/interface/arrow_1rh.png") no-repeat center center;}
.pager ul li.pager__item--last { display:none; }
.pager ul li.pager__item--first { display:none; }


/* calameo */
.calameo_slide iframe { width:100%; min-height:700px; margin-top:50px; }
/*

*/


/*******************************/
 /* Responsive */
@media (max-width: 767px) {

	#toolbar-administration { display:none; }
	#menu_tasks { display:none; }
	body.toolbar-tray-open.toolbar-vertical.toolbar-fixed { margin:0 !important}
	
	body.toolbar-fixed .navbar-brand { top:0}
	body.toolbar-fixed .search_bt { top:0}
	body.toolbar-fixed .navbar-toggler { top:0}
	body.toolbar-fixed #menu_c { top:0}
	body.toolbar-fixed #contact_c { top:0}
	body.toolbar-fixed .nav-contact { top:65px}
	.bg { display:none}
	
	h2 { font-size:30px}
	a.bt { padding:15px 25px; display:inline-block;  width:100%;}
	.navbar-toggle { display: block; float:right; }
	.collapse:not(.show) { display:none;}
	.navbar-collapse { display:none; }
	.navbar-collapse.show { display:block; }
	
	#navbar { padding:0; z-index:10; }
	#navbar ul li  { width:100%;  }
	#navbar ul li a { border-bottom:1px solid #fff; color:#000; font-weight: bold; width:100%; text-align:center; padding:20px}
	#navbar ul li a:hover, #navbar ul li a.active { background:#fff;  border-bottom:1px solid #FF9000; color:#000; }
	#navbar ul ul { position:relative;  }
	#navbar ul li.menu-item-has-children ul li a{ text-align:center;  }
	
	#footer { border-top:1px solid #ccc}
	#footer .f1 {padding:25px; }
	#footer .f1 ul li a { font-size:24px; }
	#footer .f2 .inside { width:100%; padding:25px 10px}
	#footer .f2 ul li a { margin-bottom:10px; }
	#footer .f3 .inside { width:100%; padding:25px 0 }
	#footer .f3 ul { text-align:center;  }
	#footer .f3 ul li a { margin:0 5px; }
	#footer .f3 .inside h3 { font-size:32px; text-align:center; }
	#footer .f4 p { text-align:center; }
	#to_top { position:absolute; right:25px; margin-top:-650px; top:0;  }
	.search_bt { right:150px; }
	#menu_jmj { width:100%; }
	#menu_jmj .menu ul li { width:100%; }
	#menu_jmj .menu ul li a { margin-bottom:0}
	#menu_jmj .social { bottom:75px;}
	
	#menu_jmj .social ul li a { margin:0 5px}
	
	#map_container { height:auto; }
	#map { height:300px; }
	#map_container #location-1 { position:relative; width:100%; height:auto; }
	#map_container #location-1 .text_push { position:relative; padding:25px;  }
	#map_container #location-2 { position: relative; ; width:100%; right:0; height:auto; }
	#map_container #location-2 .text_push { position:relative; padding:25px;  }
	
	#contact_jmj{ width:100%; padding:50px}
	#contact_jmj h3 span { font-size:24px; }
	
	#home .home_text  { margin-top:-175px; }
	#home .home_text h1  { height: 150px; margin-bottom:25px;}
	#home .home_text h1 a {width: 100%; height: 150px;background:transparent url("../images/interface/logo_home_xs.png") no-repeat center center}
	#home .home_text ul li { width:100%; margin-bottom:25px; }
	#home .home_text ul li a { width:30%;}
	#home .home_text p { font-size:24px; }
	.home_c .title h2 span { padding:5px 15px;}
	
	.navbar-brand, .navbar-brand:focus { height: 65px;width: 150px;background:transparent url("../images/interface/logo.png") no-repeat center center}
	
	.slide { padding-bottom:25px; }
	.home_c .title { position:relative; margin:0; width:100%; }
	.home_c .title h1  {line-height:50px; text-align:left;   }
	#page.home_c  h1 {text-align:left; margin-bottom:0   }
	#page.home_c  h1 span {text-align:left; margin-bottom:10px   }
	.home_c .title h1 .bg_text {margin:0; font-size:30px; line-height:36px; text-align:center; padding:0; background:none  }
	.home_c .title h1 .bg_text span { display:inline-block; padding:5px 15px; background:#2c2c2c; margin:0 15px 0 0; }
	.home_c .title .subtitle { padding-top:25px; }
	.home_c .introduction { margin:0; padding-top:0;}
	.home_c .introduction p { line-height:22px; }
	.home_c .chapter { margin:0; text-align:center; font-size:15px; width:100%; margin-bottom:25px; }
	
	.home_c #chapter_1 .img_principale { height:300px; max-width: 100%;flex: 100%;}
	.home_c #chapter_1 .img_principale .item { height:300px; }
	.home_c #chapter_1 a .play { bottom:auto; left:50%; top:50%; width:100px; height:100px; margin:-50px 0 0 -50px; }
	.home_c .title h2 { text-align:center; }
	
	#search_top input.form-text { font-size:16px; width:100%; padding:20px; height:50px; }
	#search_top input.button { clear:both; position:relative; float:right;width:100%;  height:50px; }
	
	#search_input .form-item { width:100%; margin-bottom:0; float:left; }
	#search_input .form-item input { font-size:16px; width:100%; padding:20px; height:50px; }
	#search_input input.button { clear:both; position:relative; float:right;width:100%;  height:50px; }
	
	#contact_jmj { padding:25px; }
	.form .js-form-type-checkbox label { display:inline;  margin-bottom:0}
	.form .form-text, .form .form-email, .form .form-textarea, .form-file, .form-select { padding:2px 10px; }
	#page_i { padding-left:15px}
	
	#chapter_1 .img_slider  .owl-dots { margin:0; position:absolute; top:10px; right:5px}
	#chapter_1 .title { margin-top:-50px}
	
	#chapter_2 { margin-bottom:50px; }
	#chapter_2 .title   { position:absolute; top:10%;}
	#chapter_2 .title h2  { margin:0 }
	#chapter_2 .title h2  span { display:inline-block; margin:0}
	#chapter_2 .introduction  { display:none;  }
	#chapter_2 .presentation_atelier_1 { padding-top:25px; display:none; }
	#chapter_2 .side { padding:15px; display:none;  }
	#chapter_2 .side p { margin-bottom:0}
	#chapter_2 .side.side_1 span { display:none; }
	#chapter_2 .side.side_2 span { display:none; }
	#chapter_2 .side .img { height:100px; display:none; }
	#chapter_2 .side a { font-size: 24px;margin-bottom: 25px;font-family: 'Roboto', sans-serif; margin:0; display:inline-block; } 
	#chapter_2 .side.side_1  { align-items: center} 
	#chapter_2 .side.side_1 a  { transform:rotate(0deg) translate(0, 0); margin:0} 
	#chapter_2 .side.side_2  { align-items: center} 
	#chapter_2 .side.side_2  a { transform:rotate(0deg) translate(0,0); margin:0} 
	#chapter_2 .galerie_atelier{  padding-left:0; padding-right:0; height:500px; }
	#chapter_2 .galerie_atelier .item {  height:500px; }
/*	#chapter_2 .galerie_atelier .galerie_bg { position:absolute; height:500px; top:0; left:0; width:100%; background:#aca460; z-index:10}*/
	
	#chapter_2 .img_slider  .item {  padding-left:0; padding-right:0 }
	#chapter_2 .img_slider .owl-nav.disabled { display:block !important; position:absolute; bottom:0; width:100% }
	#chapter_2 .img_slider .owl-nav.disabled  button   { margin:0 }
	#chapter_2 .img_slider .owl-nav.disabled  button span  {display:none; }
	#chapter_2 .img_slider .owl-nav.disabled  button.owl-prev  {position:absolute; bottom:0; left:0; cursor:pointer;  display: inline-block; height: 60px; width: 60px; background:transparent url("../images/interface/arrow_1l.png") no-repeat center center; transition:all .2s ease;}
	#chapter_2 .img_slider .owl-nav.disabled  button.owl-prev:hover  {background:transparent url("../images/interface/arrow_1lh.png") no-repeat center center;}
	#chapter_2 .img_slider .owl-nav.disabled  button.owl-next  {position:absolute; bottom:0; right:0;  cursor:pointer; display: inline-block; height: 60px; width: 60px; background:transparent url("../images/interface/arrow_1r.png") no-repeat center center; transition:all .2s ease;}
	#chapter_2 .img_slider .owl-nav.disabled  button.owl-next:hover  { background:transparent url("../images/interface/arrow_1rh.png") no-repeat center center;}
	#chapter_2 .chapter  { bottom:30px; z-index:50}
	
	
	
	#chapter_2 .img_slider .owl-dots { display:none; }
	
	#chapter_3 { padding-top:0}
	#chapter_3 .item.item_1 .bg_img { background:#aca460;}
	#chapter_3 .item.item_4 .bg_img { background:#aca460;}
	#chapter_3 .item.item_5 .bg_img { background:#aca460;}
	#chapter_3 .item.item_8 .bg_img { background:#aca460;}
	
	#chapter_3 .item.item_2 .bg_img { background:#65887f;}
	#chapter_3 .item.item_3 .bg_img { background:#65887f;}
	#chapter_3 .item.item_6 .bg_img { background:#65887f;}
	#chapter_3 .item.item_7 .bg_img { background:#65887f;}
	#chapter_3 h2.title  { width:100%; margin-bottom:0 }
	#chapter_3 h2.title span { display:inline-block; padding:10px 15px; font-size:24px; text-align:center; width:100%;  }
	
	#chapter 4 { padding-bottom:0}
	
	#page h1 { margin-top:0; text-align:center; font-size:36px; line-height:42px; margin-bottom:25px;  }
	#page.page_c h1.title {margin-top:0; text-align:center; font-size:36px; line-height:42px; margin-bottom:25px;}
	#page.page_c h1.title span { padding:5px 15px;}
	#page ul.tags { width:100%; padding:15px}
	#page ul.tags li { width:100%; text-align:center; }
	#page ul.tags li a { width:100%; display:inline-block; padding-right:0}
	.node-7 #page.page_c ul.tags li a { font-size:20px; padding-bottom:5px;}
	.node-7 #page.page_c ul.tags { margin-bottom:0; }
	.node-7 #page.page_c #content .item { padding-top:0}
	.node-7 #page.page_c #content .item  .img{ max-height:300px; margin-bottom:25px; overflow:hidden;  }
	
	
	#page.taxonomy_c h2.title  { margin-top:0; text-align:center; font-size:36px; line-height:42px; margin-bottom:25px;  }
	#page.taxonomy_c h2.title span { padding:5px 15px;}

	#page.taxonomy_c ul.tags { margin-bottom:0; }
	#page.taxonomy_c ul.tags li a { font-size:20px; padding-bottom:5px;}
	#page.taxonomy_c #content .item { padding-top:0}
	#page.taxonomy_c #content .item  .img{ max-height:300px; margin-bottom:25px; overflow:hidden;  }
	
	
	.gallery_c .item { -ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%}
	.gallery_c .pos_w { -ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%}
	.gallery_c .item .inside { min-height:200px; }
	#other_project h2.title { margin-bottom:25px; }
	#other_project .publication_slider_s { margin:0}
	#other_project .publication_slider .slider_nav .slider_prev { float:left; }
	#other_project .publication_slider .slider_nav .slider_nav_dots { display:none; }
	#other_project .publication_slider { max-height:100%; }
	#other_project { margin-bottom:25px; }
	
	#tag_bottom ul {padding-top:25px; padding-bottom:25px; }
	#tag_bottom ul li { width:100%; display:inline-block; }
	#tag_bottom ul li a { width:100%; display:inline-block; background:none; }
	
	#page_slider{ margin-bottom:25px; }
	#chapter_3 .item { height: 150px; }
	#chapter_3 .item .img_top { height:150px; }
	#chapter_3 .item a { font-size:16px; padding:10px  }
	.home_c #chapter_4 .publication_slider .slider_nav .slider_nav_dots { display:none; }
	.home_c #chapter_4 .publication_slider .slider_nav .slider_prev { float:left; }
	
	.home_c #chapter_4 .publication_slider_s { margin-left:0} 
	.home_c #chapter_4 .publication_slider { max-height:auto; }
	.home_c #chapter_4 .item { width:80%; margin-left:10%}
	
	#page.home_c { padding-bottom:100px; }
	
	#page .c_text .pos_1 .img-principale-slider { padding:90px 0 0 0; right:0}
	#page .c_text .pos_1 .img_principale {min-height:500px;}
	#page .c_text .pos_1 .title_principale { bottom:100px; top:auto; left:auto; margin:0;  }
	#page .c_text .pos_1 .title_principale h2 { margin:0 0 25px 0; padding:0 5%}
	#page .c_text .pos_1 .title_principale h3{ margin:0; padding:0 5%}
	#page .c_text .pos_1 .text_all { margin-top:-50px;}
	#page .c_text .pos_1 .title_principale h2 .bg_text {margin:0;  padding:0; background:none;    }
	#page .c_text .pos_1 .title_principale h2 .bg_text span { display:inline-block; padding:5px 15px; background:#2c2c2c; margin:0 0 10px 0; font-size:30px;}
	#page .c_text .pos_1 .video_slider {  margin-top:0; margin-bottom:25px;}
	#page .c_text .pos_1 .gallery_slider {  margin-top:0; margin-bottom:25px;}
	#page .gallery_slider { padding-left:15px; padding-right:15px;;}
	#page .c_text .pos_2 h2.title { padding-top:0}
	
	#page .c_text .pos_2 .text_description { padding-top:25px; margin-bottom:25px;}
	#page .c_text .pos_2 .video_slider { padding-top:0; margin-bottom:25px;}
	#page .c_text .pos_3 h2.title { padding-top:0}
	.c_text .pos_3 .title_principale .text { column-count:1}
	#page .c_text .pos_3 .img_slider { padding-left:15px; padding-right:15px;;}
	
	.historique .text { padding-left:15px; padding-right:15px;  }
	
	#page.taxonomy_projet #img_top { min-height:300px}
	#page.taxonomy_projet #content_top ul.tags li { width:100%; }
	#page.taxonomy_projet #content_top ul.tags li a { background:none; display:inline-block; }
	#page.taxonomy_projet #content_top ul.tags li.last a { padding:0 15px; }
	
	#page.taxonomy_projet {padding-top:150px; }
	#page.taxonomy_projet #content .item { padding:0 15px; min-height:auto; margin-bottom:50px; overflow:hidden}
	
	#page.taxonomy_projet #content .item .projet .img_principale { position:relative; top:0; left:0;  }
	#page.taxonomy_projet #content .item .projet .img_bg { top:0; left:0; opacity:0.1 }
	#page.taxonomy_projet #content .item .projet .text{ position:relative; top:0; left:0; text-align:center;   max-width:100%;  display:inline-block; }
	#page.taxonomy_projet #content .item .projet .link_inside { position:relative; top:0; left:0; max-width:100%; text-align:center; display:inline-block;   }
	#page.taxonomy_projet #content .item .projet .counter { position:relative; top:0; left:0; width:100%; text-align:center; display:inline-block;   }
	#page.taxonomy_projet #content .item .projet.pos_1 .text { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_2 .text { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_3 .text { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_4 .text { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_5 .text { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_6 .text { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_7 .text { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_8 .text { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_9 .text { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_1 .img_bg { margin:100px 0 0 0; padding:0; max-height:400px;  max-width:90%;left:10%}
	#page.taxonomy_projet #content .item .projet.pos_2 .img_bg { margin:100px 0 0 0; padding:0;  max-height:400px; max-width:90%;}
	#page.taxonomy_projet #content .item .projet.pos_3 .img_bg { margin:0; padding:0;  max-height:600px; max-width:90%;left:10%;  }
	#page.taxonomy_projet #content .item .projet.pos_4 .img_bg { margin:100px 0 0 0; padding:0; max-height:400px;  max-width:90%;left:10%}
	#page.taxonomy_projet #content .item .projet.pos_5 .img_bg { margin:100px 0 0 0; padding:0;  max-height:400px; max-width:90%;}
	#page.taxonomy_projet #content .item .projet.pos_6 .img_bg { margin:0; padding:0;  max-height:600px; max-width:90%;left:10%; }
	#page.taxonomy_projet #content .item .projet.pos_7 .img_bg { margin:100px 0 0 0; padding:0; max-height:400px;  max-width:90%;left:10%}
	#page.taxonomy_projet #content .item .projet.pos_8 .img_bg { margin:100px 0 0 0; padding:0;  max-height:400px; max-width:90%;}
	#page.taxonomy_projet #content .item .projet.pos_9 .img_bg { margin:0; padding:0;  max-height:600px; max-width:90%;left:10%;}
	#page.taxonomy_projet #content .item .projet.pos_1 .img_principale { margin:0; margin-bottom:25px; padding:0 15px; max-width:90%; left:0; min-height:250px; height:250px; }
	#page.taxonomy_projet #content .item .projet.pos_2 .img_principale { margin:0; margin-bottom:25px; padding:0 15px; max-width:90%; left:10%; min-height:250px; height:250px;}
	#page.taxonomy_projet #content .item .projet.pos_3 .img_principale { margin:75px 0 0 0; margin-bottom:25px; padding:0 15px; max-width:90%; left:5%; min-height:250px; height:250px;}
	#page.taxonomy_projet #content .item .projet.pos_4 .img_principale { margin:0; margin-bottom:25px; padding:0 15px; max-width:90%; left:0; min-height:250px; height:250px;}
	#page.taxonomy_projet #content .item .projet.pos_5 .img_principale { margin:0; margin-bottom:25px; padding:0 15px; max-width:90%; left:10%; min-height:250px; height:250px;}
	#page.taxonomy_projet #content .item .projet.pos_6 .img_principale {margin:75px 0 0 0; margin-bottom:25px; padding:0 15px; max-width:90%; left:5%; min-height:250px; height:250px;}
	#page.taxonomy_projet #content .item .projet.pos_7 .img_principale { margin:0; margin-bottom:25px; padding:0 15px; max-width:90%; left:0; min-height:250px; height:250px;}
	#page.taxonomy_projet #content .item .projet.pos_8 .img_principale { margin:0; margin-bottom:25px; padding:0 15px; max-width:90%; left:10%; min-height:250px; height:250px;}
	#page.taxonomy_projet #content .item .projet.pos_9 .img_principale { margin:75px 0 0 0; margin-bottom:25px; padding:0 15px; max-width:90%; left:5%; min-height:250px; height:250px;}
	#page.taxonomy_projet #content .item .projet.pos_1 .link_inside { margin:0; margin-bottom:50px; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_2 .link_inside { margin:0; margin-bottom:50px; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_3 .link_inside { margin:0; margin-bottom:50px; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_4 .link_inside { margin:0; margin-bottom:50px; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_5 .link_inside { margin:0 ;margin-bottom:50px; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_6 .link_inside { margin:0; margin-bottom:50px; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_7 .link_inside { margin:0; margin-bottom:50px; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_8 .link_inside { margin:0; margin-bottom:50px; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_9 .link_inside { margin:0;margin-bottom:50px; padding:0 15px}
	
	#page.taxonomy_projet #content .item .projet.pos_1 .counter { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_2 .counter { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_3 .counter { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_4 .counter { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_5 .counter { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_6 .counter { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_7 .counter { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_8 .counter { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_9 .counter { margin:0; padding:0 15px}
	
	#page.taxonomy_projet #content_top .bt_nav_c { margin-bottom:25px; }
	
	.video_slider { margin-top:0}
	#page .text_r .text { column-count:1}
	
	#content_top  .date { position:relative; top:0; left:auto; text-align:center  }
	#content_top  .date span { float:none; clear:none  }
	#content_top  .date span.slash { display:inline-block;  }
	
	}



@media (min-width: 768px) and (max-width: 991px) {
	
	#toolbar-administration { display:none; }
	#menu_tasks { display:none; }
	body.toolbar-tray-open.toolbar-vertical.toolbar-fixed { margin:0 !important}
	
	body.toolbar-fixed .navbar-brand { top:0}
	body.toolbar-fixed .search_bt { top:0}
	body.toolbar-fixed .navbar-toggler { top:0}
	body.toolbar-fixed #menu_c { top:0}
	body.toolbar-fixed #contact_c { top:0}
	body.toolbar-fixed .nav-contact { top:65px}
	.bg { display:none}
	
	h2 { font-size:30px}
	a.bt { padding:15px 25px; display:inline-block;  width:100%;}
	.navbar-toggle { display: block; float:right; }
	.collapse:not(.show) { display:none;}
	.navbar-collapse { display:none; }
	.navbar-collapse.show { display:block; }
	
	#navbar { padding:0; z-index:10; }
	#navbar ul li  { width:100%;  }
	#navbar ul li a { border-bottom:1px solid #fff; color:#000; font-weight: bold; width:100%; text-align:center; padding:20px}
	#navbar ul li a:hover, #navbar ul li a.active { background:#fff;  border-bottom:1px solid #FF9000; color:#000; }
	#navbar ul ul { position:relative;  }
	#navbar ul li.menu-item-has-children ul li a{ text-align:center;  }
	
	#footer { border-top:1px solid #ccc}
	#footer .f1 {padding:25px; }
	#footer .f1 ul li a { font-size:24px; }
	#footer .f2 .inside { width:100%; padding:25px 10px}
	#footer .f2 ul li a { margin-bottom:10px; }
	#footer .f3 .inside { width:100%; padding:25px 0 }
	#footer .f3 ul { text-align:center;  }
	#footer .f3 ul li a { margin:0 5px; }
	#footer .f3 .inside h3 { font-size:32px; text-align:center; }
	#footer .f4 p { text-align:center; }
	#to_top { position:absolute; right:25px; margin-top:-650px; top:0;  }
	.search_bt { right:150px; }
	#menu_jmj { width:100%; }
	#menu_jmj .menu ul li { width:100%; }
	#menu_jmj .menu ul li a { margin-bottom:0}
	#menu_jmj .social { bottom:75px;}
	
	#menu_jmj .social ul li a { margin:0 5px}
	
	#map_container { height:auto; }
	#map { height:300px; }
	#map_container #location-1 { position:relative; width:100%; height:auto; }
	#map_container #location-1 .text_push { position:relative; padding:25px;  }
	#map_container #location-2 { position: relative; ; width:100%; right:0; height:auto; }
	#map_container #location-2 .text_push { position:relative; padding:25px;  }
	
	#contact_jmj{ width:100%; padding:50px}
	#contact_jmj h3 span { font-size:24px; }
	
	#home .home_text  { margin-top:-175px; }
	#home .home_text h1  { height: 150px; margin-bottom:25px;}
	#home .home_text h1 a {width: 100%; height: 150px;background:transparent url("../images/interface/logo_home_xs.png") no-repeat center center}
	#home .home_text ul li { width:100%; margin-bottom:25px; }
	#home .home_text ul li a { width:30%;}
	#home .home_text p { font-size:24px; }
	.home_c .title h2 span { padding:5px 15px;}
	
	.navbar-brand, .navbar-brand:focus { height: 65px;width: 150px;background:transparent url("../images/interface/logo.png") no-repeat center center}
	
	.slide { padding-bottom:25px; }
	.home_c .title { position:relative; margin:0; width:100%; }
	.home_c .title h1  {line-height:50px; text-align:left;   }
	#page.home_c  h1 {text-align:left; margin-bottom:0   }
	#page.home_c  h1 span {text-align:left; margin-bottom:10px   }
	.home_c .title h1 .bg_text {margin:0; font-size:30px; line-height:36px; text-align:center; padding:0; background:none  }
	.home_c .title h1 .bg_text span { display:inline-block; padding:5px 15px; background:#2c2c2c; margin:0 15px 0 0; }
	.home_c .title .subtitle { padding-top:25px; }
	.home_c .introduction { margin:0; padding-top:0;}
	.home_c .introduction p { line-height:22px; }
	.home_c .chapter { margin:0; text-align:center; font-size:15px; width:100%; margin-bottom:25px; }
	
	.home_c #chapter_1 .img_principale { height:300px; max-width: 100%;flex: 100%;}
	.home_c #chapter_1 .img_principale .item { height:300px; }
	.home_c #chapter_1 a .play { bottom:auto; left:50%; top:50%; width:100px; height:100px; margin:-50px 0 0 -50px; }
	.home_c .title h2 { text-align:center; }
	
	#search_top input.form-text { font-size:16px; width:100%; padding:20px; height:50px; }
	#search_top input.button { clear:both; position:relative; float:right;width:100%;  height:50px; }
	
	#search_input .form-item { width:100%; margin-bottom:0; float:left; }
	#search_input .form-item input { font-size:16px; width:100%; padding:20px; height:50px; }
	#search_input input.button { clear:both; position:relative; float:right;width:100%;  height:50px; }
	
	#contact_jmj { padding:25px; }
	.form .js-form-type-checkbox label { display:inline;  margin-bottom:0}
	.form .form-text, .form .form-email, .form .form-textarea, .form-file, .form-select { padding:2px 10px; }
	#page_i { padding-left:15px}
	
	#chapter_1 .img_slider  .owl-dots { margin:0; position:absolute; top:10px; right:5px}
	#chapter_1 .title { margin-top:-50px}
	
	#chapter_2 { margin-bottom:50px; }
	#chapter_2 .title   { position:absolute; top:10%;}
	#chapter_2 .title h2  { margin:0 }
	#chapter_2 .title h2  span { display:inline-block; margin:0}
	#chapter_2 .introduction  { display:none;  }
	#chapter_2 .presentation_atelier_1 { padding-top:25px; display:none; }
	#chapter_2 .side { padding:15px; display:none;  }
	#chapter_2 .side p { margin-bottom:0}
	#chapter_2 .side.side_1 span { display:none; }
	#chapter_2 .side.side_2 span { display:none; }
	#chapter_2 .side .img { height:100px; display:none; }
	#chapter_2 .side a { font-size: 24px;margin-bottom: 25px;font-family: 'Roboto', sans-serif; margin:0; display:inline-block; } 
	#chapter_2 .side.side_1  { align-items: center} 
	#chapter_2 .side.side_1 a  { transform:rotate(0deg) translate(0, 0); margin:0} 
	#chapter_2 .side.side_2  { align-items: center} 
	#chapter_2 .side.side_2  a { transform:rotate(0deg) translate(0,0); margin:0} 
	#chapter_2 .galerie_atelier{  padding-left:0; padding-right:0; height:500px; }
	#chapter_2 .galerie_atelier .item {  height:500px; }
/*	#chapter_2 .galerie_atelier .galerie_bg { position:absolute; height:500px; top:0; left:0; width:100%; background:#aca460; z-index:10}*/
	
	#chapter_2 .img_slider  .item {  padding-left:0; padding-right:0 }
	#chapter_2 .img_slider .owl-nav.disabled { display:block !important; position:absolute; bottom:0; width:100% }
	#chapter_2 .img_slider .owl-nav.disabled  button   { margin:0 }
	#chapter_2 .img_slider .owl-nav.disabled  button span  {display:none; }
	#chapter_2 .img_slider .owl-nav.disabled  button.owl-prev  {position:absolute; bottom:0; left:0; cursor:pointer;  display: inline-block; height: 60px; width: 60px; background:transparent url("../images/interface/arrow_1l.png") no-repeat center center; transition:all .2s ease;}
	#chapter_2 .img_slider .owl-nav.disabled  button.owl-prev:hover  {background:transparent url("../images/interface/arrow_1lh.png") no-repeat center center;}
	#chapter_2 .img_slider .owl-nav.disabled  button.owl-next  {position:absolute; bottom:0; right:0;  cursor:pointer; display: inline-block; height: 60px; width: 60px; background:transparent url("../images/interface/arrow_1r.png") no-repeat center center; transition:all .2s ease;}
	#chapter_2 .img_slider .owl-nav.disabled  button.owl-next:hover  { background:transparent url("../images/interface/arrow_1rh.png") no-repeat center center;}
	#chapter_2 .chapter  { bottom:30px; z-index:50}
	
	
	
	#chapter_2 .img_slider .owl-dots { display:none; }
	
	#chapter_3 { padding-top:0}
	#chapter_3 .item.item_1 .bg_img { background:#aca460;}
	#chapter_3 .item.item_4 .bg_img { background:#aca460;}
	#chapter_3 .item.item_5 .bg_img { background:#aca460;}
	#chapter_3 .item.item_8 .bg_img { background:#aca460;}
	
	#chapter_3 .item.item_2 .bg_img { background:#65887f;}
	#chapter_3 .item.item_3 .bg_img { background:#65887f;}
	#chapter_3 .item.item_6 .bg_img { background:#65887f;}
	#chapter_3 .item.item_7 .bg_img { background:#65887f;}
	#chapter_3 h2.title  { width:100%; margin-bottom:0 }
	#chapter_3 h2.title span { display:inline-block; padding:10px 15px; font-size:24px; text-align:center; width:100%;  }
	
	#chapter 4 { padding-bottom:0}
	
	#page h1 { margin-top:0; text-align:center; font-size:36px; line-height:42px; margin-bottom:25px;  }
	#page.page_c h1.title {margin-top:0; text-align:center; font-size:36px; line-height:42px; margin-bottom:25px;}
	#page.page_c h1.title span { padding:5px 15px;}
	#page ul.tags { width:100%; padding:15px}
	#page ul.tags li { width:100%; text-align:center; }
	#page ul.tags li a { width:100%; display:inline-block; padding-right:0}
	.node-7 #page.page_c ul.tags li a { font-size:20px; padding-bottom:5px;}
	.node-7 #page.page_c ul.tags { margin-bottom:0; }
	.node-7 #page.page_c #content .item { padding-top:0}
	.node-7 #page.page_c #content .item  .img{ max-height:300px; margin-bottom:25px; overflow:hidden;  }
	
	
	#page.taxonomy_c h2.title  { margin-top:0; text-align:center; font-size:36px; line-height:42px; margin-bottom:25px;  }
	#page.taxonomy_c h2.title span { padding:5px 15px;}

	#page.taxonomy_c ul.tags { margin-bottom:0; }
	#page.taxonomy_c ul.tags li a { font-size:20px; padding-bottom:5px;}
	#page.taxonomy_c #content .item { padding-top:0}
	#page.taxonomy_c #content .item  .img{ max-height:300px; margin-bottom:25px; overflow:hidden;  }
	
	
	.gallery_c .item { -ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%}
	.gallery_c .pos_w { -ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%}
	.gallery_c .item .inside { min-height:200px; }
	#other_project h2.title { margin-bottom:25px; }
	#other_project .publication_slider_s { margin:0}
	#other_project .publication_slider .slider_nav .slider_prev { float:left; }
	#other_project .publication_slider .slider_nav .slider_nav_dots { display:none; }
	#other_project .publication_slider { max-height:100%; }
	#other_project { margin-bottom:25px; }
	
	#tag_bottom ul {padding-top:25px; padding-bottom:25px; }
	#tag_bottom ul li { width:100%; display:inline-block; }
	#tag_bottom ul li a { width:100%; display:inline-block; background:none; }
	
	#page_slider{ margin-bottom:25px; }
	#chapter_3 .item { height: 150px; }
	#chapter_3 .item .img_top { height:150px; }
	#chapter_3 .item a { font-size:16px; padding:10px  }
	.home_c #chapter_4 .publication_slider .slider_nav .slider_nav_dots { display:none; }
	.home_c #chapter_4 .publication_slider .slider_nav .slider_prev { float:left; }
	
	.home_c #chapter_4 .publication_slider_s { margin-left:0} 
	.home_c #chapter_4 .publication_slider { max-height:auto; }
	.home_c #chapter_4 .item { width:80%; margin-left:10%}
	
	#page.home_c { padding-bottom:100px; }
	
	#page .c_text .pos_1 .img-principale-slider { padding:90px 0 0 0; right:0}
	#page .c_text .pos_1 .img_principale {min-height:500px;}
	#page .c_text .pos_1 .title_principale { bottom:100px; top:auto; left:auto; margin:0;  }
	#page .c_text .pos_1 .title_principale h2 { margin:0 0 25px 0; padding:0 5%}
	#page .c_text .pos_1 .title_principale h3{ margin:0; padding:0 5%}
	#page .c_text .pos_1 .text_all { margin-top:-50px;}
	#page .c_text .pos_1 .title_principale h2 .bg_text {margin:0;  padding:0; background:none;    }
	#page .c_text .pos_1 .title_principale h2 .bg_text span { display:inline-block; padding:5px 15px; background:#2c2c2c; margin:0 0 10px 0; font-size:30px;}
	#page .c_text .pos_1 .video_slider {  margin-top:0; margin-bottom:25px;}
	#page .c_text .pos_1 .gallery_slider {  margin-top:0; margin-bottom:25px;}
	#page .gallery_slider { padding-left:15px; padding-right:15px;;}
	#page .c_text .pos_2 h2.title { padding-top:0}
	
	#page .c_text .pos_2 .text_description { padding-top:25px; margin-bottom:25px;}
	#page .c_text .pos_2 .video_slider { padding-top:0; margin-bottom:25px;}
	#page .c_text .pos_3 h2.title { padding-top:0}
	.c_text .pos_3 .title_principale .text { column-count:1}
	#page .c_text .pos_3 .img_slider { padding-left:15px; padding-right:15px;;}
	
	.historique .text { padding-left:15px; padding-right:15px;  }
	
	#page.taxonomy_projet #img_top { min-height:300px}
	#page.taxonomy_projet #content_top ul.tags li { width:100%; }
	#page.taxonomy_projet #content_top ul.tags li a { background:none; display:inline-block; }
	#page.taxonomy_projet #content_top ul.tags li.last a { padding:0 15px; }
	
	#page.taxonomy_projet {padding-top:150px; }
	#page.taxonomy_projet #content .item { padding:0 15px; min-height:auto; margin-bottom:50px; overflow:hidden}
	
	#page.taxonomy_projet #content .item .projet .img_principale { position:relative; top:0; left:0;  }
	#page.taxonomy_projet #content .item .projet .img_bg { top:0; left:0; opacity:0.1 }
	#page.taxonomy_projet #content .item .projet .text{ position:relative; top:0; left:0; text-align:center;   max-width:100%;  display:inline-block; }
	#page.taxonomy_projet #content .item .projet .link_inside { position:relative; top:0; left:0; max-width:100%; text-align:center; display:inline-block;   }
	#page.taxonomy_projet #content .item .projet .counter { position:relative; top:0; left:0; width:100%; text-align:center; display:inline-block;   }
	#page.taxonomy_projet #content .item .projet.pos_1 .text { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_2 .text { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_3 .text { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_4 .text { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_5 .text { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_6 .text { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_7 .text { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_8 .text { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_9 .text { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_1 .img_bg { margin:100px 0 0 0; padding:0; max-height:400px;  max-width:90%;left:10%}
	#page.taxonomy_projet #content .item .projet.pos_2 .img_bg { margin:100px 0 0 0; padding:0;  max-height:400px; max-width:90%;}
	#page.taxonomy_projet #content .item .projet.pos_3 .img_bg { margin:0; padding:0;  max-height:600px; max-width:90%;left:10%;  }
	#page.taxonomy_projet #content .item .projet.pos_4 .img_bg { margin:100px 0 0 0; padding:0; max-height:400px;  max-width:90%;left:10%}
	#page.taxonomy_projet #content .item .projet.pos_5 .img_bg { margin:100px 0 0 0; padding:0;  max-height:400px; max-width:90%;}
	#page.taxonomy_projet #content .item .projet.pos_6 .img_bg { margin:0; padding:0;  max-height:600px; max-width:90%;left:10%; }
	#page.taxonomy_projet #content .item .projet.pos_7 .img_bg { margin:100px 0 0 0; padding:0; max-height:400px;  max-width:90%;left:10%}
	#page.taxonomy_projet #content .item .projet.pos_8 .img_bg { margin:100px 0 0 0; padding:0;  max-height:400px; max-width:90%;}
	#page.taxonomy_projet #content .item .projet.pos_9 .img_bg { margin:0; padding:0;  max-height:600px; max-width:90%;left:10%;}
	#page.taxonomy_projet #content .item .projet.pos_1 .img_principale { margin:0; margin-bottom:25px; padding:0 15px; max-width:90%; left:0; min-height:250px; height:250px; }
	#page.taxonomy_projet #content .item .projet.pos_2 .img_principale { margin:0; margin-bottom:25px; padding:0 15px; max-width:90%; left:10%; min-height:250px; height:250px;}
	#page.taxonomy_projet #content .item .projet.pos_3 .img_principale { margin:75px 0 0 0; margin-bottom:25px; padding:0 15px; max-width:90%; left:5%; min-height:250px; height:250px;}
	#page.taxonomy_projet #content .item .projet.pos_4 .img_principale { margin:0; margin-bottom:25px; padding:0 15px; max-width:90%; left:0; min-height:250px; height:250px;}
	#page.taxonomy_projet #content .item .projet.pos_5 .img_principale { margin:0; margin-bottom:25px; padding:0 15px; max-width:90%; left:10%; min-height:250px; height:250px;}
	#page.taxonomy_projet #content .item .projet.pos_6 .img_principale {margin:75px 0 0 0; margin-bottom:25px; padding:0 15px; max-width:90%; left:5%; min-height:250px; height:250px;}
	#page.taxonomy_projet #content .item .projet.pos_7 .img_principale { margin:0; margin-bottom:25px; padding:0 15px; max-width:90%; left:0; min-height:250px; height:250px;}
	#page.taxonomy_projet #content .item .projet.pos_8 .img_principale { margin:0; margin-bottom:25px; padding:0 15px; max-width:90%; left:10%; min-height:250px; height:250px;}
	#page.taxonomy_projet #content .item .projet.pos_9 .img_principale { margin:75px 0 0 0; margin-bottom:25px; padding:0 15px; max-width:90%; left:5%; min-height:250px; height:250px;}
	#page.taxonomy_projet #content .item .projet.pos_1 .link_inside { margin:0; margin-bottom:50px; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_2 .link_inside { margin:0; margin-bottom:50px; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_3 .link_inside { margin:0; margin-bottom:50px; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_4 .link_inside { margin:0; margin-bottom:50px; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_5 .link_inside { margin:0 ;margin-bottom:50px; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_6 .link_inside { margin:0; margin-bottom:50px; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_7 .link_inside { margin:0; margin-bottom:50px; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_8 .link_inside { margin:0; margin-bottom:50px; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_9 .link_inside { margin:0;margin-bottom:50px; padding:0 15px}
	
	#page.taxonomy_projet #content .item .projet.pos_1 .counter { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_2 .counter { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_3 .counter { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_4 .counter { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_5 .counter { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_6 .counter { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_7 .counter { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_8 .counter { margin:0; padding:0 15px}
	#page.taxonomy_projet #content .item .projet.pos_9 .counter { margin:0; padding:0 15px}
	
	#page.taxonomy_projet #content_top .bt_nav_c { margin-bottom:25px; }
	#content_top  .date { position:relative; top:0; left:auto; text-align:center  }
	#content_top  .date span { float:none; clear:none  }
	#content_top  .date span.slash { display:inline-block;  }
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	#menu_principal { margin-right: 145px;  }
	#footer { border-top:1px solid #ccc}
	#footer .f1 {padding:25px; }
	#footer .f1 ul li a { font-size:24px; }
	#footer .f2 .inside { width:100%; padding:25px 10px}
	#footer .f2 ul li a { margin-bottom:10px; }
	#footer .f3 .inside { width:100%; padding:25px 0 }
	#footer .f3 ul { text-align:center;  }
	#footer .f3 ul li a { margin:0 5px; }
	#footer .f3 .inside h3 { font-size:32px; text-align:center; }
	#footer .f4 p { text-align:center; }
	#to_top { position:absolute; right:25px; margin-top:-550px; top:0;  }
	
	#chapter_3 .item { height:250px; }
	#chapter_3 .item .img_top { height:250px; }
	#chapter_3 .item a { font-size:20px; }
	
	#chapter_2 .side .link_inside {  margin:0; margin-top:100px;  text-align:center; width:100%;  }
	#chapter_2 .side.side_2 .link_inside {  margin:0; margin-top:100px;  text-align:center;  width:100%; }
	
	#footer .f2 .inside { width:100%; border-top:0; padding-top:0}
	#footer .f3 .inside { width:100%; text-align:center; }
	#footer .f4 { text-align:center; padding:0}
	
	#page.taxonomy_projet #img_top { min-height: 450px; }
	
	
	
	
	

}

@media (min-width: 1200px) and (max-width: 1499px) {
#footer { border-top:1px solid #ccc}
	#footer .f1 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
	#footer .f2 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
	#footer .f2 .inside { padding-top:0; border:0}
	#footer .f3 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	#footer .f3 .inside { width:100%; text-align:center; }
	#footer .f4   {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%; text-align:center;}
	.historique {}
	.historique .col-xl-2 { -ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
	.historique .col-xl-10 { -ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;}
}

@media (min-width: 1500px){
	.container { max-width: 1570px;}
}