@charset "utf-8";
/* CSS Document */
/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html,
body {
    height: 100%;
}

.carousel,
.item,
.active_menu {
    height: 100%;
    color: #6db43b;
    background-color: #222;
}

.active_submenu {
    height: 100%;
    color: #6DB43B !important;
    background-color: #444;
}

.active_submenu a {
    color: #6DB43B;
    background-color: #444;
}

.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}



/* BACKGROUND */ 

	.background{
		top: 0;
		left: 0;
		position:absolute;
		width:100%;
		max-width:100%;
		height:100%;
		max-height:100%;
		padding:0;
		margin:0;
		display:block;
		background-repeat:no-repeat; 
		background-position: top center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		z-index:-1;
	}
	
		header .navbar-default, .home #featured, #featured .slider{
			background:none !important;
		}
		
			 #featured .slider{
				margin: 30px 0 30px;
			 }
			 
			 /* css FRED */
			 #header_internal{
				position: absolute;
				top:0px;
				margin:0 auto;
				/*width:1600px;*/
				height: 250px;	
			}


/* --- FONTS --- */ 


@font-face {
  font-family: 'MyriadPro-Cond';
  src: url('../fonts/MyriadPro-Cond.eot?#iefix') format('embedded-opentype'),  url('../fonts/MyriadPro-Cond.otf')  format('opentype'),
	     url('../fonts/MyriadPro-Cond.woff') format('woff'), url('../fonts/MyriadPro-Cond.ttf')  format('truetype'), url('../fonts/MyriadPro-Cond.svg#MyriadPro-Cond') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MyriadPro-LightCond';
  src: url('../fonts/MyriadPro-LightCond.eot?#iefix') format('embedded-opentype'),  url('../fonts/MyriadPro-LightCond.otf')  format('opentype'),
	     url('../fonts/MyriadPro-LightCond.woff') format('woff'), url('../fonts/MyriadPro-LightCond.ttf')  format('truetype'), url('../fonts/MyriadPro-LightCond.svg#MyriadPro-LightCond') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MyriadPro-SemiboldCond';
  src: url('../fonts/MyriadPro-SemiboldCond.eot?#iefix') format('embedded-opentype'),  url('../fonts/MyriadPro-SemiboldCond.otf')  format('opentype'),
	     url('../fonts/MyriadPro-SemiboldCond.woff') format('woff'), url('../fonts/MyriadPro-SemiboldCond.ttf')  format('truetype'), url('../fonts/MyriadPro-SemiboldCond.svg#MyriadPro-SemiboldCond') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* --- STRUCTURE --- */


BODY{
	font-family: 'MyriadPro-Cond'; /*MyriadPro-LightCond';*/	
	font-size:13pt;
	line-height:115%;
	letter-spacing:normal;
	/*font-weight: bold;*/
}


	.home .col-5{
		width:20%;
	}
		.home .col-5 .img{
		  max-width: 100%;
		}
	
	.row .row{
		margin-bottom:15px;
	}
	
	A, p a, strong.color, .page a{
		color:#6db43b;
	}
	
	HR{
		clear:both;
	}
	

/* --- TITRES --- */

	H1, H2, H3{
		font-family: 'MyriadPro-LightCond';
		font-weight:normal;
	}

	H4, H5{
		font-family: 'MyriadPro-SemiboldCond';
		letter-spacing:0.25pt;
	}


	/* font */
	
	/*#main-slider .btn-theme, body .btn-theme{
		background:#6db43b;
		border:1px solid #6db43b;
	}*/
	
		
/* IMG */ 

img.left{
	float:left;
	margin:0 20px 10px 0;
}

img.right{
	float:right;
	margin:10px 0px 10px 20px;
}
				

/* LINK */


.link{
	margin-top:25px;
}

a.right{
	float:right;
}

a.btn:hover{
	color:#FFF;
}

	BODY a.white, BODY a.white.btn, section#callaction a.white, section a.white{
		color:#FFF !important;
		border:1px solid #FFF !important;
		margin-right:20px;
	}
	
		BODY a.white:hover, section#callaction a.white:hover, section a.white:hover{
			background:#FFF !important;
			color:#6db43b !important;
		}


