/* CSS Document */

/********************************** Tags HTML **********************************/
html {
	background:					#ffffff url(images/bg.jpg) top center repeat;
}

body {
	background:					url(images/bg_header.gif) top center repeat-x;
	margin: 					0px;
}

p {
	font-family: 				Arial, Helvetica, sans-serif;
	font-size: 					10pt;
	color: 						#717171;
	margin: 					14px 0px;
}

b, strong {
	color: 						#717171;
}

ul, ol, td{
	font-family: 				Arial, Helvetica, sans-serif;
	font-size: 					10pt;
	color: 						#717171;
}

h1 {
	font-family: 				Arial, Helvetica, sans-serif;
	font-size: 					16pt;
	color: 						#4c5e88;
}

h2 {
	font-family: 				Arial, Helvetica, sans-serif;
	font-size: 					14pt;
	color: 						#b7752f;
	font-weight:				normal;
}

h3 {
	font-family: 				Arial, Helvetica, sans-serif;
	font-size: 					12pt;
	color: 						#717171;
}

h4 {
	font-family: 				Arial, Helvetica, sans-serif;
	font-size: 					9pt;
	font-weight: 				bold;
	color: 						#717171;
}

hr {
	border:        				0px;
	color:						#717171;
	background-color:			#717171;
	height:						1px;
}

/*a		{color:#00acee; font-family:Arial, Helvetica, sans-serif; font-size:10pt; text-decoration:none;}
a:hover	{color:#791b1b; font-family:Arial, Helvetica, sans-serif; font-size:10pt; text-decoration:none;}*/
a		{text-decoration:none;}
a:hover	{text-decoration:underline;}

/********************************** Tags IMPORTANT **********************************/
.png24
{
	filter: expression(applyPNGFilter(this));
}

/********************************** IDs -- Zones principales **********************************/
#wrap {
	width: 						976px;
	margin: 					auto;
}

#header {
	position:					absolute;
	top:						30px;
	width: 						976px;
}

#bg_contents {
	background:					url(images/bg_contenu.jpg) top center repeat-y;
	width:						976px;
}

#contents {
	background:					url(images/bg_contenu_top.jpg) top center no-repeat;
	width:						976px;
}

#contenu_reste a, #contenu_reste a:hover, #form_reponse a, #form_reponse a:hover {
	color:						#00acee;
}

#contenu_reste h2 a {color:#b7752f; text-decoration:none;}
#contenu_reste h2 a:hover {color:#717171; text-decoration:none;}

#footer {
	background:					url(images/bg_footer_top.jpg) repeat-x top center;
	width:						976px;
	height: 					99px;
	margin:						auto;
}

#footer p {
	color: 						#ffffff;
	font-family: 				Arial, Helvetica, sans-serif;
	font-size:					9pt;
}

#footer a		{color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:9pt; text-decoration:none}
#footer a:hover	{color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:9pt; text-decoration:underline}

/********************************** IDs **********************************/
#boite_publiinfo strong, #boite_publiinfo b, #boite_publiinfo a, #boite_publiinfo a:hover
{
	color:						#4c5e88;
}

#boite_membres strong, #boite_membres b, #boite_membres a, #boite_membres a:hover
{
	color:						#b7752f;
}

#boite_communiques strong, #boite_communiques b, #boite_communiques a, #boite_communiques a:hover
{
	color:						#00acee;
}

#boite_activites strong, #boite_activites b, #boite_activites a, #boite_activites a:hover
{
	color:						#2f7227;
}

#boite_avantages strong, #boite_avantages b, #boite_avantages a, #boite_avantages a:hover
{
	color:						#363636;
}

#boite_bonscoups strong, #boite_bonscoups b, #boite_bonscoups a, #boite_bonscoups a:hover
{
	color:						#791b1b;
}

#boite_image_centre p
{
	color:						#ffffff;
}

/********************************** Classes **********************************/
.bordure-image
{
	padding:                    2px;
	border:						1px #4c5e88 solid;
	background-color:			#dddddd;
	margin-right:				10px;
}

.element, .element2, .element3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #ffffff;
}

.element3 ul
{
	list-style:square;
}

/*.element a, .element2 a {color:#00acee; text-decoration:none;}
.element a:hover, .element2 a:hover {color:#791b1b; text-decoration:none;}*/

.element3 a{color:#ffffff; text-decoration:none;}
.element3 a:hover{color:#00acee; text-decoration:none;}
 

.toggler, .toggler2, .toggler3
{
	font: 12px Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

.titre {
	font-family: 				Arial, Helvetica, sans-serif;
	font-size: 					18pt;
	color: 						#00acee;
}
a#fonttxtCSS { text-decoration: none; color: #e06000; font-weight:bold; font-size: 10pt;}