/*colors 
	- mauve bg :#cd599d
	- mauve flash logo : #b00084
	- mauve foncé logo : #5e328b
	- h2 : #cd599d
*/

* { 
	margin:0;
	border:none;
}
/* elements 
--------------------------------------------------------------------------------------------------*/
body { 
	background:#cd599d url(img/back_left.jpg) no-repeat top left;
	margin-left:294px;
}
p, label { 
	font:8pt/11pt Verdana, Arial, sans-serif;
}
label { 
	font-weight:bold;
	line-height:12pt;
}
address { 
	font:7pt Verdana, Arial, sans-serif;
	color:#5e328b;
}
h1 { 
	font:bold 11pt Tahoma, Verdana, Arial, sans-serif;
	color:#5e328b;
}
h2 { 
	font:bold 10pt Tahoma, Verdana, Arial, sans-serif;
	color:#cd599d;
}
h3 { 
	font:bold 10pt Tahoma, Verdana, Arial, sans-serif;
	color:#fff;
	margin-top:6px;
}
h4 { 
	font:bold 8pt Verdana, Arial, sans-serif;
	color:#5e328b;
}
#fieldset, #infos { 
	background:#f9ecf3;
	border:1px solid #ccc;
	width:415px;
	margin:30px 10px 30px 60px;
	padding:10px;
}
input, textarea, select { 
	font:8pt Verdana, Arial, sans-serif;
	color:#000;
	margin-top:2px;
}
select { 
	border:1px solid #999;
}
/*class
--------------------------------------------------------------------------------------------------*/
input.head_forms { 
	border:1px solid #333;
	background:#f9ecf3;
	width:120px;
	height:12px;
}
input.btn_head_forms { 
	background:#b584a7;
	font:Bold 8pt Verdana, Arial, sans-serif;
	color:#fff;
}
input.search_center{ 
	border:1px solid #333;
	background:#fff;
	width:200px;
	height:12px;
}
.btn_controls { 
	background:#b584a7;
	font:8pt Verdana, Arial, sans-serif;
	color:#fff;
	width:50px;
}
.number_pages { 
	color:#999;
}


/* fixe
--------------------------------------------------------------------------------------------------*/
#banner { 
	position:absolute;
	top:0;
	left:0;
	width:821px;
	height:38px;
	z-index:100;
}
#menu { 
	position:absolute;
	left:103px;
	top:180px;
	height:110px;
	width:190px;
	background:transparent url(img/bg_menu.png) no-repeat top right;
	_background:none; /*hack*/
}
#menu h3 { 
	text-align:right;
	padding-right:10px;
	margin-bottom:-4px;
}
#menu h3 a { 
	display:block;
	width:160px;
	height:16px;
	text-align:left;
	padding-left:30px;
	color:#fff;
	text-decoration:none;
	background:#af0084 url(img/carre_menu_base.gif) no-repeat;
}
#menu h3 a:hover { 
	display:block;
	width:160px;
	height:16px;
	text-align:left;
	padding-left:30px;
	color:#dedede;
	background:#af0084 url(img/carre_menu_hover.gif) no-repeat;
}
#signature { 
	position:fixed;
	_position:absolute; /*hack*/
	bottom:7px;
	left:2px;
	width:290px;
	text-align:center;
}
#signature p { 
	font:7pt Verdana, Arial, sans-serif;
	color:#f4cfe2;
}

