@charset "utf-8";

body {
   margin: 0;
   background-color: #4E4E4E;
}

form {
	padding:0px;
	margin:0px;
}

a:link {
	font-family:Arial, Helvetica;
	color:#DEDEDE;
	background-color:transparent;
	text-decoration:none;
}

a:visited {
	font-family:Arial, Helvetica;
	color:#DEDEDE;
	background-color:transparent;
	text-decoration:none;
}

a:hover {
	font-family:Arial, Helvetica;
	color:#FFFFFF;
	background-color:transparent;
	text-decoration:none;
}
.centerMain a {
	color:#666;
	text-decoration:underline;
}

p, td, div,span,input,select,textarea {
	font-family:Arial, Helvetica;
	color:#454545;
	font-size:12px;
}

p {
  margin-top:0px;
  padding-top:0px;	
}
li, ul {
  margin:0px;
  padding:0px;	
}
.alignGauche {
	text-align:left;
}
.alignDroite {
	text-align:right;
}
.alignCentre {
	text-align:center;
}

.button {
	position:relative;
	height:21px;
	width:121px;
	padding-top:4px;
	background:url(/V4/sites/www.cotemecs.com/images/buttonBg.png) no-repeat;
	text-align:center;
}
.button a {
	display:block;
	height:21px;
	width:121px;
	text-decoration:none;
	color:#FFFFFF;
}

