﻿/* CSS Document */
body {
background:#d9dcde url(../img/fondHeaderB2.gif) top no-repeat;
margin:0 auto;
width:808px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
}
a:link {
text-decoration:none;
color:#142376;
}
a:visited{
text-decoration:none;
color:#142376;
}
a:hover{
text-decoration:underline;
color:#142376;
}
a:active{
text-decoration:none;
color:#142376;
}

.submit {
	background:transparent url('../img/images/BT-valider-recherche.gif') no-repeat top left;
	width:87px;
	height:21px;
	color:#FFF;
	border:none;
	padding:0 0 2px 0;
}

h6 {
font-size:9px;
}

#header {
height:193px; 
padding:0 5px 0 3px;
display:table;
}
/* Zone Info Home */
body#home {
background:#d9dcde url(../img/fondHeaderB.gif) top no-repeat;
}
#home #header {
 height:147px;
}
#home #zoneInfo {
height:38px;
background:url(../img/zone-info.gif) no-repeat;
clear:both;
width:800px;
margin:12px 0 1px 0;
}

/* MENU HAUT */

#navHaut {
height:22px;
text-transform:uppercase;
margin:2px 0 0 0;
padding:0;
font-size:0.7em;
font-weight:bold;
background:url(../img/navHautFond.gif) repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
}

#navHaut li  {
display:block;
float:left;
list-style-type:none;
}
#navHaut li.first {
background:url(../img/navHautGauche.gif) no-repeat;
padding-left:2px;
}
#navHaut li.last {
background:url(../img/navHautDroite.gif) right no-repeat;
padding-right:2px;
}
#navHaut li.decoDroite {
}
#navHaut li a {
display:block;
float:left;
text-decoration:none;
color:#FFF;
background:#747983 url(../img/puceSepar.gif) no-repeat; /* left top */
padding:2px 5px 3px 20px;
margin-top:3px;
}
#navHaut li a:hover {
color:#747983;
background:#d9dcde url(../img/puceSeparOver.gif) no-repeat;;
}
#navHaut li.first a {
background:#747983 url(../img/puceSeparFirst.gif) no-repeat; /* left top */
}
#navHaut li.first a:hover{
background:#d9dcde url(../img/puceSeparFirstOver.gif) no-repeat; /* left top */
}
/* DRAPEAUX */
#langues {
float:right;
margin:6px 10px 0 0;
padding:0;
}
#langues li {
list-style-type:none;
display:inline;
}
#langues li a img {
border:0;
}
/* Menu collections */
#collections {
width:100%;
display:table;
clear:both;
margin:0;
padding:5px 0 0 0;
}
#collections li {
display:block;
float:left;
height:53px;
margin:0 20px 0 10px;
}
#collections li a {
display:block;
height:53px;
}
#collections li a span {
display:none;
}
#collections li#tous-produits {
background:url(../img/tous-nos-produits2.gif) no-repeat;
width:160px;
}
#collections li#tous-produitsEN {
background:url(../img/all_our_products.gif) no-repeat;
width:160px;
}
#collections li#tous-produitsES {
background:url(../img/todos_productos.gif) no-repeat;
width:182px;
margin:0 10px;
}
#collections li#tous-produitsRU {
background:url(../img/tous_produits_russe.jpg) no-repeat;
width:182px;
margin:0 10px;
}
#collections li#home-city {
background:url(../img/home-and-city2.gif) no-repeat;
width:244px;
}
#collections li#home-cityEN {
background:url(../img/HCproducts.gif) no-repeat;
width:244px;
}
#collections li#home-cityES {
background:url(../img/HCcoleccion.gif) no-repeat;
width:244px;
margin:0 10px;
}
#collections li#home-cityRU {
background:url(../img/home_city_russe.jpg) no-repeat;
width:244px;
margin:0 10px;
}
#collections li#outdoor {
background:url(../img/outdoor2.gif) no-repeat;
width:307px;
margin-right:0;
}
#collections li#outdoorEN {
background:url(../img/outdoor_products.gif) no-repeat;
width:307px;
margin-right:0;
}
#collections li#outdoorES {
background:url(../img/outdoor_coleccion.gif) no-repeat;
width:307px;
margin-right:0;
}
#collections li#outdoorRU {
background:url(../img/outdoor_russe.jpg) no-repeat;
width:307px;
margin-right:0;
}

