/*
 * =======================================================
 * = Theme Name: Ackwa Theme
 * = Version: 3.0
 * = Author: Ackwa
 * = Author URL: http://ackwa.fr
 * =======================================================
 */

/*
 * =======================================================
 * = GENERAL
 * =======================================================
 */
html {
    -webkit-font-smoothing: antialiased !important;
}
html,
body {
    height: 100%;
    color: #000000; /* #1489 */
}
iframe {
    border:0
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-family: "Coda", sans-serif;
    margin-bottom: 10px;
}
.page h3 {
    border-bottom: 2px solid #B5D83C;
    margin-right: 60px;
}
.page h4 {
    border-bottom: 1px solid #B5D83C;
    margin-right: 40%;
}
p {
    line-height: 1.5;
    text-align:justify
}
a {
    color: #74C924;
}
a:hover {
    color: #57A51E;
}
a:active,
a:focus {
    outline: none;
}
.clearfx{clear:both}
.twitter-share-button{width:100px!important;}
.leftline {
    border-left: 1px solid #F4F4F4;
    padding-left: 20px;
}
.rightline {
    border-right: 1px solid #F4F4F4;
    padding-right: 20px;
}
.span-first {
    margin: 0;
}
[class^="-rond"],
[class*="-rond"] {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    *margin-right: .3em;
    vertical-align: middle;
    background-position: center top;
}
[class^="-rond"]:hover,
[class*="-rond"]:hover {
    background-position: center bottom;
}
.ackwa-rond {
    background: url("../img/logo-mini-rond01-1.png") no-repeat;
}
/*acktd20082015 sr-only visiblement pas présent sur cette version de BT*/
.sr-only { 
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.dl-horizontal dt {
    width: 160px;
}
.dl-horizontal dd {
    margin: 0 0 0 165px;
}
.print {
    display:none;
}
.ack {
    font-weight:bold;color:#414141;
}
.error {
    font-weight: bold;
    clear: both;
}
p.notabene {
    font-size:75%;
}
.s80p {
    font-size:80%;
}
.justify {
    text-align: justify !important;
} 
.text-center {
    text-align: center !important;
}

/*
 * =======================================================
 * = HEADER
 * =======================================================
 */

.navbar-fixed-top .navbar-inner {
    padding: 12px 0 0px 20px;
    background: white;
    filter : progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
    border: none;
    border-top: 5px solid #B5D83C;
    border-bottom:3px solid #B5D83C;
    box-shadow: none;
}
.navbar .brand {
    position: relative;
    top: 7px;
    margin-top: -28px;
    padding: 1px 20px;
    width: 200px;
}
.brand .slogan {
    font-size: 12px;
	color: #666;
    position: absolute;
    top: 49px;
    left: 76px;
}
.navbar .nav a {
    text-transform: uppercase;
    font-family: "Coda", sans-serif;
}
.navbar .nav li a[href*=contact] {
    color: #b01920 ;
}

.navbar .nav > li > a {
    padding: 8px;
    padding-bottom: 2px;
	margin: 0 1px 0 1px;
	border-bottom: 3px solid transparent;
	color: #666;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus,
.navbar .nav > li:hover > a,
.navbar .nav > li:hover > a:hover,
.navbar .nav > li:hover > a:focus {
    background: none;
    box-shadow: none;
    border-bottom: 3px solid #B5D83C;
}
.dropdown-menu {
    margin: -5px 0 0 -2px;
}
.nav li:hover .dropdown-menu {
    display: block;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
    color: #ffffff;
    text-decoration: none;
    background-color: #6a892b;
    background-color: #b6da54;
    background-image: -moz-linear-gradient(top, #b6da54, #6a892b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b6da54), to(#6a892b));
    background-image: -webkit-linear-gradient(top, #b6da54, #6a892b);
    background-image: -o-linear-gradient(top, #b6da54, #6a892b);
    background-image: linear-gradient(to bottom, #b6da54, #6a892b);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffb6da54', endColorstr='#ff6a892b', GradientType=0);
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
    color: #ffffff;
    text-decoration: none;
    background: #85A63A;
    outline: 0;
}
.home-header-bottom {
    padding: 25px 0 20px 0;
    /*background: url("../img/shattered.png");*/
    background-color: #e8e8e8;
}

#recherche,
#connect {
    display: block;
    width: 30px;
    height: 30px;
    margin: -2px 0px 0 0;
    padding: 2px 0 0 8px;
    color: #333;
    border-radius: 50px;
    background: #ddd;
    border: 2px solid #fff;
    text-decoration: none;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: all .5s ease-in;
       -moz-transition: all .5s ease-in;
         -o-transition: all .5s ease-in;
            transition: all .5s ease-in;
}
#recherche:hover,
#connect:hover {
    background: #fff;
    border: 2px solid #B5D83C;
}

#formsearchHeader input.search-query {
    display:none;
}
button#search {
    height:26px;
    padding:5px 0 0 10px;
    border:none;
    background:#fff;
    border-color:#fff;
    -webkit-box-shadow: none;
            box-shadow: none;
}
#search.search-query {
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background: #ffffff; /* Old browsers */
    border:1px solid #efefef;
    /*-webkit-box-shadow: none;
            box-shadow: none;*/
}

#formsearch .add-on{
    background:#fff;
    border:none;
}

#search.search-query:focus{height:24px;}

