html, body{
	font-family:'Open Sans',sans-serif;
}
.popin, .validPopin{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background-color:rgba(0,0,0,0.7);
	z-index:100;
	display:none;
}
.validPopin{
	display:block;
}
a:focus{
	text-decoration:none;
	color:#8cb95c;
}
#form, #validForm{
	background:#fff;
	border-radius:10px;
	width:600px;
	position:absolute;
	top:5%;
	left:50%;
	margin-left:-300px;
	padding:30px;
	z-index:101;
	display:none;
}
#validForm{
	display:block;
	top:15%;
}
.sticky{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:20;
}
.margin-top-sticky{margin-top:142px;}
.margin-top-sticky-cac{margin-top:160px;}
.margin-top-sticky-page{margin-top:141px;}
#form .cross, #validForm .cross2{
	position:absolute;
	right:15px;
	top:15px;
	cursor:pointer;
	font-size:30px;
	line-height:15px;
}
#form .logoForm{
	margin-bottom:30px;
}
#form .containerCivilite{
	float:left;
	width:100%;
	margin-bottom:10px;
}
#form .champs{display:none;}
#form input[type=text], #form select{
	width:100%;
	padding:10px 20px;
	margin:5px 0;
	border:0;
	background:#eee;
}
#form label {
	font-weight:normal;
	margin-left:10px;
	display:inline; 
}
#form button{
	border:0;
	display: block;
	width: 200px;
	margin: 30px auto 30px auto;
	background: #006d48;
	color: #fff;
	padding: 15px 30px;
	text-align: center;
	font-size: 18px;
	border-radius: 5px;
}
#form button:hover {
	background: #7ebc4d;
	color: #fff;
	text-decoration: none;
}
.center{text-align:center;}
.bold{font-weight:bold;}
.padding-top-15{padding-top:15px;}
.no-padding{padding:0;}
.margin-20-0{margin:20px 0;}
h1{
	font-size:24px;
	font-weight:700;
	margin:60px 0 60px 0;
	border-left:4px solid #006d48;
	padding:5px 15px;
}
header{
	padding:0px 0 5px 0;
	background: #fff;
}
.bg_green{background:#006d48;}
.bg_gris{background:#eee;}
.bg_green_blanc{background:#006d48;}
.colorVert{
	color:#006d48;
}
.colorVertClair{
	color:#7ebb4c;
}
.navbar-inverse{
	border:0;
	border-radius:0;
	padding:0;
}
.logo{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.message{
	margin-top:30px;
	font-size:16px;
	padding:0 20px;
}
.baseline{
	font-size:18px;
	text-align:center;
	padding:30px 0;
	font-style:italic;
	color:#006d48;
}
.navbar{
	min-height:auto;
	margin-bottom:0;
}
.navbar-inverse .navbar-nav > li > a.bouton{
	display:inline-block;
	background:#000;
	color:#fff;
	text-align:center;
	font-size:14px;
	padding:8px 16px 5px 16px;
	border-bottom:3px solid #000;
	cursor:pointer;
}
.navbar-inverse .navbar-nav > li > a.bouton:hover{
	text-decoration:none;
	border-bottom:3px solid #fff;
	background:#000;
}
.h2Btn{
	font-size:20px;
	float:left;
	width:100%;
	margin-top:30px;
	text-align:center;
}
.prog{
	font-size:14px;
	margin-top:20px;
}
.prog a {
	text-decoration:none;
	color:#006d48;
}
.menuXsBtnOpen{
	color:#006d48;
	font-size:30px;
	cursor:pointer;
	margin-left:10px;
}
section{padding-bottom:50px;}
section#asterisque{padding:15px 0;}
section#ariane{
	padding:5px 0;
	font-size:12px;
	font-weight:bold;
	border-top:1px solid #eeeeee;
}
section#ariane a {
	font-weight:normal;
	color:inherit;
	text-decoration:none;
}
section#ariane span{
	dispay:inline-block;
	margin:0 8px;
	color:#006d48;
	font-size:1.2em;
	font-weight:normal;
}
#slider{padding-bottom:0;}
/* style du select */
.formfield-select {
	position: relative;
}
.formfield-select--container {
	position: relative; 
	margin:20px 0;
	overflow: hidden; 
}
.formfield-select--container select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 110%; 
	height: auto;
	border: 0; 
	border-bottom:1px solid #006d48;
	margin: 0;
	padding: .75em 40px .75em .75em;
	border-radius: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}
.formfield-select--container::after { 
	content: '';
	position: absolute;
	top: 50%; 
	margin-top: -3px;
	right: .75em;  
	display: block; 
	width: 0; height: 0;
	border-color: transparent;
	border-top-color: #006d48; 
	border-width: 6px;
	border-style: solid;
	pointer-events: none;
}

/* fin style du select */