/* Menu breadcrumb */
#breadcrumb {
color:#FFF;
font-family:"Trebuchet MS", Verdana, Georgia;
padding:0;
margin:16px 0 0 6px;
font-size:14px;
font-weight:bold;
clear:both;
width:100%;
}
#breadcrumb a {
color:#FFF;
text-decoration:none;
}
#breadcrumb a:hover, #breadcrumb a.active {
color:#747983;
}
/* Contenu */
#contenu {
padding:0 4px;
margin:0;
}
/* Zone info */
#zoneInfo {
height:38px;
background:url(../img/zone-info.gif) no-repeat;
clear:both;
width:800px;
margin:8px 0 1px 0;
}
#zoneInfo ul {
margin:3px 0 3px 50px;
padding:2px;
font-weight:bold;
}
#zoneInfo ul li {
display:inline;
list-style-type:none;
width:auto;
}
#zoneInfo ul li a {
color:#3c4670;
text-decoration:none;
text-transform:uppercase;
background:url(../img/puceZoneInfo.gif) 0 4px no-repeat;


padding-left:10px;
font-size:10px;
white-space:nowrap;
display:block;
float:left;
margin:3px 25px 0 0;
}
#zoneInfo ul li a:hover {
text-decoration:underline;
}
/* Teasers home */
#teasersHome {
background:#FFF url(../img/degradeTeasersHome.gif) top repeat-x;
clear:both;
margin:0 0 3px 0;
height:123px;
}
.teaserH2 {
float:left;
width:250px;
height:93px;

	margin:15px 3px 0 7px;
}

.teaserH {
float:left;
width:250px;
height:93px;
background:url(../img/cadreTeaserHome.gif) no-repeat;
margin:15px 0 0 12px;
}
.teaserH img {
float:left;
margin: 4px 10px 4px 4px;
}
.teaserH p {
font-size:0.8em;
margin:3px 0 0 0;
padding:0;
font-weight:bold;
}
.teaserH p.new {
color:#F00;
text-transform:uppercase;
}
.teaserH p.titreTeaserHome {
color:#3f4d82;
text-transform:uppercase;
}
.teaserH p.desc {
font-weight:normal;
}
.teaserH p a {
font-weight:normal;
text-transform:uppercase;
color:#90949b;
text-decoration:none;
background:url(../img/puceTeaserHome.gif) 0 2px no-repeat;
padding-left:15px;
font-size:0.8em;
}
.teaserH p a:hover {
color:#3f4d82;
}
.copyright {
text-align:center;
font-size:11px;
margin:5px 0;
font-weight:bold;
font-family:"Trebuchet MS", Verdana, Georgia;
}
.copyright a {
color:#333;
text-decoration:none;
}
.copyright a:hover {
color:#6f7b9d;
}

/*menu presse*/

#menupresse {
height:38px;
clear:both;
width:100%;

}
#menupresse ul {
font-weight:bold;
margin-left:8px;
}
#menupresse ul li {
list-style-type:none;
width:auto;
}
#menupresse ul li a {
color:#3c4670;
text-decoration:none;
text-transform:uppercase;
background:url(../img/puceZoneInfo.gif) 0 4px no-repeat;
padding-left:10px;
font-size:10px;
white-space:nowrap;

/*float:left;*/

}
#menupresse ul li a:hover {
text-decoration:underline;
}
#menupresse ul li a:active {
text-decoration:underline;
}


/*menu distinctions*/


#menudistinctions {
height:38px;
background-color:#B2BAD2;
clear:both;
width:100%;
margin:8px 0 1px 0;

vertical-align:bottom;
}
#menudistinctions ul {
margin:3px 0 3px 50px;
padding:2px;
font-weight:bold;
background-color:#B2BAD2;

}
#menudistinctions ul li {
display:inline;
list-style-type:none;
width:auto;


}
#menudistinctions ul li a {
color:#3c4670;
text-decoration:none;
text-transform:uppercase;
padding-left:10px;
font-size:10px;
white-space:nowrap;
display:block;
float:left;
margin:3px 25px 0 0;
text-align:center;

}

