/* RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
body {line-height:1.5}
table {border-collapse:separate;border-spacing:0}
caption, th, td {text-align:left;font-weight:normal}
table, td, th {vertical-align:middle}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none}

/* TYPOGRAPHY */
body {font-size:75%;color:#222;background:#EDF1F2 url('../images/bg_body.gif') 0 0 repeat-x;font-family:Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em}
h2 {font-size:2em;margin-bottom:0.5em;color:#24C0EB}
h3 {font-size:1.5em;line-height:1;margin-bottom:0.5em}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:0.75em; text-decoration: underline}
h5 {font-size:1em;font-weight:700;margin-bottom:1.5em}
h6 {font-size:1em;font-weight:700}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0}
p {margin:0 0 1.5em}
img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0}
img.right {float:right;margin:1.5em 0 1.5em 1.5em}
a {color:#ff9020;text-decoration:underline}
a:hover {text-decoration:none}
strong {font-weight:700}
em {font-style:italic}
li ul, li ol {margin:0 1.5em}
ul, ol {margin:0 1.5em 1.5em 3em}
ul {list-style-type:disc }
ol {list-style-type:decimal}
dl {margin:0 0 1.5em 0}
dl dt {font-weight:700}
dd {margin-left:1.5em}
table {margin-bottom:1.4em}
th {font-weight:700}
thead th {background:#E8ECED; border-right: 1px solid #fff; border-bottom: 1px solid #CACACA; white-space: nowrap }
th, td, caption {padding:4px 10px 4px}
tr.even td {background:#f9f9f9; border-bottom: 1px solid #e7e7e7; height: 28px }
tr.odd td { border-bottom: 1px solid #e7e7e7; height: 28px }
tr.bgTest td {background:#FFF6BF }
.icoAction img { width: 26px; vertical-align: middle }
tfoot {font-style:italic}
caption {background:#eee }
label { font-weight: bold; }
fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #cacaca; }
legend { font-weight: bold; font-size:1.2em; color: #24C0EB }
small { font-size:.8em }

.left { float: left }
.right { float: right }
.clear { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 0px; font-size: 0px }
.center { text-align: center}
.justify { text-align: justify }
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em}
.large {font-size:1.3em}
.xlarge {font-size:1.6em}
.hide {display:none}
.quiet {color:#666}
.loud {color:#000}
.highlight {background:#ff0}
.blue { color: #24C0EB }
.orange { color: #ff9020 }
.hr { background: url('../images/bg-hr.gif') repeat-x }
.hr hr { visibility: hidden }
.hr-form { height: 20px; background: url('../images/hr-form.jpg') no-repeat; margin-bottom: 0.5em }
.hr-form hr { visibility: hidden }
.btn a { padding: 4px 20px; background: #FF9020; border: 1px solid #FF9020; text-decoration: none; color: #fff; font-weight: 700 }
.btn a:hover { color: #FF9020; background: #fff }
.tblMaxL { width: 100% }
.load {background: url('../images/bg_load.png'); position: absolute; z-index: 2; text-align: center }
.loadGif { width: 32px; height: 32px; background: url('../images/loading.gif') no-repeat 0 0; margin: auto }
/* Form fields
-------------------------------------------------------------- */

input[type=text],
input.text, input.title, input.signin,
textarea, select { 
  background-color:#fff; 
  border:1px solid #CACACA
}
input[type=text]:focus, 
input.text:focus, input.title:focus, input.signin:focus,
textarea:focus, select:focus { 
  border-color:#666; 
}

input[type=text], 
input.text, input.title,
textarea, .ligneForm label {
  margin:0
}
select { margin-top:0 }
input.text, 
input.title   { width: 334px; padding:5px }
input.title   { font-size:1.5em }
textarea      { width: 334px; height: 250px; padding:5px }

input[type=checkbox], input[type=radio], 
input.checkbox, input.radio { 
        position:relative; top:.15em 
}

input.signin { width: 190px; padding: 5px;  }

input.text.dotted { padding: 0 2px; border: 0; background: url('../images/dotted.png') repeat-x 0 bottom; font-family:Arial, Helvetica, sans-serif; font-size: inherit }
input.text.dotted.newLiCat { margin: 4px 0 0 0; width: 120px }

.pickDate input.text, .pickDateFix input.text { background: #fff url('../images/icons/16x16/vcalendar.png') no-repeat 5px center; padding-left: 25px; width: 140px }
.pickDate { width: 170px; float: left; margin: 5px 10px 0 0}

input.text.pickDateSmall  { background: #fff url('../images/icons/16x16/vcalendar.png') no-repeat 5px center; padding-left: 25px; width: 100px }

#cpostal { width: 45px; margin-right: 5px }
#ville { width: 269px }

form.inline { line-height:3 }
form.inline p { margin-bottom:0 }

.ligneForm { clear: both; position: relative; margin: 0 0 4px 0; padding-bottom: 4px; border-bottom: 1px solid #E8ECED; width: 100% }
#contenu .ligneForm label { float: left; text-align: right; width: 160px; padding:5px }
#contenuXl .ligneForm label { float: left; text-align: right; width: 210px; padding:5px }
#contenuXl fieldset .ligneForm label { float: left; text-align: right; width: 160px; padding:5px }
#contenu .champ { float: left; width: 370px }
#contenuXl .champ { float: left; width: 470px }
#contenuXl fieldset .champ { float: left; width: 370px }
.champTexte { float: left; padding: 5px }
.spanRadio { padding-top:3px }
.spanSelect { padding-top: 4px }
.required { color: #ff9020; }

ul.listCheckbox { margin: 0; padding: 0; list-style-type: none }
ul.listCheckbox li { display: inline; float: left; width: 170px; margin: 0; padding: 0 5px }

.submit { padding: 8px 20px }

.btn-help {
        float: left;
        margin: 3px 0 0 5px;
        position: relative
}
.btn-help a { text-decoration: none }
.btn-help a:hover { text-decoration: underline }

.formHelp {        
        width: 180px;
        position: absolute;
        left: 0;
        z-index: 1000
}

#contenuXl .centerForm { width: 800px; margin: 0 auto }
#contenu .centerForm { width: 700px; margin: 0 auto }

#contenuXl .centerForm fieldset { width: 600px; margin: 0 auto }

.bgForm { background: #F6F8F9; padding:1.4em }

/* Success, notice and error boxes
----------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

div.error p { margin: 0.5em 0 }

.champ .notice { margin-bottom: 0 }

/* GRID */
#overlay_container {
        top: 0;	left: 0;
	width: 100%; height: 100%;
        position: fixed;
}
#overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #111;
	filter:alpha(opacity=75);	/* Transparency */
	opacity:0.75;	/* Transparency */
	-moz-opacity:0.75;
	}        
#overlay_msg {
	position: absolute;
	width: 500px;
	top: 50%; left: 50%;
	margin-left: -266px;
	margin-top: -101px;
	text-align: center;
	z-index: 10000;
	background: #F6F8F9;
	padding: 10px 15px;
	border: 1px solid #D5D5D5;
}

#conteneur {
	width: 980px;
	margin: 0 auto;
	}

#header{
        position: relative;
	width: 980px;
	height: 115px;
        padding-top: 5px;
	background: #24C0EB url('../images/header.gif') no-repeat 0 0
	}
#header a.logo {
        position: relative;
	display: block;
        margin-top: 5px;
        background: transparent url('../images/logo.png') no-repeat 0 0;
	width: 306px;
	height: 100px
	}

#header a.logo:hover { background: transparent url('../images/logo.png') no-repeat 0 -100px }
	
#header a.logo span {
	display: none
	}
      
#contenu {
        padding: 1px 0; /* pour IE7 */
        background: #fdfdfd url('../images/bg_contenu.gif') no-repeat 0 0
}

#contenuXl {
        padding: 10px 20px 10px 30px;
        background: #fdfdfd url('../images/bg_contenu.gif') no-repeat 0 0
}

#contenuL {
        float: left;
        width: 600px;
        padding: 10px 10px 10px 30px
}

#contenuR {
        float: left;
        width: 300px;
        padding: 30px 20px 10px 20px
}

#contenuR h3 { font-size:1.46em; color: #24C0EB; background: #EDF1F2; margin: 0; padding: 5px 10px }

#home {
        width: 980px;
        background: url('../images/bg_home.jpg') no-repeat 0 0
}
#homePartUp { 
        width: 480px;
        height: 35px;
        position: absolute;
        right: 0; bottom: 0;
        background: url('../images/bg_homePartUp.jpg') no-repeat 0 0
}

#homeOrga {
        width: 980px;
        height: 363px;
        position: relative;
        background: url('../images/bg_homeOrga.png') no-repeat 0 0
}

.blocOrgaItem {
        width: 278px;
        height: 130px;
        float: left;
        background: #fff;
        padding: 10px 10px 10px 12px;
        border: 1px solid #E1E5E5;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		-webkit-box-shadow: 0px 1px 2px #dedede;
		-moz-box-shadow: 0px 1px 2px #dedede;
		box-shadow: 0px 1px 2px #dedede; 
        margin: 0 9px 1.5em 14px
}
.blocOrgaItem h2 { font-size: 1.12em; font-weight: 700; float: left; line-height: 32px }
.blocOrgaItem img { float: left; margin: 0 10px 0.5em 0 }
.blocOrgaItem p { margin-bottom: 0.5em; padding-left: 2px }

#homeOrga ul { list-style-type: none; margin-left: 0; width: 450px; color: #fff }
#homeOrga ul li { line-height: 32px; font-size: 1.25em; padding: 2px 2px 2px 38px; margin-bottom: 0.5em }
#homeOrga ul li.itemForm { background: #BC388E url('../images/icons/32x32/list.png') no-repeat 2px center }
#homeOrga ul li.itemPaie { background: #BC388E url('../images/icons/32x32/encrypted.png') no-repeat 2px center }
#homeOrga ul li.itemGestion { background: #BC388E url('../images/icons/32x32/group.png') no-repeat 2px center }
#homeOrga ul li.itemPages { background: #BC388E url('../images/icons/32x32/doc.png') no-repeat 2px center }

#homeContent {
        padding: 100px 40px 20px 40px
}

#homeContent h1 { display: none }
#homeContent h2 { color: #fff; height: 30px }
#homeContent h2.h2-sport { background: url('../images/h2-sport.png') no-repeat 0 0 }
#homeContent h2.h2-quand { background: url('../images/h2-quand.png') no-repeat 0 0 }
#homeContent h2.h2-ou { display: none }
#homeContent h2 span { display: none }
#homeContent select { padding: 5px; width: 192px }
#homeContent .pickDate input.text { width: 160px; }

.bgCreaStep { background: url('../images/bg_creaStep.png') no-repeat 0 0; padding: 10px 20px}
.bgCreaStep img { float: left; margin: 10px 24px }

.btn-xlHome a {
        display: block;
        width: 580px;
        height: 37px;
        margin: 0 auto;
        background: url('../images/btn-orga.png') no-repeat 0 0;
        text-decoration: none
}
.btn-xlHome a:hover {
       background: url('../images/btn-orga.png') no-repeat 0 -37px;
}
.btn-xlHome a span { display: none }

.btn-homeOrga a {
        display: block;
        width: 580px;
        height: 37px;
        margin: 0 auto;
        background: url('../images/btn-homeOrga.png') no-repeat 0 0;
        text-decoration: none
}
.btn-homeOrga a:hover {
       background: url('../images/btn-homeOrga.png') no-repeat 0 -37px;
}
.btn-homeOrga a span { display: none }


.btn-login a {
        float: right;
        width: 86px;
        height: 22px;
        margin: 5px 5px 0 0;
        background: url('../images/btn-login.png') no-repeat 0 0
}
.btn-login a:hover {
        background: url('../images/btn-login.png') no-repeat 0 -22px
}
.btn-login a span { display: none }

#signinForm {
        width: 240px;
        height: 222px;
        position: absolute;
        display: block;
        right: 5px; top: 10px;
        z-index: 100;        
        background: url('../images/bg-signin.png') no-repeat 0 0        
}
#signinContent { padding: 10px 18px; margin-top: 22px }
#signinContent p { margin-bottom: 0.35em }
#closeSignin a { display: block; height: 25px; width: 86px; position: absolute; right: 0; text-decoration: none }
#closeSignin a span { visibility: hidden }

.btn-logout a {
        float: right;
        width: 86px;
        height: 22px;
        margin: 5px 5px 0 0;
        color: #0C7998;
        clear: both
        /*background: url('../images/btn-login.png') no-repeat 0 0*/
}

.btn-monCompte a {
        float: right;
        width: 86px;
        height: 22px;
        margin: 5px 5px 0 0;
        color: #0C7998
}

.homeRace {
	padding: 5px;
	margin-bottom: 0.5em;
	background: #fff;
	height: 64px;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 2px #63782B;
	-moz-box-shadow: 0px 1px 2px #63782B;
	box-shadow: 0px 1px 2px #63782B 

}

.homeRace:hover {
	background: #EEF7D4
}

.homeRace img {float: left; width: 157px; height: 54px; border: 5px solid #EDF1F2; margin-right: 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px }
.homeRace h2 {font-size: 16px; margin-bottom: 0.2em}
.homeRace span {padding-left: 2px }
.homeRace small { color: #666; font-size:.9em }

.btn-homeAddManif a { 
	display: block;
	font-size: 16px;
	background: #fff;
	text-align: center;
	padding: 5px;	
	width: 594px;
	text-decoration: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 2px #63782B;
	-moz-box-shadow: 0px 1px 2px #63782B;
	box-shadow: 0px 1px 2px #63782B 
	}
.btn-homeAddManif a:hover {	
	background: #EEF7D4
	}

/***********************/
#bottomTest {
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 1em;
        background: #FFF6BF; color: #514721;
        border-top: 2px solid #FFD324;
        z-index: 9999
}
/* Fiche */
.lieuDate { font-size:1.2em }
div.retour { padding: 4px 0 5px 0; border-bottom: 1px solid #CACACA; margin-bottom: 1.5em }
.retour a { font-weight: 700; text-decoration: none; font-size: 1.1em }
.retour a:hover { color:#B5B5B5 }

#userHeader {
        background: #EDF1F2;
        padding: 10px;
        text-align: center
}
#userNavbar { border-bottom: 4px solid #24C0EB; margin-bottom: 1.5em; padding-bottom: 4px }
#userNavbar a {
        display: inline;
        padding: 5px 10px;
        margin-right: 2px;
        text-decoration: none;
        color: #24C0EB;
        white-space: nowrap;
        background: #EDF1F2
}
#userNavbar a:hover, #userNavbar a.userNavbarSelect {
        color: #fff;
        background: #24C0EB
}

.btn-inscription a {
        display: block;
        width: 300px;
        height: 30px;
        margin: 0 auto;
        text-decoration: none;
        background: url('../images/btn-inscription.png') no-repeat 0 0
}
.btn-inscription a:hover {
        background: url('../images/btn-inscription.png') no-repeat 0 -30px
}
.btn-inscription a span { display: none }

.btn-bon { height: 30px; line-height: 30px }
.btn-bon a {
        display: block;
        width: 300px;
        height: 30px;
        margin: 0;
        text-decoration: none;
        background: url('../images/btn-bon.png') no-repeat 0 0
}
.btn-bon a:hover {
        background: url('../images/btn-bon.png') no-repeat 0 -30px
}
.btn-bon a span { display: none }

ol.olCheque li { margin-bottom: 1em }
ol.olCheque li ul li { margin-bottom: 0.1em }

.blocRight {
        background: #F6F8F9;
        margin-bottom: 1.5em;
        padding: 1em
}

.blocRight h4 { text-decoration: none; text-transform: uppercase }

.contactUl { list-style-type: none; margin:0 0 0.5em 1em }
.contactUl ul { margin-left: 3em }

.contactName, .contactTel, .contactMail, .contactSite, .contactDate, .contactMap, .contactReglement {
        line-height: 16px;
        padding-left: 20px;
        margin-bottom: 0.5em
        }        
.contactName { 
        background: url('../images/icons/16x16/user_gray.png') no-repeat 0 0
        }
.contactTel { 
        background: url('../images/icons/16x16/telephone.png') no-repeat 0 0
        }
.contactMail { 
        background: url('../images/icons/16x16/email.png') no-repeat 0 0
        }
.contactSite { 
        background: url('../images/icons/16x16/world_link.png') no-repeat 0 0
        }        
.contactDate { 
        background: url('../images/icons/16x16/date.png') no-repeat 0 0
        }  
.contactMap { 
        background: url('../images/icons/16x16/map.png') no-repeat 0 0
        }  
.contactReglement { 
        background: url('../images/icons/16x16/page_white_text.png') no-repeat 0 0
        }     
.contactSport, .contactParcours, .contactReglement { margin-top: 1em }        
        
.btn-facebook a, .btn-twitter a {
        display: block;
        float: left;
        margin-right: 5px;
        width: 88px; height: 24px
}
.btn-facebook a { background: url('../images/btn-facebook.png') no-repeat 0 0 }
.btn-facebook a:hover { background: url('../images/btn-facebook.png') no-repeat 0 -24px }
.btn-twitter a { background: url('../images/btn-twitter.png') no-repeat 0 0 }
.btn-twitter a:hover { background: url('../images/btn-twitter.png') no-repeat 0 -24px }

.btn-facebook a span, .btn-twitter a span {
        display: none
}
/***********************/
#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #336699;
	padding:1px;
	background-color: #FFF;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	/*visibility:hidden;*/
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}



#calendarDiv .selectBox{
	border:1px solid #f6f6f6;		
	color: #f6f6f6;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #FFF;
	background-color: #6699CC;
	color: #FFF;
	position:relative;
}
#calendarDiv .selectBoxTime{
	border:1px solid #6699cc;		
	color: #6699cc;
	position:relative;
}
#calendarDiv .selectBoxTimeOver{
	border:1px solid #216072;	
	color: #216072;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #6699CC;


}
#calendarDiv .activeDay{	/* Active day in the calendar */
	color:#FF0000;
}
#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #F6F6F6;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}
#calendarDiv .todaysDate div{
	float:left;
}
	
