/* general */

body { 
color: #888988; 
font-size: 11px; 
font-family:  Arial, Helvetica, sans-serif; 
margin: 0; 
padding: 0; 
width: 100%;
height: 100%;
background-color: #fff;
}

#global {
width: 100%;
background-image:  url(../../medias/de/commun/fond.gif); 
background-repeat: repeat-x;
background-color: #f5f4f0;

}

#global-main-home {
margin-left: -480px;
left: 50%;
width: 960px;
position:relative;
padding-top: 395px;
}

#global-main {
margin-left: -480px;
left: 50%;
width: 960px;
position:relative;
padding-top: 115px;
}

#contenu {
position: relative;
margin-left: -480px;
left: 50%;
width: 960px;
padding-bottom: 15px;
}

#footer {
width: 100%;
height: 40px;
background-image:  url(../../medias/de/commun/footer.gif); 
background-repeat: repeat-x;
padding-top: 12px;
font-size:10px;
}

#footer_contenu {
position: absolute;
width: 960px;
margin-left: -480px;
left: 50%;
color: #bebebe;
}

#footer_contenu_gauche {
width: 400px;
float: left;
}

#footer_contenu_droite {
width: 560px;
float: left;
text-align: right;
padding-top: 5px;
}

#bandeau {
position: absolute;
margin-left: -480px;
left: 50%;
width: 960px;
height: 115px;
top: 0px;
z-index: 1000;
}

#menu-secondaire {
width: 580px;
float: left;
font-size: 10px;
padding-top: 10px;
}

#langues {
width: 380px;
float: left;
font-size: 10px;
text-align: right;
padding-top: 10px;
}

#logo {
width: 448px;
float: left;
padding-top: 47px;
}

#menu-principal {
width: 512px;
float: left;
text-align: right;
padding-top: 55px;
z-index: 1000;
}

#flashContent {
position: absolute;
margin-left: -480px;
left: 50%;
width: 960px;
height: 240px;
top: 65px;
z-index: 0;
}

#fil-ariane {
padding: 10px 0px 15px 0px;
}

/*menu accueil*/
 
a.menu-bracelets {
	display: block;
	float:left;
	background-image:url(../../medias/de/commun/menu-bracelets.gif);
	background-repeat: no-repeat;
	width: 140px;
	height: 14px;
	padding: 0 0 0 0;
	margin-left: 0px;
}

a.menu-bracelets:hover, a.menu-bracelets:active {
	display: block;
	float:left;
	background-image:url(../../medias/de/commun/menu-bracelets.gif);
	background-repeat: no-repeat;
	width: 140px;
	height: 14px;
	padding: 0 0 0 0;
	background-position:0 -14px;
	text-decoration:none;
	margin-left: 0px;
}

a.menu-horloger {
	display: block;
	float:left;
	background-image:url(../../medias/de/commun/menu-horloger.gif);
	background-repeat: no-repeat;
	width: 132px;
	height: 14px;
	padding: 0 0 0 0;
	margin-left: 0px;
}

a.menu-horloger:hover, a.menu-horloger:active {
	display: block;
	float:left;
	background-image:url(../../medias/de/commun/menu-horloger.gif);
	background-repeat: no-repeat;
	width: 132px;
	height: 14px;
	padding: 0 0 0 0;
	background-position:0 -14px !important;
	background-position:0 -14px;
	text-decoration:none;
	margin-left: 0px;
}

a.menu-savoir-faire {
	display: block;
	float:left;
	background-image:url(../../medias/de/commun/menu-savoir-faire.gif);
	background-repeat: no-repeat;
	width: 120px;
	height: 14px;
	padding: 0 0 0 0;
	margin-left: 0px;
}

a.menu-savoir-faire:hover, a.menu-savoir-faire:active {
	float:left;
	background-image:url(../../medias/de/commun/menu-savoir-faire.gif);
	background-repeat: no-repeat;
	width: 120px;
	height: 14px;
	padding: 0 0 0 0;
	background-position:0 -14px;
	text-decoration:none;
	margin-left: 0px;
}

a.menu-contact {
	float:left;
	background-image:url(../../medias/de/commun/menu-contact.gif);
	background-repeat: no-repeat;
	width: 120px;
	height: 14px;
	padding: 0 0 0 0;
	margin-left: 0px;
}

a.menu-contact:hover, a.menu-contact:active {
	float:left;
	background-image:url(../../medias/de/commun/menu-contact.gif);
	background-repeat: no-repeat;
	width: 120px;
	height: 14px;
	padding: 0 0 0 0;
	background-position:0 -14px;
	text-decoration:none;
	margin-left: 0px;
}

