/*--
Design by Informaticien-Nancy
Author: Informaticien-Nancy
--*/
h4, h5, h6, h1, h2, h3 {margin: 0;}
ul, ol {margin: 0;}
p {margin: 0;}
html, body{
  font-family: 'Hind-Regular';
  font-size: 100%;
  background:#fff;
}
a {
  text-decoration: none;
}
a:hover {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
@font-face {
    font-family: 'Hind-Regular';
    src:url(../fonts/Hind-Regular.ttf) format('truetype');
}
@font-face {
	font-family: 'MontserratAlternates-Regular';
    src:url(../fonts/MontserratAlternates-Regular.ttf) format('truetype');
}
/*--header --*/
.header-strip {
  background: url(../images/strip.png);
  min-height: 3px;
  position: fixed;
  width: 100%;
  z-index: 100;
}
.header {
  padding: 5em 0em 1em 0em;
}
span.menu {
  display: none;
}
.logo{
	margin-top:6em;
	margin-left: auto;
    margin-right: auto;
	margin-bottom:3em;
    width: 10em
 }
.logo h1 {
  font-size: 3em;
  text-align: center;
  font-family: 'MontserratAlternates-Regular';
}
.logo h1 a {
  color:#b0316a;
}
.logo h1 a:hover{
  text-decoration:none;	
}
.navg-strip {
  padding: 1em 0em 1em 0em;
  box-shadow: 0px 1px 15px #000;
  position: fixed;
  clear: both;
  background: #FFF;
  width: 100%;
  z-index: 99;
}
.top-nav {
  float: left;
  width: 79%;
}
.top-nav ul {
  padding: 0em;
  list-style: none;
}
.top-nav ul li {
  display: inline-block;
    margin:0em 2.3em 0em 0em;
}
.top-nav ul li a {
  font-size: 1.1em;
  color: #000;
}
.top-nav ul li a:hover {
  text-decoration:none;
  color:#b0316a;
}
.header-right {
  float: right;
  width: 21%;
}
.close-in{
	position: absolute;
	top: -22px;
	right: 0px;
	cursor: pointer;
	  background: #b0316a;
	  padding: 4px;
}
.right button {
	cursor: pointer;
	font-size: .8em;
	color: #777;
	position: absolute;
	bottom: 0;
	top:0px;
	right: 0px;
	border: none;
	outline: none;
	  background: url('../images/search.png') no-repeat 0px ;
	  width: 25px;
	  height: 25px;
	  padding: 0;
}
/*--banner --*/
.banner {
  background: url(../images/tr1.jpg)no-repeat center;
  min-height: 600px;
  background-size: cover;
}
.banner-main {
  padding: 1em 0em 4em 0em;
  text-align: center;
}
.banner-main h2 {
  font-size: 2.5em;
  max-width: 80%;
  display: inline-block;
  color:#3c3c3c;
  font-family: 'MontserratAlternates-Regular';
}
.banner-main p {
  font-size: 1.5em;
  color: #5b5b5b;
  max-width: 60%;
  display: inline-block;
  padding:1.5em;
}
.tel{
	margin-left:1em;
	margin-right:4em;
	float:right;
 }
 .nancy-depannage{
	
 }
/*--banner end--*/
.line {
	border-top: 1px solid #8f8f8f;
}

/*--single--*/
.single-grid{
	margin:0em 0 3em;
	background: #fff;
}
.single-grid h4{
	margin:0 0 0.3em;
	font-size:2em;
	font-family: 'MontserratAlternates-Regular';
	color:#b0316a;
}
.single-grid p{
	margin:0.7em 0 1em;
	font-size:1em;
	color:#7c7c7c;
	line-height:1.9em;
}
.single-profile h4 {
	font-size: 2em;
	color:#3A3A3A;
	  margin: 0em;
	font-family: 'MontserratAlternates-Regular';
}
.single-left {
	padding: 2em 0 0;
}
.post-top {
	padding: 0 1em 0 0em;
}
.single-profile {
	padding:0 0 3em 0;
}
.cal ul {
  padding: 0px;
}
.cal ul li{
	display: inline-block;
}
.cal ul li span{
	color:#7C7C7C;
	font-size:1em;
	margin-right: 1em;
	font-family: 'MontserratAlternates-Regular';
}
.cal ul li a{
	color:#7C7C7C;
	text-decoration:none;
	font-size:1em;
	font-family: 'MontserratAlternates-Regular';
}
.post-top h6 {
  font-size: 1.5em;
  color: #000;
  padding: 0.3em 0em 0.1em 0em;
  margin: 0em;
  font-family: 'MontserratAlternates-Regular';
}
.post-top h6 a {
  color: #000;
  text-decoration:none;
}
.post-top h6 a:hover{
	text-decoration:none;
	color: #b0316a;
}
.post-top p{
	font-size: 1em;
	color: #7c7c7c;
	line-height:1.7em;
}
.categories-grid h4{
	color:#3A3A3A;
	font-size: 1.7em;
	padding: 0em 0 0.5em;
	  margin: 0em;
  font-family: 'MontserratAlternates-Regular';
}
.grid-categories {
  padding: 0 0 1em;
}
ul.popular li {
	 list-style: none;
}
ul.popular li a{
	color: #7c7c7c;
  font-size: 1em;
  padding: 0.5em 0;
  display: block;
  text-decoration: none;
}
ul.popular li i {
  margin: 0 8px 0px;
}
ul.popular li a:hover{
	  color:#fc5c5c;
  padding: 0.5em 0 0.5em 0.3em;
}
.single-bottom h3 {
  font-size: 2em;
  color:#b0316a;
    margin: 0em;
 font-family: 'MontserratAlternates-Regular';
}
.single-bottom input[type="text"], .single-bottom textarea {
 font-size: 1.1em;
  width: 98%;
  padding: 0.5em 1em;
  margin: 0.5em 0;
  background: #fff;
  outline: none;
  border: 1px solid #bbb;
  color: #bbb;
}
.single-bottom  input[type="submit"]{
  border: none;
  color: #000;
  font-size: 1em;
  width: 10%;
  margin: 0.5em 0em;
  background:none;
  border: 2px solid #b0316a;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  padding: 0.3em 1em;
  outline:none;
}
.single-bottom  input[type="submit"]:hover{
	 border: 2px solid #3A3A3A;
	
}
.comment {
  padding: 0;
}
 .single-bottom textarea {
	resize:none;
	min-height:180px;
	 margin:0.5em 0em;
	width: 99%;
 }
 .single-bottom form{
	padding:2em 0 0;
 }
 .single {
  padding: 4em 0;
}
.grid-categories ul.popular {
  padding: 0px;
}
i.glyphicon.glyphicon-calendar {
  margin: 0em 0.4em 0em 0em;
}
i.glyphicon.glyphicon-comment {
  margin: 0em 0.4em 0em 0em;
}
/*--//single--*/


/*--partenaires--*/
.ch-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}
.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}
.ch-grid:after {
	clear: both;
}
.ch-grid li {
	width: 200px;
	height: 200px;
	display: inline-block;
	margin: 0 10px;
}
h3.tittle-one:after, h3.tittle-one:before{
  border: 1px dotted #c2c2c2;
  width: 120px;
  display: inline-block;
  vertical-align: middle;
  content: "";
  margin: 0 2%;
}
h3.tittle-one{
text-align:center;
font-family: 'JosefinSans-Regular';
color:#E1009F;
font-size:50px;
margin-bottom:50px;
}
.staff{
padding-bottom:4em;
}
.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
}