/*-- Home Slider --*/
#slider{height:350px;}
.carousel {
    margin-bottom: 0;
}
.carousel .item {
    height: 350px;
}
.carousel .item.home-model01 .laptop {
    width: 486px;
    height: 350px;
    margin: 0 0 0 528px;
    background: url("../img/bg-laptop.png") center center no-repeat;
}
.carousel .item.home-model01-1 .laptop {
    width: 486px;
    height: 350px;
    margin: 0 0 0 600px;
    background: url("../img/bg-laptop.png") center center no-repeat;
}
.carousel .item.home-model01-1 .pub {
    margin: 50px 0 0 260px;
}
.carousel .item .laptop .screen {
    position: relative;
    top: 63px;
    left: 80px;
    width: 327px;
    height: 206px;
    overflow: hidden;
}
.carousel .item .laptop .screen img {
    width: 380px;
    margin: auto;
}
.carousel .item.home-model01-1 .mobile {
    position: relative;
    top: -240px;
    left: 575px;
    width: 114px;
    height: 226px;
    background: url("../img/bg-mobile.png") center center no-repeat;
}
.carousel .item.home-model01-1 .mobile img {
    position: relative;
    top: 40px;
    left: 9px;
    width: 98px;
}
.carousel .item .caption {
    position: absolute;
    top: 60px;
    left: 150px;
    width: 350px;
    margin: 0;
    color: #fff;
    font-size: 14px;
    font-weight: thin;
    font-family: "Oxygen", sans-serif;
}
.carousel .item .caption .h2slide {
    font-size: 42px;
    color: #000;
    font-family: "Coda", sans-serif;
    font-size: 3em;
    /* text-shadow: 1px 1px #B5D83C, 2px 2px #B5D83C, 3px 3px #74C924; */
}
.carousel .item .caption p {
    color: #0F0F0F;
    font-size: 1.5em;
}
.carousel-control {
    top: 50%;
    line-height: 32px;
}

.carousel-control:focus {
    outline: none;
}
.carousel-shadow {
    padding: 5px 0 0 0;
    box-shadow: 0px -1px 2px #aaa;
}

/*-- Fil d'Ariane --*/
.ariane {
    margin: 63px 0 0 0;
    padding: 0;
}
ul.B_crumbBox {
    margin: 0;
    list-style: none;
    background: #ffffff;
    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px;
    font-size:11px;
}
.B_crumbBox li {
  display: inline-block;
  *display: inline;
  text-shadow: none;
  *zoom: 1;
}
.B_crumbBox li.active {
    color: #545454;
}
.B_crumb span,
.B_firstCrumb span{
    color: #545454;
}
.B_lastCrumb span,
.B_currentCrumb {
    color:#B5D83C
}

/*-- Formulaire de recherche --*/
.form-search{
    margin:5px;
}
.form-search .search-query{
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius:    5px 0 0 5px;
    border-radius:         5px 0 0 5px;
    padding: 2px 5px 0 5px; 
    background:#f7f7f7;
    font-size:13px;
    height:26px;
}
.form-search .search-query:focus{
    -webkit-box-shadow: 0px 0px 5px 0px #B5D83C;
            box-shadow: 0px 0px 5px 0px #B5D83C;
    border: 1px solid #B5D83C;
    height:18px;
}

.form-search .btn,
.form-search .btn{
    height:16px;
    padding: 1px 5px 19px 5px;
    -webkit-border-radius: 0 5px 5px 0;
       -moz-border-radius: 0 5px 5px 0;
            border-radius: 0 5px 5px 0;
}

/*
 * =======================================================
 * = CONTENT
 * =======================================================
 */

/*-- Home Content --*/
.home-columns {
    margin-bottom: 20px;
}
.home-columns p {
    text-align: justify;
}
.home-columns img {
    float: left;
    margin: 15px 20px 0 0;
}
/*ACKTD remplacement des i pas des span pour sémantique et accessibilité */
.home-columns span[class^="icon-"], .home-columns span[class*=" icon-"]{
    font-size: 48px;
    margin: 20px 20px 0 0;
    color: #555;
}
h1.titre-accueil {
    font-size: 30px;
    line-height: 40px;    
    color: #3B3B3B;
    margin: 20px 0 20px 0;
    padding: 0 0 0 70px;
}
h1.titre-accueil.lwsm {
    line-height: 27px;
    margin-bottom: 0;
}
h1.lwsm span {
    font-size: 50%;
    /* display: block; */
    margin: 0;
    padding: 0;
	margin-left: 20px;
}
.home-columns h2 {
    color: #3B3B3B;
    margin: 20px 0 20px 0;
    padding: 0 0 0 70px;
}
.home-columns .last-news{
    margin: 0 0 20px 0;
}
.home-columns .last-news h3 {
    margin: 0px 0 0 0;
    line-height: 23px;
    font-size: 18px;
}
.last-news > h5 {
    padding-left:30px;
}
.home-columns .tweet {
    min-height: 48px;
    margin: 0 0 10px 0;
    padding: 0 0 2px 0;
    border-bottom: 1px solid #ededed;
}
.home-columns .tweet img {
    float: left;
    margin: 0 10px 0 0;
    border-radius: 5px;
}
.home-columns .tweet h3 {
    margin: 0;
    font-size: 18px;
    line-height: 18px;
}
.home-columns .tweet p {
    margin: 0 0 10px 58px;
}
.home-columns .tweetDate,
.home-columns .newsDate{font-size:12px; _font-family: "Coda", sans-serif; }
.home-columns .newsDate{padding-top:2px;}

/*-- New Home --*/
#maintitle {
    text-align: center;
    color:  #4D4D4D;
    text-decoration: none;
    padding-top:65px;
 }
 
 #maintitle a {
    border-top: 2px solid #D9D9D9;
    text-align: center;
    color:  #4D4D4D;
    text-decoration: none;
 }
