/****************************************************************/
/*		Styles de mise en page gnrale du site unl-sas.fr		*/
/*		Copyright I-Digitale 2006								*/
/*		Tout droits de reproduction interdits					*/
/*		http://www.i-digitale.com 								*/
/****************************************************************/

/************************************/
/* -----Groupes de travail ------	*/
/************************************/

#annuaire {

	

}

.titre_form {
	color: #ab9c00; font-size: 11px; font-weight: bold; text-decoration: none; word-spacing: 1px; letter-spacing: 1px;
	text-transform:uppercase;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #ddde00;
}


#tab_groupes {
	border-collapse:collapse;
	table-layout:auto;
	max-width:700px;
	margin:0 auto;
	background-color:#fffded;
}

#tab_groupes td {padding:0;vertical-align:middle;}

.spacer {height:5px;}
.separation {
	margin:0 10px;
	width:auto;
	padding:1px 10px;
	text-align:left;background-color: #872136;
	color:#fff;
	font-size: 12px;text-decoration: none; word-spacing: 1px; letter-spacing: 1px;
	font-style:italic;
	font-weight:bold;
}

.paire td {background-color:#ccc;}
#tab_groupes td.image {vertical-align:top;}
#tab_groupes td.desc {vertical-align:middle;border-right:1px solid #872136;text-align:center; padding:0 5px}
.image img { background:#ccc;}

#tab_groupes td.nom {color:#333; font-weight:bold;text-align:left; padding-left:5px; padding-right:10px; white-space:nowrap}
#tab_groupes td.mail {color:#333; text-align:left;padding:0 5px 0;}
.email {position:relative; top:1px;}

#col1 {}
#col2 {}
table.coordonnees {
	table-layout:auto;
	border-collapse:collapse;
	width:100%;
}

#coord_col1 {width:200px;}
#coord_col2 {}


/************************************/
/* -----Groupes de travail ------	*/
/************************************/

#form_contact{
	margin:0 auto;
	width:100%;
}

#col1 {width:160px;}


.formulaire {
	table-layout:fixed;
	border-collapse:collapse;
	width:100%;
}

.formulaire td{
	padding-top:3px;
	padding-bottom:3px;
}

.formulaire input, .formulaire select, .formulaire textarea{
	color: #333; font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

.formulaire input[type="text"]{
	width:200px;
}

.etiquette {
	text-align:right;
	padding-top:5px;
	padding-right:10px;
	vertical-align:top;
}

.etiquette.left {
	text-align:left;
}
.etiquette.erreur {
	text-align:center;
	color:red;
}

.champ {
	vertical-align:middle;
	color:#333;
}

.titre_form {
	color: #ab9c00; font-size: 11px; font-weight: bold; text-decoration: none; word-spacing: 1px; letter-spacing: 1px;
	text-transform:uppercase;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #ddde00;
}

.boutons {	
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px solid #ddde00;
}

.formulaire textarea{
	width:500px;
	height:15em;
	margin-left: auto;
	margin-right:auto;
}

.message {
	text-align:center;
}

.email_unl{
	position:relative;
	top:2px;
}

/************************************/
/* -----Points d'information ------	*/
/************************************/
div.i_obs{
	display:inline;
	margin-top:-5px;
	margin-right:10px;
	color:#666;
	font-size:10px;
	text-transform:none;
	font-weight:normal;
	border:1px solid #ddde00;
	width:10px;
	height:16px;
	text-align:center;
	margin:0 0 0 5px;
	padding:0 2px;
	z-index:100;
}

.i_obs:hover{
	background-color:#872136;
	color:#ddde00;
	cursor:default;
}

div.obs {
	display:none;
	font-size:10px;
	text-transform:none;
	font-weight:normal;
	word-spacing:normal;
	letter-spacing:normal;
	position:absolute; width:300px; text-align:center;
	margin-top:0px;
	margin-left:0px;
	padding:5px;
	background:url("../../base/images/fond_bordeaux_op80_1x1.png"); background-repeat:repeat; color:#FFF;
}


.i_obs:hover > div.obs {display:inline;}