.ch-info-wrap, 
.ch-info{
	position: absolute;
  width: 162px;
  height: 162px;
	border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;
}

.ch-info-wrap {
	top: 20px;
	left: 20px;
	box-shadow: 0px 1px 15px #000;
}
.ch-info {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.ch-info .ch-info-front {
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	
	z-index: 100;
	box-shadow: 
		inset 2px 1px 4px rgba(0,0,0,0.1);
}
.ch-info .ch-info-back {
	background: rgba(230,132,107,0);
}
.ch-img-1 { 
	  background-image: url(../images/logo_microsoft.jpg);
	  border-radius: 50%;
	  -webkit-border-radius: 50%;
	  -o-border-radius: 50%;
	  -ms-border-radius: 50%;
	  -moz-border-radius: 50%;
}
.ch-img-2 { 
	  background-image: url(../images/logo_apple.jpg);
	  border-radius: 50%;
	  -webkit-border-radius: 50%;
	  -o-border-radius: 50%;
	  -ms-border-radius: 50%;
	  -moz-border-radius: 50%;
}
.ch-img-3 { 
	background-image: url(../images/logo_chrome_os.jpg);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
}
.ch-img-4{ 
	  background-image: url(../images/logo_linux.jpg);
	  border-radius: 50%;
	  -webkit-border-radius: 50%;
	  -o-border-radius: 50%;
	  -ms-border-radius: 50%;
	  -moz-border-radius: 50%;
}
.ch-img-5{ 
	  background-image: url(../images/logo_windows_server.jpg);
	  border-radius: 50%;
	  -webkit-border-radius: 50%;
	  -o-border-radius: 50%;
	  -ms-border-radius: 50%;
	  -moz-border-radius: 50%;
}
.ch-info h4{
	  color: #dba1bb;
	  font-size: 28px;
	  font-weight: 600;
	  margin: 0 18px;
	  padding: 40px 0 0 0;
}
.ch-info p {
	color: #fff;
	line-height:1.8em;
	padding: 10px 5px;
	font-style: italic;
	font-size: 13px;
}
.ch-item:hover .ch-info-front {
	-webkit-transform: rotate3d(1,0,0,-180deg);
	-moz-transform: rotate3d(1,0,0,-180deg);
	-o-transform: rotate3d(1,0,0,-180deg);
	-ms-transform: rotate3d(1,0,0,-180deg);
	transform: rotate3d(1,0,0,-180deg);
	
	box-shadow: 
		inset 0 0 5px rgba(255,255,255,0.2), 
		inset 0 0 3px rgba(0,0,0,0.3);
}
.ch-item:hover .ch-info-back {
	background: #464646;
}



/*--about --*/
.about {
  padding: 5em 0em 5em 0em;
}
.about-top {
  text-align: center;
}
.about-top h3 {
  font-size: 2.5em;
  color: #16214d;
  margin: 0em 0em 0.2em 0em;
  font-family: 'MontserratAlternates-Regular';
}
.about-top p {
  font-size: 1em;
  color: #5A5A5A;
  width: 60%;
  margin: 0 auto;
  line-height: 1.8em;
}
.about-left h4 {
  font-size: 3em;
  color: #b0316a;
  margin: 0em 0em 0.2em 0em;
  font-family: 'MontserratAlternates-Regular';
  text-align: center;
}
.about-left h5 {
  font-size: 1.2em;
  color: #000;
   margin: 0em 0em 1em 0em;
}
.about-left p {
  font-size: 1em;
  color:#9b9b9b4;
  line-height: 1.8em;
}
.about-right p {
  color:#9b9b9b4;
  line-height: 1.8em;
  font-size: 1em;
  margin: 1em 0em 0em 0em;
}
span.ab-gd-img {
  float: left;
  width: 15%;
}
.ab-gd-text {
  float: right;
  width: 85%;
}
.ab-gd-text h6 {
  font-size: 1.1em;
  color:#2A2828;
  margin-bottom: 0.4em;
  font-family: 'MontserratAlternates-Regular';
}
.ab-sub-gd {
  margin: 0em 0em 1.2em 0em;
}
span.glyphicon.glyphicon-star-empty.ab-gd-img {
  font-size: 3em;
  color: #c9c9c9;
}
span.glyphicon.glyphicon-cloud.ab-gd-img {
  font-size: 3em;
  color: #c9c9c9;
}
span.glyphicon.glyphicon-leaf.ab-gd-img {
  font-size: 3em;
  color:#c9c9c9;
}
.about-grid {
  margin: 1.8em 0em 0em 0em;
}
/*--about end--*/
/*--ab-info --*/
span.ab-info-clr {
  display: block;
}
.ab-info-left h3 {
  font-size: 1.7em;
  color:#b0316a;
  line-height: 1.5em;
  font-family: 'MontserratAlternates-Regular';
}
.ab-info-left p {
  font-size: 1em;
  margin: 1em 0em 0em 0em;
  color: #000000;
  line-height: 1.6em;
}
.ab-info-right p {
  font-size: 1em;
  color: #000000;
  line-height: 1.8em;
}
.ab-info-right a {
  font-size: 0.9em;
  color: #000000;
  padding: 0.4em 0em 0.4em 0em;
  display: inline-block;
  width: 20%;
  background: none;
  border: 3px double #b0316a;
  text-align: center;
  margin: 1em 0em 0em 0em;
}
.ab-info-right a:hover {
  text-decoration:none;
    border: 3px double #2A2828;
}
span.ab-line {
  background: #999;
  width: 2px;
  height: 100px;
  display: block;
  position: absolute;
  top: 0%;
  left: 85%;
}
.ab-info-bott {
  position: relative;
}
.ab-info {
  padding: 4em 0em 4em 0em;
  background: #F0F0F0;
}
/*--ab-info end--*/
/*--tarifs --*/
.ser-top {
  text-align: center;
  padding: 0em 0em 4em 0em;
}
.tarifs {
  padding: 2em 0em 5em 0em;
}
.ser-top h3 {
  font-size: 3em;
  color:#b0316a;
  margin-bottom: 0.2em;
  font-family: 'MontserratAlternates-Regular';
}
.ser-top h4 {
  font-size: 1.5em;
  padding: .5em 0em .5em 0em;
}
.ser-top p {
  font-size: 1em;
  color:#9b9b9b4;
  width: 50%;
  margin: 0 auto;
  line-height: 1.8em;
}
span.glyphicon.glyphicon-plane{
  font-size: 2.5em;
  color: #4A4949;
}
span.glyphicon.glyphicon-glass{
  font-size: 2.5em;
  color: #4A4949;
}
span.glyphicon.glyphicon-cutlery{
  font-size: 2.5em;
  color: #4A4949;
}
.ser-icon {
  float: left;
  width: 15%;
  text-align: center;
}
.ser-text {
  float: right;
  width: 85%;
}
.ser-grid {
  padding: 2em 0em;
}
.tarifs-right {
  padding: 0px;
  border-top: 2px solid #B8B8B8;
}
.service-left {
  padding: 0px;
}
.ser-grid {
  padding: 2.17em 0em;
  border-bottom: 2px solid #B8B8B8;
}
.ser-text h4 {
  font-size: 1.4em;
  color: #000;
 font-family: 'MontserratAlternates-Regular';
}
.ser-text p {
  font-size: 1em;
  color: #9b9b9b4;
  line-height: 1.8em;
}
/*--tarifs end--*/
/*--dream --*/
.dream-grid h4 {
  font-size: 1.2em;
  color: #000;
  margin: 1em 0em 0.3em 0em;
}
.depannage {
  padding: 2em 0em 5em 0em;
}
.dream-top {
  text-align: center;
  padding: 4em 0em 2.5em 0em;
}
.dream-top h3 {
  font-size: 3em;
  color:#b0316a;
  margin-bottom: 0.2em;
  font-family: 'MontserratAlternates-Regular';
}
.dream-top h4 {
  font-size: 2em;
  margin-bottom: 0.2em;

}
.dream-top p {
  font-size: 1em;
  color: #9b9b9b4;
  line-height: 1.8em;
}
.dream-bottom h4 {
  font-size: 1.1em;
  color:#b0316a;
  margin-bottom: 0.5em;
  font-family: 'MontserratAlternates-Regular';
}
.dream-bottom p {
	font-weight : bold;
}
.dream-grid {
  text-align: center;
}
.dream-grid h3 {
  font-size: 1.8em;
  color:#b0316a;
}
.dream-grid p {
  font-size: 1em;
  color: #9b9b9b4;
  line-height: 1.5em;
  margin: 0em 0em 0.4em 0em;
}
/*--dream end--*/
/*--map --*/
.map {
  background: #F2F2F2;
}
.map iframe {
  width: 100%;
  height: 200px;
  border: none;
}
/*--map end--*/
/*--contact --*/
.contact {
  padding:5em 0em 5em 0em;
}
.contact-top {
  text-align: center;
  padding: 0em 0em 3em 0em;
}
.contact-top h3 {
  font-size: 3em;
  color:#b0316a;
  margin-bottom: 0.2em;
  font-family: 'MontserratAlternates-Regular';
}
.contact-top p {
  font-size: 0.95em;
  font-weight: 400;
  color: #9b9b9b4;
  line-height: 1.8em;
  margin: 0 auto 0em;
  width: 60%;
}
.contact-left input[type="text"] {
  display: inline-block;
  background: none;
  border: 1px solid #A3A1A1;
  width: 100%;
  outline: none;
  font-size: 0.95em;
  color: #747577;
  font-weight: 400;
  padding: 13px 15px 13px 15px;
  margin: 0em 0em 1.5em 0em;
}
.contact-right textarea {
  background: none;
  border: 1px solid #A3A1A1;
  width: 100%;
  display: block;
  height: 150px;
  outline: none;
  font-size: 0.9em;
  color: #747577;
  font-weight: 400;
  resize: none;
  padding: 10px 15px 10px 15px;
}
.contact-right input[type="submit"] {
  font-size: 1em;
  color: #000;
  background: none;
  padding: 0.5em 1em 0.5em 1em;
  display: block;
  border: 2px solid #b0316a;
  margin: 0.5em 0em 0em 0em;
  outline: none;
}
.contact-right input[type="submit"]:hover{
	border: 2px solid #2A2828;
	text-decoration:none;
}
/*--contact end--*/
/*--footer  --*/
.footer {
  background:#b0316a;
  padding: 2em 0em;
}
.ftr-grd h3 {
  font-size: 2em;
  color: #fff;
  margin-bottom: 0.5em;
  font-family: 'MontserratAlternates-Regular';
}
.ftr-grd p {
  font-size: 1em;
  color: #fff;
  line-height: 1.7em;
}
ul.ftr-links {
  list-style: none;
  padding: 0px;
}
ul.ftr-links li {
  margin: 0em 0em 0.8em 0em;
  color:#fff;
  font-size: 1em;
}
ul.ftr-links li a{
	color:#fff;
	font-size: 1em;
}
ul.ftr-links li a:hover{
	color:#3A3A3A;
  text-decoration:none;
}
ul.ftr-categ {
  padding: 0em;
  list-style: none;
}
ul.ftr-categ li{
  font-size: 1em;
  margin:0em 0em 0.8em 0em;
  color:#fff;
}
ul.ftr-categ li a {
  font-size: 1em;
  color:#fff;
  margin: 0em 0em 0em 0em;
}
ul.ftr-categ li a:hover{
  color:#3A3A3A;
  text-decoration:none;
}
.ftr-gd4-1 {
  padding: 0px 6px 6px 0px;
}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 0px;
	overflow: hidden;
	width: 48px;
	height: 48px;
	border: none;
	text-indent: 100%;
	background: url(../images/top_mover.png) no-repeat 0px 0px;
}
/*--footer end--*/
/*--copyright start --*/
.copyright {
  padding: 1em 0em;
  background:#3A3A3A;
}
.copy-main {
  text-align: center;
}
.copy-main p {
  font-size: 1em;
  color: #fff;
}
.copy-main p a{
	color:#b0316a;
}
.copy-main p a:hover{
	text-decoration:none;
	color:#fff;
}





 .avantages{
	text-align:center;
	font-size:1.0em;
	font-weight: 300;
	padding:1.0em;
 }
  .avantages span{
	font-weight: 700;
	color: #b0316a;
 }
 
 
