body{
 overflow-x:hidden;margin:0;padding:0;position:relative;background:#000
}
#wrapper{
	position:relative;
	width:100%;
	overflow-x:hidden;
}
/*	-------
	CLASSES
	------- */

.align-center	{text-align:center}
.align-left		{text-align:left}
.align-right	{text-align:right}
.block			{display:block}
.inline-block	{display:inline-block}
.none			{display:none;}
.clear-both		{clear:both;}
.float-right	{float:right}
.float-left		{float:left}
.padding-0		{padding:0}


/*	-----
	LIENS
	----- */

a,a:visited,a:hover,a:active{
	text-decoration:none;
	color:#000;
}
/*
.desktop-menu a:hover,a:active{
	color:#e84e1b;
}*/
.pointer{
	cursor:pointer;
}


/*	----
	TYPO
	---- */

p,li{
	font-size:0.9375em;
	line-height:1.625em;
	color:#575756;
}
h1{
	color:#fff;
	font-size:2.5625em;
}
h2{
	font-size:2.1875em;
	font-weight:600;
}
h3{
	margin:0.375em 0 0.5em 0;
	font-size:1.625em;
	font-weight:400;
}
h4{
	color: #f41903;
	font-size: 0.9375em;
	line-height: 1.625em;
	font-weight: 600;
}
h6{
	color:#fff;
	font-size:1em;
}
i,.italic{
	font-style:italic;
}
b,.bold{
	font-weight:700;
}

strong,.semi-bold{
	font-weight:600;
}
sup{
	vertical-align: top; 
	position: relative; 
	top: -0.5em;
	font-size:0.625em;
}
.orange{
	color: #f41903 !important;
}
.orange-hover:hover{
	color: #999999 !important;
}
.white{
	color:#fff !important;
}
.black{
	color:#000 !important;
}


/*	--
	BG
	-- */

.main-bg{
	position: fixed;
	z-index: 0;
	width: 100%;
	height: 470px;
	top: 80px;
	overflow-x: hidden;
	background-position: center top;
	X-webkit-transform: translateZ(0);
	background-image: url(img/bg/cont-1024.png);
}
.main-bg-overlay{
	position:fixed;
	top:80px;
	right:0;
	z-index:0;
	width:100%;
	height:470px;
	top:80px;
	overflow-x:hidden;
	background:url("img/COMPROS-IMAGE-ALVEOLES-droite.png") right top no-repeat;
	opacity:0.95;
}
.bg-white{
	background-color:#fff;
}
.bg-black{
	background-color:#000 !important;
	color:#fff;
}
.bg-orange{
	background-color: #B30C00;
	color: #fff;
}
.bg-light-grey{
	background-color:#f5f5f5;
}
.bg-medium-grey{
	background-color:#ececec;
}
.bg-dark-grey{
	background-color:#575756;
}
.bg-black{
	background-color:#000;
}
.bg-transparent{
	Xbackground-color:transparent;
	color:#fff;
}
.bg-transparent p{
	color:#fff;
}
.btn-orange:hover{
	background-color: #FF0000;
}


/*	------
	HEADER
	------ */

.header-outer{
	z-index:100;
	position:fixed;
	width:100%;
	height:125px;
	background:transparent;
	top:0;
}
.header-inner{
	position:relative;
	width:100%;
	height:125px;
	background:url("img/COMPROS-image-menu-centre.png") left top no-repeat;
}
.header-side{
	position:absolute;
	top:0;
	height:125px;
	width:500%;
}
.header-right{
	right:-500%;
	background:url("img/COMPROS-image-menu-droite.png") top repeat-x;
}
.header-left{
	left:-500%;
	background:url("img/COMPROS-image-menu-gauche.png") top repeat-x;
}
.logo{
	position:absolute;
	left:45px;
	top:15px;
}
.header-inner nav.desktop-menu{
	position:absolute;
	right:1.4375em;
	top:30px;
}
.header-inner nav.desktop-menu a{
	padding: 1em 1.375em
}

ul.desktop-menu-list{
	display: none;
	z-index: 110;
	position: absolute;
	top: 26px;
	left: 185px;
}
.menu-service:hover ~ .desktop-menu-list,.desktop-menu-list:hover{
	display:inline;
}
.desktop-menu-list a{
	display:block;
	padding:1em 0;
	width:180px;
	color:#fff;
}
.desktop-menu-list-arrow{
	height:30px;
	padding:0;
	background:url("img/COMPROS-MENU-flamme.png") left bottom no-repeat;
}
.header-inner nav.mobile-menu{
	position:absolute;
	right:1em;
	top:22px;
}
.header-inner nav.mobile-menu a{
	display:block;
	width:40px;
	height:40px;
	background-position: center center;
	background-repeat:no-repeat;
	
}
.header-inner nav.mobile-menu a.closed{
	background-image:url("img/pictos/COMPROS-PICTO-MENU-1.png");
}
.header-inner nav.mobile-menu a.open{
	background-image:url("img/pictos/COMPROS-PICTO-MENU-2.png");
}
.mobile-menu-list{
	display:none;
	z-index:90;
	position:fixed;
	top:80px;
	width:100%;
}
.mobile-menu-list a{
	display:block;
	padding: 0.75em 1em;
	color:#fff;
}
.mobile-menu-list .submenu-trigger{
	background-position: 96% center;
	background-repeat:no-repeat;
}
.mobile-menu-list .closed{
	background-image:url("img/pictos/COMPROS-PICTO-MENU-plus.png");
}
.mobile-menu-list .open{
	background-image:url("img/pictos/COMPROS-PICTO-MENU-croix.png");
}
.mobile-menu-list li.service{
	display:none;
	color:#fff;
	background-image:url("img/pictos/COMPROS-PICTO-MENU-puce.png") ;
	background-position:20px 18px;
	background-repeat: no-repeat;
}
.mobile-menu-list li.service a{
	padding-left:2.5em;
}

