@import url(http://fonts.googleapis.com/css?family=Noto+Serif:400,700,400italic,700italic|Roboto:400,400italic,700,700italic);


@font-face {
    font-family: 'dense';
    src: url('fonts/dense-regular-webfont.eot');
    src: url('fonts/dense-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/dense-regular-webfont.woff') format('woff'),
         url('fonts/dense-regular-webfont.ttf') format('truetype'),
         url('fonts/dense-regular-webfont.svg#denseregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

	html, body {
		font-family: 'Roboto', 'Raleway', sans-serif;
	}
	
	h1, h2, h3, h4, .Noto, gros_titre, moyen_titre, petit_titre {
		font-family: 'Noto Serif', sans-serif;
	}
	
	.gros_titre{font-size:30px}
	.moyen_titre{font-size:24px}
	.petit_titre{font-size:18px}
	
	.bouton {
		border:solid 2px #fdf4b5;
		font-family: 'dense', 'Oswald', sans-serif;
		padding:8px 10px 6px;
		margin:6px 8px;
		font-size:30px;
		display:inline-block;
		text-transform:uppercase;
		cursor:pointer;
		text-decoration:none;
		vertical-align:middle;
		text-shadow: none;
		color:#fff;
		text-align:center;
	}
	
	.bouton:hover {
		background-color:#fdf4b5;
		color:#000;
		text-decoration:none;
	}
	
	.closeButton {
		-webkit-border-radius: 100px;
		border-radius: 100px;
		font-weight:bold;
		width:64px;
		height:64px;
		font-family: 'Raleway', sans-serif;
		text-transform:lowercase;
		font-size: 36px;
		position:absolute;
		top:20px;
		right:20px;
	}
	
	.inner {
		padding-left:25px;
		padding-right:25px;
	}
	
	#back-top a {
		border-radius:999px;
	}

/* Navigation Section */

	#navigation-sticky-sticky-wrapper {
		position: absolute;
		top: 50px;
		width: 100%;
	}

	#navigation-sticky.dark-nav {
		background-color: #000;
	}

	#navigation{
		height: 40px;
	}

	#navigation-sticky{
		height: 40px;
	}

/* Navigation Logo */
	.nav-inner .logo{
		background:#3a372d;
		padding:7px 25px;
	}
	

/* Navigation */

	.nav-menu{
		height: 100%;
		font-family: 'Oswald', sans-serif;
		font-size:1.8em;
		float:none !important;
	}
	
	.nav>li>a:hover, .nav>li>a:focus {
		background-color: #444;
	}

	.nav-menu ul{
		height: 100%;
		margin-left:200px;
	}

	.nav-menu ul li{
		float: left;
		height: 100%;
	}

	.nav-menu ul li a{
		line-height: normal;
		font-weight: normal;
		font-size: 17px;
		padding: 8px 15px;
	}
	
	
	