#calendarDiv .timeBar{
	height:17px;
	line-height:17px;
	background-color: #f6f6f6;
	width:72px;
	color:#FFF;
	position:absolute;
	right:0px;
}

#calendarDiv .timeBar div{
	float:left;
	margin-right:1px;
}


#calendarDiv .monthYearPicker{
	background-color: #F6F6F6;
	border:1px solid #AAAAAA;
	position:absolute;
	color: #6699cc;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;

}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#6699cc;
	color: #f6f6f6;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}
/***********************/
#tablePrix, #tableOptions { margin-bottom:0; width: 100% }
.btn-delete a { 
        background: transparent url('../images/icons/16x16/delete.png') no-repeat 0 0;
        float: left;
        width: 16px; height: 16px;
        text-decoration: none;
        margin: 6px 0 0 4px
        }
.btn-delete a span { display: none }
.btn-add { 
        background: transparent url('../images/icons/16x16/add.png') no-repeat 0 0;
        padding-left: 18px
}
#divBanGalerie a img { width: 176px;  }
#divBanGalerie a { border: 2px solid #CACACA; float: left; margin: 0 5px 5px 0}
#divBanGalerie a:hover { border: 2px solid #24C0EB }
#divBanGalerie a.banSelected { border: 2px solid #ff9020 }

