
* {padding:0;margin:0;text-align:left;}

html {font-size:80%;}

html, body {
	background-image:url(../images/layout/bg.gif);
	background-position:top center;
	background-repeat:repeat-y;
	background-color:#ededed;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;/* Internet Explorer 5 pour Windows */
}

a {text-decoration:none;}
a:link {color:#960032;}
a:visited {color:#960032;}
a:focus	{color:#960032;text-decoration:underline;}
a:active {color:#960032;text-decoration:underline;}
a:hover	{color:#960032;text-decoration:underline;}

h1, h2, h3, h4 {font-size:100%;color:#222;font-family:Arial, Helvetica, sans-serif;font-weight:normal;}
h1 {font-size:170%;margin:0 0 1.5em 0;color:#960032;}
h2 {font-size:140%;margin:1.5em 0 .5em 0;color:#7b9400;}
h3 {font-size:120%;margin:1em 0 .5em 0;font-weight:bold;}
h4 {font-size:100%;margin:1em 0 .5em 0;font-weight:bold;}

img {border:0;}

dl {margin:0em 0 1em 0;background-color:#fff;clear:both;float:none;}
dt {font-size:120%;font-weight:bold;margin:1.5em 0 .5em 0;color:#7b9400;}

dd {margin:.5em 0 .5em 0;padding:0 0 0 1em;}
dd p {font-size:100%;	margin-bottom:.3em;}
#content dd p {text-indent:0em;}

p {font-size:100%;line-height:1.4em;margin-bottom:1em;text-align:justify;}
p.wordLink {
	background-image:url(../images/icon-word-16.gif);
	background-repeat:no-repeat;
	padding:0 0 0 20px;
}
#content ul li.wordLink {
	list-style-type:none;
	background-image:url(../images/icon-word-16.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding:0 0 0 20px;
}
p.pdfLink {
	background-image:url(../images/icon-pdf-16.gif);
	background-repeat:no-repeat;
	padding: 0 0 0 20px;
}

sup {line-height:1em;/* corrige un bug de IE6 */}

#associations h3 {
	padding:4px 0 0 0;
	border-top:1px solid #aaa;
	margin-top:1.5em;
}
p.nomAssociation {
	font-weight:bold;
	color:#7b9400;
	margin-bottom:.2em;
}

.emailLink, #sidebar .emailLink {
	text-decoration:underline;
}

#sitemap a {color:#000;text-decoration:underline;font-size:100%;margin:1.5em 0 .5em 0;}
#sitemap a:link {color:#000;}
#sitemap a:visited {color:#000;}
#sitemap a:focus {color:#960032;text-decoration:none;}
#sitemap a:active {color:#960032;text-decoration:none;}
#sitemap a:hover {color:#960032;text-decoration:none;}

#sitemap h2 a {text-decoration:none;font-size:100%;margin:1.5em 0 .5em 0;color:#7b9400;}
#sitemap h2 a:link {color:#7b9400;}
#sitemap h2 a:visited {color:#7b9400;}
#sitemap h2 a:focus {color:#7b9400;text-decoration:underline;}
#sitemap h2 a:active {color:#7b9400;text-decoration:underline;}
#sitemap h2 a:hover {color:#7b9400;text-decoration:underline;}


/*-------------------------------------------------------------------
                                                          Structure
------------------------------------------------------------------- */

#container {width:760px;margin:0 auto;text-align:center;/* pour IE5 Windows */}

#top {
	background-color:#960032;
	width:760px;
	height:95px;/* Internet Explorer 5 pour Windows */
	padding:20px 0 0 0;
	
	voice-family:"\"}\"";
	voice-family:inherit;
	height:75px;
}
#logo {float:left;clear:none;margin-right:30px;}
#logo a {text-decoration:none;border:0;}

#nav {float:left;clear:none;height:35px;padding-top:0px;}
#nav li {
	display:inline;
	padding-left:6px;
	white-space:nowrap;
	
	voice-family:"\"}\"";
	voice-family:inherit;
	padding-left:6px;
}

#nav li a {font-family:Arial, Helvetica, sans-serif;color:#fff;text-decoration:none;border-bottom:0;}
#nav li a:link {font-family:Arial, Helvetica, sans-serif;color:#fff;text-decoration:none;border-bottom:0;}
#nav li a:visited {color:#fff;}
#nav li a:focus	{color:#fff;}
#nav li a:active {color:#fff;}
#nav li a:hover	{color:#fff;}

#top #nav ul {list-style:none;margin:0;padding:0;}
#top #nav ul li {float:left;margin:0;padding-left:0;}
#top #nav ul li a {
	font-size:120%;
	font-weight:normal;
	width:110px;
	float:left;
	clear:none;
	height:13px;
	padding-top:4px;
	padding-bottom:38px;
	padding-left:10px;

	voice-family:"\"}\"";
	voice-family:inherit;
	padding-left:10px;
}
* html #top #nav ul li a {
	text-decoration:none;
 /* Uniquement pour IE Windows
	pour contourner le bug décrit à :
	http://www.positioniseverything.net/explorer/threepxtest.html */
	width:119px;/* IE5 */
  margin-left:0px;

	voice-family:"\"}\"";
	voice-family:inherit;
	text-decoration:none;
	width:109px;/* IE6 */
}

#top #nav ul li a {background:#960032 url(../images/layout/navigation_item_bg.gif) no-repeat;color:#eaccd6;}
#top #nav ul li a:hover {background:url(../images/layout/navigation_item_bg.gif) no-repeat -125px 0;color:#fff;}
#top #nav ul li.current a {background:url(../images/layout/navigation_item_bg.gif) no-repeat -250px 0;font-weight:normal;
height:13px;padding-top:40px;padding-bottom:0;color:#fff;
}
#top #nav ul li.current a:hover {background:url(../images/layout/navigation_item_bg.gif) no-repeat -375px 0;font-weight:normal;
height:13px;padding-top:40px;padding-bottom:0;color:#fff;
}

#header {background-color:#7b9400;width:760px;}
#slogan {height:14px;padding:25px 0 25px 0;margin:0 auto;text-align:center;}
#headerimage {
	background-image:url(../images/layout/pont.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:758px;
	height:156px;/* Pour IE5 seulement */
	margin:0 auto;
	padding-bottom:6px;
	text-align:center;

	voice-family:"\"}\"";
	voice-family:inherit;
	height:150px;
}
#header #quicklinks {text-align:right;line-height:1.2em;color:#fff;padding:4px 10px;margin:0;}
#header #quicklinks {color:#fff;}
#header #quicklinks a {color:#fff;text-decoration:none;border-bottom:0;}
#header #quicklinks a:link {color:#fff;text-decoration:none;border-bottom:0;}
#header #quicklinks a:visited {color:#fff;text-decoration:none;border-bottom:0;}
#header #quicklinks a:focus {color:#fff;text-decoration:underline;border-bottom:0;}
#header #quicklinks a:hover {color:#fff;text-decoration:underline;border-bottom:0;}
#header #quicklinks a:active {color:#fff;text-decoration:underline;border-bottom:0;}


#page	{
	background-image:url(../images/layout/page_bg.gif);
	background-repeat:repeat-y;
	background-color:#fff;
	overflow:auto;
}

#content {
	width:530px;/* Pour IE5 seulement */
	background-color:transparent;/*#f80*/
	float:left;
	clear:none;
	padding:0 30px 4em 30px;

	voice-family:"\"}\"";
	voice-family:inherit;
	width:470px;/* véritable valeur CSS */
}

