ul li{
    list-style:none;
    display:inline-block;
}
p, h1,h3,h4  {
 font-family: 'Droid Sans', sans-serif;
    color:#fff;
}

body{
    background-color:#ccc;
     background-attachment: fixed;
}
.arriere{
    width:1200px;
    margin:auto;
    background-color:#1c3f5c;

   
}
.logo{
    height:65px;
    width:65px;
    position:relative;
    top:-20px;
}
.designlogo1{
font-weight:bold;
    position:relative;
    top:-50px;
    left:60px
}
.designlogo2{
	opacity:0.9;
	font-weight:lighter;
}
.designpremierelettre{
	font-size:25px;
}

/*NAVIGATION*/

.navbar {
 background-color:#fff/*242424*/;
 border-bottom:1px solid #b9b9b9;
 font-family: 'Lato', sans-serif;
    padding:15px 15px;
}

.navbar a {
 color:#444 /*cccccc*/ !important;
    transition:all 0.2s ease-in;
}
a:focus{
  outline:0 !important;  
}

.navbar-nav a:hover{
 color:#ffffff !important;
 background-color:#646464 !important;
 
}

.navbar-header .navbar-brand {
 color:#444 !important;
 font-size:1.5em;
}



.navbar-default .nav li a.active {
 color: #fff!important;
}
.navbar-default .nav li.active {
 background-color:#444 !important;
}



/*HEADER*/
/*html{
    display:inline-block;
}*/
header ul li{
    display:inline-block;
  
}



.header {
    height: 600px;
	width: 100%;
	text-align: center;
	color: #fff;
 /*padding: 200px 0 200px;*/
/*background-image: linear-gradient(-225deg, rgba(30,30,30,0.6) 30%, rgba(46,46,46,0.5) 80%);*/
 /*background: url(../img1/maintenance1.jpg) no-repeat center center;*/
/* background-size: cover;*/

/* border-bottom: 2px solid #c9c9c9;*/
 padding-left:0px !important;
 margin-left:0px !important;

}/*
.img0{
 	background: url(../img1/slider/man.jpg);
 	background-size:100% 100% ;
      height:650px;
    width:100%;
      position:relative;
 	
 }*/
  .img1{
 	background: url(../img1/slider/maintenance.jpg);
 	background-size:100% 100% ;
      height:650px;
    width:100%;
      position:relative;
 	
 }
.img1Titre{ 
    font-size:35px !important;
}
/* .header .trans0{
  background:rgba(0, 0, 0, 0.7);
    padding:50px !important;
      width:50%;
     text-align:center;
     position:absolute;
     left:25%;
     top:200px;
}*/

.contacter-nous{
  
    background-color:#337ab7;
    color:#fff;
    padding:10px 40px;
     text-align: center;
    position:relative;
    top:300px;
}
 .contacter-nous:hover{
    text-decoration:none;
     color:#fff;
     transition:all 0.2s ease-in;
     border-radius:3px;
     background-color:#2d82d8;
    
    
}
 .header .trans1{
  
    background:rgba(0, 0, 0, 0.5);
    padding:50px !important;
      width:100%;
     height:100%;
     text-align:center;
     position:absolute;
     /*left:25%;
     top:200px;*/
}
.trans1 p{
  text-align:center;
    position:relative;
    top:50%;
    font-size:30px !important;
    text-transform:uppercase;
    font-weight:bold;
}
.header .trans2{
  background:rgba(0, 0, 0, 0.3);
    padding:15px !important;
    width:100%;
     position:absolute;
     top:550px;
}
.header .trans3{
  background:rgba(0, 0, 0, 0.4);
    padding-bottom:40px;
     width:100%;
     position:absolute;
    top:550px;
    text-align: center;
}
.header .trans4{
  background:rgba(0, 0, 0, 0.4);
    padding:15px !important;
     width:100%;
     position:absolute;
     top:550px;
}
.header .trans5{
  background:rgba(0, 0, 0, 0.4);
    padding:15px !important;
     width:100%;
     position:absolute;
     top:550px;
}
.header .trans6{
  background:rgba(0, 0, 0, 0.4);
    padding:15px !important;
     width:100%;
     position:absolute;
     top:550px;
}
 