/* Entête */
	#enteteImage {
		font-size:1.5em;
		font-family: 'Noto Serif', sans-serif;
		font-style:italic;	
		color:#000;
	}
	#enteteImage .gros_titre {
		font-size:2em;
		font-weight:bold;
	}
	#enteteImage .inner {
		padding: 150px 25px 75px;
	}
    
    .bouncing-arrow{ 
        opacity:0.5;
        position:absolute;
        bottom:15px;
        left:49%;
        z-index:9998;
        cursor:pointer;
        background: url(../assets/large_bottom.png) no-repeat 0 0;
        width: 40px;
        height: 40px;
                
        -webkit-animation-name: bounce; 
        animation-name: bounce; 
        -webkit-animation-duration: 1.3s; 
        animation-duration: 1.3s; 
        -webkit-animation-fill-mode: both; 
        animation-fill-mode: both; 
        animation-iteration-count:4; 
        -webkit-animation-iteration-count:4;
        animation-delay:4s; 
        -webkit-animation-delay:4s;
    }
    .bouncing-arrow:hover{ background-position: bottom left;  opacity:0.9; }
    
    @-webkit-keyframes bounce { 
        0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
        40% {-webkit-transform: translateY(-30px);} 
        60% {-webkit-transform: translateY(-15px);} 
    } 

    @keyframes bounce { 
        0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
        40% {transform: translateY(-30px);} 
        60% {transform: translateY(-15px);} 
    } 
    
       
    .tp-bullets.simplebullets.navbar {
		    height: 35px;
		    padding: 0px 0px;
    }
    .tp-bullets.simplebullets .bullet {
        cursor: pointer;
        position: relative !important;
        background: rgba(0, 0, 0, 0.5) !important;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        width: 16px !important;
        height: 16px !important;
        border: 5px solid rgba(0, 0, 0, 0) !important;
        display: inline-block;
        margin-right: 2px !important;
        margin-bottom: 14px !important;
        -webkit-transition: background-color 0.2s, border-color 0.2s;
        -moz-transition: background-color 0.2s, border-color 0.2s;
        -o-transition: background-color 0.2s, border-color 0.2s;
        -ms-transition: background-color 0.2s, border-color 0.2s;
        transition: background-color 0.2s, border-color 0.2s;
        float:none !important;
    }
    .tp-bullets.simplebullets .bullet.last {
        margin-right: 0px
    }
    .tp-bullets.simplebullets .bullet:hover,
    .tp-bullets.simplebullets .bullet.selected {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        background: rgba(255, 255, 255, 1) !important;
        width: 16px !important;
        height: 16px !important;
        border: 5px solid rgba(0, 0, 0, 1) !important;
    }

	.textBlanc {
		color: #fff !important;
		text-shadow: 0px 0px 10px #000, 0px 0px 20px rgba(0, 0, 0, 0.5);
	}

/* Accueil */

	.accueilAbout{
		width:100%;
		height: auto;
		min-height:578px;
		padding:60px 15% 60px 37%;
		color:#fff;
		text-shadow:0px 0px 10px #000, 0px 0px 20px #000;
		line-height:normal !important;
		position:relative;
	}
	.accueilAbout h2 {font-size: 26px !important; line-height:normal !important; margin:0 0 25px;}
	.accueilAbout h3 {font-size: 20px !important; line-height:normal !important; padding:0 !important;}
	.accueilAbout h4 {font-size: 16px !important; line-height:normal !important; margin:25px 0 25px;}
	
	.accueilAbout .front, .accueilAbout .back {padding: 0 0 0 10px;}

	#address{
		font-size:1.2em;	
		font-family: 'Noto Serif', sans-serif;	
		text-shadow:0px 0px 10px #fff, 0px 0px 20px #fff, 0px 0px 40px #fff, 0px 0px 40px #fff;
	}
	#address .inner{
		padding:25px 10px 15px;
	}
	#address p{
		margin:30px 0 20px;
	}
	#address em {
		font-style:italic;
	}
	#footer-logo {
		margin:40px 0;
	}
	
	
	#enteteSlideshow h1 {
		font-weight:bold;
	}
	
	#enteteSlideshow {
		color:#fff;
		font-family: 'Noto Serif', sans-serif;
		font-size:1.5em;
		font-style:italic;
		height:100% !important;
	}
	
	
/* contact */
	#contact .inner{
		margin-top:50px;
	}
	
	