#content ol, #content ul{margin:1em 0 1.5em 0;}
#content ol li{font-size:1em;text-indent:0;line-height:1.4em;padding-left:0;margin:.1em 0 .2em 20px;}
#content ul li {
	background-image:url(../images/layout/bullet.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	list-style-type:none;
	font-size:1em;
	text-indent:0;
	line-height:1.4em;
	padding-left:15px;
	margin:.1em 0 .2em 0;
}
#content ul li ul li {background-image:url(../images/layout/bullet2.gif);}
#content ul li ul {margin:.5em 0 1em 0;}
#content ul li ul li ul li {background-image:url(../images/layout/bullet3.gif);}
#content ul li ul li ul {margin:.5em 0 1em 0;}

#section{margin:1.5em 0 .1em 0;line-height:1em;font-size:110%;color:#aaa;font-family:Arial, Helvetica, sans-serif;}


#sidebar {
	background-color:transparent;
	width:225px;/* Pour IE5 seulement */
	float:right;
	clear:none;
	text-align:left;
	padding:20px 10px 4em 10px;
	
	voice-family:"\"}\"";
	voice-family:inherit;
	width:205px;/* véritable valeur CSS */
}

#sidebar a {color:#303030;text-decoration:none;}
#sidebar a:link {color:#303030;}
#sidebar a:visited {color:#303030;}
#sidebar a:focus {color:#960032;text-decoration:underline;}
#sidebar a:active {color:#960032;text-decoration:underline;}
#sidebar a:hover {color:#960032;text-decoration:underline;}

