/*	-------------------------------------------------------------
	ROUSSILLON CONNEXION
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Styles communs
	Nom fichier:	style.css
	Version:		1.0
	Date:			16 Janvier 2007
	-------------------------------------------------------------	*/
#refer{display:block; visibility:hidden; text-indent:-9000px; width:0px; height:0px;}


	

.ic-paragraphe{color: #00FDFD; font-size: 13px; font-family: Verdana, Arial, Helvetica; text-decoration : underline; font-weight:bold;}
.ic-valeur{color: #9BFEFE; font-size: 11px; font-family: Verdana, Arial, Helvetica;}

/* ************************* */
	
body  { font-size: 11px; font-family: sans-serif; background-color: #C8C6C2; background-position: center top; text-align: center; margin: 0; padding: 0; height: 100% }
a {text-decoration:underline; color: #E1DFDA;}

h2{color: #000000; font-size: 16px; font-family: "Times New Roman", Times, serif;  top:3px; margin:0px; padding: 0px;}
/* IC */
.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: #2AEDED; 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 {color: #E1DFDA; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;}
A:hover.ic_txt{color: #E1DFDA; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;}


/* ######################### Navigation IC ######################### */ 
#nav_ic_on {margin: 0;	padding: 0; display: block; text-align:left; width:122px; color: #2AEDED; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight:bold;}
#nav_ic_off {margin: 0;	padding: 0; display: block; text-align:left; width:122px; color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:none;}
/* ######################### Navigation IC ######################### */


/* ######################### Navigation OUTILS ######################### */ 
#nav_outils_on {margin: 0;	padding: 0; display: block; text-align:left; width:180px; color: #2AEDED; 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:180px; 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:10px; text-align:left; width:170px; color: #2AEDED; 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:10px; text-align:left; width:170px; 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:20px; text-align:left; width:160px; color: #2AEDED; 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:20px; text-align:left; width:160px; 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;
}
.titre_gal{color: #5C6359; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none; font-weight:bold;}
.galdescrub{color: #5C6359; font-size: 11px; font-family: Verdana, Arial, Helvetica;  text-decoration:none}
.galttvign{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;}
A:hover.galttvign{color: #ffffff; 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: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;}
.galphotodesc{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;}
.galphotott{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;}
.ecardintrotexte{color: #5C6359; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none; font-weight:none;}
.ecardttvign{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;}
A:hover.ecardttvign{color: #ffffff; 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: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;}
.ecardform{color: #000000; 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: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;}
A:hover.ecardthanks{color: #000000; 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: #2AEDED; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:none;}
.backtitre{color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;}
A:hover.backdownload{color: #2AEDED; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;font-weight:none;}


.downloadrubrique{color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;font-variant:small-caps;}
.downloadtitre{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold; font-variant:small-caps;}
.downloadapercu{color: #2AEDED;; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:none; }
A:hover.downloadapercu{color: #2AEDED;; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;font-weight:none;}
.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: #000000; 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:#A8A5A0;	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: #2AEDED; 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:166px; 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:90px; 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 {
	display:block;
	padding: 0;
	position: relative;
	width: 406px;
	height: 24px;
	margin-right: auto;

	margin-left: auto;
	border: 0px;
	text-align: center;
	}
#select_lg{
	display:block;
	padding: 0;
	position: relative;
	width: 76px;
	height: 15px;
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 0px;
	margin-left: 0px;
	border: 0px;
	text-align: left;
	}
#outils {
	display:block;
	padding: 0;
	position: relative;
	width: 400px;
	height: 15px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0px;
	text-align: right;
	}
/* ######################### COMMUNS ######################### */ 
/* ######################### Page INDEX ######################### */ 
#cont_ami {
	padding: 0;
	position: relative;
	width: 843px;
	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;
	padding: 0;
	width: 843px;
	/*height: 471px;*/
	margin-right: auto;
	margin-left: auto;
	border: 0;px
	}
#colonne_g {
	float:left;
	display:block;
	position: relative;
	padding: 0;
	top:0px;
	left:0px;
	width: 282px;
	/*height: 407px;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	border: 0px;
	text-align: left;
	}
#colonne_c {	
	float:left;
	display:block;
	position: relative;
	top:0px;
	left:0px;
	padding: 0;
	width: 270px;
	/*height: 407px;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	border: 0px;
	text-align: center;
	}
#colonne_d {
	display:block;
	float:right;	
	position: relative;
	right:0px;
	padding: 0;
	width: 291px;
	/*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;
	}
/* ######################### 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: 0px;
	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:17px;
	top:20px;
	padding: 0;	
	width: 124px;
	margin-right: auto;
	margin-left: auto;
	margin-top:15px;
	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:15px;
	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: 17px;
	top: 20px;
	padding: 0;
	width: 180px;
	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 ######################### */