/********************************************** TABLE DES MATIERES ***********************************************************

1. STRUCTURE GENERALE
2. MENU DROIT
3. INDEX
4. BRACELETS
5. INFOS
6. DELAIS
7. DEMANDE DE PRIX
8. IDEES
9. CONTACT
10. FAQ
11. STOCK
12. MENU LANGUE
13. PIED DE PAGE
14. PANTONE

********************************************************************************************************************************/

/*---------------------------------- 1. DEBUT : STRUCTURE GENERALE ------------------------------------------------------*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background-color:#000;
	color:#fff;
	
}

img {
	border:0;
}

#header {
	margin: 0;
	padding: 0;
	height: 69px;
}

#conteneur {
	height:650px;
	left:50%;
	margin:0 0 0 -500px;
	position:absolute;
	width:1000px;
	background:url('../media/index/fond_accueil.jpg') no-repeat;
}

p{
	margin: 0 0 10px 0;
	font-weight:normal;
}

h1 {
padding-left:50px;
color:#000;
}

h2 {
font-size:12px;
color:#000;
text-decoration:underline;
}

h3.authentif {
color:white;
font-size:12px;
font-weight:bold;
position:relative;
left:27px;
top:57px;
}

p.picto-contenu {
padding-left:10px;
font-weight:bold;
}
/*------------------------------------- FIN : STRUCTURE GENERALE ---------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------  2.  DEBUT : MENU DROIT ------------------------------------------------------------*/
.menudroit {
	list-style-type: none;
	margin:0;
	text-align:right;
	font-size:10pt;
	font-weight:bold;
	padding:0;
	width:197px;
}

.menudroit a.sous-menu-accueil:hover {
	color:#E32118;
	text-decoration: none;
	background-image:url('../media/general/picto/picto_accueil_hover.jpg');
	background-repeat:no-repeat;
	background-position:center right;
}

.menudroit a.sous-menu-bracelets:hover {
	color:#FF9900;
	text-decoration: none;
	background-image:url('../media/general/picto/picto_bracelets_hover.jpg');
	background-repeat:no-repeat;
	background-position:center right;
}

.menudroit a.sous-menu-infos:hover {
	color:#339933;
	text-decoration: none;
	background-image:url('../media/general/picto/picto_infos_hover.jpg');
	background-repeat:no-repeat;
	background-position:center right;
}

.menudroit a.sous-menu-delais:hover {
	color:#663399;
	text-decoration: none;
	background-image:url('../media/general/picto/picto_delais_hover.jpg');
	background-repeat:no-repeat;
	background-position:center right;
}

.menudroit a.sous-menu-prix:hover {
	color:#006699;
	text-decoration: none;
	background-image:url('../media/general/picto/picto_prix_hover.jpg');
	background-repeat:no-repeat;
	background-position:center right;
}

.menudroit a.sous-menu-idees:hover {
	color:#FFFF33;
	text-decoration: none;
	background-image:url('../media/general/picto/picto_idees_hover.jpg');
	background-repeat:no-repeat;
	background-position:center right;
}

.menudroit a.sous-menu-contact:hover {
	color:#FF6699;
	text-decoration: none;
	background-image:url('../media/general/picto/picto_contact_hover.jpg');
	background-repeat:no-repeat;
	background-position:center right;
}

.menudroit a.sous-menu-faq:hover {
	color:#3399CC;
	text-decoration: none;
	background-image:url('../media/general/picto/picto_faq_hover.jpg');
	background-repeat:no-repeat;
	background-position:center right;
}

.menudroit a.sous-menu-stock:hover {
	color:#E32118;
	text-decoration: none;
	background-image:url('../general/picto/picto_stock_hover.jpg');
	background-repeat:no-repeat;
	background-position:center right;
}

.menudroit li {
	padding:20px 0 0 0;
	width:100%-30px;
	height:30px;
}

.sous-menu-accueil {
	color: #fff;
	text-decoration: underline;
	background-image:url('../media/general/picto/picto_accueil.jpg');
	background-repeat:no-repeat;
	background-position:center right;
	padding:10px 30px 0 0;
	height:60px;
}

.sous-menu-bracelets {
	color: #fff;
	text-decoration: underline;
	background-image:url('../media/general/picto/picto_bracelets.jpg');
	background-repeat:no-repeat;
	background-position:center right;
	padding:10px 30px 0 0;
	height:60px;
}

.sous-menu-infos {
	color: #fff;
	text-decoration: underline;
	background-image:url('../media/general/picto/picto_infos.jpg');
	background-repeat:no-repeat;
	background-position:center right;
	padding:10px 30px 0 0;
	height:60px;
}

.sous-menu-delais {
	color: #fff;
	text-decoration: underline;
	background-image:url('../media/general/picto/picto_delais.jpg');
	background-repeat:no-repeat;
	background-position:center right;
	padding:10px 30px 0 0;
	height:60px;
}