#menudistinctions ul li a img{
margin-bottom:2px;
}

#menudistinctions ul li a:hover {
text-decoration:underline;

}
#menudistinctions ul li a:active {
text-decoration:underline;
}


/* Pages internes */
body#interne {
background:#d9dcde url(../img/fondHeaderB2.gif) top no-repeat;
}
#interne #header {
height:197px;
}
#interne #zoneInfo {
height:38px;
background:url(../img/zone-info.gif) no-repeat;
clear:both;
width:800px;
margin:12px 0 1px 0;
}
#inner {
background:#FFF;
margin:0;
padding:1px 1px 0 1px;
display:table;
width:100%;
}
#inner p {
margin-top:0;
padding:5px;
}
/* Menu gauche */
#gauche {
float:left;
width:193px;
}
#menuGauche {
background:url(../img/fondMenuGauche.gif) no-repeat;
float:left;
width:193px;
margin:10px 5px 0 5px;
}
#menuGauche dd {
display:block;
background:url(../img/menuGaucheDL2.gif) center no-repeat;
height:34px;
margin:5px 0 10px 0;
text-align:center;
text-transform:uppercase;
font-weight:bold;
font-size:11px;
color:#FFF;
}
#menuGauche dd p {
margin:0 10px;
padding:3px 0 0 0;
}
#menuGauche dt {
display:block;
background:url(../img/midMenuGauche.gif) center repeat-y;
margin:5px 0;
padding:0;
}
#menuGauche dt p {
margin:0;
padding:0;
background:transparent url(../img/hautMenuGauche.gif) 5px 0 no-repeat;
}
#menuGauche dt a {
min-height:20px;
display:block;
padding:8px 10px 5px 35px;
text-decoration:none;
color:#6E7177;
text-transform:uppercase;
font-weight:bold;
font-size:11px;
background:url(../img/basMenuGauche.gif) bottom no-repeat;
}
#menuGauche dt a:hover, #menuGauche dt a.active {
color:#6171ac;
}

#page {
float:left;
width:592px;
padding:0;
font-size:12px;
}
/* Teasers interne */
#teasers {
width:570px;
margin:0 auto;
}
.teaserInterne {
height:93px;
background:
url(../img/fondTeaserInterne.gif) no-repeat;
margin:9px 0;
}
.teaserInterne p.desc a {
color:#333;
text-decoration:none;
}
.teaserInterne img, .teaserInterne a img {
float:left;
margin: 4px 15px 4px 5px;
border-right:1px solid #e1e2e2;
border-top:1px solid #e1e2e2;
}
.teaserInterne p {
margin:0 2px 1px 2px;
}
.teaserInterne p.titreTeaser {
color:#3f4d82;
text-transform:uppercase;
font-weight:bold;
font-size:1.2em;
}
.teaserInterne p.titreTeaser a {
color:#3f4d82;
text-decoration:none;
}
.teaserInterne a img.btTeaser {
float:right;
margin:-1px 0 0 5px;
}

#page h2 {
font-size:1.6em;
margin:12px 5px 6px 5px;
color:#3f4d82;
}

/* Produit */
#zoneimage {
float:left;
width:374px;
/*height:422px;*/
background:#ffffff;
}
.labels	{
/*float:left;*/
height:41px;
margin-top:6px;
margin-left:66px;
}
.labels img {
vertical-align:middle;
margin-right:5px;
}
.labels span {
display:block;
position:absolute;
top:135px;
left:8px;
width:140px;
background:#FFF;
border:1px solid #d9dcde;
padding:5px;
color:#333;
font-size:11px;
}
.zoom {
clear:both;
float:left;
width:28px;
height:28px;
border:1px solid #cccccc;
margin-left:14px;
margin-bottom:2px;

}
.zoom a img {
border:0;
}
.zoom span {
display:block;
position:absolute;
top:175px;
left:3px;
width:100px;
background:#FFF;
border:1px solid #d9dcde;
padding:5px;
color:#333;
font-size:11px;
}
#images	{
clear:both;
width:374px;
height:330px;
margin:5px 0 0 0;
/*border:1px dashed #666;*/
}
.carte{
width:291px;
height:278px;
margin-left:66px;
margin-top:-330px;
}
.imgcarte {
border: 1px solid #cccccc;
}
#ligne1cartes {
clear:both;
float:left;
width:295px;
height:34px;
margin-top:16px;
margin-left:-39px;
}
#ligne1cartes li, #ligne2cartes li {
float:left;
display:inline;
width:34px;
height:34px;
border:1px solid #cccccc;
margin-right:6px;
}
#ligne1cartes img, #ligne2cartes img {
margin:2px;
}
#ligne2cartes {
clear:both;
float:left;
width:295px;
height:34px;
margin-top:-9px;
margin-left:-39px;
}