/******** Content bottom *********/
.content_bottom{
	padding:1em 5em 3em 5em;
	text-align:center;
}
.plans_table {
	margin-bottom:70px;
}
.plans_table thead{
	background:#b0316a;
	font-family: 'Roboto', sans-serif;
}
.plans_table thead th.plans-list{
	padding: 15px;
	border: 1px solid #540008;
}
.plans_table thead th.plans-list h3{
	font-size: 1.2em;
	color: #FFF;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.31);
	display: block;
	width: 100%;
	margin: 0;
	text-align: center;
}
.plans_table thead th.plans-list h4{
	font-size: 1em;
	color: #FFF;
	display: block;
	width: 100%;
	margin: 0;
	text-align: center;
}
.plans_table thead th.plans-list h4 small{
	font-size:14px;
	padding-left:2px;	
}
.plans_table td.plan_list_title{
    font-size:0.85em;
	text-align:left;
	color:#222;
}
.plans_table tbody td{
	padding:10px;
	color:#7e7e7e;
	font-size:0.8em;
	border:1px solid #cbcbcb;
	text-align:center;
}
.plans_table tfoot td.order_now button{
	  display:block;
	  font-size:0.85em;
	  text-align:center;
	  color:#FFF;
	  text-decoration:none;
	  margin:0 auto;
	  background:#b0316a;
	  outline: 0;
	 -webkit-transition: all 0.5s ease-in-out;
	 -moz-transition: all 0.5s ease-in-out;
	 -o-transition: all 0.5s ease-in-out;
	 transition: all 0.5s ease-in-out;
	  padding:8px 10px;
     -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px;
     border:none;
     cursor:pointer;
}
.plans_table tfoot td.order_now button:hover{
		background:#57229B;
}
.plans_table tfoot td{
	text-align:center;
    padding:10px 0; 
    border:1px solid #cbcbcb;
}
.notes_tarifs{
	padding-top:1em;
    font-size:.75em;
	text-align:left;
	color:#8f8f8f;
}

