/* Begin Clearfix */
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
/* End Clearfix */

.clear
{
	clear: both !important;
	height: 0;
	line-height: 0;
	font-size: 0;
	visibility: hidden;
}

.aligncenter {text-align: center;}
.left {float: left;}
.right {float: right;}


body
{
	background-color: #7e0244;
	font-family: Arial, Sans-Serif;
	font-size: 10pt;
	margin: 0;
	padding: 0;
}

h1 {margin: 15px 0 20px; font-size: 20px; color: #999;}

/* Begin layout elements */
.navbar
{
	font-size: 12px;
	color: #b9d654;
}
.navbar a
{
	color: #b9d654;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.navbar a:hover
{
	color: #ffffff;
	text-decoration: none;
}

/* #pagecurl {position: absolute; left: 0; top: 0; z-index: 9;} */

#flashObj {position: absolute; left: 0; top: 0; z-index: 9;}


#doc2
{
	width: 975px;
	margin: 0 auto;
}

#header-bg
{
	background: url(../images/header_bg.png) 50% 0% no-repeat; /* double header pour les ecrans > 1024px */
}
#hd
{
	background: url(../images/header_bg.png) 50% 0% no-repeat;
	position: relative;
	height: 305px;
}

#hd-top-table
{
	position: absolute;
	left: 220px;
	top: 90px;
	border: 0;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 720px;
}
#hd-top-table a
{
	font-size: 13px;
	text-transform: uppercase;
}
#logo
{
	position: absolute;
	top: 145px;
	left: 30px;
}

#TopHeadBar {
	position: absolute;
	left: 650px;
	top: 30px;
	height: 20px;
	line-height: 20px;
}


#socialnetwork {
	position: absolute;
	left: 860px;
	top: 255px;
	height: 20px;
	line-height: 20px;
	width: 130px;
	text-align: center;
	font-size: 11px;
	color: #fff;
}
/* End layout elements */
.pagemetadata { 
	margin: 15px 0 30px;
	padding: 0 0 5px;
	border-bottom: 1px solid #ccc;
	font-size: 11px;
	color: #666;
}
.pagemetadata a {
	font-size: 11px;
	color: #666;
}

.intro
{
	margin-bottom: 15px;
	padding: 15px;
	background: #dfebb6;
	color: #000;
}

.content-table
{
	width: 100%;
	border-collapse: collapse;
	border-style: none;
	background-color: White;
}
.main
{
	background-color: #fff;
	margin: 0;
	padding: 0;
	vertical-align: top;
	font-size: 10pt;
}
.main a
{
	font-size: 10pt;
	color: #636363;
	text-decoration: none;
}

.main a:hover
{
	color: #000000;
}

.panel
{
	width: 280px;
	background-color: #d2e496;
	padding: 15px 0 50px 15px;
	vertical-align: top;
}
.panel a
{
	color: #636363;
	font-variant: small-caps;
	text-decoration: none;
}
.panel a:hover
{
	color: #A8B046;
}

.main .panel-content
{
	margin: 0;
}
.panel .panel-content
{
	margin: 0 15px 0 0;
}

.publication-image
{
	padding: 1px 1px 1px 1px;
	background-color: Black;
}

img
{
	border: 0;
	vertical-align: bottom;
}

.header-table
{
	border-collapse: collapse;
}

.header1
{
	padding: 2px 10px;
	text-decoration: none;
	color: #fff;
	font-size: 12pt;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: lowercase;
}
.header1 a
{
	text-decoration: none;
	color: #fff;
	font-size: 12pt;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: lowercase;
}
.header1 a:hover
{
	color: #A8B046;
}
.main .header1
{
	background-color: #BDD24E;
	color: #000000;
	border-collapse: collapse;
}
.main .header1 a {
	color: #000000;
}

.main .header1dark {background-color: #7e0244; color: #fff;}
.main .header1dark a {color: #fff;}

.panel .header1
{
	width: 262px;
	background-color: #fff;
	border-collapse: collapse;
	color: #000;
}

.header2
{
	padding: 4px 8px;
	background-color: #bdd24e;
	color: #000;
	font-size: 11pt;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: lowercase;
}
.header2 a
{
	color: #000;
	text-decoration: none;
	font-size: 11pt;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: lowercase;
}
.header2 a:hover
{
	color: #636363;
}

.header2-mini
{
	padding: 4px 8px;
	background-color: #bdd24e;
	color: #000;
	font-size: 11pt;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: lowercase;
}
.header2-mini a
{
	color: #000;
	text-decoration: none;
	font-size: 11pt;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: lowercase;
}
.header2-mini a:hover
{
	color: #636363;
}

.header3
{
	padding: 4px 8px;
	font-size: 14pt;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: lowercase;
}
.header4
{
	padding: 4px 8px;
	font-size: 11pt;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: lowercase;
}
.publicationDescription
{
	text-align: justify;
	background-color: #FFFFFF;
	padding: 5px 10px 10px 10px;
	margin: 0px 0px 10px 0px;
}

.publicationImage
{
	width: 100px;
	text-align: center;
	vertical-align: top;
}

.text
{
	margin: 10px 10px 10px 10px;
}

.monthlyImage
{
	color: #636363;
	text-align: center;
	font-variant: small-caps;
}

.price-title
{
	font-variant: small-caps;
	text-transform: lowercase;
}

.price
{
	color: #000;
	font-size: 10pt;
	font-variant: small-caps;
	text-align: right;
	text-transform: lowercase;
	font-weight: bold;
}

.searchBox
{
	text-align: right;
}

#ft p
{
	text-align: center;
	color: #FFFFFF;
}

#ft a
{
	color: #FFFFFF;
}

td.main p
{
	margin: 0px 0px 0px 0px;
}

.panier-concours-participe
{
	font-weight: bold;
	color: #7E0244;
}



/* Membre Class*/

table.membre
{
	width: 100%;
	margin : 0px 0px 10px 0px;
}

td.membre
{
	padding-left: 5px;
	width: 240px;
	
}

td.responsable
{
	padding-top: 10px;
	padding-bottom: 10px;
}

span.membreNom
{
	font-size: 12px;
	font-weight: bold;
}

.membreInfo
{
	font-size: 10px;
}

.lastHourNews a {display: block; margin: 0 0 8px;}

.NewsDate {
	display: inline-block;
	width: 70px;
	font-weight: bold;
	font-size: 11px;
	color: #000;
}
.NewsText {
	font-size: 11px;
	font-weight: bold;
	color: #000;
}

.news-archive {margin: 0; padding: 0;}
.news-archive li {position: relative; margin: 5px; padding: 5px 0 10px 80px; list-style: none; border-bottom: 1px solid #ccc;}
.news-archive-date {position: absolute; left: 0; top: 6px; font-weight: bold; font-size: 11px;}
.news-archive h2 {margin: 0 0 5px; font-size: 14px; font-weight: bold;}