.img2{
 	background: url(../img1/slider/hotel.jpg);
 	background-size:100% 100%;
 	height:650px;
    width:100%;
    position:relative;
 }
  .img3{
 	background: url(../img1/slider/restaurant.jpg);
 	background-size:100% 100%;
 	height:650px;
      width:100%;
      position:relative;
 }
  /*.img4{
 	background: url(../img1/slider/bakery1.jpg);
	background-size:100% 100%;
 	height:650px;
      width:100%;
      position:relative;
 }*/
 .img5{

 	background: url(../img1/slider/pharma1.jpg);
 	background-size:100% 100%;
 	height:650px;
     width:100%;
     position:relative;
 }
/* .img6{

 	background: url(../img1/slider/man1.jpg);
 	background-size:100% 100%;
 	height:650px;
     width:100%;
     position:relative;
 }*/
 .header li{
 	list-style-type:none;
 }
 ul{
 padding-left:0px;
 padding-right:0px;
 margin:0px;
 }
 .header .pag li {
 	display: inline-block;
     padding:0px 3px;
     color:#fff;
     margin-top:30px
 }
 .header .pag ul {
 	position:relative;
 	top:-50px;
 	padding-left:5%;
 }
 .header .pag li.selected {
 	color:red;
 }

 


.header h1 {
 color: white;
/* font-family: 'Pacifico', cursive;
 font-size: 7.5em;*/
 font-size:3em;
 text-align:center; 
}

.header p {
 color:white;
 font-size:1.3em;
 text-align:center;
}



@media(max-width:768px) {

 .header {
  text-align:center;
  padding-top: 20%;
 }

 .header h1 {
 font-size:5em;
 }
 
 .header p {
  font-size:1em;
 }
 
 .header .btn {
  padding: 5px 12px 5px 12px;
 }
 
 .header img {
  padding-top:10%;
 }



}



/*ABOUT*/

.about {
 padding: 150px 0  10px;
    margin-bottom:50px;
 text-align: center;
}
.about .fa{
    color:#fff;
}
.about h1{
    
}

.about h4 {
 font-size: 1.8em;
 padding: 0 0 25px;
text-align:center;
}

.about img{
padding:0 0 0 130px;
text-align:center;
}


.about p {
 padding-bottom:50px;
}
.button{

	background-color:#f2f2f2;
    text-align:center;
}
.button .different-action{
    color:#242424;

}
.button button{
	padding:15px 100px;
	position:relative;
	top:35px;
}
.button  a{
	text-decoration:none;
	font-weight:bold;
	
}
.buttom h1{
    padding:90px 90px !important;
}

.offre{
    text-align:center;
    font-size:18px;
}

/*FEATURES*/

.features {
 background-color: #337ab7;
 text-align:center;
 color:white;
 padding:20px 0 20px;
}

.features h1{
 font-size:2em;
padding:40px 40px;
}

.features p{
    ;
color:#f2f2f2;
font-size:18px;
text-align:left;
}
/*.features .align{
	margin-left:100px;
}*/
.features .number{
	border:1px solid #ffffff;
	border-radius:50%;
	padding:10px;
	margin-left:5px;
	position:relative;
	left:-30px;
}

.features img {
 padding:15px 15px 35px;
}
.electrogene{
    position:relative;
    top:100px !important;
   background-color:;
    height:400px !important;
    width:100% !important;
    background-size:cover !important; 
    
}
.onzieme{
    position:relative;
    top:-100px;
}
.actions{
   /* padding:50px 0px;*/
}


/*PRESS*/

.press {
 padding:90px 0 20px;
 text-align:center;
    
}
.press-logo{
  margin-left:65px !important;  
    
}
.centre{
    margin-left:100px !important;
    text-align:center !important;
}
.centre ul li{
    margin-left:30px;
}
.press h1 {
 font-size:1.8em;
 padding-bottom:25px;

}

.press .press-logo li img {
 opacity:0.3;
 padding-bottom:25px;
    width:200px;
    
}