.sous-menu-prix {
	color: #fff;
	text-decoration: underline;
	background-image:url('../media/general/picto/picto_prix.jpg');
	background-repeat:no-repeat;
	background-position:center right;
	padding:10px 30px 0 0;
	height:60px;
}

.sous-menu-idees {
	color: #fff;
	text-decoration: underline;
	background-image:url('../media/general/picto/picto_idees.jpg');
	background-repeat:no-repeat;
	background-position:center right;
	padding:10px 30px 0 0;
	height:60px;
}

.sous-menu-contact {
	color: #fff;
	text-decoration: underline;
	background-image:url('../media/general/picto/picto_contact.jpg');
	background-repeat:no-repeat;
	background-position:center right;
	padding:10px 30px 0 0;
	height:60px;
}

.sous-menu-faq {
	color: #fff;
	text-decoration: underline;
	background-image:url('../media/general/picto/picto_faq.jpg');
	background-repeat:no-repeat;
	background-position:center right;
	padding:10px 30px 0 0;
	height:60px;
}

.sous-menu-stock {
	color: #fff;
	text-decoration: underline;
	background-image:url('../media/general/picto/picto_stock.jpg');
	background-repeat:no-repeat;
	background-position:center right;
	padding:10px 30px 0 0;
	height:60px;
}

.menudroit a:link {
	color:#fff;
	text-decoration: none;
}

.menudroit a:visited {
	color:#fff;
	text-decoration: none;
}

.menudroit a:active {
	color:#fff;
	text-decoration: none;
}

.picto {
padding: 0 0 0 3px;
}

/*-----------------------------------------------FIN : MENU DROIT --------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------  3. DEBUT : index -----------------------------------------------------------*/
#centre-index {
	font-size:10pt;
	font-weight:bold;
	padding: 3px 0 0 1px;
	height:567px;
}
#droite-index {
	position: absolute;
	right:0;
	width:197px;
	height:570px;
	padding:25px 25px 0 0;
}

#images-ligne1 {
padding:0px 0 0 150px;
}
.ligne2 {
margin: 0 0 0 237px;
}

#images-ligne3 {
padding:0 0 0 150px;
}
/*----------------------------------------------------- FIN : index ------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------- 4. DEBUT : bracelets ---------------------------------------------------------*/
#centre-bracelets {
	font-size:10pt;
	font-weight:bold;
	background-image:url('../media/bracelets/centre.jpg');
	background-repeat:no-repeat;
	padding: 3px 0 0 0;
	height:567px;
}

#droite-bracelets {
	background-image:url('../media/bracelets/menu_droit.jpg');
	background-position:top right;
	background-repeat:no-repeat;
	position: absolute;
	right:0;
	width:197px;
	height:570px;
	padding:25px 25px 0 0;
}

#table-bracelets td {
padding-left:25px;
}

#table-bracelets {
border:1px;
border-spacing:0px;
border-collapse:collapse;
width:650px;
}
/*----------------------------------------------- FIN : bracelets -----------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------- 5. DEBUT : infos ------------------------------------------------------------*/

#centre-infos {
	font-size:10pt;
	font-weight:bold;
	background-image:url('../media/infos/centre.jpg');
	padding: 3px 0 0 0;
	height:567px;
}
#droite-infos {
	background-image:url('../media/infos/menu_droit.jpg');
	background-position:top right;
	background-repeat:no-repeat;
	position: absolute;
	right:0;
	width:197px;
	height:570px;
	padding:25px 25px 0 0;
}

#sous-menu-infos {
padding: 25px 0 0 10px;
}

#sous-menu-infos a{
color:#fff;
font-weight:normal;
}

#sous-menu-infos a:hover {
text-decoration:underline;
}

#contenu-infos {
padding:15px 0 0 20px;
color:#000;
font-weight:normal;
}

.actif {
text-decoration:underline;
}

.inactif {
text-decoration:none;
}

img.picto-page-active {
padding-left:5px;
}

img.infos {
padding:20px 0 0 20px;
}

a.pantone {
color:#000;
text-decoration:underline;
}

#images-pantone {
padding:0 0 0 130px;
}

.exemple-typo {
position:relative;
left:125px;
top:20px;
}
/*----------------------------------------------- FIN : infos ----------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------- 6. DEBUT : DELAIS  -------------------------------------------------------------*/
#centre-delais {
	font-size:10pt;
	font-weight:bold;
	background-image:url('../media/delais/centre.jpg');
	background-repeat:no-repeat;
	padding: 3px 0 0 1px;
	height:567px;
}

#droite-delais {
	background-image:url('../media/delais/menu_droit.jpg');
	background-position:top right;
	background-repeat:no-repeat;
	position: absolute;
	right:0;
	width:200px;
	height:570px;
	padding:25px 25px 0 0;
}

