body {
background: #fff;
font-family: 'Raleway', sans-serif;
font-style: normal;
font-weight: 300;
padding-top: 70px;
overflow-x: hidden;
}
<!--Mes styles-->
.tx_blanc_bleu span {
color: #FF0000;
font-size: 30px;
font-weight: 300;
line-height: 30px;
}
.tx_blanc {
color: #fff;
font-size: 1.5em;
font-weight: 300;
text-align:left;
}
.tx_dark {
color: #333;
font-size: 1.5em;
font-weight: 300;
text-align:left;
}
.form-contact {
width: auto;
margin: 20px auto;
}
.champs {
/* background: red; / For browsers that do not support gradients / */ 
background-color: #de706a!important;     
background: -webkit-linear-gradient(0deg,#de706a,#de706a,#fff)!important;
background: -o-linear-gradient(#de706a,#de706a,#fff)!important; 
background: -moz-linear-gradient(#de706a,#de706a,#fff)!important; 
background: -linear-gradient(#de706a,#de706a,#fff)!important;
border:#333333 1px solid;
border-radius: 6px!important;
color:#CCC !important;
}
.clr {
clear:both;
}
/*----table de comparaison--------*/
.table{
background-color:#FFF; 
border:thin solid #090; 
font-family:'Raleway', sans-serif;
font-size:.95em;
width:100%; 
}
.service{
	font-size:1.25em;
}
.tx_centre {
color: #CCC;
text-align:center;
}
.grille{
	display:block;
	}
.grille-m{
	display:none;
}
.ident{
text-indent: 30px;
}
.vert{
color: #35831d;
font-size:1.25em;
}
.rouge{
color: #FF0000;
font-size:1.25em;
}
.bleu{
color: #2b6eba;
font-size:1.25em;
}
.bt_bas{
vertical-align:bottom; 
position:absolute; 
bottom:0px;
}
/* ---fin table---------------*/
.texte {
font-size: 1.25em;
}
.espace_20{
margin-top:20px;
}
.prix_forfaits{
color: #FF0000;
font-size:2em;
font-family: 'Raleway', sans-serif;
font-weight:bold; 
}
.brand_compa{
font-family: 'Paytone One';
font-size:1.05em;
letter-spacing:-1px;
color:#000;
}
.brand_fact{
font-family: 'Paytone One';
font-size:1.05em;
font-style:italic;
letter-spacing:-1px;
color:#11a211;
}
.box_shadow{
box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.1);
margin-right:15px;
padding-bottom:5px;
}
.note{
font-size:1.25em;
line-height: normal;
margin-bottom:10px;
color:#CCC;
text-align:left;
}
.note85{
line-height: normal;
margin-bottom:10px;
color:#333;
}
.note_gris{
line-height: normal;
font-size:.95em;
color:#000;
}
.note_rouge{
font-size:.85em;
color:#900;
line-height: normal;
margin-bottom:10px;
}
.input-lg{
margin-top:3px;
}
#nav_connect{
text-align:right;
line-height:30px; 
margin-right:15px;
border-bottom:#090 thin solid;
}
.logo_brand{
margin-top:5px;
}
.affiche_langue{
display:none;
}
/*---------------------------------------
Typorgraphy              
-----------------------------------------*/
h1,h2,h3,h4,h5,h6,
.navbar-default, .btn {
font-family: 'Raleway';
font-weight: 400;
}
h1,h2,h3,h4,h5,h6 {
font-weight: 400;
letter-spacing: 1px;
}
h1 {
color: #333;
font-size: 3em;
letter-spacing: 2px;
padding-bottom: 10px;
margin-bottom: 0px;
}
h2 {
font-size: 1.5em;
}
h3 {
color: #2b6eba;
font-size: 22px;
line-height: 32px;
padding-bottom: 4px;
}
h4 {
font-weight: bold;
}
p {
color: #999;
font-size: 20px;
font-weight: 300;
line-height: 30px;
}
hr {
border-bottom-color: #999;
width: 100px;
}
.section-btn {
background-color: #393;
border: 2px solid transparent;
border-radius: 75px;
color: #ffffff;
font-size: 1em;
font-weight: bold;
letter-spacing: 1px;
margin-top: 26px;
transition: all 0.4s ease-in-out;
}
.section-btn:hover {
background-color: #97FF97;
border-top-color: #ffffff;
border-right-color: #222;
border-bottom-color: #ffffff;
border-left-color: #222;
color: #ffffff;
}
/*---------------------------------------
General               
-----------------------------------------*/
html{
-webkit-font-smoothing: antialiased;
}
a {
color: #2b6eba;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
text-decoration: none !important;
}
a:hover, a:active, a:focus {
color: #7aaadf;
font-size:1em;
outline: none;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
::-webkit-scrollbar{
width: 8px;
height: 8px;
}
::-webkit-scrollbar-thumb {
cursor: pointer;
background: #ffffff;
}
.section-title {
position: relative;
padding-bottom: 32px;
padding-top: 15px;
text-align: center;
}
#about,
#screenshot,
#faq,
#ressources,
#pricing,
#clientele,
#newsletter {
padding-top: 50px;
padding-bottom: 100px;
}
/*---------------------------------------
Preloader section              
-----------------------------------------*/
.preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
background: none repeat scroll 0 0 #ffffff;
}
.sk-spinner-pulse {
width: 60px;
height: 60px;
background-color: #35831d;
border-radius: 100%;
-webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
animation: sk-pulseScaleOut 1s infinite ease-in-out; }
@-webkit-keyframes sk-pulseScaleOut {
0% {
-webkit-transform: scale(0);
transform: scale(0); }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0; } }
@keyframes sk-pulseScaleOut {
0% {
-webkit-transform: scale(0);
transform: scale(0); }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0; } }
/*---------------------------------------
Navigation section              
-----------------------------------------*/
.navbar-default {
background: #ffffff;
border: none;
box-shadow: none;
margin: 0 !important;
}
.navbar-default .navbar-brand {
color: #2b6eba;
font-size: 26px;
font-weight: bold;
padding: 5px 5px;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 50px;
margin: 0;
}
.navbar-default .navbar-brand span {
color: #35831d;
}
.navbar-default .navbar-nav li a {
color: #656565;
font-size: 1.2em;
font-weight: 500;
line-height: 35px;
letter-spacing: 1px;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
padding-right: 15px;
padding-left: 15px;
}
.navbar-default .navbar-nav > li a:hover {
color: #35831d;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #656565;
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #35831d;
background-color: transparent;
}
.navbar-default .navbar-toggle {
border: none;
padding-top: 10px;
}
.navbar-default .navbar-toggle .icon-bar {
border-color: transparent;
width:42px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { 
background-color: transparent;
}
/*---------------------------------------
Home section              
-----------------------------------------*/
#home{

color: #ffffff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 60vh;
position: relative;
/*------------------------H   V  blur spead  color----  
-moz-box-shadow:    inset  0  15px 5px 5px #000, 
inset  0 -15px 5px -5px #000;
-webkit-box-shadow: inset  0  15px 5px 5px #000, 
inset  0 -15px 5px -5px #000;
box-shadow:        inset  0  15px 5px 5px #000, 
inset  0 -15px 5px -5px #000;*/
}
#home .overlay {
background: #122076; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #961212 , #122076); /* Chrome 10-25, Safari 5.1-6 */ 
background: linear-gradient(to left, #961212 , #122076); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
opacity: 0.9;
position: absolute;
width: 100%;
height: 60vh;
top: 0;
left: 0;
right: 0;
}

