/* ------------------------------------------------------------------------------------
CSS MEDIA SCREEN : master.css
CLIENT : CTT Group
CREATION : 22.05.2008
AUTEUR : ASPIX MEDIA - www.aspixmedia.com
----------------------------------------------------------------------------------- */

.nomCategorieProduit {
  float:left;
  height:85px;
  width:100%; 
}
.logoPrint {
  display:none;
}
/* ==================== */
* {
	margin:0px;
	padding:0px;
	border:0px;
    -moz-outline:none;
}

body {
	position:absolute;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#f2f2ea;
}

a {
	text-decoration:none;
}

ul {
    list-style-position:outside;
    list-style-type:square;
}

h1 {
    font-size:20px;
    font-weight:normal;
}

h2 {
    font-size:18px;
    font-weight:normal;
}

h3 {
    font-size:14px;
}

.sectionImpression {float:right;width:100px;height:50px;}
.clearAll {clear:both}

/* ---------------------------------------------------------------------------| block |*/
#container {
	margin-left:auto;
	margin-right:auto;
	width:998px;
	background-color:#ffffff;
	background-image:url(../images/bg_container.jpg);
	background-repeat:repeat-y;
}

#main {
	clear:both;
	margin-left:15px;
	width:968px;
	height:710px;
	background-image:url(../images/bg_sphere.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#left {
	float:left;
	width:220px;
	margin-left:10px;
	padding-top:10px;
}
html>body #left {
    margin-left:16px;
}

