/* Font faces
=================================================================== */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: local('Lato Light'), local('Lato-Light'), url(../font/Lato/kcf5uOXucLcbFOydGU24WALUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(../font/Lato/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'), local('Lato-Bold'), url(../font/Lato/qdgUG4U09HnJwhYI-uK18wLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: local('Lato Black'), local('Lato-Black'), url(../font/Lato/G2uphNnNqGFMHLRsO_72ngLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 300;
    src: local('Lato Light Italic'), local('Lato-LightItalic'), url(../font/Lato/2HG_tEPiQ4Z6795cGfdivLO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    src: local('Lato Italic'), local('Lato-Italic'), url(../font/Lato/RYyZNoeFgb0l7W3Vu1aSWOvvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 700;
    src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(../font/Lato/HkF_qI1x_noxlxhrhMQYELO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 900;
    src: local('Lato Black Italic'), local('Lato-BlackItalic'), url(../font/Lato/VNUH7ZAcagYBWsAiBBCEY7O3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}



/* Basic
=================================================================== */
html {
    margin: 0;
}

body {
    background: #fafbfb;
    position: relative;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-family: 'PT Sans';
    color: #333;
}

.user-interface,
.user-interface p,
.dropdown-menu-user p,
.message p {
    color: #333 !important;
    font-size: 14px !important;
}

#overlay {
    background: white url('../images/ajax-loader.gif') no-repeat 50% 50%;
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

body > .container {
    margin-top: 0px;
    margin-bottom: 0px;
}
body > .container > .container {
    padding: 0 20px;
    box-sizing: border-box;
}
.container > .row {
    margin-top: 20px;
}

.btn {
    background: #34495e;
    border: none;
    -webkit-box-shadow: 0 2px 0 #121921;
    -moz-box-shadow: 0 2px 0 #121921;
    -o-box-shadow: 0 2px 0 #121921;
    -ms-box-shadow: 0 2px 0 #121921;
    box-shadow: 0 2px 0 #121921;
    color: white;
}
.btn:hover {
    background: #e74c3c;
    -webkit-box-shadow: 0 2px 0 #c0392b;
    -moz-box-shadow: 0 2px 0 #c0392b;
    -o-box-shadow: 0 2px 0 #c0392b;
    -ms-box-shadow: 0 2px 0 #c0392b;
    box-shadow: 0 2px 0 #c0392b;

    -webkit-transition: color .1s ease,background-color .1s ease,box-shadow .1s ease;
    -moz-transition: color .1s ease,background-color .1s ease,box-shadow .1s ease;
    -o-transition: color .1s ease,background-color .1s ease,box-shadow .1s ease;
    transition: color .1s ease,background-color .1s ease,box-shadow .1s ease;
}
.btn-primary {
    background: #34495e;
    border: none;
    text-shadow: none;
    -webkit-box-shadow: 0 2px 0 #121921;
    -moz-box-shadow: 0 2px 0 #121921;
    -o-box-shadow: 0 2px 0 #121921;
    -ms-box-shadow: 0 2px 0 #121921;
    box-shadow: 0 2px 0 #121921;
}
.btn-primary:hover {
    background: #e74c3c;
    -webkit-box-shadow: 0 2px 0 #c0392b;
    -moz-box-shadow: 0 2px 0 #c0392b;
    -o-box-shadow: 0 2px 0 #c0392b;
    -ms-box-shadow: 0 2px 0 #c0392b;
    box-shadow: 0 2px 0 #c0392b;
}
.btn-success {
    background: #2ecc71;
    -webkit-box-shadow: 0 2px 0 #27ae60;
    -moz-box-shadow: 0 2px 0 #27ae60;
    -o-box-shadow: 0 2px 0 #27ae60;
    -ms-box-shadow: 0 2px 0 #27ae60;
    box-shadow: 0 2px 0 #27ae60;
}
.btn-success:hover {
    background: #34495e;
    color: #fff;
}
.btn-warning {
    background: #f39c12;
    -webkit-box-shadow: 0 2px 0 #e67e22;
    -moz-box-shadow: 0 2px 0 #e67e22;
    -o-box-shadow: 0 2px 0 #e67e22;
    -ms-box-shadow: 0 2px 0 #e67e22;
    box-shadow: 0 2px 0 #e67e22;
}
.btn-warning:hover {
    background: #34495e;
    color: #fff;
}
.btn-danger {
    -webkit-box-shadow: 0 2px 0 #c0392b;
    -moz-box-shadow: 0 2px 0 #c0392b;
    -o-box-shadow: 0 2px 0 #c0392b;
    -ms-box-shadow: 0 2px 0 #c0392b;
    box-shadow: 0 2px 0 #c0392b;
    background: #e74c3c;
}
.btn-primary:hover {
    background: #5F8620;
}
.btn-link {
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    color: #34495e;
}
.btn-link:hover {
    background: transparent;
    color: #34495e;
    text-decoration: underline;
}
.btn-group .btn:first-child {
    border-radius: 4px;
}
.modal {
    border-radius: 4px;
}


.scrolltop {
	background-color: #F1F1F1;
	border: 1px solid darkGray;
	border-radius: 100px 100px 100px 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	display: none;
	height: 36px;
	opacity: 0.6;
	filter: alpha(opacity=60);
	position: fixed;
	right: 2%;
	/*text-indent: -9999px;*/
	top: 50%;
	width: 36px;
	z-index: 33;
	text-align: center;
}
.scrolltop i {
	position: relative;
    top: 5px;
    font-size: 22px;
    color: #AAA
}
.scrolltop i:hover {
    color: #666;
    text-decoration: none
}

.scrolltop span {
	position: relative;
	top: 7px;
	left: 4px;
}


/* Old versions of IE patches */
.old-ie #hero .carousel-inner .row {
	padding-left: 55px;
}
.old-ie #box_login .box .social a.face_login span.text {
    font-size: 16px;
    margin: 8px 0 0 10px;
}
.old-ie .nav-collapse.collapse {
	height: auto !important;
	overflow: visible !important;
}



a.link {

}
a.link:hover {
    text-decoration: none;
}



textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #81A74C;
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #92C65F;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #92C65F;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #92C65F;
}


h1, h2, h3, h4, h5, h6, .header-navigation div > ul > li > a {
    font-family: 'PT Sans';
}



/* Banniere
-------------------------------------------------- */
.banniere {
    width: 1170px;
    position: relative;
    margin: 0px auto;
}
.banniere img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
}
@media screen and (max-width: 1170px) {
    .banniere {
        width: 100%;
        border: none;
    }
    .banniere img {
        width: 100%;
        border: none;
    }
}


body > .container > .row > .col-md-12 {
    padding: 20px;
    box-sizing: border-box;
}
body > .container > .row > .col-md-8 {
    padding: 20px;
    box-sizing: border-box;
}
body > .container > .row > .col-md-4 {
    padding: 20px;
    box-sizing: border-box;
}


/* Navbar
-------------------------------------------------- */
.caret {
    border-top-color: white !important;
    border-bottom-color: white !important;
}
.top-container {
    border-top: none;
    padding: 0px;
    position: relative;
    z-index: 1;
}
.navbar {
    border: none;
    border-radius: 0px;
    background: #fafbfb;
    padding: 10px 0;
    margin-bottom: 0px;
}
.navbar-toggle {
    color: white;
    background: #323a45;
}
.navbar-toggle:hover {
    background-color: #333;
}


.navbar-menu {
    background: #323a45;
    padding: 0px;
}
.navbar-fixed-top {
    margin-bottom: 0;
}
.navbar-fixed-top.scroll {
    opacity: 0.96;
}
.navbar-inner {
	border-bottom: 0 none;
    padding: 7px 10px 8px 10px;
	background: #fafbfb;
    box-sizing: border-box;
    padding-left: 10px;
    border-radius: 0px;
    border-top: 3px solid #e74c3c;
}
.navbar .brand {
	margin: 10px 0;
	display: block;
}
.navbar .brand img {
	max-height: 75px
}
.navbar .brand h1 {
    font-size: 28px;
	text-shadow: none;
	color: white;
	line-height: 20px
}
.navbar .nav.pull-right {
}
.navbar .nav > li {
	padding: 0px;
	margin-top: 0px;
}
.navbar .nav > li:hover {
    background: #303e45;
}
.navbar .nav > li > a {
	color: #F8F8F8;
	font-size: 15px;
	font-weight: bold;
    text-shadow: none;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	padding: 20px;
}
.navbar .nav > li > a:hover {
	color: #fff;
	background: #e74c3c;
}
.navbar .nav > li.active > a,
.navbar .nav > li.active:hover > a,
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
    padding-bottom: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-box-shadow: none;
	background: none;
	color: #fff;
}
.navbar .nav>li>.dropdown-menu:before,
.navbar .nav>li>.dropdown-menu:after {
    border: none !important;
}

