@charset "utf-8";
/* CSS Document */
 
/* =5. Main Nav ajouter class taille11px a sur titre projet
--------------------------------------------------------------------------------------------------------*/

#menu-button { font-size:13px; display:none; height:auto; position:absolute; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index:101 }
#menu-button .cursor { display:block; height:auto; cursor:pointer; background-color: rgba(255, 255, 255, 1); padding:16px 16px 14px 16px; }
#nav-button { display:inline-block; width:16px; margin:0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.nav-bar {  background-color:#555; border-radius:1px; display:block; width:16px; height:2px; margin:0px auto 2px; }
.txtprojetrecent a{ text-decoration: none;padding: 2px 0 1px 0; color:#999; letter-spacing:1px; font-family: "Benton Sans Light",Helvetica, Arial,  sans-serif; font-weight:400; margin-left: -1px;  }
.txtprojetrecent a:hover { color:#000;   } 
#main-nav { position: relative; padding: 24px 0px 20px 0px; width: 100%; }
#main-nav a { text-decoration: none; color: #000;   font-family: "Benton Sans Light",Helvetica, Arial,  sans-serif; font-weight:400; letter-spacing:2px; padding-left:2px; position:relative; display:block }
#main-nav > ul a { text-transform: uppercase; }
#main-nav > ul .active > a, #main-nav > ul a.active, #main-nav > .additional-links .active > a, #main-nav > .additional-links a.active, #main-nav li a:hover { color:#000;   }
#main-nav > ul li a { padding: 2px 0 1px 0; color:#999; letter-spacing:1px;  }
#main-nav > ul li a.last { border-bottom:1px solid rgba(255, 255, 255, 0.1); }
.taille11px {font-size:11px;margin-bottom:14px;margin-top: -4px;}
.taille12px {font-size:11px}
#main-nav > ul li a.sub-nav-toggle:before {  }
#main-nav > ul li a.sub-nav-toggle:after {  }
 #menu-button.open #nav-button span:nth-child(1) {
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
 position: relative;
 top: 0px;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}
 #menu-button.open #nav-button span:nth-child(2) {
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 transform: rotate(-45deg);
 position: relative;
 top: -4px;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}
 #menu-button.open #nav-button span:nth-child(3) {
 display: none;
}

#main-nav > ul > li > .sub-nav { padding: 10px 0 12px 0px;/* margin-top:-5px;*/ }
#main-nav > ul > li > .sub-nav > li { }
#main-nav > ul > li > .sub-nav > li:last-child { padding-bottom: 0px; font-size:12px }
#main-nav > ul > li > .sub-nav > li a { font-size: 12px; letter-spacing:0; text-transform:none; font-weight:400; padding: 5px 0px; border:0; margin:0 ; text-transform:uppercase}
#bottom-header { position:absolute; bottom:35px; width:100%; }
#bottom-header p.small { padding-top:6px; color:#888; line-height:1.9; font-size:10px; }
.social-links { padding: 20px 0px 0 0px; display:inline-block; margin:0 auto; }
.social-list > li > a:before, .social-list li span:before { content: ""; font-family: fontello; font-size: 18px; font-weight:400; color:#888; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.social-list li span:before { color:#2b2b2b }
.social-list li a:before, .social-list li span:before { padding:3px; margin: 0 1px 0 1px; }
.social-list li:hover a:before { color:#555; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.social-list li { margin:0; display:inline-block }
.element .social-list { margin-left:-2px; }
.element .social-list > li > a:before, .blog-author-description .social-list > li > a:before, .social-list li span:before { font-size: 16px; display:block; margin-top:-2px; }
.social-list > li > i { color: #555; font-size: 13px; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; padding-right: 4px; }
header .social-list > li > a:before { font-size:14px; margin:0; }
.social-list > li > a, .social-list li span { position: relative; top: 1px; }
.social-list > li > a.facebook:before { content: '\e800'; }
.social-list > li > a.dribbble:before { content: '\e801'; }
.social-list > li > a.behance:before { content: '\e802'; }
.social-list > li > a.git:before { content: '\e803'; }
.social-list > li > a.gplus:before { content: '\e804'; }
.social-list > li > a.xing:before { content: '\e805'; }
.social-list > li > a.instagram:before { content: '\e806'; }
.social-list > li > a.twitter:before { content: '\e807'; }
.social-list > li > a.youtube:before { content: '\e808'; }
.social-list li span.youtube:before { content: '\e808'; font-size:22px; padding-top:13px }
.social-list > li > a.slack:before { content: '\e809'; }
.social-list > li > a.pinterest:before { content: '\e80a'; }
.social-list > li > a.tumblr:before { content: '\e80b'; }
.social-list > li > a.soundcloud:before { content: '\e80c'; }
.social-list li span.soundcloud:before { content: '\e80c'; font-size:22px; padding-top:13px }
.social-list > li > a.skype:before { content: '\e80d'; }
.social-list > li > a.linkedin:before { content: '\e80e'; }
.social-list > li > a.vimeo:before { content: '\e80f'; }
.social-list li span.vimeo:before { content: '\e80f'; font-size:18px; padding-top:16px }
.social-list > li > a.flickr:before { content: '\e810'; }
.social-list > li > a.email:before { content: '\e811'; }
#filter { position:fixed; bottom:40px; right:40px; height:auto; width:auto; z-index:1111; cursor:pointer; }
.with-margin #filter { right:60px; bottom:50px; }
#filter span { font-size:11px !important; text-transform:uppercase; font-weight:400; font-family:'Montserrat', 'Open Sans', Arial, Helvetica, sans-serif; letter-spacing:2px; line-height:1.5; display:table; text-decoration:none !important; padding:5px 10px; padding-right:29px; min-width:90px; /*border-radius:2px;*/ background:#fff }
#filter #options { display:block; position:absolute; bottom:27px; right:0px; top:auto; background:#fff; /*border-radius:2px;*/ min-width:90px; padding:7px 0; opacity: 0; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
#filter #options li a { font-size:12px; font-weight:400; font-family:'Montserrat', 'Open Sans', Arial, Helvetica, sans-serif; display:block; text-decoration:none; padding:5px 10px; white-space:nowrap; color:#555; }
#filter #options li a.current, #filter #options li a.selected { color:#2b2b2b }
#filter:hover #options { display:block; opacity:1; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
#filter:before { background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5); bottom:7px; content:""; height:8px; right:13px; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:8px; }
#filter:after { background:#fff; bottom:3px; content:""; height:10px; right:13px; margin-right:-1px; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:10px; }
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/
 .margtop100{ }
.contenuagnece a{ color:#000; }
.maxheighttext { display:block}
.maxheighttext img{ height:auto; }
.maxheightaccueil{ margin-top:80px; max-height:400px; }
.contenuagnece {font-size:11px; margin-top: -2px;}