.fontRegular {
	font-family: Lato-Regular, Arial;
}

.thx-content .send-carte,
.thx-content .breadDlProposal {
	display:block;
	overflow:hidden;
	margin:20px 0 0 0;
	padding: 25px;
}

.thx-content .breadDlProposal {
	padding: 25px 50px;
}


.thx-content .breadDlProposal .title-header {
	font-size: 25px;
	margin-bottom: 25px;
}

.thx-content .breadDlProposal .breadDlText {
	font-size: 21px;
	line-height: 27px;
	font-family: Lato-Light, Arial;
	text-align: center;
}

.thx-content .breadDlProposal .breadDlBtn {
	background-color: #529FC3;
	font-size: 19px;
	margin-top: 50px;
	text-decoration: none;
	margin-bottom: 60px;
}

.thx-content .breadDlProposal .breadDlBtn:hover {
	background-color: #2382af;
}

.boutonWIcon {
	display: flex;
	justify-content: center;
	height: 50px;
	padding: 10px 0;
	border: none;
	outline: none;
	border-radius: 8px;
	overflow: hidden;
	width: 100%;
}

.breadDlBtn .btnContent {
	display: inline-flex;
	align-items: center;
	padding: 0;
	color: #fff;
	height: 100%;
	font-size: 19px;
}

.breadDlBtn .btnContentIcon {
	margin-right: 20px;
}

.title-header {
	color: #455A5D;
    font-family: Lato-Light, Arial;
    font-size: 26px;
	text-align: center;
}

.title-header strong { 
    font-size: 20px; 
    font-weight: 700;
}

.thanksCards {
	width: 100%;
	margin: 25px 0 45px 0;
}

.thanksCardsBtn {
	display: block;
	float: left;
	width: 25%;
	height: 85px;
	display: flex;
  	justify-content: center;
  	align-items: center;
  	border-radius: 10px;
}

.thanksCardsBtn:hover {
	background-color: #B4FFDC;
	
}

#current-thxCard {
	display: block;
	float: left;
	width: 42%;
	margin: 0 4% 0 4%;
	position: relative;
}


#current-thxCard:hover #thxcard_play{display:block;}

#thxcard_play {
	position : absolute;
    display:none;
    left:0px;
    right:0px;
    z-index:100
}


#current-thxCard img {
	width: 100%;
	border-radius: 10px;
}
#parMailTabFormMessage {
	width: 90%;
	height: 145px;
	resize: none;
	border-radius: 10px;
	border: 1px solid #BFDCE2;
	font-size: 16px;
    padding: 5%;
    margin-bottom: 27px;
}

#parMailTabFormMessage::placeholder {
  color: #BFBFBF;
  font-size: 15px;
  font-family: Lato-Regular, Arial;
}

a.bouton {
    display: block;
    max-width: 300px;
    padding: 14px;
    margin: 0 auto;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    text-decoration: none;
    text-align: center;
    font-size: 18px;
}

a.link-send-carte,
#wrapperLightBox #foot a#popinEnvoyer {
	width: 80%;
    color: #FFFFFF;
    background-color: #718D92;
    margin-top: 6px;
}

a.link-send-carte:hover,
#wrapperLightBox #foot a#popinEnvoyer:hover {
	background-color: #687a7f;
}
	

.vjs-tech,
.vjs-poster {
  border-radius: 20px;
}