#zonetexte {
float:left;
width:420px;
}
ul#cadreboite {
width:416px;
height:21px;
margin:6px 0 0 0;
padding:0;
background:url(../img/cadrePrintSend.gif) no-repeat;
font-size:11px;
text-transform:uppercase;
}
ul#cadreboite li {
display:inline;
list-style-type:none;
}
ul#cadreboite li a {
display:block;
background:url(../img/pucePrintSend.gif) 0 6px no-repeat;
float:left;
text-decoration:none;
color:#b3bbd2;
padding:4px 5px 0 12px;
margin-left:8px;
}
ul#cadreboite li a:hover {
color:#8d93a6;
}
.surtitre {
font-size:11px;
color:#000000;
font-weight:bold;
text-transform:uppercase;
margin-top:11px;
}
.titre {
clear:left;
float:left;
/*width:426px;*/
width:285px;
font-size:14px;
color:#000000;
font-weight:bold;
text-transform:uppercase;
text-align:left;
margin-bottom:5px;
background: url(../img/fond_titre.png) no-repeat;
}
.exp {
font-size:10px;
color:#000000;
font-weight:bold;
text-transform:uppercase;
vertical-align:top;
}
.descriptif {
width:418px;
font-size:11px;
color:#333333;
clear:both;
}

.descriptif p a:link {
	text-decoration:none;
	color:#3C4670;
	font-style: italic;
}

.descriptif p a:visited{
text-decoration:none;
color:#3C4670;
font-style: italic;
}
.descriptif p a:hover{
text-decoration:underline;
color:#3C4670;
	font-style: italic;
}
.descriptif p a:active{
text-decoration:none;
color:#3C4670;
	font-style: italic;
}






#logos {

font-size:23px;
text-align:right;
float:right; 
}
#logos li {
display:inline;
margin-right:10px;
}
/* onglets */
#zoneonglets {
display:table;
clear:both;
width:800px;
margin-left:auto;
margin-right:auto;
background:#ffffff;
}
#onglets {
width:777px;
height:23px;
margin:-18px 0 10px 8px;
font-size:11px;
padding:0;
clear:both;
float:left;
}
#onglets li {
float:left;
display:block;
background:url(../img/ongletMid.gif) repeat-x;
height:23px;
margin:0 4px;
padding:0;
}
#onglets li.last {
margin-left:85px;
}
#onglets .swichBg {
background:url(../img/ongletMidover.gif) repeat-x;
}
#onglets li a {
text-decoration:none;
color:#a1a1a1;
text-transform:uppercase;
background:url(../img/ongletD.gif) 100% 0 no-repeat;
display:block;
float:left;
padding-right:7px;
height:23px;
font-weight:bold;
}
#onglets li a div {
background:url(../img/ongletG.gif) 0 0 no-repeat;
padding: 4px 0 0 30px;
height:23px;
float:left;
}
#onglets li a:hover {
color:#6171ac;
background:url(../img/ongletDover.gif) 100% 0 no-repeat;
}
#onglets li a.active {
color:#6171ac;
background:url(../img/ongletDactive.gif) 100% 0 no-repeat;
}
#onglets li a:hover div {
background:url(../img/ongletGover.gif) 0 0 no-repeat;
}
#onglets li a.active div {
background:url(../img/ongletGactive.gif) 0 0 no-repeat;
}

