/* light blue : #33ccff */
/* dark blue: #666699 */
/* really light blue: #cbe1fa */
/* orangE: fa7f00 */
/* dark blue infolettre: b2c5db */

/* ==== universal ==== */
body {font-size:16px; /*must override for IE6 */ line-height: 1.0625em; background-color:#fefefe;} 
form input.hidden {display: none; border: none;}

/* Clear fix    */
/* -------------------- */
.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
}

#wrapper {font-family: Verdana, "Lucida Grande", Arial, "URW Gothic L", Helvetica, "Bitstream Vera Sans", sans-serif;	color: #333333; font-size:100%; font-weight: normal; }

#toolbarcontainer, #navalphacontainer, #navbetacontainer {font-family:"Lucida Grande", Arial, "URW Gothic L", Helvetica, sans-serif; }
#content {font-size:0.6875em; } /*11px*/

#toolbar {font-size:0.625em; line-height:1em; }
#toolbar_languages {font-size:1em; line-height:1em; }
#toolbar_account {font-size:0.8em; line-height:2em; }

#navalphacontainer {font-size:0.6855em; line-height:1.2em; color:#666;}
#navbeta {font-size:0.6855em; line-height:1.7em; float:left; }
#footer p {font-size:0.625em; line-height:1.3em; font-family:Arial, "URW Gothic L", Helvetica,  sans-serif;}
#content h1 {font-size:1.5625em; color:#666699; }
#content h2 {font-size:1.3em; color:#7e7e7e;}
#content h3 {font-size:1.125em; } /*18px*/
#content h4 {font-size:1em; color:#444;} 
#navbeta h2 {font-size:1.49em; }
.erreur {font-size:1.00em; margin-left: 40px;}
.required {color: #FF0000;}
#content table {font-size:1em; line-height:1.375em;}
ul#nb_msg li{ margin-top:10px;}


a {color:#666699; text-decoration:none; }
a:visited {color:#666699;}
a:hover {color:#808080; }
hr {clear:both; display:block; height:1px; margin:0 0 1.3em 0; padding:0; border:none; border-top:1px solid #999; }
img {border:0; }
ul, ol, li {padding:0; margin:0; list-style:none; }
table {border-top: none; /*1px solid #BBB;*/ border-collapse:collapse; }
th, td {padding:3px 8px 3px 0; border-bottom:1px solid #BBB; }
th {font-weight:bold; color:#666; text-align:left; }
td {color:#333; }

li.spacer {height:1em; }

/* ===== div structure ==== */
#wrappercontainer { width:100%; text-align:center; /*for IE */ }
#wrapper { width:960px; margin:0 auto;/* align for good browsers */ text-align:left;/* counter the body center */}
 #header { width:960px; height:100px; }
#toolbarcontainer { float:right; width:400px; text-align:right;}


#bannercontainer { width:550px; float:left; height:100px; background-color: #fff; /*background: url("../../global/img/ella.gif") no-repeat left 0.25em; */ }
#navalphacontainer { float:left; width:172px; padding-bottom:1em; margin-top: 3em;}
#contentcontainer { float: right; width:780px;}
#navbetacontainer { margin-top:1.6em; width:780px; float:left; background-color: #fff;}
#navbeta { padding-left:12px; margin-top: 10px;}
#footercontainer { width:960px; clear:both; margin-top:15px; }
/* Container for profile page */
#profilecontainer {width: 600px;}

#products_menu_artists {display: block; float: left; margin-left: 0px; width: 172px; margin-top: 0px;}
#products_menu_products {display: block; float: left; margin-left: 0px; width: 172px; margin-top: 0px;}
#display_products{ border-left: 1px solid #cbe1fa; float: left; width: 610px; background-color:#fff; margin-top: 0px;}
body#nouvelles #content { border-left: 1px solid #cbe1fa; float: left; margin-top: -20px;}

#divider {display: block; clear: left;}

/* ==== banner ==== */
#banner{display: block; position: relative; margin: 4px 0px 0px 0px;}
#banner img.logo {}

/* ==== newsletter nouvelles ===*/
#newsletter_register {margin-top: 2px;}
body#nouvelles img.newsletter_header {margin-left: 10px;}

/* ==== toolbar ==== */
#toolbar ul a {color:#669; text-decoration:none; padding:0 4px 0 4px; }
#toolbar ul li.selected a {color:#3cf;}
#toolbar ul, #toolbar li {padding:0; margin:0; list-style:none; }
#toolbar ul {margin-top:14px; }
#toolbar li {display:inline; border-right:1px solid #33ccff; }
#toolbar .first {border-left:1px solid #33ccff; padding-left:2px; }
#toolbar p, #wrapper #toolbar ul li a:hover, #toolbar ul a.selected {color:#33ccff; }

#toolbar_languages ul a {color:#669; text-decoration:none; padding:0 4px 0 4px; }
#toolbar_languages ul, #toolbar_languages li {padding:0; margin:0; list-style:none; }
#toolbar_languages ul {margin-top:14px; }
#toolbar_languages li {display:inline; border-right:1px solid #33ccff; }
#toolbar_languages .first {border-left:1px solid #33ccff; padding-left:2px; }
#toolbar_languages img {width: 15px; height: 12px; margin-left: 3px;}

#toolbar_account ul a {color:#669; text-decoration:none; padding:0 4px 0 4px; }
#toolbar_account ul, #toolbar_languages li {padding:0; margin:0; list-style:none; }
#toolbar_account ul {margin-top:14px; }
#toolbar_account li {display:inline; border-right:1px solid #33ccff; }
#toolbar_account .first {border-left:1px solid #33ccff; padding-left:2px; }
#toolbar_account img {margin-left: 3px;}
 
/* ===== navalpha ===== */
#navalphacontainer {font-weight:bold; }
#navalpha ul {margin-top:0; }
#navalphacontainer ul, #navalphacontainer li {list-style-type:none; padding-left:0; margin-left:0; }
#navalphacontainer li {border-bottom:1px solid #cbe1fa; padding-bottom:5px; padding-top:5px; width:170px;}
#navalpha .spacer {border-bottom-color:#FFF; }
#navalpha2 {margin-top: 2em; }
#navalpha2 ul {margin-top: 1em;}
#navalpha2 li {border-bottom-color:#99d;}
#navalphacontainer a {color:#494949; margin-left:1px; }
#navalphacontainer a:hover {color:#3cf; background-color: #cbe1fa;}
#navalpha li a, #navalpha2 li a {background-image:none; padding-right:0; display:block;}
#navalphacontainer li a.selected {margin-left:-8px; padding-left:10px; color:#888;}


/* ==== content ==== */
#content {float:left; margin:1.9em 0 0 28px; }
#content p {margin:0 0 1.4em 0; padding:0; }
#content h1 {margin:0 0 1em 0; padding:0; }
#content h2, #content h3, #content h4 {margin:0.5em 0 0.3em 0; padding:0; clear:both;}
#content h3, #content h4 {color:#686868; }
#content ul {margin:0 0 1.4em 1em; padding:0; }


#content .left {margin:4px 8px 4px 0; float:left; clear:left; }
#content .right {float:right; margin:4px 0 4px 8px; clear:left;}


/* === footer === */
#footer p {padding:0; margin:0; color:#999;}
#footer a {color:#999; text-decoration:none; }
#footer a:hover {color:#333; }
#footer {clear: both; line-height: 1em; text-align: center; font-size: .8em; padding-top: 30px; padding-bottom: 20px; color: #669;}
#footer img {height: 40px; width: 40px;}

/* === menu specific === */
/*
body#accueil #navalpha ul li.accueil {}
body#profil #navalpha ul li.profil {background-color: #cbe1fa; margin-left: 10px;}
body#primeurs #navalpha ul li.primeurs {background-color: #cbe1fa; margin-left: 10px;}
body#nouvelles #navalpha ul li.nouvelles {background-color: #cbe1fa; margin-left: 10px;}
body#evenements #navalpha ul li.evenements {background-color: #cbe1fa; margin-left: 10px;}
body#contact #navalpha ul li.contact {background-color: #cbe1fa; margin-left: 10px;}
body#distributeurs #navalpha ul li.distributeurs {background-color: #cbe1fa; margin-left: 10px;}
*/
/* ==== page-accueil specific ==== */
body#accueil #content {margin-top:0; }
body#accueil #navbetacontainer { margin-top:0.1em; margin-left: 15px;}
body#accueil #navbeta h2 {margin:0; padding:0 0 6px 0; }
body#accueil #navbeta h2 a {color:#669; }
body#accueil #navbeta h2 a:hover {color:#cbe1fa; }
body#accueil #navbeta ul, body#accueil #navbeta li {margin:0; padding:0; line-height:1.35em; font-family: Verdana, "Lucida Grande", Arial, "URW Gothic L", Helvetica, "Bitstream Vera Sans", sans-serif; }
body#accueil #navbeta ul li { color:#333; padding:0 0 5px 10px; /*increase for IE*/}
body#accueil #navbeta ul li a {color:#474747; font-weight:400; text-decoration:none; margin:0; padding:0;}
body#accueil #navbeta ul li a:hover {color:#669; background:none;}
body#accueil #navbeta ul .more {background:none; }
body#accueil #navbeta ul .more a {color:#669; }
body#accueil #navbeta ul .more a:hover {color:#cbe1fa; }

body#accueil div#content {margin-left:15px; font-size:1em; font-family:"Lucida Grande", Arial, "URW Gothic L", Helvetica, sans-serif;}
body#accueil #featuredImageContainer {height: 300px;}

body#accueil #featuredtextcontainer {position:relative;  font-size:0.6875em; width:772px; padding:2px 0 3px 8px; background: #cbe1fa; color:#669;
	height: 1.5em;}
body#accueil #featuredtextcontainer a {color:#669;}
body#accueil #featuredtextcontainer a:hover {color:#eee;}


body#accueil #feature {margin-top: 10px; /* height: 320px; background:url(../../global/img/features/feature1.jpg) 1px 0.5em no-repeat; */}
body#accueil .tab {font-size:0.625em; line-height:1.4em;}

body#accueil #featured_a_textcontainer {position:relative;  font-size:1em; width:292px; padding:0px 8px 0px 0px; background: #fff; color:#669;}
body#accueil #featuredtextcontainer a {color:#669;}
body#accueil #featuredtextcontainer a:hover {color:#eee;}


/* Bottom of main accueil page*/
#navbeta #block1 {display:block; float: left; margin: 0px; padding: 0px; width: 180px; background-color: #fff;}
#navbeta #block2 {display:block; float: left; margin-left: 20px; width: 300px; background-color: #fff;}
#navbeta #block3 {display:block; float: right; text-align: right; background-color: #fff; width: 250px; height: 140px;}
/* #navbeta #block3 img{ width: 100px;height: 100px;} */

/* page-talents specific */
body#talents #talent {display: block; float: left;}
body#talents #talent_desc {display: block; width: 500px; float: left; margin-bottom: 3em;}
body#talents #talent img.portrait {margin-right: 1em; margin-bottom: 3em; width: 100px; height: 120px; display: block; float:left;}
body#talents #talent img.produit_petit {margin-right: 1em; width: 50%; height: 50%;}
body#talents #talent h2 {display: inline;}

/* page-produits specific */
body#produits #products_menu_artists .selected {background-color:#cbe1fa;}
body#produits #products_menu_products .selected {background-color:#cbe1fa;}

body#produits #display_products #featured_product {display: block; float: left; padding-left: 50px; margin-bottom: 30px;}
body#produits #display_products #featured_product img {display: block; float: left; margin-bottom: 20px; padding-right: 5px;}
body#produits #display_products #featured_product_desc {display: inline; float: left; margin-left: 35px; width: 250px;}
body#produits #display_products #featured_product_desc .label {font-size: .7em; text-transform: uppercase; color: #cbe1fa;}
body#produits #display_products #featured_product_desc .titre {font-size: 1em; color: #999;}
body#produits #display_products #featured_product_desc .prix {font-size: 1em; color: #999;}
body#produits #display_products #featured_product_desc .desc {font-size: .8em; color: #999;}
body#produits #display_products #featured_product_desc table {margin: 0px; padding-top:0px; border: none; width: 250px;}
body#produits #display_products #featured_product_desc tr.format td {font-size: .8em; color: #999; margin: 5px 5px 10px 5px; padding:0px; border-bottom: #ddd 1px solid;}
body#produits #display_products #featured_product_desc tr.format td img {margin: 5px -10px 5px 20px;}

body#produits #display_products #featured_product .new_product {display: block; width: 100px; background-color: #cbe1fa; color: #468cff; border: 1px #468cff solid; text-align: center;}

body#produits #display_products #featured_product #music_samples {display: block; padding-left: 20px;}
body#produits #display_products #featured_product #music_samples h3 {font-size: 0.8em; color: #b2c5db; }
body#produits #display_products #featured_product #music_samples ul {color: #999; font-size: 0.8em;}


body#produits #display_products #product {display: block; float: left; margin-left: 10px; margin-bottom: 20px;}
body#produits #display_products #product img {display: block; float: left; margin-left: 0px; margin-bottom: 0px;}
body#produits #display_products #product_desc {display: block; float: left; margin-left: 8px; width: 80px; /* height: 100px; */ }
body#produits #display_products #product_desc .titre {font-size: .7em; margin-top: 0px;}
body#produits #display_products #product_desc .prix {font-size: .7em;}

body#produits #display_products .new_product {color: #468cff;}

body#produits #display_products #product_divider {display: block; clear: left;}

/* page-login specific */
body#login #login {display: block; float: left; width: 360px; text-align: center;}
body#login #login table.login{width: 300px; border: 1px silver solid; background-color: #cbe1fa; padding: 0px;margin: 10px 0px 10px 0px;}
body#login #login table.login td { border: 0px; padding: 10px;} 
body#login #login table.login td.text { text-align: right;}
body#login #login table.login td.input { text-align: left;}
body#login #login table.login tr.error{background-color: #faa;}

body#login #register {display: block; float: left; width: 360px; text-align: left; clear: left; margin-top: 20px; padding: 0;}

/* page-register specific */
body#register table.registration {border: none;}
body#register table.registration td.label { text-align: right; padding: 5px;}
body#register table.registration td.input { text-align: left; padding: 5px;}

body#register table.registration tr.error{background-color: #faa;}

body#register input.button{margin: 20px 20px 20px 40px; position: relative; float: right; right: 100px;}

/* page-distributeurs specific */
body#distributeurs table.registration {border: none;}
body#distributeurs table.registration td.label { text-align: right; padding: 5px;}
body#distributeurs table.registration td.input { text-align: left; padding: 5px;}

body#distributeurs table.registration tr.error{background-color: #faa;}

body#distributeurs input.button{margin: 20px 20px 20px 40px; position: relative; float: right; right: 100px;}


/* page-panier specific */
body#panier table.panier_liste {border: none; margin-bottom: 40px; width: 750px;}
body#panier table.panier_liste tr td {padding: 5px;}
body#panier table.panier_liste tr.titre td {padding: 10px 0px 10px 0px; text-align: center;}
body#panier table.panier_liste tr.odd{background-color: #fff;}
body#panier table.panier_liste tr.even{background-color: #cbe1fa;}
body#panier table.panier_liste tr.error{background-color: #faa;}

body#panier table.panier_liste tr td.thumbnail {width: 50px;}
body#panier table.panier_liste tr td.desc {width: 500px;}
body#panier table.panier_liste tr td.desc .titre {font-size: 1.2em; font-weight: bold; color: #666;}
body#panier table.panier_liste tr td.desc .desc {font-size: 0.8em; color: #333;}
body#panier table.panier_liste tr td.desc .talent {font-size: 1em; color: #333; text-transform: uppercase;}
body#panier table.panier_liste tr td.qty {width: 50px;}
body#panier table.panier_liste tr td.qty input {text-align: right;}
body#panier table.panier_liste tr td.unit_price {width: 60px; font-size: 1em; text-align: right; padding-right: 20px;}
body#panier table.panier_liste tr td.price {width: 50px; font-size: 1.2em; text-align: right;}
body#panier table.panier_liste tr td.remove {width: 60px; font-size: 0.8em;}

body#panier table.panier_shipping {border: 1px solver solid; margin: 0px 0px 20px 500px; width: 250px;}
body#panier table.panier_shipping td.price {width: 50px; font-size: 1.2em;}

body#panier table.subtotal {border: 1px solver solid; margin: 0px 0px 20px 350px; width: 400px;}
body#panier table.subtotal td.price {width: 50px; font-size: 1.2em; text-align: right;}
body#panier table.subtotal td.label {text-align: right; padding-right: 15px;}
body#panier table.subtotal td.currency {width: 50px; font-size: 1.2em; text-align: right;}

body#panier #contentcontainer #content p.calculate_order {margin: 40px 20px 20px 20px; text-align: right; display: block; clear: right;}
body#panier #contentcontainer #content p.calculate_order h2 {color: #669;}
body#panier #contentcontainer #content p.calculate_order img{float: right;}


body#panier input.button{margin: 20px; float: right;}

/* page-checkout specific */
body#checkout table.panier_liste {border: none; margin-bottom: 40px; clear: left; width: 750px;}
body#checkout table.panier_liste tr td {padding: 5px;}
body#checkout table.panier_liste tr.titre td {padding: 10px 0px 10px 0px; text-align: center;}
body#checkout table.panier_liste tr.odd{background-color: #fff;}
body#checkout table.panier_liste tr.even{background-color: #fff;}
body#checkout table.panier_liste tr.error{background-color: #faa;}

body#checkout table.panier_liste tr td.thumbnail {width: 50px;}
body#checkout table.panier_liste tr td.desc {width: 500px;}
body#checkout table.panier_liste tr td.desc .titre {font-size: 1.2em; font-weight: bold; color: #666;}
body#checkout table.panier_liste tr td.desc .desc {font-size: 0.8em; color: #333;}
body#checkout table.panier_liste tr td.desc .talent {font-size: 1em; color: #333; text-transform: uppercase;}
body#checkout table.panier_liste tr td.qty {width: 50px; text-align: right; padding-right: 10px;}
body#checkout table.panier_liste tr td.unit_price {width: 50px; font-size: 1em; text-align: right;}
body#checkout table.panier_liste tr td.price {width: 60px; font-size: 1.2em; text-align: right;}
body#checkout table.panier_liste tr td.remove {width: 50px; font-size: 0.8em;}

body#checkout table.prices {border: 1px solver solid; margin: 0px 0px 20px 350px; width: 400px;}
body#checkout table.prices td.price {width: 50px; font-size: 1.2em; text-align: right;}
body#checkout table.prices td.label {text-align: right; padding-right: 15px;}
body#checkout table.prices td.currency {width: 50px; font-size: 1.2em; text-align: right;}
body#checkout table.prices tr.grand_total{background-color: #cbe1fa; font-weight: bold;}

body#checkout input.button{margin: 20px 20px 20px 40px; position: relative; float: right; right: 100px;}

body#checkout #contentcontainer #content p.back_to_cart {float: left; clear: right; text-align: left;}
body#checkout #contentcontainer #content p.back_to_cart h2 {color: #669;}

body#checkout div.divider {display: block; clear: left;}
body#checkout div.address {width: 350px; float: left;}
body#checkout div.address ul li{list-style: none;}

/* page-profil specific ELLA-COMM PROFILE*/
body#profil #profilecontainer #message {background-color: #e7f0fa; padding: 10px; margin-bottom: 20px;}
body#profil img.portrait{width: 100px; height: 125px; float: left; margin: 10px 10px 10px 10px;}
body#profil img.portrait_team {width: 120px; height: 100px; float: left; margin: 5px 10px 10px 10px; display: inline; position: relative;}
body#profil #team {margin-top: 40px;}

/* page-profil-client-commandes specific */

/* Orders List */
body#profil_client table.orders_list {border: none; margin-top: 40px; clear: both; font-size: 1em; text-align: center;}
body#profil_client table.orders_list tr td {padding: 2px;}
body#profil_client table.orders_list tr.titre {font-size: 0.8em; text-transform: uppercase;}
body#profil_client table.orders_list tr.odd{background-color: #fff;}
body#profil_client table.orders_list tr.even{background-color: #cbe1fa;}
body#profil_client table.orders_list tr td.order {font-size: 1.2em; font-weight: bold;}

/* ADDRESS INFO*/

body#profil_client div.divider {display: block; clear: left;}
body#profil_client div.address {width: 350px; float: left;}
body#profil_client div.address ul li{list-style: none;}


/* Order Table */
body#profil_client table.order {border: none; margin-bottom: 40px; margin-top: 25px; clear: both;}
body#profil_client table.order tr td {padding: 5px;}
body#profil_client table.order tr.titre td {padding: 10px 0px 10px 0px; text-align: center; font-size: 1em;}

body#profil_client table.order tr td.counter {font-weight: bold;}
body#profil_client table.order tr td.product_code {padding: 0px 15px 0px 15px;}
body#profil_client table.order tr td.desc {width: 500px;}
body#profil_client table.order tr td.desc .titre {font-size: 1em; font-weight: bold; color: #666;}
body#profil_client table.order tr td.desc .desc {font-size: 0.8em; color: #333;}
body#profil_client table.order tr td.desc .talent {font-size: 1em; color: #333; text-transform: uppercase;}
body#profil_client table.order tr td.qty {width: 50px; text-align: right; padding-right: 10px;}
body#profil_client table.order tr td.unit_price {width: 60px; font-size: 1em; text-align: right;}
body#profil_client table.order tr td.price {width: 60px; font-size: 1.2em; text-align: right;}

/* Price table */
body#profil_client table.prices {border: 1px solver solid; margin: 0px 0px 20px 350px; width: 400px;}
body#profil_client table.prices td.price {width: 50px; font-size: 1.2em; text-align: right;}
body#profil_client table.prices td.label {text-align: right; padding-right: 15px; font-size: 1em;}
body#profil_client table.prices td.currency {width: 50px; font-size: 1.2em; text-align: right;}
body#profil_client table.prices tr.grand_total{background-color: #cbe1fa; font-weight: bold;}

/* page-profil_client specific */
body#profil_client ul#tablinks {float: left; display: block;}
body#profil_client ul#tablinks li {float: left; display: block; padding: 0px 25px 0px 30px; height: 40px;text-align: center; font-size: 1.2em; font-weight: bold;}
body#profil_client ul#tablinks li.selected{background-color: #cbe1fa;}

body#profil_client #checkbox {display: block; font-size: 2em; margin: 0px 0px 20px 20px;}
body#profil_client table {border: none; clear: both; width: 750px;}
body#profil_client table td {font-size: 1.2em;}
body#profil_client table td.label { text-align: right; padding: 5px; font-size: 1.8em;}
body#profil_client table td.input { text-align: left; padding: 5px;}
body#profil_client table tr.error{background-color: #faa;}
body#profil_client input.button{margin: 20px 20px 20px 40px; position: relative; float: right; right: 100px;}

/* page survey specific */
body#survey1 form {margin-top: 10px;}
body#survey1 #survey table tr td{border: none; font-size: 1.2em; padding-top: 15px;}

/* input specific */
input {border: 1px solid #82a5d2;}
textarea {border: 1px solid #82a5d2;}
form input.hidden {display: none; border: none;}