#sidebar p {font-size:0.9em;padding:0 0 0 10px;text-align:left;}
#sidebar h3 {
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #960032;
	border-top:0;
	color:#960032;
	font-size:100%;
	font-weight:bold;
	padding:0 0 1px 5px;
}
#sidebar h3 a {font-size:100%;color:#960032;text-decoration:underline;border:0;}
#sidebar h4 {padding:0 0 0 5px;}
#sidebar ul, #sidebar ol {
	list-style-position:outside;/* A cause d'un problème de IE */
	padding:0 0 0 5px;
	margin-bottom:1.5em;
}
#sidebar li {
	background-image:url(../images/layout/sidebar-bullet.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	font-size:0.9em;
	text-indent:0;
	text-align:left;
	list-style-type:none;
	line-height:1.4em;
	padding-left:15px;
	margin:.1em 0 .2em 0;
}
#sidebar ul li ul{padding:0 0 0 0px;}
#sidebar ul li ul li{
	font-size:1em;
	text-indent:0;
	list-style-type:none;
	line-height:1.4em;
	padding-left:15px;
	margin:.1em 0 .2em 0;
}

#sidebar .sidebarSpace{padding:0;border-top:0px solid #dbd1b9;margin:2em 0 1em 0;}
#sidebar .flashTitle {
	font-size:100%;
	line-height:1.2em;
	text-align:left;
	color:#960032;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:normal;
	padding:0 5px 0 5px;
	border-bottom:0px solid #d9e1b9;
	margin-bottom:.2em;
}
#sidebar .flashContent {
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.3em;
	text-indent:0;
	font-weight:normal;
	font-style:italic;
	color:#7b9400;
	padding:0 5px 0 5px;
	margin-bottom:1em;
	text-align:justify;
}


#footer {
	color:#efefef;
	width:760px;
	clear:both;
	float:none;
	font-size:.8em;
	background-color:#960032;
	border-top:1px solid #efefef;
	padding:1em 0 1.5em 30px;
	margin:0;
	
	voice-family:"\"}\"";
	voice-family:inherit;
	width:730px;/* véritable valeur CSS */
}
#footer p {color:#efefef;text-align:left;line-height:1.2em;padding:0;margin:0;}
#footer p a {color:#ddd;text-decoration:none;}
#footer p a:link {color:#ddd;text-decoration:none;}
#footer p a:visited {color:#ddd;text-decoration:none;}
#footer p a:focus {color:#fff;text-decoration:underline;}
#footer p a:hover {color:#fff;text-decoration:underline;}
#footer p a:active {color:#fff;text-decoration:underline;}