/*	----------
	MAIN-TITLE
	---------- */

.main-title-section{
	position: relative;
	top: 250px;
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	height: 470px;
	z-index: 40;
}
.main-title{
	position:absolute;
	top:160px;
	left:40px;
}
.main-title h1{
	line-height:1.5em;
}
.main-title span{
	padding-left:0.25em;
	padding-right:0.25em;
}
.main-title-section h6{
	margin-left:108px;
}
.page-mobilbox .main-title-section h6,.page-404 .main-title-section h6,.page-403 .main-title-section h6{
	margin-left:0;
}
.page-mobilbox .contact{
	background-image:url("img/bg/mobilbox.jpg");
}
.page-garde-meubles .main-title-section h6{
	margin-top:15px;
	margin-left:0;
	line-height:1.5em;
}
.main-title-bg{
	position:absolute;
	bottom:0;
	width:100%;
	height:35px;
	background:url("img/COMPROS-image-vague-droite.png") right bottom no-repeat ;
}
.main-title-bg-right{
	position:absolute;
	bottom:0;
	width:500%;
	right:-500%;
	height:35px;
	background-color:#fff;
}
.main-title-section .grey{
	background:url("img/COMPROS-image-vague-droite-gris.png") right bottom no-repeat ;
}
.main-title-section .grey + div{
	background-color:#ececec;
}
.main-title-section .black{
	background:url("img/COMPROS-image-vague-droite-noir.png") right bottom no-repeat ;
}
.main-title-section .black + div{
	background-color:#000;
}


/*	-------
	SECTION
	------- */

section{
	z-index:50;
	position:relative;
	width:100%;
	padding:50px 0;
}
section.footer-line{
	padding-bottom:80px;
}
.inner{
	max-width:1200px;
	margin:0 auto;
}
section:first-of-type{
	margin-top:80px
}
section header{
	margin:0 10px;
}
section h2{
	min-height:80px;
	padding-bottom:80px;
	margin-bottom:10px;
	line-height:1.125em;
	text-align:center;
	text-transform:uppercase;
	background-position:center bottom;
	background-repeat:no-repeat;
}
.orange-line{
	background-image:url("img/COMPROS-separateur-11.png");
}
.white-line{
	background-image:url("img/COMPROS-separateur-12.png");
}
section.services p{
	padding:0 1.25em;
}
section.contact{
	position:relative;
	background-position: center bottom ;
	background-size:cover;
		z-index:40;
}
.contact .picto-container img{
	display:inline-block;
}
.contact .picto-container div{
	display:inline-block;
}
.contact .picto-container p{
	display:block;
	text-align:center !important;
}
.contact .picto-container h4{
	display:block;
	text-align:center !important;
}
.contact-overlay{
	position:absolute;
	bottom:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100%;
	background:url("img/COMPROS-IMAGE-ALVEOLES-gauche.png") left bottom no-repeat;
	opacity:0.4;
}
.contact-btn{
	display:inline-block;
	height:3.125em;
	line-height:3.125em;
	width:200px;
	color:#fff;
	Xmargin-bottom:1.625em;
}
.contact-arrow{
	display:inline-block;
	vertical-align:top;
	margin-left:2px;
	width:50px;
	height:3.125em;
	background-image:url("img/pictos/COMPROS-PICTO-BOUTON-fleche.png"); 
	background-position:center center;
	background-repeat:no-repeat;
}
.mobilbox{
	padding:160px 10px 0 10px;
}
.mobilbox a{
	display:inline-block;
	height:60px;
	line-height:60px;
	width:240px;
	font-size:1.25em;
}
.mobilbox a.arrow{
	display:inline-block;
	margin-left:-2px;
	vertical-align:top;
	height:60px;
	width:60px;
	background-image:url("img/pictos/COMPROS-PICTO-BOUTON-fleche.png"); 
	background-position:center center; 
	background-repeat:no-repeat;
}
.mobilbox-btn-hover:hover a,.contact-btn-hover:hover a,.contact-btn-hover:hover input{
	background-color: #f41903;
	color: #fff;
}
.page-mobilbox .main-bg,.page-mobilbox .main-title-section{height:640px}
section.contact h4,section.contact p{
	text-align:left;
}
section.contact img{
	margin-bottom:0.9375em;
}
section.compros-en-chiffres .grid-container div{
	background:url("img/pictos/COMPROS-PICTO-presentation-chiffre.png") center top no-repeat;
}
section.compros-en-chiffres .grid-container div	div{
	position:relative;
	height:160px;
	line-height:160px;
	font-size:1.875em;
}
.list li{
	background : url("img/pictos/COMPROS-PICTO-puce-grande.png") 0 5px no-repeat;
	padding:5px 20px 15px 36px;
}
.list li:last-child{
	padding-bottom:0;
}
.list li ul{margin-top:15px;}
.list li li{background : url("img/pictos/COMPROS-PICTO-puce-petite.png") 0px 11px no-repeat;padding-left:25px}
section.securite .grid-container div:first-child{
	border-right:2px dotted #ddd;
}
.footer{
	z-index:50;
	position:relative;
	width:100%;
	padding:18px 60px;
	margin:0;
	font-size:0.9375em;
	line-height:1.75em;
}
.footer a{
	padding:0 8px;
	color:#ccc;
}
.footer a:hover{
	color:#fff;
}
.scroll-to-top-btn{
	z-index:100;
	position:fixed;
	bottom:8px;
	right:8px;
	height:44px;
	width:44px;
	background-image:url("img/pictos/COMPROS-PICTO-ascenseur.png");
}
#map-container{height:470px;width:100%;position:fixed;top:80px;}
#map{height:470px;width:100%;}
/*	--------
	TABLEAUX
	-------- */