.fleche {
    margin-top: 15px;
    margin-bottom: 15px;
}
.home-columns .introBottom p {
    text-align: center;
    font-size: 120%;
}
.gridBlock {
    background-color: #D9D9D9;
}
.imageBlock {
    margin:0;
}
.imageBlock img {
    _width:95%;
    border: 10px solid #D9D9D9;
    margin:0;
}
.containerCard,.containerCard .element {
    height:240px;
    width:100%;
}
.containerCard .element {
    _width:100%;
}
/*-- Content --*/
.content p,
.content li {
    margin-left: 10px;
}
.work-columns,
.one-column {
    margin-bottom: 20px;
}
.services-list {
    list-style: none;
    margin: 0;
}
.services-list li {
    line-height: 1.8;
}
.content h1 {
    line-height: 40px;
}
.content .social-likes {
    margin: 0 0 20px 0;
}
.icon-image p {
    text-align: center;
}
.icon-image img {
    width: 60%;
}
.blue-twitter {
    color:#00bef6!important;
}
.orange-rss {
    color:#ff9900!important;
}
#Techarousel .carousel-caption h4 {
    font-size: 18px;
    line-height: 18px;
    color: #000000;
}
#Techarousel .carousel-caption p {
    font-size: 16px;
    line-height: 16px;
    color: #000000;
}
.well-green {
    background-color: #A0D100;
}
.well-green a {
    color: #222;
}
.well-green a:hover {
    color: #222;
    text-decoration: underline;
}

/*
 * Page formation
 */
a.formation-block {
    height: 110px;
    margin-bottom: 10px;
    padding: 15px;
    color: #444;
    background: #E8E8E8;
    box-shadow: 0 0 10px #fff inset;
    text-decoration: none;
}
div a.formation-block:nth-child(even) {
    margin-left: 0;
}
a.formation-block:hover {
    color: #fff;
    background: #333;
    box-shadow: 0 0 10px #222 inset;
}
a.formation-block .plus {
    display: inline-block;
    float: right;
    margin: 0 0 0 10px;
    padding: 8% 0 0 0;
    color: #E8E8E8;
}
a.formation-block h4 {
    margin-top: 0;
}
.formation p {
    text-align: left;
}
.method-pedagog{
    clear: both;
    float: left;
    margin-top: 0px;
    margin-right: 5px;
}
.method-categorie{
    clear: both;
    margin-top: 25px;
    margin-right: 5px;
}
.method-pedagog-text {
    padding: 0px 0 0 0;
    margin-top: -3px;
}
.modalite-formation{
    background:#efefef;
    display:block;
    padding:10px;
    border:1px solid #666666;    
}
.modalite-formation ul{list-style-type: none;margin-left: 15px;}
.modalite{
    display: block;
    width:100px;
    float:left;
    font-weight: bold;
}
/*
 * =======================================================
 * = PORTFOLIO
 * =======================================================
 */

.thumbnails {
    /*margin: 40px 0 10px -30px;*/
    clear:both;
}
.thumbnails li a.thumbnail {
    display: block;
    height: 135px;
    overflow: hidden;
    border: none;
    padding: 0;
    margin-bottom: 5px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: relative;
}
.thumbnails li a.thumbnail img {
    width: 100%;
    height: auto;
    margin: 0;
}
.thumbnails li a.thumbnail .caption {
    display: block;
    background: rgba(172, 231, 31, 0);
    padding: 0;
    /*width: 270px;
    height: 170px;*/
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition:    all 0.2s ease-in-out;
    -o-transition:      all 0.2s ease-in-out;
    -ms-transition:     all 0.2s ease-in-out;
    transition:         all 0.2s ease-in-out;
}
.thumbnails li a.thumbnail .caption h2 {
    font-size: 20px;
}


.thumbnails li a.thumbnail:hover .caption {
    background: rgba(172, 231, 31, 0.7);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition:    all 0.2s ease-in-out;
    -o-transition:      all 0.2s ease-in-out;
    -ms-transition:     all 0.2s ease-in-out;
    transition:         all 0.2s ease-in-out;
}
.thumbnails li a.thumbnail .caption h2 {
    color: #fff;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition:    opacity 0.2s ease-in-out;
    -o-transition:      opacity 0.2s ease-in-out;
    -ms-transition:     opacity 0.2s ease-in-out;
    transition:         opacity 0.2s ease-in-out;
}
.thumbnails li a.thumbnail:hover .caption h2 {
    opacity: 1;
}
.thumbnails li a.thumbnail .caption span {
    font-size: 40px;
    color: #FFF;
    position: absolute;
    left: 50%;
    top: 67%;
    margin: -10px 0 0 -24px;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition:    all 0.2s ease-in-out;
    -o-transition:      all 0.2s ease-in-out;
    -ms-transition:     all 0.2s ease-in-out;
    transition:         all 0.2s ease-in-out;
}
.thumbnails li a.thumbnail:hover .caption span {
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition:    all 0.2s ease-in-out;
    -o-transition:      all 0.2s ease-in-out;
    -ms-transition:     all 0.2s ease-in-out;
    transition:         all 0.2s ease-in-out;
}


#portfolio-wrapper .thumbnail{border:none;}
#portfolio-wrapper .partner img {
    filter: none;
    -webkit-filter: none;
       -moz-filter: none;
         -o-filter: none;
        -ms-filter: none;
    border:none;
    outline:none;
}
#portfolio-wrapper .partner:hover img {
    filter: url("filter.svg#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
#portfolio-wrapper .partner .span12 {
    margin-left: 30px;
}

.thumbnails li a.pfTitle {
    font-size: 12px;
    float: right;
    white-space: nowrap;
    color: #111111;
}
#filters li a.selected {
    border-bottom:2px solid #B5D83C;
}

