/* ------------------------- Body ------------------------- */
*{padding:0; margin:0;}
body{margin:0px;padding:0px;background:url(../img/layout/body.jpg) repeat-x #100f17 top;font-family:Arial, Verdana, sans-serif;font-size:11px;overflow-x:hidden;}

#container_wrapper	{margin:auto;width:977px;}
#container	{background:url(../img/layout/container.jpg) repeat-y left;}
#main	{background:url(../img/layout/header.jpg) no-repeat;position:relative;width:1045px;}

/* ------------------------- Navbar ------------------------- */
#nav_top	{position:absolute;top:95px;left:360px; z-index:999;}
#nav_top ul li	{float:left;list-style:none;}
#nav_top ul li	a {color:#fff;text-transform:uppercase;font-weight:bold; text-decoration:none;padding:0 10px;}
#nav_top ul li	a.actif,
#nav_top ul li	a:hover {color:#000;}

/* ------------------------- Content ------------------------- */
#content	{position:relative;padding-top:370px;padding-bottom:30px;}

/* ------------------------- Boxes ------------------------- */
.smallBox_grey,
.smallBox_red	{width:457px;float:left;margin-left:22px;}
.smallBox_grey	h2,
.smallBox_grey	.content,
.smallBox_grey	.footer {background:url(../img/layout/box_grey.png) no-repeat;}
.smallBox_red	h2,
.smallBox_red	.content,
.smallBox_red	.footer {background:url(../img/layout/box_red.png) no-repeat;}
.smallBox_grey h2,
.smallBox_red	h2 {height:42px;background-position:0 0;line-height:42px;text-indent:20px; color:#FFF; font-size:18px; font-weight:bold; text-transform:uppercase;}
.smallBox_grey .content,
.smallBox_red	.content {background-position:-457px 0;background-color:#FFF;padding:10px 15px 25px 15px;}
.smallBox_grey .content	{background-color:#e7e8ed;padding-top:40px;}
.smallBox_grey .footer,
.smallBox_red	.footer {background-position:-914px 0;height:15px;display:block;}
.content ol {padding-left:30px;padding-top:10px;}

.bigBox_red		{width:936px;margin-left:22px;}
.bigBox_red	h2, 
.bigBox_red	.footer {background:url(../img/layout/big_box_red.png) no-repeat;}
.bigBox_red	h2 {height:74px;background-position:0 0;line-height:42px;text-indent:20px; color:#FFF; font-size:18px; font-weight:bold; text-transform:uppercase;}
.bigBox_red	.content {background-color:#FFF;padding:10px 15px 25px 15px;}
.bigBox_red	.footer {background-position:-936px 0;height:15px;display:block;}

/* ------------------------- Footer ------------------------- */
#footer	{background:url(../img/layout/footer.jpg) no-repeat;width:977px;height:83px;position:relative;}
#qb_copyright	{position:absolute;top:10px;left:0px;width:977px;color:#ee3a18; text-align:center;}
#qb_copyright a {color:#ee3a18;text-decoration:none;}

/* ---------------------------- Tooltip  -----------------------------*/
.tip{width:200px; z-index:13000;}
.tip-title{font-weight:bold; font-size:11px; margin:0; color:#90c7f9; padding:8px 8px 4px; background:url(../img/layout/bubble.png) top left;}
.tip-text{color:#ffffff; font-size:11px; padding:4px 8px 8px; background: url(../img/layout/bubble.png) bottom right;}

/* ---------------------------- Accordion  -----------------------------*/
#accordion {margin:20px 0px;}
#accordion h3 {position:absolute;left:-30px;top:0px;background:url(../img/layout/dark_header.png) no-repeat;width:457px;height:20px;line-height:20px;cursor: pointer;font-size: 12px;color: #fff;text-indent:10px;}
.lightheader	{background:url(../img/layout/light_header.png) no-repeat;}
.element	{}

/* ---------------------------- Picturegallery  -----------------------------*/
.albumBox{height:140px; display:block; clear:both; padding:0; margin:0; color:#000000; border:none; border-bottom:dotted 1px #528153; margin-bottom:10px;}
.albumBox *{padding:0; margin:0;}
.albumBox_theImage{float:left; width:200px; height:150px; background-repeat:no-repeat; background-position:center center;margin:5px 12px 10px 12px; padding:0;display:block;}
.albumBox_theImage p {text-align:center;margin:auto;padding:0;}
.albumBoxLast {margin-bottom:0;}
.albumBox_theImage a:hover {}

.imageBox {float:left; width:200px; height:150px; background-repeat:no-repeat; background-position:center center;margin:15px 12px 10px 12px; padding:0;display:block;}
.imageBox * {padding:0; margin:0;}

.albumBox_theImage a:hover,
.imageBox a:hover {background:none;color:#656189;text-decoration:none;}

p.ctPGBack	{clear:both;margin:auto; width:100px;padding:10px 0 10px 0;display:none;}
.ctPGBack a{background:url(../img/multibox/left.png) no-repeat center left; text-indent:30px; height:26px; line-height:26px; display:block;}
.ctPGBack a:hover{background-color:#cc7b29;color:#FFF;}

/* ---------------------------- Table  -----------------------------*/
table	{width:100%}
.rowYouth	{background-color:#c1c5d0;color:#000;}
.rowSenior	{background-color:#fff;color:#000;}
.rowUnknown	{background-color:#79adbb;color:#fff;}
.rowYouth:hover,
.rowSenior:hover,
.rowUnknown:hover	{background-color:#fb3512;color:#fff;cursor:pointer;}
.tdDate	{width:60px;padding:2px 4px 2px 4px;}
.tdTime	{width:55px;text-align:center;padding:2px 4px 2px 4px;}
.tdCat	{width:50px;padding:2px 4px 2px 4px;text-align:center;}
.tdDesc	{padding:2px 4px 2px 4px;}

/* ---------------------------- Default Elements  -----------------------------*/
p	{padding-top:10px;}
table tr td {padding:3px 0;}
table.normalTable {margin-top:20px;}
table.normalTable tr td {padding:2px;}

/* ------------------------- Forms ------------------------- */
#frmContact label {display:block;width:100%;padding:10px 0 5px 0;}
#frmContact textarea,
#frmContact input {background-color:#FFF;padding:2px;-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;margin:10px;margin:1px 0;padding:6px 3px;outline:none;border:1px solid #FFF;line-height:13px;width:99%;background-color:#FFF;height:16px;}
#frmContact input.security	{width:20%;}
#frmContact textarea {height:100px;}
#frmContact textarea:hover,
#frmContact input:hover	{cursor:pointer;background-color: #DFF0FF;border:1px solid #DFF0FF;-moz-box-shadow:1px 1px 8px #bbbbbb;-webkit-box-shadow:1px 1px 8px #bbbbbb;outline:none;}
#frmContact .standardButton	{margin-top:20px;height:25px;padding:5px 10px;font-weight:bold;background-color:#e0af7d;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:none;color:#FFF;}
#frmContact .standardButton:hover	{cursor:pointer;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#E0AF7D), to(#CF8336), color-stop(.6,#cf8336));background:-moz-linear-gradient(19% 75% 90deg,#B07E4B, #CF8336, #cf8336 100%);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E0AF7D, endColorstr=#cf8336)";}
#frmContact .validationError	{background-color: #CF8336;color:#FFF;border:1px solid #CF8336;}
#frmContact .validationError:hover	{background-color: #CF8336;color:#FFF;border:1px solid #CF8336;-moz-box-shadow:1px 1px 8px #bbbbbb;-webkit-box-shadow:1px 1px 8px #bbbbbb;}
#frmContact .note	{padding-top:10px;font-style:italic;}
.validationErrorBox	{padding:10px;background-color:#d83617;color:#FFF;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:none;margin-bottom:20px;font-size:14px;}

/* ---------------------------- Image Slider  -----------------------------*/
#pictureGalBox	{position:absolute;left:620px;top:150px;width:309px;height:188px;background:url(../img/layout/gallerybox.png) no-repeat;}
#myGallery, #myGallerySet, #flickrGallery
{
	width: 300px;
	height: 180px;
	z-index:5;
	border: 0px solid #000;
	margin:4px auto;
}

.jdGallery a
{
	outline:0;
}

#flickrGallery
{
	width: 500px;
	height: 334px;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
	display: none;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../img/smoothgallery/loading-bar-black.gif');
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../img/smoothgallery/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #000;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 11px;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 10px;
	margin: 2px 5px;
	color: #eee;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	text-align: center;
	padding: 0 10px;
	font-size: 11px;
	background: #000;
	color: #fff;
	font-weight:bold;
	cursor: pointer;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdExtCarousel
{
	overflow: hidden;
	position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
	margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 1px 2px;
	margin: 0;
	background: #222;
	border: 1px solid #888;
	cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url('../img/smoothgallery/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left { background: url('../img/smoothgallery/fleche1.gif') no-repeat center left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url('../img/smoothgallery/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right { background: url('../img/smoothgallery/fleche2.gif') no-repeat center right; }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.withArrows a.open:hover { background: url('../img/smoothgallery/open.png') no-repeat center center; }

* html .withArrows a.open:hover { background: url('../img/smoothgallery/open.gif') no-repeat center center;
	filter:alpha(opacity=80); }
	
	
/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
	z-index: 15;
	position: absolute;
	top: 0;
	left: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
	opacity: .4;
	-moz-opacity: .4;
	-khtml-opacity: 0.4;
	filter:alpha(opacity=40);
}

.jdGallery .gallerySelector
{
	z-index: 20;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}

.jdGallery .gallerySelector h2
{
	margin: 0;
	padding: 10px 20px 10px 20px;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
	overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
	margin-left: 10px;
	margin-top: 10px;
	border: 1px solid #888;
	padding: 5px;
	height: 40px;
	color: #fff;
	cursor: pointer;
	float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
	background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
	background: #000;
	background-position: center center;
	float: left;
	border: none;
	width: 40px;
	height: 40px;
	margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #aaa;
}

/* ---------------------------- guestbook : entries and form  -----------------------------*/
#guestbookEntries{clear:both;}
.guestbookEntry{width:906px; margin:0px;margin-bottom:3px;}
.guestbookEntryTop{height:1px; vertical-align:bottom; font-size:0px; background-color:#ffffff;}
.guestbookEntryBody{background-color:#eaecf4;}
.guestbookEntryBottom{height:1px; vertical-align:top; font-size:0px; background-color:#ffffff;}

#addGuestBookEntryLink{height:24px; line-height:24px; padding-left:18px; text-align:center;}
#addGuestBookEntryLink a {color:#202020; text-decoration:none; font-weight:bold; vertical-align:top;}
#addGuestBookEntryLink a:hover{color:#DF7916;}

.guestbookEntry a{color:#000000; text-decoration:none;}
.guestbookEntry a:hover{color:#000000; text-decoration:underline;}
.guestbookEntry h3{font-size:12px; font-weight:bold; color:#232B2F; padding-left:22px; margin-right:5px; margin-left:5px; letter-spacing:2px; line-height:21px; height:21px;
					background-image:url(../img/guestbook/guestbook_entry.png); background-repeat:no-repeat; background-position:left center;}		
.guestbookGuestdata{text-align:left; padding:10px; color:#000000;}
.guestbookMessage{color:#000000; text-align:justify; padding:10px; }

.guestbookEntriesNavigation{width:876px; height:20px; list-style:none; background-color:#1d1d25; margin:0px; margin-top:5px; padding-left:30px;}
.guestbookEntriesNavigation li{float:left; height:20px; text-align:center; line-height:20px; color:#FFFFFF;}
.guestbookEntriesNavigation li.navButton{width:17%;}
.guestbookEntriesNavigation li a{height:13px; padding-left:35px; padding-right:35px; font-size:13px; color:#FFFFFF; font-weight:bold; text-decoration:none;}
.guestbookEntriesNavigation li a:hover{background-color:#1c1e2a; color:#819EAE; cursor:pointer;}

#frmGuestbook{margin-left:10px; margin-bottom:10px; padding:10px; width:745px;}
#frmGuestbook *{font-size:12px; line-height:20px;}
#guestbookDataTable{width:876px;}

#guestbookDataTable .labelCell{width:200px; padding-left:10px;}
#guestbookDataTable .fieldCell{width:600px;}


.form100pc{width:97%;background-color:#1d1d25;padding:5px;border:none;color:#FFF;font-family:Arial, Verdana, sans-serif;font-size:11px;}
.formGuestbookField{width:97%;background-color:#1d1d25;padding:5px;border:none;color:#FFF;font-family:Arial, Verdana, sans-serif;font-size:11px;}
.formGuestbookButton {width:200px; color:#fff; background:#db3b1c; cursor:pointer; border: solid 1px; font-weight:bold;margin:auto;padding:5px;}

#errorBox{color:#DF7916; border:solid 1px #fff; font-size:11px; background-color:#fff;}
#errorBox p{padding-left:20px;}
.validationError{border:1px solid #DF7916;}

.spacer10	{height:10px;}

.formAttentiondNote{font-size:8px; color:#FF0000;padding-left:5px; font-style:italic;}

/* ---------------------------- multibox  -----------------------------*/
a.mb, a:link.mb, a:visited.mb, a:hover.mb, a:active.mb{
	outline:none;
	float:left;
	margin:0 15px 15px 0;
	padding:0;
	text-decoration:none;
	color:#666;
}

.mb img{
	display:block;
	border:none;
}

.mbClear{
	clear:both;
	width:100%;
	height:20px;
}

.mbHidden, .multiBoxDesc{
	display:none;
}


/*
Pop-up styles - - - - */
.MultiBoxContainer{
	background:#fff;
	position:absolute;
	border:15px solid #000;
	display:none;
	z-index:103;
	text-align:left;
}

.MultiBoxLoading{
	background:url(../img/multibox/loader.gif) center no-repeat;
}

.MultiBoxContent{
	position:relative;
	width:100%;
	height:100%;
}

.MultiBoxClose{
	background:url(../img/multibox/close.png) no-repeat;
	position:absolute;
	top:-24px;
	right:-24px;
	width:24px;
	height:24px;
	cursor:pointer;
}

.MultiBoxControlsContainer{
	overflow:hidden;
	height:0;
	position:relative;
}

.MultiBoxControls{
	background:#000;
	width:100%;
	position:relative;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#fff;
}

.MultiBoxDownload a, .MultiBoxDownload a:link, .MultiBoxDownload a:visited, .MultiBoxDownload a:hover, .MultiBoxDownload a:active{
	font-size:9px;
	color:#ccc;
	margin:5px 0 0 35px;
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	text-align:right;
	outline:none;
}

.MultiBoxDownload a:hover{
	color:#fff;
}

.MultiBoxPrevious{
	background:url(../img/multibox/left.png) no-repeat;
	position:absolute;
	width:24px;
	height:24px;
	left:0;
	margin:5px 0 0 0;
	cursor:pointer;
}

.MultiBoxNext{
	background:url(../img/multibox/right.png) no-repeat;
	position:absolute;
	width:24px;
	height:24px;
	right:0;
	margin:5px 0 0 0;
	cursor:pointer;
}

.MultiBoxNextDisabled{
	background:url(../img/multibox/rightDisabled.png) no-repeat;
	cursor:default;
}

.MultiBoxPreviousDisabled{
	background:url(../img/multibox/leftDisabled.png) no-repeat;
	cursor:default;
}


/*
Bottom text - - - - */
.MultiBoxTitle{
	position:relative;
	margin:10px 0 0 35px;
	float:left;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	display:inline;
}

.MultiBoxNumber{
	position:relative;
	width:90px;
	margin:10px 35px 0 0;
	float:right;
	font-size:11px;
	text-align:right;
	display:inline;
}

.MultiBoxDescription{
	clear:left;
	position:relative;
	margin:0 35px 0 35px;
	padding:5px 0 0 0;
	font-size:11px;
	text-align:left;
}


/*
Overlay icon - - - - */
.OverlayIcon{
	background:transparent url(../img/multibox/MagIcon.png) no-repeat;
	position:absolute;
	right:-5px;
	top:-5px;
	width:17px;
	height:17px;
}


/*
MooTools tips - - - - */
.mbTips{
	background:#fff;
	font-size:10px;
	color:#000;
	border:1px solid #3FB6E2;
	padding:2px;
}

.mbTips .tip-text{
	display:none;
}