table#pourquoi-compros td{
	height:90px;
	padding-bottom:2em;
}
#pourquoi-compros td:first-child{
	vertical-align: top;
	background-repeat:no-repeat;
	
}
#pourquoi-compros tr:last-child td:last-child{
	padding-bottom:0;
}
#pourquoi-compros td img{
	display:block;
	margin:0 auto;
	padding-bottom:0.5em;
}

#prensa-compros td:first-child{
	vertical-align:middle;
	background-repeat:no-repeat;
}
#prensa-compros tr:last-child td:last-child{
	padding-bottom:0;
}
#prensa-compros td img{
	display:block;
	margin:0 auto;
}
#a td:first-child{background-image:url("img/pictos/COMPROS-PICTO-presentation-experience-1.png");}
#b td:first-child{background-image:url("img/pictos/COMPROS-PICTO-presentation-securite-1.png");}
#c td:first-child{background-image:url("img/pictos/COMPROS-PICTO-presentation-service-1.png");}
#d td:first-child{background-image:url("img/pictos/COMPROS-PICTO-presentation-reactivite-1.png");}

/*	--------------
	PAGE D'ACCUEIL
	--------------  */ 

	.services .grid-container div{
		padding:0;
	}
	.services .grid-container div span{
		width:29px;
		height:29px;
		vertical-align:-10px;
		margin-left:5px;
		background-image:url("img/pictos/COMPROS-PICTO-accueil-plus-01.png");
	}
	.services .grid-container div:hover span{
		background-image:url("img/pictos/COMPROS-PICTO-accueil-plus-02.png");
	}

/*	-------------
	PAGE MOBILBOX
	-------------  */ 

	#video{
		display: none;
		position:fixed;
		top:0;left:0;
		height:100%;
		width:100%;
		padding:130px 0;
		z-index:200;
		background:transparent url("img/bg/opa-2.png");
	}
	.video-container{
		position:relative;
		height:100%;
		width:100%;
		text-align:center;
	}
	.video-container div{
		display:inline-block;
		position:relative;
		margin:0 auto;
	}
	.main-bg-overlay{
		height:640px;
		background-image:url("img/COMPROS-IMAGE-ALVEOLES-droite-03.png");
	}
	.close-video{
		position:absolute;
		display:block;
		height:50px;
		line-height:50px;
		padding:0 40px;
		top:-50px;
		right:10px;
		background-image:url("img/pictos/COMPROS-PICTO-MOBILBOX-fermer-01.png");
		background-repeat:no-repeat;
		background-position:right center;
	}
	.close-video:hover{
		background-image:url("img/pictos/COMPROS-PICTO-MOBILBOX-fermer-02.png")
	}


/*	------------
	PAGE CONTACT 
	------------  */ 

	form div{
		margin-bottom:0.9375em;
	}
	label{
		display:block;
		line-height:1.5em;
	}
	input,textarea{
		width:100%;
		border:1px solid #ccc;
		border-radius:5px;
		font-size:0.8125em;
	}
	input{
		height:40px;
		padding:0 30px 0 10px;
	}
	textarea{
		height:100px;
		padding:10px;
	}
	input[type=submit]{
		border:0;border-radius:0;height:50px;
		font-size:1.125em;
		text-align:center;
		padding:0;
	}
	.field.invalid input, .field.invalid textarea { 
		border: 1px solid #e84e1b; 
		background:url("img/pictos/COMPROS-PICTO-contact-info.png") 98% 5px no-repeat 
	}
	.page-contact .picto-container{
		margin-bottom:35px;
	}
	.page-contact .picto-container:last-child{
		margin-bottom:0;
	}
	.page-contact .picto-container img{
		display:inline-block;
	}
	.page-contact .picto-container span{
		display:inline-block;
		text-align:left;
	}