/* slider */
.titre1{
	font-size:36px;
	font-weight:bold;
	text-align:center;
	margin:60px 15px 40px 15px;
	color:#fff;
	text-shadow:0px 2px 2px #333;
}
.titre1.bgClair, .titre2.bgClair{
	color:#000;
	text-shadow:0px 2px 2px #ccc;
}
.titre2{
	font-size:30px;
	text-align:center;
	margin:0 15px;
	color:#fff;
	text-shadow:0px 2px 2px #333;
}
#myCarousel .wrapper{height:400px;}
.mask{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:400px;
	background:linear-gradient(#666,#000,#000,#000,#666);
	opacity:0.4;
	z-index:-1;
}
.mask.bgClair{
	background:linear-gradient(#aaa,#fff,#fff,#fff,#aaa);
	opacity:0.1;
}
.bg_slide1{background:url(../images/slide1.png) center no-repeat !important;}
.bg_slide2{background:url(../images/slide2.png) center no-repeat !important;}
.bg_slide3{background:url(../images/slide3.png) center no-repeat !important;}


.icon-arrow-left-12:before, .icon-arrow-right-12:before{
	position:relative;
	top:45%;
	font-size:40px;
	font-family:arial, sans-serif;
}
.icon-arrow-left-12:before{
	content:'\276E';
	margin-left:15px;
}
.icon-arrow-right-12:before{
	content:'\276F';
	margin-right:15px;
}
/* fin slider */
#picto {
	padding-top:35px;
}
.lesPlus{
	font-size:14px;
	margin-top:40px;
	text-align:center;
}
.lesPlus img{
	width:80px;
	height:auto;
	margin-bottom:25px;
}
video {
  width: calc(100% - 30px);;
  height: auto;
}

.blockChiffre{
	background:#7ebc4d;
	color:#fff;
	padding:30px;
	font-size:20px;
	border-radius:3px;
	text-align:center;
	font-weight:700;
	margin-bottom:15px;
}
.blockChiffre span{
	font-size:36px;
}
#OPCO h3{
	font-weight:600;
	font-size:16px;
	color:#006d48;
	margin:30px 0 10px 0;
}
#OPCO p{
	font-size:14px;
	margin:0 0 10px 0;
}
.ctc{
	display:block;
	width:100px;
	height:100px;
	margin:0 auto;
	background-size:100px;
	background-position:center center;
	background-repeat:no-repeat;
	cursor:pointer;
	margin-bottom:30px;
}
.ctc:hover{
	text-decoration:none;
	/*transform: scale(1.1);
	transition: all 0.2s ease-in-out;*/
}
.email{background-image:url(../images/email2.png);}
.email:after, .phone:after{
	display:block;
	position:absolute;
	top:115px;
	color:#006d48;
	font-weight:bold;
	font-size:16px;
	width:250px;
	text-align:center;
	left:50%;
	margin-left:-125px;
}
.email:after{
	content:'contact@grouperf.com';
}
.phone:after{
	content:'01 48 00 59 66';
}
.phone{background-image:url(../images/phone2.png);}
.btn-page{
	display:block;
	/*width:200px;*/
	margin:30px auto 30px auto;
	background:#006d48;
	color:#fff;
	padding:15px 30px;
	text-align:center;
	font-size:18px;
	border-radius:5px;
	cursor:pointer;
}
.btn-page-test{cursor:pointer;}
.btn-page:hover{
	background:#7ebc4d;
	color:#fff;
	text-decoration:none;
}
.asterisque{
	font-size:12px;
	text-align:right;
	margin:30px 0 10px 0;
	color:#555;
}
/* blocs */
#jesuis:focus{
	outline:none !important;
}

