/*-------container--------*/

.inner-talking{
	width: 1035px;
}

.send-carte span.title-send {
	margin-top: 15px;	
}

div.cartes-list-bottom {
	min-height: 596px;
	padding-bottom: 50px;
}
/*-------bouton audiotel--------*/

.send-carte .links .audiotel a{
	display: inline-block;
	padding:0 0 0 8px; 
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/apercu/envoi_mail_bord.png") no-repeat 0 0; 
	height:52px; line-height:16px;
	text-decoration:none; text-align: left;
}

.send-carte .links .audiotel a:hover{
	background-position:0 -52px; 
}

.send-carte .links .audiotel a .inner{
	display:inline-block;
	height: 42px;
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/audiotel_btn.png") no-repeat right top;
	font-size:14px; font-family:Lato-Regular, Arial; color:#fff;  
	padding:10px 48px 0 1px;
}

.send-carte .links .audiotel:hover a .inner{
	background-position:right -52px;
}

.send-carte .links .audiotel a .inner span{
	text-transform:uppercase;
}


/*-------player carte parlante--------*/
.cpPlayerSpace {
	width: 500px;
	height: 300px;
}

.cpPlayer {
	width: 500px;
	height: 300px;
	position: absolute;
	top: 66px;
	left: 20px;
	z-index: 100;
}

.voice-choice{
	position: relative;
	height: 431px;
}

.outOfScreen{
	/*position: absolute;
	left: -10000px;
	top: -390px;*/
	visibility: hidden;
}
/*-------carte area--------*/

.carte-area .speak-block{
	position:relative;
	display:block;
	margin:15px 0 0 0;
	padding:0 0 5px;
	text-align:left;
	height: 431px;
}

.carte-area .speak-block .title-voice{
	color: #32282e;
	font-size: 20px;
	font-family: Lato-Bold, Arial;
	padding-left: 21px;
	float: left;
	padding-top: 22px;
}

.carte-area .speak-block  .onglets-voice{ 
	z-index: 3;
	position: relative;
	display: block;
	text-align: right;
	height: 46px;
}

.carte-area .speak-block  .onglets-voice a{
	margin-left:5px;
	border:1px solid #e9e9eb;
	border-bottom: 1px solid #d7d5d6;
	font-size:14px;
	font-family:Lato-Bold, Arial;
	background:#fff;
	color:#aaaaab;
	text-decoration:none;
	bottom:0;
	position: absolute;
	padding-top:13px;
	padding-bottom:8px;	
}

.carte-area .speak-block  .onglets-voice a.your-voice{
	padding-left:15px;
	padding-right:57px;
	right:347px;
}

.carte-area .speak-block  .onglets-voice a.choice-voice{
	padding-left:12px;
	padding-right:180px;
	right:0;
}

.carte-area .speak-block  .onglets-voice a.your-voice.active,
.carte-area .speak-block  .onglets-voice a.choice-voice.active{
	border:1px solid #d7d5d6;
	border-bottom: 1px solid white;
	margin-top: 0;
	opacity: 1;
	padding-bottom: 9px;
	color:#32282e;
	padding-top:23px;
}

.carte-area .speak-block  .onglets-voice a.choice-voice img{display:none;}

.carte-area .speak-block  .onglets-voice a.choice-voice.active img{
	position:absolute;
	right:-21px;
	top:-52px;
	width:132px;
	height:137px;
	display:block;
}

.carte-area .speak-block  .contenu-voice-choice{
	margin-top: -1px;
	padding: 21px 13px 19px 17px;
	background: #fff;
	border: 1px solid #d7d5d6;
	clear: both;
	position: relative;
	display: block;
	overflow:hidden; 
	width: 1002px;
	height: 344px;
}


.carte-area .speak-block  .tab-choice-voice {
	/*padding-bottom:12px;*/
}

.carte-area .speak-block .avatar-personne{
	float:left;
	width:500px;
}

.carte-area .speak-block .avatar-personne img{float:left; display: block;}

.carte-area .speak-block .bottom-area{
	clear:both;
	display:block;
	padding-top:19px;
	*padding-top:11px;
}

persoBackgroundControl{
}

.persoBackgroundControl a{
	font-family: Lato,Arial;
    font-size: 12px;
    color: #32282E;
    text-decoration: none;
    line-height: 17px;
}

.persoBackgroundControl a:HOVER{
	text-decoration: underline;	
}
	
.btnBgPrev{
	float: left;
}

.btnBgNext{
	float: right;
}

.btnBgPrev img{
	margin-right: 6px;
}