/*	-------------
	PAGE ARCHIVES 
	-------------  */ 

	.slider-archives-pictos div{
		padding:0;
		position:relative;
	}
	.slider-archives-pictos div div{
		height:150px;
		width:150px;
		margin:0 auto;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
	}
	.slider-archives-pictos .slide-arrow{
		display:block;
		position:absolute;
		right:-6%;
		top:24%;
		width:20px;
		height:40px;
		background-image:url("img/slider-arrow-02.png");
	}
	.slider-archives-pictos .pic-0 div							{
	background-image: url(img/pictos/COMPROS-PICTO-archives-diagnostic-1.png);
}
	.slider-archives-pictos .pic-0:hover div,.pic-0 div.active	{
	background-image: url(img/pictos/COMPROS-PICTO-archives-diagnostic-2.png);
}
	.slider-archives-pictos .pic-1 div							{
	background-image: url(img/pictos/COMPROS-PICTO-archives-transport-1.png);
}
	.slider-archives-pictos .pic-1:hover div,.pic-1 div.active	{
	background-image: url(img/pictos/COMPROS-PICTO-archives-transport-2.png);
}
	.slider-archives-pictos .pic-5 div							{
	background-image: url(img/pictos/COMPROS-PICTO-firewall-1.png);
}
	.slider-archives-pictos .pic-5:hover div,.pic-5 div.active	{
	background-image: url(img/pictos/COMPROS-PICTO-firewall-2.png);
}
	.slider-archives-pictos .pic-15 div							{
	background-image: url(img/pictos/windows-1.png);
}
	.slider-archives-pictos .pic-15:hover div,.pic-15 div.active	{
	background-image: url(img/pictos/windows-2.png);
}
	.slider-archives-pictos .pic-25 div							{
	background-image: url(img/pictos/perform-1.png);
}
	.slider-archives-pictos .pic-25:hover div,.pic-25 div.active	{
	background-image: url(img/pictos/perform-2.png);
}
	.slider-archives-pictos .pic-26 div							{
	background-image: url(img/pictos/service-1.png);
}
	.slider-archives-pictos .pic-26:hover div,.pic-26 div.active	{
	background-image: url(img/pictos/service-2.png);
}
	.slider-archives-pictos .pic-27 div							{
	background-image: url(img/pictos/database-1.png);
}
	.slider-archives-pictos .pic-27:hover div,.pic-27 div.active	{
	background-image: url(img/pictos/database-2.png);
}
	.slider-archives-pictos .pic-28 div							{
	background-image: url(img/pictos/cumplir-1.png);
}
	.slider-archives-pictos .pic-28:hover div,.pic-28 div.active	{
	background-image: url(img/pictos/cumplir-2.png);
}
	.slider-archives-pictos .pic-16 div							{
	background-image: url(img/pictos/exchange-1.png);
}
	.slider-archives-pictos .pic-16:hover div,.pic-16 div.active	{
	background-image: url(img/pictos/exchange-2.png);
}
	.slider-archives-pictos .pic-17 div							{
	background-image: url(img/pictos/sql-1.png);
}
	.slider-archives-pictos .pic-17:hover div,.pic-17 div.active	{
	background-image: url(img/pictos/sql-2.png);
}
	.slider-archives-pictos .pic-18 div							{
	background-image: url(img/pictos/files-1.png);
}
	.slider-archives-pictos .pic-18:hover div,.pic-18 div.active	{
	background-image: url(img/pictos/files-2.png);
}
	.slider-archives-pictos .pic-19 div							{
	background-image: url(img/pictos/virtual-1.png);
}
	.slider-archives-pictos .pic-19:hover div,.pic-19 div.active	{
	background-image: url(img/pictos/virtual-2.png);
}
	.slider-archives-pictos .pic-6 div							{
	background-image: url(img/pictos/ens-1.png);
}
	.slider-archives-pictos .pic-6:hover div,.pic-6 div.active	{
	background-image: url(img/pictos/ens-2.png);
}
	.slider-archives-pictos .pic-35 div							{
	background-image: url(img/pictos/save-1.png);
}
	.slider-archives-pictos .pic-35:hover div,.pic-35 div.active	{
	background-image: url(img/pictos/save-2.png);
}
.slider-archives-pictos .pic-45 div							{
	background-image: url(img/pictos/content-1.png);
}
	.slider-archives-pictos .pic-45:hover div,.pic-45 div.active	{
	background-image: url(img/pictos/content-2.png);
}
.slider-archives-pictos .pic-46 div							{
	background-image: url(img/pictos/adminm-1.png);
}
	.slider-archives-pictos .pic-46:hover div,.pic-46 div.active	{
	background-image: url(img/pictos/adminm-2.png);
}
.slider-archives-pictos .pic-47 div							{
	background-image: url(img/pictos/admina-1.png);
}
	.slider-archives-pictos .pic-47:hover div,.pic-47 div.active	{
	background-image: url(img/pictos/admina-2.png);
}
.slider-archives-pictos .pic-48 div							{
	background-image: url(img/pictos/arroba-1.png);
}
	.slider-archives-pictos .pic-48:hover div,.pic-48 div.active	{
	background-image: url(img/pictos/arroba-2.png);
}
.slider-archives-pictos .pic-55 div							{
	background-image: url(img/pictos/wifi-1.png);
}
	.slider-archives-pictos .pic-55:hover div,.pic-55 div.active	{
	background-image: url(img/pictos/wifi-2.png);
}
.slider-archives-pictos .pic-56 div							{
	background-image: url(img/pictos/wifilocate-1.png);
}
	.slider-archives-pictos .pic-56:hover div,.pic-56 div.active	{
	background-image: url(img/pictos/wifilocate-2.png);
}
.slider-archives-pictos .pic-57 div							{
	background-image: url(img/pictos/wips-1.png);
}
	.slider-archives-pictos .pic-57:hover div,.pic-57 div.active	{
	background-image: url(img/pictos/wips-2.png);
}
.slider-archives-pictos .pic-65 div							{
	background-image: url(img/pictos/iso-1.png);
}
	.slider-archives-pictos .pic-45:hover div,.pic-45 div.active	{
}
.slider-archives-pictos .pic-66 div							{
	background-image: url(img/pictos/ens-1.png);
}
	.slider-archives-pictos .pic-66:hover div,.pic-66 div.active	{
	background-image: url(img/pictos/ens-2.png);
}
.slider-archives-pictos .pic-7 div							{
	background-image: url(img/pictos/COMPROS-PICTO-doble-1.png);
}
	.slider-archives-pictos .pic-7:hover div,.pic-7 div.active	{
	background-image: url(img/pictos/COMPROS-PICTO-doble-2.png);
}
.slider-archives-pictos .pic-8 div							{
	background-image: url(img/pictos/COMPROS-PICTO-nac-1.png);
}
	.slider-archives-pictos .pic-8:hover div,.pic-8 div.active	{
	background-image: url(img/pictos/COMPROS-PICTO-nac-2.png);
}
.slider-archives-pictos .pic-9 div							{
	background-image: url(img/pictos/COMPROS-PICTO-mail-1.png);
}
	.slider-archives-pictos .pic-9:hover div,.pic-9 div.active	{
	background-image: url(img/pictos/COMPROS-PICTO-mail-2.png);
}
	.slider-archives-pictos .pic-2 div							{background-image:url("img/pictos/COMPROS-PICTO-archives-stockage-1.png");}
	.slider-archives-pictos .pic-2:hover div,.pic-2 div.active	{background-image:url("img/pictos/COMPROS-PICTO-archives-stockage-2.png");}
	.slider-archives-pictos .pic-3 div							{background-image:url("img/pictos/COMPROS-PICTO-archives-consultation-1.png");}
	.slider-archives-pictos .pic-3:hover div,.pic-3 div.active	{background-image:url("img/pictos/COMPROS-PICTO-archives-consultation-2.png");}
	.slider-archives-pictos .pic-4 div							{background-image:url("img/pictos/COMPROS-PICTO-archives-recyclage-1.png");}
	.slider-archives-pictos .pic-4:hover div,.pic-4 div.active	{background-image:url("img/pictos/COMPROS-PICTO-archives-recyclage-2.png");}
	
	.slider-archives-textes .tab{
		display:none;
		padding:20px;
		margin-top:25px;
	}
	.slider-archives-pictos .active,.slider-archives-textes .active{
		display:block;
	}
	.slider-archives-textes .tab h3{
		text-align:center;
	}
	.slider-archives-btn .btn{
		display:inline-block;
		position:relative;
		height:50px;
		width:50px;
	}
	.slider-archives-btn .btn img{
		position:absolute;
		top:5px;
		left:5px;
	}

	/* TABLET + MOBILE */

	@media screen and (max-width: 1024px) {
		.slider-archives-pictos .slide-arrow{
			display:none;
		}
		.slider-archives-textes .tab{
			margin-top:0;
			margin-bottom:0;
		}
		.slider-archives-btn{
			margin-top:10px;
		}
	}