#home img {
width: 100%;
height: auto;
max-width:340px;
}

#home p,
#newsletter p {
color: #f0f0f0;
letter-spacing: 1px;
}
#home .section-btn {
background: #35831d;
}
#home .section-btn:hover {
background: transparent !important;
}

/*---------------------------------------
About section              
-----------------------------------------*/
#about1 {
	padding-top: 75px;
	}
#about {
background:  url('/images/props/cables.jpg') repeat;
background-attachment: fixed;
background-size: cover;
background-position: center center;
position: relative;
/*------------------------H   V  blur spead  color----*/  
}
#about img {
width: 100%;
}
#about h2 {
color: #35831d;
font-size:2em;
}
#about p{
color: #333;
font-size: 1.35em;
line-height: 1.1em;
}
#about .about-overlay h3 {
padding-bottom: 0px;
}
#about .about-overlay {
background-color: #333;
border-radius: 2px;
position: absolute;
bottom: 0px;
width: 100%;
height: 100px;
overflow: hidden;
transition: height 450ms;
}
#about .about-thumb {
margin-bottom: 32px;
position: relative;
text-align: center;
}
#about .about-thumb:hover .about-overlay {
height: 100%;
background-color: #CCCCCC;
color: #222;
padding-top: 30%;
opacity: 0.9;
}
#about .about-thumb:hover h4 {
color: #35831d;
}
/*---------------------------------------
section Marché visé- Clientel             
-----------------------------------------*/
/*--* PARALLAX background--*/
	#clientele1 {
	padding-top: 75px;
	}