/* flux relatif // positionnement de la page
--------------------------------------------------------------------------------------------------*/
#container { 
	position:relative;
	min-height:663px;
	width:525px;
	background:#fff;
	border-left:1px solid #b00084;
	border-right:2px solid #b00084;
}
#header { 
	position:relative;
	height:163px;
	width:525px;
	background:url(img/backg_header.gif);
}
#adresses { 
	position:relative;
	float:left;
	height:118px;
	width:219px;
	padding-left:110px;
	margin-top:19px;
	background:url(img/postits.jpg) no-repeat;
}
address.one { 
	float:left; 
	margin:30px 0 0 5px;
	_margin-left:2px; /*hack*/
}
address.two { 
	float:right; 
	margin:30px 30px 0 0;
	_margin-left:20px; /*hack*/
}
#forms { 
	position:relative;
	margin-top:30px;
	float:right;
	width:190px;
	_width:167px;
	height:118px;
}
#location { 
	position:relative;
	clear:both;
	width:525px;
}
#location span { 
	font:bold 10pt Tahoma, Verdana, Arial, sans-serif;
	margin-top:-2px;
}
#location span.where { 
	float:left;
	color:#fff;
	background:#b00084;
	padding:0 5px 0 10px;
}
#location span.choice { 
	float:right;
	color:#5e328b;
	margin-right:10px;
}
#contenu { 
	position:relative;
	padding-top:20px;	
	width:525px;
}
#contenu ul { 
	margin-left:20px;
} 
h1.sections {
	border-bottom:1px solid #b00084;
	margin:0 10px 0 40px;
	height:17px;
	padding:23px 0 0 50px;
	background:url(img/couple.gif) no-repeat top left;
}
h1.searching {
	border-bottom:1px solid #b00084;
	margin:10px 10px 0 0;
	height:17px;
	padding:23px 0 0 50px;
	background:url(img/couple.gif) no-repeat top left;
}
#footer { 
	position:relative;
	width:325px;
	height:25px;
	border-top:1px solid #ccc;
	text-align:center;
	padding-top:6px;
	margin:15px 100px 0 100px;
	font:7pt Verdana, Arial, sans-serif;
}
/*
pour les news 
----------------------------------------------------------------------------*/
.bloc_news { 
	background:#f9ecf3;
	border:1px solid #ccc;
	width:415px;
	list-style-type:none;
	margin-top:30px;
	_margin-left:40px;/*hack*/
	padding:10px;
}
.bloc_news ul li {
	font:8pt/11pt Verdana, Arial, sans-serif;
	margin:10px 0 0 -30px;
	_margin-left:0;/*hack*/
	color:#000;
	list-style-type:none;
	background:url(img/arrow.gif) no-repeat 0 -15px ;
}
address.posteur { 
	font-size:8pt;
	margin-top:15px;
	text-align:right;
	font-style:italic;
	color:#000;
}
p.news_nav { 
	color:#dedede;
	margin:5px 30px 30px 0;
	text-align:right;
}
#infos img { 
	float:left;
	margin-right:15px;
}
/*pour les centres
---------------------------------------------------------------------------------------------------------*/
.list { 
	list-style-type:none;
	width:350px;
	background:#f9ecf3;
	border:1px solid #ccc;
	padding:10px;
	margin:10px 0 10px 0;
	_margin-left:50px;/*hack*/
}
.list_centre address { 
	font:8pt Verdana, Arial, sans-serif;
	color:#000;
}
.province { 
	font-size:8pt;
	font-weight:bold;
	color:#5e328b;
}
/*control pannel - admin
---------------------------------------------------------------------------------------------------------*/
.list_control_panel { 
	list-style-type:none;
	width:300px;
	background:#f9ecf3;
	border:1px solid #ccc;
	padding:10px 60px 10px 10px;
	margin:10px 0 10px 0;
	text-align:right;
	_margin-left:50px;/*hack*/
}
.list_control_panel h2, h2.first_niv { 
	text-align:left;
	border-bottom:1px solid #b00084;
	margin-bottom:25px;
	padding-left:5px;
}
h2.first_niv { 
	margin-bottom:15px;
}
.list img { 
	border:3px solid #f9ecf3;
}
.list_control_panel p { 
	margin-bottom:5px;
}
input.adm_forms { 
	border:1px solid #333;
	background:#fff;
	width:120px;
	height:12px;
}
input.adm_forms_bigger { 
	border:1px solid #333;
	background:#fdfafc;
	width:220px;
	height:12px;
}
input.adm_forms_little { 
	border:1px solid #333;
	background:#fdfafc;
	width:50px;
	height:12px;
}
textarea { 
	border:1px solid #333;
	background:#fdfafc;
	width:250px;
	height:350px;	
}
input.btn_adm_forms { 
	background:#b584a7;
	font:Bold 8pt Verdana, Arial, sans-serif;
	color:#fff;
}
/*Pour la fede
---------------------------------------------------------------------------------------------------------*/
p.margehaut { 
	margin-top:10px;
}
ul.retrait_1 { 
	margin-bottom:5px;
}
ul.retrait_1 li { 
	list-style-type:square;
}
ul.retrait_2 li { 
	list-style-type:circle;
}
.gras { 
	font-weight:bold;
}
table#contact_form { 
	background:#f9ecf3;
	border:1px solid #ccc;
	font:8pt/11pt Verdana, Arial, sans-serif;
	padding:5px;
	margin:15px 0 0 0;
	width:430px;
}
#contact_form td { 
	vertical-align:bottom;
	height:20px;
	padding:0 0 0 5px;
}
td.label { 
	width:40%;
	text-align:right;
	padding:0 5px 0 0;
}
td.el_form { 
	width:60%;
	text-align:left;
}
td.el_form input, td.el_form select, td.el_form textarea { 
	border:1px solid #333;
	background:#fdfafc;
}
td.el_form input { 
	height:12px;
	width:230px;
}
td.el_form select { 
	height:15px;
	width:230px;
}
textarea.mail { 
	width:400px;
	height:230px;	
}
td input.bouton {
	background:#b584a7;
	font:Bold 8pt Verdana, Arial, sans-serif;
	color:#fff;
	width:120px;
	height:17px;
	border:none;
} 

