@charset "utf-8";
/* {margin: 0px; padding: 0px;}*/

ul { margin:0; padding:0; text-align:left; margin-left:25px;}
li { margin:0; padding:0; font-size: 12px; padding-top:4px;}
h4 {font-size: 12px; font-weight: bold; text-align:left; margin-bottom:0;}
h5 {font-size: 12px; font-weight: bold; text-align:left; margin-bottom:0;}

body  {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	background: #e9b115 url(../images/background.png) top left repeat-x;
	margin: 0 auto; 
	padding: 0;
	text-align: center; /* this centers the container in IE 5 and 6 browsers. The text is then set to the left aligned default in the #container selector */
	color:#000000;
}

#container { 
	position: relative;
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #000000 url(../images/lozanges.png) top left repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0;
	border: 0px solid blue;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#banner { 
	width: 748px;
	height: auto;
	border:0px solid blue;
	background: #000000; 
	color:#00ff00;
	margin: 0px 16px 0px 16px;
	padding: 5px 0 5px 0;
	text-align:center; /* to align the image in IE */
} 
#banner img {margin:0 auto; padding:0; display: block; }

#banner div, #banner img {margin:0 auto;}

#lowerContainer {
	position: relative;
	width: 748px;
	min-height: 300px;
	background: #532900 url(../images/lowercontainer.gif) top left repeat;
	border: 0px solid blue;
	margin: 0 16px 0 16px;
	padding: 0;
}

#leftSubMenu{
	position:relative;
	float: left; /* since this element is floated, a width must be given */
	display:inline; /* for IE 5&6 */
	width: 194px;
	margin:0 2px 0 4px;
	padding:30px 0 0 0; /* for the logo and donation button */
	border:0px solid red;
	text-align:center; 
}

#mainContent { 
	position:relative;
	float:right;
	display:inline; /* for IE 5&6 */
 	width: 502px; /* 522 + 20x2 padding + 4+2 margin = 548 */
	margin: 0 4px 0px 2px;
	border:0px solid red;
	padding: 10px 20px 20px 20px;
	text-align: center;
} 
#mainContent h1 {margin: 0 0 15px 0; padding: 0 0 5px 0; text-align: center; font-size: 20px; color: #532900; font-weight:bold; border-bottom:0px solid white; font-variant: small-caps; background: url(../images/maincontenttitleunderline.jpg) bottom center no-repeat;}
#mainContent p {margin:13px 0; padding:0; font-size:12px; border:0px solid green; text-align: justify;}
#mainContent p a, #mainContent p a:visited  { color:#0b8aba; text-decoration:none;}
#mainContent p a:hover {text-decoration: underline;}
#mainContent li a, #mainContent li a:visited  { color:#0b8aba; text-decoration:none;}
#mainContent li a:hover {text-decoration: underline;}
	
#footer { 
	position:relative; 
	width: 728px;
	height: 40px;
	background: url(../images/footerbackground.png) bottom left repeat-x;
	margin: 0px 16px 0px 16px;
	padding:0 10px 0 10px;
	font-family: "Trebuchet MS", verdana, sans-serif; 
	font-size:14px;
} 

#footer div {position:relative; float: left; display: inline; padding-top: 12px; color: #fbcd58; text-align: right;}
#footer div.footercopyright{ width: 248px; text-align:center; font-size:10px; padding-top:14px;} 
#footer div.footerlinks {  width: 480px; text-align:center;}
#footer a { text-decoration: none; color: #fbcd58; padding:0 9px;}
#footer a:hover { text-decoration: underline; color: #fbcd58; padding:0 9px;}

.clearfloat { clear:both; height:0;} /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
.jHidden { display: none;}
.jSlogan { text-align: center; margin-top:12px; margin-bottom:-11px;}

#semafologo { position: relative; margin: -8px 0 15px 0; padding:0;}
#cornersTop { position:relative; display:block; margin:0; padding:0;}
#cornersBottom { position:relative; display: block; margin:0; padding:0;}
img.topBorder { position:absolute; top:0px; left:0px; margin:0; padding:0} 
img.bottomBorder { position:absolute; bottom:0px; left:0px; margin:0; padding:0}


