s, strike, del {text-decoration: none;}
.digiForm article.jHotel {width: 100%;}
body > header {box-shadow: 1px 1px 6px #000;}
.digiForm article, 
.digiForm article:first-child {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	color: #777;
}
.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;}

h1 {color: #1a649f ; border-left:5px solid #1a649f;}
.digiForm article.formTxt {color:#777; font-size:18px;}
 
/*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;}
}

/*---------------------------- BLOC-CONTACT ----------------------------*/
.bloc-contact {
	display: flex;
	padding: 50px;
}
.bloc-contact .datas {
	flex-grow: 1;
}
.bloc-contact h2 {
	border-left: 5px solid #003056;
	padding-left: 10px;
	margin-bottom: 10px;
}
.bloc-contact .picture .fa,
.bloc-contact th,
.bloc-contact h2 {
	color: #003056;
}
.bloc-contact table {
	display: table;
	margin: 0;
	border: 0;
}
.bloc-contact tbody {
	display: table-row-group;
}
.bloc-contact tr {
	display: table-row;
}
.bloc-contact tr:hover {
	background-color: #f3f3f3;
}
.bloc-contact th,
.bloc-contact td {
	display: table-cell;
	padding: 10px;
	padding-left: 0;
	text-align: left;
}
.bloc-contact td,
.bloc-contact a {
	color: #1a649f;
}
.bloc-contact a {
	text-decoration: underline;
}

.bloc-contact .infos,
.bloc-contact .documents {
	flex-grow: 1;
	padding: 0 0 40px 50px;
}

.bloc-contact .picture .fa {
	vertical-align: top;
	font-size: 200px;
}

.bloc-contact .infos th {
	width: 230px;
}

.bloc-contact .documents th {
	width: 55px;
}

.bloc-contact .documents .fa {
	font-size: 30px;
}
.bloc-contact .documents .fa.disabled {
	opacity: 0.25;
}

.bloc-contact .documents tr td:last-child {
	text-align: right;
}

@media screen and (max-width: 600px) {

	.bloc-contact {
		flex-direction: column;
		align-items: center;
		padding: 20px;
	}

	.bloc-contact .infos,
	.bloc-contact .documents {
		padding: 40px 0 20px 0;
	}

}

/*-------------------------------------------------------------------------------------------------------------------------------
'########::'#######::'########::'##::::'##::'######:::::'########::'########:::'#######::::::::'##:'########::'######::'########:
 ##.....::'##.... ##: ##.... ##: ###::'###:'##... ##:::: ##.... ##: ##.... ##:'##.... ##::::::: ##: ##.....::'##... ##:... ##..::
 ##::::::: ##:::: ##: ##:::: ##: ####'####: ##:::..::::: ##:::: ##: ##:::: ##: ##:::: ##::::::: ##: ##::::::: ##:::..::::: ##::::
 ######::: ##:::: ##: ########:: ## ### ##:. ######::::: ########:: ########:: ##:::: ##::::::: ##: ######::: ##:::::::::: ##::::
 ##...:::: ##:::: ##: ##.. ##::: ##. #: ##::..... ##:::: ##.....::: ##.. ##::: ##:::: ##:'##::: ##: ##...:::: ##:::::::::: ##::::
 ##::::::: ##:::: ##: ##::. ##:: ##:.:: ##:'##::: ##:::: ##:::::::: ##::. ##:: ##:::: ##: ##::: ##: ##::::::: ##::: ##:::: ##::::
 ##:::::::. #######:: ##:::. ##: ##:::: ##:. ######::::: ##:::::::: ##:::. ##:. #######::. ######:: ########:. ######::::: ##::::
-------------------------------------------------------------------------------------------------------------------------------*/

[data-block="240"],
[data-block="258"] {
	padding: 15vh 0;
}
[data-block="240"] section,
[data-block="258"] section {
	padding: 0 !important;
}
[data-block="240"] table td,
[data-block="258"] table td {
	padding: 15px 0 !important;
}
[data-block="240"] .content,
[data-block="258"] .content {
	width: 100% !important;
	margin: 0;
}
[data-block="240"] aside,
[data-block="258"] aside {
	display: none;
}
[data-block="240"] h2,
[data-block="258"] h2 {
	text-align: center;
}
[data-block="240"] table,
[data-block="240"] table tr,
[data-block="258"] table, 
[data-block="258"] table tr {
	border: 0 !important;
}
[data-block="240"] table a,
[data-block="258"] table a,
.formOk + a {
	width: 300px;
	background-color: #19649E;
	margin: auto !important;
	display: block;
	text-align: center;
	padding: 30px 10px;
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 5px;
	color: #FFF;
	border: 1px solid #003763;
	font-size: 12px;
	transition: background-color 0.5s;
}
.formOk + a {
	margin: 30px auto !important;
}
[data-block="240"] table a:hover,
[data-block="258"] table a:hover,
.formOk + a:hover {
	background-color: #003763;
}
/*---------- FICE - FIDS ----------*/
[data-codeform^="FICE2"] ul,
[data-codeform^="FICE2"] li,
[data-codeform^="FIDS2"] ul,
[data-codeform^="FIDS2"] li {
	list-style: disc !important;
}
[data-codeform^="FICE2"] article,
[data-codeform^="FIDS2"] article {
	width: 100% !important;
}
[data-codeform^="FICE2"] article > label,
[data-codeform^="FIDS2"] article > label {
	display: none !important;
}
[data-codeform^="FICE2"] article div,
[data-codeform^="FIDS2"] article div {
	display: block !important;
}
[data-codeform^="FICE2"] article div > ul,
[data-codeform^="FIDS2"] article div > ul {
	display: flex !important;
}
[data-codeform^="FICE2"] input[type="radio"],
[data-codeform^="FIDS2"] input[type="radio"] {
	display: none;
}
[data-codeform^="FICE2"] article div > ul > li,
[data-codeform^="FIDS2"] article div > ul > li {
	flex: 1;
}
[data-codeform^="FICE2"] article div > ul > li label,
[data-codeform^="FIDS2"] article div > ul > li label {
	width: 100%;
	height: 100%;
	cursor: pointer;
	padding: 20px 15px 120px 15px;
	line-height: 30px;
	position: relative;
	background-color: #19649E;
	color: #FFF;
	z-index: 0;
}

[data-codeform^="FICE2"] article div > ul > li label{width: 40%; margin-left: 30%}

[data-codeform^="FICE2"] .formRadio ul li label,
[data-codeform^="FICE2"] article label,
[data-codeform^="FIDS2"] .formRadio ul li label,
[data-codeform^="FIDS2"] article label {
	font-size: 18px;
	font-weight: bold;
}
[data-codeform^="FICE2"] article label ul,
[data-codeform^="FIDS2"] article label ul {
	font-size: 14px;
	font-weight: normal;
	margin-left: 20px;
}
[data-codeform^="FICE2"] article label li,
[data-codeform^="FIDS2"] article label li {
	display: list-item !important;
}
[data-codeform^="FICE2"] article label strong,
[data-codeform^="FIDS2"] article label strong {
	position: absolute;
	bottom: 0;
	right: 10px;
	font-size: 14px;
}
[data-codeform^="FICE2"] article label:before,
[data-codeform^="FIDS2"] article label:before {
	content: "";
	background-color: transparent;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transition: background-color 0.5s;
}
[data-codeform^="FICE2"] input[type="radio"]:checked + label:before,
[data-codeform^="FIDS2"] input[type="radio"]:checked + label:before {
	background-color: #003763;
}
.FICE2,
.FIDS2 {
	border: 1px solid #D6E9C6;
	border-radius: 4px;
	font-weight: bold;
	padding: 20px;
	background-color: #DFF0D8;
	color: #3C763D;
}

@media all and (max-width: 1000px) {

	[data-codeform^="FICE2"] article,
	[data-codeform^="FIDS2"] article {
		padding: 0 !important;
	}
	[data-codeform^="FICE2"] article div > ul,
	[data-codeform^="FIDS2"] article div > ul {
		flex-direction: column;
	}

}

/*------------------------------------------*/
/*---------- NO HEADER FOR OFFERS ----------*/
/*------------------------------------------*/

body > nav:first-child + .wrap_page {
	padding: 0;
}


.account { width: 80%; margin: auto; display: flex; align-items: flex-start; justify-content: center; flex-direction: row; flex-wrap: wrap; }
.account > article { width: 33%; padding: 16px; min-height: 200px; display: flex; align-items: center; justify-content: space-between; flex-direction: column; }
.account > article > h2 { font-size: 22px; }

/** EXTRANET **/
.extranet {width: 100%; padding: 0 20px; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column;}
.extranet table { margin: 16px 0; }
.extranet .left-panel {width: 50%; margin: 0;}
.extranet-datas {display: flex;flex-direction: column;padding: 20px;}
.extranet-datas h2 {border-left: 5px solid #003056;padding-left: 10px;margin-bottom: 10px;}
.extranet-datas .picture .fa,.extranet-datas th,.extranet-datas h2 {color: #003056;}
.extranet-datas table {display: table;margin: 0;border: 0;}
.extranet-datas tbody {display: table-row-group;}
.extranet-datas tr {display: table-row;}
.extranet-datas tr:hover {background-color: #f3f3f3;}
.extranet-datas th,.extranet-datas td {display: table-cell;padding: 10px;padding-left: 0;text-align: left;}
.extranet-datas td,.extranet-datas a {color: #1a649f;}
.extranet-datas a {text-decoration: underline;}
.extranet-datas .infos,.extranet-datas .documents {flex-grow: 1;padding: 0 0 40px 0;}
.extranet-datas .picture .fa {vertical-align: top;font-size: 200px;}
.extranet-datas .infos th {width: 230px;}
.extranet-datas .documents th {width: 55px;}
.extranet-datas .documents h2 {margin-top: 22px;}
.extranet-datas .documents a {text-decoration: none;}
.extranet-datas .documents .fa {font-size: 30px; margin-left: 4px; cursor: pointer; }
.extranet-datas .documents .fa.disabled {opacity: 0.25;}
.extranet-datas .documents tr td:last-child {text-align: right;}

.extranet form { display: flex; flex-direction: row; }
.extranet form .filters { width: 100%; padding-top: 12px; display: flex; justify-content: center; }
.extranet form .filters .filter { width: 30%; margin: 1.5%; }
.extranet form .filters .filter select { min-height: 125px; }
.extranet form input[type='submit']{ align-self: flex-end; }

.extranet h1 a.btn { font-size: 12px; line-height: 24px; padding: 4px 32px; height: auto; border: 3px solid transparent; }

.fileUploadModal { display: none; padding: 30px; position: fixed; width: 300px; background-color: #fff; border: 1px solid rgb(0, 50, 90); z-index: 12;}
.fileUploadModal:after, .fileUploadModal:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.fileUploadModal:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 30px;
	margin-left: -30px;
}
.fileUploadModal:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #000;
	border-width: 31px;
	margin-left: -31px;
}
.fileUploadModal .times, .extranet-modal .times { position: absolute; color: black; top: 2px; right: 8px; font-size: 32px; }
.fileUploadModal .btn { margin-top: 4px; padding: 2px 12px; width: 100%; border-bottom: 3px solid transparent; align-self: center; }
.fileUploadModal form, .extranet-modal form { flex-direction: column; justify-content: center;}
table > thead > tr th input.extranetTableFilter { height: auto; }

#blur-modal { display: none; position: fixed; top:0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 1); z-index: 42; opacity: 0; }
.dataSpecModal { display: none; background-color: #fff; position: fixed; top: 0; left: 0; width: 50%; z-index: 43; padding: 16px; opacity: 0; border-radius: 4px; box-shadow: 0 0 3px 2px #fafafa; }
.dataSpecModal .times { text-align: right; font-size: 32px; }
.dataSpecModal form > div { margin: 12px 0; }
.dataSpecModal form > div input[type="text"],
.dataSpecModal form > div input[type="password"],
.dataSpecModal form > div input[type="email"],
.dataSpecModal form > div textarea,
.dataSpecModal form > div select { height: auto; padding: 10px 12px; }
.dataSpecModal form > div textarea { resize: vertical; width: 100%; display: block; }
.dataSpecModal form input[type='submit'] { padding: 4px 22px; float: right; border-bottom: 3px solid transparent; }

/** Espace parrainage **/
[data-codeform="parrainage"] .oneline { width: 80%; margin: auto; }
.parrainage .wrap h1 { width: 90%; margin: auto; }
.header-parrainage { width: 90%; margin: auto; padding: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.header-parrainage .fa { font-size: 42px; margin-bottom: 22px; }
.header-parrainage .code { font-weight: bold; font-size: 32px; letter-spacing: 1px; margin-bottom: 8px; }
.header-parrainage span:last-child { font-weight: bold; font-size: 16px; color: #888; }
.header-parrainage a { margin-top: 16px; border: 2px solid #002947; background: #003560; color: white; padding: 12px 32px; font-weight: bold; border-radius: 2px; transition: .2s; text-transform: uppercase; }
.header-parrainage a:hover { background: transparent; color: #003560; transition: .2s; }
.header-parrainage .desc { border-top: 1px solid #888; margin-top: 16px; padding-top: 16px; color: #888; text-align: center; }

.list-parrainage { width: 90%; margin: auto; }
.list-parrainage .list-header { display: flex; justify-content: space-around; align-items: flex-start; }
.list-parrainage .list-header .item { width: 40%; margin: 4px; display: flex; flex-direction: column; justify-content: center; align-items: center;  text-align: center; }
.list-parrainage .list-header .item .fa { font-size: 32px; }
.list-parrainage .list-header .item span { color: #888; padding-top: 3px; }
.list-parrainage .list { margin-top: 12px; }
.list-parrainage .list .item { width: 100%; max-width: 400px; margin: auto; padding: 12px; margin: 6px auto 6px auto; }
.list-parrainage .list .item:not(:last-child) { border-bottom: 1px solid rgba(136, 136, 136, 0.2); }
.list-parrainage .list .item-content { display: flex; justify-content: space-between; align-items: center; }
.list-parrainage .list .item-progress-bar { margin: 8px; height: 20px; border: 1px solid #002947; }
.list-parrainage .list .item-progress-bar div { height: 100%; background: #003560; }

.list-parrainage .list .item-progress { margin: 8px 0 8px 0; display: flex; justify-content: space-between; align-items: flex-start; }
.list-parrainage .list .item-progress div { width: 33%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.list-parrainage .list .item-progress div .fa { font-size: 18px; margin-bottom: 4px; }
.list-parrainage .list .item-progress div .fa-check-circle { color: green; }
.list-parrainage .list .item-progress div .fa-times-circle { color: red; }
.list-parrainage .list .item-progress div .fa-spinner { color: #003560; animation: waiting 1s infinite ease; }
@keyframes waiting {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.list-parrainage .list .item-footer { display: flex; justify-content: flex-end; align-items: center; font-size: 14px;}