/*
 * =======================================================
 * = PROJET
 * =======================================================
 */
a.siteURL {
    margin: 0 0 0 10px;
    font-size: 14px;
}

.projet-header-bottom {
    padding: 15px 0 0 0;
    /*background: url("../img/shattered.png");*/
    background-color: #e8e8e8;
}
.projet-header-bottom .carousel-inner {
    width: 90%;
    margin: auto;
}

/*-- Slider model01 --*/
.carousel .item.projet-FS .browser.mac {
    background: url("../img/browser-mac-large.png") center center no-repeat;
}
.carousel .item.projet-FS .browser.windows {
    background: url("../img/browser-windows-large.png") center center no-repeat;
}
.carousel .item.projet-FS .browser {
    width: 100%;
    height: 350px;
}
.carousel .item.projet-FS .browser .screen {
    position: relative;
    top: 44px;
    left: 12px;
    width: 1030px;
    height: 306px;
    overflow: hidden;
}
.carousel .item.projet-FS .browser .screen img {
    width: 1030px;
}

/*-- Slider model02 --*/
.carousel .item.projet-Responsive .browser.mac {
    background: url("../img/browser-mac-medium.png") center center no-repeat;
}
.carousel .item.projet-Responsive .browser.windows {
    background: url("../img/browser-windows-medium.png") center center no-repeat;
}
.carousel .item.projet-Responsive .browser {
    width: 60%;
    height: 350px;
    margin: 0 0 0 300px;
}
.carousel .item.projet-Responsive .browser .screen {
    position: relative;
    top: 30px;
    left: 6px;
    width: 620px;
    height: 312px;
    overflow: hidden;
}
.carousel .item.projet-Responsive .browser .screen img {
    width: 620px;
}
.carousel .item.projet-Responsive .mobile {
    position: absolute;
    top: 0;
    left: 100px;
    width: 30%;
    height: 350px;
    background: url("../img/bg-mobileProjet.png") center center no-repeat;
}
.carousel .item.projet-Responsive .mobile .screen {
    position: relative;
    top: 82px;
    left: 48px;
    width: 220px;
    height: 268px;
    overflow: hidden;
}
.carousel .item.projet-Responsive .mobile .screen img {
    width: 220px;
}

/*-- Slider model03 --*/
.carousel .item.projet-VP2 .browser1.mac {
    background: url("../img/browser-mac-small.png") center center no-repeat;
}
.carousel .item.projet-VP2 .browser1.windows {
    background: url("../img/browser-windows-small.png") center center no-repeat;
}
.carousel .item.projet-VP2 .browser1 {
    position: relative;
    top: 50px;
    width: 510px;
    height: 282px;
    margin: 0 0 0 475px;
}
.carousel .item.projet-VP2 .browser1 .screen {
    position: relative;
    top: 26px;
    left: 5px;
    width: 500px;
    height: 250px;
    overflow: hidden;
}
.carousel .item.projet-VP2 .browser2.mac {
    background: url("../img/browser-mac-small.png") center center no-repeat;
}
.carousel .item.projet-VP2 .browser2.windows {
    background: url("../img/browser-windows-small.png") center center no-repeat;
}
.carousel .item.projet-VP2 .browser2 {
    position: absolute;
    top: 10px;
    width: 510px;
    height: 282px;
    margin: 0 0 0 75px;
}
.carousel .item.projet-VP2 .browser2 .screen {
    position: relative;
    top: 26px;
    left: 5px;
    width: 500px;
    height: 250px;
    overflow: hidden;
}
.carousel .item.projet-VP2 .browser1 .screen img,
.carousel .item.projet-VP2 .browser2 .screen img {
    width: 500px;
}

/*-- Slider model04 --*/
.carousel .item.projet-VP1 .browser.mac {
    background: url("../img/browser-mac-small.png") center center no-repeat;
}
.carousel .item.projet-VP1 .browser.windows {
    background: url("../img/browser-windows-small.png") center center no-repeat;
}
.carousel .item.projet-VP1 .browser {
    position: relative;
    top: 25px;
    width: 510px;
    height: 282px;
    margin: auto;
}
.carousel .item.projet-VP1 .browser .screen {
    position: relative;
    top: 26px;
    left: 5px;
    width: 620px;
    height: 312px;
    overflow: hidden;
}

/*
 * =======================================================
 * = CONTACT
 * =======================================================
 */

.contact-form {
    padding-top: 20px;
}
.form-horizontal .control-group {margin-bottom:5px;}
.controls .scapcha{line-height:30px; margin-right:20px; width:100px; display:block; float:left;}
/* Erreur sur le formulaire    */
input.alert {
    -webkit-box-shadow:  0px 0px 5px 0px #FF0000!important;
            box-shadow:  0px 0px 5px 0px #FF0000!important;
    border:1px solid #FF0000;
}
.form-actions{background:#ffffff;border:none;}

a.thumbnail:hover{
   border-color:#A0D100;
}

/* Map */
#map_canvas {
    width: 100%;
    height: 400px;
    margin-bottom: 20px;
}
/* Infos contact */
.qrcode {
    width: 56%;
    padding: 0 0 0 9px;
}
.contact-columns .span3 .content h3 {
    margin: 0;
    line-height: 24px;
}
.contact-columns .span3 .content p {
    margin: 0 0 10px 0;
}
.contact-columns .infosContact {
    margin: 0 0 20px 0;
    font-size: 20px;
}
.contact-columns ul.social li span {
    font-size: 25px;
}
.contact-columns ul.social li a {
    text-decoration: none;
}
.contact-columns ul.social li a:hover {
    text-decoration: none;
    color:darkgrey;
}
.obligatoire {font-size:10px;}
.near {
    font-size: 85%;
    color: #666;
    position: relative;
    top: -5px;
}