#divBanFile img { width: 497px }
#divBanFile p { margin: 1em 0 }

#ligneReglement, #divBanFile, #divBanGalerie { margin-top: 1em }
#ligneCertif, #ligne_paiement_chq { margin-left: 20px }

#step { 
        margin: 0; padding: 0;
        list-style: none        
}
#step li {        
        float: left;
        line-height: 22px;
        height: 22px;
        padding: 5px 30px 5px 20px;
        font-size: 14px
}
#step li.currentStep { font-weight: 700; background: #F6F8F9 url('../images/bg-step.png') no-repeat right 0; color: #24C0EB }
#step li.quietStep { color: #cacaca }

#stepParcours { 
        margin: 0; padding: 0;
        list-style: none;
        border-bottom: 4px solid #FF9020;
        padding: 0 0 4px
}
#stepParcours li {
        float: left;
        padding: 4px 10px
}
#stepParcours li.currentParcours { background: #FF9020; color: #F6F8F9; font-weight: 700 }

.hlpRun { position: absolute; margin: -25px 0 0 -25px; background: url('../images/bg_hlpRun.png') no-repeat 0 bottom; padding-bottom: 6px }
.hlpRun span { display: block; background: #111; color: #fff; padding: 0 8px; height: 22px; line-height: 22px }

.cgvMsg { 
        height: 400px;
        overflow-y : scroll;
        font-family: "Courier New", Courier, mono;
        font-size: 1.2em;
        padding-right: 5px;
}
.userCgvMsg {
        font-family: "Courier New", Courier, mono;
        font-size: 1.2em;
        padding-right: 5px;
}
.cgvMsg ul, .userCgvMsg ul { margin-left: 1em }
/***********************/
.activatePannel {
        float: right;
        width: 150px;
        margin-top: -42px;
        border: 1px solid #CACACA;
        background: #EDF1F2
}
.activatePannel table { margin: 0 }
.activatePannel table td { padding: 2px 10px }
.activatePannel div { 
        text-align: center;
        margin-bottom: 4px
        }

#navMonCompte ul { list-style-type: none; float: right }

#compteAvatar { 
        float: left;
        background: url('../images/icons/96x96/bg-avatar.png') no-repeat 0 0;
        margin: 0 2em 1.5em 0;
        padding: 7px;
        width: 82px;
        height: 82px
        }