.press .press-logo li:hover img {
 opacity:1;
}
.press p{
    padding-bottom:30px;
}
/* CLIENT*/
.client{
    padding:20px 20px;
    background-color:#242424;
    text-align:center;
    
    
}
.client img{
    border:5px solid #444;
    
}
.client .slider-client li{
    text-align:center;
     margin:20px;
     padding-right:20px;
    position:relative;
}

#prev{
    
   /* margin-top:20px;
    margin-right:7px;
    border-radius:50%;
    background-color:#242424;
    line-height:30px;
    width:30px;
    height:30px;
    cursor:pointer;
    font-size:30px;
    color:#fff;
    font-weight:bold;*/
    cursor:pointer;
    position:absolute;
    background:rgba(0,0,0,0.7);
    margin-top:-110px;
    left:90px;
    color:#fff;
    font-weight:bold;
    padding:10px;
    font-size:20px;
}
#next{
    cursor:pointer;
   position:absolute;
    right:90px;
    background:rgba(0,0,0,0.7);
    margin-top:-110px;
    color:#fff;
    font-weight:bold;
    padding:10px;
    font-size:20px;
}
/*#next:hover{
    background-color:#e74c3c;
}
#prev:hover{
    background-color:#e74c3c;
}*/

/*END CLIENT*/



/*SCREENS*/

.screenshots {
 background-color:#235178;
 padding:90px 0 90px;
 text-align:center;
 color:white;
}

.screenshots img {
 padding: 20px 0 20px;
}

.screenshots h1 {
 font-size:2em;
}

/*REVIEWS*/

.reviews {
 padding:90px 0 90px;
 text-align:center;
}

.reviews h1 {
 font-size:2em;
 padding-bottom: 25px;
 color:#337ab7;
}

.reviews p {
 padding: 0 0 35px;
}

.reviews .line2 {
 padding-top:35px;
}

/*BUY electrogene*/
#prix1{ 
    width:80%;
    margin-left:75px;
    margin-top:30px;
}
.titrePrix1{
  background-color:#f39c12; 
    border-radius:5px 5px 0 0;
}
.titre1{
    
    color:#fff;
    font-size:20px;
    background-color:rgba(0,0,0,0.2);
    border-radius:5px 5px 0 0;
    padding-bottom:10px !important;
    padding-top:10px !important;
    padding-right:5px !important;
    padding-left:5px !important;
    text-align:center;
    height:70px;
}
.prix1{
    color:#fff;
    font-size:20px;
   padding:20px 0px;
}
.texte1{
    padding:10px;
    line-height: 30px;
    background-color:#fff; 
    color:#444;
    height:200px;
     border-radius:0px 0px 5px  5px;
}
.texte1 a{
    
    margin-top:100px;
    text-decoration:none;
    color:#fff;
}
.souscrire1{
    background-color:#f39c12;
    padding:7px 10px;
    border-radius:3px;
}
.souscrire4{
   
    background-color:#16a085;
    padding:7px 10px;
    border-radius:3px;
}

#prix2{
    width:80%;
    margin-left:35px;
     margin-top:30px;
}
.titrePrix2{
  background-color:#c0392b; 
    border-radius:5px 5px 0 0;
}
.titre2{
    
     color:#fff;
    font-size:20px;
    background-color:rgba(0,0,0,0.2);
    border-radius:5px 5px 0 0;
    padding-bottom:10px !important;
    padding-top:10px !important;
    padding-right:5px !important;
    padding-left:5px !important;
    text-align:center;
    height:70px;
}
.prix2{
    color:#fff;
    font-size:20px;
   padding:20px 0px;
}
.texte2{
    padding:30px;
    background-color:#fff; 
    color:#444;
    color:#444;
    height:270px;
     border-radius:0px 0px 5px  5px;
    
}
.texte2 a{
    
    margin-top:100px;
    text-decoration:none;
    color:#fff;
}
.souscrire2{
    background-color:#c0392b;
    padding:7px 10px;
    border-radius:3px;
}

