/*	-------------------------------------------------------------
	ROUSSILLON CONNEXION
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Styles communs
	Nom fichier:	style.css
	Version:		1.0
	Date:			16 Janvier 2007
	-------------------------------------------------------------	*/


body  { font-size: 11px; font-family: sans-serif; background-color: #CCCCCC; background-position: center top; text-align: center; margin: 0; padding: 0; height: 100% }


/* IC */
.adr {color: #8A8A8A; font-size: 11px; font-family: Verdana, Arial, Helvetica;}
A:hover.adr {color: #8A8A8A; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;}
.mail {color: #8A8A8A; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight: bold;}
A:hover.mail {color: #8A8A8A; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline; font-weight: bold;}
.black10v {color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica; }
A:hover.black10v {color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:underline; }
.black11v {color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica; }
A:hover.black11v {color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline; }
.black11vbold {color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight: bold;}
A:hover.black11vbold {color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline; font-weight: bold;}
.marron11v {color: #8A766B; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;}
A:hover.marron11v {color: #8A766B; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline; }
.rouge11v {color: #D60000; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;}
A:hover.rouge11v {color: #D60000; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline; }
.rouge11vbold{color: #D60000; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none; font-weight: bold;}
A:hover.rouge11vbold {color: #D60000; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline; font-weight: bold; }
.violet11v {color: #7A1758; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;}
A:hover.violet11v {color: #7A1758; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline; }
.violet11vbold{color: #7A1758; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none; font-weight: bold;}
A:hover.violet11vbold {color: #7A1758; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline; font-weight: bold; }

.bleuf11v {color: #40257E; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;}
A:hover.bleuf11v {color: #40257E; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline; }
.bleuf11vbold{color: #40257E; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none; font-weight: bold;}
A:hover.bleuf11vbold {color: #40257E; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline; font-weight: bold; }
.bleu11v {color: #017799; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;}
A:hover.bleu11v {color: #017799; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline; }
.bleu11vbold{color: #017799; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none; font-weight: bold;}
A:hover.bleu11vbold {color: #017799; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline; font-weight: bold; }
.ref_sel { color: #b00; font-weight: bold; text-decoration: none; }
.ref { color: #000; }

#navigation {
	padding: 0;
	position: relative;
	width: 960px;
	height: 33px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	border: 0;px
	background-color: #F77430;
	background-image: url(../images/fd_mn.gif);
	background-repeat: repeat-x;
	text-align: center;
}
#navi_cat {
	padding: 0;
	position: relative;
	width: 848px;
	height: 21px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 56px;
	margin-bottom:9px;
	border: 0px;
	text-align: center;
	}
#container_centre {
	padding: 0;
	position: relative;
	width: 960px;
	/*height: 33px;*/
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	border: 0px;
	background-color: #F8F8F8;
	text-align: center;
	}
#container_central{
	padding: 0;
	position: relative;
	width: 928px;
	/*height: 33px;*/
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	border: 0px;
	text-align: center;
	}
#centre_gauche {
	padding: 0;
	/*position: relative;*/
	width: 738px;
	/*height: 407px;*/
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	border: 0px;
	text-align: center;
	}
#centre_gauche_int {
	padding: 0;
	position: relative;
	width: 746px;
	/*height: 407px;*/
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	border: 0px;
	text-align: center;
	}
#centre_droite {
	padding: 0;
	/*position: relative;*/
	float:right;
	width: 180px;
	height: 407px;
	margin-top: 9px;
	margin-right: 0px;
	margin-left: 0px;
	border: 0px;
	text-align: right;
	}
#packs_ex {
	padding: 0;
	position: relative;
	width: 738px;
	height: 186px;
	float: left;
	margin-top: 0;
	margin-right: 0px;
	margin-left: 0px;
	border: 0px;
	background-image: url(../images/mod_conf.jpg);
	background-repeat: no-repeat;
	text-align: center;
	}
#activites {
	padding: 0;
	position: relative;
	width: 960px;
	height: 115px;
	float: left;
	margin-top: 0;
	margin-right: 0px;
	margin-left: 0px;
	border: 0px;
	background-color:#FFFFFF;
	text-align: center;
	}
#mn_packs {
	padding: 0;
	position: relative;
	width: 800px;
	height: 72px;
	float: left;
	margin-top: 0;
	margin-right: 48px;
	margin-left: auto;
	border: 0px;
	text-align: center;
	vertical-align:middle;
	}

#Reference { 
	position relative;
	width: 258px; 
	height: auto;
	background: url(../images/load.gif) no-repeat center #888;
}
#referent{
	position: relative;
	width: 259px;
	margin-top: 0;
	z-index: 9;
	background: #fff;
	z-index: 1;
	height: 282px;
	overflow: hidden;
}
#navigRef {
	position: relative;
	width: 258px;
	margin: 0;
	padding: 0;
	z-index: 15;
}
#navi_ref {
	z-index: 10;
	left: 0px;
	position: relative; 
	background: #eee;
	-moz-opacity: 0.5;
	height: 18px;
	width: 259px;
}
#prix_pack { position: absolute; bottom: 2px; left:320px; width: 426px; height: 44px; }
#texte_pack { position: absolute; text-align: left; top: 10px; width: 250px; left: 172px; }
#ref2 { position: relative; width: 285px; overflow: visible; margin-bottom: 10px; }