.carte-area .speak-block .avatar-personne .btnBgNext img{
	float: right;
	margin-left: 6px;
}

.carte-area .speak-block  a.change-personne{
	float:left;
	text-transform:uppercase;
	padding-right:20px;
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/cybercartes_13.png") no-repeat right top;
	color:#6f6169;
	font-family:Lato-Bold, Arial;
	font-size:11px;
	text-decoration:none;
	line-height:16px;
}

.choixPersonnes{
	width:667px;
	height:520px;
	display:block;
	position:relative; 
	padding:35px 16px 18px 23px;
}

.choixPersonnes .intro{
	font-family:Lato, Arial;
	color:#32272e;
	font-size:12px;
	text-decoration:none;
	line-height:14px;
	display:block;
	text-align:center;
	padding-bottom:26px;
}

.choixPersonnes .close-modal{
	font-family:Lato, Arial;
	color:#45373f;
	font-size:16px;
	text-decoration:none;
	line-height:19px;
	display:block;
	text-align:center; 
	position:absolute;
	right:10px;
	top:10px;
	height:25px;
	padding-right:29px;
	padding-top: 3px;
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/close-modal.png") no-repeat top right;
}

.choixPersonnes .list-avatar-persons{
	width:667px;
	height:450px;
	display:block;
	position:relative; 
	overflow:auto;
}

.choixPersonnes .list-avatar-persons a{
	border:1px solid #fff;
	float:left;
	margin-right:8px;
	margin-bottom:11px;
	position:relative;
	text-decoration:none;
	z-index:1;
}

.choix-personnes-modal {
	display:none;
}

.choixPersonnes .tooltip {
	position:relative;
	left:62px;
	top:82px;
	background:#fff;
	border:1px solid #ca096d;
	padding:7px;
	color:#d80067;
	font-family:Lato, Arial; 
	font-size:11px;
	text-decoration:none;
	line-height:16px;
	z-index:1000;
	display:none;
	width:136px;
	position:absolute;
	font-family:Lato-Bold, Arial;
}

.choixPersonnes .tooltip .title  {
	
	font-family:Lato-Bold, Arial;
	font-size:15px;
}

.choixPersonnes .list-avatar-persons a label {
	display:none;
}

.choixPersonnes .list-avatar-persons a span > em{
	color:#45373f;
	font-family:Lato-bold, Arial; 
	font-size:15px;
	display:block;
	font-style:normal;
}

.choixPersonnes .list-avatar-persons a img{
	width:152px;
	height:92px;
	display:block;
}

.choixPersonnes .list-avatar-persons a.current label{
	position:absolute;
	left:-5px;
	top:-5px; 
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/cadre-selected.gif") no-repeat 0 0;
	border:0;
	padding:0;
	color:#fff;
	font-family:Lato, Arial; 
	font-size:11px;
	text-decoration:none;
	line-height:16px;
	z-index:1;
	display:block;
	width:160px;
	height:100px;
	cursor:pointer;
}

.choixPersonnes .list-avatar-persons a.current label em{ 
	position:absolute;
	width:100%;
	font-family:Lato, Arial; 
	font-size:12px;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	bottom:5px;
	left:0;
	height:26px;
	line-height:26px;
	font-style:normal;
}

.choixPersonnes .intro .big-size{ 
	font-size: 30px;
	padding-top: 8px;
	display: block;
	padding-left: 11px;
	font-family:Lato-light, Arial; 
} 

.carte-area .speak-block  p.powered{
	float:right;
	font-family:Lato, Arial;
	color:#ca096d;
	font-size:11px;
	text-decoration:none;
	line-height:16px;
}

.carte-area .speak-block .tab-your-voice p.powered{display:none;}

.carte-area .speak-block .complete-your-choice{
	float: left;
	width: 472px;
	margin-left:20px;
}

.carte-area .speak-block .tab-your-voice .complete-your-choice {
	margin-left:30px;
}

.carte-area .speak-block .complete-your-choice .save-msg{
	display:block;
	text-align:center;
	font-size:14px;
	font-family:Lato, Arial;
	color:#32272e;
	padding-bottom:14px;
	line-height:20px;
	margin-top: 10px;
}

.carte-area .speak-block .tab-choice-voice .your-message {
	margin-top:18px;
}

.carte-area .speak-block .your-message .votre-humeur{
	display:block;
	text-align:center;
	font-size:14px;
	font-family:Lato, Arial;
	color:#32272e;
	padding-bottom:11px;
	line-height:18px;
}

.carte-area .speak-block .your-message .votre-humeur b{font-family:Lato-Bold, Arial;font-weight:normal;}