/*
 * =======================================================
 * = FOOTER
 * =======================================================
 */

footer {
    background: #E8E8E8;
    padding: 30px 0 20px 0;
    font-size: 0.9em;
}
footer h4 {
    margin: 15px 0 10px 0;
}
footer h5 {
    margin: 10px 0 0 0;
}
footer .phone {
    font-size:16px;
}
footer a {
    color: #666;
}
footer a:hover {
    color: #4e6006;
}
.blogFooter ul.social,
footer ul.social,
footer ul.footer-nav,
ul.social {
    list-style: none;
    margin: 0;
}
.blogFooter ul.social li ,
footer ul.social li,
ul.social li {
    display: inline;
}
.blogFooter ul.social li a,
footer ul.social li a {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    margin: 0 10px 0 0;
    padding: 2px 0 0 0;
    border-radius: 50px;
    background: #E8E8E8;
    border: 2px solid #E8E8E8;
    text-decoration: none;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: all .2s ease-in;
       -moz-transition: all .2s ease-in;
         -o-transition: all .2s ease-in;
            transition: all .2s ease-in;
}
.blogFooter ul.social li a:hover,
footer ul.social li a:hover {
    background: #fff;
    border: 2px solid #fff;
}
.blogFooter ul.social li a:hover,
footer ul.social li a:hover {
    text-decoration: none;
}
.blogFooter ul.social li span,
footer ul.social li span {
    font-size: 21px;
}
footer p.last {
    width: 100%;
    margin: 10px 0 0 0;
    color: #666;
    font-size: 0.8em;
    text-align: center;
}

footer .partner img {
    height:36px;
}
footer .partner {
    margin-left: 30px;
}

/*
 * =====================================================
 * = BOUTON - Label - Bage
 * =====================================================
 *
 */