.address { font: 12px verdana, arial, sans-serif; color: #532900; margin: 10px 0 5px 0;}
.address a { text-decoration: none; color: #0b8aba; font-size:10px;}
.address a:hover { text-decoration: underline; }

/*** MENU DANS LE SIDEBAR ***/
.submenu { font-family: "Trebuchet MS", verdana, sans-serif; font-size:14px; position:relative; width:100%; margin:0; padding: 0 0 0 0px; 	border: 0px solid red; text-align: left;}
.submenuTitle { position:relative; margin: 10px 10px 5px 10px; padding-bottom:5px; 
font:16px helvetica, verdana, sans-serif; font-variant: small-caps; font-weight: bolder; color: #532900; border: 0px solid red; background: url(../images/submenutitleunderline.jpg) bottom center no-repeat;}
.submenu ul {padding: 0; margin: 5px 10px; border: 0px solid blue; width: auto; list-style-type: none;}
.submenu ul li {font-size: 14px; display: block; margin:0; padding:0; position:relative; border: 0px solid green; height: auto;}
.submenu ul li a, .submenu ul li a:visited {display:block; text-decoration:none; height:auto; line-height: 20px; color: #0b8aba; font-weight: normal; border:0px solid white; font-variant:small-caps; padding: 2px 0 2px 10px;}
.submenu ul li a:hover { text-decoration: underline;}
.submenu ul li.chosen a {font-style: italic;}
.submenu ul li.chosen ul li a {font-style: normal;}
.submenu ul ul {position: relative; padding:0px 0 0 25px; margin: 0;}
.submenu ul ul a {}

/*** BOITES SUR PAGE D'ACCUEIL ***/
#jBoxes { position: relative; margin: 0 auto; width:95%; border:0px solid black; margin-top: 40px;}
#jBoxLeft {position: relative; float: left; width: 225px; border: 0px solid black; margin: 0 0 10px 0;}
#jBoxRight {position: relative; float: right; width: 225px; border: 0px solid black;}
.jBoxTitle { position: relative; width: 100%; height:19px; color: #ffffff; text-align:center; font: 12px verdana, arial, sans-serif; font-weight: bold; margin:0; padding:7px 0 0 0; 
background: url(../images/boxestitlebackground.gif) top left repeat-x; border:1px solid black;}
.jBoxContent {position: relative; width: 100%; border: 1px solid #0b8aba; border-top:none; margin:0; padding:15px 0 0 0; text-align: center;}
.jBoxContent span {position: relative; display: block; width:190px; border: 0px solid black; margin:0 auto 15px auto; padding:0; font: 12px verdana, arial, sans-serif; color:#000000;}
.jBoxContentItem {position: relative; display: block; width:190px; border: 0px solid black; margin:0 auto 15px auto; padding:0;}
.jBoxContentItem img {width: 100%;}
.jBoxContentItemDate {position: relative; display: block; text-align:left; margin:0 auto; padding:0; font: 11px verdana, arial, sans-serif; font-style:italic; color: #532900;}
.jBoxContentItemGalleryDate {
	position:			absolute;
	top:				0;
	left:				0;
	margin:				0;
	padding:			0;
	border:				0px solid blue;
	font-size:			11px;
	font-style:			italic;
	color:				#532900;
}
.jBoxContentItemPictureCount {
	position:			absolute;
	top:				0;
	right:				0;
	margin:				0;
	padding:			0;
	border:				0px solid black;
	clear:				both;
	font-size:			11px;
	font-style:			italic;
	color:				#532900;
}
.jBoxContentTitle {
	position:			relative;
	display:			block;
	margin:				0;
	padding:			0;
	height:				30px;
	overflow:			hidden;
	border:				0px solid black;
	clear:				both;
	font-size:			12px;
	font-weight:		normal;
	text-align:			center;
	color:				#532900;
}

.jBoxContentItemText {position:relative; display: block; text-align: left; margin: 4px 0 0 0; padding: 0; font: 12px verdana, arial, sans-serif; color:#000000; border:0px solid red;}
.jBoxContentItem a, .jBoxContentItem a:visited {font-size: 11px; color:#0b8aba; text-decoration:none;}
.jBoxContentItem a:hover {font-size: 11px; color:#0b8aba; text-decoration:underline;}
.jBoxContentItem img {border: 1px solid #532900; margin-top:5px;}
.jBoxContentSeeAll {position: relative; display: block; width:85%; border: 0px solid black; margin:0 auto 15px auto; padding:0;}

/*** BREADCRUMBS ***/
.B_crumbBox { display: block; position:relative; height: 15px; border: 0px solid white; margin: 0 0 5px 0; padding: 0px 4px 0px 0px; font-family: verdana, arial, sans-serif; font-size: 10px; color:#532900; text-align:left;}
.B_crumbBox a, .B_crumbBox a:visited {line-height: 15px; color: #532900; text-decoration:none;}
.B_crumbBox a:hover {text-decoration: underline;}

/*** LISTE DE NOUVELLES SOMMAIRES ***/
.jNews { position:relative; width: 100%; border: 0px solid red; margin:10px 0 10px 0; padding:5px 0 0 0 ; text-align:left; border-top: 1px dotted #532900;}
.jNewsLastItem {border-bottom:1px dotted #532900; padding-bottom:5px;}
.jNews h3 {position:relative; display: block; border:0px solid black; margin: 2px 0 2px 0; font: 14px verdana, arial, sans-serif; }
.jNews h3 a,
.jNews h3 a:visited {text-decoration:none; position:relative; color: #532900; border:0px solid black; font-weight: normal;;}
.jNews h3 a:hover {text-decoration:underline;}
/*.jNewsList span {display: inline; font: 12px verdana, arial, sans-serif; color: #a1968c; margin:0 ; padding:0;}*/
.jNewsDate {position: relative; display: inline; margin:0; padding:0; font: 11px verdana, arial, sans-serif; font-style:italic; color: #b56d29; border: 0px solid green;}
.jNewsContent {position: relative; font: 11px verdana, arial, sans-serif; color: #000000; margin: 5px 0 5px 0; padding:0; text-align:justify; border: 0px solid blue;}
.jNewsContent a, .jNewsContent a:visited  {font-size: 10px; color:#b56d29; text-decoration:none;}
.jNewsContent a:hover {text-decoration: underline;}

/*** NAVIGATION DE PAGES DE NOUVELLES SOMMAIRES ***/
.jNewsNavigation {position:relative; width: 100%; font: 11px verdana, arial, sans-serif; color: #532900; margin: 10px 0 0 0;}
.jNewsNavigation a, .jNewsNavigation a:visited { font: 11px verdana, arial, sans-serif; color:#0b8aba; text-decoration: none;}
.jNewsNavigationLeft {position:relative; float:left; width: auto; border: 0px solid black;}
.jNewsNavigationLeft a, .jNewsNavigationLeft a:visited {text-decoration: underline; margin:0 1px;}
.jNewsNavigationRight {position:relative; float:right; width: auto; border: 0px solid black;}

/*** LA NOUVELLE ***/
#jThisNews { position:relative; width: 100%; border: 0px solid red; margin:10px 0 10px 0; padding:5px 0 0 0 ; text-align:left; border-top: 1px dotted #532900; border-bottom: 1px dotted #532900;}
#jThisNews h3 { position:relative; display: block; font: 16px verdana, arial, sans-serif; font-weight: bold;;color: #532900; border:0px solid black; margin: 5px 0 5px 0;}
#jThisNews .jDate {position: relative; display: inline; margin:5px 0 0 0 ; padding:0; font: 12px verdana, arial, sans-serif; font-style:italic; color: #a1968c; border: 0px solid green;}
#jThisNews .jContent {position: relative; font: 12px verdana, arial, sans-serif; color: #000000; margin: -5px 0 0px 0; padding:0; text-align:justify; border: 0px solid blue;}
#jThisNews .jContent a, .jContent a:visited  { color:#0b8aba; text-decoration:none;}
#jThisNews .jContent a:hover {text-decoration: underline;}


/*** BOUTON "FAITES UN DON!" ***/
#jDonationButtonFR, #jDonationButtonEN {position: relative; margin: 20px auto; padding:0; border:0px solid red;}
#jDonationButtonFR a, #jDonationButtonFR a:visited{ width: 160px; height: 67px; display: block; margin: 0 auto; color: #fbcd58; background: url(../images/donationbuttonFR.png) no-repeat 0 0;}
#jDonationButtonEN a, #jDonationButtonEN a:visited{ width: 160px; height: 67px; display: block; margin: 0 auto; color: #fbcd58; background: url(../images/donationbuttonEN.png) no-repeat 0 0;}
#jDonationButtonFR a:hover, #jDonationButtonEN a:hover {background-position: -160px 0;}
#jDonationButtonFR a:active, #jDonationButtonEN a:active {background-position: -320px 0;}

#jDonationButtonIEFR, #jDonationButtonIEEN {position: relative; margin: 20px auto; padding:0; border:0px solid red;}
#jDonationButtonIEFR a, #jDonationButtonIEFR a:visited{ width: 160px; height: 67px; display: block; margin: 0 auto; color: #fbcd58; background: url(../images/donationbuttonFR.gif) no-repeat 0 0;}
#jDonationButtonIEEN a, #jDonationButtonIEEN a:visited{ width: 160px; height: 67px; display: block; margin: 0 auto; color: #fbcd58; background: url(../images/donationbuttonEN.gif) no-repeat 0 0;}
#jDonationButtonIEFR a:hover, #jDonationButtonIEEN a:hover {background-position: -160px 0;}
#jDonationButtonIEFR a:active, #jDonationButtonIEEN a:active {background-position: -320px 0;}

#jSitemap {margin:0; padding: 10px 0 0 50px;}
#jSitemap ul { list-style-image: url(../images/sitemapbullet.gif); margin:0 0 0 0px; padding:0 0 0 0px; border: 0px solid green;}
#jSitemap ul ul { list-style-image: none; margin:0 0 0 30px; padding:0; border: 0px solid red;}
#jSitemap ul li a, #jSitemap ul li a:visited { position: relative; width:100%; border:0px solid black; font-size:12px; color: #532900; top:-2px;}
#jSitemap ul li { margin:0 ; padding: 0;  line-height: 20px; border:0px solid blue; }
#jSitemap ul ul li{list-style: none; margin:0; padding: 0; line-height: 20px; border: 0px solid yellow; }

#jAnnualReports {margin:0; padding: 10px 0 0 30px;}
#jAnnualReports ul { list-style-image: url(../images/sitemapbullet.gif); margin:0 0 0 0px; padding:0 0 0 0px; border: 0px solid green;}
#jAnnualReports ul li { margin:0 ; padding: 0;  line-height: 20px; border:0px solid blue; }
#jAnnualReports ul li a, #jAnnualReports ul li a:visited { position: relative; width:100%; border:0px solid black; /*font-size:12px; color: #532900;*/ top:-2px;}

#jLanguagesTopLeft {position:absolute; top:-7px; left: 10px; margin:0; padding:0; border: 0px solid red; }
#jLanguagesTopLeft div.jLanguageLink { position: relative; float: left; display:inline; border:0px solid yellow; height:100%;}
#jLanguagesTopLeft div.jLanguageLink a, #jLanguagesTop div.jLanguageLink a:visited {margin:0; position:relative; font-size:11px;  color:#532900; text-decoration:none;}
#jLanguagesTopLeft div.jLanguageLink a:hover {text-decoration: underline;}

#jLanguagesTopRight {position:absolute; top:-9px; right: 10px; margin:0; padding:0; border: 0px solid red; }
#jLanguagesTopRight div.jLanguageLink { position: relative; float: left; display:inline; border:0px solid yellow; height:100%;}
#jLanguagesTopRight div.jLanguageLink a, #jLanguagesTop div.jLanguageLink a:visited {margin:0; position:relative; font-size:11px;  color:#532900; text-decoration:none; font-variant:small-caps;}
#jLanguagesTopRight div.jLanguageLink a:hover {text-decoration: underline;}

#jLanguagesFooter {position:relative; display: inline; margin:0; padding:0; border: 1px solid red; }
#jLanguagesFooter div.jLanguageLink { position: relative; float: left; display:inline; border:0px solid yellow; height:100%;}
#jLanguagesFooter div.jLanguageLink a, #jLanguagesFooter div.jLanguageLink a:visited {margin:0; position:relative; font-size:11px;  color:#0b8aba; text-decoration:none;}
#jLanguagesFooter div.jLanguageLink a:hover {text-decoration: underline;}

table.jCA {border: 0; margin-top:5px;}
table.jCA img {border:1px solid #532900; width:75px; height:75px;}
table.jCA td.jCAImage {width: 75px; text-align:center;}
table.jCA td.jCAText { width: 600px; text-align: left; padding-left: 5px; font-size: 12px;}

table.jStats { width:auto; margin: 10px auto; padding: 0; font-size:11px; border-collapse:collapse;}
table.jStats caption  {caption-side: top; color:#532900; font-size:11px; font-weight: bold; border: 0px solid green; margin:10px 0 -10px 0; padding:0 0 10px 0; text-align:center;}
table.jStats tr { height:20px;}
table.jStats thead td{ background-color: #0b8aba; border:1px solid #532900; text-align:center; padding: 0 5px 0 5px; font-weight: bold; color: #ffffff;}
table.jStats tbody td{ background-color: #a1968c; border:1px solid #532900;text-align:right;  padding: 0 3px 0 0;}
table.jStats tfoot{background-color: none; border-left: none; border-right:0; border-bottom: 0; text-align:left; font-size: 10px; color:#532900;}
table.jStats td.jCelluleVide { background:none; border:0;}
table.jStats td.jBlueBackground {background: #0b8aba; color: #ffffff;}

td a, td a:visited  { color:#0b8aba; text-decoration:none;}
td a:hover {text-decoration: underline;}
td.jBlueBackground a, td.jBlueBackground a:visited  { color:#ffffff; text-decoration:underline;}

#mainContent ol {margin:0 0 15px 50px; padding:0; text-align:left;}
#mainContent ul { margin:0 0 15px 25px; padding:0 0 2px 0; text-align:left; border:0px solid green;}
#mainContent li { margin:0; padding:4px 0 0 0; font-size: 12px;}

.jNoTopMargin {margin-top: 0;}
.jNoBorder {border:0;}

div.jLogoPartenaire {position:relative; float: left; width: 110px; border:0px solid red; margin:6px; text-align:center;}
div.jLogoPartenaire img{position:relative; margin:0 auto; border:1px solid #532900;}
div.jLogoPartenaire h4 {position:relative; margin: 0 auto; display: block; width:98%; font-size: 11px; font-weight:normal; color:#532900; text-decoration:none; border:0px solid black; text-align:center;}
div.jLogoPartenaire a,
div.jLogoPartenaire a:visited  {position:relative; margin: 0 auto; display: block; width:98%; font-size: 11px; font-weight:normal; color:#532900; text-decoration:none; border:0px solid black;}
div.jLogoPartenaire a:hover {text-decoration: underline;}

.jImageNouvellesGauche {position:relative; display: inline; float:left; margin: 10px 10px 10px 0px; padding:0; text-align:justify; width:200px;}
.jImageNouvellesDroite {position:relative; display: inline; float:right; margin: 10px 0px 10px 10px; padding:0; text-align:justify; width:200px;}
.jImageNouvellesGauche img, .jImageNouvellesDroite img {position: relative; display: block; border:1px solid #000000; }
.jImageNouvellesGauche span, .jImageNouvellesDroite span {position:relative; display:block; font-size:9px; color:#532900;}

.jImageGaucheSansBordure {position:relative; display: inline; float:left; margin: 10px 10px 10px 0px; padding:0; border:0;}
.jImageDroiteSansBordure {position:relative; display: inline; float:right; margin: 10px 0px 10px 10px; padding:0; border:0;}

.jCenterAlign { text-align:center;}

.jImageCaption {position:relative; display:block; font-size:8px; margin-top: -4px; clear: both;}

.jContainersMap {border: 1px solid #532900;}