/*accueil*/

#edito { 
float: left;
width: 344px;
padding-right: 40px;
}

#push-savoir-faire { 
float: left;
width: 275px;
padding-right: 30px;
}

#push-experts { 
float: left;
width: 270px;
padding-right: 0px;
}

.titre-home { 
padding-bottom: 5px;
}

.home-push-vignette { 
width: 110px;
float: left;
}

.home-push-texte { 
float: left;
width: 160px;
}

/*produit*/

#produit { 
float: left;
width: 455px;
padding-right: 50px;
}

#produit-info { 
float: left;
width: 455px;
}

#produit-texte { 
padding: 0px 30px 0px 30px;
}

.produit-texte-gauche { 
width: 300px;
float: left;
padding-right: 15px;
}

.produit-texte-droite { 
width: 80px;
float: left;
}

#produit-carousel { 
border-top: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
padding: 10px 0px 0px 0px;
margin: 5px 0px 10px 0px;
}

#produit-texte-envoyer { 
padding: 0px 30px 0px 30px;
text-align: right;
}

.produit-fleche { 
width: 30px;
float: left;
}

#produit-carousel-vignettes-holder { 
width: 395px;
float: left;
}

.produit-carousel-vignettes { 
width: 100px;
float: left;
padding: 0px 15px 0px 15px;
}

#titre { 
padding-bottom: 5px;
border-bottom: #cccccc 1px solid;
margin-bottom: 20px;
}

.produit-index-vignette { 
width: 100px;
float: left;
text-align: center;
}

.produit-index-vignette-spacer { 
width: 43px;
float: left;
}

.produit-fabrication-vignette { 
width: 145px;
float: left;
text-align: center;
}

.produit-fabrication-vignette-spacer { 
width: 58px;
float: left;
}

/*commun*/

.spacer { 
clear: both;
}

ul {
padding: 0px 0px 0px 0px;
margin: 0em 0em 0em 1.5em;
}

li {
list-style-image: url(../../medias/de/commun/bullet.gif); 
}

.intro-gauche { 
float: left;
width: 735px;
padding-right: 60px;
}

.intro-bouton-droite { 
float: left;
width: 165px;
}

 /* texte */
 
h1{
	padding: 0px 0px 0px 0px;
	margin: 0;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: normal;
}

h2{
	padding: 0px 0px 0px 0px;
	margin: 0;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: normal;
}

h1.underline{
	padding: 0px 0px 0px 0px;
	margin: 0;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: normal;
	border-bottom: #cccccc 1px solid;
}

.menu-texte{
	font-size: 14px;
}

.calques {
border-bottom: #ffffff 1px solid;
z-index: 1000;
}

.menuContainer {
z-index: 1000;
}

/* formulaire */
 
label{
width: 100px;
float: left;
padding-top: 3px;
padding-right: 0px;
}

.label-message-small{
width: 200px;
padding-top: 3px;
padding-bottom: 15px;
}

input{
padding: 0px;
margin: 0px;
float: left;
}

.textfield{
background-color: #ffffff;
border: #cccccc 1px solid;
width: 150px;
font-size: 11px;
color: #9d9d9d;
margin-bottom: 2px;
padding: 2px;
}

.textarea{
background-color: #ffffff;
border: #cccccc 1px solid;
width: 420px;
height: 70px;
font-size: 11px;
}

.textarea-small{
background-color: #ffffff;
border: #cccccc 1px solid;
width: 257px;
height: 57px;
font-size: 11px;
}

.dropdown{
background-color: #ffffff;
border: #cccccc 1px solid;
width: 156px;
font-size: 11px;
color: #9d9d9d;
margin-bottom: 2px;
padding: 2px;
}

.envoyer{
}

.col-legals{
width: 900px;
float: left;
font-size: 10px;
}

.col-envoyer{
width: 60px;
text-align: right;
float: right;
}

.inscription{
float: left;
}

.inscription-btn{
margin: 0px 0px 0px 2px;
padding-top: 0px;
float: left;
}

.colonne-entier{
width: 960px;
}

.col-entier-underline{
width: 960px;
border-bottom: #cccccc 1px solid;
margin-bottom: 10px;
clear: both;
}

.gen-underline{
border-top: #cccccc 1px solid;
margin: 10px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}

.form-col1{
width: 260px;
margin-right: 90px;
float: left;
}

.form-col2{
width: 260px;
float: left;
}

.form-col3{
width: 340px;
margin-right: 90px;
float: left;
}

.form-col4{
width: 530px;
float: left;
}