.zone {
width:777px;
margin:20px auto 0 auto;
padding:0;
background:url(../img/fondContenuZone.gif) repeat-y;
}
.zone .bordH {
background:url(../img/zoneH.gif) no-repeat;
height:6px;
margin:0;
padding:0;
}
.bordB {
background:url(../img/zoneB.gif) no-repeat;
height:6px;
width:777px;
margin:0 auto 20px auto;
padding:0;
}
.zone .contenuZone {
padding:10px;
margin:0;
}
.infosTop {
min-height:50px;
clear:both;
}
.contenuZone h2 {
font-size:15px;
color:#6f7b9d;
font-weight:bold;
display:inline;
}
.contenuZone .label_group {
font-size:0.9em;
padding:5px 5px 5px 30px;
display:inline;
}
.contenuZone .label_group img {
vertical-align:middle;
margin:3px;
}
.zoneImages, .zoneCouleurs {
padding:0;
margin:0  0 0 19px;
display:table;
}
.zoneImages li, .zoneCouleurs li {
list-style-type:none;
width:170px;
display:block;
float:left;
margin:0 5px;
text-align:center;
font-size:12px;
color:#333333;
font-weight:bold;
}
.zoneImages li img {
border:1px solid #e9e9e9;
margin-bottom:3px;
}
.zoneCouleurs li div.zoneColor {
width:100px;
height:100px;
margin:5px auto;
}

/* mode tableau pour les produits associ�s */
.tabImages {
margin:0  0 0 19px;
border:0;
border-spacing:0;
border-collapse: collapse;
}
.tabImages tr td {
width:174px;
margin:0 5px;
text-align:center;
font-size:12px;
color:#333333;
font-weight:bold;
vertical-align:top;
}
.tabImages td img {
border:1px solid #e9e9e9;
margin-bottom:3px;
}

/* Fiche technique */
.clear {
clear:both;
width:100%;
}
.ficheDetail {
width:50%;
float:left;
font-size:11px;
color:#333;
margin-top:15px;
}
.ficheDetail h2 {
margin:0;
}
.ficheDetail table {
width:95%;
margin-bottom:10px;
border-spacing:0;
border-collapse: collapse;
}
.ficheDetail table tr.even th, .ficheDetail table tr.even td {
background:#f4f5f8;
padding:2px;
}
.ficheDetail table th {
text-align:left;
}

/* Haut de page */
.top {
width:777px;
margin:0 auto;
}
.top a {
display:block;
float:right;
text-decoration:none;
text-transform:uppercase;
color:#a1a1a1;
font-size:10px;
background:url(../img/top.gif) 0 2px no-repeat;
padding:1px 0 0 15px;
margin:0 0 5px 0;
}
.top a:hover {
color:#6171ac;
}

/* Carte de France */
h1 {
font-size:1.6em;
margin-top:10px;
}
#depList {
width:220px;
}
#carteTB {
border:0;
border-spacing:0;
border-collapse: collapse;
margin:0;
}
#carteTB td {
vertical-align:top;
padding:0;
}
#formPays {
background:url(../img/fondMenuGauche.gif) 5px 10px no-repeat;
width:200px;
}
#formPays #menuGauche {
background:none;
}
#carteTB form {
width:193px;
margin:0 5px;
padding:0;
}
#carteTB form select {
width:190px;
margin:0 0 0 2px;
padding:0;
}
#CarteFrance {
width:370px;
margin-bottom:10px;
}
#depList h2 {
text-transform:uppercase;
color:#838eae;
background:url(../img/puceDept.gif) 0 3px no-repeat;
font-size:1em;
padding-left:12px;
display:inline;
}
#depList .adresse {
text-transform:uppercase;
color:#838eae;
margin:0  0 10px 10px;
font-size:12px;
}

/* Formulaire de contact */
.labelText {
width:100%;
clear:both;
}
.formLigne {
clear:both;
}
.formLabel {
float:left;
width:30%;
text-align:right;
padding:3px;
margin:0;
}
.formInput {
float:left;
width:65%;
padding:3px;
margin:0;
}
.formInput input, .formInput textarea {
background:#cdd4f0;
color:#525460;
}
.csc-mailform-submit {
text-transform:uppercase;
font-weight:bold;
background:#444;
border:1px solid #7b7a7a;
margin:5px 0;
}
.formInput .csc-mailform-check {
background:#FFF;
}



#colgaucheinterne {
background:url(../img/fondMenuGauche.gif) 5px 10px no-repeat;
width:200px;
}

#colgaucheinterne #menuGauche {
background:none;
}