.btn-ack {
  color: #ffffff;
  text-decoration: none;
  background-color: #6a892b;
  background-color: #b6da54;
  background-image: -moz-linear-gradient(top, #b6da54, #6a892b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b6da54), to(#6a892b));
  background-image: -webkit-linear-gradient(top, #b6da54, #6a892b);
  background-image: -o-linear-gradient(top, #b6da54, #6a892b);
  background-image: linear-gradient(to bottom, #b6da54, #6a892b);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffb6da54', endColorstr='#ff6a892b', GradientType=0);

}
.btn:hover{
    background-position: 0 0px;
    -webkit-transition: background-position 0s linear;
       -moz-transition: background-position 0s linear;
         -o-transition: background-position 0s linear;
            transition: background-position 0s linear;
}

.label-ack{background: #B5D83C; color:#333333}
.label-ack.selected{color: #fff;}
.label, .badge, .btn{text-shadow: 0 0px 0}

a, a:hover {
    /* font-family: "Coda", sans-serif;  #1489 */
    color: #A0D100;
    
    color: #4E6006; /* #1489 ou bien 647A1A ACKTD20082015 passage de 7778f26 a 4E6006 pour accessibilité*/
}
a.title:hover {
    text-decoration: none;
}

#filters a,
#filters a:hover {
    color: #000;
    text-transform: uppercase;
    font-family: "Coda", sans-serif;
    color:black;
    font-size:12px;
}
#filters a:hover{
    border-bottom:2px solid #B5D83C;
    text-decoration: none;
}

/*
 * ====================================================
 * = BLOG
 * ====================================================
 */
.blogEntry{margin-bottom:10px; padding-bottom:10px; margin-left: 0px;}
.blogEntry .btn-ack{height:16px;padding:2px 20px; margin-top:30px;}

.content .blogInfo{margin-bottom: 20px; margin-left: 0;}
.blogInfo {margin-top:5px; margin-left: 0; padding-right:0px; font-size:12px;text-align: left;}
.blogInfo i {font-size:18px;color:#aaa;display:inline-block;width:20px;}
.blogInfo i.spaces {margin-left:5px;}
.blogInfo.tags span {display: inline-block; height: 25px; margin: -8px 0 0 2px; line-height: 25px; vertical-align: middle;}

.blogHeader{margin-bottom:0px;}
.blogTitle{margin-left:30px;}

.blogReadBtn{line-height: 44px;}
.blogContent{margin-top:0px;}
.blogContent p{ text-align:justify;}
.pager_blog li{list-style-type:none; color:#004400}
.pager_blog li a{color:rgba(0,50,0,0.4); font-size:18px;}
.blogTag li{margin-left:20px;}
.blogFooter{margin-top:20px; margin-bottom:20px}

.pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul > .active > span {
    background: #ffffff;
}

blockquote{
    padding: 30px 50px;
    position: relative;
    _border: #eee 1px solid;
    background: #fefefe;
    margin: 10px 20px
}
blockquote i.icon-quote-left{
    margin: -20px 0 0 -35px;
    position: absolute;
    font-size:30px;
    color:#dedede;
}
blockquote i.icon-quote-right{
    margin: 10px 0 0 10px;
    position: absolute;
    font-size:30px;
    color:#dedede;
}
blockquote p:last-child{
    color:#cecece;
    font-size: 12px;
    margin-top: 20px;
}

/*
 * Commentaire 
 */
.comment-form{padding-left:50px;}
.commentEntry{margin-top:10px; margin-bottom:10px;}
.odd{background:#efefef;}


/*
 * ====================================================
 * = ACTIVITE
 * ====================================================
 *
 */
#activites .thumbnail {
    border:none;
}
#activites .span6 {
    min-height: 220px;
}
#activites li.span6:nth-child(odd) {
    margin: 0 0 20px 0;
}
.acticon {
    color:#aeaeae;
}

/*
 * ====================================================
 * = FILTRE PORTFOLIO/REFERENCE
 * ====================================================
 *
 */
.ptitle{float:left;margin-right:20px;}
.option-set{padding-top: 19px;margin-bottom:0px;}
.option-set li{float:left; list-style-type: none; padding:5px;margin-bottom:20px}
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
/*
 * ====================================================
 * = Page technologie
 * ====================================================
 */
#Techarousel.carousel .item{height:80px;}
#Techarousel.carousel .carousel-caption{background:#ffffff;}
#Techarousel.carousel .carousel-caption img{float:left;margin-right:20px;}
#Techarousel.carousel .carousel-caption p{color:#666666;}

a.techno {line-height: 30px;vertical-align: top;}

/*
 * ====================================================
 *  = Page Aide
 * ====================================================
 */

#navigateurs #navigateurs p {
    margin-bottom: 0;
    text-align: center;
}
#navigateurs #navigateurs a {
    font-weight: normal;
}
#navigateurs #firefox {
    float: left;
    margin-top: 100px;
    text-align: center;
}
#navigateurs #firefox #firefox_top {
    width: 150px;
    height: 24px;
    background: #df731b;
    border-radius: 10px 10px 0 0;
}
#navigateurs #firefox #firefox_bottom {
    width: 148px;
    height: 50px;
    border: 1px solid #df731b;
    border-radius: 0 0 10px 10px;
}
#navigateurs #firefox #firefox_bottom a {
    display: inline-block;
    width: 148px;
    height: 50px;
    text-decoration: none;
}
#navigateurs #firefox #firefox_bottom a:hover {
    color: #fff;
    background: #df731b;
    border-radius: 0 0 10px 10px;
}
#navigateurs #chrome {
    float: left;
    margin: 100px 0 0 30px;
    text-align: center;
}
#navigateurs #chrome #chrome_top {
    width: 150px;
    height: 24px;
    background: #43c152;
    border-radius: 10px 10px 0 0;
}
#navigateurs #chrome #chrome_bottom {
    width: 148px;
    height: 50px;
    border: 1px solid #43c152;
    border-radius: 0 0 10px 10px;
}
#navigateurs #chrome #chrome_bottom a {
    display: inline-block;
    width: 148px;
    height: 50px;
    text-decoration: none;
}
#navigateurs #chrome #chrome_bottom a:hover {
    color: #fff;
    background: #43c152;
    border-radius: 0 0 10px 10px;
}
#navigateurs #safari {
    float: left;
    margin: 100px 0 0 30px;;
    text-align: center;
}
#navigateurs #safari #safari_top {
    width: 150px;
    height: 24px;
    background: #2099da;
    border-radius: 10px 10px 0 0;
}
#navigateurs #safari #safari_bottom {
    width: 148px;
    height: 50px;
    border: 1px solid #2099da;
    border-radius: 0 0 10px 10px;
}
#navigateurs #safari #safari_bottom a {
    display: inline-block;
    width: 148px;
    height: 50px;
    text-decoration: none;
}
#navigateurs #safari #safari_bottom a:hover {
    color: #fff;
    background: #2099da;
    border-radius: 0 0 10px 10px;
}
#navigateurs #internetExp {
    float: left;
    margin: 100px 0 0 30px;
    text-align: center;
}
#navigateurs #internetExp #internetExp_top {
    width: 150px;
    height: 24px;
    background: #006297;
    border-radius: 10px 10px 0 0;
}
#navigateurs #internetExp #internetExp_bottom {
    width: 148px;
    height: 50px;
    border: 1px solid #006297;
    border-radius: 0 0 10px 10px;
}
#navigateurs #internetExp #internetExp_bottom a {
    display: inline-block;
    width: 148px;
    height: 50px;
    text-decoration: none;
}
#navigateurs #internetExp #internetExp_bottom a:hover {
    color: #fff;
    background: #006297;
    border-radius: 0 0 10px 10px;
}
#nav {
    white-space: nowrap
}
/*
 * ====================================================
 *  = Page 404
 * ====================================================
 */
.error-header,
.error-header .lead {
    text-align: center;
}
.errortitle {
    font-family: 'Coda', sans-serif;
    font-size: 10em;
    line-height: 140px;
}
.error-column {
    padding: 40px 0;
    text-align: center;
}
.error-column a {
    font-size: 1.2em;
}
.error-column a i {
    padding: 10px;
    color: #333;
    font-size: 4em;
    text-decoration: none;
}

/*
 * ====================================================
 *  = Syntaxe Highlighter
 * ====================================================
 */
div.bash .code .line.alt1 {
    background-color: white !important;
}
.blogContent .syntaxhighlighter{margin-bottom: 30px!important;}

/*
 * =======================================================
 * = SOCIAL COUNT
 * =======================================================
 */
/* Skin CSS */

.socialcount {
    color: #fff;
    font-size: .875em;
    line-height: 2.2em;
    text-align: right;
}
.socialcount > li {
    background-color: #A0D100;
}
.socialcount > li,
.socialcount > li > a:focus,
.socialcount .loading {
    border-radius: 2px;
}
.socialcount > li > a:focus,
.socialcount > li:hover,
.socialcount > li.hover /* fix for IE and iframes */ {
    background-color: #464646;
}
/* Special class added to count when it's >= the minimum */
.socialcount .count.minimum {
}


/* Base CSS */