#prix3{
    width:80%;
     margin-top:30px;
    margin-right:135px;
    
}
.titrePrix3{
  background-color:#8e44ad; 
    border-radius:5px 5px 0 0;
}
.titre3{
    
    color:#fff;
    font-size:20px;
    background-color:rgba(0,0,0,0.2);
    border-radius:5px 5px 0 0;
    padding-bottom:10px !important;
    padding-top:10px !important;
    padding-right:5px !important;
    padding-left:5px !important;
    text-align:center;
    height:70px;
}
.prix3{
    color:#fff;
    font-size:20px;
   padding:20px 0px;
}
.texte3{
    padding:10px;
    background-color:#fff; 
    color:#444;
    height:200px;
     border-radius:0px 0px 5px  5px;
}
.texte3 a{
    
    margin-top:100px;
    text-decoration:none;
    color:#fff;
}
.souscrire3{
    background-color:#8e44ad;
    padding:7px 10px;
    border-radius:3px;
}
/*buy onduleur*/
#prix4{ 
    margin-top:30px;
   /* width:80%;
    margin-left:75px;*/
}
.titrePrix4{
  background-color:#f39c12; 
    border-radius:5px 5px 0 0;
}
.titre4{
    
    color:#fff;
    font-size:20px;
    background-color:rgba(0,0,0,0.2);
    border-radius:5px 5px 0 0;
    padding-bottom:10px !important;
    padding-top:10px !important;
    padding-right:5px !important;
    padding-left:5px !important;
    text-align:center;
    height:70px;
}
.prix4{
    color:#fff;
    font-size:20px;
   padding:20px 0px;
}
.texte4{
    padding:20px;
    line-height: 30px;
    background-color:#fff; 
    color:#444;
    height:320px;
     border-radius:0px 0px 5px  5px;
}
.texte4 a{
    
    margin-top:100px;
    text-decoration:none;
    color:#fff;
}
.souscrire1{
    background-color:#f39c12;
    padding:7px 10px;
    border-radius:3px;
}

#prix5{
     margin-top:30px;
    /*width:80%;
    margin-left:35px;*/
}
.titrePrix5{
  background-color:#c0392b; 
    border-radius:5px 5px 0 0;
}
.titre5{
    
     color:#fff;
    font-size:20px;
    background-color:rgba(0,0,0,0.2);
    border-radius:5px 5px 0 0;
    padding-bottom:10px !important;
    padding-top:10px !important;
    padding-right:5px !important;
    padding-left:5px !important;
    text-align:center;
    height:70px;
}
.prix5{
    color:#fff;
    font-size:20px;
   padding:20px 0px;
}
.texte5{
    padding:30px;
    background-color:#fff; 
    color:#444;
    color:#444;
    height:200px;
     border-radius:0px 0px 5px  5px;
}
.texte5 a{
    
    margin-top:100px;
    text-decoration:none;
    color:#fff;
}
.souscrire2{
    background-color:#c0392b;
    padding:7px 10px;
    border-radius:3px;
}

#prix6{
     margin-top:30px;
   /* width:80%;
    margin-right:135px;*/
    
}
.titrePrix6{
  background-color:#8e44ad; 
    border-radius:5px 5px 0 0;
}
.titre6{
    
    color:#fff;
    font-size:20px;
    background-color:rgba(0,0,0,0.2);
    border-radius:5px 5px 0 0;
    padding-bottom:10px !important;
    padding-top:10px !important;
    padding-right:5px !important;
    padding-left:5px !important;
    text-align:center;
    height:70px;
}
.prix6{
    color:#fff;
    font-size:20px;
   padding:20px 0px;
}
.texte6{
    padding:10px;
    background-color:#fff; 
    color:#444;
    height:200px;
     border-radius:0px 0px 5px  5px;
}
.texte6 a{
    
    margin-top:100px;
    text-decoration:none;
    color:#fff;
}
.souscrire3{
    background-color:#8e44ad;
    padding:7px 10px;
    border-radius:3px;
}
#prix7{
     margin-top:30px;
   /* width:80%;
    margin-right:135px;*/
    
}
.titrePrix7{
  background-color:#16a085; 
    border-radius:5px 5px 0 0;
}
.titre7{
    
    color:#fff;
    font-size:20px;
    background-color:rgba(0,0,0,0.2);
    border-radius:5px 5px 0 0;
    padding-bottom:10px !important;
    padding-top:10px !important;
    padding-right:5px !important;
    padding-left:5px !important;
    text-align:center;
    height:70px;
}
.prix7{
    color:#fff;
    font-size:20px;
   padding:20px 0px;
}
.texte7{
    padding:10px;
    background-color:#fff; 
    color:#444;
    height:200px;
     border-radius:0px 0px 5px  5px;
}
.texte7 a{
    
    margin-top:100px;
    text-decoration:none;
    color:#fff;
}
.souscrire3{
    background-color:#8e44ad;
    padding:7px 10px;
    border-radius:3px;
}
.buy {
  background-color:#f2f2f2;
  color:#444 !important;
 text-align:center;
    padding-bottom:10px !important;
  
}