.navbar .nav>li>.dropdown-menu {
    position: absolute;
    padding: 0px;
    border-radius: 0px;
    background: #303e45;
    border: none;
    z-index: 50;
    margin: 0;
    left: 0;
    right: auto;
}
.navbar .nav>li>.dropdown-menu li {
    position: relative;
    padding: 0px;
    border-bottom: 1px solid #37474f;
}
.navbar .nav>li>.dropdown-menu li>a {
    padding:  10px;
    color: white;
}
.navbar .nav>li>.dropdown-menu li>a:hover,
.navbar .nav>li>.dropdown-menu li>a:focus {
	background: #2c3e50 !important;
	text-decoration: none;
	color: #ffffff;
}


.right-caret {
    float:right;
}
.right-caret:after {
    content:'';
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    display: inline-block;
    height: 0;
    width: 0;
    border-left: 5px solid white;
}

.dropdown-menu .arrow {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-width: 8px;
  border-color: transparent;
  border-style: solid;
  top: 15px;
  left: -11px;
  margin-top: -8px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}

.dropdown-menu .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 10px;
    content: "";
    bottom: -10px;
    left: 1px;
    border-right-color: rgba(33, 44, 67, 0.9);
    border-left-width: 0;
}

.dropdown-menu .sub-menu {
    left: 100% !important;
    right: auto !important;
    position: absolute;
    top: 0;
    display: none;
    margin-top: 0px;
    margin-left: 17px;
    background: #303e45;
    border-radius: 0px !important;
    margin: 0;
    padding: 0;
    border: none;
}
.dropdown-menu .sub-menu li:last-child {
    border-bottom: none !important;
}