/* Portfolio */

	#portfolioAccess{
		padding-top:150px;
		padding-bottom:150px;
		text-align:center;
	}
	
	#portfolioAccessLien {
		font-size: 41px;
		padding: 14px 12px 12px;
		margin: 0px;
		line-height: 30px;
	}
	
	.item-clickable {
		cursor:pointer;
	}
	.item {
		position:relative;
	}
	
	#portfolio .work-image h1 {
		margin:0 20px !important;
	}
	
	#portfolio .portfolio .portfolio-items .item-clickable a.work-image img {
		width:100%;
	}
	
	
	#portfolio .portfolio .portfolio-items .item-clickable:hover a.work-image img {
		opacity: 0.8;
	}
	
	@media only screen and (min-width: 1000px){
		.item-clickable .cercle {
			width:100%;
			height:346px;
			position:absolute;
			top:0px;
			left:0px;
			border-radius: 999px;
		}
		#portfolio .portfolio .portfolio-items .item-clickable .cercle {
			opacity: 0;
			-webkit-transition: all 0.5s;
			-moz-transition: all 0.5s;
			transition: all 0.5s;
			-webkit-transform: translateY(0%);
			-moz-transform: translateY(0%);
			transform: translateY(0%);
			-webkit-transform: scale(0.5);
			-moz-transform: scale(0.5);
			-ms-transform: scale(0.5);
			transform: scale(0.5);
		}
		
		
		#portfolio .portfolio .portfolio-items .item-clickable-label:hover .cercle,
		#portfolio .portfolio .portfolio-items a:focus .cercle {
			opacity: 0.8;
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		}
	
		#portfolio .portfolio .portfolio-items .item-clickable-label:hover a.work-image img,
		#portfolio .portfolio .portfolio-items a:focus a.work-image img {
			opacity: 0.25;
		}
		
		.bloc-service .inner {max-width:1100px !important; padding-left:178px !important;}
        
	}
	
	@media only screen and (max-width: 1000px){
		.item-clickable .cercle {
			opacity: 0.8;
			width:100%;
			height:80px;
			position:absolute;
			bottom:0px;
			left:0px;
			-webkit-box-shadow: 0 -3px 4px 0 rgba(0,0,0,0.4);
			box-shadow: 0 -3px 4px 0 rgba(0,0,0,0.4);
		}
		#portfolio .portfolio .portfolio-items .item a.work-image div.item-details {
			width:100%;
			opacity: 1;
			margin-top:39%;
		}
		#portfolio .portfolio .portfolio-items .item a.work-image div.item-details h1 {
			transform: none;
			font-size:20px;
		}
		
		#portfolio .portfolio .portfolio-items .item-clickable-label:hover .cercle,
		#portfolio .portfolio .portfolio-items a:focus .cercle {
			opacity: 0.9;
		}
        
        .bloc-service.bloc-carrieres a.noir{ 
            color:#000000;
        }
                
        .bloc-service.bloc-carrieres ul{
            list-style-type: none !important;
            margin-left:0 !important;
        }
        
        .bloc-service.bloc-carrieres ul li{
            padding-left:0 !important;           
        }
        
        .bloc-service.bloc-carrieres .img-big{ display:none; }
		
	}
	
	#portfolio {
		border:none;
		text-align:center;
		margin-top:100px;
		margin-bottom:40px;
	}
	.portfolio {
		border:none;
		max-width:1045px;
		text-align:center;
		margin:0 auto;
	}

/* Logos */
.logo-btn-retour{  
    float:right;
    background-image: url('../images/bouton_retour.png');
}
.logo-btn-retour:hover{ background-image: url('../images/bouton_retour_hover.png'); }
.logo-btn-retour:hover img{visibility:hidden; }
.logo-bloc{
  float: left;
  margin: 40px 0; 
  height:164px;
  line-height: 164px;
}
.logo-bloc img {
  max-width: 100%;
  max-height: 100%;
  vertical-align:middle;
}

.logo-bloc img.couleur{ display:none; }

.last-row{ margin-bottom:90px; }

