/* Body */
* {-moz-box-sizing: border-box; box-sizing: border-box;}


body{

	background-color: #FFF;				
	font-family: 'Open Sans', sans-serif;	
	font-size: 11pt;						
	margin: auto;
	z-index: -50;			
}

*{padding:0;margin:0;}

/* Selection */
::selection{
	background-color: #f86f00;				
	color: #FFFFFF;							
}

::-moz-selection{
	background-color: #f86f00;				
	color: #FFFFFF;							
}

a{
	text-decoration: none;
}

/* Fonts */
@font-face {
  font-family: 'Lobster';					
  src: url('../images/icons/lobster.otf');
}

/* Icon */
@font-face {
  font-family: 'fontello';
  src: url('../images/icons/fontello.eot?52469840');
  src: url('../images/icons/fontello.eot?52469840#iefix') format('embedded-opentype'),
       url('../images/icons/fontello.woff?52469840') format('woff'),
       url('../images/icons/fontello.ttf?52469840') format('truetype'),
       url('../images/icons/fontello.svg?52469840#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
}

#evolve-your-business{padding: 10px;}
#request-in-real-time{padding: 10px;}
#join-the-expert-network{padding: 10px;}
#free-regsitration{padding: 10px;}

.icon-search:before { content: '\e805'; padding-right: 10px; }
.icon-menu:before { content: '\e806'; }
.icon-s-facebook:before { content: '\e807'; float: right; padding: 5px 9px; border:2px solid #FFF; margin-right: 10px; border-radius: 50%; }
.icon-s-flickr:before { content: '\e808'; float: right; padding: 5px 6px; border:2px solid #FFF; margin-right: 10px; border-radius: 50%; }
.icon-s-gplus:before { content: '\e809'; float: right; padding: 5px 6px; border:2px solid #FFF; margin-right: 10px; border-radius: 50%; }
.icon-s-facebook:hover::before { border:2px solid transparent; background-color: #3b5998; color: #FFF; }
.icon-s-flickr:hover::before { border:2px solid transparent; background-color: #ff0084; color: #FFF; }
.icon-s-gplus:hover::before { border:2px solid transparent; background-color: #d85435; color: #FFF; }

.icon-m-facebook:before { content: '\e807'; float: left; margin-top: 140px;padding: 15px 17px; color: #FFF; background-color: #3b5998; }
.icon-m-flickr:before { content: '\e808'; float: left; padding: 15px 14.5px; color: #FFF; background-color: #ff0084;  }
.icon-m-gplus:before { content: '\e809'; float: left; padding: 15px 14.3px; color: #FFF; background-color: #d85435;  }

.circled-icon-business{border-right:1px solid hsla(255,255%,255%,.40);padding: 5px 15px 10px 10px;color: #FFF;font-size: 15pt;}
.circled-icon-time{border-right:1px solid hsla(255,255%,255%,.40);padding: 5px 15px 10px 10px;color: #FFF;font-size: 15pt;}
.circled-icon-signal{border-right:1px solid hsla(255,255%,255%,.40);padding: 5px 15px 10px 10px;color: #FFF;font-size: 15pt;}
.circled-icon-edit{border-right:1px solid hsla(255,255%,255%,.40);padding: 5px 15px 10px 10px;color: #FFF;font-size: 15pt;}

.icon-chart-line:before { content: '\e800'; }
.icon-stopwatch:before { content: '\e801'; }
.icon-signal:before { content: '\e802'; }
.icon-users:before { content: '\e803'; }
.icon-emo-unhappy:before { content: '\e804'; }
.icon-edit:before { content: '\e80b'; }

.icon-chart-line2:before { content: '\e800'; padding-right: 20px; }
.icon-stopwatch2:before { content: '\e801'; padding-right: 20px; }
.icon-signal2:before { content: '\e802'; padding-right: 20px; }
.icon-edit2:before { content: '\e80b'; padding-right: 20px; }

/* Position left, right or center */
#center{margin: auto; width: 1000px;}
#centerForm{margin:0 auto; width: 1050px;}
#centerIndex{margin: auto; width: 800px;}
.left{float: left;}							
.right{float: right;}						

/* Logo */
#logo{
	font-family: 'Lobster', sans-serif;		
	font-size: 25pt;
	padding: 10px 0px;
}

/* Navigation */
nav#bar{
	background-color: hsla(255,255%,255%,.95);
	width: 100%;
	height: auto;
	display: inline-block;			
	box-shadow: 0px 2px hsla(0,0%,0%,.15);
	position: absolute;
	z-index: 5000000000;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-box-sizing: border-box;			
	-moz-box-sizing: border-box;
	box-sizing: border-box;					
}


nav#barshrink{
	display: none;
	background-color: hsla(255,255%,255%,.95);
	width: 100%;
	box-shadow: 0px 2px hsla(0,0%,0%,.15);
	position: absolute;
	z-index: 100;
	top: -100px;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-box-sizing: border-box;			
	-moz-box-sizing: border-box;
	box-sizing: border-box;					
}

/* Header */
header{
	background:url(../images/header.png);
	z-index: 20;
	position:relative;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
	width: 100%;
	height: auto;
	display:inline-block;
	padding-bottom: 0px;
}

header.miami{
	z-index: 20;
	position:relative;
	background-color: #f86f00;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
	width: 100%;
	height: auto;
	display:inline-block;
	padding-bottom: 100px;
}
header.headerPro{
	background: url(../images/headerPro.jpg);
	z-index: 1001;
	position:relative;
	background-color: #f86f00;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
	width: 100%;
	height: 550px;
	display:inline-block;
	padding-bottom: 35px;
}
header.headerCongratulation{
	background: url(../images/headerPro.jpg);
	z-index: 0;
	position:relative;
	background-color: #f86f00;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
	width: 100%;
	height: auto;
	display:inline-block;
	padding-bottom: 0px;
}

.headerForm{
	width:100%;
	height:269px;
	background-size:cover;
	position:absolute;
	box-shadow: 0px 0px 0px #000 inset;
	text-align:center;
}
.headerForm_1{
	width:100%;
	height:625px;
	background-size:cover;
	position:absolute;
	box-shadow: 0px 0px 0px #000 inset;
	opacity: 0.8;
}
.headerForm_Form{width:100%;height:100%;background-size:cover;position:absolute;text-align:center;	}

.backgroundHeader{
	background-color: hsla(0,0%,0%,.50);
	width: 100%;
	height: auto;
	position: absolute;
	display: inline-block;
}

#search{
	background: url(http://i.imm.io/Q0Jo.png) no-repeat 9px 8px;
	padding: 10px;
	width: 40px;
	border: none;
	cursor: pointer;
	color: transparent;
	margin-top: 15px;
	margin-left: 15px;
	font-size: 11pt;
	opacity: 0.5;
	border:1px solid transparent;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-box-sizing: border-box;			
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

#search:focus{
	opacity: 1;
	width:  110px;
	cursor: text;
	padding-right: 40px !important;
	margin-top: 15px;
	background: url(http://i.imm.io/Q0Jo.png) no-repeat 163px 8px;
	box-shadow:1px 1px #FFF;
	color: hsla(0,0%,0%,.70);
	background-color: #FFF;
	border:1px solid hsla(0,0%,0%,.10);
	margin-left: 15px;
	padding: 10px;
	border-radius: 4px;
	font-size: 11pt;
	-webkit-box-sizing: border-box;			
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

/* Module */
#positionModuleBox{
	padding-top: 90px;
	position: relative;
	z-index: 500000000;
}
#positionModuleBoxPro{
	padding-top: 20px;
	position: relative;
	z-index: 500000000;
}
#moduleBoxLeft{
	background-color: hsla(255,255%,255%,.95);
	float: left;
	width: 49%;
	padding: 10px;
	position:relative;
	z-index: 10;
	-webkit-box-sizing: border-box;			
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
#boxFormLeft{
	float: left;
	width: 38%;
	margin-top: 10px;
	position: relative;
	z-index: 9;
	-webkit-box-sizing: border-box;			
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
#boxPro{
	float: left;
	width: 100%;
	position: relative;
	z-index: 9;
	-webkit-box-sizing: border-box;			
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
#boxPro h1{
	font-family: 'Open Sans', sans-serif;
	color: grey;
	text-shadow:1px 1px #FFF;
	padding-bottom: 13px;
}
#boxFormRight{
	float: left;
	width: 58%;
	position: relative;
	z-index: 9;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#moduleBoxRight{
	background-color: hsla(255,255%,255%,.80);
	display: inline-block;
	width: 100%;
	position: relative;
	z-index: 9;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#boxEndCounter{
	background-color: rgba(110, 99, 97, 0.91);
	display: inline-block;
	float: left;
	height: 410px;
	margin-bottom: 35px;
	position: relative;
	z-index: 1;
	border-radius:0px 5px 5px 0px;
	position: relative;
	margin-top: 10px;
	width: 4%;
	-webkit-box-sizing: border-box;			
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

#boxEndCounter1{
	background-color: rgba(255, 255, 255, 0.91);
	display: inline-block;
	float: left;
	height: 205px;
	margin-bottom: 35px;
	position: relative;
	z-index: 1;
	border-radius:0px 5px 5px 0px;
	position: relative;
	margin-top: 10px;
	width: 4%;
	-webkit-box-sizing: border-box;			
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	margin-bottom:20px;
	padding:15px;

}

#boxEndCounter2{
	background-color: rgba(110, 99, 97, 0.91);
	display: inline-block;
	float: left;
	height: 205px;
	margin-bottom: 35px;
	position: relative;
	z-index: 1;
	border-radius:0px 5px 5px 0px;
	position: relative;
	margin-top: 10px;
	width: 4%;
	-webkit-box-sizing: border-box;			
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}



#boxFormCenter{
	float: right;
	width: 100%;
	position: relative;
	z-index: 9;
	-webkit-box-sizing: border-box;			
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
.contentFormPro{
	float: right;
	width: 100%;
	-webkit-box-sizing: border-box;			
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
.paddingModule{
	padding: 10px;
	-webkit-box-sizing: border-box;			
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
.moduleLogo{
	font-size: 40pt !important;
	text-align: center;
	border-bottom:1px dotted hsla(0,0%,0%,.20);
	box-shadow:0px 1px hsla(255,255%,255%,.50);
	padding-bottom: 10px;
}
.moduleLogoSlogan{
	font-size: 15pt !important;
	color: hsla(0,0%,0%,.30);
	margin-top: -10px;
	padding-right: 29px;
	text-align: right;
}
.moduleZipCode{
	float: left;
	margin: 15px;
	width: 171px;
	padding: 17.7px;
	font-size: 11pt;
	background-color: #FFF;
	border-radius: 5px;
	border:1px solid hsla(0,0%,0%,.30);
	box-shadow:0px 1.5px rgba(0,0,0,0.04);
	color: hsla(0,0%,0%,.90);
	text-align: center;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.moduleZipCode:focus{border:1px solid grey;cursor: text;}
.moduleZipCode:hover{border:1px solid grey;}
.moduleSubmit{
	width: 24%;
	margin-top: 15px !important;
	background-color: #f86f00;
	border: none;
	padding: 13.5px;
	font-size: 17pt;
	border-radius: 5px;
	color: #FFF;
	box-shadow:0px 2px hsla(0,0%,0%,.10);
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.loginSubmit{
	width: 130px;
	background-color: #f86f00;
	border: none;
	padding: 5.5px;
	font-size: 13pt;
	border-radius: 5px;
	color: #FFF;
	box-shadow:0px 2px hsla(0,0%,0%,.10);
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* Page */
#infoPageLeft{
	background-color: hsla(0,0%,0%,.75);
	float: left;
	width: 50%;
	padding: 10px;
	position:relative;
	z-index: 10;
	max-height:255px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
.titleInfoPage{
	color: #FFF;
	font-size: 30pt;
	font-weight: 400;
	border-bottom:1px dotted #FFF;
	text-align: center;
}
.contentInfoPage{
	float: left;
	text-align: left;
	color: #FFF;
	padding:6px 0px;
	width: 100%;
	text-align: justify;
	height: 100px;
}
#contentCounterBox{
	padding: 15px;
	display: inline-block;
	width: 100%;
	position: relative;
	background-color: rgba(0,0,0,0.04);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
.TopCounterBox{
	padding-top: 100px !important;
	position: relative;
}
.zIndexContentCounter{
	padding-top: 100px !important;
	position: relative;
	z-index: 1500 !important;
}
.counterColor{
	border:none !important;
	color: #FFF !important;
	border: 5px solid #f86f00;
	background-color: transparent;
	text-shadow:0px 0px 5px rgba(0,0,0,0.4);
	padding: 0px !important;
	padding-right: 10px !important;
	display: inline-block;
	margin: auto;
	font-size: 20pt !important;
	font-weight: 500 !important;
	color: #FFF !important;
	float: left;
}
.borderCounter{
	border:3px solid #FFF;
}
.proCounter{
	border: none !important;
	background-color: transparent;
	padding: 0px !important;
	padding-right: auto !important;
	display: inline-block;
	margin: auto;
	font-weight: 500 !important;
	color: #FFF !important;
	float: left;
	font-size: 40pt !important;
	border-radius: 5px;
	width: 100%;
	margin-bottom: 0px !important;
}
.textCounterColor{
	text-shadow:0px 0px 5px rgba(0,0,0,0.4);
	float: left !important;
	font-size: 20pt;
	color: #FFF !important;
	padding-top: 0px !important;
}
.textProCounter{
	color: #FFF !important;
	font-size: 15pt;
	font-weight: 300;
	padding-bottom: 10px;
}
.textInfoPro{
	text-align: left;
	padding-top: 10px;
	color: hsla(255,255%,255%,.80) !important;
}
.numberCounter{
	display: inline-block;
	width: 100%;
	padding-bottom: 7px;
	float: left;
}
.imageJob{
	margin-top: 10px;
	clear: left;
	float: left;
	width: 35%;
	padding-right: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.textJobLeft{
	float: left;
	text-align: left;
	width: 100%;
	color: hsla(255,255%,255%,.60);
	text-align: justify;
	height: 130px;
}
.textJobLeft:hover{
	color: hsla(255,255%,255%,.90);
}
.textJobTestLeft{
	float: left;
	text-align: left;
	width: 100%;
	text-align: justify;
	color: hsla(0,0%,0%,.30);
	text-shadow:1px 1px #FFF !important;
}
.contentJob{
	float: left;
	width: 100%;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.contentPro{
	float: left;
	width: 100%;
	padding: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.contentForm{
	padding: 15px;
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.textFormPosition{
	display: inline-block;
	color: grey;
	text-shadow:1px 1px #FFF;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom:1px dotted rgba(0,0,0,0.2);
	box-shadow:0px 1px #FFF;
}
.backgroundBox{
	background-color: rgba(255,255,255,0.95);
	box-shadow:1px 1px 12px rgba(0,0,0,0.55);
	display: inline-block;
	width: 100%;
	z-index: 50;
	position: relative;
	border-radius:5px;
}
.backgroundProLeftOne{
	background-color: rgba(100,100,100,0.9);
	display: inline-block;
	width: 30%;
	z-index: 50;
	position: relative;
	border-radius:5px 0px 0px 5px;
	float: left;
	margin-top: 70px;
}
.backgroundProLeftTwo{
	background-color: rgba(255,255,255,0.95);
	display: inline-block;
	width: 100%;
	z-index: 50;
	position: relative;
	border-radius:5px;
	float: left;
}
.positionBackgroundProLeftTwo{
	display: inline-block;
	width: 45%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.backgroundFormJob{
	background-color: rgba(110, 99, 97, 0.91);
	display: inline-block;
	width: 100%;
	height: 410px;
	z-index: 50;
	border-radius:5px 0px 0px 5px;
	position: relative;
}

.backgroundFormJob1{
	background-color: rgba(255, 255, 255, 0.91);
	display: inline-block;
	width: 100%;
	height: 205px;
	z-index: 50;
	border-radius:5px 0px 0px 5px;
	position: relative;
	margin-bottom:20px;
	padding:15px;
}
.boxargu{
	float:left ;
	width: 50%;
	font-weight: bold;
	padding:10px;
	font-size: 14px;
}
.argut1{
	font-size: 16pt;
	font-weight: bold;
	color:#f86f00;
}
.argut2{
	font-size: 16pt;
	font-weight: bold;
	color:#000000;
	border-bottom: dotted 2px #726865;
}
.picto_argu{
	float:left ;
	/* width:45px;*/
	height:45px;
	padding:5px;
}  
  
.backgroundFormJob2{
	background-color: rgba(110, 99, 97, 0.91);
	display: inline-block;
	width: 100%;
	height: 205px;
	z-index: 50;
	border-radius:5px 0px 0px 5px;
	position: relative;
}

.backgroundPro{
	display: inline-block;
	width: 100%;
	z-index: 50;
	position: relative;
}
.titleJob{
	font-size: 25pt;
	font-weight: 500;
	width: 690px;
	color: hsla(0,0%,0%,.60);
}
.sloganJob{
	font-size: 12pt;
	font-weight: 300;
	width: 688px;
	color: hsla(0,0%,0%,.40);
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted hsla(0,0%,0%,.30) !important;
}
#counter{
	border: 5px solid #f86f00;
	background-color: transparent;
	padding: 0px 20px;
	display: inline-block;
	margin: auto;
	font-size: 50pt;
	font-weight: 300;
	color: #f86f00;
	text-align: center;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.counter{
	border: 5px solid #f86f00;
	background-color: transparent;
	padding: 0px 20px;
	display: inline-block;
	margin: auto;
	font-size: 50pt;
	font-weight: 300;
	color: #f86f00;
	text-align: center;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.centerCounter{
	margin: auto;
	width: 100%;
	text-align: center;
}
.textCounter{
	font-size: 20pt;
	text-align: center;
	font-weight: 300;
	color: hsla(0,0%,0%,.50);
	padding-top: 15px;
}

/* Dropdown */
.wrapper{float: left;width: 100%;}
.custom-select {
	display: none;
}
.dropdown-select {
	background-image: url(../images/dropdown.png);
	float: left;
	margin-top: 15px;
	margin-left:15px;
	margin-right: 0px;
	z-index: 1500;
	padding: 15px;
	text-align: left;
	font-size: 11pt;
	cursor: pointer;
	width: 45%;
	text-align: center;
	transition: background-color 0.2s ease;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.dropdown-select:before {
	float: right;
	transition: 0.3s ease;
}
.active .dropdown-select:before {
	transform: rotate(180deg);
}
.dropdown-select-ul {
 	display: none;
 	margin-top: 65px !important;
 	margin-left:15px;
 	z-index: 1500;
 	position: absolute;
 	width: 43.8%;
 	z-index: 50000;
 	border:1px solid grey !important;
 	border-top: none !important;
 	border-radius:0px 0px 5px 5px !important;
 	overflow: scroll;
 	overflow-y: auto;
 	overflow-x: hidden;
 	text-align: left;
 	max-height: 200px;
}
.dropdown-select-ul li {
	display: block;
	padding: 3px;
	cursor: pointer;
	-webkit-box-sizing: border-box;			
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
.dropdown-select-ul li.selected,
.dropdown-select-ul li.optgroup {
	cursor: default;
}
.dropdown-select-ul li.optgroup {
	border-bottom: 1px solid;
	font-size: 90%;
}
.active .dropdown-select-ul {
	display: block;
	animation-fill-mode: both;
	animation-duration: 0.3s;
	animation-name: fadeIn;
}
.no-js .custom-select {
	display: block;
}
.no-js .dropdown-select,
.no-js .dropdown-select-ul {
	display: none;
}
.dropdown-select {
	background-color: #FFF;
	border-radius: 5px;
	border:1px solid hsla(0,0%,0%,.30);
	box-shadow:0px 1.5px rgba(0,0,0,0.09);
	color: grey;
}
.dropdown-select:hover,
.dropdown-select:focus {
	border: 1px solid grey;
	color: grey;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}
.active .dropdown-select {
	border: 1px solid grey;
	border-bottom: 1px solid transparent;
	border-radius:5px 5px 0px 0px !important;
	color: grey;
}
.dropdown-select-ul {
	background : #FFF;
	padding: 0px !important;
	margin-top: 0px;
	color: grey;

}
.dropdown-select-ul li:hover,
.dropdown-select-ul li:focus {
	background: rgba(0,0,0,0.06);
}
.dropdown-select-ul li.selected {
	display: none;
}
.dropdown-select-ul li.optgroup {
	background: rgba(0,0,0,0.03);
	color: #a1aab0;
	border-bottom-color: hsla(0,0%,0%,.10);
}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.icon-menu{display:none;}
.mobile-menu {
	display: none;
	text-decoration: none;
	font-weight: 600;
	margin-top: 17px;
}
.menu{ display: block; }
.menu li{
  display: inline-block;
  position: relative;
  z-index: 100;
  padding:12px 0px;
  top: 0;
}

.menu li a{
  text-decoration: none;
  padding: 11px;
  color: hsla(0,0%,0%,.40);
  display: block;
  transition: all 0.2s ease-in-out 0s;
}
.menu ul{
	display: none;
	margin: 0;
	padding: 0;
	width: 150px;
	position: absolute;
	left: 0px;
	background: hsla(0,0%,0%,.60);
	border-radius:0px 0px 5px 5px;
	margin-top: 12px;

}
.menu ul li{
	display: block;
	background: none;
	margin: 0;
	padding: 0;
	color: #FFF !important;

}
.menu ul li a{background: rgba(0,0,0,0.06);font-size: 12px;display: block;}
.menu ul li a:hover, 
.menu ul li:hover > a{background-color:hsla(255,255%,255%,.10); color: #FFF;}
.menu ul ul { top: 0px;}
.menu li a:hover,.menu li:hover > a{ }
.menu li:hover > ul{ display: block; }


  


.sub-menu{color: #FFF !important;padding: 10px !important;}
.linkMenu{color:#FFF !important;}

/* Contenu */
#contentBox{
	width: 100%;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.centerIndexBox{
	padding: 30px;
}
.textContentBox{
	padding: 20px 0px;
	color: grey;
}
.titleContentBox{
	font-size: 30pt;
	font-weight: 300;
	text-align: center;
	color: grey;
	border-bottom:1px dotted lightgrey;
	padding-bottom: 10px;
}
.ourCategoriesContentBox{
	margin-top: 15px;
	background-color: hsla(255,255%,255%,.60);
	padding: 10px;
	border-radius:5px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.positionCategoriesContentBox{
	float: left;
	width: 25%;
	height: 55px;
	padding: 10px;
	color: grey;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.positionCategoriesContentBox:hover{
	color: hsla(0,0%,0%,.70);
}
.nameCategories{
	float: left;
 	max-width: 100px;
	padding-top: 5px;  
	padding-left: 13px;
}

/* Footer */
footer.orange{
	background-color: #f86f00;
	padding: 30px;
	font-size: 20pt;
	font-weight: 300;
	color: #FFF;
	text-align: center;
	display: inline-block;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
footer a{text-decoration: none;}
.buttonFreeEstimate{
	background-color: #292929;
	display: inline-none;
	padding: 10px;
	color: #FFF;
	font-size: 17pt;
	width: 300px;
	margin: auto;
	margin-top: 15px;
	border:2px solid transparent;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.buttonFreeEstimate:hover{color: #FFF;background-color: transparent;border:2px solid #FFF;}

.footerquote{
	position: absolute; 
	bottom: 0;right: 0;
	margin-bottom:10px;
	width:100%;
	text-align:center;

}

footer.black{
	background-color: #292929;
	position:relative;
	font-size: 10pt;
	font-weight: 300;
	color: #FFF;
	display: inline-block;
	width: 100%;
	margin-bottom:-5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.footerContentLeft{
	float: left;
	width: 50%;
	padding: 17px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.footerContentRight{
	float: right;
	width: 50%;
	padding: 12px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Form */
.positionForm{
	width: 48%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.positionTextarea{
	width: 100%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}





.designForm{
	border-radius: 3px;
	background-color: #FFF;
	border:1px solid rgba(0,0,0,0.1);
	padding: 10px;
	width: 100%;
	margin-bottom: 15px;
	font-size: 13pt;
	color: hsla(0,0%,0%,.40);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.designFormInline:focus{
	border:1px solid rgba(0,0,0,0.3);
	color: rgba(0,0,0,0.5);
}
.designFormInline{
	border-radius: 3px;
	background-color: #FFF;
	border:1px solid rgba(0,0,0,0.1);
	padding: 3px;
	margin-bottom: 15px;
	font-size: 13pt;
	float:left;
	color: hsla(0,0%,0%,.40);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.designFormInline:focus{
  border:1px solid rgba(0,0,0,0.3);
	color: rgba(0,0,0,0.5);
}

.titleBeforeForm{
	color: grey;
	font-size: 12pt;
	padding-bottom: 8px;
}
.requiredForm:after{
	content: '*';
	color: red;
	font-weight: 300;
	font-size: 8pt;
}
.titleCheckbox{
	color: grey;
	float: left;
}
.designCheckbox{
	float: left;
	margin-top: 4px;
	margin-right: 7px;
	display: inline-block;
}

.designTextarea{
	height:70px;
	border-radius: 3px;
	background-color: #FFF;
	border:1px solid rgba(0,0,0,0.1);
	padding: 10px;
	width: 100%;
	margin-bottom: 0px;
	font-size: 13pt;
	resize: vertical;
	color: hsla(0,0%,0%,.40);
	font-family: 'Open Sans', sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.designTextarea:focus{
	border:1px solid rgba(0,0,0,0.3);
	color: rgba(0,0,0,0.5);
}
.designSubmit{
	border: 1px solid hsla(0,0%,0%,.20);
	background-color: #f86f00;
	padding: 8px 10px;
	font-size: 13pt;
	font-weight: 300;
	border-radius:4px;
	color: #FFF;
	float: right;
	box-shadow:0px -1px hsla(255,255%,255%,.40) inset;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.designSubmit:hover{
	background-color: #e16500;
}

/* Effect */
.effect {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes effectRight {
	0% {opacity: 0;-webkit-transform: translateX(1000px);}
	100% {opacity: 1;-webkit-transform: translateX(0);}
}

@-moz-keyframes effectRight {
	0% {opacity: 0;-moz-transform: translateX(1000px);}
	100% {opacity: 1;-moz-transform: translateX(0);}
}

@-ms-keyframes effectRight {
	0% {opacity: 0;-ms-transform: translateX(1000px);}
	100% {opacity: 1;-ms-transform: translateX(0);}
}
@-o-keyframes effectRight {
	0% { opacity: 0;-o-transform: translateX(1000px);}
	100% { opacity: 1;-o-transform: translateX(0); }
}
@keyframes effectRight {
	0% { opacity: 0;transform: translateX(1000px); }
	100% {opacity: 1;transform: translateX(0); }
}
.effectRight {-webkit-animation-name: effectRight;-moz-animation-name: effectRight;-ms-animation-name: effectRight;-o-animation-name: effectRight;animation-name: effectRight;}

@-webkit-keyframes effectLeft {
	0% {opacity: 0;-webkit-transform: translateX(-1000px);}
	100% {opacity: 1;-webkit-transform: translateX(0);}
}

@-moz-keyframes effectLeft {
	0% {opacity: 0;-moz-transform: translateX(-1000px);}
	100% {opacity: 1;-moz-transform: translateX(0);}
}

@-ms-keyframes effectLeft {
	0% {opacity: 0;-ms-transform: translateX(-1000px);}
	100% {opacity: 1;-ms-transform: translateX(0);}
}
@-o-keyframes effectLeft {
	0% { opacity: 0;-o-transform: translateX(-1000px);}
	100% { opacity: 1;-o-transform: translateX(0); }
}
@keyframes effectLeft {
	0% { opacity: 0;transform: translateX(-1000px); }
	100% {opacity: 1;transform: translateX(0); }
}
.effectLeft {-webkit-animation-name: effectLeft;-moz-animation-name: effectLeft;-ms-animation-name: effectLeft;-o-animation-name: effectLeft;animation-name: effectLeft;}

/* Congratulation */
.congratulation{
	width: 400px;
	padding-right: 20px;
	float: left;
}
#positionCongratulation{
	padding-top: 65px;
	margin-bottom:-5px;
}
.textCongratulation{
	float: left;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.textCongratulationH1{
	font-size: 40pt;
	text-shadow:0px 0px 5px #000;
	color: #FFF;
	margin-top: 45px;
}
.contentCongratulation{
	font-weight: 500;
	color: #FFF;
	padding-top: 10px;
	text-shadow:0px 0px 10px #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* Display */
.displayOnTheMobileSite{display: none;}

/* Argumentation box */
#centerArgumentation{
	margin: auto;
}
.positionArgumentation{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.positionArgumentationRight{
	float: right;
	width: 25%;
	margin-top: 70px;
	display: inline-block;
	z-index: 500;
	position: relative;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.positionArgumentationRight:hover{
	margin-top: 7px;
}
.positionArgumentationIcon{
	padding: 10px;
	float: left;
	padding-bottom: 13px;
}

.titleArgumentation{
	color: #FFF;
	font-weight: 300;
	padding-top: 19px;
	font-size: 12pt;
	float: left;
	width: 70%;
}
.argumentationBox{
	width: 100%;
	border-radius: 0px 4px 4px 0px;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.argumentationBleu{
	background-color: rgba(52, 152, 219,0.9);
}
.argumentationVert{
	background-color: rgba(46, 204, 113,0.9);
}
.argumentationRouge{
	background-color: rgba(231, 76, 60,1.0);
}
.argumentationViolet{
	background-color: rgba(155, 89, 182,1.0);
}
.up{
	display: none;
}
.upText{color: #FFF;}
.textArgumentation{
	border-top:2px solid #FFF;
	width: 100%;
	color: #FFF;
	float: left;
	text-align: left;
	padding: 10px;
	padding-top: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* IMG */
.imgPro{float: left;margin-top: 21px;}

/* View more */
.viewMore{
	color: #FFF;
	border-top: 1px dotted #FFF;
	margin-top: 10px;
	padding: 10px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* One page */
.centerProOnePage{
	margin: auto;
	display: inline-block;
	width: 100%;
	text-align: center;
}
#contentOnePage{
	background-color: rgba(0,0,0,0.04);
	display: inline-block;
	width: 100%;
	position: relative;
	padding: 40px;
	z-index: -100 !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.imgSizeCategories{
	width: 450px;
	margin-top: 20px;
}
.contentTextPro{
	width: 55%;
	text-align: left;
	color: grey;
	padding: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.barNewNav{
	display: none;
}
.buttonBarNewNav{
	float: left;
	padding: 10px;
	margin-top: 8px;
	color: grey;
	font-size: 11pt;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.titleTextInfoPro{
	font-size: 15pt;
	font-weight: bold;
	padding-bottom: 10px;
}

/* SHRINK */
nav#bar.shrink{
	background-color: hsla(255,255%,255%,.95);
	width: 100%;
	height: auto;
	display: inline-block;			
	box-shadow: 0px 2px hsla(0,0%,0%,.15);
	position: fixed;
	z-index: 1002;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-box-sizing: border-box;			
	-moz-box-sizing: border-box;
	box-sizing: border-box;					
}
nav#barshrink.shrink{
	display: inline;
	position: fixed;
	top: 0;
}
.moduleZipCode.shrink{
	margin-right: 0px;
	position: relative;
	margin-top: -43px;
	padding: 12.6px;
}
.moduleSubmit.shrink{
	width: 10%;
	font-size: 13pt;
	margin-top: 10px;
	position: absolute;
	top: 0;
	right: 11px;
}
.wrapper.shrink{float: right;width: 463px;}
.dropdown-select.shrink{
	margin-top: 10px;
	padding: 10px;
	width: 66%;
}
.dropdown-select-ul.shrink{
	display: none;
 	margin-top: 67px !important;
 	z-index: 1500;
 	position: absolute;
 	width: 48.6%;
 	border:1px solid grey !important;
 	border-top: none !important;
 	border-radius:0px 0px 5px 5px !important;
 	overflow: scroll;
 	overflow-y: auto;
 	overflow-x: hidden;
 	text-align: left;
 	max-height: 200px;
}
#contentBox.shrink{
	margin-top: 70px;
}
.up.shrink{
	background-color: hsla(0,0%,0%,.30);
	position: fixed;
	top: 60px;
	padding: 10px;
	display: inline;
	right: 0;
	float: right;
}
.barNewNav.shrink{
	background-color: #FFF;
	box-shadow:0px 0px 5px hsla(0,0%,0%,.10);
	position: fixed;
	display: inline-block;
	width: 100%;
	z-index: 1000;
	top: 0;
}
.menu li a.shrink{
  text-decoration: none;
  padding: 2.3px 15px;
  color: hsla(0,0%,0%,.40);
  display: block;
  transition: all 0.2s ease-in-out 0s;
}
#search.shrink{
	background: url(http://i.imm.io/Q0Jo.png) no-repeat 9px 8px;
	padding: 10px;
	width: 40px;
	border: none;
	cursor: pointer;
	color: transparent;
	margin-top: 8px;
	margin-left: 0px;
	font-size: 11pt;
	opacity: 0.5;
	border:1px solid transparent;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-box-sizing: border-box;			
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
#search.shrink:focus{
	opacity: 1;
	width:  194px;
	cursor: text;
	padding-right: 40px !important;
	margin-top: 15px;
	background: url(http://i.imm.io/Q0Jo.png) no-repeat 163px 8px;
	box-shadow:1px 1px #FFF;
	color: hsla(0,0%,0%,.70);
	background-color: #FFF;
	border:1px solid hsla(0,0%,0%,.10);
	margin-left: 15px;
	margin-top: 6px;
	padding: 10px;
	border-radius: 4px;
	font-size: 11pt;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
#logo.shrink{
	font-family: 'Lobster', sans-serif;		
	font-size: 25pt;
}
.imgPro.shrink{float: left;}

/* Tooltip */
#disp_tooltip {display:block;}
.fonctionnement_tooltip { position: relative; }
.fonctionnement_tooltip .tooltip {pointer-events: none;position: absolute;z-index: 9999;left: -80px;top: 10px;opacity: 0;-moz-transition: ease-out opacity 300ms 0ms;-o-transition: ease-out opacity 300ms 0ms;-webkit-transition: ease-out opacity 300ms;-webkit-transition-delay: 0ms;transition: ease-out opacity 300ms 0ms;}
.fonctionnement_tooltip .tooltip span {display: block;white-space: nowrap;position: relative;background: hsla(0,0%,0%,.60);-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;padding: 0px 8px;left: -50%;font-size: 14px;color: #fff;padding: 5px;}
.fonctionnement_tooltip .tooltip span:after {top: 34%;border: solid transparent;content: "";height: 0;width: 0;position: absolute;border-left-color: hsla(0,0%,0%,.60);border-width: 6px;left: 100%;}
.fonctionnement_tooltip:hover span { opacity: 1; }


/* Map */
.bgMap{
	border-radius: 4px;
	padding: 20px;
	padding-top: 30px;
	padding-left: 30px;
	float: right;
	margin-top: 30px;
	position: relative;
	z-index: 5000000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
.bgFond{
	background-image: url(../images/bgMap4.jpg);
	z-index: 0;
	position:relative;
	background-color: #f86f00;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
	width: 100%;
	height: auto;
	display:inline-block;
	padding-bottom: 100px;
}
.tooltip {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#161616;
	border-radius:5px;
	padding:10px;
	color:#fff;
	font-size:12px Arial;
}
.counterColorTextMap{
	color: #f07027;
	font-size: 40pt;
}
.counterColorSloganMan{
	color: hsla(0,0%,0%,.30);
	text-shadow:1px 1px #FFF;
	font-size: 13pt;
	font-weight: 300;
	margin-top: -10px;
}
.counterBoxMap{
	background-color: #FFF;
	margin-top: 15px;
	float: left;
	width: 350px;
	border-radius: 4px;
	padding: 10px;
	box-shadow:0px 2px hsla(0,0%,0%,.10);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
.counterLinkMap{
	font-size: 9pt;
	color: grey;
	float: left;
	padding-bottom: 5px;
	width: 100%;
	text-align: center;
}
.counterLinkMap:hover{color: #f86f00;}
.counterLinkMap:before{padding-right: 5px;}
.counterDispositionStat{
	float: left;
	width: 25%;
}

/* Others categories */
.othersCategoriesLocal{
	width: 650px;
	float: left;
	padding-top: 17px;
	padding-left: 100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
.buttonCategoriesLocal{
	float: left;
	line-height: 25px;
	width: 50%;
}
.buttonCategoriesLocal p:before{content:'» '; color: grey;}
.buttonCategoriesLocal a{color: grey; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
.buttonCategoriesLocal a:hover{color: #f86f00;}

.its-free{ position:absolute;top:53px;right:50px;width: 13%;	}
.its-free1{ position:absolute;top:130px;right:30px;width: 13%;	}
.its-free2{ position:absolute;top:380px;right:150px;width: 20%;	}
.its-free3d{ position:absolute;top:350px;right:130px;width: 5%;	}
.its-free3g{ position:absolute;top:350px;left:130px;width: 5%;	}

.formAutocompletionPosition{position:absolute;top:-25;}
.barreAutocompletionPosition{position:absolute;top:48;}

.champVilleRelative { position:relative;}
.champVillebarreRecherche   { width:185px;margin-right:30px;}
.formAutocompletion  { top:42px;left:0px;width:225px;  }
.barreAutocompletion  { top:67px;left:-15px;width:215px;  }
.infoVille{width:170px;padding:15px;color:#7f7f7f;}
.infoVille:hover{color:#7f7f7f;}

/* Responsive */

@media screen and (max-width: 1000px){
	#center{width: 98%;}
	#centerForm{width: 98%;}
}

@media screen and (max-width: 899px) {
	header{height: auto; padding-bottom: 40px;}
	#center{width: 95%;}
	.custom-select { display: inline; width: 100%; height: 50px;}
	.dropdown-select{ display: none;}
	#moduleBoxRight{width:100%;border-radius: 0px;}
	#moduleBoxLeft{display: none;}       
	.moduleZipCode{float: left;margin: 0px;width: 100%;padding: 14px;font-size: 11pt;background-color: #FFF;border-radius: 5px 0px 0px 5px;border:1px solid transparent;box-shadow:0px 1.5px rgba(0,0,0,0.04);color: hsla(0,0%,0%,.90);position: relative;right: 0px;text-align: center;margin-top: 11px;cursor: pointer;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.moduleZipCode:focus{border:1px solid grey;cursor: text;}
  .moduleZipCode:hover{border:1px solid grey;}
  .champVillebarreRecherche   { width:100%;}
  .infoVille{width:100%;padding:15px;color:#7f7f7f;border:1px solid grey;}
  #select-name{width:100%;padding:15px;border-radius:5px;color:#7f7f7f;border:1px solid grey;}
  .formAutocompletion  { top:42px;left:15px;width:225px;  }
  .barreAutocompletion { top:59px;left:1px;width:215px;  }
	.moduleSubmit{float: right;width: 50%;background-color: #f86f00;margin-top: 11px !important;border: none;padding: 9.5px;font-size: 17pt;border-radius: 0px 5px 5px 0px;color: #FFF;box-shadow:0px 2px transparent;cursor: pointer;-webkit-appearance: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.bouton{display: none;}
	.moduleLogo{font-size: 35pt !important;text-align: center;border-bottom:1px dotted hsla(0,0%,0%,.20);box-shadow:0px 1px hsla(255,255%,255%,.50);padding-bottom: 10px;}
	.moduleLogoSlogan{font-size: 13pt !important;color: hsla(0,0%,0%,.30);margin-top: -10px;padding-right: 8px;text-align: right;}
	.icon-menu{display: inline;font-size: 16pt;text-shadow:1px 1px #FFF;color: grey;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	#search{display:none;-webkit-appearance: none;color: transparent;}
	#search:focus{width: 90%;margin:11px auto;left:0;position: absolute;top:0;left:0;right:0;background: #FFF;border-radius:5px;-webkit-appearance: none;padding-right:0px !important;}
	/* Menu */
	.menu ul{background-color:#FFF;}
	.linkMenu{color:grey !important;}
	.menu{display:none;}
	.mobile-menu{display:block;}
	nav.navMobile{margin:0;padding: 0; background:none;position: absolute;left:0;width:100%;margin-top: 29px;}
	ul{ margin: 0;padding: 0;}
	.menu li{display:block; margin:0; margin-top: -23px;}
	.menu li a {background:#ffffff;color:grey;border-top:1px solid #e0e0e0;box-shadow:0px -1px #FFF;}
	.menu li a:hover, .menu li:hover > a{color:grey;text-shadow:1px 1px #FFF;}
	.menu ul {margin-top:0px;display:block;position:relative;top:0;left:0;width:100%;}
    .menu ul ul {left:0;}
    .sub-menu{padding: 0px !important;}
    /* Page */
	#infoPageLeft{background-color: hsla(0,0%,0%,.60);border-radius: 5px;float: left;width: 100%;padding: 10px;margin-bottom: 35px;position:relative;z-index: 10;overflow-y: scroll;max-height:255px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;	}
	.titleInfoPage{color: #FFF;font-size: 30pt;font-weight: 400;border-bottom:1px dotted #FFF;text-align: center;}
	.contentInfoPage{color: #FFF;float: left;padding:6px 0px;}
	.displayOnTheSite{display: none;}
	.displayOnTheMobileSite{display: inline;}
	.backgroundFormJob{border-radius:5px;}
	#boxFormLeft{float: none;width: 100%;margin-bottom: 0px;}
	#boxFormRight{float: none;width: 100%;}
	#boxEndCounter{z-index: 100;width: 100%;height: auto;border-radius: 5px;}
	.backgroundBox{	box-shadow:1px 1px 12px rgba(0,0,0,0.55);margin-top: -30px;}
	.icon-m-facebook:before { content: '\e807'; border-bottom:3px solid hsla(0,0%,0%,.20);border-radius: 5px 0px 0px 5px;float: left; width: 33.33%; margin-top: 0px;padding: 15px 17px; color: #FFF; background-color: #3b5998; text-align: center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
	.icon-m-flickr:before { content: '\e808'; border-bottom:3px solid hsla(0,0%,0%,.20); float: left; width: 33.33%; padding: 15px 14.5px; color: #FFF; background-color: #ff0084; text-align: center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;  }
	.icon-m-gplus:before { content: '\e809'; border-bottom:3px solid hsla(0,0%,0%,.20); border-radius: 0px 5px 5px 0px; float: left; width: 33.33%; padding: 15px 14.3px; color: #FFF; background-color: #d85435; text-align: center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;  }
	footer{display:block;}
	footer.orange{margin-top: 15px;}
	.headerForm_1{position: fixed;height: 100%;z-index:1;}
	.positionForm{width: 100%;}
	.designSubmit{-webkit-appearance: none;width:100%;}
	.barColorForm{position:fixed;}
	nav#bar{position: fixed;}
	nav#bar.shrink{}
	.backgroundProLeftOne{ width: 100%; }
	header.headerPro{ height: auto; }
	.positionBackgroundProLeftTwo{display: inline-block;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.argumentationBox{border-radius: 4px;}
	#logo{font-size: 20pt;padding: 10px;}
	.imgPro{float: left;margin-top: 16px;}
	.contentTextPro{width: 100%;}
	.imgSizeCategories{width: 50%;}
	.barNewNav.shrink{display: none;}
	.positionArgumentationRight{width: 100%;margin-top: 30px;}
	.positionArgumentationRight:hover{}
	.up.shrink{display: none;}
	#centerIndex{width: 100%;}
	.logoForm{width: 50%;}     

	.bgMap{display: none;}
	.centerIndexBox{padding: 0px;}
	.counterBoxMap{width: 98%;}
	.counterColorSloganMan{text-align: center;}
	.counterColorTextMap{text-align: center;}
	.positionCategoriesContentBox{width:50%;}
	.titleContentBox{font-size:20pt;}
	#contentOnePage{padding: 20px 0px;}
	.othersCategoriesLocal{width: 100%;float: none;padding-left: 0px;padding-top: 15px;display: inline-block;display:none;}
	.its-free{display:none;}
	.its-free1{display:none;}
	.its-free2{display:none;}
	.its-free3{display:none;}
	.moduleSubmit{width:100%;}
      
}

@media screen and (max-width: 400px) {
	.positionCategoriesContentBox{width:100%;}
}


.contentForm_2{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.contentForm_22{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.contentLocal{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.contentForm_2{
	overflow: auto;
	position: relative;
	height: 340px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

contentForm_22{
	overflow: auto;
	position: relative;
	height: 130px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}


.contentForm_3{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.contentLocal{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.contentForm_3{
	overflow: auto;
	position: relative;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.contentLocal{
	overflow: auto;
	position: relative;
	height: 185px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}



/* boite de connexion */
 .boitelogin
  {
  	font-family: "Open Sans",sans-serif;
    font-size: 11pt;
    min-width:250px;
    color: rgba(0, 0, 0, 0.4);
    margin-top:6px;
    margin-left:100px;
    float:right
 }
 .champ_login
 { 
 	 color: rgba(0, 0, 0, 0.4);
  font-family: "Open Sans",sans-serif;
  font-size: 11pt;
  border-radius:4px;

  }