/*	-------------
	MEDIA QUERIES
	------------- */

/* HORIZONTAL SCREEN */

@media screen and (max-height: 450px) {
	a.logo img{
		width:200px;
	}
	.header-inner{
		background:#fff;
		height:80px;
		box-shadow:0 0 5px #333;
	}
	.main-title-bg{
		background:none;
	}
	.hide-on-mobile-h{
		display:none;
	}
	.mobile-menu-list li.service{
		float:left;
		width:50%;
	}
}


/* MOBILE ONLY*/


@media screen and (max-width: 720px) {
	
	.main-bg-overlay{
		display:none;
	}
	.main-bg{
		z-index:-1;
		-webkit-transform: translateZ(0);
	}
	a.logo img{
		width:200px;
	}
	.header-outer{
		height:80px;
	}
	.header-inner{
		background:#fff;
		height:80px;
		box-shadow:0 0 5px #333;
	}
	.main-title-bg{
		display:none;
	}
	.main-title-section h6{
		margin-left:0px;
	}
	section:first-of-type{
		margin-top:40px
	}
	section.securite .grid-container div:first-child{
		border-right:0;
	}
	.main-bg,.main-title-section{
		height:360px;
	}
	.main-title{
		padding:0 10px;
		top:80px;
		left:0;
	}
	.main-title-section{
		
	}
	.main-title-section h1{
		font-size: 1.9375em;
		line-height:1.5em;
	}
	.main-title-section h6{
		font-size:1em;
	}
	.page-conteneurs .main-title{
		top:20px;
	}
	.page-garde-meubles .main-title-section h1{
		line-height:1.375em;
	}
	.basic-grid .mobile-grid-100{
		margin-bottom:50px;
	}
	.basic-grid .mobile-grid-100:last-child{
		margin-bottom:0;
	}
	.slider-archives-pictos div div{width:60px;height:60px;}
	.slider-archives-pictos h3,.slider-archives-pictos span{display:none}
	#map-container{height:360px;width:100%;position:fixed;top:80px;}
	#map{height:360px;width:100%;}

	.page-mobilbox .main-bg,.page-mobilbox .main-title-section{height:420px}
	.page-mobilbox .main-title-section{top:30px;}
	
	.mobilbox{
		padding:65px 10px 0 10px;
		line-height:
	}
	.mobilbox h6{
		margin-bottom:10px;
	}
	.mobilbox h1{
		line-height:1em
	}
	.mobilbox a{
		display:inline-block;
		height:50px;
		line-height:50px;
		width:220px;
		font-size:1.125em;
	}
	.mobilbox a.arrow{
		display:inline-block;
		margin-left:-2px;
		vertical-align:top;
		height:50px;
		width:50px;
		background-image:url("img/pictos/COMPROS-PICTO-BOUTON-fleche.png"); 
		background-position:center center; 
		background-repeat:no-repeat;
	}
	section.footer,.footer a{
		font-size:0.8125em !important;
		padding-left:0 !important;
		padding-right:0 !important;
	}
}

	
/* TABLET ONLY*/ 