#clientele {
background: #2b6eba url('/images/props/Depositphotos_3272195_xs.jpg') no-repeat;
background-attachment: fixed;
background-size: cover;
background-position: center center;
position: relative;
/*------------------------H   V  blur spead  color----*/  
-moz-box-shadow:    inset  0  10px 10px 5px #000, 
inset  0 -10px 10px -5px #000;
-webkit-box-shadow: inset  0  10px 10px 5px #000, 
inset  0 -10px 10px -5px #000;
box-shadow:        inset  0  10px 10px 5px #000, 
inset  0 -10px 10px -5px #000;
}
#clientele .overlay {
background: #35831d;
opacity: 0.9;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
}
#clientele p {
color: #666;
font-size: 26px;
line-height: 42px;
}
.theme_client{
background-image:url(/images/props/cubes.png);
background-repeat:no-repeat;
background-position:right;
background-size:100% 100%;
height:150px;
width:600px;
vertical-align:bottom; 
position:absolute; 
bottom:0; 
z-index:500;
}
@media (max-width: 980px){
.theme_client{
height:75px;
width:300px;
}
}
/*---------------------------------------
Screenshot section              
-----------------------------------------*/
#screenshot .col-md-3 {
display: block;
width: 100%;
padding-bottom: 1rem;
}
#screenshot p{
color: #333;
font-size: 1.35em;
line-height: 1.1em;
}
#screenshot img {
background-color: #ffffff;
box-shadow: 5px 5px 8px #888888;
border-radius: 2px;
border:#390 thin solid;
cursor: pointer;
display: block;
margin-top: 20px;
margin-bottom: 20px;
position: relative;
top: 0px;
transition: all 0.4s ease-in-out;
}