#compteAvatar img { width: 82px }

.btn-export a, .btn-return a, .btn-simul a, .btn-valideBon a { line-height: 16px; height: 16px; display: block }

.btn-export a { background: url('../images/icons/16x16/database_go.png') no-repeat 0 0; padding-left: 20px }
.btn-return a { background: url('../images/icons/16x16/resultset_previous.png') no-repeat 0 0; padding-left: 16px }
.btn-simul a { background: url('../images/icons/16x16/layout_add.png') no-repeat 0 0; padding-left: 20px }
.btn-valideBon a { background: url('../images/icons/16x16/page_refresh.png') no-repeat 0 0; padding-left: 20px }

.btn-save a {
        display: block;
        width: 300px;
        height: 30px;
        margin: 0 auto;
        text-decoration: none;
        background: url('../images/btn-save.png') no-repeat 0 0
}
.btn-save a:hover {
        background: url('../images/btn-save.png') no-repeat 0 -30px
}
.btn-saveNext a {
        display: block;
        width: 300px;
        height: 30px;
        margin: 0 auto;
        text-decoration: none;
        background: url('../images/btn-saveNext.png') no-repeat 0 0
}
.btn-saveNext a:hover {
        background: url('../images/btn-saveNext.png') no-repeat 0 -30px
}
.btn-save a span, .btn-saveNext a span { display: none }