@media screen and (min-width: 721px) and (max-width: 1024px){
	
	.basic-grid .tablet-grid-50{
		margin-bottom:40px;
	}
	.basic-grid .tablet-grid-50:last-child,.basic-grid .tablet-grid-50:nth-last-child(2){
		margin-bottom:0;
	}
	.slider-archives-pictos div div{width:120px;height:120px}
	.slider-archives-pictos h3,.slider-archives-pictos span{display:none;}
}

/* TABLET + MOBILE */
@media screen and (max-width: 1024px) {

	
	a.logo{
		left:1.25em;
	}
	.page-contact .picto-container span,.contact .picto-container div{
		display:block;
		text-align:center;
	}
	#pourquoi-compros td:first-child{
		background-position:-5px top;
		/*width:120px*/
	}

	/* PROVISOIRE !!!!!!!!!!!!!!!! */

	.mobile-margin-bottom{margin-bottom:50px;}
	.mobile-margin-top{margin-top:6.25em;}
}


/* MOBILE */
@media screen and (max-width: 720px) {
	.page-accueil .main-bg,.page-accueil .contact{background-image:url("img/bg/nature-720.jpg");}
	.page-empleo .main-bg,.page-empleo .contact{
	background-image: url("img/bg/empleo-720.png");}
	.page-press .main-bg,.page-press .contact{
	background-image: url("img/bg/prensa-720.jpg");}
	.page-iso .main-bg,.page-iso .contact{
	background-image: url("img/bg/iso-720.png");}
	.page-backup .main-bg,.page-backup .contact{background-image:url("img/bg/cont-720.png");}
	.page-wifi .main-bg,.page-wifi .contact{background-image:url("img/bg/wifi-720.png");}
	.page-monitor .main-bg,.page-monitor .contact{background-image:url("img/bg/monitoriza-720.png");}
	.page-blind .main-bg,.page-blind .contact{background-image:url("img/bg/blind-720.jpg");}
	.page-infra .main-bg,.page-infra .contact{background-image:url("img/bg/net-720.jpg");}
	.page-audit .main-bg,.page-audit .contact{background-image:url("img/bg/see-720.png");}
	.page-archives .main-bg,.page-archives .contact{background-image:url("img/bg/archives-720.jpg");}
	.page-conteneurs .main-bg,.page-conteneurs .contact{background-image:url("img/bg/conteneurs-720.jpg");}
	.page-garde-meubles .main-bg,.page-garde-meubles .contact{background-image:url("img/bg/garde-meubles-720.jpg");}
	.page-presentation .main-bg,.page-presentation .contact{background-image:url("img/bg/teide-720.jpg");}
	.page-mobilbox .main-bg,.page-mobilbox .contact{background-image:url("img/bg/mobilbox-720.jpg");}
	.page-404 .main-bg,.page-404 .contact{background-image:url("img/bg/404-720.jpg");}
	.page-403 .main-bg,.page-403 .contact{background-image:url("img/bg/403-720.jpg");}
}