.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
	background: none;
	color: #fff;
}

.navbar .btn-navbar .fa fa-bars {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #5FAF08;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.navbar .nav-actions {
    position: absolute;
    top: 5px;
    right: 0px;
}
.navbar .btn-header {
	background: #414A57;
	border: 1px solid #13161b;
    border-radius: 6px;
    display: inline-block;
    position: relative;
	color: #F8F8F8;
	font-size: 15px;
    text-shadow: none;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	padding: 10px 15px 10px;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}
.navbar .btn-header:hover {
	background: #545F6D;
	background: -moz-linear-gradient(top, #545F6D 0%, #303946 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#545F6D), color-stop(100%,#303946));
	background: -webkit-linear-gradient(top, #545F6D 0%,#303946 100%);
	background: -o-linear-gradient(top, #545F6D 0%,#303946 100%);
	background: -ms-linear-gradient(top, #545F6D 0%,#303946 100%);
	background: linear-gradient(to bottom, #545F6D 0%,#303946 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545F6D', endColorstr='#303946',GradientType=0 );
	color: #ccc;
	text-decoration: none;
}


@media (max-width: 979px) {
	.nav-collapse .nav > li > a:hover,
	.nav-collapse .dropdown-menu a:hover {
    	background: none !important;
	}
	.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
		color: #ccc;
	}
	.navbar .nav>li>.dropdown-menu .sub-menu {
        width: 100%;
        position: relative;
        top: 0px;
        left: 0px;
        border: none;
        box-shadow: none;
        background: none;
    }
    .navbar .nav>li>.dropdown-menu .sub-menu li a {
        padding: 9px 0px 5px 20px;
    }
}


/* Index
-------------------------------------------------- */
#index {
    margin-top: 50px;
    margin-bottom: 50px;
}

/* carousel section */
#hero {
	padding-top: 50px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 1%, #f9f9f9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 1%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 1%,#f9f9f9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 1%,#f9f9f9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 1%,#f9f9f9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
	height: auto;
	padding-bottom: 50px;
	border-bottom: 1px solid #d1d2d4;
	box-shadow: 0px 3px 8px 0px #e7e7e7;
}
#hero .carousel-control.left {
	left: 0px;
	padding-right: 1px;
}
#hero .carousel-control.right {
	right: 0px;
}
#hero .carousel-inner .item img {
	max-height: 349px;
}
#hero .carousel-inner .item.slide3 img {
	display: block;
	margin: 0 auto;
}
#hero .item h1 {
	font-size: 24px;
	font-weight: bolder;
	margin-top: 10px;
}
#hero .item p {
	font-size: 13px;
	color: #4E4E4E;
	line-height: 20px;
}
#hero .item .btn {
	margin-top: 10px;
	font-weight: bolder;
}
/* introduction heading section*/
#intro {
	text-align: center;
	margin-top: 50px;
}
#intro h1 {
	width: 55%;
	font-size: 28px;
	margin: 0 auto;
	color: #252B34;
	font-weight: normal;
	text-shadow: white 2px 2px 1px;
}
/* features section */
#produits { }
#produits .container { }
#produits .produit img.thumb,
#produits .produit .thumb {
	border: 3px solid #fff;
	border-radius: 5px;
	box-shadow: 0px 0px 0px 1px #bcbcbc;
	display: block;
	margin: 0 auto;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