.first-item,.last-row {
  clear: left;
}
/* Palettes de couleurs */

	.over-rouge:hover 		{ background:#e74c38 !important; }
	.over-rose:hover 		{ background:#e1568b !important; }
	.over-jaune:hover 		{ background:#e6d140 !important; }
	.over-creme:hover 		{ background:#e0dacc !important; color:#000 !important; }
	.over-vert:hover 		{ background:#889a4b !important; }
	.over-cafe:hover 		{ background:#3a372d !important; }
	.over-bleu:hover 		{ background:#a1d7e3 !important; }
	.over-beure:hover 		{ background:#faf3a8 !important; color:#000 !important; }
	.over-gris:hover 		{ background:#cacaca !important; color:#000 !important; }
	.over-noir:hover 		{ background:#000000 !important; }
	.over-beige:hover 		{ background:#aaa096 !important; color:#000 !important; }
	.over-magenta:hover 	{ background:#d50073 !important; }
	.portfolio .over-rouge:hover 		{ background:#ff0009 !important; }
	.portfolio .over-rose:hover 		{ background:#da3456 !important; }
	.portfolio .over-jaune:hover 		{ background:#f7b501 !important; }
	.portfolio .over-vert:hover 		{ background:#8fc300 !important; }
	.portfolio .over-bleu:hover 		{ background:#00d2ff !important; }
	


	.bg-rouge 		{ background:#e74c38 !important; color:#fff;}
	.bg-rose 		{ background:#e1568b !important; }
	.bg-jaune 		{ background:#e6d140 !important; }
	.bg-creme 		{ background:#e0dacc !important; color:#000 !important; }
	.bg-vert 		{ background:#889a4b !important; }
	.bg-cafe 		{ background:#3a372d !important; }
	.bg-bleu 		{ background:#a1d7e3 !important; color:#000 !important; }
	.bg-beure 		{ background:#faf3a8 !important; color:#000 !important; }
	.bg-blanc 		{ background:#ffffff !important; color:#000 !important; }
	.bg-gris 		{ background:#cacaca !important; }
	.bg-noir 		{ background:#000000 !important; }
	.bg-beige 		{ background:#faf3a8 !important; color:#000 !important; }
	.bg-magenta		{ background:#d50073 !important; color:#fff;}
	.portfolio .bg-rouge 		{ background:#ff0009 !important; }
	.portfolio .bg-rose 		{ background:#da3456 !important; }
	.portfolio .bg-jaune 		{ background:#f7b501 !important; }
	.portfolio .bg-vert 		{ background:#8fc300 !important; }
	.portfolio .bg-bleu 		{ background:#00d2ff !important; }



/* Cercles d'icônes */
#divCircle { 
    max-width: 500px;
    max-height: 500px;  
    width: 100%;
    height: 500px; 
    position: relative;
    margin:0 auto;
}
 
#divCircle img{
    position: absolute;
    max-width: 80px;
    max-height: 80px;  
    width: 80px;
    height: 80px;
    padding:8px !important;
    opacity:0.2;
}
#divCircle a:hover img{padding:0 !important; opacity:0.8;}
#divCircle a:active img{padding:15 !important; opacity:0.6;}

#middleBubble,
#divCircle .pastille {
  text-align:center;
  vertical-align:top;
  background-repeat: no-repeat;
  background-size: cover;
  height:50%;       
  width: 50%;   
  max-height:191px;       
  max-width: 191px;   
  margin: auto;
  position: absolute;
  text-align:center;
  

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
 	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;

	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;
  
  	-o-transition: 0.6s;
	-o-transform-style: preserve-3d;

	transition: 0.6s;
	transform-style: preserve-3d;
  
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
  	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
	z-index: 5 !important;
}
 
#middleBubble {
  background: url('../images/logo-circle.png');
  color: #252525; 
  
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
  	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
	z-index: 5 !important;
}

#divCircle .pastille .service-title{
	display:block;
	width:191px;
	height: 191px;
	line-height:191px;
	margin:0 auto;
	border-radius: 500px;
	font-size:16px;
	font-weight:normal;
	font-family: 'Oswald', sans-serif;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background:#000;
	color:#fff;
}

#divCircle .pastille .service-title span{
	  vertical-align:middle;
	  display:inline-block;
	  line-height:normal; /* on rétablit le line-height */
	  text-align:center; /* ... et l'alignement du texte */
	  padding:10px 15px;
}

#divCircle .pastilleReturn {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
	transform: rotateY(0deg);
}
#middleBubble.return {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}



/* Services */
    
    
    
    
	.servicesAccueil {
		padding:50px 0;
	}

	#servicesAccueil .service-boxes{
		margin:10px auto 0;
		width:auto;
		text-align:center;
	}


	#servicesAccueil .service-boxes .service-box{
		cursor: pointer;
	}

	
	@media only screen and (min-width: 1000px){
		
		#servicesAccueil .dot {
			display:none;
		}
		#servicesAccueil .service-boxes .service-box{
			padding:15px;
		}
		#servicesAccueil .service-boxes .service-box .service-title{
			display:block;
			width:220px;
			height: 220px;
	  		line-height:220px;
			margin:0 auto;
			border-radius: 500px;
			font-size:16px;
			font-weight:normal;
			font-family: 'Oswald', sans-serif;
			position: relative;
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			transition: all 0.3s;
			background:#000;
			color:#fff;
		}
		
		#servicesAccueil .service-boxes .service-box .service-title span{
			  vertical-align:middle;
			  display:inline-block;
			  line-height:normal; /* on rétablit le line-height */
			  text-align:center; /* ... et l'alignement du texte */
			  padding:10px 15px;
		}
	
		.flip-container {
		  -webkit-perspective: 1000;
		  -moz-perspective: 1000;
		  -o-perspective: 1000;
		  perspective: 1000;
			width:25%;
			height:250px;
			text-align:center;
		
		}
		
		.flipper {
			-webkit-transition: 0.6s;
			-webkit-transform-style: preserve-3d;
		
			-moz-transition: 0.6s;
			-moz-transform-style: preserve-3d;
		  
		  -o-transition: 0.6s;
			-o-transform-style: preserve-3d;
		
			transition: 0.6s;
			transform-style: preserve-3d;
		
			position: relative;
			width:220px;
			height:220px;
			display:block;
			margin:0 auto;
		}
		
		.flipper .front, .flipper .back {
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
		 	-o-backface-visibility: hidden;
			backface-visibility: hidden;
		
			position: absolute;
			top: 0;
			left: 0;
		}
		
		.flipper .front {
			-webkit-transform: rotateY(0deg);
			-moz-transform: rotateY(0deg);
		  	-o-transform: rotateY(0deg);
			transform: rotateY(0deg);
			z-index: 2;
			text-transform: uppercase;
			
			-webkit-transition: 0.6s;
			-webkit-transform-style: preserve-3d;
		
			-moz-transition: 0.6s;
			-moz-transform-style: preserve-3d;
		  
		  	-o-transition: 0.6s;
			-o-transform-style: preserve-3d;
		
			transition: 0.6s;
			transform-style: preserve-3d;
		}
		
		.flip-container .flipper:hover .front,  
		.flip-container .flipper:focus .front,  
		.flip-container.hover .flipper .front{
			-webkit-transform: rotateY(-180deg);
			-moz-transform: rotateY(-180deg);
		    -o-transform: rotateY(-180deg);
			transform: rotateY(-180deg);
		}
		
		.flipper .back {
			-webkit-transform: rotateY(180deg);
			-moz-transform: rotateY(180deg);
		  	-o-transform: rotateY(180deg);
			transform: rotateY(180deg);
			z-index: 5 !important;
			
			-webkit-transition: 0.6s;
			-webkit-transform-style: preserve-3d;
		
			-moz-transition: 0.6s;
			-moz-transform-style: preserve-3d;
		  
		  	-o-transition: 0.6s;
			-o-transform-style: preserve-3d;
		
			transition: 0.6s;
			transform-style: preserve-3d;
		}
		
		.flip-container .flipper:hover .back,  
		.flip-container .flipper:focus .back,   
		.flip-container.hover .flipper .back {
			-webkit-transform: rotateY(0deg);
			-moz-transform: rotateY(0deg);
		    -o-transform: rotateY(0deg);
			transform: rotateY(0deg);
		}
		
		.flipper:active {
			opacity:0.5 !important;
		}
	}
	@media only screen and (max-width: 1000px){
		#servicesAccueil .inner {
			padding:30px 5px 30px 15px;
		}
		#servicesAccueil .service-boxes .service-box{
			width:49%;
			min-width:300px;
			height:60px;
			padding:5px 15px 25px;
		}
		
		#servicesAccueil .service-boxes .service-box br{
			display:none;
		}
		
		#servicesAccueil .dot {
			width:32px;
			height:32px;
			-webkit-border-radius: 100px;
			border-radius: 100px;
			float:left;
		}
		
		#servicesAccueil .service-boxes .service-box .service-title{
			display:block;
			margin:0 auto;
			font-weight:normal;
			font-family: 'Oswald', sans-serif;
			position: relative;
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			transition: all 0.3s;
			color:#000;
			text-align:left;
			background:none !important;
		}
	
		.flip-container {
		  -webkit-perspective: 1000;
		  -moz-perspective: 1000;
		  -o-perspective: 1000;
		  perspective: 1000;
		}
		
		.flipper {
			-webkit-transition: 0.6s;
			-webkit-transform-style: preserve-3d;
		
			-moz-transition: 0.6s;
			-moz-transform-style: preserve-3d;
		  
		  -o-transition: 0.6s;
			-o-transform-style: preserve-3d;
		
			transition: 0.6s;
			transform-style: preserve-3d;
		
			position: relative;
			display:block;
		}
		
		.flipper .front, .flipper .back {
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
		  	-o-backface-visibility: hidden;
			backface-visibility: hidden;
			margin-left:45px;
		}
		
		.flip-container .flipper:hover .dot:after,  
		.flip-container .flipper:focus .dot:after,   
		.flip-container .flipper:active .dot:after,   
		.flip-container.hover .flipper .dot:after {
			content:".";
			width:24px;
			height:24px;
			margin:4px;
			background:#fff;
			color:#fff;
			-webkit-border-radius: 100px;
			border-radius: 100px;
			display:block;
		}
		
		
		.flipper .front {
			text-transform: uppercase;
			display: block;
			font-size:16px;
		}
		
		.flipper .back {
			display: block;
			font-size:12px;
		}
		
		.flipper:active {
			opacity:0.5 !important;
		}
	}
   
    .img-services.bloc-service{  text-align: center;}
    .img-services.bloc-service p{ width:auto; float:none; }
	.bloc-service       { text-align:left; }
	.bloc-service .inner{ padding:78px 20px 78px; margin:0 auto; max-width:800px; }
	.bloc-service h1 	{ font-weight:bold; font-size: 40px; margin-bottom:20px; margin-top:0px; }
	.bloc-service p 	{ width:47%; margin-right:2%; vertical-align: top; font-style:italic; font-size:16px;  display: inline-block; }
    .bloc-service br 	{line-height:45px; }
    .bloc-service p:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }
    
    .bloc-service.bloc-carrieres .inner{ padding:40px 0 !important;  }
    .bloc-service.bloc-carrieres p{ 
        width: 100%;
        font-size:16px;
        font-style: normal;
        line-height: 28px;
    }

    .bloc-service.bloc-carrieres h2{
        font-size:25px;
        font-weight: bold;
        margin:0;
        padding:0;
    }
    
    .bloc-service.bloc-carrieres ul,
    .bloc-service.bloc-carrieres p{
        color: #3A372D;
    }
    
    .bloc-service.bloc-carrieres ul{
        list-style-type: disc;
        margin-left:20px;
        margin-top:5px;
    }

    .bloc-service.bloc-carrieres ul li{
        padding-left:22px;
        font-size:16px;
        font-style: normal;
        line-height: 28px;
    }

    .bloc-service.bloc-carrieres a.noir{ 
        color:#000000;
    }
    
    .bloc-service.bloc-carrieres .img-big{ float:right; margin-top:-50px; }
    
     @media only screen and (max-width: 760px){
        .bloc-service p{ display:block; width:100%; }
    }
	
	
/* Magnific POPUP overlay at start */
	.mfp-bg {z-index:10000}
	.mfp-gallery{z-index: 10001;}
	.mfp-fade.mfp-bg {
	  opacity: 0;
	  -webkit-transition: all 0.15s ease-out;
	  -moz-transition: all 0.15s ease-out;
	  transition: all 0.15s ease-out;
	}
	/* overlay animate in */
	.mfp-fade.mfp-bg.mfp-ready {
	  opacity: 0.8;
	}
	/* overlay animate out */
	.mfp-fade.mfp-bg.mfp-removing {
	  opacity: 0;
	}
	
	/* content at start */
	.mfp-fade.mfp-wrap .mfp-content {
	  opacity: 0;
	
	  -webkit-transition: all 0.15s ease-out;
	  -moz-transition: all 0.15s ease-out;
	  transition: all 0.15s ease-out;
	}
	/* content animate it */
	.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	  opacity: 1;
	}
	/* content animate out */
	.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	  opacity: 0;
	}



	.mfp-img {
		min-width:100px;
	}


/* Thème rouge (remplacer #e74c38) */
/* Text Colors */

	.colored,
	#prices .prices .p-table.active h1,
	#prices .prices .p-table.active h3,
	#address .address-soft a.mail-text:hover,
	.white-nav .nav-menu ul.dropdown-menu li a:hover,
	.custom_boxes .box:hover .left-icon a,
	.white-nav .nav-menu ul.dropdown-menu li.active a,
	footer a:hover,
	section.page_header .page_header_inner .p_head_right a.p-head-button:hover,
	body.dark-layout section.page_header .page_header_inner .p_head_right a.p-head-button:hover,
	#blog .details .post-info a.post-item:hover,
	.dark-nav .nav-menu ul.dropdown-menu li a:hover,
	.dark-nav .nav-menu ul.dropdown-menu li.active a,
	a.text-button:hover{
		color: #e74c38;
	}

	.nav-menu ul li a:hover,
	.nav-menu ul li.active a{
		color:#e74c38;
	}

/* Background Colors */

	::selection,
	.colored-bg,
	section.page-content .page-content-inner a.page-content-button:hover,
	#features ul.features-mobile li.feature-box:hover a.box-icon,
	#featured-works .works .item .featured-ball:hover,
	#featured-works .feature-second-area .feature-button:hover,
	#prices .prices .p-table.active a.p-button,
	#prices .prices .p-table a.p-button:hover,
	a.active-colored,
	.blocked,
	.modal .modal-inner a.close:hover,
	#portfolio .portfolio a.portfolio-view-more:hover,
	body.dark-layout #portfolio .portfolio a.portfolio-view-more:hover,
	#team .team .team-boxes .item .member-details .details a.member-detail-button:hover,
	#blog .blog_sidebar .bar a.tag:hover,
	.post-form form button.contact-form-button:hover,
	ul.pagination li.active a,
	ul.pagination li.active a:hover,
	body.dark-layout ul.pagination li.active a,
	body.dark-layout ul.pagination li.active a:hover,
	#contact .contact form button.contact-form-button:hover{
		background-color:#e74c38;
	}

/* Border Colors */

	.colored-border,
	#features ul.features-mobile li.feature-box:hover a.box-icon:after,
	a.text-button:hover,
	#team .team .team-boxes .item .member-details .details a.member-detail-button:hover,
	#blog .blog_sidebar .bar a.tag:hover,
	ul.pagination li.active a,
	ul.pagination li.active a:hover,
	.bs-callout-north,
	.custom_boxes .box:hover .left-icon a{
		border-color:#e74c38;
	}

	.tabs .nav-tabs li.active a,
	.nav-menu ul.dropdown-menu{
		border-top-color:ty:0.8;
}















/* mobile */
	.mobile-nav-button {
		color:#fff;
	}
	.mobile-nav-button:hover {
		color:#eee;
	}
	
	@media only screen and (max-width: 1000px){
		canvas {
			max-width:100%;
		}
		
		.nav-inner div.nav-menu ul.nav {
			margin:0;
		}
		
		.accueilAbout {
			padding-left:20%;
			padding-right:30px;
		}
	}
	
	
	@media only screen and (max-width: 700px){
		.accueilAbout {
			padding-left:30px;
		}
	}




/* remplacer loader */
#pageloader {background:url('../images/loader.gif') no-repeat center center; background-size:48px 48px;}
.outter {display:none;}