/* TABLET */
@media screen and (min-width: 721px) and (max-width: 1024px){
	.page-accueil .main-bg,.page-accueil .contact{
	background-image: url("img/bg/nature.jpg");
}
.page-iso .main-bg,.page-iso .contact{
	background-image: url("img/bg/iso-1024.png");}
	.page-backup .main-bg,.page-backup .contact{
	background-image: url("img/bg/cont-1024.png");
}
	.page-empleo .main-bg,.page-empleo .contact{
	background-image: url("img/bg/empleo-1024.png");
}
	.page-press .main-bg,.page-press .contact{
	background-image: url("img/bg/prensa-1024.jpg");
}

.page-wifi .main-bg,.page-wifi .contact{
	background-image: url("img/bg/wifi-1024.png");
}
	.page-monitor .main-bg,.page-monitor .contact{background-image:url("img/bg/monitoriza-1024.png");}
	.page-archives .main-bg,.page-archives .contact{background-image:url("img/bg/archives-1024.jpg");}
	.page.blind .main-bg,.page-blind .contact{background-image:url("img/bg/blind-1024.jpg");}
	.page-audit .main-bg,.page-audit .contact{
	background-image: url("img/bg/see-1024.png");
}
	.page-infra .main-bg,.page-infra .contact{
	background-image: url("img/bg/net-1024.jpg");
}
	.page-conteneurs .main-bg,.page-conteneurs .contact{background-image:url("img/bg/conteneurs-1024.jpg");}
	.page-garde-meubles .main-bg,.page-garde-meubles .contact{background-image:url("img/bg/garde-meubles-1024.jpg");}
	.page-presentation .main-bg,.page-presentation .contact{background-image:url("img/bg/teide-1024.jpg");}
	.page-mobilbox .main-bg,.page-mobilbox .contact{background-image:url("img/bg/mobilbox-1024.jpg");}
	.page-404 .main-bg,.page-404 .contact{background-image:url("img/bg/404-1024.jpg");}
	.page-403 .main-bg,.page-403 .contact{background-image:url("img/bg/403-1024.jpg");}
}

/* DESKTOP */
@media screen and (min-width: 1025px) and (max-width: 1920px){
	.page-wifi .main-bg,.page-wifi .contact{background-image:url("img/bg/wifi-1920.png");}
	.page-iso .main-bg,.page-iso .contact{
	background-image: url("img/bg/iso-1920.png");}
	.page-empleo .main-bg,.page-empleo .contact{
	background-image: url("img/bg/empleo-1920.png");}
	.page-press .main-bg,.page-press .contact{
	background-image: url("img/bg/prensa-1920.jpg");}
	.page-accueil .main-bg,.page-accueil .contact{background-image:url("img/bg/nature-1920-2.jpg");}
	.page-backup .main-bg,.page-backup .contact{background-image:url("img/bg/cont-1920.png");}
	.page-monitor .main-bg,.page-monitor .contact{background-image:url("img/bg/monitoriza-1920.png");}
	.page-blind .main-bg,.page-blind .contact{background-image:url("img/bg/blind-1920.jpg");}
	.page-audit .main-bg,.page-audit .contact{background-image:url("img/bg/see-1920.png");}
	.page-infra .main-bg,.page-infra .contact{background-image:url("img/bg/net-1920.jpg");}
	.page-archives .main-bg,.page-archives .contact{background-image:url("img/bg/archives-1920.jpg");}
	.page-conteneurs .main-bg,.page-conteneurs .contact{background-image:url("img/bg/conteneurs-1920.jpg");}
	.page-garde-meubles .main-bg,.page-garde-meubles .contact{background-image:url("img/bg/garde-meubles-1920.jpg");}
	.page-presentation .main-bg,.page-presentation .contact{background-image:url("img/bg/teide-1920.jpg");}
	.page-mobilbox .main-bg,.page-mobilbox .contact{background-image:url("img/bg/mobilbox-1920.jpg");}
	.page-404 .main-bg,.page-404 .contact{background-image:url("img/bg/404-1920.jpg");}
	.page-403 .main-bg,.page-403 .contact{background-image:url("img/bg/403-1920.jpg");}
}

/* LARGER */
@media screen and (min-width: 1921px){
	.page-wifi .main-bg,.page-wifi .contact{background-image:url("img/bg/wifi-2800.png");}
	.page-empleo .main-bg,.page-empleo .contact{
	background-image: url("img/bg/empleo-2800.png");}
	.page-press .main-bg,.page-press .contact{
	background-image: url("img/bg/prensa-2800.jpg");}
	.page-iso .main-bg,.page-iso .contact{
	background-image: url("img/bg/iso-2800.png");}
	.page-infra .main-bg,.page-infra .contact{background-image:url("img/bg/net-2800.jpg");}
	.page-backup .main-bg,.page-backup .contact{background-image:url("img/bg/cont-2800.png");}
	.page-monitor .main-bg,.page-monitor .contact{background-image:url("img/bg/monitoriza-2800.png");}
	.page-blind .main-bg,.page-blind .contact{background-image:url("img/bg/blind-2800.jpg");}
	.page-audit .main-bg,.page-audit .contact{background-image:url("img/bg/see-2800.png");}
	.page-accueil .main-bg,.page-accueil .contact{background-image:url("img/bg/accueil-2800.jpg");}
	.page-archives .main-bg,.page-archives .contact{background-image:url("img/bg/archives-2800.jpg");}
	.page-conteneurs .main-bg,.page-conteneurs .contact{background-image:url("img/bg/conteneurs-2800.jpg");}
	.page-garde-meubles .main-bg,.page-garde-meubles .contact{background-image:url("img/bg/garde-meubles-2800.jpg");}
	.page-presentation .main-bg,.page-presentation .contact{background-image:url("img/bg/teide-2800.jpg");}
	.page-mobilbox .main-bg,.page-mobilbox .contact{background-image:url("img/bg/mobilbox-2800.jpg");}
	.page-403 .main-bg,.page-403 .contact{background-image:url("img/bg/403-2800.jpg");}
	.page-404 .main-bg,.page-404 .contact{background-image:url("img/bg/404-2800.jpg");}
	.main-bg,.main-title-section,.main-bg-overlay{height:600px}
	.main-bg-overlay{background:url("img/COMPROS-IMAGE-ALVEOLES-droite-03.png") right top no-repeat;}

}