.socialcount {
    list-style: none;
    padding-left: 0;
    margin: 0 0 .6em 0;
    overflow: hidden;
}
.socialcount-large {
    line-height: normal;
}
.socialcount :link,
.socialcount :visited {
    color: inherit;
}
.socialcount > li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    position: relative;
    vertical-align: top;
    min-width: 80px;
    min-height: 30px;
    text-align: center;
    white-space: nowrap;
    *margin-right: 4px;
}
.socialcount.like.de_DE > .facebook {
    min-width: 90px; /* like */
}
.socialcount-small > li {
    min-width: 0;
}
.socialcount-large > li {
    float: left;
    margin: 0 .6em .6em 0;
}
.socialcount.recommend .facebook {
    min-width: 120px;
}
.socialcount-small.recommend .facebook {
    min-width: 0;
}
.socialcount-large > li,
.socialcount-large.recommend .facebook {
    min-width: 105px;
}
.socialcount > li > a {
    display: block;
    padding: 0 5px;
    text-decoration: none;
    color: inherit;
    font-size: 1.1em;
    line-height: 30px;
}
.socialcount-small > li > a {
    padding-left: 8px;
    padding-right: 8px;
}
.socialcount-large > li > a {
    padding: 12px 5px 8px;
}

.socialcount .count {
    color: inherit;
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    margin-left: 6px;
}
.socialcount-large .count {
    display: block;
    width: 100%;
    margin-left: 0;
    padding-top: 10px;
}
.socialcount-small .count {
    margin-left: 0;
}

.socialcount .facebook iframe {
    height: 21px;
    width: 90px; /* recommend */
}
.socialcount.de_DE .facebook iframe {
    width: 83px; /* recommend */
}
.socialcount.like .facebook iframe {
    width: 60px; /* like */
}
.socialcount.like.de_DE .facebook iframe {
    width: 83px; /* like */
}
.socialcount .twitter iframe {
    padding-left: 7px;
}

.socialcount .button {
    display: none;
    width: 100%;
    position: absolute;
    left: 0;
    top: 5px;
    text-align: center;
    pointer-events: none;
}
.socialcount .button iframe {
    pointer-events: auto;
}
.socialcount-large .button {
    top: auto;
    bottom: 2px;
}

.socialcount.grade-a.activate-on-hover > li.hover .count,
.socialcount.grade-a.activate-on-click > li.hover.active .count {
    text-indent: -999px;
}

.socialcount.grade-a.activate-on-hover > li.hover .button,
.socialcount.grade-a.activate-on-click > li.hover.active .button {
    display: block;
}
.socialcount.grade-a.activate-on-hover > li.hover > a,
.socialcount.grade-a.activate-on-click > li.hover.active > a {
    cursor: default;
}
.socialcount-small.grade-a.activate-on-hover > li.hover > a,
.socialcount-small.grade-a.activate-on-click > li.hover.active > a,
.socialcount.grade-a.activate-on-hover > li.hover .button iframe,
.socialcount.grade-a.activate-on-click > li.hover.active .button iframe {
    cursor: pointer;
}

/* Inline loading */
.socialcount .loading {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background-color: #aaa;
    background-color: rgba(170, 170, 170, 0.7);
    color: #000;
    text-transform: uppercase;
    font-size: .75em;
    text-align: center;
}
.socialcount-large .loading {
    padding-top: 30%;
}
.socialcount .loading .dot {
    display: inline-block;
    /* no ie7 compat needed here, just shows the text links */
    width: 6px;
    height: 6px;
    margin: 12px 3px;
    background: #fff;
    opacity: 0;
    border-radius: 50%;

    -webkit-animation: socialCountLoadingFade .6s infinite;
    -moz-animation: socialCountLoadingFade .6s infinite;
    animation: socialCountLoadingFade .6s infinite;
}

.socialcount .loading .dot:nth-child(1) {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
}

.socialcount .loading .dot:nth-child(2) {
    -webkit-animation-delay: .05s;
    -moz-animation-delay: .05s;
    animation-delay: .05s;
}

.socialcount .loading .dot:nth-child(3) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    animation-delay: .1s;
}

@-webkit-keyframes socialCountLoadingFade {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}

@-moz-keyframes socialCountLoadingFade {
    0% { opacity: 0;  }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}

@keyframes socialCountLoadingFade {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}
.social-icon {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  *margin-right: 5px;
}

.socialcount.grade-a.activate-on-hover > li.hover .social-icon,
.socialcount.grade-a.activate-on-click > li.hover.active .social-icon {
  display: none;
}