#right {
    float:right;
    width:680px;
    margin-right:10px;
    padding-top:10px;
}
html>body #right {
    margin-right:16px;
}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------| SportsTape |*/
/* ---------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------| code de couleurs |*/
.c00{background-color:#DBC099;color:#ffffff;padding:2px;font-weight:bold} /* tan */
.c01{background-color:#000000;color:#ffffff;padding:2px;font-weight:bold} /* noir */
.ce01{background-color:#000000;color:#ffffff;padding:2px;font-weight:bold} /* noir */
.c02{background-color:#B11224;color:#ffffff;padding:2px;font-weight:bold} /* rouge */
.c03{background-color:#79C4DC;color:#ffffff;padding:2px;font-weight:bold} /* bleu poudre */
.c05{background-color:#EDCC49;color:#000000;padding:2px;font-weight:bold} /* jaune */
.c07{background-color:#386638;color:#ffffff;padding:2px;font-weight:bold} /* bleu royal */
.c08{background-color:#143FA5;color:#ffffff;padding:2px;font-weight:bold} /* bleu royal */
.c10{background-color:#ffffff;color:#000000;border:1px solid #E0E0E0;padding:2px;font-weight:bold} /* blanc */
.ce10{background-color:#ffffff;color:#000000;border:1px solid #E0E0E0;padding:2px;font-weight:bold} /* blanc */
.c11{background-color:#FF613A;color:#ffffff;padding:2px;font-weight:bold} /* orange */
.c13{background-color:#955361;color:#ffffff;padding:2px;font-weight:bold} /* maron */
.c14{background-color:#333C5B;color:#ffffff;padding:2px;font-weight:bold} /* marine */
.c16{background-color:#F38E92;color:#ffffff;padding:2px;font-weight:bold} /* rose */
.c23{background-color:#5E4D83;color:#ffffff;padding:2px;font-weight:bold} /* mauve */
.c26{background-color:#388D92;color:#ffffff;padding:2px;font-weight:bold} /* aqua */
.c35{background-color:#F5560A;color:#ffffff;padding:2px;font-weight:bold} /* orange neon*/
.c36{background-color:#F13768;color:#ffffff;padding:2px;font-weight:bold} /* rose neon */
.c37{background-color:#33CC33;color:#ffffff;padding:2px;font-weight:bold} /* vert neon */
.c62{background:url(../images/bg_color62.gif) repeat-y;color:#ffffff;padding:2px;font-weight:bold} /* 6 couleurs */

.ce99{background-color:#ffffff;color:#000000;border:1px solid #E0E0E0;padding:2px;font-weight:bold}
.ce00{background-color:#ffffff;color:#000000;border:1px solid #E0E0E0;padding:2px;font-weight:bold} /* transparent */
.ce05{background-color:#dbc099;color:#000000;padding:2px;font-weight:bold} /* beige */
.cnbc36{background:url(../images/bg_color62.gif) repeat-y;color:#ffffff;padding:2px;font-weight:bold} /* noir blanc clair */

.ce43 p.bk{background-color:#000000;color:#ffffff;padding:2px;margin:1px 0;font-weight:bold}
.ce43 p.wh{background-color:#ffffff;color:#000000;border:1px solid #e0e0e0;padding:2px;margin:1px 0;font-weight:bold}
.ce43 p.tr{background-color:#ffffff;color:#000000;border:1px solid #e0e0e0;padding:2px;margin:1px 0;font-weight:bold}
/* ---------------------------------------------------------------------------| SportsTape |*/

.enteteSection {background-color:#EEEEE3;font-size:16px;margin-top:20px;padding:5px;text-transform:uppercase;width:660px;font-weight:bold}
.gvSportsTape {width:669px;}
.gvSportsTape td {border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;padding:1px;vertical-align:middle;}

.gvSportsTape th table.headerSpecifications {width:325px;}
.gvSportsTape th table.headerSpecifications2 {width:410px;}
.gvSportsTape th table.headerSpecifications td {border:none;text-align:center;}
.gvSportsTape th table.headerSpecifications2 td {border:none;text-align:center;}
.gvSportsTape table.gvSpecifications {width:330px}
.gvSportsTape table.gvSpecifications th {display:none;}
.gvSportsTape table.gvSpecifications td {border:none}

.gvSportsTape table.gvSpecifications2 {width:410px} /* code UPC */
.gvSportsTape table.gvSpecifications2 th {display:none;} /* code UPC */
.gvSportsTape table.gvSpecifications2 td {border:none} /* code UPC */


/* ---------------------------------------------------------------------------| header |*/
#header {
	margin-left:15px;
	width:968px;
	height:100px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
}

#header input {
	padding:2px;
	margin-bottom:11px;
	border:1px solid #cececd;
}

#header ul {
	text-align:right;
}

#header li {
	color:#ffffff;
	font-weight:bold;
	padding:8px 8px 9px 10px;
	background-image:url(../images/header_separator.jpg);
	background-repeat:no-repeat;
	display:inline;
}

#header a {
	color:#ffffff;
}




/* ---------------------------------------------------------------------------| footer |*/
#footer {
	width:998px;
	height:154px;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	color:#ffffff;
}

#footerTextLeft {
	float:left;
	text-align:left;
	padding-left:30px;
	padding-top:8px;
	font-size:10px;
	color:#787878;
}

#footerTextRight {
	float:right;
	text-align:right;
	padding-right:30px;
	padding-top:8px;
	font-size:10px;
	color:#787878;
}

#footer a {
	color:#ffffff;
}

#footerTextRight a {
	color:#787878;
}

#footer ul {
	text-align:right;
	padding-top:10px;
}

#footer li {
	font-weight:bold;
	padding-right:26px;
	display:inline;
}

/* ----------------------------------------------------------------------| accueil section |*/

.accueilSectionTitre {float:left;width:568px;height:50px;}
.accueilSectionImage {float:left;width:150px;height:285px;padding-top:15px;text-align:center;}
.accueilSectionTexte {float:left;width:460px;height:285px;padding:15px 0 0 20px;}

/* ---------------------------------------------------------------------------| formulaire |*/
.btnForm {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	cursor:pointer;
	border:outset 1px #cccccc;
	background:#999999;
	color:#0c8dbd;
	font-weight:bold;
	background:url(../images/bg_btnForm.jpg) repeat-x left top;
}

input.bgFormElement {
	background-color:#F7F3D2;
	font:normal 11px Arial, Verdana, Helvetica, sans-serif;
	border:1px solid #CCCCCC;
}

input.bgFormElement2, select.bgFormElement2, textarea.bgFormElement2 {
	background-color:#FFFFFF;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding:2px;
	border:1px inset #CCCCCC;
}




/* ---------------------------------------------------------------------------| divers |*/
p.y, span.y {		/* champ obligatoire - indicatif */
	font-weight:normal;
}
p.yerr, span.yerr {		/* champ obligatoire - erreur  */
	color:#CC0000;
	font-weight:bold;
}

#right a {
    color:#df0109;
}
#right a:hover {
    color:#ccbe98;
}

/* === QUARTS DE PALETTE ET POINTS DE VENTE === */
.qpTablo, .popTablo {
  border:border-collapse;
  border:none;
  width:660px;
}
.qpTablo td, .popTablo td {
  border-bottom:1px solid #cccccc;
  padding:4px;
}
.qpTablo .qpLabel, .popTablo .popLabel {
  width:230px;
}
.qpTablo p, .popTablo p { 
  margin-bottom:20px;
}
.qpTablo p span, .popTablo p span {
  padding-left:20px;
}


.tabloSel td {
    padding:2px 6px;
}
.tabloSel td ul {
    padding-left:30px;
}


.contactTop {
    width:320px;
    height:150px;
    padding-top:10px;
}
.contactBottom {
    width:320px;
    height:165px;
    padding-top:20px;
}

.tablo th, .tablo td, .tabloDet td, .tabloCon th, .tabloCon td, .tabloSearch th, .tabloSearch td {
    border-bottom:1px solid #cccccc;
}
.tablo td {
    height:60px;
}
.tabloDet td, .tabloSearch td {
    padding:5px 0px;
}
.tabloCon td {
    height:45px;
}
.tabloMod ul {
    padding-top:10px;
    padding-left:30px;
}
.tabloDet ul {
    padding-left:15px;
}
.tabloMod2 td {
    padding:4px;
    height:40px;
    border-bottom:1px solid #cccccc;
}

#pdBoutons {
    width:660px;
    height:32px;
    border-bottom:1px solid #cccccc;
}
#pdSpecs, #pdMSDS, #pdDownloads {
    float:left;
    margin-left:5px;
    padding-top:10px;
    width:132px;
    height:22px;
    background-image:url(../images/bg_details_on.jpg);
    background-repeat:no-repeat;
    font-weight:bold;
    text-align:center;
}
#pdMSDS, #pdDownloads {
    background-image:url(../images/bg_details_off.jpg);
}

.dwnText {
    clear:both;
    width:660px;
}
.dwnPDF {
    float:right;
    width:200px;
    height:27px;
    margin:12px 0px;
    background:url(../images/btn_download.jpg) no-repeat;
}

.msdsTexte ul {
    list-style-type:none;
}
.msdsTexte li {
    padding-left:30px;
}
.msdsTexte table {
    margin-left:30px;
}

.specsPrint, .dwnPrint {
    display:none;
}

#tipsHeader {
    height:24px;
    background-color:#000000;
    padding:2px;
    filter:alpha(opacity=70);
    opacity:0.7;
}
/* ----- OPTIMISATION - CLO ----- */
.presentoirsModulaires {
    width:660px;
}
.presentoirsModulaires img {
    margin:5px 0;
}
.presentoirsModulaires p {
    margin-bottom:20px;
}
.presentoirsModulaires p span {
    font-size:16px;
    font-weight:bold;
}
.presentoirsModulaires ul {
    padding:0 0 30px 30px;
}
.presentoirsModulaires h3 {
    font-size:16px;
    font-weight:bold;
    margin-bottom:20px;
}


/* -----------------------------------------------------------------| secteur consommateur |*/
.infoMasking {
	font-size: 12px;
}

.infoMasking img.space {
	margin-right: 5px;
}

.infoMasking img.border {
	border: 1px solid #333333;
}

.infoMasking ul {
	list-style-position: outside;
	padding:0px 10px;
}

.infoMasking td {
    padding:6px 14px;
}

.infoMasking td.bg1, td.bg2, td.bg3, td.bg4 {
	color:#000000;
	height:20px;
	padding:4px;
}

.infoMasking .bg1, .infoMasking .bg2, .infoMasking .bg3, .infoMasking .bg4 {
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;
}

/*
.infoMasking .bg1 {
	background-color: #F0544B;
}

.infoMasking .bg2 {
	background-color: #174068;
}

.infoMasking .bg3 {
	background-color: #008DC2;
}

.infoMasking .bg4 {
	background-color: #81AE74;
}
*/




/* ---------------------------------------------------------------------------| modal popup |*/
.modalBackground {
	background-color:Black;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup, .modalPopupContact, .modalPopupTips {
	background-color:#ffffff;
	border:1px solid black;
	padding:3px 15px 3px 15px;
	width:450px;
	font-size:12px;
}
.modalPopupContact {
    width:640px;
}
.modalPopupTips {
	padding:0px;
    width:810px;
}

.modalPopupTips a {
    color:#df0109;
    font-weight:bold;
}
.modalPopupTips a:hover {
    color:#ccbe98;
}

.modalValidator {
	margin-left:20px;
	padding-bottom:10px;
}

.modalConfirm, .modalConfirmContact {
	width:450px;
	padding-top:20px;
	padding-bottom:15px;
	text-align:center;
}
.modalConfirmContact {
    width:640px;
}

#modalFormLeft {
	width:162px;
	height:136px;
	float:left;
	padding-top:2px;
	text-align:right;
}

#modalFormLeft p, #modalFormRight p {
	height:25px;
}

#modalFormRight {
	width:200px;
	height:136px;
	float:left;
	padding-left:15px;
}

.modalFormButtons {
	clear:both;
	padding-top:20px;
	padding-right:15px;
	text-align:center;
}

.modalFormButtons input, .modalConfirm input, .modalConfirmContact input {
	padding:3px 20px 3px 20px;
	font-size:12px;
	color:#df0109;
}
.modalPopupTips input {
	color:#df0109;
}

h1.titre {
	padding-top:10px;
	font-size:20px;
	font-weight:bold;
}




/* ---------------------------------------------------------------------------| accordeon |*/
.accordionHeader, .accHeaderDownload {
    color:#333333;
    background-color:#eeeee3;
	font-size:12px;
	font-weight:bold;
    padding:4px 5px 5px 20px;
    margin-top:3px;
    cursor:pointer;
    background-image:url(../images/menu_accordeon_close.gif);
	background-repeat:no-repeat;
}

.accordionHeaderSelected, .accHeaderSelectDownload {
    color:#333333;
    background-color:#eeeee3;
	font-size:12px;
	font-weight:bold;
    padding:4px 5px 5px 20px;
    margin-top:3px;
    cursor:pointer;
    background-image:url(../images/menu_accordeon_open.gif);
	background-repeat:no-repeat;
}

.accHeaderDownload {
    background-color:#e1e1ce;
    background-image:url(../images/menu_acc_download_close.gif);
}

.accHeaderSelectDownload {
    background-color:#e1e1ce;
    background-image:url(../images/menu_acc_download_open.gif);
}

.accordionContent {
	color:#333333;
    background-color:#f4f4ec;
    padding:5px 5px 5px 22px;
    line-height:17px;
    margin-top:2px;
}

.accordionContent a {
	color:#333333;
}

.accordionContent a:hover {
	color:#df0109;
}