/**
 * @version $Id: template.css 10498 2008-07-04 00:05:36Z ian $
 * @author Design & Accessible Team ( Angie Radtke / Robert Deutz )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */

/****** css reset ********/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var,
 p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
dl, dt, dd, fieldset, form, label, legend {
/* vertical-align: baseline; */
 font-family: Arial, Helvetica, sans-serif;
 font-weight: inherit;
 font-style: inherit;
 font-size: 12px;
 outline: 0;
 padding: 0;
 margin: 0;
 border: 0;
 }
/* remember to define focus styles! */
:focus {
 outline: 0;
 }
/* tables still need cellspacing="0" in the markup */
table {
 border-collapse: separate;
 border-spacing: 0;
 }
caption, th, td {
 font-weight: normal;
 text-align: left;
 }
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
 content: "";
 }
blockquote, q {
 quotes: "" "";
 }
 
 a {text-decoration:none;}
 a:hover{/*color:#9900CC;*/ cursor:pointer;text-decoration:underline;}
 a:hover span{cursor:pointer;text-decoration:underline;}

/**********  end  ***********/



/**********  CELESTE Template CSS  ***********/
body
{
	background: #051A2B url(../images/bg_body.jpg) repeat-x left top;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
  margin:0px;
	text-align: center;
}

 #body
{
	background: #051A2B url(../images/bg_body.jpg) repeat-x left top;
	color: #ffffff;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
  margin:0 auto;
	text-align: leftr;
  width:1000px;
}

#all { background:url(../images/bg_all.png) repeat-y left top; float:left; }
#pages { background: transparent url(../images/bg_pages.png) no-repeat left top; width:1000px; min-height:815px; _height:715px; }
#left-margin { width: 15px; float:left; }
#wrapper { width:970px; float:left; text-align:left; }
#header { height:182px; width:100%; float:left; }
#topbar { height:150px; width:100%; float:left; position:relative; }
#logo { width: 480px; height:150px; float:left; position:absolute; left:0px; top:0px; }
#testez { width: 390px; float:right; position:absolute; bottom:41px; right: -11px; background:url(../images/bg_testez.jpg) no-repeat left top; padding: 3px 13px 3px 13px; }
#menuhuat { width: 380px; height:24px; float:right; position:absolute; top:122px; right: 10px; text-align:right; }
#menuhuat ul.menu-nav {}
#menuhuat ul.menu-nav li { display:inline; color:#cccccc; font-size:12px; }
#menuhuat ul.menu-nav li a { text-decoration:none; color:#cccccc; font-size:12px; }
#menuhuat ul.menu-nav li a:hover { text-decoration:underline; }
#menuhuat ul.menu-nav li span { color:#cccccc; font-size:12px; }
#menubar { margin-right:12px; height:32px; width:90%; float:right; background:transparent; }

#content-wrapper { height:auto; width:100%; float:left; background:url(../images/bg_content_wrapper.gif) no-repeat left top; }
#content { height:auto; float:left;  width:100%; float:left; background:#ffffff; margin-top:12px; }
#content-wrapper-bottom { background:transparent; height:34px; width:970px; float:left;}
#content-wrapper-bottom img { behavior: url(/templates/celeste/javascript/iepngfix.htc) }
#content-left { width: 15px; float:left; }
#content-right { width:952px; float:left; text-align:left; min-height:262px; _height:262px; }
/* ################# breadcrumbs ################ */
#breadcrumbs {
background:#ffffff;
height:20px;
padding-top:0;
text-align:left;
color:#fff;
}

#breadcrumbs p {
padding:5px;
display:inline;
}

* html #breadcrumbs {
height:20px;
}

#breadcrumbs a {text-transform:none;}


#breadcrumbs a:link,#breadcrumbs a:visited {
background:#ffffff;
color:#3F3F3F;
text-decoration:none;
cursor:pointer;
}

#breadcrumbs a:hover { text-decoration:underline; }

