/*	-------------------------------------------------------------
	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: #8C727F; background-position: center top; text-align: center; margin: 0; padding: 0; height: 100% }
h2{color: #000000; font-size: 16px; font-family: "Times New Roman", Times, serif;  top:3px; margin:0px; padding: 0px;}

/* IC */
.intro_acc{color: #99838B; font-size: 16px; font-family: "Times New Roman", Times, serif;  top:12px; margin:0px; padding: 0px; font-weight: bold;}
.actu {color: #D892A5; font-size: 10px; font-family: Verdana, Arial, Helvetica;}
A:hover.actu {color: #D892A5; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;}
.adr {color: #5D4439; font-size: 10px; font-family: Verdana, Arial, Helvetica;}
A:hover.adr {color: #5D4439; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;}
.mail {color: #5D4439; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-style:italic}
A:hover.mail {color: #5D4439; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:underline; font-style:italic}
.black10v {color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:none; }
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;}
.bleuc11v{ color: #B694A5; font-size: 11px; font-family: Verdana, Arial, Helvetica;}
.marronf10v {color: #71695B; font-size: 10px; font-family: Verdana, Arial, Helvetica;}
A:hover.marronf10v{color: #71695B; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;}
.ic_txt {display:block; width:385px; left:5px; top:0px;  margin-left:7px; color: #99838B; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none; text-align:left;}
.ic_txt a,  .ic_txt a:hover{color: #99838B; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline; text-align:left;}




/* ######################### Navigation IC ######################### */ 
#pag_on { float:left; display: block; position:relative; margin: 0;	padding: 0;  text-align:left; width:139px;}
#pag_off { float:left; display: block; position:relative; margin: 0; padding: 0; text-align:left; width:139px;}

.nav_ic_on{float:left; display: block; position:relative; top:0px; left:0px; margin: 0; padding: 0;  text-align:left; width:7px; color: #B694A5; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight:bold;}

.nav_ic_on1 { float:right; display: block; position:relative; top:0px; right:0px; margin: 0; padding: 0;  text-align:left; width:127px; color: #B694A5; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight:bold;}

.nav_ic_off{float:left; display: block; position:relative; top:0px; left:0px; margin: 0; padding: 0;  text-align:left; width:7px; color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight:bold;}
.nav_ic_off1 {float:right; display: block; position:relative; top:0px; right:0px; margin: 0; padding: 0; text-align:left; width:127px; color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:none;}
A:hover.nav_ic_off1 {float:right; display: block; position:relative; top:0px; right:0px; margin: 0;	padding: 0; text-align:left; width:127px; color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;}



/* ######################### Navigation IC ######################### */




/* ######################### Navigation OUTILS ######################### */ 
#nav_outils_on {margin: 0;	padding: 0; display: block; text-align:left; width:140px; color: #B694A5; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight:bold; margin-bottom:6px; margin-top:6px;}
#nav_outils_off {margin: 0;	padding: 0; display: block; text-align:left; width:140px; color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:none; margin-bottom:6px; margin-top:6px;}
.outils_off{ color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight:bold; text-decoration:none;}
A:hover.outils_off{ color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight:bold; text-decoration:underline;}
#nav_galcaton {margin: 0; padding: 0; display: block; position:relative; left:0px; text-align:left; width:165px; color: #B694A5; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight:bold; font-variant:small-caps;}
#nav_galcatoff {margin: 0; padding: 0; display: block; position:relative; left:0px; text-align:left; width:165px; color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none; font-variant:small-caps;}
.galCatoff{color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight:bold; text-decoration:none; font-variant:small-caps;}
A:hover.galCatoff{color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight:bold;  text-decoration:underline; font-variant:small-caps;}
#nav_galtton {margin: 0; padding: 0; display: block; position:relative; left:10px; text-align:left; width:140px; color: #B694A5; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight:bold; margin-bottom:4px;}
#nav_galttoff {margin: 0; padding: 0; display: block; position:relative; left:10px; text-align:left; width:140px; color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:none; margin-bottom:4px;}
.galttoff{ color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:none;}
A:hover.galttoff{ color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;}
#galtitre{
display:block;
position:relative;
width:660px;
height:23px;
background-image:url(../images/fd_ttoutils.gif);
background-repeat:repeat-x;
text-align:left;
margin-right: auto;
margin-left: auto;
border: 0px;
}
#galtitre h2{color: #d5c5c0; font-size: 16px; font-family: Verdana, Arial, Helvetica; text-decoration:none; font-weight:bold;}
.titre_gal{color: #947f7b; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none; font-weight:bold; margin-left:10px;}
.galdescrub{color: #947f7b; font-size: 11px; font-family: Verdana, Arial, Helvetica;  text-decoration:none; margin-left:10px;}
.galttvign{color: #8c727f; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;}
A:hover.galttvign{color: #8c727f; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;font-weight:bold;}
.galnav{color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;}
.gallegende{color: #947f7b; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:underline; }
.galphotodesc{color: #a89da3; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;}
.galphotott{color: #8c727f; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;}
.ecardintrotexte{color: #947f7b; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none; font-weight:none;}
.ecardttvign{color: #8c727f; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;}
A:hover.ecardttvign{color: #8c727f; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;font-weight:bold;}
.ecardavertis{color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:none;}
.ecardtitre{color: #8c727f; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;}
.ecardform{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;}
.ecardcorrection{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;}
A:hover.ecardcorrection{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;font-weight:bold;}
.ecardmessage{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;}
.ecardthanks{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;}
A:hover.ecardthanks{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;font-weight:bold;}
.ecardretour{color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;}
A:hover.ecardretour{color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;font-weight:bold;}




.backdownload{color: #F0F0D7; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:none;}
.backtitre{color: #F0F0D7; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;}
A:hover.backdownload{color: #F0F0D7; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;font-weight:none;}




.downloadrubrique{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;font-variant:small-caps;}
.downloadtitre{color: #8c727f; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold; font-variant:small-caps;}
.downloadapercu{color: #B694A5;; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold; }
A:hover.downloadapercu{color: #B694A5;; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;font-weight:bold;}
.downloadpdf{color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:none; }
A:hover.downloadpdf{color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:none;}
.downloadfleche{color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:none; }
A:hover.downloadfleche{color: #B694A5; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:none;}
/* ######################### Navigation OUTILS ######################### */   




/* ######################### FORMULAIRE ######################### */ 
#cont_form { display:block;	padding: 0;	position: relative;	width: 660px; height:360px; margin-right: auto;	margin-left: auto; border: 0px; text-align: center;}

#form_valid { display:block; background-color:#b694a5;	padding: 0;	position: relative;	width: 660px; height:40px; margin-right: auto;	margin-left: auto; border: 0px; text-align: center;}
	
#form_part1{ float:left; display:block;	padding: 0;	position: relative; left:0px; width: 331px; height:320px; margin-right: auto;	margin-left: auto; border: 0px; text-align: center;}




#form_part2{ float:right; display:block; padding: 0; position: relative; right:0px; width: 329px; height:320px; margin-right: auto;	margin-left: auto; border: 0px; text-align: center;}		
		
#cont_champ{ padding: 0; display: block; position:relative; margin-left:auto; margin-right:auto; margin-bottom:5px; margin-top:0px; text-align:left; width:280px; height:18px;}




#champ_ob{margin: 0; padding: 0; float:right; display: block; position:relative; right:0px; top:4px; text-align:center; width:12px; color: #B694A5; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight:bold; text-decoration:none;}
#champ_val{margin: 0; padding: 0; float:left; display: block; position:relative; left:0px; text-align:left; width:186px; color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight:bold; text-decoration:none;}
#champ_nom{margin: 0; padding: 0; float:left; display: block; position:relative; left:0px; top:4px; text-align:left; width:82px; color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight:bold; text-decoration:none;}
.formloi{color: #666155; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:none; font-style:italic;}
/* ######################### FORMULAIRE ######################### */ 




/* ######################### COMMUNS ######################### */ 


#nav_acc_outils {
	display:block;
	padding: 0;
	position: relative;
	width: 904px;
	height: 23px;
	background-image:url(../images/fd_outacc.gif);
	background-repeat:repeat-x;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0px;
	text-align: left;
	}
#select_lg{
	display:block;
	padding: 0;
	position: absolute;
	top:0px;
	left:0px;
	width: 250px;
	height: 15px;
	margin-top: 3px;
	margin-bottom: auto;
	margin-right: 0px;
	margin-left: 0px;
	border: 0px;
	text-align: left;
	}
#outils {
	float:right;
	display:block;
	padding: 0;
	position: relative;
	width: 340px;
	height: 23px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0px;
	text-align: right;
	}
#cont_navacc{
	display:block;
	position: relative;
	left:0px;
	padding: 0;	
	width: 904px;
	height: 107px;
	background-image:url(../images/fd_cont1b.gif);
	background-repeat:repeat-y;
	background-attachment:scroll;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	margin-bottom:0px;	

	border: 0px;
	}
#cont_navacc2{
	display:block;
	position: relative;
	left:0px;
	padding: 0;	
	width: 904px;
	height: 77px;
	background-image:url(../images/fd_cont1b.gif);
	background-repeat:repeat-y;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	margin-bottom:0px;	
	border: 0px;
	}
#flashm{
	display:block;
	position: absolute;
	top:17px;	
	left:430px;
	padding: 0;	
	width: 453px;
	/*height: 161px;*/
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	margin-bottom:0px;
	border: 0px;
	text-align:left;
	}
#nav_acc {	
	padding: 0;
	display:block;
	position: absolute;
	top:72px;	
	left:424px;
	width: 453px;
	height: 23px;
	margin-right: auto;
	margin-left: auto;
	border: 0px;
	text-align: left;
	}

#cont_bas{
	position: relative;
	padding: 0;	
	width: 904px;
	height: 131px;
	background-image:url(../images/fd-bs.gif);
	background-repeat:no-repeat;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	margin-bottom:0px;	
	border: 0px;

	}
/* ######################### COMMUNS ######################### */ 
/* ######################### Page INDEX ######################### */ 
#cont_ami {
	padding: 0;
	position: relative;
	width: 904px;
	height: 21px;
	margin-right: auto;
	margin-left: auto;
	border: 0;px
	text-align: right;
	vertical-align:bottom;
	}
#separverti {
	padding: 0;
	position: relative;
	width: 843px;
	height: 83px;
	margin-right: auto;
	margin-left: auto;
	border: 0;px
	}
#cont_nav_accueil {
	display:block;
	padding: 0;
	position: relative;
	width: 843px;
	height: 40px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	background-color:#D2CEC7;
	border: 0px;
	text-align: center;
	}	
#cont_acc_centre{
	display:block;
	position: relative;
	left:0px;
	padding: 0;	
	width: 904px;
	background-image:url(../images/fd_cont1b.gif);
	background-repeat:repeat-y;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	margin-bottom:0px;	
	border: 0px;
	}
#colonne_g {
	float:left;
	display:block;
	position: relative;
	padding: 0;
	top:0px;
	left:82px;
	width: 330px;
	/*height: 407px;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	border: 0px;
	text-align: left;
	}
#colonne_d {
	display:block;
	float:right;	
	position: relative;
	right:0px;
	padding: 0;
	width: 447px;
	/*height: 407px;*/
	margin-top: 0px;
	margin-right: 33px;
	margin-right: 13px;!important
	margin-left: 0px;
	border: 0px;
	text-align: right;
	}
#colint_g {
	float:left;
	display:block;
	position: relative;
	padding: 0;
	top:0px;
	left:10px;
	width: 139px;
	/*height: 407px;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	border: 0px;
	text-align: left;
	}
#colint_c {
	float:left;
	display:block;
	position: relative;
	padding: 0;
	top:0px;
	left:5px;
	width: 365px;
	/*background-image:url(../images/fd_icint.gif);
	background-repeat:repeat-y;
	margin-top: 0px;*/
	margin-right:0px;
	margin-left: 0px;
	border: 0px;
	text-align: left;
	}
#colint_c2 {
	float:right;
	display:block;
	position: relative;
	padding: 0;
	top:0px;
	right:0px;
	width: 720px;
	background-image:url(../images/fd_icint2.gif);
	background-repeat:repeat-y;
	margin-top: 0px;
	margin-right:0px;
	margin-left: 0px;
	border: 0px;
	text-align: left;
	}
#colint_c1 {
	float:right;
	display:block;
	position: relative;
	padding: 0;
	top:0px;
	right:10px;
	width: 720px;
	background-image:url(../images/fd_icint2.gif);
	background-repeat:repeat-y;
	margin-top: 0px;
	margin-right:0px;
	margin-left: 0px;
	border: 0px;
	text-align: left;
	}
#colint_d {
	float:right;
	display:block;
	float:right;	
	position: relative;
	right:0px;
	padding: 0;
	width: 318px;
	/*height: 407px;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	border: 0px;
	text-align: right;
	}
#flash_info {
	display:block;
	padding: 0;
	position: relative;
	width: 843px;
	height: 29px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 8px;
	background-color:#BBB3A3;
	border: 0px;
	text-align: left;
	}
#act {
	display:block;
	padding: 0;
	position: relative;
	width: 320px;
	height: 80px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 8px;
	border: 0px;
	text-align: left;
	}
/* ######################### Page INDEX ######################### */ 
/* ######################### Page 1000 ######################### */ 
#cont_int {
	padding: 0;
	position: relative;
	width: 904px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	background-color:#9B9893;
	border: 0px;
	}
#cont_intb {
	padding: 0;
	position: relative;
	width: 904px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	background-color:#9B9893;
	background-image:url(../images/fd_cont1b.gif);
	background-repeat:repeat-y;
	border: 0px;
	}
#cont_haut1 {
	display:block;
	padding: 0;
	position: relative;
	width: 904px;
	height: 15px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 99px;
	border: 0px;
	}
#cont_haut_int{
	float:left;
	display:block;
	position: relative;
	left:7px;
	padding: 0;	
	width: 633px;
	height: 161px;
	margin-right: auto;
	margin-left: auto;
	margin-top:7px;
	margin-bottom:0px;
	background-image:url(../images/fd_mn.gif);
	background-repeat:repeat-x;
	border: 0px;
	}
#cont_tt_int{
	float:right;
	display:block;
	position: relative;
	right:7px;
	padding: 0;	
	width: 250px;
	height: 161px;
	margin-right: auto;
	margin-left: auto;
	margin-top:7px;
	margin-bottom:0px;
	border: 0px;
	}
#cont_nav_ic{
	float:left;
	display:block;
	position: relative;
	left:0px;
	top:20px;
	padding: 0;	
	width: 139px;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	margin-bottom:0px;
	border: 0px;
	text-align:left;
	}
#cont_contenu_ic{
	float:left;
	display:block;
	position: relative;
	left:30px;
	top:20px;
	padding: 0;
	width: 484px;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	margin-bottom:0px;
	border: 0px;
	text-align:left;
	vertical-align:top;
	}
#photos_ic{
	display:block;
	position: relative;
	padding: 0;
	width: 484px;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	margin-bottom:0px;
	border: 0px;
	text-align:left;
	vertical-align:top;
	}
#cont_visu_int{
	float:right;
	display:block;
	position: relative;
	right:7px;
	top:0px;
	padding: 0;
	width: 250px;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	margin-bottom:0px;
	border: 0px;
	}	
#cont_bstt{
	float:left;
	display:block;	
	position: relative;
	left:7px;
	/*top:-28px;*/
	top:0px;
	z-index:100;
	padding: 0;	
	width: 890px;
	height: 39px;
	background-image: url(../images/fd_bdbs.gif);
	background-repeat:repeat-x;	
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom:0px;
	border: 0px;
	text-align:left;
	}
#adresse{
	display:block;
	padding: 0;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom:0px;
	border: 0px;
	text-align:center;
	width:845px;
	}
/* ######################### Page 1000 ######################### */
/* ######################### Page outils ######################### */
#cont_nav_outils{
	float:left;
	display:block;	
	position: relative;
	left:0px;
	top: 20px;
	padding: 0;
	width: 139px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0px;
	text-align:left;
	}
#cont_contenu_outils{
	float:right;
	display:block;	
	position: relative;
	right: 31px;
	top: 20px;
	padding: 0;
	width: 660px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom:0px;
	border: 0px;
	text-align:center;
	vertical-align:top;
	}
/* ######################### Page outils ######################### */