.carte-area .speak-block .your-message .cp_emoticones-inner{
	display:inline-block;
	overflow:hidden;
	margin:0 auto;
}

.carte-area .speak-block .center{
	text-align:center;
	padding-top:0;
}

.carte-area .speak-block .title-top-complete{display:block;padding-bottom:7px;}

.carte-area .speak-block .your-message.center .cp_emoticones{padding-top:0;}

.carte-area .speak-block .your-message.center .send-carte{
	border:0;
	padding-bottom:59px;
	padding-left:25px;
}

.carte-area .speak-block .your-message.center .send-carte .links .email a .inner{width:193px;}

.carte-area .speak-block  .bx-wrapper{
	margin:auto;
}

.carte-area .speak-block  ul li{
	width:70px;
	height: 80px;
} 

.carte-area .speak-block  ul li a{ 
    display: block;
    height: 77px;
    padding: 3px;
    width: 65px;
}

.carte-area .speak-block  ul li a .title-avatar{  
	display:block;
	text-align:center;  
	font-family:Lato-Bold, Arial;
	font-size:11px;
	text-decoration:none;
	width:62px;
	margin-top: 5px;
}

.carte-area .speak-block  ul li a.blue .title-avatar{
	color:#32272e; 
}

.carte-area .speak-block  ul li a.pink{
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/shadow-parlante.png") no-repeat 0 0;
}

.carte-area .speak-block  ul li a.blue:hover{
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/strong-shadow-parlante.png") no-repeat 0 0;
}

.carte-area .speak-block  ul li a.blue:hover .title-avatar{
	color:#4cc6e0;
}

.carte-area .speak-block  ul li a.pink .title-avatar{
	color:#ca096d; 
}
.carte-area .speak-block  ul li a .voice {
	width:60px;
	height:60px;
	background-repeat:no-repeat;
	display:block;
}

/* VOICES */

.carte-area .speak-block  ul li a.Sidoo.blue .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/sidoo.png);
}
.carte-area .speak-block  ul li a.Sidoo.pink .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/sidoo.png);
	background-position: 0px -60px;
}

.carte-area .speak-block  ul li a.Loic.blue .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/loic.png);
}
.carte-area .speak-block  ul li a.Loic.pink .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/loic.png);
	background-position: 0px -60px;
}

.carte-area .speak-block  ul li a.Eva.blue .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/eva.png);
}
.carte-area .speak-block  ul li a.Eva.pink .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/eva.png);
	background-position: 0px -60px;
}

.carte-area .speak-block  ul li a.DarkVadoor.blue .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/darkvadoor.png);
}
.carte-area .speak-block  ul li a.DarkVadoor.pink .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/darkvadoor.png);
	background-position: 0px -60px;
}

.carte-area .speak-block  ul li a.Helene.blue .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/helene.png);
}
.carte-area .speak-block  ul li a.Helene.pink .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/helene.png);
	background-position: 0px -60px;
}

.carte-area .speak-block  ul li a.Matteo.blue .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/matteo.png);
}
.carte-area .speak-block  ul li a.Matteo.pink .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/matteo.png);
	background-position: 0px -60px;
}

.carte-area .speak-block  ul li a.Zozo.blue .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/zozo.png);
}
.carte-area .speak-block  ul li a.Zozo.pink .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/zozo.png);
	background-position: 0px -60px;
}

.carte-area .speak-block  ul li a.Ramboo.blue .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/ramboo.png);
}
.carte-area .speak-block  ul li a.Ramboo.pink .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/ramboo.png);
	background-position: 0px -60px;
}

.carte-area .speak-block  ul li a.Robot.blue .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/robot.png);
}
.carte-area .speak-block  ul li a.Robot.pink .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/robot.png);
	background-position: 0px -60px;
}

.carte-area .speak-block  ul li a.Chut.blue .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/chut.png);
}
.carte-area .speak-block  ul li a.Chut.pink .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/chut.png);
	background-position: 0px -60px;
}

.carte-area .speak-block  ul li a.Electra.blue .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/electra.png);
}
.carte-area .speak-block  ul li a.Electra.pink .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/electra.png);
	background-position: 0px -60px;
}

.carte-area .speak-block  ul li a.Melodine.blue .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/melodine.png);
}
.carte-area .speak-block  ul li a.Melodine.pink .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/melodine.png);
	background-position: 0px -60px;
}

.carte-area .speak-block  ul li a.Bicool.blue .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/bicool.png);
}
.carte-area .speak-block  ul li a.Bicool.pink .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/bicool.png);
	background-position: 0px -60px;
}