#contenu-authentif {
color:#000;
font-weight:normal;
position:relative;
left:37px;
top:90px;
width:650px;
}

fieldset.int-form {
padding:0 250px 0 0;
border:1px solid #E3001B;
}

legend {
color:#000;
font-weight:bold;
}

#contenu-form {
padding:5px 0 5px 0;
}
/*----------------------------------------------- FIN : DELAIS ------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------- 7. DEBUT : DEMANDE DE PRIX --------------------------------------------------------*/
#centre-prix {
	font-size:10pt;
	font-weight:bold;
	background-image:url('../media/prix/centre.jpg');
	padding: 3px 0 0 1px;
	height:567px;
}
#droite-prix {
	background-image:url('../media/prix/menu_droit.jpg');
	background-position:top right;
	background-repeat:no-repeat;
	position: absolute;
	right:0;
	width:197px;
	height:570px;
	padding:25px 25px 0 0;
}

#contenu-prix {
color:#000;
font-weight:normal;
padding:0 0 0 50px;
}

fieldset.int-form-prix {
border:1px solid #FFB33B;
width:500px;
}

.infosimportantes{
color:#E3001B;
font-weight:bold;
}

.contact-prix {
color:#FFB33B;
font-weight:normal;
list-style-type:none;
position:relative;
top:-20px;
left:200px;
text-align:left;
}

ul li a {
color:#FFB33B;
}

/*-------------------------------------- FIN : DEMANDE DE PRIX -----------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------- 8. DEBUT : IDEES ---------------------------------------------------------------------*/
#centre-idees {
	font-size:10pt;
	font-weight:bold;
	background-image:url('../media/idees/centre.jpg');
	padding: 3px 0 0 1px;
	height:567px;
}
#droite-idees {
	background-image:url('../media/idees/menu_droit.jpg');
	background-position:top right;
	background-repeat:no-repeat;
	position: absolute;
	right:0;
	width:197px;
	height:570px;
	padding:25px 25px 0 0;
}

span.image-idees {
position:relative;
left:80px;
top:100px;
}
/*------------------------------------------- FIN : IDEES ---------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------- 9. DEBUT : CONTACT --------------------------------------------------------------*/
#centre-contact {
	font-size:10pt;
	font-weight:bold;
	background-image:url('../media/contact/centre.jpg');
	padding: 3px 0 0 1px;
	height:567px;
}
#droite-contact {
	background-image:url('../media/contact/menu_droit.jpg');
	background-position:top right;
	background-repeat:no-repeat;
	position: absolute;
	right:0;
	width:197px;
	height:570px;
	padding:25px 25px 0 0;
}
/*------------------------------------------- FIN : CONTACT ---------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------- 10. DEBUT : FAQ -----------------------------------------------------------------------*/
#centre-faq {
	font-size:10pt;
	font-weight:bold;
	background-image:url('../media/faq/centre.jpg');
	padding: 3px 0 0 1px;
	height:567px;
}
#droite-faq {
	background-image:url('../media/faq/menu_droit.jpg');
	background-position:top right;
	background-repeat:no-repeat;
	position: absolute;
	right:0;
	width:197px;
	height:570px;
	padding:25px 25px 0 0;
}
/*------------------------------------------- FIN : FAQ ---------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------- 11. DEBUT : STOCK --------------------------------------------------------------*/
#centre-stock {
	font-size:10pt;
	font-weight:bold;
	background-image:url('../media/stock/centre.jpg');
	padding: 3px 0 0 1px;
	height:567px;
}
#droite-stock {
	background-image:url('../media/stock/menu_droit.jpg');
	background-position:top right;
	background-repeat:no-repeat;
	position: absolute;
	right:0;
	width:197px;
	height:570px;
	padding:25px 25px 0 0;
}
/*------------------------------------------- FIN : STOCK ---------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------- 12. DEBUT - MENU LANGUE ---------------------------------------------------------------*/
.langue {
	text-align:right;
	padding-top:20px;
	margin-top:0px;
	margin-right:25px;
	list-style-type:none;
}

.langue a {
color:#fff;
text-decoration:none;
}

.langue a:hover{
text-decoration:underline;
}
/*-----------------------------------FIN - MENU LANGUE------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------- 13. DEBUT : PIED DE PAGE ---------------------------------------------------------------*/
#pied {
	padding-top:13px;
	height: 70px;
	background-color: #000;
	font-size:9px;
	text-align:center;
}

.lienspied {
color:#fff;
text-decoration:underline;
}

.liens {
color:#fff;
text-decoration:underline;
}

/*---------------------------------- FIN : PIED DE PAGE ------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------ 14. DEBUT : PANTONE --------------------------------------------------------*/
a.retour {
color:#fff;
font-size: 16 pt;
font-weight:bold;
text-decoration:none;
padding:0 0 0 25px;
}

a.retour:hover {
text-decoration:underline;
}
/*---------------------------------------------FIN : PANTONE ----------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/