/**
 * Catalog template for the #core container
 * Use as class name: <tag id="core" class="catalog">
 * @media          {screen}
 * @require        global.css
 * @toc            opening, content, clearing
 * 
 * Hierarchy :
 * [...]
 *    #opening
 *    #content
 * [...]
 */

.catalog #main {
    position:static;
    margin-top:4px;
    width:700px;
    background:url(../img/bg/bg-catalog-main.png) no-repeat; color:#493a71;
	position:relative;
}

/**
 * @section     Opening
 */
.catalog #opening {
    padding-top:36px; padding-left:60px;
    background:none;  color:#493a71;
}
.catalog #opening #clubFocus {
    height:150px;
    color:#a7016b;
    font:normal 48px/1.1 Times, "Times New Roman", Georgia, serif;
    text-align:right;
}
.catalog #opening #clubFocus .line2 {
    display:block;
    color:#514472;
    font-size:24px;
}
.catalog #opening #clubFocus .line3 {
    display:block;
    color:#8376a7;
    font-size:18px;
}
.catalog #opening p {
    font-size:12px; font-weight:bold;
}
.catalog #opening h1 {
    color:#493a71;
    font:normal italic 25px/1 Times, "Times New Roman", Georgia, serif;
}
.catalog #opening h1 span {
    color:#a7016b;
    font:normal 48px/1 Times, "Times New Roman", Georgia, serif;
    text-transform:none;
}
.catalog #opening .content{
    background:none;
}

/**
 * @section     Breadcrumbs
 */
.catalog #breadcrumbs {
    position:static;
    margin:0;
}
.catalog #breadcrumbs li {
    color:#493a71;
    font:bold 15px Times, "Times New Roman", Georgia, serif;
}
.catalog #breadcrumbs a {
    position:relative;
    color:#7f71a2;
    text-decoration:none;
}
.catalog #breadcrumbs a:hover, .catalog #breadcrumbs a:focus {
    text-decoration:underline;
}

/**
 * @section     Content
 */
.catalog #content {
    float:none;
    padding-left:60px;
    width:640px;
}
.catalog #content h2 {
    clear:left;
    margin-left:5px; padding-left:65px;
    height:60px;
    color:#493a71;
    font:normal 30px Times, "Times New Roman", Georgia, serif;
    line-height:60px;
}
.catalog #content h2 span {
    color:#a7016b;
}
.catalog #content h2.winter {
    background:url(/BelambraResources/img/pictos/picto-winter.png) no-repeat;
}
.catalog #content h2.summer {
    background:url(/BelambraResources/img/pictos/picto-summer.png) no-repeat;
}

/**
 * @section     Catalogs list
 */
.catalog #content .catalogs {
    margin:0 10px 10px 0;
}

.catalog #content .catalogs .first {
    padding: 0 0 10px; margin:0 0 10px;
    background: url(/BelambraResources/img/bg/bg-catalog-item-bottom.png) no-repeat 0 100%;
}
.catalog #content .catalogs .last {
    padding: 10px 0 0; margin:10px 0 0;
    background: url(/BelambraResources/img/bg/bg-catalog-item-top.png) no-repeat 0 0;
}

.catalog #content .catalogs .first .wrapper {
    padding:11px 10px 0;
    background: url(/BelambraResources/img/bg/bg-catalog-description.png) no-repeat 100% 0;
}

.catalog #content .catalogs .last .wrapper {
    padding:0 10px 11px;
    background: url(/BelambraResources/img/bg/bg-catalog-description-reverse.png) no-repeat 100% 100%;
}

.catalog #content .catalogs .visual {
    float: left;
    clear: left;
}

.catalog #content .catalogs .visual a {
    display: block;
    padding: 0 11px 0 0;
    background: url(/BelambraResources/img/bg/bg-catalog-visu-right.png) repeat-y 100% -11px;
}
.catalog #content .catalogs .description {
    position:relative;
    float: left;
    padding: 20px 14px 0 10px;
    width: 260px;
}
.catalog #content .catalogs .description h3 {
    margin-bottom:10px;
    color:#a7016b;
    font:normal 24px Times, "Times New Roman", Georgia, serif;
}
.catalog #content .catalogs .description h3 em {
    display:block;
    color:#493a71;
    font-size:18px;
}
.catalog #content .catalogs .description h3 span {
    color:#493a71;
}
.catalog #content .otherSeasons {
    margin-bottom:100px;
    background:url(../img/bg/bg-catalog-next-season.jpg) no-repeat;
}
.catalog #content .otherSeasons .catalogs .description h3 {
    margin-bottom:5px;
    font:normal 24px Times, "Times New Roman", Georgia, serif;
}
.catalog #content .otherSeasons .catalogs .description h3 span {
    display:block;
    color:#a7016b;
}
.catalog #content .otherSeasons .catalogs .description h3 span span {
    display:inline;
    color:#493a71;
}
.catalog #content .otherSeasons .catalogs .description h3 span .season {
    color:#8679aa;
    font-size:18px;
}
.catalog #content .catalogs .description ul {
    margin:0;
}
.catalog #content .catalogs .description li {
    margin-bottom:1em;
}
.catalog #content .catalogs .description li a {
    display:block;
    padding-top:5px; padding-left:80px;
    height:50px;
    background-repeat:no-repeat;
    font:normal 14px Times, "Times New Roman", Georgia, serif;
    text-decoration:none;
}
.catalog #content .catalogs .description li a:hover, .catalog #content .catalogs .description li a:focus{
    text-decoration:underline;
}
.catalog #content .catalogs .description li a span {
    display:block;
    width:86px; height:20px;
    color:#fff;
    font-size:14px;
    line-height:20px;
    text-align:center;
}
.catalog #content .catalogs .description .interactive a {color:#a7016b;}
.catalog #content .catalogs .description .interactive a span {
    background:url(../img/bg/bg-btn-mauve.png) no-repeat;
}
.catalog #content .catalogs .description .traditional a {color:#493a71;}
.catalog #content .catalogs .description .traditional a span {
    background:url(../img/bg/bg-btn-violet.png) no-repeat;
}