#breadcrumbs span {
color:#3F3F3F;
font-size:11px;
padding:0px;
}

#breadcrumbs span a:active,#breadcrumbs span a:focus {
background:#ffffff;
color:#3F3F3F;
text-decoration:none;
}
.breadcrumbs img { width:9px; height:9px; }

#left-menu { width:auto; float:left; margin-right: 10px; }
#right-content { float:left; color:#333333; }

#content-modules { height:auto; float:left;  width:100%; float:left; margin:0px 0px 30px 0px; _margin:0px 0px 35px 0px; margin: 0px; }
#footer a { color:#fff; }
#footer a:hover { text-decoration:underline; }
#content-modules a { color: #768088; }
#content-modules a:hover { text-decoration:underline; }
#content-modules-bottom { background:transparent; height:30px; float:left; }

/* #footer { width:1000px; float:left; padding-top: 0px; border:1px solid red; padding-bottom: 8px; _padding-bottom: 8px; background-image:url(../images/bg_footer.png); background-repeat:no-repeat; background-position: left bottom; behavior: url(/templates/celeste/javascript/iepngfix.htc) } */
#footer { width:1000px; float:left; padding-top: 0px; padding-bottom: 0px; _padding-bottom: 0px; }
#menubas { clear:both; padding-top:30px; width: 1000px; float:left; height:24px; margin:0 auto; text-align:center; background-image:url(../images/bg_footer.gif); background-repeat:no-repeat; background-position: left top; }
#menubas ul.menu { height:24px; padding:0px; margin:0px; }
#menubas ul.menu li { display:inline; color:#B4B6B8; font-size:12px; }
#menubas ul.menu li a { text-decoration:none; color:#B4B6B8; font-size:12px; }
#menubas ul.menu li a:hover { text-decoration:underline; }
#menubas ul.menu li span { color:#cccccc; font-size:12px; }