.carte-area .speak-block  ul li a.Sorciere.blue .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/sorciere.png);
}
.carte-area .speak-block  ul li a.Sorciere.pink .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/sorciere.png);
	background-position: 0px -60px;
}

.carte-area .speak-block  ul li a.Papi.blue .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/papi.png);
}
.carte-area .speak-block  ul li a.Papi.pink .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/papi.png);
	background-position: 0px -60px;
}

.carte-area .speak-block  ul li a.John.blue .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/john.png);
}
.carte-area .speak-block  ul li a.John.pink .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/john.png);
	background-position: 0px -60px;
}

.carte-area .speak-block  ul li a.JeanJean.blue .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/jeanjean.png);
}
.carte-area .speak-block  ul li a.JeanJean.pink .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/jeanjean.png);
	background-position: 0px -60px;
}

.carte-area .speak-block  ul li a.Yeti.blue .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/yeti.png);
}
.carte-area .speak-block  ul li a.Yeti.pink .voice {
	background-image:url(http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/voice_picto/yeti.png);
	background-position: 0px -60px;
}
/* //VOICES */


.carte-area .speak-block .bx-prev{
	position:absolute;
	left:-25px;
	top:0;
	width:10px;
	height:80px;
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/cybercartes_013.png") no-repeat 0 29px;
	text-indent:-999px;
}

.carte-area .speak-block .bx-next{
	position:absolute;
	right:-30px;
	top:0;
	width:10px;
	height:80px;
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/cybercartes_13.png") no-repeat 0 29px;
	text-indent:-9999999px;
}

.carte-area .speak-block .your-message .title-message{
	color:#32282e;
	font-size:14px;
	font-family:Lato-Bold, Arial;
	line-height:14px;
	padding-bottom:8px;
}

.carte-area .speak-block .your-message .intro{
	color:#32282e;
	font-size:14px;
	font-family:Lato, Arial;
	line-height:14px;
}

.carte-area .speak-block .your-message .intro a{
	color:#ca096d;
	text-decoration: none;
	font-family:Lato-Bold, Arial;
}

.carte-area .speak-block .your-message .intro .counter-caracters{
	color:#32282e;
	font-size:11px;
	font-family:Lato, Arial;
	line-height: 21px;
    margin-top: 4px;
}

.carte-area .speak-block .your-message .intro .counter-caracters b{
	color:#32282e;
	font-size:11px;
	font-family:Lato-Bold, Arial;
	line-height:16px;
	font-weight:normal;
}

.carte-area .speak-block .your-message .intro textarea{
	border:1px solid #bfbfbf;
	width:460px;
	height:119px;
	padding:0 5px;
}

.carte-area .speak-block .your-message .cp_emoticones{
	padding-top:13px;
} 

.tab-choice-voice .cp_emoticones {
	float:left;
	margin-left: 100px;
}

a#validate-btn{
	margin: 13px auto 0px auto;
	
	display: block;
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/common/preview/talking/validate-btn.png") no-repeat 0 0;
	width:150px;
	height:27px; 
	color:#fff;
	font-size:14px;
	font-family:Lato-Light, Arial;
	line-height:27px;
	text-align:center;
	text-decoration: none;
} 

a#validate-btn b{font-family:Lato-Bold, Arial;font-weight:normal;}

#ajaxLoader {
	margin-top: 10px;
}

.carte-area .carte-img{
	display: block;
	margin:0;
	padding:0 0 0 0;
	border:0;
	text-align:center;
	position:relative;
	min-height: 600px;
}

/*InfoBulle*****************************************/
.carte-area .speak-block .your-message .intro a.infoWriting
{
    z-index:24;
    color:#FF6600;
    height: 15px;
    text-decoration: underline;
}

.carte-area .speak-block .your-message .intro a.infoWriting:hover
{
	z-index:25;
	color:#ffffff;
	background-color:#FF6600;
	text-decoration:none;
}

a.infoWriting span
{
	display: none;
}

a.infoWriting:hover span
{
	/*le contenu de la balise span ne 
	sera visible que pour l'état a:hover */
 	display:block; 
 	position:absolute;
 	top: 0px;
    left: 630px;
	border:1px solid #ff0099;
    background-color:#ffffff;
    color:#333333;
    text-align: left;
    padding:15px;
    text-decoration:none;
    line-height: 15px;
    font-family:Lato-Regular, Arial;
    width:25em;
    z-index: 1000;
    box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
}

a.infoWriting em
{
	color: #666666;	
}