/*-------------------------------------------------------------------
                                                              Pages
------------------------------------------------------------------- */

/* ----------------------------- Accueil -----------------------------*/
#citation {margin:30px 0 40px 20px;text-align:left;}


/* ----------------------------- Contact -----------------------------*/

#contact #content {background-color:transparent;width:469px;}
#contact #content form {float:left;/*Mac IE 5*/}
#contact p {float:none;clear:both;}
#contact label {text-align:left;color:#7b9400;font-weight:normal;/*960032 7b9400*/}
#contact .champ {
	width:440px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:2px 3px;
	margin-bottom:.5em;
	border:1px solid #7b9400;
	background-color:#fff;
}

#contact p .bouton {
	text-align:center;
	padding:2px 6px;
	background-image:url(../images/layout/button_bg.gif);
	background-repeat:repeat-x;
}

#contact p.formFieldError {color:#f0f;background-color:#fff0f5;padding:2px 0;}
#contact .fieldErrorMessage {
	color:#960032;
	width:450px;
	font-weight:bold;
	font-style:italic;
	line-height:1em;
	margin:1.5em 0 .5em 0;
}
/*-------------------------------------------------------------------
                                                                 UI
------------------------------------------------------------------- */

.OKMessage {font-size:100%;padding:2px;border:1px solid #7b9400;margin:0 0 20px 0;}
.OKMessage div {
	font-size:100%;
	background-image:url(../images/ui/message_ok_bg.png);
	background-repeat:no-repeat;
	background-color:#f8ffd5;
	padding:5px 0 5px 45px;
	margin:0;
}
.OKMessage p {font-size:100%;color:#7b9400;font-weight:normal;}

.errorMessage {font-size:100%;padding:2px;border:1px solid #960032;margin:0 0 20px 0;}
.errorMessage div {
	font-size:100%;
	background-image:url(../images/ui/message_error_bg.png);
	background-repeat:no-repeat;
	background-color:#fff7fa;
	padding:5px 0 5px 45px;
	margin:0;
}
.errorMessage p {font-size:100%;color:#960032;font-weight:normal;}

.warningMessage {font-size:100%;padding:2px;border:1px solid #aba000;margin:0 0 20px 0;}
.warningMessage div {
	font-size:100%;
	background-image:url(../images/ui/message_warning_bg.png);
	background-repeat:no-repeat;
	background-color:#ffffd9;
	padding:5px 0 5px 45px;
	margin:0;
}
.warningMessage p {font-size:100%;color:#000;font-weight:normal;}


/* ----------------------------- Forms -----------------------------*/
.formFieldError {background-color:#fff7fa;padding:5px 10px;}
.fieldErrorMessage {color:#960032;font-weight:bold;font-style:italic;line-height:1em;margin:1.5em 0 .5em 0;}


/*-------------------------------------------------------------------
                                                              Admin
------------------------------------------------------------------- */
#adminNews #newsTable .supp a {text-decoration:none;color:#f00;}

#adminNewsEdit #newsForm .input {width:100%;}
#adminNewsEdit #newsForm .submitButton {text-align:center;}
#adminNewsEdit #newsForm .bouton {
	background-image:url(../images/layout/button_bg.gif);
	background-repeat:repeat-x;
	color:#960032;
	font-weight:bold;
	text-align:center;
	padding:2px 6px;
}

* html #adminNewsEdit #sidebar {
	width:225px;

	voice-family:"\"}\"";
	voice-family:inherit;
	width:180px;
}

table {width:100%;table-layout:fixed;	border-collapse:collapse;	background-color:#fff;}
th{text-align:center;}
td {border-collapse:collapse;border:1px solid #960032;text-align:center;padding:2px 3px;}
.tablecelldark {background-color:#f4f2f0;}
.tablecelllight {background-color:#fff;}
