/* Positionnement arbre au chargement */

.full-width {
	margin-left: -50px;
		max-width: 2769px;
	position: relative;
width: 2769px;
}		
	
	
 /* Origine https://gomakethings.com/how-to-break-an-image-out-of-its-parent-container-with-css/
.full-width {
	left: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	max-width: 100vw;
	position: relative;
	right: 50%;
	width: 100vw;
}
*/



html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,tbody,tfoot,thead,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}
q,blockquote{    /* quotes: none; */}
q:before,q:after,blockquote:before,blockquote:after{  /* content: ""; */    /* content: none; */}

a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
@font-face{font-family:'quicksand';src:url("fonts/quicksand.eot");src:url("../fonts/quicksand.eot?#iefix") format("embedded-opentype"),url("fonts/quicksand.woff") format("woff"),url("fonts/quicksand.ttf") format("truetype"),url("fonts/quicksand.svg#svgFontName") format("svg")}@font-face{font-family:'quicksand regular';src:url("fonts/quicksand-regular.eot");src:url("fonts/quicksand-regular.eot?#iefix") format("embedded-opentype"),url("fonts/quicksand-regular.woff") format("woff"),url("fonts/quicksand-regular.ttf") format("truetype"),url("fonts/quicksand-regular.svg#svgFontName") format("svg")}@font-face{font-family:'eras light';src:url("fonts/eras.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:'fontello';src:url("fonts/fontello.eot?14587781");src:url("fonts/fontello.eot?14587781#iefix") format("embedded-opentype"),url("fonts/fontello.woff?14587781") format("woff"),url("fonts/fontello.ttf?14587781") format("truetype"),url("fonts/fontello.svg?14587781#fontello") format("svg");font-weight:normal;font-style:normal}@media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:'fontello';src:url("fonts/fontello.svg?14587781#fontello") format("svg")}}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"fontello";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;text-align:center}.icon-plus-1:before{content:'\e820'}.icon-dribbble-circled:before{content:'\e818'}.icon-twitter-1:before{content:'\e81d'}.icon-pinterest:before{content:'\e81e'}.icon-behance:before{content:'\e81f'}.icon-heart:before{content:'\e809'}.icon-user:before{content:'\e808'}.icon-user-male:before{content:'\e807'}.icon-user-female:before{content:'\e806'}.icon-users:before{content:'\e805'}.icon-plan:before{content:'\e801'}.icon-th-thumb:before{content:'\e802'}.icon-th-thumb-empty:before{content:'\e803'}.icon-ok:before{content:'\e80e'}.icon-cancel-circled:before{content:'\e80a'}.icon-minus:before{content:'\e821'}.icon-eye:before{content:'\e80d'}.icon-cog:before{content:'\e804'}.icon-flash:before{content:'\e81c'}.icon-at:before{content:'\e819'}.icon-female:before{content:'\e81a'}.icon-male:before{content:'\e81b'}.icon-twitter:before{content:'\e80f'}.icon-twitter-circled:before{content:'\e810'}.icon-facebook:before{content:'\e811'}.icon-facebook-circled:before{content:'\e812'}.icon-gplus:before{content:'\e813'}
.icon-gplus-circled:before{content:'\e814'}.icon-linkedin:before{content:'\e815'}.icon-linkedin-circled:before{content:'\e816'}.icon-dribbble:before{content:'\e817'}
.icon-link:before{content:'\e80c'}




.outer{background-color: #f3e2bd;
    background-image: url(parchemin.png) !important;
    background-repeat: repeat;}
.icon-menu:before{content:'\e801';}
.icon-cancel:before{content:'';}
body{    /* font-family: 'BadScript-Regular', verdana, Arial, sans-serif !important; */
    /* color: #333; */}
body.inner-projects{overflow-y:auto}
a:link,a{color:#8D5701 !important;outline:none;text-decoration:none}
a:active,a:hover{color:#C3A36B ;outline:none;text-decoration:none }


a.cbp-fbcurrent{ color:#a06d20 !important;outline:none;text-decoration:none !important;outline:none;text-decoration:none;   background: -moz-linear-gradient(left,  rgba(0,0,0,0) 5%, rgba(0,0,0,0.19) 50%, rgba(0,0,0,0) 95%);background: -webkit-gradient(linear, left top, right top, color-stop(5%,rgba(0,0,0,0)), color-stop(50%,rgb(248, 236, 214)), color-stop(95%,rgba(0,0,0,0))); 	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 5%,rgb(248, 236, 214) 50%,rgba(0,0,0,0) 95%);	background: -o-linear-gradient(left,  rgba(0,0,0,0) 5%,rgba(0,0,0,0.05) 50%,rgba(0,0,0,0) 95%); background: -ms-linear-gradient(left,  rgba(0,0,0,0) 5%,rgba(0,0,0,0.05) 50%,rgba(0,0,0,0) 95%);background: linear-gradient(to right,  rgba(0,0,0,0) 5%,rgb(248, 236, 214) 50%,rgba(0,0,0,0) 95%);  }		   
.clear:before,.clear:after{content:" ";display:table}.clear:after{clear:both}
h2{    font-size: 17px;
    font-style: normal;
    color: #8D5701 !important;}
@media screen and (min-width:480px){.container{width:98%}.grid-1,.grid-2,.grid-3,.grid-1-5,.grid-4,.grid-5,.grid-6,.grid-half,.grid-full,.grid-unit{float:left;width:96.969696969697%;margin:0 1.515151515152% 1em}}
@media screen and (min-width:640px){.grid-1{width:13.636363636364%}.grid-2{width:30.30303030303%}.grid-3,.grid-half{width:46.969696969697%}.grid-4{width:63.636363636364%}.grid-5{width:80.30303030303%}.grid-full{width:96.969696969697%}.grid-1-5{width:21.971056%}}.proj-wrapper{margin-left:200px;background:#fafafa;-webkit-transition:margin-left,1s;-moz-transition:margin-left,1s;-o-transition:margin-left,1s;transition:margin-left,1s}.block{margin-left:200px;z-index:1000;height:100%;position:relative;color:#333;-webkit-transition:margin-left 1s;-moz-transition:margin-left 1s;-o-transition:margin-left 1s;transition:margin-left 1s}
.block header{color:#A06D20;margin:0 0 10px;font-size:18px;padding:25px 0 5px;border-bottom:0px solid #d4d4d4}
@-webkit-keyframes loading{from{max-width:0}}@-moz-keyframes loading{from{max-width:0}}@-o-keyframes loading{from{max-width:0}}@keyframes loading{from{max-width:0}}
.modal{background:#fff;position:fixed;top:0;bottom:0;left:0;right:0;z-index:9999999}
.modal h1{position:absolute;left:50%;top:50%;margin-top:-15px;margin-left:-125px;font-size:30px;text-align:center;color:rgba(0,0,0,0.2)}
.modal h1:before{content:attr(data-content);position:absolute;overflow:hidden;color:black;max-width:100%;-webkit-animation:loading 5s;-moz-animation:loading 5s;-o-animation:loading 5s;-ms-animation:loading 5s;animation:loading 5s}


.menu{width:200px;border-radius:0px;bottom:0px;  top: 180px;position:fixed;text-align:center;z-index:1;border-right:0px solid #eaeaea;}
.menu nav{ 
    padding-bottom: 60px;color:#8D5701 !important;
    padding-top: 0px;     /* display: inline-block; */ line-height:1.8em;font-family:'BadScript-Regular', verdana, Arial, sans-serif !important;color:#333;}
	
.menu nav>a{    padding: 8px 0 8px; position: relative; display: block;   /* display: block; ou inline en ligne*/ font-size: 18px;text-align: center; color:#8D5701 !important;   margin: 5px;}
.menu nav>a:hover{text-decoration:none !important; color:#333333 !important;   background: -moz-linear-gradient(left,  rgba(0,0,0,0) 5%, rgba(0,0,0,0.19) 50%, rgba(0,0,0,0) 95%);background: -webkit-gradient(linear, left top, right top, color-stop(5%,rgba(0,0,0,0)), color-stop(50%,rgb(248, 236, 214)), color-stop(95%,rgba(0,0,0,0))); 	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 5%,rgb(248, 236, 214) 50%,rgba(0,0,0,0) 95%);	background: -o-linear-gradient(left,  rgba(0,0,0,0) 5%,rgba(0,0,0,0.05) 50%,rgba(0,0,0,0) 95%); background: -ms-linear-gradient(left,  rgba(0,0,0,0) 5%,rgba(0,0,0,0.05) 50%,rgba(0,0,0,0) 95%);background: linear-gradient(to right,  rgba(0,0,0,0) 5%,rgb(248, 236, 214) 50%,rgba(0,0,0,0) 95%);  }
.menu nav>a:before{content:"";border-bottom:1px solid #A06D20;position:absolute;left:0;top:24px;width:0%;color:#333;-webkit-transition:width 1s;-moz-transition:width 1s;-o-transition:width 1s;transition:width 1s}
.menu nav>a:hover:before,.menu nav>a:active:before,.menu nav>a.cbp-fbcurrent:before{width:0%;-webkit-transition:width 1s;-moz-transition:width 1s;-o-transition:width 1s;transition:width 1s;color:#C3A36B;}
.menu h2{padding-top:20px}
.menu h2+span{color:#999;font-size:13px;padding-top:7px;display:block}
.menu h1 {
      font: 0/0 a;
    color: transparent;
    text-shadow: none;
  
    opacity: 1;
}
.menu h1:hover {
      opacity:0.9;
   
}

 /* Ramené de menuorside */
.demo-iframe-holder {
  position: fixed; 
  right: 0; 
  bottom: 0; 
  left: 200px;
  top: 80px;
  -webkit-overflow-scrolling: touch !important;
  overflow-y: scroll !important;
}

.demo-iframe-holder iframe {
  height: 95%;
  width: 100%;
}
  
/* Ramené de menuorside */



.menu>p{position:absolute;bottom:80px;text-align:center;margin-left:30px;color:#B9B9B9;font-size:13px}.menu>p span{display:block;padding-top:11px}.menu>p span:before{content:'';position:absolute;left:0;top:19px;background:#999;height:1px;width:100%}
.menu>p span a{color:#A06D20}
.about p{font-size:13px;color:#474747;line-height:19px}


.icon-twitter-1:before,.icon-facebook:before,.icon-gplus:before,.icon-link:before,.icon-plan:before,.icon-facebook-circled:before,.icon-gplus-circled:before,.icon-pinterest-circled:before,.icon-user-male:before {font-size: 20px;
    position: absolute;
   top: 11px;
    left: 11px;
    color:#777 !important;
    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    -o-transition: color 0.5s;
    transition: color 0.5s;}
.icon-twitter-1:hover:before,.icon-facebook:hover:before,.icon-gplus:hover:before,.icon-link:hover:before,.icon-plan:hover:before,.icon-facebook-circled:hover:before,.icon-gplus-circled:hover:before,.icon-user-male:hover:before{color:#a06d20  !important;font-size: 20px;}
.socials{padding-top:0px;padding-bottom:50px;padding-right:0px}
.socials>li{   
      /* width: 40px; */
    /* height: 40px; */
    display: inline-block;
    position: relative;
    /* margin: 5px; */
    background: #f2f2f2;
    /* padding: 10px; */
    border-radius: 100px;}
	
	.socials>li:hover{  background: #eaeaea;}
	
.socials>li a{font:0/0 a;color:transparent;text-shadow:none;width:40px;height:40px;position:relative;display:block}
.socials>li.twitter{background-position:-21px -75px}
.socials>li.facebook{background-position:-21px -159px}
.socials>li.google{background-position:-21px -237px}
.socials>li.link{background-position:-21px -337px}
.socials>li.plan{background-position:-21px -437px}

.proj-bg{position:fixed;top:0}.proj-bg img{width:100%;height:auto}.inner-container-wrapper{position:relative;margin-top:42.1%;background:#fafafa}.show-more:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;content:'\e821'}.show-more+.intro-text{height:auto !important;margin-bottom:0 !important;-webkit-transition:min-height 1s;-moz-transition:min-height 1s;-o-transition:min-height 1s;transition:min-height 1s}.inner-container{max-width:1200px;width:92%;margin:0 auto}.inner-container.smaller-container{max-width:800px}.inner-container.smaller-container .inner-images>li{padding:25px 10px}.inner-container h1{text-align:center;font-size:30px;color:#333;padding:35px 0 20px}.inner-container h1 span{font-family:'eras light'}.inner-container h2{text-align:center;font-size:19px;font-style:normal;color:#333;padding-bottom:20px}.inner-container small{text-align:center;font-size:17px;color:#999;padding-bottom:20px;width:60%;display:block;margin:0 auto}.inner-container .intro-text{font-size:15px;line-height:22px;color:#999;padding:10px 30px;margin-bottom:30px;height:96px;overflow:hidden;-webkit-transition:height 1s;-moz-transition:height 1s;-o-transition:height 1s;transition:height 1s}.inner-container .intro-text.show-more{min-height:488px;height:auto;margin-bottom:0;-webkit-transition:min-height 1s;-moz-transition:min-height 1s;-o-transition:min-height 1s;transition:min-height 1s}.inner-container .inner-images{padding:0 0 40px 0}.inner-container .inner-images>li{float:left;padding:10px;list-style:none;width:50%}.inner-container .inner-images>li img{width:100%;height:auto}.inner-container .inner-images>li:last-child{margin-top:-37.8%}.inner-container .inner-images>li.full-width{width:100%}.inner-container .inner-images>li.remove-margin{margin:0}.inner-container .inner-images>li.full-width:last-child{margin-top:0}.bl-icon-close{background:#333}svg{padding:15px}svg:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s}
.project-title{color:#fff !important;position:relative;pointer-events:none;text-align:center;
font-size:15px}
.project-title:before{content:'';border-top:1px solid #B0843B;width:15%;position:absolute;bottom:-7px;left:0;-webkit-transition:width 1s;-moz-transition:width 1s;-o-transition:width 1s;transition:width 1s}
.project-title:after{content:'';border-top:0px solid #B0843B;width:15%;position:absolute;bottom:-7px;right:0;-webkit-transition:width 1s;-moz-transition:width 1s;-o-transition:width 1s;transition:width 1s}
.hide-text{text-align:center;font-size:35px;color:#474747;margin-top:10px;cursor:pointer;width:50px;margin:0 auto}
.hide-more{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s}
.more-projects{    padding-top: 0px;
    border-top: 1px solid #f2f2f2;
    background: #ffffff;
    background-repeat: repeat;
    background-image: url(ecailles.png);

}
.prev-proj,.next-proj{background:#fafafa;width:50%;text-align:center;font-size:15px;}
.prev-proj span,.next-proj span{display:block;padding-top:5px;font-size:13px;color:#999}
.prev-proj a,.next-proj a{display:block;padding:54px 0;color:#c3a36b;font-family:'quicksand regular', verdana, Arial, sans-serif !important;font-size:15px !important}
.prev-proj a:hover,.next-proj a:hover{background:#F8F9F8;}
.prev-proj p,.next-proj p{width:100px;height:100px;margin-top:-27px;border-radius:100px;overflow:hidden}
.prev-proj p img,.next-proj p img{width:100%;height:100%}
.prev-proj{float:left;border-right:0px solid #d4d4d4;border-top:0px solid #d4d4d4}
.prev-proj p{float:left;margin-left:55px}
.next-proj{float:right;border-left:0px solid #d4d4d4;border-top:0px solid #d4d4d4}
.next-proj p{float:right;margin-right:55px}
.back-proj{width:100%;text-align:center;font-size:13px;margin-top:140px;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;}

.back-proj a{display:block;padding:50px 0;color:#c3a36b;font-family:'quicksand regular', verdana, Arial, sans-serif !important;font-size:15px !important}

.back-proj a:hover{background:#F8F9F8;}

.back-proj:hover{}
.bl-icon-close{position:fixed;top:0;right:0;cursor:pointer;z-index:100}
.projects-full .inner-images li{width:100%}
.projects-full .inner-images li:last-child{margin-top:0}
::-webkit-scrollbar{width:3px; height:3px;}
::-webkit-scrollbar-thumb{border:solid 0 transparent;border-right-width:0px;-webkit-border-radius:5px;-webkit-border-top-right-radius:9px 5px;-webkit-border-bottom-right-radius:9px 5px;-webkit-box-shadow:inset 0 0 0 3px #c3a36b, inset 0 0 0 3px #c3a36b;}
::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 0 0 0 1px rgb(90,90,90), inset 0 0 0 3px rgb(110,110,110);}
::-webkit-scrollbar-track{background:#FFFFFF;}
::-webkit-scrollbar-corner{background:transparent;}
.tablet-close{display:none}
.tablet-logo{border:50px solid rgba(255,255,255,0);width:400px;height:400px;position:absolute;top:50%;left:50%;margin-top:-200px;margin-left:-196px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.tablet-logo .inner-tablet-logo{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);text-align:center;margin-top:59px;}
.tablet-logo .inner-tablet-logo h1{padding-top:15px;color:rgba(234, 234, 234, 0.47)}
.tablet-logo .inner-tablet-logo h1+span{color:rgba(234, 234, 234, 0.47);font-size:13px;padding-top:7px;display:block}
.tablet-logo .inner-tablet-logo h2{font:0/0 a;color:transparent;text-shadow:none;background:url(../img/logo.png) no-repeat center;height:41px;background-size:25%}
.tablet-logo2{border:50px solid rgba(255,255,255,0);width:400px;height:400px;position:absolute;top:50%;left:50%;margin-top:-200px;margin-left:-196px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.tablet-logo2 .inner-tablet-logo2{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);text-align:center;margin-top:69px;margin-left:0px}
.tablet-logo2 .inner-tablet-logo2 h1{padding-top:13px;padding-bottom:63px;color:#eaeaea}
.tablet-logo2 .inner-tablet-logo2 h1+span{color:#fff;font-size:13px;padding-top:7px;display:block}
.tablet-logo2 .inner-tablet-logo2 h2{font:0/0 a;color:transparent;text-shadow:none;background:url(../img/logo.png) no-repeat center;height:41px;background-size:35%}
.son{position:absolute;bottom:50px;text-align:center;margin-left:22px;}



@media screen and (max-width:1024px){.outer{background: #FFFFFF;position:absolute;min-width:100%;width:100%;min-height:100%;}
.full-width {
	margin-left: -120px;
		max-width: 3000px;
	position: relative;
width: 3000px;
}		
#sidebar {
    float: none;
    position: relative;
   
}
}



@media screen and (max-width:1024px){


#sidebar {  display: none;}
  
 
.logogene {display:none}
   
.logohaut { text-align: right !important; z-index: 1 !important;}
 .logohaut img { padding-right:100px !important;} 
   

.partager {  display: none !important}
 .copy { display: none !important}
    
.demo-iframe-holder { left: 0px;}
 
 .av-special-heading { padding-left: 0px;}
   

   

.outer{background: #FFFFFF;position:absolute;min-width:100%;width:100%;min-height:100%;}

  .av-special-heading {   padding-left: 20px !important;} 
  
  blockquote {}
  

#contentWrapper2{margin-left:40px;height:85%;}
  
#contentWrapper{margin-left:40px;height:85%;}
.menu{    padding-top: 20px; top: 0px; left: 10px; padding-left: 0px;}
.menu nav {
       background-color: #f2f2f2;
    border-radius: 15px;
    padding-bottom: 20px;
    margin-top: 200px;
    padding-top: 20px;
    z-index: 1;
}

.snowflakes{display:none}
.tablet-logo{margin-left:-150px}
.inner-left{width:50%}
.inner-right{width:50%}
.hidden-page.show-page img{}
.inner-container h1{font-size:25px}
.inner-container small{font-size:15px;width:80%}
.prev-proj a,.next-proj a{font-size:15px}.back-proj a{font-size:17px}


.menu .tablet-close{    display: none;
    color: #BC9B5C !important;
    width: 0px;
    height: 27px;
    font-size: 28px;
    position: absolute;
    top: 15px;
    right: -35px;
    cursor: pointer;}
	
.menu .tablet-close:hover{color:#ffd6ad !important}
.collapse{left:-200px;padding-right:0px;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;transition:all 1s}
.collapse+.cbp-fbscroller section .block{margin-left:110px;-webkit-transition:margin-left 1s;-moz-transition:margin-left 1s;-o-transition:margin-left 1s;-ms-transition:margin-left 1s;transition:margin-left 1s}
.collapse+.proj-wrapper{margin-left:50px;-webkit-transition:margin-left 1s;-moz-transition:margin-left 1s;-o-transition:margin-left 1s;-ms-transition:margin-left 1s;transition:margin-left 1s}
.no-collapse{      z-index: 10; -webkit-transition:left 1s;-moz-transition:left 1s;-o-transition:left 1s;-ms-transition:left 1s;transition:left 1s;}


.partager{display:none}


}




@media screen and (max-width:640px){body{overflow-y:auto}
.collapse{background:transparent;border-right:0px solid #f2f2f2;border:none}
.collapse .tablet-close{color:#C3A36B;}
.tablet-logo{margin-left:-100px;margin-top:-100px;background:none;border:none;width:200px;height:200px;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;-transform:none}.tablet-logo .inner-tablet-logo{-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;-transform:none;margin-top:0;padding-top:44px}.inner-left{width:100%;overflow-y:hidden}.block header{padding-top:0}.show-mobile{display:block;cursor:pointer;float:right;color:#999 !important;margin-top:32px;display:inline-block;position:relative;padding:10px 0;border-bottom:1px solid #d4d4d4;border-top:1px solid #d4d4d4}.hide-mobile{display:none}#fbsection2{height:950px}#fbsection3{height:1763px}#fbsection4{height:979px}#fbsection5{height:1763px}
#fbsection1{background:url(../img/mousterlin.jpg) no-repeat center;background-size:auto 100%}
#fbsection3,#fbsection4,#fbsection5{background:#474747}
.bl-main>section.empty,.bl-main1>section.empty,.bl-main2>section.empty,.bl-main3>section.empty{display:none}.project-title{font-size:13px}
.bl-main>section,.bl-main1>section,.bl-main2>section,.bl-main3>section{width:100% !important;height:196px !important;position:relative !important;top:auto !important;left:auto !important}svg{display:none}.inner-projects .collapse .tablet-close{color:#A06D20}.inner-container h1{font-size:19px}.inner-container small{font-size:13px}.inner-container .inner-images>li{float:none;width:100%}.inner-container .inner-images>li:last-child{margin-top:0}.back-proj{margin-top:121px}.back-proj a{font-size:13px;margin-top:0}.next-proj p,.prev-proj p{display:none}.next-proj a,.prev-proj a{font-size:13px;padding:20px 0;min-height:120px}.next-proj a span,.prev-proj a span{font-size:13px}.proj-wrapper{margin:0 !important}.modal h1{font-size:23px;margin-top:-11.5px;margin-left:-111.5px}
.menu{text-align:center;z-index:99999;border-right:0px solid #f2f2f2}
.partager{display:none}
}


.panier{bottom:-8px;max-width:24px;opacity:0.2;background-image:url(../panier.png);background-size:20px;background-repeat:no-repeat;}
.panier:hover{background-image:url(../panierhover.png);opacity:0.9;}
.partager{      padding-bottom: 50px;
    margin: 0 auto;
    width: 100%;
    color: #ccc;
    display: inline-block;
    font-size: 13px !important;
      /* padding-top: 100px; */}
.secu{position:fixed;text-align:center;margin:0 auto;width:180px;color:#999;bottom:30px;}
.plandusite{padding-bottom:35px;padding-top:5px;opacity:0.4;}
.plandusite:hover{opacity:1;}
.container7{text-align:left;margin-left:260px;padding-top:20px;width:80%;position:relative;}
.liens{padding-left:10px;}
.logopetit5img{max-height:100px;}
.logopetit5{    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 50px;
    padding-right: 30px;
    border-radius: 0px;}


.logohaut {
  /*display: inline-block; */
    font-size: 0;
    padding-top: 7px;
    /* float: left; */
    /* padding-left: 100px; */
    margin: 0 auto;
    width: 100%;
      text-align: left;
    /* height: 80px; */
    /* padding: 10px; */
    visibility: visible;
    position: fixed;
    z-index: 10;
    font-size: 25px;
    color: #000000 !important;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    padding-bottom: 10px;
    background-image: url(6.jpg) !important;
    background-repeat: no-repeat;
    /* background-size: 100% 100%; */
}


.logohaut img {
    padding-left:100px
}


.also {
    float: left;
    width: 100%;
margin-top: 100px;
    margin-bottom: 80px;    text-align: center;
}

.also_head {
    width: 60%;
    margin: 0 auto;
    background: url(footer_header.jpg) repeat-x left center;
    height: 25px;
}

.also_head span {
    background: #ffffff;
    padding: 0px 25px;
    font-family: "Times New Roman",Times,serif;
    font-size: 13px;
    font-style: italic;
	line-height: 20px;
	    color: #929497;
}

.also_menu {
    width: 90%;
    margin: 0 auto;
}

.also_menu ul, .also_menu ul li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: inline;
}


.also_menu ul li {
    padding: 0px 15px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 25px;
    letter-spacing: 1px;
}


 .lbphotography {

    background: #FFFFFF url(logobadscript.png);
    height: 90px;
    width: 100%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
   
    position: fixed;
    z-index: 10;
    -webkit-box-shadow: 0 -12px 20px 10px rgba(0,0,0,.5);
    -moz-box-shadow:  0 -12px 20px 10px rgba(0,0,0,.5);
  box-shadow: 0 -12px 20px 10px rgba(0,0,0,.5);
    visibility: visible;
	
	
}
   .lbphotography:hover {

    background: #F8F9F8 url(logobadscript.png);
	 height: 90px;
    width: 100%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
   
    position: fixed;
    z-index: 10;
      -webkit-box-shadow:  0 -12px 20px 10px rgba(0,0,0,.5);
    -moz-box-shadow: 0 -12px 20px 10px rgba(0,0,0,.5);
   box-shadow: 0 -12px 20px 10px rgba(0,0,0,.5);
    visibility: visible;
  
}
 
 
 
@font-face{font-family:'BadScript-Regular';src:url("fonts/BadScript-Regular.ttf");}
 
 @font-face{font-family:'SouthernAire';src:url("fonts/SouthernAire.ttf");}
 
p{ line-height: 1.3em;}
 
 .logotr {
margin: 0 auto;
    width: 100%;
    height: 70px;
    padding: 10px;
   
    visibility: visible;
    position: fixed;
    z-index: 10;
    font-size: 25px;
    color: #000000 !important;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    
   padding-bottom: 20px;
    background-image: url(6.jpg) !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  
}  
 

 .logotr:hover {       opacity:0.8; 
   }
 

  

 span.lb1 { display: list-item;list-style:none;color:#333333;font-weight:100;font-family: 'ColaborateThinRegular';font-size: 28px;  letter-spacing: 4px;    line-height: 0.9em; /* text-shadow: 2px 2px 2px rgba(0,0,0,0.2); */}
    
 
 
  span.lb2 { color:#888888;font-weight:100;font-family:'ColaborateThinRegular';font-size:13px; letter-spacing: 4px;text-transform: uppercase;}
 
 

 
 a.logo_rollover:link, .logo_rollover{
    width:180px;
    height:107px;
    display:block;
    background-image:url(louisbourdongooglehover.jpg);transition: all 1s;
	background-repeat: no-repeat;
	margin:0 auto;
	    /* margin-top: 60px; */
}
a.logo_rollover:hover{
    width:180px;
    height:107px;
    display:block;
    background-image:url(louisbourdongoogle.jpg);transform: fade in;
	background-repeat: no-repeat;
}











/*  Avant pas mal non plus  font-family: 'ColaborateThinRegular', Arial, sans-serif;----------------------------------------------- */
body .av-special-heading .av-special-heading-tag {
   
    float: left;
    font-size: 19px !important;
    font-weight: 500;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 31px; 
	    font-family: 'BadScript-Regular', verdana, Arial, sans-serif !important;
    padding: 8px 0 8px;
    position: relative;
    display: block;
    font-size: 16px;
    text-align: center;
    color: #222222;
    margin: 5px;
    color: #845714 !important;
   
    text-decoration: none !important;
    outline: none;
    text-decoration: none;
    background: -moz-linear-gradient(left, rgba(0,0,0,0) 5%, rgba(0,0,0,0.05) 50%, rgba(0,0,0,0) 95%);
    background: -webkit-gradient(linear, left top, right top, color-stop(5%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0.05)), color-stop(95%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 5%,rgba(0,0,0,0.05) 50%,rgba(0,0,0,0) 95%);
    background: -o-linear-gradient(left, rgba(0,0,0,0) 5%,rgba(0,0,0,0.05) 50%,rgba(0,0,0,0) 95%);
    background: -ms-linear-gradient(left, rgba(0,0,0,0) 5%,rgba(0,0,0,0.05) 50%,rgba(0,0,0,0) 95%);
    background: linear-gradient(to right, rgba(0,0,0,0) 5%,rgba(0,0,0,0.05) 50%,rgba(0,0,0,0) 95%);
    width: 120px;
}

body .av-special-heading .av-special-heading-tag2 {
   
    float: left;
    font-size: 19px !important;
    font-weight: 500;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 31px; 
	    font-family: 'BadScript-Regular', verdana, Arial, sans-serif !important;
          padding: 2px 31px 11px 11px;
    position: relative;
    display: block;
    font-size: 16px;
    text-align: center;
    color: #222222;
    margin: 5px;
    color: #915700 !important;
   
    text-decoration: none !important;
    outline: none;
       line-height: 2em;

}
body .av-special-heading .av-special-heading-tag2 a:hover {
   
color:#5d4615 !important;
     text-decoration: none !important;
  background: -moz-linear-gradient(left,  rgba(0,0,0,0) 25%, rgba(0,0,0,0.19) 70%, rgba(0,0,0,0) 100%);
   background: -webkit-gradient(linear, left top, right top, color-stop(25%,rgba(0,0,0,0)), color-stop(70%,rgb(248, 236, 214)), color-stop(100%,rgba(0,0,0,0))); 
   	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 25%,rgb(248, 236, 214) 70%,rgba(0,0,0,0) 100%);
   	background: -o-linear-gradient(left,  rgba(0,0,0,0) 25%,rgba(0,0,0,0.05) 70%,rgba(0,0,0,0) 100%);
	 background: -ms-linear-gradient(left,  rgba(0,0,0,0) 25%,rgba(0,0,0,0.05) 70%,rgba(0,0,0,0) 100%);
   background: linear-gradient(to right,  rgba(0,0,0,0) 25%,rgb(248, 236, 214) 70%,rgba(0,0,0,0) 100%); 
    width: 300px;
}


body .av-special-heading .av-special-heading-tag3 {
    float: left;
    font-size: 19px !important;
    font-weight: 500;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 31px; 
	    font-family: 'BadScript-Regular', verdana, Arial, sans-serif !important;
        padding: 0px 10px 0px;
    position: relative;
    display: block;
    font-size: 16px;
    text-align: center;
    color: #222222;
    margin: 5px;
    color: #915700 !important;
   
    text-decoration: none !important;
    outline: none;
	    line-height: 2em;
	
	color:#5d4615 !important;
     text-decoration: none !important;
  background: -moz-linear-gradient(left,  rgba(0,0,0,0) 25%, rgba(0,0,0,0.19) 70%, rgba(0,0,0,0) 100%);
   background: -webkit-gradient(linear, left top, right top, color-stop(25%,rgba(0,0,0,0)), color-stop(70%,rgb(248, 236, 214)), color-stop(100%,rgba(0,0,0,0))); 
   	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 25%,rgb(248, 236, 214) 70%,rgba(0,0,0,0) 100%);
   	background: -o-linear-gradient(left,  rgba(0,0,0,0) 25%,rgba(0,0,0,0.05) 70%,rgba(0,0,0,0) 100%);
	 background: -ms-linear-gradient(left,  rgba(0,0,0,0) 25%,rgba(0,0,0,0.05) 70%,rgba(0,0,0,0) 100%);
   background: linear-gradient(to right,  rgba(0,0,0,0) 25%,rgb(248, 236, 214) 70%,rgba(0,0,0,0) 100%); 
   
	
	
}



body .av-special-heading .av-special-heading-tag4 {
   
 
    float: left;
    font-size: 17px !important;
    font-weight: 500;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 31px; 
	    font-family: 'BadScript-Regular', verdana, Arial, sans-serif !important;
        padding: 2px 31px 11px 11px;
    position: relative;
    display: block;
    font-size: 16px;
    text-align: center;
    color: #222222;
    margin: 10px;
    color: #777777 !important;
   
    text-decoration: none !important;
    outline: none;
   
    line-height: 2em;
}
body .av-special-heading .av-special-heading-tag4 a:hover {
   
color:#5d4615 !important;
     text-decoration: none !important;
  background: -moz-linear-gradient(left,  rgba(0,0,0,0) 25%, rgba(0,0,0,0.19) 70%, rgba(0,0,0,0) 100%);
   background: -webkit-gradient(linear, left top, right top, color-stop(25%,rgba(0,0,0,0)), color-stop(70%,rgb(248, 236, 214)), color-stop(100%,rgba(0,0,0,0))); 
   	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 25%,rgb(248, 236, 214) 70%,rgba(0,0,0,0) 100%);
   	background: -o-linear-gradient(left,  rgba(0,0,0,0) 25%,rgba(0,0,0,0.05) 70%,rgba(0,0,0,0) 100%);
	 background: -ms-linear-gradient(left,  rgba(0,0,0,0) 25%,rgba(0,0,0,0.05) 70%,rgba(0,0,0,0) 100%);
   background: linear-gradient(to right,  rgba(0,0,0,0) 25%,rgb(248, 236, 214) 70%,rgba(0,0,0,0) 100%); 
    width: 300px;
}



.logogene{ 
    margin: 0 auto;
    width: 160px;
    color: #ccc;
	    padding-bottom: 20px;
	
   }

a.logo_rollover:link, .logo_rollover{
    width:140px;
    height:140px;
    display:block;
    /* padding-top: 50px; */
    background-image:url(arbrefiches140.png);transition: all 0.5s;
	background-repeat: no-repeat;
	margin:0 auto;
	    /* margin-top: 60px; */
}
a.logo_rollover:hover{
    opacity:0.4;
}

 
 .magnifier {
      background-image: url(icon_magnifier.png);
    cursor: pointer;
    padding-left: 50px;
    padding-top: 48px;
    position: absolute;
    right: 7px;
    top: 7px;
}


.copy {
    color: #777;
    font-family: Georgia, serif !important;
    font-style: italic;
    /* line-height: 1.2em; */
    position: fixed;
    bottom: 40px;
    margin: 0 auto;
    width: 180px;
    color: #7f5c0e;
    font-size: 12px !important;
    font-weight: 100;
    /* font-family: 'BadScript-Regular', verdana, Arial, sans-serif !important; */
}




.avia_textblock {
    clear: both;
    padding-left: 100px;
    padding-bottom: 20px;
    /* font-family: "Eras ITC", "Eras Light ITC", sans-serif; */
    font-size: 1.4em;
    color: #111111;
}	
	
	

.av-special-heading {
    width: 100%;
    clear: both;
    /* display: block; */
    /* margin-top: 10px; */
    overflow: hidden;
    position: fixed;
    z-index: 1;
    margin-top: 80px;
       padding-top: 15px;
    padding-bottom: 0px;
   
    padding-left: 250px;
    background: url(parchemin.jpg) no-repeat center center fixed !important;
    background-repeat: repeat !important;
    border-bottom: solid 0px rgba(136, 136, 136, 0.18) !important;
}


.av-special-heading-h1 .special-heading-border{height:4em;color: #fff;}

.special-heading-border{position:relative;overflow:hidden;}
.main_color .special-heading-inner-border{border-color:#7c6853;}
.special-heading-inner-border{display:block;width:100%;margin-left:15px;border-top-style:solid;border-top-width:1px;position:relative;top:50%;opacity:0.15;filter:alpha(opacity=15);}