#produits .produit img.thumb {
    height: 288px;
}
#produits .produit img.thumb:hover {
	box-shadow: 0px 0px 7px 1px #8cbe5b;
}
#produits .produit h3 {
	font-size: 22px;
	font-weight: bolder;
	color: #252b34;
	margin-top: 20px;
	/*text-align: center;*/
	padding-left: 35px;
}
#produits .produit h3 a {
	color:#252b34
}
#produits .produit h3 i {
	margin-right: 5px;
	position: relative;
	top: 2px;
	opacity: .8
}
#produits .produit p.description {
	color: #44474D;
	width: 85%;
	padding-left: 35px;
}
#produits .produit .btn {
	margin-top: 15px;
	margin-left: 35px;
}

#produits .box_info{
	width: 331px;
    background-color: white;
	border: 1px solid #CCC;
	border-radius: 6px;
	padding-bottom: 0px;
	margin: 0 auto;
	margin-top: 20px;
	box-shadow: 0px 0px 10px 0px #DDD;
}
#produits .box_info .head{
	background-color: #F4F4F4;
    border-bottom: 1px solid #D6D6D6;
    border-radius: 4px 4px 1px 0;
    display: inline-block;
    margin-bottom: 20px;
    padding: 25px 0 25px;
    text-align: left;
    width: 100%;

}
#produits .box_info .head h4{
	font-weight: normal;
	color: #373D44;
	font-size: 21px;
	margin: 0px;
	padding-left: 35px;
}
#produits .box_info p.description {
	color: #44474D;
	width: 85%;
	padding-left: 35px;
}

#produits .box_info .footer{
	background-color: #F4F4F4;
    border-top: 1px solid #D6D6D6;
    display: inline-block;
    margin-top: 20px;
    padding: 20px 0 20px;
    text-align: center;
    width: 100%;
}

/* pricing charts section */
#pricing { margin-top:0px }
#pricing .section_header {
	margin-bottom: 70px;
}
#pricing .section_header hr {
	width: 35%;
}
#pricing .price_wrapper {
	background-color: #fafafa;
	border: 1px solid #d9d9d9;
	box-shadow: 0px 0px 5px 2px #E8E8E8;
	border-radius: 6px;
	width: 321px;
	min-height: 375px;
	height: auto;
	position: relative;
}
#pricing .price_wrapper.regular .header {
	background: url('../images/chart1.png') 0 0 no-repeat;
}
#pricing .price_wrapper.pro {
	width: 331px;
	margin: 0 auto;
}
#pricing .price_wrapper.pro .header {
	background: url('../images/chart2.png') 0 0 no-repeat;
}
#pricing .price_wrapper section .btn {
	left: 35%;
}
#pricing .price_wrapper .header {
	height: 98px;
	color: #fff;
	padding: 25px 0px 0px 40px;
}
#pricing .price_wrapper .header > span {
	font-size: 24px;
	font-style: italic;
}
#pricing .price_wrapper .header .price {
	font-size: 20px;
	top: 25px;
	position: relative;
	font-weight: bold;
}
#pricing .price_wrapper .header .price span {
	font-size: 48px;
	margin-right: 10px;
}
#pricing .price_wrapper .section {
	padding: 15px 30px;
	background: white;
}
#pricing .price_wrapper .section h3 {
	color: #535861;
	font-size: 17px;
	line-height: 22px;
}
#pricing .price_wrapper .section ul.perks {
	list-style-type: none;
	margin-left: 0px;
	margin-top: 18px;
}
#pricing .price_wrapper .section ul.perks li {
	padding: 0px;
	line-height: 22px;
}
#pricing .price_wrapper .section ul.perks i {
	margin-right: 10px;
	width:20px;
}
#pricing .price_wrapper .section ul.perks li span {
	margin-right: 2px;
}
#pricing .price_wrapper .section .btn {
	position: absolute;
	bottom: 15px;
	left: 32%;
	font-weight: bold;
}
#pricing .price_wrapper .footer {
	background-color: #F4F4F4;
    border-top: 1px solid #D6D6D6;
    display: inline-block;
    margin-top: 0px;
    padding: 20px 0 20px;
    text-align: center;
    width: 100%;
}

