/* ::::::::::::::::::::::::::::::::::::::::: */
/*                                           */
/* ::::: CITTOLIN POLLI - CSS CONTACTS ::::: */
/*                                           */
/* ::::::::::::::::::::::::::::::::::::::::: */



/* ::: NUANCIER :::

   GRIS 1 : #858486 (FONCE, texte)
   GRIS 2 : #e8e8e9 (CLAIR, thumb)
   ROUGE  : #e5180e
   
*/




/* ::: ADRESSES ::: */

#contacts_adresses{
	float:left;
	width:140px;
	margin:0 10px 0 0;
	}

#contacts_adresses strong{
	text-transform:uppercase;
	color:#e5180e;
	font-size:9px;
	}




/* ::: FORMULAIRE ::: */
	
#contacts_mail{
	width:560px;
	float:right;
	}
	
#contacts label{
	vertical-align:top;
	display:inline-block;
	height:16px;
	padding:2px 4px 0 4px;
	border:1px solid #e8e8e9;
	text-transform:uppercase;
	font-size:9px;	
	}
	
#contacts input[type="text"]{
	width:150px;
	height:16px;
	border:1px solid #e8e8e9;
	color:#858486;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	}
	
#contacts input.btn{
	width:auto;
	height:18px;
	border:1px solid #e8e8e9;
	color:#858486;
	background-color:#FFFFFF;
	cursor:pointer;
	text-indent:0px;
	padding:0px 4px 4px 4px;
	}
	#contacts input.btn:hover{
		border-color:#e5180e;
		}
	#contacts input.btn:focus{
		border-color:#e5180e;
		background-color:#e5180e;
		color:#FFFFFF;
		}
	
#contacts textarea{
	width:379px;
	max-width:379px;
	height:220px;
	max-height:380px;
	border:1px solid #e8e8e9;
	margin:4px 0 4px 0;
	color:#858486;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.rouge{
	color:#e5180e;
	}




/* ::: LISTE ::: */

select#destinataire{
	border:0;
	background-color:#FFFFFF;
	color:#858486;
	}
	
select#destinataire	option:hover{
	background-color:#e5180e;
	color:#FFFFFF;
	}