#screenshot img:hover {
box-shadow: 0px 16px 22px 0px rgba(0, 0, 0, 0.3);
top: -6px;
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
opacity: 0;
-webkit-backface-visibility: hidden;
/* ideally, transition speed should match zoom duration */
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
opacity: 0;
}
/*---------------------------------------
Pricing(forfaits) section sur l'accueil seulement         
-----------------------------------------*/
#pricing a {
color: #fff;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
font-size:1em;
text-decoration: underline;
}
#pricing a:hover, a:active, a:focus {
color: #83CACD;
outline: none;
text-decoration: underline;
}
#pricing {
background: #2b6eba;
text-align:center;
}
#pricing .pricing-plan {
background-color: #ffffff;
border-radius: 5px;
margin-bottom: 32px;
min-height:275px;
}
#pricing .pricing-plan .pricing-month {
padding: 14px 10px 6px 10px;
vertical-align:top;
}
#pricing .pricing-plan .pricing-month h2 {
font-size: 3em;
color: #35831d;
}
#pricing .pricing-plan .section-btn {
background: #35831d;
position: relative;
top: 20px;
}
#pricing .pricing-plan .section-btn:hover {
background-color: #defbd5;
color: #222;
}
#pricing p{
color: #666;
font-size: 1.35em;
line-height: 1.1em;
}
/*---------------------------------------
section forfaits         
-----------------------------------------*/
#forfait a {
color: #35831d;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
font-size:1em;
text-decoration: underline;
}
#forfait a:hover, a:active, a:focus {
color: #7aaadf;
outline: none;
text-decoration: underline;
}
#forfait {
background: #2b6eba;
text-align:center;
}
#forfait .forfait-fond {
background-color: #ffffff;
border-radius: 5px;
margin-bottom: 20px;
min-height:560px;
}
#forfait .forfait-fond .forfait-prix {
padding: 14px 10px 6px 10px;
vertical-align:top;
}
#forfait .forfait-fond .forfait-prix h2 {
font-size: 2.5em;
color: #35831d;
}
#forfait .forfait-fond .section-btn {
background: #35831d;
position: relative;
}
#forfait .forfait-fond .section-btn:hover {
background-color: #ffffff;
color: #222;
}
#forfait p{
color: #666;
font-size: 1.35em;
line-height: 1.0em;
}
/*---------------------------------------
Section ressources         
-----------------------------------------*/
#ressources a {
color: #2b6eba;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
font-size:1em;
text-decoration: underline;
}
#ressources a:hover, a:active, a:focus {
color: #35831d;
outline: none;
text-decoration: underline;
}
#ressources {
background: #2b6eba;
}
#ressources texte {
color: #333;
}
#ressources .ressources-text {
background-color: #ffffff;
border-radius: 5px;
padding: 20px 10px 10px 15px;
margin-bottom: 30px;
}
#ressources .ressources-text ul li {
font-size: 1.20em;
color:#35831d;
text-align:left;
}
#ressources .ressources-text .ressources-type {
padding: 0px 10px 6px 15px;
}
#ressources .ressources-text .ressources-type h2 {
font-size: 1.75em;
color:#35831d;
margin-top:15px;
}
#ressources .ressources-text .section-btn {
background: #35831d;
position: relative;
top: 20px;
}
#ressources .ressources-text .section-btn:hover {
background-color: #ffffff;
color: #222;
}
#ressources p{
color: #666;
font-size: 1.35em;
line-height: 1.1em;
}
/*---------------------------------------
faq Section          
-----------------------------------------*/
#faq a {
color: #fff;
-webkit-transition: 0.8s;
-o-transition: 0.8s;
transition: 0.8s;
font-size:1.5em;
}
#faq a:hover, a:active, a:focus {
color: #82b1e7;
}
#faq {
background: #35831d;
}
#faq .faq-text {
background-color: #ffffff;
border-radius: 5px;
padding: 5px 5px 5px 15px;
margin-bottom: 30px;
}
#faq .faq-text ul li {
font-size: 1.25em;
color:#35831d;
text-align:left;
}
#faq .faq-text .faq-type {
padding: 0px 10px 6px 15px;
}
#faq .faq-text .faq-type h2 {
font-size: 1.75em;
color:#35831d;
margin-top:15px;
}
.reponse{
display:none;
border-left:thin solid #fff; 
padding:15px;
font-size:1.25em;
color:#CCC; 
margin:10px 0px 10px 15px;
-webkit-animation: fadeIn 1.5s;
animation: fadeIn 1.5s;
}
/*---------------------------------------
Newsletter section              
-----------------------------------------*/
#newsletter {
background: #35831d url('/images/newsletter-bg.jpg') no-repeat;
background-attachment: fixed;
background-size: cover;
background-position: center center;
position: relative;
/*------------------------H   V  blur spead  color----*/  
-moz-box-shadow:    inset  0  10px 10px 5px #000, 
inset  0 -10px 10px -5px #000;
-webkit-box-shadow: inset  0  10px 10px 5px #000, 
inset  0 -10px 10px -5px #000;
box-shadow:        inset  0  10px 10px 5px #000, 
inset  0 -10px 10px -5px #000;
}
#newsletter .overlay {
background: #35831d;
opacity: 0.9;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
}
#newsletter .form-control {
background-color: transparent;
border: none;
border-bottom: 3px solid #eee;
border-radius: 0px;
box-shadow: none;
color: #ffffff;
font-size: 20px;
font-weight: 400;
height: 50px;
transition: all 0.4s ease-in-out;
margin-bottom: 20px;
}
#newsletter .form-control:focus {
border-color: #ffffff;
}
#newsletter input[type="submit"] {
background-color: #ffffff;
border-radius: 100px;
border: 3px solid #ffffff;
color: #35831d;
font-size: 17px;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
height: 55px;
}
#newsletter input[type="submit"]:hover {
background-color: transparent;
color: #ffffff;
}
#newsletter .form-control::-moz-placeholder {
color: #ffffff;
opacity: 1;
}
#newsletter .form-control:-ms-input-placeholder {
color: #ffffff;
}
#newsletter .form-control::-webkit-input-placeholder {
color: #ffffff;
}
/*---------------------------------------
Footer section              
-----------------------------------------*/
footer {
padding-top: 60px;
padding-bottom: 60px;
}
footer span {
padding-right: 10px;
padding-left: 10px;
}
footer p {
padding-top: 16px;
}
/*---------------------------------------
Modal Contact           
-----------------------------------------*/