.video-js .vjs-control-bar {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.wrap-celeber{
	position:relative;
	display:block; 
	z-index:2;
	margin-top: 20px;
	margin-bottom: 40px;
	min-width: 1024px;
}

.wrap-celeber-inner{
    padding: 0 0 5px 0;
    position: relative;
    width: 990px;
	margin: auto;
    padding-left: 14px;
    padding-top: 25px;
    overflow:hidden;
    border-top: solid 2px #f2f2f2;
}


.list-celeber{
	width: 870px;
	margin:0 auto;
	padding:0 0 55px 0;
	border:0;
	position:relative;
	
}

.list-celeber li
{
	width:290px;
	_width:210px;
}

.list-celeber .celeber-first{ 
	padding-top:55px;
	background:url("//static.cybercartes.com/layouts/cyb_default/img/hp/3/cybercartes_33.png") no-repeat 62px top;
	float:left;
}

.list-celeber li ul{
	padding-top:25px;
	padding-left:15px;
	_padding-left:0;
	border-right: solid 2px #f2f2f2;
	font-family:Lato-Light, Arial;
	font-size:19px;
}

.list-celeber li ul h3{
	margin:0;
	padding:0;
	border:0;
	font-weight:300;
	_width: 200px;
}

.list-celeber li ul h3 a{
	text-decoration:none; 
	line-height:33px;
	_width: 200px;
	color:#45373f;
	font-size:18px;
}

.list-celeber li ul h3 a:hover{
	text-decoration:underline;
}

.list-celeber li .title{ 
	font-size:39px; 
	_font-size:35px;
	padding-bottom:12px;
	color:#45373f;
	_width: 200px;
}

.list-celeber .celeber-middle{
	padding-top:55px; 
	background:url("//static.cybercartes.com/layouts/cyb_default/img/hp/3/cybercartes_34.png") no-repeat 112px top;
	float:left;
}

.list-celeber .celeber-middle ul{
	padding-left:25px;
	padding-right:18px;
}

.list-celeber .celeber-end{
	padding-top:55px; 
	background:url("//static.cybercartes.com/layouts/cyb_default/img/hp/3/cybercartes_35.png") no-repeat 106px top;
	float:left;
}

.list-celeber .celeber-end ul{
	padding-left:25px;
	padding-right:0;
	border:0;
}

.alert-anniversaire{
	position:relative;
	float:left;
	width:205px;
	background:transparent url("//static.cybercartes.com/layouts/cyb_default/img/retrait/cybercartes_78.png") repeat 0 0;
	padding:3px 15px 12px;
	margin-top:55px;
}

.alert-anniversaire .arrow-icon{
	position:absolute;
	width:235px;
	height:11px;
	left:0;
	top:-11px;
	background:url("//static.cybercartes.com/layouts/cyb_default/img/retrait/cybercartes_79.png") no-repeat left top;
}

.alert-anniversaire .title{
	font-size:30px; 
	_font-size:25px; 
	line-height:29px; 
	font-family:Lato-Light, Arial;
	border-bottom:1px dashed #9fb9c1;
	padding-bottom:5px;
	position:relative;
	overflow:hidden;
	display:inline-block;
	color:#45373f;
	clear:both; 
	background:url("//static.cybercartes.com/layouts/cyb_default/img/hp/3/cybercartes_37.png") no-repeat right top;
	padding:22px 0 0 0;
}

.alert-anniversaire .title .small{
	display: block;
    font-family: Lato-Bold, Arial;
    font-size: 11px;
    line-height: 11px;
    padding: 9px 0;
    position: relative;
}

.alert-anniversaire  .contenu{  
	background:url("//static.cybercartes.com/layouts/cyb_default/img/hp/3/cybercartes_38.png") no-repeat 7px 21px; 
	overflow:hidden;
	padding:81px 0 40px 7px;
	clear:both;
	float:left; 
}

.alert-anniversaire  .contenu p{
	font-size:19px; 
	font-family:Lato-Light, Arial;
	color:#45373f;
	line-height: 22px;
}

.alert-anniversaire .contenu .blue-btn-content{
	position:relative; 
	background:url("//static.cybercartes.com/layouts/cyb_default/img/retrait/blue-btn-left-without-shadow.png") no-repeat left top;
	padding:0 0 0 5px;
	height:27px;
	text-decoration:none; 
	display:block;
	margin-top:26px;
}

.alert-anniversaire .blue-btn-content:hover{background-image:url("//static.cybercartes.com/layouts/cyb_default/img/retrait/blue-btn-left-hover-without-shadow.png");}

.alert-anniversaire .blue-btn-content span{
	position:relative;  
	background:url("//static.cybercartes.com/layouts/cyb_default/img/retrait/blue-btn-without-shadow.png") no-repeat right top;
	padding:0 26px 0 7px;
	height:27px;
	line-height:27px; 
	font-size:12px;
	font-size:11px\9;
	font-family:Lato-Bold, Arial;
	display:block;
	text-align: left;
	cursor:pointer;
	min-width:119px;
	color:#fff;
}

.alert-anniversaire .blue-btn-content:hover span{background-image:url("//static.cybercartes.com/layouts/cyb_default/img/retrait/blue-btn-hover-without-shadow.png");}

.list-anniversaire{
	margin-top:15px;
	clear:both; 
}

.list-anniversaire ul{
	margin:0;
	padding:0 0 2px 0;
	border:0;
	border-bottom:1px dashed #9db7bf;
}

.list-anniversaire ul li{
	display:block;
	padding-bottom:10px;
	overflow:hidden;
}

.list-anniversaire ul li img{
	border:3px solid #fff;
	float:left;
	margin-right:5px;
}

.list-anniversaire ul li .date{
	display:block; 
	color:#fff;
	font-size:14px;
	font-family:Lato-Bold, Arial;
}

.list-anniversaire ul li .name{
	display:block;
	color:#45373f;
	font-size:16px;
	font-family:Lato-Regular, Arial;
	padding-bottom:3px;
}

.list-anniversaire ul li a.link{
	display:block;
	color:#d80067;
	font-size:11px;
	font-family:Lato-Regular, Arial;
	text-decoration:none;
}

.list-anniversaire ul li a.link:hover{
	text-decoration:underline;
}

#noTextContainer {
	display:flex;
	flex-direction: column;
	align-items: center;
	margin-top: 35px;
}