.customer_desc{
    margin-top:2.5em;
    box-shadow:0px 0px 5px #A5A5A5;
    -webkit-box-shadow:0px 0px 5px #A5A5A5;
    -moz-box-shadow:0px 0px 5px #A5A5A5;
    -o-box-shadow:0px 0px 5px #A5A5A5;
	border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-o-border-radius: 1em;
	margin-bottom:3em;
	position:relative;
	
}
.customer_desc h6{
	font-size:1.1em;
	color:#131313;
	font-weight: 500;
}
.customer_desc p{
	font-size:1em;
	color:#131313;
	line-height:2em;
	padding:15%;
}


/**************** FIN TARIFS *********************************************************/
 


/*--copy right send here--*/
@media(max-width:1440px){
.ser-grid {
  padding: 1.74em 0em;
}
}
@media(max-width:1366px){
.ser-grid {
  padding: 1.6em 0em;
}	
}
@media(max-width:1280px){
.ser-grid {
  padding: 1.35em 0em;
}
.banner {
  min-height: 515px;	
}
}
@media(max-width:1024px){
.header-right {
  width: 26%;
}
.top-nav {
  width: 74%;
}
.banner {
  min-height: 500px;
}
.ab-sub-gd {
  margin: 0em 0em 0.9em 0em;
}
.about-grid {
  margin: 1em 0em 0em 0em;
}
.about-left h5 {
  margin: 0em 0em 0.5em 0em;
}
.about {
  padding: 4em 0em 4em 0em;
}
span.ab-line {
  left: 92%;
}
.tarifs {
  padding: 3em 0em 3em 0em;
}
.about-left h4 {
  font-size: 2.5em;
}
.ser-top h3 {
  font-size: 2.5em;
}
.ser-top p {
  width: 70%;
}
span.glyphicon.glyphicon-plane {
  font-size: 2em;
}
span.glyphicon.glyphicon-glass {
  font-size: 2em;
}
span.glyphicon.glyphicon-cutlery {
  font-size: 2em;
}
.ser-text h4 {
  font-size: 1em;
}
.ser-grid {
  padding: 0.98em 0em;
}
.ser-top {
  padding: 0em 0em 2.5em 0em;
}
.dream-top h3 {
  font-size: 2em;
}
.dream-grid h4 {
  font-size: 1em;
}
.dream-grid h4 {
  margin: 0.5em 0em 0.3em 0em;
}
.dream-grid p {
  font-size: 0.9em;
}
.dream-grid h3 {
  font-size: 1.3em;
}
.depannage {
  padding: 0em 0em 4em 0em;
}
.project-eff:hover span.rollover1 {
  height: 204px;
  width: 283px
}
.contact {
  padding: 3em 0em 3em 0em;
}
.contact-top h3 {
  font-size: 2.5em;
}
.ftr-grd h3 {
  font-size: 1.7em;
}
/*--single--*/
.single-bottom input[type="submit"] {
  font-size: 1em;
  width: 14%;
}
.post-top p {
  font-size: 0.81em;
}
.single-grid p {
  font-size: 0.85em;
}
ul.popular li a {
  font-size: 0.8em;
}	
}
@media(max-width:768px){
span.menu{
		display: block;
		text-align: left;
		padding: 0px 0px 0px 0px;
		cursor: pointer;
		color: #E74C3C;
		font-size: 16px;
		font-weight: 700;
		position:relative;
}
.top-nav ul.res{
	 display:none;
	 padding:0px;
}
.top-nav ul.res {
		padding: 0;
		margin:1.7em 0em 0em 0em;
		z-index: 9999;
		position: absolute;
		width: 100%;
		left:0;
}
.top-nav ul.res li{
		display: block;
		text-align: center;
		background:#b0316a;
		margin: 0;
	    width: 100%;
		padding: 0em;
}
.top-nav ul.res li a {
		font-size: 16px;
		padding: 0.6em 0;
		color: #fff;
		display: block;
		border: none;
        text-align: center;
        margin: 0em;
}
ul.res li a:hover,ul.res li a.active{
	color:#000;
}
.header-right {
  width: 33%;
}
.top-nav {
  width: 50%;
}
.banner {
  min-height:350px;
}
.banner-main {
  padding: 8em 0em 0em 0em;
}
.logo h1 {
  font-size: 2.5em;
}
.about {
  padding: 3em 0em 3em 0em;
}
.about-left p {
  font-size: 0.95em;
}
.about-right {
  margin: 2.5em 0em 0em 0em;
}
.about-right img {
  width: 100%;
}
.ab-info-left {
  float: left;
  width: 50%;
}
.ab-info-right {
  float: right;
  width: 50%;
}
.ab-info-right a {
  width: 40%;
}
.ab-info {
  padding: 3em 0em 3em 0em;
}
.dream-grid {
  float: left;
  width: 50%;
  margin: 0em 0em 1em 0em;
}
.depannage {
  padding: 0em 0em 2em 0em;
}
.ab-info-right p {
  font-size: 0.9em;
}
.project-eff:hover span.rollover1 {
  height: 166px;
  width: 230px;
}
.contact-top p {
  width: 85%;
}
.ftr-grd {
  float: left;
  width: 50%;
}
.ftr-gd4-1 {
  float: left;
  width: 33%;
}
.ftr-gd4-1 img {
  width: 100%;
}
.top-nav ul.res {
  margin: 1.34em 0em 0em 0em;
}
.contact-left input[type="text"] {
  font-size: 0.9em;
  padding: 8px 10px 8px 10px;
  margin: 0em 0em 1em 0em;
}
/*--single--*/
.post-top {
  float: left;
  width: 25%;
}
.single-bottom input[type="text"], .single-bottom textarea {
  width: 100%;
}
.categories-grid {
  margin-top: 1em;
}
.single-grid h4 {
  font-size: 1.5em;
}
.single-grid {
  margin: 0em 0 2em;
}
.post-top h6 {
  font-size: 1.2em;
}
.single-profile {
  padding: 0 0 2em 0;
}
.single-bottom form {
  padding: 1em 0 0;
}
.single {
  padding: 2em 0;
}
.single-bottom input[type="text"], .single-bottom textarea {
  font-size: 0.9em;
}
}
@media(max-width:736px){
.header-right {
  width: 35%;
}	
}
@media(max-width:667px){
.header-right {
  width: 38%;
}	
}
@media(max-width:640px){
.header-right {
  width: 40%;
}	
span.ab-line {
  left: 95%;
}
.project-eff:hover span.rollover1 {
  height: 135px;
  width: 187px;
}
.map iframe {
  height: 220px;
}
.ser-top p {
  width: 95%;
}
.header {
  padding: 1.5em 0em 1.5em 0em;
}
.banner-main h2 {
  font-size: 2.5em;
}
/*--single--*/
.single-grid h4 {
  font-size: 1.5em;
}
.post-top h6 {
  font-size: 1.2em;
}
.single {
  padding: 3em 0 2em;
}	
}
@media(max-width:600px){
.header-right {
  width: 43%;
}	
}
@media(max-width:568px){
.header-right {
  width: 46%;
}	
}
@media(max-width:480px){
.content_bottom{
	padding:1em .5em 3em .5em;
	text-align:center;
}
.top-nav {
  width: 30%;
}	
.header-right {
  width: 55%;
}
.banner-main h2 {
  font-size: 1.8em;
}
.banner {
  min-height: 275px;
}
.banner-main {
  padding: 0em 0em 0em 0em;
}
.banner-main h2{
  font-size: 1.5em;
  max-width: 95%;
}
.banner-main p {
  font-size: 1.2em;
  max-width: 95%;
}
.banner {
  min-height: 240px;
}
.header {
  padding: 1em 0em 1em 0em;
}
.logo h1 {
  font-size: 2.3em;
}
.about {
  padding: 1.5em 0em 1.5em 0em;
}
.about-left h4 {
  font-size: 2em;
}
.about-left h5 {
  font-size: 1.1em;
}
.about-left p {
  font-size: 0.9em;
}
span.glyphicon.glyphicon-star-empty.ab-gd-img {
  font-size: 2.6em;
}
span.glyphicon.glyphicon-cloud.ab-gd-img {
  font-size: 2.6em;
}
span.glyphicon.glyphicon-leaf.ab-gd-img {
  font-size: 2.6em;
}
.ab-gd-text h6 {
  font-size: 1em;
  margin-bottom: 0.2em;
}
.about-right {
  margin: 1.5em 0em 0em 0em;
}
.about-right p {
  font-size: 0.9em;
}
.ab-info-left h3 {
  font-size: 1.3em;
}
.ab-info-left p {
  font-size: 0.95em;
  margin: 0.5em 0em 0em 0em;
}
.ab-info-right p {
  font-size: 0.8em;
}
.ab-info-right a {
  font-size: 0.83em;
  padding: 0.3em 0em 0.3em 0em;
  width: 50%;
  margin: 0.8em 0em 0em 0em;
}
.ab-info {
  padding: 2em 0em 2em 0em;
}
span.ab-line {
  height: 140px;
}
.ser-top h3 {
  font-size: 2em;
}
.tarifs {
  padding: 1.5em 0em 1.5em 0em;
}
.ser-top p {
  width: 100%;
  font-size: 0.9em;
}
.dream-top h3 {
  font-size: 1.5em;
}
.dream-grid h4 {
  font-size: 0.9em;
}
.dream-top {
  padding: 0em 0em 1.5em 0em;
}
.dream-top p {
  font-size: 0.9em;
}
.depannage {
  padding: 0em 0em 1em 0em;
}
.ftr-grd h3 {
  font-size: 1.5em;
}
.contact-top p {
  width: 100%;
  font-size: 0.9em;
}
.ser-text p {
  font-size: 0.9em;
}
.project-eff:hover span.rollover1 {
  height: 149px;
  width: 206px;
}
.contact {
  padding: 1.5em 0em 2em 0em;
}
.contact-top h3 {
  font-size: 2em;
}
.ftr-grd {
  float: none;
  width: 100%;
  margin: 0em 0em 0em 0em;
  padding:0px;
}
span.menu img {
  width: 19%;
}
/*--single--*/
.lone-line {
  padding: 0.5em 0em 0em 0em;
}
.single-grid h4 {
  font-size: 1.2em;
}
.single-grid h4 {
  font-size: 1.2em;
}
.single-grid {
  margin: 0em 0 1.5em;
}
.single-profile {
  padding: 0 0 1.5em 0;
}
.single-profile h4,.single-bottom h3 {
  font-size: 1.5em;
}
.post-top {
  width: 50%;
  padding: 0 10px;
}
.single-bottom form {
  padding: 1em 0 0;
}
.single-bottom input[type="submit"] {
  width: 17%;
}	
}
@media(max-width:414px){
.header-right {
  width: 65%;
}	
}
@media(max-width:384px){
.header-right {
  width: 70%;
}	
}
@media(max-width:320px){
.header-right {
  width: 61%;
}
.logo h1 {
  font-size: 1.8em;
}
.right button {
  width: 15px;
  height: 19px;
  background-size: 106%;
}
span.menu img {
  width: 27%;
}
.navg-strip {
  padding: 0.5em 0em 0.5em 0em;
}
.banner-main h2 {
  font-size: 1.2em;
}
.banner-main {
  padding: 3.5em 0em 0em 0em;
}
.banner {
  min-height: 180px;
}
.about-left {
  padding: 0em;
}
.about-left h5 {
  font-size: 1em;
}
.about-left h4 {
  font-size: 1.7em;
}
span.glyphicon.glyphicon-star-empty.ab-gd-img {
  font-size: 2.1em;
}
span.glyphicon.glyphicon-cloud.ab-gd-img {
  font-size: 2.1em;
}
span.glyphicon.glyphicon-leaf.ab-gd-img {
  font-size: 2.1em;
}
.about-right {
  padding: 0em;
}
.ab-info-left {
  float: none;
  width: 100%;
  padding: 0em;
}
span.ab-line {
  width: 50px;
  height: 2px;
    top: 106%;
  left: 35%;
}
.ab-info-right {
  float: none;
  width: 100%;
  padding: 1.2em 0em 0em 0em;
}
.ab-info {
  padding: 1em 0em 1.5em 0em;
}
.ser-top h3 {
  font-size: 1.7em;
}
.ser-top {
  padding: 0em 0em 1.5em 0em;
}
.ser-text h4 {
  font-size: 0.92em;
}
.dream-grid {
  float: none;
  width: 100%;
  margin: 0em 0em 1em 0em;
  padding: 0em;
}
.project-eff:hover span.rollover1 {
  height: 92px;
  width: 126px;
}
.project-eff:hover span.rollover1 {
  background-size: 15%;
}
.map iframe {
  height: 150px;
}
.contact-left {
  padding: 0px;
}
.contact-right {
  padding: 0px;
}
.ftr-grd h3 {
  margin-bottom: 0.2em;
}
.contact-top h3 {
  font-size: 1.8em;
}
.contact-top {
  padding: 0em 0em 1.5em 0em;
}
.contact-right textarea {
  height: 100px;
}
.ftr-grd h3 {
  font-size: 1.2em;
}
.ftr-grd p {
  font-size: 0.9em;
}
ul.ftr-links li {
  margin: 0em 0em 0.5em 0em;
}
ul.ftr-links li a {
  font-size: 0.9em;
}
ul.ftr-categ li a {
  font-size: 0.9em;
}
ul.ftr-categ li {
  margin: 0em 0em 0.5em 0em;
}
.footer {
  padding: 1.2em 0em;
}
/*--single--*/
.single {
  padding: 1.5em 0 0.5em;
}
.col-md-8,.categories-grid {
  padding: 0;
}
.single-grid h4 {
  font-size: 1em;
}
.single-grid p {
  margin: 0.3em 0 0em;
  font-size: 0.8em;
}
.single-profile h4, .single-bottom h3 {
  font-size: 1.3em;
}
.single-left {
  padding: 1em 0 0;
}
.post-top {
  width: 50%;
  padding: 0 5px;
    margin: 0em 0em 1em 0em;
}
.post-top p {
  font-size: 0.8em;
  line-height: 1.5em;
}
.post-top h6 {
  font-size: 1em;
}
.single-bottom textarea {
  min-height: 140px;
}
.single-bottom input[type="submit"] {
  width: 24%;
}	
button.btn.btn-1 {
  font-size: 0.79em;
}
span.label {
  margin: 0 0 0.5em;
  display: inline-block;
  font-size: 0.8em;
}	
button.btn.btn-lg {
  font-size: 0.8em;
  padding: 0px;
}
.single-profile {
  padding: 0 0 0.5em 0;
}
.single-bottom form {
  padding: 0.4em 0 0;
}
.categories-grid h4 {
  font-size: 1.5em;
}
.single-bottom input[type="submit"] {
  padding: 0.3em 1em;
}
.close-in {
  top: -22px;
  padding: 0px;
}
}