.modal-dialog .modal-content {
background-color: #2b6eba;
border: none;
border-radius: 2px;
text-align: center;
padding: 100px 50px 80px 50px;
position: relative;
overflow: hidden;
}
.btn:focus {
outline: none;
}
.modal-header {
border-bottom: 0px;
}
.modal-dialog .close {
color: #ffffff;
font-size: 45px;
font-weight: 300;
text-shadow: none;
opacity: 1;
position: absolute;
top: 40px;
right: 40px;
border-radius: 100px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
}
.modal-dialog .close:focus {
outline: none;
}
.modal-dialog .modal-title {
color: #ffffff;
}
.modal-dialog form {
padding: 20px;
}
.modal-dialog form input {
height: 50px;
}
.modal-dialog .form-control {
background: transparent;
border: 1px solid #f0f0f0;
border-radius: 0px;
box-shadow: none;
color: #ffffff;
font-size: 20px;
margin-bottom: 20px;
transition: all 0.4s ease-in-out;
}
.modal-dialog .form-control:focus {
border-top-color: transparent;
border-right-color: transparent;
border-left-color: transparent;
border-bottom-color: #ffffff;
}
.modal-dialog form input[type="submit"] {
background: #35831d;
border: 3px solid transparent;
border-radius: 100px;
font-weight: 400;
letter-spacing: 1px;
color: #ffffff;
text-transform: uppercase;
margin-top: 30px;
}
.modal-dialog form input[type="submit"]:hover {
background: transparent;
border-color: #35831d;
color: #ffffff;
}
.modal-dialog .form-control::-moz-placeholder {
color: #ffffff;
opacity: 1;
}
.modal-dialog .form-control:-ms-input-placeholder {
color: #ffffff;
}
.modal-dialog .form-control::-webkit-input-placeholder {
color: #ffffff;
}
.modal.fade .modal-dialog{
-webkit-perspective: 1300px;
-moz-perspective: 1300px;
perspective: 1300px;
}
.modal.fade .modal-content{
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(-3000px) rotateY(90deg);
-moz-transform: translateZ(-3000px) rotateY(90deg);
-ms-transform: translateZ(-3000px) rotateY(90deg);
transform: translateZ(-3000px) rotateY(90deg);
opacity: 0;
}
.modal.fade.in .modal-content{
-webkit-animation: slit .7s forwards ease-out;
-moz-animation: slit .7s forwards ease-out;
animation: slit .7s forwards ease-out;
}
/*---------------------------------------
Social icon             
-----------------------------------------*/
.social-icon {
position: relative;
padding: 0;
margin: 0;
text-align: center;
}
.social-icon li {
display: inline-block;
list-style: none;
}
.social-icon li a {
color: #666;
border-radius: 100px;
cursor: pointer;
font-size: 16px;
text-decoration: none;
transition: all 0.4s ease-in-out;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
vertical-align: middle;
position: relative;
top: 0px;
margin: 10px 4px 0px 4px;
}
.social-icon li a:hover {
background: #2b6eba;
color: #ffffff;
top: -5px;
}
/*---------------------------------------
Back top         
-----------------------------------------*/
.go-top {
background-color: #ffffff;
box-shadow: 1px 1.732px 12px 0px rgba( 0, 0, 0, .14 ), 1px 1.732px 3px 0px rgba( 0, 0, 0, .12 );
border-radius: 100px;
transition : all 1s ease;
bottom: 2em;
right: 2em;
color: #333;
font-size: 22px;
display: none;
position: fixed;
text-decoration: none;
width: 35px;
height: 35px;
line-height: 30px;
text-align: center;
}
.go-top:hover {
background: #2b6eba;
color: #ffffff;
}
/*---------------------------------------
Mobile Responsive         
-----------------------------------------*/
@media (max-width: 1200px) {
.container {
width: 100%;
} 
}
@media (max-width: 1125px) {
.navbar-default .navbar-nav li a {
padding-right: 10px;
padding-left: 10px;
}
}
@media (max-width: 980px) {
h1 {
font-size: 2em;
}
#home,#about, #clientele,
#screenshot,
#pricing, #newsletter {
padding-top: 25px;
padding-bottom: 25px;
}