/* testimonials section */
#testimonials {
	margin-top: 50px;
}
#testimonials .controls hr {
	border-top: 1px solid #BEC0C3;
	border-bottom: 2px solid white;
}
#testimonials .phrases_wrapper {
	margin-bottom: 50px;
	padding: 20px 10px 0px 10px;
}
#testimonials .phrases_wrapper .phrase { }
#testimonials .phrases_wrapper .phrase p.testimony {
	color:#3a3f46;
	font-style: italic;
	font-size: 21px;
	/*width: 60%;*/
	line-height: 28px;
	position: relative;
	float: left;
}
#testimonials .phrases_wrapper .phrase p.testimony span {
	font-family: "Georgia", Arial;
	font-size: 50px;
	color: #c9cbce;
	position: absolute;
	margin-left: 10px;
	margin-top: 15px;
}
#testimonials .phrases_wrapper .phrase .pic {
	float: right;
}
#testimonials .phrases_wrapper .phrase .pic img {
	max-width: 55px;
	float: left;
	margin-right: 20px;
	position: relative;
	top: -6px;
}
#testimonials .phrases_wrapper .phrase .pic .name {
	font-weight: bold;
	color: #2C3644;
}
#testimonials .phrases_wrapper .phrase .pic .position { }

/* footer section */
#footer {
	min-height: 50px;
	margin-top: 0px;
    padding: 20px;
    background: #292f38;
    box-sizing: border-box;
    color: #bdc3c7;
}
#footer h3 {
	margin-bottom: 25px;
}
#footer a.affiliation {
    color: #8B98B1;
}
#footer hr {
	border-top: 1px solid black;
	border-bottom: 1px solid #363B43;
	margin: 8px 0px 0px 0px;
}
#footer .copyright h3 {
	float: left;
}

#footer .pull-right {
    margin-top: -10px;
}
#footer .copyright .social {
    display: inline-block;
    margin-top: 0px;
	margin-left: 10px;
	border-radius: 22px;
	padding: 10px;
	text-align: center;
	color:#CCC;
	opacity: .7;
	text-decoration: none
}
#footer .copyright .social:hover {
	opacity:1;
}
#footer .copyright .social.facebook:hover { color:#3b5998 }
#footer .copyright .social.twitter:hover { color:#5dd7fc }
#footer .copyright .social.googleplus:hover { color:#d94a39 }
#footer .copyright .social.youtube:hover { color:#D51727 }
#footer .copyright .social.linkedin:hover { color: #007AB5; }
#footer .copyright .social.skype:hover { color: #00AFF0; }
#footer .copyright .social.instagram:hover { color: #E7DDD3; }
#footer .copyright .social.tumblr:hover { color: #35465D; }
#footer .copyright .social.pinterest:hover { color: #D21F24; }
#footer .copyright .social.rss:hover { color:#fb9b27 }
#footer .copyright .social.email:hover { color:white }

#footer .copyright .copy p {
	margin-top: 20px;
}

/* section header */
div.section_header {
    position: relative;
    overflow: hidden;
    background-size: cover;
}

div.section_header h2 {
	text-align: left;
    font-weight: bolder;
    color: #252b34;
    position: relative;
    margin: 20px 0;
    padding-left: 60px;
    color: white;
}






.section_header.left span {
	margin-left: 0px;
	text-align: left;
}
.section_header hr {
	border-top: 1px solid #BEC0C3;
	border-bottom: 2px solid white;
	width: 36%;
	position: absolute;
}
.section_header hr.left { }
.section_header hr.right {
	right: 0px;
	top: 0px;
}
.section_header span {
	width: 27%;
	display: block;
	margin: 0 auto;
}
.section_header small {
	margin-left: 20px;
	font-size: 16px;
	color: #7f8387;
	display: none;
}