/*pseudos-classe
---------------------------------------------------------------------------------------------------------*/
a { 
	color:#000;
	text-decoration:none;
}
a:hover { 
	text-decoration:underline;
}
address a { 
	color:#5e328b;
	text-decoration:none;
}
address a:hover { 
	border-bottom:1px dotted #000;
	text-decoration:none;
}
#location span.choice a { 
	color:#b00084;
	text-decoration:none;
}
#location span.choice a:hover { 
	background:#b584a7;
	text-decoration:none;
}
#infos a, .bloc_news a { 
	border-bottom:1px dotted #000;
}
#infos a:hover, .bloc_news a:hover { 
	color:#323232;
	border-bottom:1px dotted #b584a7;
	text-decoration:none;
}
.list_centre address a { 
	font-weight:bold;
}
p.news_nav a { 
	color:#b584a7;
	text-decoration:none;
}
p.news_nav a:hover { 
	color:#b584a7;
	text-decoration:underline;
}
#signature p a { 
	color:#f4cfe2;
	text-decoration:none;
}
#signature p a:hover { 
	border-bottom:1px dotted #fff;
}
#footer a { 
	color:#ccc;
	border:1px dotted #ccc;
}
#footer a:hover { 
	color:#b00084;
	text-decoration:none;
}
#footer a.key { 
	background:url(img/key.gif) no-repeat bottom center;
}
#footer a.key:hover { 
	background:url(img/key_hover.gif) no-repeat bottom center;
}
#footer a.brokenkey { 
	background:url(img/brokenkey.gif) no-repeat bottom center;
}
#footer a.brokenkey:hover { 
	background:url(img/brokenkey_hover.gif) no-repeat bottom center;
}
img.image:hover { 
	border:3px solid #b00084;
}
.province a { 
	color:#5e328b;
	border-bottom:1px dotted #5e328b;
	text-decoration:none;
}
.province a:hover { 
	color:#5e328b;
	text-decoration:none;	
	border-bottom:1px dotted #b00084;
}
.dnone {
	display:none;
}