/* --- HEADER --- */ 

.home header{
	min-height:220px;
	/*background-color:#111;*/
}

.navbar-header{
	background:#FFF;
	padding:0px;
	width:20%;
	float:left;
}

	.navbar-brand{
		width:100%;
		height:100%;
		margin:0px !important;
		padding:0;
		display:block;
		background:#111;
		
		-webkit-transition: background-color 100ms linear;
		-moz-transition: background-color 100ms linear;
		-o-transition: background-color 100ms linear;
		-ms-transition: background-color 100ms linear;
		transition: background-color 100ms linear;
		
	}
	
		.navbar-brand img{
			max-width:100%;
			height:auto;
		}
	
	/* menu */
	
	header .navbar-collapse{
		position:relative;
		top:0;
		width:80%;
		float:right;
	}
	
	header .navbar-collapse ul.navbar-nav{ 
		float:left;
		background:#222;
		width:100%;
		display:block;
	}
	
	.navbar .nav.navbar-nav{
		padding:5px 0 5px 10px;	
	}
	
		.navbar .navbar-nav li{
			padding:15px 0;
		}
		
			.navbar .navbar-nav li a{
				color:#FFF;
				margin:0px;
				border-right:1px solid #6db43b;
				padding:0 18px;
				font-family: 'MyriadPro-LightCond';
				font-size:15pt;
				letter-spacing:0.4pt;
				text-align:center;
			}
			
				.navbar .navbar-nav li:last-child a, .navbar .navbar-nav li.last a{
					border-right:none !important;
				}
			
				#wrapper .navbar-default .navbar-nav > .active > a, #wrapper .navbar-default .navbar-nav > li > a:hover,  #wrapper .navbar-default .navbar-nav > li > a:focus{
					color:#6db43b;
				}
				
			
			.navbar .navbar-nav .social{
				width:58px;
				float:right;
				margin:5px 10px 0 0;
			}
			
				.navbar .navbar-nav .social a{
					width:25px;
					height:25px;
					display:inline-block;
					vertical-align:top;
					text-align:left;
				}
				
				
					.navbar .navbar-nav .social a:hover img{
						opacity:0.5;
					}
				
				
				.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
					background:none !important;
					/*color:#FFF !important;*/
				}
				
				header .nav li .dropdown-menu{
					background:#333;
					padding:0px;
					margin-top:5px;
					width:auto;
				}
				
					header .nav li .dropdown-menu li:hover, header .nav li .dropdown-menu li a:hover{
						background:#6db43b;
					}
				
					header .nav li .dropdown-menu li{
						padding:0px;
					}
					
					header .nav li .dropdown-menu li a{
						padding:8px 16px;
						border-right:0px;
						text-align:left;
						border-bottom:1px solid #444;
					}
					
					header .nav li.active .dropdown-menu li a{
						color:#6db43b;
					}
				
				
	footer .widget a{
		color: #EEEEEE;
	}
	
	
	/* slide-home */
	
	.flex-caption{
		position:relative;
		width:580px;
	}
	
		.flex-caption{
			padding-bottom:30px;
			bottom: 0;
            /*height: 350px;*/
		}
		
		
		.flexslider .slides{
			min-height:380px;
		}
	
		#main-slider .flex-caption H3{
			font-size:32pt;
			margin-top:10px;
		}
		
			#main-slider .flex-caption H3 span{
				color:#FFF;
			}
		
	
		.flex-caption p, .flex-caption ul, .flex-caption li{
			font-size:15pt !important;
		}
		
			.flex-caption p, .flex-caption ul.desc{
				margin:0 0 25px;
			}
	
		
        .flex-caption li{
           list-style: none;  
        }
        
        
			.flex-caption p.desc{
				width:65%;
				line-height:115%;
                font-family: 'MyriadPro-SemiboldCond';
			}
			
				.flex-caption ul.desc {
				}
			
				.flex-caption ul.desc  li{
					list-style-type:disc;
					margin-left:15px;
					line-height:120%;
				}
			
			.flex-caption .btn{
				margin-top:-10px;
			}
		
			.flex-caption img{
				width:auto !important;
			}
			
                .slide-image{
					position:absolute;
					top:20px;
					right:-100px;
				}
            
				.ustensile {
					top: 35px;
					right: -110px;
				}
				
				.outils {
					top: 10px;
					right:-170px;
				}
				
				.puzzle {
					top: 45px;
					right:-160px;
				}
            
            .slide_logos_clients{
                  left:0px;
                  position: relative;
                  margin: 0 0 30px 0;
            }
			
            .flex-control-nav{
                    bottom: -10px;
            }
            
               #featured .flexslider{
                        background-color: transparent;
            }
				
				#main-slider .flex-caption H3.contact{
					color:#FFF;
					display:inline-block;
					font-size:24pt;
					background:#000;
					padding:4px 10px;
					margin:0px 0 -5px 15px;
				}
				
					.flex-caption H3.contact span a{
						color:#6db43b;
						font-family: 'MyriadPro-SemiboldCond';
						font-size:24pt;
						padding-left:15px;
						text-decoration: none;
						z-index:10000;
					}
					
						.flex-caption H4{
							text-transform:uppercase;
							font-family: 'MyriadPro-LightCond';
							font-size:18pt;
							font-style:normal;
							font-weight:normal;
						}
		
	#main-slider H3{
		font-size:25pt;
		color:#6db43b;
	}
	
	.background_slide{
		top: 0;
		left: 0;
		position:absolute;
		width:100%;
		max-width:100%;
		height:100%;
		max-height:100%;
		padding:0;
		margin:0;
		
		background-repeat:no-repeat; 
		background-position: top center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		z-index:10;
	}
	
	/* code FRED */
	
	#featured{
		position: absolute;
		height: 640px;
		width: 100%;
		margin: 0 auto 0 auto 0;
	}
	
	.home #featured .container{
		height: 100%;
		width: 100%;
		margin: 0 0;
	}
	
	#featured .slides{
		height:640px;
		width: 100%;
		margin: 0px;
		padding:0px;
	}
	
	/* ajout ALAIN */
	
	#featured .flexslider{
		margin:0px;
	}
	
		.flex-direction-nav a{
			top:50%;
		}
		
		.flex-control-nav {
			bottom: 10px;
		}
	
	
	
	/* home callaction */
	
	section#callaction{
		background:#161717;
		margin: 478px 0 0 0;
	}
	
		.box-gray{
			background:none;
		}
		
		
	.robot{
		padding-left:80px;
	}
	
		section#callaction h3.heading{
			color:#FFF;
		}

		
	section#callaction h4{
		color:#FFF;
		text-align:left;
		font-style:italic;
		margin:15px 0 10px;
		font-size:1.4em;
	}
	
		section#callaction h4 span{
			color:#6db43b;
		}
	
	section#callaction p{
		color:#FFF;
		text-align:justify;
		margin-bottom:15px;
	}
	
	section#callaction a.btn, section a.btn-theme, .btn-theme, .sidebar .btn-success{
		font-size:14pt;	
		padding:6px 12px;
		background:transparent;
		border:1px solid #6db43b;
		color:#6db43b;
		font-family: 'MyriadPro-Cond';
	}
	
		section#callaction a.btn{
			float:left;
		}
	
		section#callaction a.btn:hover, section a.btn-theme:hover, .btn-theme:hover, .sidebar .btn-succes:hover{
			background:#6db43b;
			font-weight:normal;
			color:#FFF;
		}
		
		
	/* home valeurs */
	
	#valeurs ul{
		min-height:140px;
	}
		
		
	/* contact */	
		
	#contact-shortcut{
		/*width:150px;
		height:240px;*/
		position:absolute;
		top:25px;
		right:-90px;
		-webkit-background-size:contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size:contain;
		z-index:5000;
}

    #contact-shortcut .question-text{
        float:left;
        width: 175px;
        height: 140px;
   		margin-top: -10px;
        position: relative;
        background:url('../img/contact_text.png') no-repeat center;
}

	#contact-shortcut .question-form{
        position: relative;
        margin : 50px 0 0 80px;
        width: 180px;
        height: 210px;
        background:url('../img/contact_form.png') no-repeat center;
        -webkit-transform: rotateZ(-10deg);
    	transform: rotateZ(-10deg);
    }
	
	/* page */
	
	.smartps_groupe{
		display:block;
		float:left;
		padding: 5px 0 0 0;
	}
	
		.smartps_groupe a{
			margin:0px 15px 0 0;
		}
	
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
		
		
		
	/* --- PAGE --- */
	
	.page #featured{
		background-color: rgba(0, 0, 0, 0.8);
		margin-top:-50px;
		height:50px;
		z-index: 0;
	}
	
		.page header .navbar{
			min-height: 250px;
		}
	
		.page #featured .row{
			margin-bottom:0px;
		}
	
		.page .flex-caption{
			background:none;
			padding:5px 0px;
			width:100%;
			margin:0px;
		}
		
			.page .flex-caption H3{
				float:right;
				font-size:20pt;
				margin:5px 0;
			}
			
				.page .flex-caption H3.contact span a{
					font-size:24pt;
				}
				
		
		/* content */
		
		.page-breadcrumb{
			text-transform:uppercase;
			margin-bottom:25px;
			font-size:15pt;
		}
		
			.page-breadcrumb A{
				color:#999;
			}
			
				.page-breadcrumb A:hover{
					color:#6db43b;
				}
				
			H2.page-title{
				text-transform:uppercase;
				vertical-align:text-bottom;	
				margin-bottom:40px;		
			}
				
			H2.page-title a:hover{
				text-decoration:none;
			}
				H2.page-title a:hover span{
					background:#666;
				}
				
			H2.page-title .title-parent, H2.page-title .title-child{
				color:#FFF;
				font-size:28pt;
				padding:8px 10px 4px;
			}
			
				H2.page-title .title-parent{
					background:#6db43b;
				}
				
				H2.page-title .title-child{
					background:#888;
				}
				
				
			#content h3, #content h4{
				color:#6db43b;
				text-transform:uppercase;
				font-weight:normal;
				font-family: 'MyriadPro-LightCond';
				line-height:100%;
			}
			
				#content h3{
					font-size:24pt;
				}
				
				#content h4{
					font-size:18pt;
					margin:10px 0;
				}
				
				span.highlight{
					background:#6db43b;
					color:#FFF !important;
					padding:4px 8px;
				}
				
				span.small{
					font-size:18pt;
				}
				
				
				#sidebar .call-newsletter{
					padding-right:0;
					float:none;
					width:100%;
				}
				
					hr{
						margin:40px 0 30px;
					}
				
					#sidebar .call-newsletter input{
						background:#EEE;
						vertical-align:middle;
						padding:8px 10px 4px 10px;
					}
					
			/* sidebar */
			
				.sidebar{
					background:#EEE;
					padding:40px 25px;
				}
				
					.sidebar h3{
						margin-top:0px;
					}
					
					.sidebar #formu_champs input{
						width:95% !important;
						padding:4px;
						margin-top:5px;
					}
					
						.sidebar #formu_champs #civ input{
							width:auto !important;
						}
					
					.sidebar .btn-success{
						margin-top:15px;
					}
					
		
	/* titles */
	
		h3.heading{
			font-size:26pt;
			margin-bottom:30px !important;
			text-transform:uppercase;
		}	
		
	/* sections */
	
	section{
		padding: 30px 0 30px 0;
		position: relative;
	}

		
	
	/* VALEURS */
	
	section#valeurs{
		
	}
	
		section#valeurs h4{
			text-transform:uppercase;
			font-weight:300 !important;
			margin:30px 0 10px;
			font-size:15pt;
		}
		
		.no-margin{
			margin-bottom:15px;
		}
		
		h3.heading span{
			padding:5px 10px 3px;
			background:#6db43b; 
			color:#FFF;
			margin-right:10px;
		}
		
		.center{
			text-align:center;
		}
		
		
	/* --- FILIALES --- */
	
	section#filiale{
		background:#222;
	}
	
		section#filiale .logo-list{
			background:none;
			margin-top:0px;
		}
		
			section#filiale .logo-list li{
				border-right:0;
			}
			
			section#filiale .logo-list li a img{
				width:100%;
			}
			
			section#filiale .logo-list li a:hover img{
				opacity:0.8;
			}
			
			

	/* --- PREFOOTER --- */		
		
	section#prefooter{
		background:#111;

	}
	
		section#prefooter h3.heading, section#filiale h3.heading{
			color:#fff;
			text-align:center;
		}
	
		section#prefooter h5{
			margin-bottom:5px;
			font-size:15pt;
		}
	
		section#prefooter p{
			/*font-size:13pt;*/
			line-height:120%;
			margin-bottom:15px;
		}
	
	
	.logo-list{
		display:table;
		padding:5px;
		background:#222;
		width:100%;
		margin:10px 0;
	}
	
		.logo-list.partenaires{
			width:32%;
			margin:10px auto;
		}
	
		.logo-list li{
			display:table-cell;
			padding:10px 15px;
			border-right:1px solid #666;
			text-align:center;
		}
		
			.logo-list li:last-child{
				border-right:0px;
			}
			
		.img-prefooter {
			position:relative;
		}
			
		.img-prefooter img{
			max-width: 100%;
    		height: auto;
		}
			
		.img-prefooter-legend{
			display:block;
			width:100%;
			position:absolute;
			left:0;
			bottom:0;
			background:rgba(0,0,0,0.5);
			padding:8px 0px 4px;
		}
		
			.img-prefooter-legend H3{
				color:#FFF;
				text-transform:uppercase;
				margin:5px 0;
				padding:0 15px 0;
			}
		
		
	/* form */
	
	#formu_champs input[type="text"]{
		min-width:200px !important;
		width:100%;
		margin:5px 0 10px;
		background-color:#FFF;
	}
	
	.display-none{
		display:none;
	}
		
		
		
		
	/* footer */
	
	footer{
		background: #535352 !important;
	}
	
		footer address{
			/*font-size:15pt;*/
			line-height:120%
		}
		
			footer .widget{
				font-size:15pt;
				text-transform:uppercase;
				color:#AAA;
				line-height:120% !important;
				font-style:normal !important;
			}
			
			footer .widget.small-case, .small-case{
				font-size:14pt;
			}
			
			
			
	
	/* RESPONSIVE */
	
	
	
	@media (max-width:1199px){
		
		.home .col-5{
			float:left;
		}

		
		.home .col-5 img, #prefooter .col-lg-8 img{
			max-width:100%;
		}
		
		#prefooter .col-lg-8{
			width:66.66666666666666%;
			float:left;
		}
		
		#prefooter .col-lg-4{
			width:33.33333333333333%;
			float:left;
		}	
	}
	
	
	@media (min-width:992px) and (max-width:1199px){
		
		#contact-shortcut{
			display:none !important;
		}
			
			#valeurs .row .col-lg-4{
				width: 33.33333333333333%;
    			float: left;
			}
			
				#valeurs .row .col-lg-4 img{
					width:100%;
				}
			
			.col-lg-6, #page-content{
				display:table;
				width:100%;
			}
			
			.navbar .navbar-nav li a{
				padding: 0px 15px;
				font-size: 14pt;
			}
			
			#sidebar{
				margin-top:30px;
			}
			
				.smartps_groupe{
					padding: 5px 0 0 0;
				}
				
				img.left{
					padding-right: 20px;
				}

				img.right{
					padding-left: 20px;
				}
			

	}
	
	
	@media (min-width:768px) and (max-width:991px){
		
		#contact-shortcut{
			display:none;
		}
		
		.home .col-5{
			width:33.33333333333333%;
			margin-bottom:30px;
		}
		
		.navbar-header{
			width:25%;
		}
		
		.navbar .nav.navbar-nav{
			padding: 3px 0 3px 10px;
		}
			
			header .navbar-collapse{
    			right: 0px;
			}
			
			.flex-caption{
				margin: 235px 13%;
			}
			
			.col-lg-6{
				display:table;
			}
			
			h3.heading{
				font-size:24pt;
			}
			
			#valeurs .col-lg-4{
				margin-bottom:25px;
			}
			
			#valeurs .col-lg-4 img{
				width:100%;
			}
			
			.flex-caption .smartps_groupe img{
				max-height: 23px;
			}
			
				.page .flex-caption H3{
					font-size: 16pt;
				}
			
				.smartps_groupe{
					padding: 15px 0 0 0;
				}
				
				.smartps_groupe a{
					margin: 0px 10px 0 0;
				}
				
					.page .flex-caption H3{
    					margin: 10px 0;
					}
				
					.page .flex-caption H3.contact span a{
						font-size: 16pt;
						padding-left: 5px;
					}
			
	}
	
	@media (max-width:767px){
		
			
	.navbar .nav.navbar-nav li a{
		border-bottom:1px solid #444;
	}
	
	.navbar-header{
		width: 35%;
	}
		
		.col-lg-6, .col-lg-12{
			clear:both;
			display:table;
			width:100%;
		}
		
			#valeurs .col-lg-4{
				margin-bottom:25px;
			}
		
		section#valeurs .row img{
			width:100%;
		}
		
		.robot{
			padding-left:0px;
		}
		
		#contact-shortcut{
			display:none;
		}
		
		.box{
			border-bottom:0px;
		}
		
		.container>.navbar-header{
			margin-left:0px;
		}
		
		.sidebar{
			margin-top:25px;
		}
		
		.page iframe{
			width:98%;
		}
		
		
		.col-lg-6{
			display:table;
		}
		
			h3.heading{
				font-size:20pt;
			}
			
			
		.flex-caption .smartps_groupe img{
				max-height: 22px;
			}
			
				.page .flex-caption H3{
					font-size: 13pt;
				}
			
				.smartps_groupe{
					padding: 10px 0 0 0;
				}
				
				.smartps_groupe a{
					margin: 0px 10px 0 0;
				}
				
					.page .flex-caption H3{
    					margin: 13px 0;
					}
				
					.page .flex-caption H3.contact span a{
						font-size: 13pt;
						padding-left: 5px;
					}
					
				img.left{
					padding-right: 20px;
				}		
			
	}	
			
			
	
	@media (max-width:480px){
		
		.navbar-header{
			width:50%;
		}
		
		.page section#featured{
			display:none;
		}
	
	#featured{
		z-index:-5;
	}
	
	section#callaction{
		margin: 160px 0 0 0;
	}
	
	h3.heading{
		text-align:center;
	}
	
		h3.heading span{ 
			display:block;
			margin-bottom: 10px;
		}
		
		#content img{
			width:100%;
		}
		
		.logo-list li{
			display:block;
		}
	
	}