.clr {clear:both;}
.fll {position:relative;float:left;}
.flr {position:relative;float:right;}
.bold  {color:inherit;font-weight:bold;}
.spc5  {position:relative;height:5px;line-height:5px;}
.spc10 {position:relative;height:10px;line-height:10px;}
.spc20 {position:relative;height:20px;line-height:20px;}
.spc50 {position:relative;height:50px;line-height:50px;}
.cl_aroTmlfInvisible {display:none;}
li.cl_aroTmlfErreur label {color:#FF3300;font-weight:bold;}

h1 {
	margin:0px 0px 20px 0px;
	font-size:16px;
}
h2 {
	margin:20px 0px 20px 0px;
	font-size:12px;
}

img {
	border : none;
}

/* STRUCTURE */

.aroInfo {
	position:absolute;
	left:0px;
	right:0px;
	padding:5px;
	height:20px;
	text-align:center;
	font-weight:bold;
	z-index:1000;
	background:#333;
	filter : alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	color:#FFFFFF;
}

.content {
	position:absolute;
	top:0px;
	left:50%;
	width:956px;
	margin-left:-478px;
}

.header {
	position:relative;
	top:0px;
	left:0px;
	width:956px;
	height:134px;
	background:url('/V4/sites/www.cotemecs.com/images/header.gif') no-repeat;
}
.headerLogoArt {
	position:absolute;
	top:25px;
	right:5px;
	width:89px;
	height:107px;
	background:url('/V4/sites/www.cotemecs.com/images/logo_ateliersdart.gif') no-repeat;
}
.headerLogoArt a {
	display:block;
	width:89px;
	height:107px;
}
.headerLinks {
	position:absolute;
	top:112px;
	left:180px;
	width:760px;
	color:#FFFFFF;
}
/*
.headerLinks a {
	color:#FFFFFF;
}
*/
.headerLinks ul {
	list-style:none;
}

.headerLinks ul li {
	display:inline;
	margin-right:10px;
	position:relative;
}

.footer {
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:30px;
	padding-top:10px;
	background:#918E8E;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	text-align:center;
}

.footer a {
	margin-left:50px;
	font-weight:bold;
}

.footer a:hover  {
	color:#000000;
}

.cadreCentral {
	background-color:#DBDBDB;
}
.topMain {
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:30px;
	background:#918E8E;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}

.leftMain {
	width:198px;
	padding:5px;
}

.centerMain {
	width:539px;
	padding:25px 0px 5px 0px;
	background:url(/V4/sites/www.cotemecs.com/images/centerMainBg.gif) repeat;
	min-height:580px;
}

.rightMain {
	width:198px;
	padding:5px;
}

.concept .article_designers {
	display:none;
}
.designers .article_concept {
	display:none;
}
.concept,
.designers,
.concept p,
.designers p {
	color:#FFF;
	font-size:11px;
	text-align:justify;
	padding-right:10px;
}
.concept .menu,
.designers .menu {
	position:relative;
	margin:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
.concept .retour, .designers .retour {
	position:relative;
	float:right;
	text-transform:none;
}
.menu span {
	font-size:20px;
}
.sIFR-hasFlash .menu span {
	visibility: hidden;
}
.concept .menu .lienConcept a,
.designers .menu .lienDesigners a {
	color:#FFF !important;
	text-decoration:none;
}
.concept .menu .lienDesigners a,
.designers .menu .lienConcept a {
	color:#ff511e !important;
	text-decoration:underline;
}
.article_designers,
.article_concept {
	float:left;
	width:500px;
}
.concept h1,
.designers h1 {
	font:bold 26px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#ff511e !important;
}
.sIFR-hasFlash .designers h1,
.sIFR-hasFlash .concept h1 {
	visibility:hidden;
}
.concept .illus,
.designers .illus {
	float:left;
	margin:0px 20px 20px 10px;
	width:330px;
	height:330px;
	border:solid 4px #000;
}
.concept .illus {
	background:url(/V4/sites/www.cotemecs.com/images/concept.jpg);
}
.designers .illus {
	background:url(/V4/sites/www.cotemecs.com/images/designers.jpg);
}

.pageGaranties h1 {
	padding:0;
	margin:0;
	font-size:24px;
	font-weight:bold;
}
.sIFR-hasFlash .pageGaranties h1 {
	visibility:hidden;
}
.pageGaranties h2 {
	text-transform:uppercase;
	text-decoration:underline;
}
.pageGaranties .garantiesImg {
	text-align:center;
	margin-top:20px;
}
.pageGaranties .garantiesImgs img {
	margin:0px 10px;
}

/* PANIER */

.panierIframe {
	position:relative;
	margin-left:-10px;
	margin-bottom:-2px;
	width:80px;
	height:13px;
}

/* PANIER AJAX */


.divDeclencheurAjaxPanier {
	display:inline;
	width:110px;
	height:20px;
}

.divInjectionAjaxPanier {
	position:absolute;
	top:18px;
	left:0px;
	margin-left:-430px;
	width:500px;
	background:#FFFFFF;
	border:solid 2px #918E8E;
	padding:5px;
	z-index:100;
	*display:none;
}
.divInjectionAjaxPanier .button {
	float:left;
	margin-left:32px;
}

.panierAjax table {
	width:100%;
	border-collapse:collapse;
}

.panierAjax thead tr{
	border-bottom:solid 1px #918E8E;
}
.panierAjax th {
	background-color:#FFFFFF;
	padding:5px;
}
.panierAjax th ul{
	display:none;
}

.panierAjax .cl_aroTmlfTable td {
	background-color:#FBFBFB;
}

.panierAjax .cl_aroTmlfTable tfoot td {
	background-color:#918E8E;
	text-align:right;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
}
.panierAjax .cl_quantite,.panierAjax .cl_montant {
	text-align:right;
}
/* LISTES... */

.cl_bijou span.cl_prixBarre  {
	color:#999;
	font-size:11px;
	text-decoration:line-through;
}


/* BLOCS (NOUVEAUTES, FAMILLES,... */

.headerBlock {
	position:relative;
	width:195px;
	height:30px;
}

.repeaterBlock {
	position:relative;
	width:187px;
	padding-left:8px;
	background:url(/V4/sites/www.cotemecs.com/images/repeaterBlocsBg.gif) repeat-y;
}

.footerBlock {
	position:relative;
	width:195px;
	height:26px;
	background:url(/V4/sites/www.cotemecs.com/images/footerBlocsBg.gif) no-repeat;
	padding-top:4px;
	text-align:right;
}

.footerBlock a {
	color:#FFFFFF;
	padding-right:20px;
}

.links {
	clear:both;
	text-align:center;
}
.links img {
	margin:20px;
}

.repeaterBlock .titreGarantie {
	text-transform:uppercase;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	padding:20px 0px 5px 20px;
	margin:0px;
}
.repeaterBlock .liensGarantie {
	list-style:none;
	margin:15px 0px 15px 0px;
}
.repeaterBlock .liensGarantie li {
	padding-left:20px;
	margin-bottom:15px;
}

/* LISTES DE SELECTION FAMILLES ET GAMMES*/


.famillesSelect {
	position:absolute;
	right:120px;
	top:1px;
}

.famillesSelect ul, .famillesSelect ul li {
	list-style:none;
}

.famillesSelect  select {
    width:192px;
}

.famillesSelect .cl_aroTmlfSubmit {
	display:none;
}

.gammesSelect {
	position:absolute;
	right:10px;
	top:1px;
}

.gammesSelect ul, .gammesSelect ul li {
	list-style:none;
}

.gammesSelect select {
    width:192px;
}

.gammesSelect .cl_aroTmlfSubmit {
	display:none;
}

/* BLOC NOUVEAUTES */

.repeaterBlock img  {
	width:55px;
	border : 1px solid #454545;
	margin:2px 5px 2px 0px;
}

.repeaterBlock div, .repeaterBlock a  {
	color:#FFFFFF;
}
.repeaterBlock a:hover  {
	text-decoration:underline;
}

.repeaterBlock span.cl_prixBarre  {
	color:#FFF;
	font-size:11px;
	text-decoration:line-through;
}

.repeaterBlock .cl_prix  {
	width:120px;
	margin-top:10px;
	text-align:right;
}

div .repeaterBlock .clr {
	border-bottom:solid 1px #797979;
	width:183px;
}
.repeaterBlock.menuRevendeurs img  {
	border:none;
	margin:none;
}

/* BLOC LISTE FAMILLES */

.menuFamilles div  {
	height:24px;
	width:173px;
	border-bottom:solid 1px #797979;
	padding:4px 0px 0px 10px;
}

/* editorial */

.editorialTitre {
	display:none;
}
.editorial  li {
	list-style-type:none;
}

/* TITRES PAGES D'ACCUEIL */

.accueilTitre {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	width:480px;
	height:18px;
	line-height:18px; 
	font-size:18px; 
	background-color:#999; 
	padding:5px 20px;
	margin-bottom:20px;
}


/* FORMULAIRES */

form ul {
	list-style:none;
}
form li {
	margin-top:3px;
}
.formulaire1 label {
	display:block;
	float:left;
	width:200px;
	text-align:right;
	padding-right:10px;
}
.formulaire1 .cl_aroTmlfSubmit {
	float:right;
}
.formulaire2 label {
	display:block;
	float:left;
	width:100px;
	text-align:right;
	padding-right:10px;
}
.formulaire2 .cl_aroTmlfSubmit {
	float:right;
}

.cl_erreur {
	color:#FF3300;
	font-weight:bold;
	margin:10px 0px 10px 0px;
}

.fiche .accueilTitre {
	margin:20px auto;
	height:auto;
	line-height:auto;
	padding:5px 5px 5px 20px;
	width:495px;
}
.fiche h1 {
	width:410px;
	margin:0px;
	position:absolute;
}

/* FACEBOOK LIKE */
.fiche .share {
	float:right;
	height:21px;
	width:80px;
	overflow:hidden;
}

.accueil .share {
	position:absolute;
	top:5px;
	left:5px;
}