@media screen and (min-width: 1025px){
	/* BUMP */

	.bump{
		cursor:pointer;
		
		-webkit-transform: scale(0.87); 
		-moz-transform: scale(0.87); 
		-ms-transform: scale(0.87); 
		-o-transform: scale(0.87); 
		transform: scale(0.87);

		-webkit-transition: all .5s cubic-bezier( .6, 2, .4, 1); 
		-moz-transition: all .5s cubic-bezier( .6, 2, .4, 1); 
		-ms-transition: all .5s cubic-bezier( .6, 2, .4, 1); 
		-o-transition: all .5s cubic-bezier( .6, 2, .4, 1); 
		transition: all .5s cubic-bezier( .6, 2, .4, 1);
		
	}
	.services .grid-container div:hover .bump,.bump:hover{
		-webkit-transform: scale(1); 
		-moz-transform: scale(1); 
		-ms-transform: scale(1);
		-o-transform: scale(1); 
		transform: scale(1);
	}
}


/* VISIBLE */

/*
.come-in {
	-webkit-transform: translateX(150px);
	-webkit-animation: come-in 0.8s ease forwards;
	-moz-transform: translateX(150px);
	-moz-animation: come-in 0.8s ease forwards;
	transform: translateX(150px);
	animation: come-in 0.8s ease forwards;
}
.come-in:nth-child(odd) {
	-webkit-animation-duration: 0.6s;
	-moz-animation-duration: 0.6s;
	animation-duration: 0.6s;
}
.already-visible {
	-webkit-transform: translateX(0);
	-webkit-animation: none;
	-moz-transform: translateX(0);
	-moz-animation: none;
	transform: translateX(0);
	animation: none;
}
@-webkit-keyframes come-in {
  to {  -webkit-transform: translateX(0);    
  }
}
@-moz-keyframes come-in {
  to {  -moz-transform: translateX(0);    
  }
@keyframes come-in {
  to {transform: translateX(0); }
}
*/
.come-in,.come-in-onload{
	visibility: hidden;
}
.come-in-left {
	-webkit-transform: translateX(-50px);
	-webkit-animation: come-in 1.2s ease-out forwards;
	-moz-transform: translateX(-50px);
	-moz-animation: come-in 1.2s ease-out forwards;
	transform: translateX(-50px);
	animation: come-in 1.2s ease-out forwards; 
}
.come-in-left:nth-child(odd) {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
}
.come-in-right {
	-webkit-transform: translateX(50px);
	-webkit-animation: come-in 1.2s ease-out forwards;
	-moz-transform: translateX(50px);
	-moz-animation: come-in 1.2s ease-out forwards;
	transform: translateX(50px);
	animation: come-in 1.2s ease-out forwards; 
}
.come-in-right:nth-child(odd) {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
}
.already-visible {
	-webkit-transform: translateX(0);
	-webkit-animation: none;
	-moz-transform: translateX(0);
	-moz-animation: none;
	transform: translateX(0);
	animation: none;
}
@-webkit-keyframes come-in {
	to { -webkit-transform: translateX(0);	}
}
@-moz-keyframes come-in {
	to { -moz-transform: translateX(0); }
}
@keyframes come-in {
	to { transform: translateX(0); }
}












/*WAVES*/


section footer{
	position:absolute;
	bottom:0;
	height:80px;
	width:100%;
	background-position:center center;
	background-repeat:no-repeat;

}
section footer.bottom-wave{
	bottom:-35px;
	height:35px;
}
section footer div:first-child{
	height:80px;
	position:relative;	
	background-repeat:no-repeat;
}
section footer.bottom-wave div:first-child{
	height:35px;
}
section footer.right-wave div:first-child{
	background-position:right bottom;
}
section footer.left-wave div:first-child{
	background-position:left bottom;
}

section footer.white-right-wave div:first-child			{background-image:url("img/COMPROS-image-vague-droite.png");}
section footer.grey-right-wave div:first-child			{background-image:url("img/COMPROS-image-vague-droite-gris.png");}
section footer.grey-left-wave div:first-child			{background-image:url("img/COMPROS-image-vague-gauche-gris.png");}
section footer.white-right-bottom-wave div:first-child	{background-image:url("img/COMPROS-image-vague-bas-droite.png");}
section footer.grey-right-bottom-wave div:first-child	{background-image:url("img/COMPROS-image-vague-bas-droite-gris.png");}
section footer.grey-left-bottom-wave div:first-child	{background-image:url("img/COMPROS-image-vague-bas-gauche-gris.png");}

section footer .inner div{
	height:35px;
	position:absolute;
	bottom:0;
	width:500%;
}
section footer.right-wave .inner div{
	right:-500%;
}
section footer.left-wave .inner div{
	left:-500%;
}