.alerte{
color: #ff0000;
}

 /* liens */
 
a:link { color: #888988; text-decoration: underline; font-size: 11px;}
a:visited { color: #888988; text-decoration: underline; font-size: 11px; }
a:hover { color: #888988; text-decoration: none; font-size: 11px; }
a:active { color: #888988; text-decoration: underline; font-size: 11px; }

a.lien_nounderline:link { color: #888988; text-decoration: none; font-size: 11px;}
a.lien_nounderline:visited { color: #888988; text-decoration: none; font-size: 11px; }
a.lien_nounderline:hover { color: #888988; text-decoration: none; font-size: 11px; }
a.lien_nounderline:active { color: #888988; text-decoration: none; font-size: 11px; }

a.lien_calques:link { color: #bdbdbd; text-decoration: none; font-size: 11px; background-color: #ffffff; display: block; padding: 3px 3px 3px 8px; border-top: #c9c9c9 1px solid; }
a.lien_calques:visited { color: #bdbdbd; text-decoration: none; font-size: 11px; background-color: #ffffff; display: block; padding: 3px 3px 3px 8px; border-top: #c9c9c9 1px solid; }
a.lien_calques:hover { color: #747474; text-decoration: none; font-size: 11px; background-color: #ffffff; display: block; padding: 3px 3px 3px 8px; border-top: #c9c9c9 1px solid; }
a.lien_calques:active { color: #bdbdbd; text-decoration: none; font-size: 11px; background-color: #ffffff; display: block; padding: 3px 3px 3px 8px; border-top: #c9c9c9 1px solid; }

a.lien-menu-secondaire:link { color: #bdbdbd; text-decoration: none; font-size: 10px;}
a.lien-menu-secondaire:visited { color: #bdbdbd; text-decoration: none; font-size: 10px;}
a.lien-menu-secondaire:hover, a.lien-menu-secondaire.current { color: #747474; text-decoration: none; font-size: 10px;}
a.lien-menu-secondaire:active { color: #bdbdbd; text-decoration: none; font-size: 10px;}

a.lien-footer:link { color: #bebebe; text-decoration: underline; font-size: 10px;}
a.lien-footer:visited { color: #bebebe; text-decoration: underline; font-size: 10px;}
a.lien-footer:hover { color: #bebebe; text-decoration: none; font-size: 10px;}
a.lien-footer:active { color: #bebebe; text-decoration: underline; font-size: 10px;}

a.lien-fil-ariane:link { color: #c9c9c9; text-decoration: none; font-size: 11px;}
a.lien-fil-ariane:visited { color: #c9c9c9; text-decoration: none; font-size: 11px;}
a.lien-fil-ariane:hover, a.lien-fil-ariane.current { color: #888988; text-decoration: none; font-size: 11px;}
a.lien-fil-ariane:active { color: #c9c9c9; text-decoration: none; font-size: 11px;}

a.lien-menu-texte:link { color: #c9c9c9; text-decoration: none; font-size: 14px;}
a.lien-menu-texte:visited { color: #c9c9c9; text-decoration: none; font-size: 14px;}
a.lien-menu-texte:hover, a.lien-menu-texte.current { color: #888988; text-decoration: none; font-size: 14px;}
a.lien-menu-texte:active { color: #c9c9c9; text-decoration: none; font-size: 14px;}

a.lien-plan-titre:link { color: #888988; text-decoration: none; font-size: 14px; text-transform: uppercase; }
a.lien-plan-titre:visited { color: #888988; text-decoration: none; font-size: 14px; text-transform: uppercase; }
a.lien-plan-titre:hover { color: #888988; text-decoration: underline; font-size: 14px; text-transform: uppercase; }
a.lien-plan-titre:active { color: #888988; text-decoration: none; font-size: 14px; text-transform: uppercase; }

a.lien-plan1:link { color: #888988; text-decoration: none; font-size: 11px; }
a.lien-plan1:visited { color: #888988; text-decoration: none; font-size: 11px; }
a.lien-plan1:hover { color: #888988; text-decoration: underline; font-size: 11px; }
a.lien-plan1:active { color: #888988; text-decoration: none; font-size: 11px; }

a.lien-plan2:link { color: #888988; text-decoration: none; font-size: 11px; padding-left: 20px;}
a.lien-plan2:visited { color: #888988; text-decoration: none; font-size: 11px; padding-left: 20px; }
a.lien-plan2:hover { color: #888988; text-decoration: underline; font-size: 11px; padding-left: 20px; }
a.lien-plan2:active { color: #888988; text-decoration: none; font-size: 11px; padding-left: 20px; }