.noTextPicto {
	width: 10%;
	height: 55px;
}

.noTextMessage {
	font-size: 20px;
    color: #6EB7D1;
    width: 60%;
    text-align: center;
    line-height: 24px;
    margin-top: 15px;
}


/*****************/
#wrapperLightBox {
	width: 600px;
	position: relative;
	font-family: Lato-Regular, Arial;
	background-color: #EDFCF5;
	border-radius: 20px;
	padding-top: 20px;
	color: #455A5D;
}

div#wrapperLightBox form{width: 540px; margin: 0 auto; padding-top: 10px;  font-size: 13px; padding-right: 10px;}

#wrapperLightBox div#popinCoreg{margin: 0 auto; color: #463537; font-size: 13px;}
#wrapperLightBox div#popinCoreg .coreg_image{float: left; width: 120px;}
#wrapperLightBox div#popinCoreg .coreg_image img{max-width: 120px;}
#wrapperLightBox div#popinCoreg .coreg_textradios{float: left; width: 400px; margin-left:15px;}
#wrapperLightBox div#popinCoreg .coreg_boutons_radios{float:left; width:150px; padding-top:5px;}
#wrapperLightBox div#popinCoreg .coreg_boutons_radios label{margin-right:10px;}
#wrapperLightBox div#popinCoreg  .advisor-warn {float:left; width:200px; padding-top:5px;}
#wrapperLightBox div#popinCoreg  .advisor-warn ul{margin:0; padding:0;}
#wrapperLightBox div#popinCoreg  .advisor-warn li{list-style: none; color:#911;}
#wrapperLightBox div#popinCoreg  .validate-failure {color:#911;}

#wrapperLightBox #popinCGU {
	margin-top:10px;
	margin-left: 20px;
	font-size: 14px;
}

#wrapperLightBox #popinCGU a{
	color: #455A5D;
} 

#wrapperLightBox #popinCGU div:first-child {
	margin-bottom: 10px;
}

#wrapperLightBox #popinCGU input[type=checkbox]{
	width: 1.2em;
    height: 1.2em;
    margin-right: 5px;
    margin-top: -2px;
} 

#wrapperLightBox #foot{
	width: 100%;
	margin-top: 15px;
	margin-bottom: 20px;
}

#wrapperLightBox .title-header {
	font-size: 24px;
	margin: 0 auto 14px auto;
    padding-bottom: 12px;
    border-bottom: 1px solid #c0dde2;
    width: 80%;
}

#wrapperLightBox #foot a#popinEnvoyer {
	
}

#popinForm #formCivility {
	clear: both;
	height: 23px;
	margin-bottom: 15px;
	margin-left: 20px;
}

#popinForm #formCivility label {
	margin-left: 5px;
	margin-right: 12px;
	padding-top:5px;
	font-size: 16px;
}

#popinForm #formCivility input[type=radio] {
	width: 1.4em;
	height: 1.4em;
}

/* #popinForm .inputnames { */
/* 	text-align: center; */
/* 	margin-bottom: 12px; */
/* 	 */
/* } */

#popinForm input[type=text]:first-child {
	margin-right: 25px;
}

#popinForm .inputnames {
	width: 225px;
    line-height: 19px;
    height: 44px;
    border: 1px solid #bfbfbf;
    background: #fff;
    padding-left: 10px;
    padding-right: 3px;
    margin-bottom: 3px;
    color: #6f666e;
    border-radius: 10px;
    margin-bottom: 25px;
    font-size: 18px;
}

#popinForm .inputFirstn {
	margin-left: 20px;
    margin-right: 32px;
    
}

#popinForm .inputnames::placeholder {
  color: #BFBFBF;
  font-size: 18px;
  font-family: Lato-Regular, Arial;
}

