/*
Css pour une fenêtre "chat"
*/
@font-face {
	font-family: 'graystroke_regular';
	src: url('crypt/fonts/graystroke_regular.otf') format("truetype"),
	url('crypt/fonts/graystroke_regular.woff') format("woff");
}
@-ms-font-face {
	font-family: 'graystroke_regular';
	src: url('crypt/fonts/saclb.eot') format("eot"),url('crypt/fonts/saclb.ttf') format("truetype");
}


.form70pcR2{float:right;width:70%;}



.imgzero{width:0;height:0;}

::-webkit-input-placeholder {
   font-size:12px;
   font-style:italic;font-family:Trebuchet MS, Arial, Helvetica;
   color:#424242;
}
:-moz-placeholder {
   font-size:12px;
   font-style:italic;font-family:Trebuchet MS, Arial, Helvetica;
   color:#424242;
}
::-moz-placeholder {
   font-size:12px;
   font-style:italic;font-family:Trebuchet MS, Arial, Helvetica;
   color:#424242;
}
:-ms-input-placeholder {  
   font-size:12px;
   font-style:italic;font-family:Trebuchet MS, Arial, Helvetica;
   color:#424242; 
}


.win_chat{
	position:fixed;
	bottom:10px;right:10px;
	width:340px;
	height:25px;
	padding:2px;
	background-color:#ffffff;
	-moz-box-shadow: 5px 5px 10px 0px #343434;
	-webkit-box-shadow: 5px 5px 10px 0px #343434;
	-o-box-shadow: 5px 5px 10px 0px #343434;
	box-shadow: 5px 5px 10px 0px #343434;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#343434, Direction=134, Strength=10);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	z-index:100;

}

#profile{
	width:66px;
	height:66px;
}


.appear{
	animation-name: hello;
	animation-duration: 4s;
}
.appear_sent{
	height:490px;
}
.chat_no_valid,.chat_valid{
	font-size:14px;
	font-family:Trebuchet MS, Arial, Helvetica;
}
.chat_no_valid{
	color:#d40d0d;
}
.chat_valid{
	color:#10ca10;
}

.chat_input{
	width:160px;
	border:1px solid #e3c2b0;
	margin-left:5px;
	margin-bottom:2px;
	background-color:#f7dccd;
	font-family:Trebuchet MS, Arial, Helvetica;
	font-size:12px;
}
.chat_textarea{
	width:277px;
	min-height:80px;
	border:1px solid #e3c2b0;
	margin-bottom:2px;
	background-color:#f7dccd;
	font-family:Trebuchet MS, Arial, Helvetica;
	font-size:12px;
}
.button{
	width:80px;
	height:30px;
	text-align:center;
	color:#ffffff;
	background-color:#7d0606;
	font-family:"graystroke_regular", Arial, Helvetica;
	cursor:pointer;
}

@keyframes hello {
	0% {bottom:-50px;}
	50% {}
	100% {bottom:10px;right:10px;}
}

.win_chat_in{
	position:relative;
	width:99.2%;
	height:99.2%;
	border:1px solid #572204;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}

.out_chat,.up_chat{
	position:absolute;
	top:5px;
	right:8px;
	width:15px;
	height:15px;
	border:0;
}
.up_chat img, .out_chat img{
	width:15px;
	height:15px;
}

.win_form{
	color:#d16529;
	font-size:15px;
	text-align:center;
	font-family:"graystroke_regular", Arial, Helvetica;
}

.chat_contacter{
	margin-top:2px;
}

@media screen and (max-width: 1024px){
	.chat_contacter{
		margin-top:6px;
	}
}


/* a revoir */ 
.win_form p:hover .erasmus-valencia-principal {
	opacity: 0.5;
    filter: alpha(opacity=50);
}
/* a revoir */ 


.win_form p{margin-top:5px;line-height:28px;}

.win_form hr{
	height:1px;
	border:0;
	width:98%;
	margin:0 auto 15px;
	background-color:#572204;
}

.chat_user {
	font-size:13px;
	font-family:Trebuchet MS, Arial, Helvetica;
	font-style:italic;	
}
.chat_user img{margin-left:4px;}
.chat_user .form30pc p{text-align:center!important;font-size:11px;line-height:15px;}
.chat_user .form70pcR2 p{
	background-color:#e3c2b0;
	margin-right:10px;
	line-height:15px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.chat_message{
	float:left;
	width:95%;
	text-align:left;
	margin-left:5px;
	font-family:Trebuchet MS, Arial, Helvetica;
	font-size:13px;
}

.chat_img{
	width:35px;
	height:35px;
}
.chat_tel{
	float:left;
	width:95%;
	text-align:center;
	font-family:Trebuchet MS, Arial, Helvetica;
	font-size:22px;
	color:#d16529;
	margin-top:35px;
}
.chat_tel a{color:#424242;}
.chat_tel span{
	font-size:15px;
	color:#424242;
}

.chat_choix{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:30px;
	background-color:#e3c2b0;
	border-bottom-left-radius:9px;
	border-bottom-right-radius:9px;
}

.chat_choix .form50pc{
	line-height:28px;
	font-size:15px!important;
	text-align:center;
}
.chat_choix .form50pc a{
	line-height:28px;
	color:#d16529;font-size:15px!important;
	font-family:"graystroke_regular", Arial, Helvetica;
}
.chat_choix .form50pc img{vertical-align:middle;margin-right:8px;}