.pictos{
	width : 60px;
	height : 62px;
}

/**
 * @section     Form catalog
 */
#catalogForm .checkboxes legend {font:bold 11px Arial,Helvetica,sans-serif;}
#catalogForm label {
    float:left;
    color:#55477a;
    font:bold 11px Arial,Helvetica,sans-serif;
    width:73px;
}
#catalogForm .text, #catalogForm .select {
    clear:left;
    padding:10px 0;
}
#catalogForm .col1, #catalogForm .col2, #catalogForm .col3 {
    float:left;
}
/* POUR IE7 et + */
*+ html #catalogForm .col1,*+ html  #catalogForm .col2,*+ html  #catalogForm .col3 {
	padding-bottom:0px;
}
*+ html #catalogForm #address_textfield{
	padding-top:0;
}
/* POUR IE6 et - */
* html #catalogForm .col1,* html  #catalogForm .col2,* html  #catalogForm .col3 {
	padding-bottom:0px;
}
* html #catalogForm #address_textfield{
	padding-top:0;
}

#catalogForm .col2, #catalogForm .col3 {clear:none;}
#catalogForm .col2 label {
    padding-left:10px;
    width:60px;
}
#catalogForm .col3 label {
    padding-left:10px;
    width:70px;
}
#catalogForm .required {
    color:#a7016b;
    font-weight:bold;
}
#catalogForm .text input {
    border:1px solid #a7016b;
    width:531px;
}
#catalogForm .col1 input {width:100px;}
#catalogForm .col2 input, #catalogForm .col3 input {width:140px;}
#catalogForm .checkboxes ul {
    margin:1.3em auto;
}
#catalogForm .checkboxes li {
    float:left;
    padding:0 20px;
    width:158px;
}
#catalogForm .checkboxes li img {
    display:block;
	cursor : pointer;
}
#catalogForm .checkboxes .fauxCheckbox {
    margin-left:10px;
}
#catalogForm .checkboxes label {
    color:#a7016b;
    font-size:14px; font-weight:normal;
    width:120px;
	cursor : pointer;
}
#catalogForm .checkboxes label span {
    color:#493a71;
}
#catalogForm .addresses {
    margin-top:20px; padding:30px 1px 20px;
    background:url(../img/bg/bg-catalog-form-addresses.jpg) no-repeat;
}
#civilityREP {
    float:left;
    width:100px;
}
#civilityREP ul {width:98px;}
#countryREP {
    float:left;
    width:140px;
}
#countryREP ul {width:138px;}
#catalogForm .offers {
    margin-left:-10px; padding:30px;
    width:575px;
    background:url(../img/bg/bg-catalog-form-offers.png) no-repeat;
}

#catalogForm .offers .legend {
    font:normal 14px Times, "Times New Roman", Georgia, serif;
    text-align:center;
}
#catalogForm .offers .text input {
    width:225px;
}
#catalogForm .offers .checkbox {
    clear:left;
    padding:5px 0;
}
#catalogForm .offers .checkbox label {
    width:auto;
    font-weight:normal;
}
#catalogForm .actions {
	position:relative;
    float:right;
    margin-top:15px; padding-right:45px;
    width:86px; height:20px;
    text-align:center;
}
#catalogForm .actions input {
    display:inline;
    margin:0; padding:2px 0 4px; border:none;
    width:86px;
    background:none; color:#fff;
    font:bold 11px Times, "Times New Roman", Georgia, serif;
    cursor:pointer;
}

/**
 * @section     Confirmation catalog command
 */
#catalogCommandConfirmation {
    margin-top:5px; padding-top:5px;
    background:url(../img/bg/bg-catalog-form-addresses.jpg) no-repeat;
    
}
#catalogCommandConfirmation p {
    margin-top:1em;
    font:bold 11px Arial,Helvetica,sans-serif;
}
#catalogCommandConfirmation p span {
    display:block;
    color:#a7016b;
}
#catalogCommandConfirmation .players {
    text-align:center;
}
#catalogCommandConfirmation .players li {
    padding-right:20px;
    display:inline;
}


/**
 * Auto-clearing method (do not work in IE)
 * @section        clearing
 */
.catalog #content .catalogs li .wrapper:after {
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
	content:".";
}