.box {
	float: none;
	margin: 0 auto;
	width: 100%;
	margin-bottom: 25px;
	margin-top: 30px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.10);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.10);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.10);
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,.10);
    box-shadow: 0 1px 1px rgba(0,0,0,.10);
}
.box:first-child {
	margin-top: 0px;
}

.box .head {
    display: inline-block;
    padding: 10px 0 !important;
    width: 100%;
    background: #323a45;
    border: none !important;
}
.box .head h4 {
	font-weight: normal;
	color: white;
	font-size: 22px;
	margin: 0px;
	text-align: left;
	padding-left: 15px;
	font-weight: bold;
}
.box .head h4 i {
	padding-right:10px;
}
.box .head a {
    color: #212c43 !important;
}
.box .box-content {
	padding:10px;
	border: 1px solid #eee;
	background: white;
}
.box .box-content ul {
    margin-left: 0px;
    padding-left: 0px;
}

.breadcrumb {
    padding-left: 0px;
}



/* Responsive
-------------------------------------------------- */

/* Large desktop */
@media (min-width: 1200px) {
	.section_header small {
		display: inline-block;
	}
	#pricing .price_wrapper.lite {
		float: right;
		right: -30px;
	}
	#pricing .price_wrapper.standard {
		left: -30px;
	}
	#hero .carousel-inner .item.slide1 .col-md-6 img {
		margin-left: 15px;
	}
	#hero .carousel-inner .item.slide1 .col-md-4 {
		padding-left: 30px;
	}
	#hero .carousel-inner .item.slide2 .col-md-6 img {
		margin-left: 30px;
	}
	#hero .item h1 {
		font-size: 30px;
		margin-top: 40px;
		margin-left: 20px;
	}
	#hero .item p {
		font-size: 16px;
		line-height: 24px;
		margin-left: 20px;
	}
	#hero .item .btn {
		margin-top: 25px;
		margin-left: 20px;
		font-size: 18px;
	}
	footer .contact_us input[type="text"],
	footer .contact_us textarea{
		width: 270px;
	}
	footer .contact_us button[type="submit"] {
		margin-left: 300px;
	}
}
@media (min-width: 980px) {
	#pricing .price_wrapper.pro {
		position: relative;
		top: -20px;
		height: auto;
		z-index: 9;
		box-shadow: 0px 0px 5px 4px #E8E8E8;
	}
	#produits .box_info {
		position: relative;
		top: -20px;
		z-index: 9;
		box-shadow: 0px 0px 5px 4px #E8E8E8;
	}
	#hero .carousel-inner .item {
		padding: 0px 70px;
	}

}
@media (max-width: 979px) {
	body {
		padding-top: 0px;
	}
	.section_header {
		margin-top: 0px;
	}
	.navbar .nav > li {
    	padding: 5px 0;
    }
    .navbar .nav>li>.dropdown-menu {
        width: 100%;
        position: relative;
        top:0px
    }
    .navbar .nav>li>.dropdown-menu.sub-menu {
        width: 100%;
        position: relative;
        top:0px;
        right: 0px;
    }
	.section_header small {
		display: none;
	}
	#pricing .price_wrapper {
		margin: 0 auto;
		margin-bottom: 20px !important;
	}
	#produits .box_info {
		margin: 0 auto;
		margin-bottom: 20px !important;
	}
	#hero .item h1 {
		font-size: 18px;
		line-height: 18px;
	}
	#hero .carousel-inner .item.slide2 img {
		margin-top: 20px;
	}
	#testimonials .phrases_wrapper .phrase .pic .position {
		display: block;
	}
	#footer {
		margin-top: 20px;
	}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	#intro h1 {
		width: 80%;
	}
	#features .feature h3 {
		padding-left: 0px;
	}
	#features .feature p.description {
		padding-left: 0px;
	}
	#features .feature .btn {
		margin-left: 0px;
	}
	#pricing .price_wrapper {
		width: 240px !important;
	}
	#pricing .price_wrapper .header .price span {
		font-size: 25px;
	}
	#pricing .price_wrapper.pro {
		min-height: 400px;
		position: relative;
		top: -10px;
	}
	#pricing .price_wrapper.regular .header {
		background: url('../images/chart1_small.png') 0 0 no-repeat;
	}
	#pricing .price_wrapper.pro .header {
		background: url('../images/chart2_small.png') 0 0 no-repeat;
	}
	#produits .box_info {
		width: 240px !important;
		position: relative;
	}
	#testimonials .phrases_wrapper {
		padding-left: 0px;
		padding-right: 0px;
	}
	#testimonials .phrases_wrapper .phrase .col-md-3 {
		margin-left: 30px;
		width: 228px;
	}
	#footer .contact_us button[type="submit"] {
		margin-left: 0px;
	}
	#hero { }
	#hero .carousel-control.left {
		left: -55px;
	}
	#hero .carousel-control.right {
		right: -15px;
	}
	#hero .item .col-md-4 {
		margin-left: 50px;
	}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	body {
        padding: 0px;
    }
    #intro h1 {
		width: 90%;
	}
	body > .container > .row.masonry {
    	height: 100% !important;
	}
	#hero {
		padding: 50px 20px 20px 20px;
		margin-right: -20px;
		margin-left: -20px;
		height: auto;
	}
	#hero .carousel-inner .item {
		padding: 0px 70px;
	}
	#hero .item img {
		/*display: none;*/
		width: 240px;
		display: block;
		margin: 0 auto;
	}
	#hero .carousel-inner .item .btn {
		font-size: 13px;
		padding: 7px 10px;
	}
	#footer {
		margin-right: 0px;
		margin-left: 0px;
	}
	#features .feature .btn {
		margin-top: 8px;
	}
	#features .feature {
		margin-bottom: 30px;
	}
	#testimonials .phrases_wrapper .phrase > p {
		width: 100%;
		font-size: 18px;
	}
	#testimonials .phrases_wrapper .phrase .pic {
		float: left;
		margin-top: 8px;
		font-size: 13px;
	}
	#footer .container {
		padding: 0px 20px;
	}
	#footer .blog_post .img-circle {
		float: left;
		margin-right: 20px;
	}
	#footer .copyright .copy {
		float: left;
	}
	#footer .copyright .copy p {
		margin-top: 0px;
	}
}
/* Landscape phones and down */
@media (max-width: 480px) {
	.section_header {
		margin-top: 30px;
	}
	.section_header span {
		width: auto;
	}
	#intro h1 {
		font-size: 22px;
		line-height: 30px;
	}
	#pricing .price_wrapper {
		width: 321px !important;
	}
	#pricing .price_wrapper .header .price span {
		font-size: 38px;
	}
	#produits .box_info {
		width: 321px !important;
	}
	#footer .contact_us button[type="submit"] {
		margin-left: 0px;
	}
}