.fancybox-opened .fancybox-skin {
	border-radius: 22px;
}


.wrap-content-up {
	width:984px;
	margin:auto;
	z-index:1000;
	margin-bottom: 30px;
	position:relative;
	display:block;  
	z-index:2; 
}

.wrap-content-up:after {
	content:"";
	display:block;
	clear:both;
}

.left-column {
	width:578px;
	float:left;
	margin-top: 40px;
}

.right-column {
	width:386px;
	float:left;
	margin-left:20px;
	margin-top: 40px;
}

.left-column:after {
	content:"";
	display:block;
	clear:both;
}

#cardContent,
#cardImageContent,
#cardVideoPersoContent,
#nocardContent {
	background-color: #DCEDF4;
    border-radius: 20px;
}

#cardVideoPersoContent {
    padding: 15px 0;
}

#cardContent,
#cardImageContent {
	height: 347px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#cardImageContent img {
	border-radius: 20px;
}

#cardVideoPersoContent #cardMedia {
	margin: 0 auto;
}

#nocardContent {
	height: 287px;
    padding: 30px;
    font-size: 16px;
    line-height: 20px;
}

#nocardContent h2 {
	text-align: center;
}


.left-column #carteFace {
	position:relative;
	margin:0 0 20px 0 ;
}

.left-column .textFace {
	position:relative;
}


#verso {
	background-color: #A8E1F6;
	margin: 0 auto;
	padding: 25px 25px 15px 25px;
	border-radius: 20px;
	font-size: 20px;
	color: #45373f;
	min-height: 319px;
	overflow-wrap: break-word;
}

.message {
	margin-bottom: 40px;
	line-height: 30px;
}

.expediteur-carte {
	white-space: nowrap;
	width: 90%; 
	overflow: hidden;
	text-overflow: ellipsis;
	padding-top: 25px;
	color : grey;
	font-size: 17px;
	text-align: right;
	position: absolute;
    bottom: 16px;
    right: 28px;
    line-height: 30px;
}

.right-column #bread {
	width:100%;
	height:347px;
	display: flex;
  	flex-direction: column;
  	justify-content: center;
}

.right-column #bread > div
{
	width: 300px;
	margin: 0 auto;
}

.right-column #bread,
.right-column .send-carte,
.right-column .breadDlProposal {
	background-color: #EDFCF5;
	border-radius: 20px;
}

#breadResend {
	width: 810px;
    margin: 0 auto;
    padding: 25px 90px;
    border-radius: 20px;
    border: 1px solid #718D92;
}


#breadDlProposalBtwn {
	padding: 20px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border: 1px solid #98C4D6;
	margin-top: 20px;
}

#dlproposalBtwnTextBlock p {
	text-align: center;
	font-size: 20px;
    color: #1C5F86;
}

a.dlproposalBtwnBtn {
	border: 1px solid #4EB5F1;
    color: #4EB5F1;
    max-width: 200px;
    padding: 10px;
    font-size: 16px;
    margin-top: 15px;
}

a.dlproposalBtwnBtn:hover {
	background-color: #ff0083;
	border-color: #ff0083;
	color: #fff;
}

#ResendIconBlock,
#ResendTextBlock {
	float: left;
	height: 80px;
	display: flex;
  	flex-direction: column;
  	justify-content: center;
}

#resendButtonBlock {
	float: right;
	text-align: center;
	padding-top: 15px;
}

#ResendTextBlock {
	margin-left: 40px;
}

#ResendTextBlock p span {
	font-size: 21px;
	color: #455A5D;
	font-family: Lato-Light, Arial;
	line-height: 28px;
}

#ResendTextBlock p span:first-child {
	font-size: 24px;
 	font-family: Lato-Regular, Arial;
}

a.resendButn {
	color: #718D92;
    border: 1px solid #718D92;
    width: 250px;
    font-size: 20px;
}

a.resendButn:hover {
	color: #fff;
    background-color: #718D92;
}


.wrap-celeber {
	z-index:1;
	clear:both;
	margin-top: 20px;
	clear: both;
}

/*------Message vocal---------*/

#audioPicto {
	display: flex;
	justify-content: center;
	fill: #45373f;
}

#audioText {
	text-align: center;
	font-size: 16px;
	margin-bottom: 20px;	
}

.boldText {
	font-family:Lato-Bold, Arial;
}

#audioPlayerContainer {
	display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    padding: 40px 0;
    background-color: #B9E6F7;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
} 
/*------// Message vocal ---------*/