.option{
	position:absolute;
	bottom:0;
	left:0;
	background:#c35ea0;
	color:#fff;
	padding:3px 10px;
	border-bottom-left-radius:9px;
	border-bottom-right-radius:9px;
	width:100%;
	text-align:center;
	font-weight:bold;
	font-style:italic;
}
#conseiller-gestion-patrimoine .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form.option{display:none;}
.domaine{
	margin:30px 0 20px 0;
	border-radius:10px;
	border:1px solid #ddd;
	padding:0 20px 20px 20px;
	float:left;
	width:100%;
	min-height:320px;
	position:relative;
	background:#fff;
}
.domaine .activites{
	position:relative;
	padding:3px 5px;
	border-radius:5px;
	text-align:center;
	background-color:#dbeccd;
	margin-bottom:7px;
	top:-5px;
}
.domaine.compta{border-color:#F9CC00;}
.domaine.paye{border-color:#EC6D1A;}
.domaine.fiscal{border-color:#0372B2;}
.domaine.social{border-color:#E6184A;}
.domaine.affaires{border-color:#00AC95;}
.domaine.patrimoine{border-color:#C35EA0;}
.categorie{
	position:relative;
	top:-12px;
	color:#fff;
	padding:3px 5px;
	border-radius:5px;
	text-align:center;
	text-transform:uppercase;
	font-size:20px;
}
.categorie.compta{background-color:#F9CC00;}
.categorie.paye{background-color:#EC6D1A;}
.categorie.fiscal{background-color:#0372B2;}
.categorie.social{background-color:#E6184A;}
.categorie.affaires{background-color:#00AC95;}
.categorie.patrimoine{background-color:#C35EA0;}
.liste{
	margin-bottom:7px;
	position:relative;
	padding-left:15px;
}
.liste:before{
	position:absolute;
	top:7px;
	left:0px;
	content:'';
	width:8px;
	height:8px;
	border-radius:3px;
	border:1px solid;	
}
.liste.compta:before{border-color:#F9CC00;}
.liste.paye:before{border-color:#EC6D1A;}
.liste.fiscal:before{border-color:#0372B2;}
.liste.social:before{border-color:#E6184A;}
.liste.affaires:before{border-color:#00AC95;}
.liste.patrimoine:before{border-color:#C35EA0;}
}
/* fin blocs */
.wrapperLoader{
	display:none;
	position:fixed;
	width:100vw;
	height:100vh;
	background:rgba(0,0,0,0.5);
	top:0;
	z-index:1000;
}
.contentLoader{
	width:300px;
	height:155px;
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-150px;
	margin-top:-150px;
	color:#fff;
	background:#000;
	text-align:center;
	padding-top:20px;
}
.container-logo{
	padding-top:14px;
	padding-bottom:0px;
}
/* @medias() */

@media(max-width:1199px){
	.logo{
		margin-top:20px;
	}
	.domaine{
		min-height:344px;
	}
}

@media(max-width:991px){
	.formfield-select--container select{
		border:0;
		background:#006d48;
		color:#fff;
		text-align:center;
		width:100%;
	}
	header > .container-fluid, header > .container-fluid > .navbar-header{
		padding-left:0;
		padding-right:0;
	}
	.formfield-select--container{
		margin:0;
	}
	header{
		padding-bottom:0;
	}
	
	.formfield-select--container::after { 
		border-top-color: #fff; 
	}
	.baseline{padding:15px 0;}
	.logo{margin-top:5px;}
	.domaine{
		min-height:405px;
	}
	.container-logo{
		width:100%;
		padding-left:0;
		padding-right:0;
		padding-top:0px;
		padding-bottom:0px;
	}
	.phone{margin-top:60px;}
	.phone:after{margin-top:60px;}
	.margin-top-sticky{
		margin-top:216px;
	}
	.margin-top-sticky-cac2{
		margin-top:247px;
	}
	.margin-top-sticky-page2{
		margin-top:215px;
	}
	.titre1{
		font-size:30px;
	}
	.titre2{
		font-size:24px;
	}
}

@media(max-width:767px){
	h1{
		font-size:16px;
		margin:30px 0;
	}
	.formfield-select, .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
		border-top:1px solid #fff;
	}
	.bg_green_blanc{background:#fff;}
	#form, #validForm{
		width:100%;
		left:0;
		margin:0;
		top:0;
		border-radius:0;
	}
	.message{padding:0;}
	.navbar-inverse .navbar-nav > li > a.bouton{
		background:transparent;
		display:block;
		border:0;
	}
	.navbar-inverse .navbar-nav > li > a.bouton:hover{
		border:0;
	}
	.titre1{
		font-size:24px;
		padding:0 30px;
	}
	.titre2{
		font-size:18px;
		padding:0 50px;
	}
	.domaine{
		min-height:auto;
	}
	.domaine.patrimoine{padding-bottom:35px;}
	#conseiller-gestion-patrimoine .domaine.patrimoine{padding-bottom:20px;}
	.margin-top-sticky{
		margin-top:91px;
	}
	.margin-top-sticky-cac2{
		margin-top:107px;
	}
	.margin-top-sticky-page2{
		margin-top:91px;
	}
	.bg_slide1{background:url(../images/slide1-mini.png) center no-repeat !important;}
	.bg_slide2{background:url(../images/slide2-mini.png) center no-repeat !important;}
	.bg_slide3{background:url(../images/slide3-mini.png) center no-repeat !important;}
	.logo{
		height:auto;
		width:200px;
		margin-bottom:5px;
	}
	.menuXsBtnOpen{
		float:left;
	}
	.float-right-xs{
		float-right;
		margin-right:30px;
	}
}
@media(max-width:400px){
	.sticky{
		/*position:relative;
		top:auto;
		left:auto;
		width:100%;*/
	}
	.margin-top-sticky, .margin-top-sticky-cac, .margin-top-sticky-page {
		/*margin-top:0;*/
	}
	.titre2{display:none;}
	.titre1{margin-top:100px;}
}
/* fin @media() */