/* Icons
-------------------------------------------------- */
.i_bars,
.i_bookmark,
.i_chart,
.i_cloud,
.i_facebook,
.i_loading,
.i_movil,
.i_shuffle,
.i_twitter,
.i_youtube{
	background: url('../images/icons.png') no-repeat;
	display: inline-block;
}
.i_bars{
	background-position: 0 -303px ;
	width: 18px;
	height: 16px;
}
.i_bookmark{
	background-position: 0 -253px ;
	width: 18px;
	height: 13px;
}
.i_chart{
	background-position: 0 -49px ;
	width: 22px;
	height: 24px;
}
.i_cloud{
	background-position: 0 0;
	width: 32px;
	height: 21px;
}
.i_facebook{
	background-position: 0 -401px ;
	width: 12px;
	height: 24px;
}
.i_loading{
	background-position: 0 -202px ;
	width: 21px;
	height: 14px;
}
.i_movil{
	background-position: 0 -99px ;
	width: 17px;
	height: 25px;
}
.i_shuffle{
	background-position: 0 -151px ;
	width: 18px;
	height: 12px;
}
.i_twitter{
	background-position: 0 -351px ;
	width: 24px;
	height: 18px;
}
.i_youtube{
	background-position: 0 -452px ;
	width: 24px;
	height: 23px;
}

/* Social icons
-------------------------------------------------- */
i.social {
	background: url('../images/social_icons.png') no-repeat 0 0;
	width: 33px;
	height: 33px;
	display: inline-block;
}
i.tw { background-position: 0px 0px; }
i.fb { background-position: -39px 0; }
i.flickr { background-position: -78px 0; }
i.in { background-position: -117px 0; }
i.gp { background-position: -156px 0; }
i.pin { background-position: -195px 0; }
i.tumblr { background-position: -233px 0; }
i.wp { background-position: 0 -51px; }
i.yt { background-position: -39px -51px; }
i.vim { background-position: -78px -51px; }
i.picasa { background-position: -116px -51px; }
i.forrst { background-position: -156px -51px; }
i.rss { background-position: -194px -51px; }
i.myspace { background-position: -233px -51px; }