.socialcount-small.grade-a.activate-on-hover > li.hover .social-icon,
.socialcount-small.grade-a.activate-on-click > li.hover.active .social-icon,
.socialcount-large.grade-a.activate-on-hover > li.hover .social-icon,
.socialcount-large.grade-a.activate-on-click > li.hover.active .social-icon {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.iconsoc-sprite, .iconsoc-facebook, .iconsoc-googleplus, .iconsoc-pinterest, .iconsoc-share, .iconsoc-twitter {
  background: url('../img/icon-sd6cd4d0ec7.png') no-repeat;
}

.iconsoc-facebook {
  background-position: 0 0;
  height: 15px;
  width: 17px;
}

.iconsoc-googleplus {
  background-position: -21px 0;
  height: 17px;
  width: 20px;
}

.iconsoc-pinterest {
  background-position: -45px 0;
  height: 15px;
  width: 11px;
}

.iconsoc-share {
  background-position: -60px 0;
  height: 16px;
  width: 20px;
}

.iconsoc-twitter {
  background-position: -84px 0;
  height: 15px;
  width: 17px;
}
/* Pinterest */
.socialcount .pinterest {
    display: none;
}
.socialcount.js .pinterest {
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.socialcount .pinterest .button-s {
    bottom: 0;
    pointer-events: auto;
}
.socialcount-large .pinterest .button-s {
    bottom: 10px;
}
.socialcount > .pinterest:hover {
    cursor: pointer;
}
.socialcount-small .pinterest .count {
    text-indent: -999px;
}

/* HD icons */
@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .social-icon {
    -webkit-background-size: auto 17px;
    -moz-background-size: auto 17px;
    -o-background-size: auto 17px;
    background-size: auto 17px;
    background-image: url('../img/icon-hd-s816aa7a6b3.png');
  }
}

/*
 * ====================================================
 *  = STYLE RESPONSIVE
 * ====================================================
 */

@media only screen and (min-width: 0px) and (max-width: 479px) {
    blockquote {
        margin: 0;
    }
    /*--Projet --*/
    .content h1 {
        height: auto;
    }
    .content .social-likes {
        margin: 0 0 20px 0;
    }
    .dl-horizontal dt {
        float: none;
    }
    .dl-horizontal dd {
        margin: 0;
    }

    /*-- Footer --*/
    .blogFooter ul.social li a, footer ul.social li a {
        margin: 0 40px 0 0;
    }
    .copyright {
        display: block;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {

    /*-- General --*/
    body {padding: 0;}
    .container {padding: 0 25px 0 15px;}
    .navbar-static-top .navbar-inner {padding: 0 10px 10px 0;}
    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {margin: 0;}

    .nav-collapse .dropdown-menu {
        margin: 0;
    }
    .nav-collapse .dropdown-menu a {
        padding: 9px 15px 9px 25px;
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
    }

    /*-- Projet --*/
    .content #contentTitle {
        margin-bottom: 20px;
    }
    .content #contentTitle h1 {
        line-height: 40px;
    }
    .content .page-links .span4,
    .content .page-links .span8 {
        width: 100%;
    }
    .content div.social-likes{
        margin-top: 0px;
    }
    .content .blogContent .offset2 {
        margin:0;
    }
    .content .blogContent .span10 {
        width: 100%;
    }

    /*-- Footer --*/
    footer .container .span4 .span2 {float: left; width: 45%;}
    footer .container .span4 .span2:nth-child(odd) {margin: 0 0 0 20px;}
    footer .container .partner .span4{float: left!important; width: 30%}
    .blogFooter ul.social li a, footer ul.social li a { margin: 0 10px 0 0;}

    .dl-horizontal dt {float:left}    
    .carousel-shadow{box-shadow:none;}
    .home-columns span {margin-top:0;}
    .thumbnail {border:none;}
    a.thumbnail:hover {border:none;box-shadow:none;}

    .blogTitle{margin-bottom:20px}
    .blogInfo{margin-top:0px; padding-right: 10px;}
    .blogImg{display:none!important;}
    h2.titre-accueil{padding-left:0px;}
    .option-set li{margin:2px;padding:2px;}
    .thumbnails .thumbnail{width:270px; height:135px; margin:0 auto; clear:both;}
    .thumbnails li a.pfTitle{float:none; text-align:center;display:block}    
    .thumbnails li a.thumbnail img {height: 100%;} 
    .thumbnails li a.thumbnail caption{display:none;}
    .thumbnails [class*="span"] {margin-left:0}

    /** tweet techno */
    #Techarousel.carousel .item{height:150px;}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    /*-- General --*/

    /*-- Home slider --*/
    .carousel .item.home-model01-1 .laptop {margin-left: 450px;}
    .carousel .item.home-model01-1 .pub    {margin-left: 130px;}
    .carousel .item .caption{left: 120px;}

    /*-- Projet slider --*/
    .carousel .item.projet-VP2 .browser1 {margin-left: 320px;}
    .carousel .item.projet-VP2 .browser2 {margin-left:  20px;}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {

    /*-- Contact --*/
    .contact-columns .span5 {width: 476px;}
    .controls .input-xlarge {width: 260px;}
    .controls .input-medium {width: 140px;}
    .thumbnails li a.thumbnail{height:100px;}
    .thumbnails li a.thumbnail .caption{height:97px;top:0px;}
    .thumbnails li a.thumbnail .caption h2{font-size:14px;}
    .thumbnails li a.thumbnail .caption i{font-size:24px;}
    .content #contentTitle {
        margin-bottom: 20px;
    }
    .content #contentTitle h1 {
        line-height: 40px;
    }
    .content .page-links .span4,
    .content .page-links .span8 {
        width: 100%;
    }
    .content div.social-likes{
        margin-top: 0px;
    }
    .content .blogContent .offset2 {
        margin:0;
    }
    .content .blogContent .span10 {
        width: 100%;
    }
    .carousel .item.projet-VP2 .browser2 {
        left:50px;
        top:30px;
    }
    .carousel .item.projet-VP2 .browser1 {
        display: none;
    }
    .carousel .item .laptop {
        margin-left: 10px;
    }
    .carousel .item.home-model01-1 .caption {
        left: 100px;
        width:220px;
    }
    .carousel .item.home-model01-1 .laptop {
        margin-left: 230px;
    }
    .carousel .item.home-model01-1 .pub {
        margin-left: 50px;
        margin-top: 30px;
    }
    .widget-contact .row-fluid .span4 {
        min-width: 100%;
        margin-left: 0;
    }
    .home-header-bottom {
        padding-top: 0px;
        margin-top: -20px;
    }
}
@media only screen and (min-width: 981px) and (max-width: 1199px) {
    .content .blogContent .offset2 {
        margin:0;
    }
    .content .blogContent .span10 {
        width: 100%;
    }
    .widget-contact .row-fluid .span4 {
        min-width: 100%;
        margin-left: 0;
    }
    /*-- Contact --*/
    .controls .input-xlarge {
        width: 175px;
    }
    .controls .input-medium {
        width: 55px;
    }
}