/****/
.blocTarifCat {  }
.blocTarifCat .defaut {background: #E8ECED; border: 1px solid #fff; border-bottom-color: #cacaca; position: relative }
.blocTarifCat table { margin:0; width: 100% }
.lblTarif { position: absolute; left: -108px;width: 100px; background: #ff9020; color: #fff; padding: 2px 4px; margin-top: 6px }

.ageLimite {margin-bottom: 0.3em; background: #e8eced; border-right: 1px solid #fff; border-bottom: 1px solid #CACACA }
.ageLimite td { padding: 4px }

#ulCat {list-style: none; margin: 0}
#ulCat li {margin-bottom: 4px}
/***********************/
#footer{
        width: 100%;
        background: #000;
        color: #BFBFBF        
	}
#footer h3 { color: #BFBFBF }
       
#footerContent {
        width: 960px;
        margin: 0 auto;
        background: url('../images/bg_footer.png') no-repeat 0 0;
        padding: 50px 10px 15px 10px
}
#accueil #footerContent { background: url('../images/bg_footerHome.png') no-repeat 0 0; padding: 25px 10px 15px 10px }

#footer a { color: #BFBFBF; text-decoration:none; }
#footer a:hover { text-decoration: underline; }

#footer form { width: 320px; float: right; margin-right: 20px }
#footer input.text, #footer textarea { background-color:#666; padding: 2px; width: 300px; border: 1px solid #666; color: #BFBFBF }
#footer input.text:focus, #footer textarea:focus { border:1px solid #bfbfbf}
#footer textarea { height: 80px }

#footerBottom { text-align: right; color: #808080; font-family:Verdana, Helvetica, sans-serif; background: url('../images/footer-dotted.gif') repeat-x 0 0; padding-top: 5px }
#footerBottom a { color: #808080 }
#footerBottom p { margin-bottom: 0 }

.footerAbout { float: left; width: 300px; background: url('../images/course-a-pied.png') no-repeat 0 0; padding-left: 72px }
.footerAboutOrga { float: left; width: 300px; background: url('../images/organisateur.png') no-repeat 0 0; padding-left: 72px }