.navbar-default .navbar-nav li a {
padding-right: 5px;
padding-left: 5px;
}
.section-btn {
padding: 10px 34px 12px;
}
#home, #home .overlay {
height: 65vh;
}

#about {
text-align: center;
}
#about .about-thumb {
margin-top: 62px;
}
#faq .faq-text ul li {
font-size: 1.25em;
color:#35831d;
text-align:left;
}

.grille{
	display:none;
	}
.grille-m{
	display:block;
	}
}

@media (max-width: 768px) {
h1 {
font-size: 1.75em;
}
#home,#about, #clientele,
#screenshot,
#pricing, #newsletter {
padding-top: 25px;
padding-bottom: 25px;
text-align: center;
}
#home, #home .overlay {
height: 95vh;
}

.section-title {
padding-bottom: 32px;
padding-top: 25px;
font-size:1.25em;
}
body {
padding-top: 0px;
text-align: center;
}


.navbar-default {
text-align: center;
padding-top: 0px;
}
.navbar-default .navbar-brand {
line-height: 20px;
}
.navbar-default .navbar-toggle {
border: none;
padding: 0px;
}
.navbar-default .navbar-nav li a {
line-height: 25px;
}

#pricing .pricing-plan {
margin-bottom: 62px;
}
#nav_connect {
text-align:center;
font-size:1.15em;
margin-right:0px;
line-height:30px;
width:100%;
}
.navbar-header{
	height:90px;
	}

.cache_item{
display:none;
}
.affiche_item{
display:block;
}
.affiche_langue{
text-align:right; margin-right:25px; margin-top:5px;
display:block;
}



@-webkit-keyframes slit {
50% { -webkit-transform: translateZ(-250px) rotateY(60deg); opacity: .5; -webkit-animation-timing-function: ease-out;}
100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}
@-moz-keyframes slit {
50% { -moz-transform: translateZ(-250px) rotateY(60deg); opacity: .5; -moz-animation-timing-function: ease-out;}
100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}
@keyframes slit {
50% { transform: translateZ(-250px) rotateY(60deg); opacity: 1; animation-timing-function: ease-in;}
100% { transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@media (max-width: 650px) {

#home,#about, #clientele,
#screenshot,
#pricing, #newsletter {
padding-top: 25px;
padding-bottom: 25px;
text-align: center;
}
#home, #home .overlay {
height: 100vh;
}
#logo_accueil{
	margin:auto 0px;
	}
	.grille{
	display:none;
	}
.grille-m{
	display:block;
	}
.navbar-default .navbar-nav li a {
font-size: 1.5em;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 18px;
}
p {
font-size: 16px;
}

}
/*---css inscription------*/
/*---loader---*/
.opact {
position:fixed; z-index:1000; top:0; left:0; background-color:#000000; opacity:0.1; width:100%; height:100%;
}
.loading {
position:fixed; z-index:1001; width:150px; height:78px; left: 50%; top:50%; transform: translate(-50%, -50%); background-image:url(/images/load.gif); background-size:100%; background-repeat:no-repeat; background-position:center;;
}
[placeholder]:focus::-webkit-input-placeholder {
}