.buy h1 {
font-size:2em;
padding-top:70px;
    color:#242424;
    
}
.buy h3 {
    
    color:#242424;
}
.buy p {

    color:#242424;
}

.buy button {
 background:transparent;
 border:none;
 padding-top:25px;
}
.afterIntervention{
    color:#e74c3c !important;
    font-size:40px;
    font-family:'time new romen';
}

table{
    border-collapse:collapse;
    
    font-weight:bold;
    font-size:20px;
    text-align:center;
    
    border:1px solid #bbb;
}table tr{
    height:50px;
    
}
}table tr td{
  
    
}
.prixOnduleur{
    height:200px;
    text-align:center;
    background-color:#2c3e50/*#e74c3c*/;
    color:#fff;
}
.prestationOnduleur{
/*margin-bottom:100px;*/
}
.prestationElectrogene{
   /* margin-bottom:100px;*/
    
}
.prixElectrogene{
     height:200px;
    text-align:center;
    color:#fff;
    background-color:#e74c3c;
}
.labels{
    height:200px;
    font-size:20px;
    font-weight:none;
}


/*CONTACT*/
.contact{
background-color:/*#1c3f5c*/;
    color:#fff;
}
form{

}
input{

	height:40px !important;
	padding-left:10px;
	margin-bottom:30px;
}
textarea{
    margin-bottom:30px;
    height:180px !important;
}
.select{
   
	height:40px;
	padding-left:10px;
	margin-bottom:30px; 
    color:#444 !important;
}
.envoyer{
	width:20%;
    position:relative;
    left:200px;
	border:none;
	background-color:#235178;
    border-radius:5px;
	color:#fff;
	font-weight:bold;
	margin-top:20px; 
    
}
.modal-title{
    color:#444 !important;
    font-size: 20px;
}
#envoyer{
	width:30% !important;
	border:none;
	background-color:#e74c3c;
	color:#fff;
	font-weight:bold;
	margin-top:20px; 
}

.contact {
 padding:40px 0px;
    padding-bottom:10px;
 text-align:center;
}

.contact h1 {
 font-size:2em;
 padding-bottom: 10px;
    padding-top:20px;
}

.contact .fa {
 color:#fff;
 padding:20px 0px;
    
}

.contact li {
 padding-top: 10px;
}
.contact li a{
    color:#fff;
}

/*FOOTER*/

.footer {
 background-color:#242424;
 color:white;
 margin-bottom:0px !important;
    padding:0px;
}
.footer p {
 font-size:1.2em;
 color:#f2f2f2;
text-align: center !important;
 
 margin-bottom:0px;
 padding:20px 20px;
}
.copy{
	color:#e74c3c;
}
.verif{
	color:#e74c3c;
	font-weight:bold;
	font-size:1.5em;
}
.succes{
	color:green;
	font-weight:bold;
	font-size:1.5em

}
.erreur{
	color:#e74c3c;
	font-weight: bold;
	font-size:1.5em
}
/*.footer h1 {
 font-family: 'Lato', sans-serif;
 font-size:1.5em;
}



.footer a {
 color:#f2f2f2;
}*/