.digiForm article.jHotel {width: 100%;}
body > header {box-shadow: 1px 1px 6px #000;}
.digiForm article, 
.digiForm article:first-child {
	width: 60%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}
.digiForm article.form_team {
	width: 70%;
}
.digiForm .form_team.formCheckbox div {width: 100%;}
input[type="text"], input[type="password"], input[type="email"], select {
	height: 60px;
}
form .central {text-align: center;}

 
/*Form team					*/
nav.step {width: 100%; text-align: center;}
nav.step ul {width: 60%; margin: 80px auto 20px; display: flex; justify-content: space-around;}
nav.step ul li {
    height: 60px; width: 75px;
    border-radius: 100%;
    padding: 20px;
    position: relative;
    background: #ccc;
    box-shadow: 1px 1px 2px #777;
    color: #fff;
    line-height: 21px;
}
nav.step ul li.active {
    background: #8FBE13;
}
nav.step ul li.active:after {
	content: " ";
	position: absolute;
	bottom: -16px;
	left: 21px;
	border-style: solid;
	border-width: 11px;
	border-color: transparent;
	border-bottom: #8FBE13 solid 11px;
	width: 0;
	height: 0;
}
nav.step ul li.ln {
	width: 410px;
	height: 1px;
	background: #ccc;
	box-shadow: none;
	border-radius: none;
	margin: 60px 0 0 0;
	padding: 0;
	padding-top: 1px;
}
nav.step ul li.lnd:after {
	content: "";
	color: #888;
	position: absolute;
	bottom: 17px;
	left: 41px;
	width: 402px;
	height: 1px;
	border-bottom: 1px solid #CCC;
	z-index: -1;
}
nav.step ul li span {
 	position: absolute;
 	top: -60px;
 	left: -50px;
 	color: #777;
 	font-weight: normal;
 	font-size: 28px;
 	display: block;
 	white-space: nowrap;
 }
.team {
	text-align: center;
	padding: 40px 0;
	border-top: 2px solid #eee;
 }
.team > article > h2 {
	font-size: 40px;
/*	color: #fff;*/
/*	background: #888;*/
	padding: 20px;	
}
.team ul {
	width: 100%;
	display : inline-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.team ul li {
	font-size: 15px;
	text-align: left; 
	border: solid 1px #CCC; 
	border-radius: 7px; 
	padding: 30px 0 0; 
	width: 30%; 
	margin-bottom: 25px;
	box-shadow: 0px 1px 1px #eee;	
	position: relative;
}
.team ul li .control, 
.team > article .control {
	position: absolute;
	right: -20px;
	top: -15px;
	z-index: 10;
/*	display: none;*/
	width: 60px;
	height: 60px;
	background: white;
	border: 1px solid #888;
	border-radius: 100%; 
}
/*.team ul li .control.active {display: block;}*/

.team .modif::before {
    background: #fff none repeat scroll 0 0;
    content: "\f040";
    cursor: pointer;
    font-family: FontAwesome;
    font-size: 18px;
    font-weight: normal;
    height: 20px;
    position: absolute;
    right: 19px;
    text-align: center;
    top: 33px;
    width: 20px;
    z-index: 1;
}
.team .close::before {
	border: none;
	border-radius: 0;
	top: 8px;
	right: 19px;
}

.team article ul li div.mbrs {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom: 60px;
}
.team article.mbrs {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	padding: 0 15px 30px;
	margin-bottom: 50px;
}
.team > article.mbrs {
	position: relative;
	border: 1px solid #ccc;
    border-radius: 7px;
    box-shadow: 0 1px 1px #eee;
}
.team > article.mbrs li {
    width: 20%; margin: 10px;
}
.team > article.mbrs li:first-child {
    width: 100%;
}
.team > article.mbrs li:first-child figure {
	width: 170px;
	display: inline-block;
}
.team > article.mbrs li:first-child article {display: inline-block; width: calc(100% - 180px); vertical-align: top; padding: 0 10px 10px 50px;}



.team article.mbrs h2 {width: 100%;}
.team article.mbrs ul {
	width: 60%;
}
.team article.mbrs > aside {
	width: 35%;
	background: grey;
	color: #fff;
}
.team article.mbrs > aside h2 {
	margin: 40px 0;
	color: #fff;
	font-weight: normal;
}
/*.team article.mbrs li .mbrs {justify-content: center;}*/
.team ul li figure, 
.team ul li .more {
	width: 115px;
	margin: 10px;
	border-bottom: 1px solid #E3E3E3;
}
.team .mbrs li figure {margin: 0 auto;}
.team ul li .more {
	text-align: center;
	font-size: 40px;
	border: 1px solid #eee;	
	vertical-align: middle;
	line-height: 111px;
}
.team ul li figure.hidden {
	display: none;
}
.team ul li figure figcaption {
	margin: 0;
	color: #222;
	font-size: 13px;
	font-style: normal;
	transform: none;
}
.team ul li img {
	width: 100%;
	border-radius: 100%;
}
.team ul li h2 {
	font-size: 20px;
	height: 50px;
	vertical-align: top;
	font-weight: normal;
	padding-bottom: 7px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #ccc;
	text-align: center;
}
.team ul li h3 {
	font-size: 16px;
	height: 30px;
	color: #888;
	padding-top: 15px;
	font-style: italic;
	font-weight: normal;
}
.team li > div.new {
	font-size: 30px;
	line-height: 60px;
	cursor: pointer;
	text-align: center;
	background: #999;
	color: #fff;
	width: 100%;
	border-radius: 0 0 7px 7px; 
	position: absolute;
	bottom: 0;
}
.team li.new {
	font-size: 50px;
	cursor: pointer;
	text-align: center;
/*	width: 230px;*/
	padding: 40px 0 0 0;
}
.team li.new > span{
	vertical-align: middle;
	font-size: 50px;
	padding: 0;
	margin: 0 0 80px;
	display: block;
}
.team li.new .new {
	margin-top: 40px;
}
.team li.new .new span {
	font-size: 30px;
}

.digiForm .form_team label {font-weight: normal; margin-bottom: 10px;}
.popin .form_team input[type="text"] {height: 50px;}
.form_team.formCheckbox {margin-top: 60px;}
.form_team.formCheckbox input {
	display: none;
}
.form_team.formCheckbox > div > label {
	display: inline-block;
	background: #333;
	color: #fff;
	border-radius: 5px;
	padding: 14px 35px;
	margin: 20px;
	position: relative;
}

.form_team.formCheckbox > div > label:after {
	position: absolute;
	right: -15px;
	top: -15px;
	z-index: 10;
	width: 30px;
	height: 30px;
	background: white;
	border: 1px solid #888;
	border-radius: 100%; 
    content: "4 \f005";
    cursor: pointer;
    font-family: FontAwesome;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    color: red;
    line-height: 32px;
}
.form_team.formCheckbox > div > label:first-child:after {content: "5 \f005";}
.form_team.formCheckbox > div > label:nth-child(8n):after {content: "2 \f005";}
.form_team.formCheckbox > div > label:last-child:after {content: "1 \f005";}





/*___________________________________________________________*/
.arcs {position:relative; text-align: center; font-size:0;}

svg .arc {
	stroke:#0c0; 
	stroke-linejoin:bevel; 
	stroke-width: 37%; 
	fill:none;
	cursor: pointer;
}
svg .mainArc { stroke:#555; }
svg .saleArc { stroke:#08c; }
svg .rentArc { stroke:#f5a; }
svg .prodArc { stroke:#8b0; }
svg .openArc { stroke: #04c;}
svg .clickArc { stroke: #00a;}
svg .inscrArc { stroke: #00a010;}
svg .winArc {stroke: #2a2; stroke-width:17.5%;}
svg .lostArc {stroke-width:12.5%; stroke:#b35;}
svg .paidArc {stroke: #2a2;stroke-width:12.5%; }
svg .notpaidArc {stroke:#a77;}
svg .cancelArc {stroke:#a77;}
svg .arcInfo div {
	background: #fff;
	font-size:14px;
	border-radius: 100%;
	text-align: center;
	border:3px solid #151515;
	height:100%;
	width:100%;
	display: flex;
	flex-direction:column;
	justify-content:center;
}
svg .arcInfo b {font-size:300%;line-height: 1.5vw;}
svg .arcInfo span {font-size:130%;}
svg.budget .arcInfo div {border:0; background: #eee;}
svg.budget .arc {stroke-width:12%; }
.emails svg .arcInfo div {color:#49d; border-color:#49d;}
.events svg .arcInfo div {color:#00c510; border-color:#00c510;}
.oppts svg .arcInfo div {color:#e92; border-color:#e92;}
.sales svg .arcInfo div {color:#d01 ; border-color:#d01 ;}
.oppts svg .arcInfo div > i {font-size:170%;}
.oppts svg .arcInfo div b {font-size:150%;}
.oppts svg .arcInfo div span {font-size:100%;}
.sales svg .arcInfo div > i {font-size:170%;}
.sales svg .arcInfo div b {font-size:150%;}
.sales svg .arcInfo div span {font-size:100%;}
/*___________________________________________________________*/







.popin {
	display: none;
	position: sticky;
	top: 15vh;
	left: 15vw;
	width: 60vw;
	min-height: 80vh;
	background: #fff;
	border-radius: 7px;
	border: 1px solid #ccc;
	z-index: 1000;
	background: ivory;
	box-shadow: 1px 1px 1px #222;
}
.thx_msg, 
.form_wrap {display: none; font-size: 18px; line-height: 26px; width: 100%;}

.popin.active, 
.thx_msg.active, 
.form_wrap.active {display: block;}

.thx_msg article,
.form_wrap article {padding: 40px;}
.popin input[type="text"], input[type="password"], input[type="email"], select {
	height: 30px; }

.trombiPicture {text-align: center;}
.trombiPicture span.newPic {
	display: inline-block;
	background: #444;
	color: white;
	padding: 10px;
	text-align: center;
	margin: 15px auto; 
	width: auto;
}	
.popin  .trombiPicture img {width: 250px; border-radius: 5%; box-shadow: 1px 1px 1px #777;}	

button, input[type="button"], input[type="submit"], .btn, .link a {
	border-radius: 5px;
	background: #222;
	color: white;
	padding: 10px 40px;
	font-size: 20px;
	border-bottom: 0;
}	
	
.ct-blocs.ct-nb-10  thead {display:none;}
.ct-blocs h2.agenda {width:100%;font-size:12px; text-transform:none;}
.ct-blocs table.agenda {width:100%; }
.ct-blocs > div table.agenda tr td:first-child {display:none;}
.ct-blocs > div:first-child table.agenda tr td:first-child {display:table-cell;}
.ct-blocs > div table.agenda tr td {text-align:center; vertical-align:middle:}
.ct-blocs > div:nth-child(2n) table.agenda tr td:last-child {background:#eee;}

.ct-blocs > div:first-child h2.agenda {padding-left:40px; }

table.agenda tr td {padding: 10px 5px;}
table.agenda tr td span {font-weight:normal;}
@media (max-width:1300px) {
	.ct-blocs.ct-nb-10  {flex-wrap:wrap; flex-direction:row;}
	.ct-blocs.ct-nb-10 > div {width:200px; flex:auto;}
	.ct-blocs.ct-nb-10 td {display:table-cell;}
	.ct-blocs.ct-nb-10 table {display:table;}
	.ct-blocs.ct-nb-10 tbody {display:table-header-group;}
	
	.ct-blocs.ct-nb-10 tr {display:table-row;}
	.ct-blocs > div table.agenda tr td:first-child {display:table-cell;}
}