/* Sidebar socials
-------------------------------------------------- */

.sidebar {

}

.sidebar a.social {
	border-radius: 30px;
	width: 33px;
	height: 33px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}

.sidebar a.social.twitter { background: #1898c9; }
.sidebar a.social.facebook { background: #436dac; }
.sidebar a.social.googleplus { background: #d64532; }
.sidebar a.social.youtube { background: #D51727; }
.sidebar a.social.linkedin { background: #007AB5; }
.sidebar a.social.skype { background: #00AFF0; }
.sidebar a.social.instagram { background: #E7DDD3; }
.sidebar a.social.tumblr { background: #35465D; }
.sidebar a.social.pinterest { background: #D21F24; }
.sidebar a.social.rss { background: #ec7422; }
.sidebar a.social.mail { background: #1898c9; }

.sidebar a.social i {
	font-size: 22px;
	padding-top: 7px;
	padding-left: 6px;
	color: white;
}
.sidebar a.social.twitter i { padding-left: 7px }
.sidebar a.social.facebook i { padding-left: 9px }
.sidebar a.social.googleplus i { padding-left: 7px }
.sidebar a.social.youtube i { padding-top: 5px; padding-left: 7px }
.sidebar a.social.linkedin i { padding-left: 7px }
.sidebar a.social.skype i { padding-left: 7px }
.sidebar a.social.instagram i { padding-left: 8px }
.sidebar a.social.pinterest i { padding-left: 7px }
.sidebar a.social.tumblr i { padding-left: 9px }
.sidebar a.social.rss i { padding-left: 8px; }
.sidebar a.social.mail i { font-size: 20px; padding-left: 6px; }

.sidebar hr:first-child {
	display: none;
}

.sidebar .recent_posts {
	list-style-type: none;
	margin-top: 10px;
	margin-left: 0px;
}
.sidebar .recent_posts li {
	margin-bottom: 20px;
	font-size: 15px;
}
.sidebar .recent_posts li:last-child {
	margin-bottom: 0px;
}
.sidebar .recent_posts li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.sidebar .recent_posts li .thumb {
	border: 3px solid #fff;
	box-shadow: 0px 0px 1px 1px #bdbdbd;
	float:left;
	max-width: 75px;
	margin-right: 10px;
}
.sidebar .recent_posts li a.link {
	float:left;
	color: #333;
	display: block;
	font-weight: bold
}
.sidebar .recent_posts a:hover {
	color: #87a46e;
	text-decoration: underline;
}
.sidebar .recent_posts li .text {
	float:left;
}


.input-append .add-on,
.input-prepend .add-on {
  height: 32px;
  min-width: 24px;
  padding: 5px 8px;
  font-size: 14px;
  box-sizing: border-box;
  text-align: center;
}

.input-prepend input[type="email"],
.input-prepend input[type="text"] {
    height: 32px;
    box-sizing: border-box;
}



.modal-popup .modal-body {
    padding: 0px;
    margin: 0;
    max-height: initial !important;
}
.modal-popup .modal-body iframe {
    border:none
}
.modal-popup .close,
.hellobar .close {
    position: absolute;
    top: -10px;
    right: -10px;
    background: black;
    padding: 0px;
    margin: 0;
    border-radius: 100%;
    z-index: 10;
    opacity: 1;
    width: 20px;
    height: 20px;
    color: white;
    box-sizing: border-box;
}
.modal-popup .close i,
.hellobar .close i {
    font-size: 10px;
    text-align: center;
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
}

.hellobar {
    width: 100%;
    position: fixed;
    height: 0;
    overflow: hidden;
    z-index: 9999;
    left: 0;
}
.hellobar iframe {
    border:none
}
.hellobar .close {
    top: 10px;
    right: 10px;
}


.fullscreen-popup iframe {
    border:none
}


.tags span {
	display: inline-block;
}

p.already {
    text-align: center;
}



.lbar_desinscription {

}

.lbar_desinscription .logo-kemalo {
	text-align: center;
	padding: 20px 0;
}
.lbar_desinscription .logo-kemalo img {
	max-height: 75px;
}