.left-menu-top { margin-bottom:20px; width: 206px; background:url(../images/left-menu-top.png) no-repeat left top; float:left; }
.left-menu-content { margin:6px 0; border-left: 1px solid #999999; border-right: 1px solid #999999; width: 204px; _width:206px; float:left; }
.left-menu-bottom { width: 206px; >padding-bottom:6px; _padding-bottom:0px; background:url(../images/left-menu-bottom.png) no-repeat left bottom; float:left; }
#left-menu ul { line-height:24px; padding-left:2px; }
#left-menu ul li { list-style-type:none; background:url(../images/arrow-left-menu.png) no-repeat left 5px; padding-left:18px; }
#left-menu ul li a { text-decoration:none; }
#left-menu ul li a:hover {text-decoration:underline; }
#left-menu ul li span { color:#156BB4; font-size:13px; font-weight:bold; }
#left-menu ul li ul { position:relative; left:10px; }
#left-menu ul li ul li span { color:#156BB4; font-size:12px; font-weight:normal; }
#left-menu ul li ul li { background:none; padding-left:0px; }


#articles-menu { width:auto; float:left; margin-right: 0px; }
#articles-menu h2 { font-size:12px; color:#9900cc; font-weight:bold; padding-left:4px; }
.articles-menu-top { margin-bottom:20px; width: 206px; background:url(../images/left-menu-top.png) no-repeat left top; float:left; }
.articles-menu-content { margin:6px 0; border-left: 1px solid #999999; border-right: 1px solid #999999; width: 186px; _width:206px; padding-left: 18px; float:left; }
.articles-menu-bottom { width: 206px; >padding-bottom:6px; _padding-bottom:6px; background:url(../images/left-menu-bottom.png) no-repeat left bottom; float:left; }
#articles-menu .articles-menu-content ul { line-height:24px; padding-left:2px; }
#articles-menu .articles-menu-content ul li { list-style-type:none; background:url(../images/arrow-articles-menu.jpg) no-repeat left 8px; padding-left:12px; }
#articles-menu .articles-menu-content ul li a { text-decoration:none; }
#articles-menu .articles-menu-content ul li a a:hover { text-decoration:underline; }
#articles-menu .articles-menu-content ul li span { color:#9900CC; font-size:12px; font-weight:normal; }
#articles-menu .articles-menu-content ul li ul { position:relative; left:10px; }
#articles-menu .articles-menu-content ul li ul li span { color:#156BB4; font-size:12px; font-weight:normal; }
#articles-menu .articles-menu-content ul li ul li { background:none; padding-left:0px; }

#home-left { float:left; width:640px; }
#home-left  .blog .leading p a{color:#24448E;}
#home-right { float:left; width:290px; padding-left:8px; border-left:1px dashed #999999; }
#home-right h3 { color:#9900cc; font-size:14px; font-weight:bold; padding-left:24px; }
#home-right ul.latestnews { line-height:24px; padding-left:2px; }
#home-right ul.latestnews li { list-style-type:none; background:url(../images/arrow-left-menu.png) no-repeat left 10px; padding:5px 0px 5px 20px; }
#home-right ul.latestnews li span { border-bottom:1px dashed #999999; list-style-type:none; padding:0px 0px 4px 0px; width:254px; display:block; }
#home-right ul.latestnews li a { text-decoration:none; color:#24448E; font-size:14px; font-weight:normal; }
#home-right ul.latestnews li a:hover { text-decoration:underline; }
#home-right h4 { text-align:right; font-size:14px; font-weight:bold; color:#24448E; margin-top: 15px; }
#home-right h4 a { text-decoration:none; font-size:14px; font-weight:bold; color:#24448E; }
#home-right h4 a:hover { text-decoration:underline; }
#home-right h4 span { font-size:14px; font-weight:bold; color:#9900CC; }

#right-content h1.componentheading { font-size:18px; font-weight:bold; color:#9900cc; }
#right-content h2.contentheading { font-size:16px; font-weight:bold; color:#9900cc; }
.createdate { color:#333333; display:block; font-size:11px; padding-bottom:2px; }
.leading_separator, .article_separator { border-bottom:dashed 1px #333; display:block; height:10px; margin:10px 0px 10px 0px; float:left; width:100%; }
.row_separator, #home-left .leading_separator { display:none; }
.readon { background:transparent url(../images/bg_readon.jpg) no-repeat scroll 0 0; color:#FFFFFF; float:right; font-size:11px; font-weight:bold; height:20px; line-height:20px; margin:5px 10px 0px 0px; text-align:center; text-decoration:none; width:120px; }

/************  artforms   ****************/
.contact-page { float:left; position:relative; left:20px; width:902px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/bg-contact-page-top.jpg) no-repeat left top; }
.contact-page-bottom { float:left; width:880px; _width:900px; min-height:500px; _height:390px; background:#4388C1 url(../images/bg-contact-page-bottom.jpg) no-repeat left bottom; margin-top:14px; padding: 0px 10px 14px 10px; }
.contact-page-bottom-2 { float:left; width:880px; _width:900px; min-height:410px; _height:390px; background:#4388C1 url(../images/bg-contact-page-bottom.jpg) no-repeat left bottom; margin-top:14px; padding: 0px 10px 14px 10px; }
.contact-page .contact-page-banner { float:left; }
.contact-page .contact-page-intro { float:left; width:550px; font-size:14px; color:#ffffff; padding: 10px 0px 0px 25px; }
.contact-page ul.contact-page-list { float:left; width:570px; font-size:14px; color:#ffffff; padding:0; margin:24px 0 0 0; }
.contact-page ul.contact-page-list li { float:left; width: 160px; list-style-type:none; background:url(../images/contact-page-is-right.jpg) no-repeat left top; padding-left: 25px;margin:0px; }
.contact-page .contact-page-form { position:absolute; top:40px; right: 26px; width:288px; float:right; background:url(../images/bg-contact-page-form-top.png) no-repeat left top; behavior: url(/templates/celeste/javascript/iepngfix.htc) }
.contact-page .contact-page-form-bottom { width:288px; float:left; >padding-bottom:16px; _padding-bottom:0px; background:url(../images/bg-contact-page-form-bottom.png) no-repeat left bottom; behavior: url(/templates/celeste/javascript/iepngfix.htc) }


.contact-page-form2 { margin:10px ;right: 30px; width:288px; float:left; background:url(../images/bg-contact-page-form-top.png) no-repeat left top; behavior: url(/templates/celeste/javascript/iepngfix.htc) }
.contact-page-form-bottom2 { width:288px; float:left; padding-bottom:6px; _padding-bottom:0px; background:url(../images/bg-contact-page-form-bottom.png) no-repeat left bottom; behavior: url(/templates/celeste/javascript/iepngfix.htc) }
.contact-page-form-content2 { width:288px; float:left; margin:16px 0 10px 0; background:url(../images/bg-contact-page-form-center.png) repeat-y left scroll; behavior: url(/templates/celeste/javascript/iepngfix.htc) }
.form-right2 { float:right; width:260px; }
.form-right2 .title { color:#2F7BBB; font-size:16px; font-weight:bold; }
.affieldname2 { clear:both; padding-top:0; padding-left:2px; }
.form-right2 .right-input { float:left; padding:0px 0px 5px 0px; }
.form-right2 .right-input .inputbox { width:230px; }
.form-right2 .right-input input { height:20px; }


.contact-page3 { float:left; position:relative; left:2px; width:902px; font-family:Arial, Helvetica, sans-serif; font-size:12px;   }
.contact-page3 .contact-page-form { position:absolute; margin-top:-10px;top:0px; right: -30px; width:288px; float:right; background:url(../images/bg-contact-page-form-top.png) no-repeat left top; behavior: url(/templates/celeste/javascript/iepngfix.htc) }
.contact-page-bottom-3 { float:left; width:880px; _width:880px; min-height:540px; _height:540px; margin-top:0px; padding: 0px 10px 14px 10px;background-position: -30px 90px; }
.contact-page-form3 {margin:10px; width:288px; float:right; background:url(../images/bg-contact-page-form-top.png) no-repeat left top; behavior: url(/templates/celeste/javascript/iepngfix.htc) }
.blanc2{padding-left:130px;width:350px; }


.contact-page .contact-page-form-content { width:288px; float:left; margin:16px 0; background:url(../images/bg-contact-page-form-center.png) repeat-y left scroll; behavior: url(/templates/celeste/javascript/iepngfix.htc) }
.contact-page span.font15 { font-size:15px; font-weight:bold; color:#ffffff; }
.contact-page .contact-page-info-left { width:420px; float:left; font-size:13px; color:#333333; margin-left:20px; padding-right: 20px; }
.contact-page .contact-page-info-right { width:420px; float:left; font-size:13px; color:#333333; }
.contact-page h3 { color:#146BB3; font-size:15px; font-weight:bold; margin:10px 0px 0px 0px; }
.contact-page span.fontred { font-size:14px; font-weight:bold; color:#9900cc; }
.contact-page .form-right { float:right; width:265px; }
.contact-page .title { background:transparent url(../images/form-title.gif) no-repeat scroll 0px 3px; clear:both; padding-left:22px; }
.contact-page .form-right .title { color:#2F7BBB; font-size:16px; font-weight:bold; }
.contact-page .affieldname { clear:both; padding-top:0; padding-left:2px; }
.contact-page .form-right .right-input { float:left; padding:0px 0px 5px 0px; }
.contact-page .form-right .right-input .inputbox { width:240px; }
.contact-page .form-right .right-input input { height:20px; }
.contact-page .must { color:#9900CC; float:left; font-weight:bold; font-size:17px; padding-left:4px; padding-top:6px; }
.contact-page .title .affieldname { color:#2F7BBB; font-size:16px; font-weight:bold; }
.contact-page .artformstextarea-txt { margin:0; padding:8px 0; text-align:left !important; }
.contact-page input, .contact-page .inputboxtxt, .contact-page fieldset { background:#ffffff; border-color:#c3c3c3 #D6D6D6 #D6D6D6 #E4E4E4; border-style:solid; border-width:1px; padding:0; }
.contact-page .inputboxtxt { height:80px; width:240px; }
.contact-page #artforms-buttons-f input { background:transparent url(../images/button.gif) no-repeat scroll left top; border:0 none; height:23px; width:240px; }
.contact-page .requred-text { color:#333333; font-size:11px; font-weight:normal; margin-top:10px; text-align:left; width:248px; }


.eligibilite-page { float:left; position:relative; left:50px; width:840px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/bg-eligibilite-page-top.jpg) no-repeat left top; }
.eligibilite-page-bottom { float:left; width:820px; _width:840px; height:200px; _height:350px; background:#4388C1 url(../images/bg-eligibilite-page-foot.jpg) no-repeat left bottom; margin-top:14px; padding: 0px 10px 14px 10px; }
.eligibilite-page .contact-page-banner { float:left; }
.eligibilite-page .contact-page-intro { float:left; width:550px; font-size:14px; color:#ffffff; padding: 10px 0px 0px 25px; }
.eligibilite-page ul.contact-page-list { float:left; width:570px; font-size:14px; color:#ffffff; padding:0; margin:24px 0 0 0; }
.eligibilite-page ul.contact-page-list li { float:left; width: 160px; list-style-type:none; background:url(../images/contact-page-is-right.jpg) no-repeat left top; padding-left: 25px; }
.eligibilite-page .contact-page-form { position:absolute; top:40px; right: 61%; width:288px; float:right; background:url(../images/bg-contact-page-form-top.png) no-repeat left top; behavior: url(/templates/celeste/javascript/iepngfix.htc) }
.eligibilite-page .contact-page-form-ou { position:absolute; top:171px; right: 220px;float:right;}
.eligibilite-page .contact-page-form2 { position:absolute; top:15px;  width:288px; float:right; background:url(../images/bg-contact-page-form-top.png) no-repeat left top; behavior: url(/templates/celeste/javascript/iepngfix.htc) }
.eligibilite-page .contact-page-form-bottom { width:288px; float:left; >padding-bottom:16px; _padding-bottom:0px; background:url(../images/bg-contact-page-form-bottom.png) no-repeat left bottom; behavior: url(/templates/celeste/javascript/iepngfix.htc) }
.eligibilite-page .contact-page-form-content { width:288px; float:left; margin:16px 0; background:url(../images/bg-contact-page-form-center.png) repeat-y left scroll; behavior: url(/templates/celeste/javascript/iepngfix.htc) }
.eligibilite-page span.font15 { font-size:15px; font-weight:bold; color:#ffffff; }
.eligibilite-page .contact-page-info-left { width:420px; float:left; font-size:13px; color:#333333; margin-left:20px; padding-right: 20px; }
.eligibilite-page .contact-page-info-right { width:420px; float:left; font-size:13px; color:#333333; }
.eligibilite-page h3 { color:#146BB3; font-size:15px; font-weight:bold; margin:10px 0px 0px 0px; }
.eligibilite-page span.fontred { font-size:14px; font-weight:bold; color:#9900cc; }
.eligibilite-page .form-right { float:right; width:265px; }
.eligibilite-page .title { background:transparent url(../images/form-title.gif) no-repeat scroll 0px 3px; clear:both; padding-left:22px; }
.eligibilite-page .form-right .title { color:#2F7BBB; font-size:16px; font-weight:bold; }
.eligibilite-page .affieldname { clear:both; padding-top:10px; padding-left:2px; }
.eligibilite-page .form-right .right-input { float:left; padding:0px 0px 5px 0px; }
.eligibilite-page .form-right .right-input .inputbox { width:240px; }
.eligibilite-page .form-right .right-input input { height:20px; }
.eligibilite-page .must { color:#9900CC; float:left; font-weight:bold; font-size:17px; padding-left:4px; padding-top:6px; }
.eligibilite-page .title .affieldname { color:#2F7BBB; font-size:16px; font-weight:bold; }
.eligibilite-page .artformstextarea-txt { margin:0; padding:8px 0; text-align:left !important; }
.eligibilite-page input, .contact-page .inputboxtxt, .contact-page fieldset { background:#ffffff; border-color:#c3c3c3 #D6D6D6 #D6D6D6 #E4E4E4; border-style:solid; border-width:1px; padding:0; }
.eligibilite-page .inputboxtxt { height:80px; width:240px; }
.eligibilite-page #artforms-buttons-f input { background:transparent url(../images/button.gif) no-repeat scroll left top; border:0 none; height:23px; width:240px; }
.eligibilite-page .requred-text { color:#333333; font-size:11px; font-weight:normal; margin-top:10px; text-align:left; width:248px; }



div.user, div.name, div.email, div.pass, div.verify_pass { margin: 4px 0px; }
div.error h2 { color:#CC0033; font-weight:bold; font-size:14px; }
div.blog { float: none; }
div.leading, div.article_row { float:none; clear:both; }

#module-top { padding-top: 14px; width:1000px; float:left; background:url(../images/module_top.png) no-repeat 7px top; behavior:  url(/templates/celeste/javascript/iepngfix.htc) }
#module-bottom { padding-bottom:18px; width:1000px; float:left; background:url(../images/module_bottom.png) no-repeat left bottom; behavior: url(/templates/celeste/javascript/iepngfix.htc) }
#module-repeat { width:1000px; float:left; background-image:url(../images/module_repeat.png);background-repeat: repeat; behavior: url(/templates/celeste/javascript/iepngfix.htc) }
#module-content { width:1000px; float:left; background:url(../images/module_content.png) no-repeat left top; behavior: url(/templates/celeste/javascript/iepngfix.htc); padding-left:5px; }

ul.pagination li a { color:#9900CC; }
ul.pagination li a:hover { text-decoration:underline; }
#artforms-box .artforms-errorfield { padding-left: 30px; color:#9900CC; }
#artforms-box .asterisk, #artforms-reqtext { display:none; }
#artforms-box .artforms-errorfield {
	margin: 2px 0px 2px 162px;
	padding: 5px 15px 5px 35px;
	border: 1px solid #c3c3c3;
	background: #ffffff;
	text-align: left;
  width:600px;
	color: #9900CC;
	font-weight: bold;
	background-image: url(../images/minierror.png);
	background-repeat: no-repeat;
	background-position: 10px 50%;
}

#artforms-box #artforms-text { padding-left: 20px; }
/************* end ***************/

body.contentpane
{
	background: #ffffff;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
  margin:0px;
	text-align: left;
}

/* TOC */
table.contenttoc{
	float: right;
}

/* Tooltips */
.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	text-align:left;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}

#area_categories, #area_sections, #area_weblinks, #area_content, .label_categories, .label_sections, .label_weblinks, .label_content{
	display:none;
}
.moduletable ul, .moduletable ol,.moduletable li{
 outline: 0;
 padding: 0;
 margin: 0;
 border: 0;
}
.moduletable h3{
text-align:center;
font-style:italic;
}
.moduletable h4{
text-transform: capitalize;

}

.left-menu-content ul, .left-menu-content ol, .left-menu-content li{
 outline: 0;
 padding: 0;
 margin: 0;
 border: 0;
}
.savoirplus-content ul, .savoirplus-content ol, .savoirplus-content li{
 outline: 0;
 padding: 0;
 margin: 0;
 border: 0;
}
img, div, a, input,background,* { behavior: url(/css/resources/iepngfix.htc) }
.boldoption {font-weight:bold;}