﻿*
{
	margin:0px;
	padding:0px;
	font-family: Arial, Verdana, Sans-Serif;
	font-size:13px;
}

body
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size:13px;
	color:#1e328c;
}

#container
{
	margin:30px auto;
	width:963px;
	height:504px;
	background: url(../images/commun/shadowRight.gif) no-repeat top right;
}

textarea
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size:13px;
}

/**************************************************/
/* HEADER */
#header
{
	background: #1e328c url(../images/header/bgHeader.jpg) no-repeat left top;
	width:955px;
	height:90px;
}

#header h1 
{
	position:relative;
	top:12px;
	left:19px;
	float:left;
}

#header h1 a
{
	display: block;
	width:207px;
	height:70px;
}

#header .banniere
{
	display:block;
	width:468px;
	height:60px;
	float:left;
	position:relative;
	top:17px;
	left:37px;
}

ul#rubriques
{
	list-style-type:none;
	height:27px;
}

ul#rubriques li
{
	display:block;
	float:left;
	height:27px;
}

ul#rubriques li span
{
	position:absolute;
	top:-5000px;
	left:-5000px;
}

ul#rubriques li.pretaPorter
{
	width:118px;
	background: #a001aa url(../images/header/rubriquePretAPorter.gif) no-repeat top left;
}

ul#rubriques li.lingerie
{
	width:118px;
	background: #ff78ca url(../images/header/rubriqueLingerie.gif) no-repeat top left;
}

ul#rubriques li.chaussures
{
	width:118px;
	background: #ff0000 url(../images/header/rubriqueChaussures.gif) no-repeat top left;
}

ul#rubriques li.maison
{
	width:118px;
	background: #1e328c url(../images/header/rubriqueMaison.gif) no-repeat top left;
}

ul#rubriques li.blanc
{
	width:118px;
	background: #3cc4ea url(../images/header/rubriqueBlanc.gif) no-repeat top left;
}

ul#rubriques li.deco
{
	width:122px;
	background: #ffa200 url(../images/header/rubriqueDeco.gif) no-repeat top left;
}

ul#rubriques li.lots
{
	width:125px;
	background: #ffc600 url(../images/header/rubriqueLots.gif) no-repeat top left;	
}

ul#rubriques li.grande
{
	width:119px;
	background: #d334dd url(../images/header/rubriqueGrande.gif) no-repeat top left;
}

/* Inscription à la newsletter */
div.newsletter
{
	color:#ffffff;
	width:213px;
	height:90px;
	float:right;
}

div.newsletter strong
{
	display:block;
	width:190px;
	height:33px;
	background: url(../images/header/petitsPrix.gif) no-repeat top left;
	margin-top:15px;
	margin-bottom:12px;
}

div.newsletter strong span
{
	position: absolute;
	top:-5000px;
	left:-5000px;
}

input.champsNewsletter
{
	font-size:10px;
	font-family: Arial, Sans-Serif;
	color:#000000;
	border:1px inset #b4b4b4;
	width:139px;
	height:14px;
	padding:0px 8px;
	text-align:center;
}

input.btNewsletter
{
	padding-top:5px;
}

/**************************************************/
/* MENU DE GAUCHE */
#menu
{
	display:block;
	float:left;
	width:156px;
	height:387px;
	background:#7de3ff;
}

#menu ul
{
	list-style-type:none;
	margin-top:16px;
}

#menu ul.submenu
{
	list-style-type:none;
	margin-top:0px;
}

#menu ul.submenu li
{
	padding-left:11px;
}

#menu ul.submenu li a
{
	font-size:13px;
	color:#ffffff;
	text-decoration:none;
}

#menu .content { overflow:hidden}

#menu #item1 .top, #menu #item2 .top, #menu #item3 .top, #menu #item4 .top {.margin-top:-3px;}
#menu #item1 .topShadow, #menu #item2 .topShadow, #menu #item3 .topShadow, #menu #item4 .topShadow {.margin-top:-5px;}

/* Menu1 - Tout savoir sur Giga */
#menu #item1 .topShadow
{
	background: url(../images/menu/gigaTopShadow.gif) no-repeat left top;
	width:150px;
	height:11px;
	font-size:0px;
}

#menu #item1 .top
{
	background: url(../images/menu/gigaTop.gif) no-repeat left top;
	width:150px;
	height:11px;
	font-size:0px;
}

#menu #item1 .content
{
	background: url(../images/menu/gigaBg.gif) repeat-y left top;
	width:150px;
}

#menu #item1 ul.submenu
{
	display:none;
}

#menu #item1 ul.submenu li
{
	background: url(../images/menu/gigaPuce.gif) no-repeat left 4px;
}

#menu #item1 .content .title
{
	display:block;
	width:120px;
	height:16px;
	background: url(../images/menu/gigaTitle.gif) no-repeat 9px 9px;
	padding:9px;
}

#menu #item1 .content .title span
{
	position:absolute;
	top:-5000px;
	left:-5000px;
}

#menu #item1 .bottom
{
	background: url(../images/menu/gigaBottom.gif) no-repeat left top;
	width:150px;
	height:10px;
	font-size:0px;
}


/* Menu2 - Nos magasins */
#menu #item2 .topShadow
{
	background: url(../images/menu/magasinsTopShadow.gif) no-repeat left top;
	width:150px;
	height:8px;
	font-size:0px;
}

#menu #item2 .top
{
	background: url(../images/menu/magasinsTop.gif) no-repeat left top;
	width:150px;
	height:13px;
	font-size:0px;
}

#menu #item2 .content
{
	background: url(../images/menu/magasinsBg.gif) repeat-y left top;
	width:150px;
	height:29px;
}

#menu #item2 ul.submenu
{
	display:none;
}

#menu #item2 ul.submenu li
{
	background: url(../images/menu/magasinsPuce.gif) no-repeat left center;
}

#menu #item2 .content .title
{
	display:block;
	width:104px;
	height:22px;
	background: url(../images/menu/magasinsTitle.gif) no-repeat 9px 5px;
	padding:5px auto 5px 10px;
}

#menu #item2 .content .title span
{
	position:absolute;
	top:-5000px;
	left:-5000px;
}

#menu #item2 .bottom
{
	background: url(../images/menu/magasinsBottom.gif) no-repeat left bottom;
	width:150px;
	height:13px;
	font-size:0px;
}

/* Menu3 - Nous rejoindre */
#menu #item3 .topShadow
{
	background: url(../images/menu/nousRejoindreTopShadow.gif) no-repeat left top;
	width:150px;
	height:9px;
	font-size:0px;
}

#menu #item3 .top
{
	background: url(../images/menu/nousRejoindreTop.gif) no-repeat left top;
	width:150px;
	height:11px;
	font-size:0px;
}

#menu #item3 .content
{
	background: url(../images/menu/nousRejoindreBg.gif) repeat-y left top;
	width:150px;
}

#menu #item3 ul.submenu
{
	display:none;
}

#menu #item3 ul.submenu li
{
	background: url(../images/menu/nousRejoindrePuce.gif) no-repeat left 4px;
}

#menu #item3 .content .title
{
	display:block;
	width:102px;
	height:15px;
	background: url(../images/menu/nousRejoindreTitle.gif) no-repeat 9px 9px;
	padding:9px;
}

#menu #item3 .content .title span
{
	position:absolute;
	top:-5000px;
	left:-5000px;
}

#menu #item3 .bottom
{
	background: url(../images/menu/nousRejoindreBottom2.gif) no-repeat left top;
	width:150px;
	height:31px;
	.height:35px;
	font-size:0px;
}


/* Menu4 - Carte */
#menu #item4 .topShadow
{
	background: url(../images/menu/carteTopShadow.gif) no-repeat left top;
	width:150px;
	height:12px;
	font-size:0px;
}

#menu #item4 .top
{
	background: url(../images/menu/carteTop.gif) no-repeat left top;
	width:150px;
	height:13px;
	font-size:0px;
}

#menu #item4 .content
{
	background: url(../images/menu/carteBg.gif) repeat-y left top;
	width:150px;
}

#menu #item4 ul.submenu
{
	display:none;
}

#menu #item4 ul.submenu li
{
	background: url(../images/menu/cartePuce.gif) no-repeat left center;
}

#menu #item4 .content .title
{
	display:block;
	height:24px;
	width:105px;
	background: url(../images/menu/carteTitle.gif) no-repeat 9px 5px;
	padding:5px auto 5px 10px;
}

#menu #item4 .content .title span
{
	position:absolute;
	top:-5000px;
	left:-5000px;
}

#menu #item4 .bottom
{
	background: url(../images/menu/carteBottom.gif) no-repeat left top;
	width:150px;
	height:64px;
	font-size:0px;
}

/**************************************************/
/* ENCART CATALOGUE */
#catalogue
{
	display:block;
	float:left;
	width:246px;
	height:387px;
	background:#7de3ff;
}
/* Catalogue solo
#catalogue a
{
	position:relative;
	display:block;
	width:150px;
	height:60px;
	margin-top:-75px;
	margin-left:85px;
	.background:url(blank.gif);
	font-size:0px;
	line-height:0px;
}

#catalogue a span
{
	position:absolute;
	top:-5000px;
	left:-5000px;
}
*/

/**************************************************/
/* BAS DE LA PAGE */
#bottom
{
	.padding-top:10px;
	padding-top:16px;
	background: url(../images/commun/shadowBottom.gif) no-repeat top;
	clear:both;
	padding-left:50px;
	width:900;
}

#bottom ul
{
	list-style-type:none;
}

#bottom ul li
{
	display:inline;
}

#bottom ul li a 
{
	display:block;
	float:left;
	color:#1e328c;
	text-decoration:none;
	margin-left:7px;
}

#bottom ul li a span
{
	position:absolute;
	top:-5000px;
	left:-5000px;
}

#bottom ul li a.accueil
{
	width:42px;
	height:10px;
	background: url(../images/bottom/accueil.gif) no-repeat top left;
}

#bottom ul li a.newsletter
{
	width:74px;
	height:10px;
	background: url(../images/bottom/newsletter.gif) no-repeat top left;
}

#bottom ul li a.recommander
{
	width:187px;
	height:10px;
	background: url(../images/bottom/recommander.gif) no-repeat top left;
}

#bottom ul li a.favoris
{
	width:174px;
	height:13px;
	background: url(../images/bottom/favoris.gif) no-repeat top left;
}

#bottom ul li a.infosLegales
{
	width:128px;
	height:13px;
	background: url(../images/bottom/infosLegales.gif) no-repeat top left;
}

#bottom ul li a.plan
{
	width:80px;
	height:10px;
	background: url(../images/bottom/plan.gif) no-repeat top left;
}

#bottom ul li a.credit
{
	width:80px;
	height:10px;
	background: url(../images/bottom/credit.gif) no-repeat top left;
}

/**************************************************/
/* CONTENU D'UNE PAGE */
#content
{
	display:block;
	float:left;
	width:553px;
	height:387px;
	background:#e8f9fe url(../images/content/bgContent.gif) no-repeat left bottom;
	color:#1e328c;
	overflow:hidden;
}

#content h2
{
	width:553px;
	height:29px;
	padding-top:14px;
	background:#e8f9fe url(../images/content/bgTitle.gif) no-repeat left top;
	text-align:center;
	font-family: Trebuchet MS, Arial, Sans-Serif;
	font-size:15px;
	margin-bottom:20px;
}

#content a
{
	color:#1e328c;
	text-decoration:none;
}

#content a:hover
{
	color:#5497ce;
}


#content .scrollable
{
	width:500px;
	height:300px;
	margin:0 auto;
	overflow:hidden;
	overflow-x: hidden;
	overflow-y: auto;
	overflow : -moz-scrollbars-vertical; 
	padding-right: 20px;
	text-align:justify;
}

#content .scrollable3
{
	width:500px;
	height:300px;
	margin:0 auto;
	overflow:hidden;
	overflow-x: hidden;
	overflow-y: auto;
	overflow : -moz-scrollbars-vertical; 
	padding-right: 20px;
}

#content .scrollable4
{
	width:500px;
	height:350px;
	margin:0 auto;
	overflow:hidden;
	overflow-x: hidden;
	overflow-y: auto;
	overflow : -moz-scrollbars-vertical; 
	padding-right: 5px;
}

#content .scrollable2
{
	width:500px;
	height:220px;
	margin:0 auto;
	overflow:hidden;
	overflow-x: hidden;
	overflow-y: auto;
	overflow : -moz-scrollbars-vertical; 
	padding-right: 20px;
}

#content .scrollable3
{
	margin:0;
	overflow:hidden;
	overflow-x: hidden;
	overflow-y: auto;
	overflow : -moz-scrollbars-vertical; 
	text-align:justify;
}

.swfMag
{
	vertical-align:top;	
}

/* Page Video */

.vidz 
{
	width: 480px;
	margin: 0 auto;
}

/* Page Chiffres Cles */
#content #ChiffresCles
{
	width:100%;
	height:100%;
	text-align:left;
	background:url(../images/pages/chiffres-cles/bgCarteFrance.gif) no-repeat 280px bottom;
	overflow:hidden;
}

#content #ChiffresCles p
{
	margin-left:75px;
}

#content #ChiffresCles ul
{
	margin-top:25px;
	margin-left:-35px;
	list-style-type:none;
	text-align:left;
}

#content #ChiffresCles ul li
{
	margin-left:110px;
	padding-left:13px;
	margin-bottom:20px;
	background:url(../images/commun/puceBleue.gif) no-repeat left 4px;
}

/* Page Nos magasins */
#content #NosMagasins object
{
	display:block;
	float:left;
}

#content #NosMagasins div.magasins
{
	display:block;
	float:left;
	background:url(../images/pages/nos-magasins/blocBg.gif) repeat-y left top;
	width:202px;
	margin-left:10px;
	.margin-left:18px;
	margin-top:24px;
}

#content #NosMagasins div.magasins div.top
{
	background:url(../images/pages/nos-magasins/blocTop.gif) no-repeat left top;
	text-align:center;
	padding-top:12px;
}

#content #NosMagasins div.magasins div.top h3
{
	width:196px;
	padding-right:6px;
	padding-bottom:11px;
	font-size:18px;
	color:#ffffff;
	background:url(../images/pages/nos-magasins/blocTopBg.gif) repeat-y left top;
	font-weight:normal;
}

#content #NosMagasins div.magasins div.content
{
	background:url(../images/pages/nos-magasins/blocBottom.gif) no-repeat left bottom;
	height:164px;
}

#content #NosMagasins div.magasins div.content ul
{
	list-style-type: none;
	margin-top:23px;
	margin-left:18px;
}

#content #NosMagasins div.magasins div.content ul li a
{
	color:#1e328c;
	text-decoration:none;
}

#content #NosMagasins div.magasins div.content ul li a:hover
{
	color:#5497ce;
}

#Panelcredit
{
	position:absolute;
	top:147px;
	right:414px;
	.right:402px;
	
}

#content #NosMagasinsDetails
{
	text-align:center;
}

#content #NosMagasinsDetails p
{
	text-align:left;
	margin-left:70px;
	font-size:12px;
	height:275px;
	overflow:hidden;
}

/* Newsletter */
#content #Newsletter div.formulaire
{
	margin:0 auto;
	width:350px;
}

#content #Newsletter table.formulaire input
{
	width:150px;
	margin-bottom:1px;
	.margin-bottom:0px;
}

#content #Newsletter table.formulaire select
{
	width:154px;
	margin-bottom:1px;
	.margin-bottom:0px;
}

#content #Newsletter table.formulaire td.libelle
{
	padding-right:10px;
}

#content #Newsletter table.formulaire 
{
	margin-bottom:5px;
	.margin-bottom:5px;
	margin-left:0px;
}

#content #Newsletter table.formulaireNews input
{
	margin-right:5px;
}

#content #Newsletter p.desinscrire
{
	text-align:center;
	margin:6px auto;
	font-size:11px;
}

#content #Newsletter p.desinscrire a
{
	text-decoration:underline;
}

#content #Newsletter .envoyer
{
	margin:0px 80px;
}

/* Newsletter Desinscription */
#content #newsletterDesinscription
{
	text-align:center;
}

#content #newsletterDesinscription h2
{
	margin-bottom:50px;
}

#content #newsletterDesinscription input
{
	margin-top:15px;
}

/* Plan du site */
#content #plan .liens
{
	background:url(../images/pages/plan/arbo.gif) no-repeat left center;
	text-align:center;
	width:500px;
	margin:50px 30px;
	padding-bottom :30px;
	padding-left:44px;
	.margin:70px 0px;
	.width:480px;
	.margin-left:20px;
	.padding-bottom :0px;
	
}

#content #plan .liens br
{
	clear:both;
}

#content #plan .liens a
{
	display:block;	
	float:left;
	color:#ffffff;
	height:31px;
	margin-bottom:18px;
	margin-right:16px;
	cursor:pointer;
}

#content #plan .liens a strong
{
	display:block;
	background:#1e328c;
	height:24px;
	text-indent:0px;
	padding-top:4px;
}

#content #plan .liens a:hover strong
{
	background:#3cc4ea;
}

#content #plan .liens a.col1
{
	background:url(../images/pages/plan/col1Bg.gif) no-repeat left center;
	width:93px;
	text-align:center;
}

#content #plan .liens a.col1 strong
{
	width:91px;
}

#content #plan .liens a.col2
{
	background:url(../images/pages/plan/col2Bg.gif) no-repeat left center;
	width:118px;
	text-align:center;
}

#content #plan .liens a.col2 strong
{
	width:116px;
}

#content #plan .liens a.col3
{
	background:url(../images/pages/plan/col3Bg.gif) no-repeat left center;
	width:98px;
	text-align:center;
}

#content #plan .liens a.col3 strong
{
	width:96px;
}

#content #plan .liens a.col4
{
	background:url(../images/pages/plan/col4Bg.gif) no-repeat left center;
	width:93px;	
	text-align:center;
}

#content #plan .liens a.col4 strong
{
	width:91px;
}

#content #plan .liens a.col5
{
	background:url(../images/pages/plan/col5Bg.gif) no-repeat left center;
	width:90px;
	height:40px;
	text-align:center;
}

#content #plan .liens a.col5 strong
{
	width:90px;
	height:40px;
}

/* Recommander ce site à un ami */
#content #recommander .libelle
{
	width:180px;
	padding-right:10px;
	text-align:right;
	vertical-align:top;
} 

#content #recommander p
{
	margin-bottom:25px;
	text-indent:70px;
	display:block;
}

#content #recommander input
{
	width:150px;
	margin-bottom:1px;
	.margin-bottom:0px;
}

#content #recommander textarea
{
	width:275px;
	height:100px;
}

#content #recommander input.envoyer
{
	width:auto;
	margin-bottom:auto;
	margin-top:10px;
}

/* Nous rejoindre */
#content #NosMetiers h3
{
	font-size:16px;
	color:#1e328c;
	text-align:center;
	margin:32px auto;
}

#content #NosMetiers ul
{
	margin-left: 35px;
	list-style-type:none;
	text-align:left;
}

#content #NosMetiers ul li
{
	padding-left:13px;
	margin-bottom:5px;
	background:url(../images/commun/puceBleue.gif) no-repeat left 4px;
}

#content #NosMetiers ul li a
{
	text-decoration:underline;
}

/* Nous rejoindre - Detail d'un metier */
#content #NosMetiersDetail h3
{
	font-size:13px;
	color:#1e328c;
	text-align:center;
	margin-top:15px;
	margin-bottom:35px;
}

#content #NosMetiersDetail p
{
	display:block;
	width:420px;
	margin:0 auto;
	text-align:justify;
	margin-bottom:16px;
	font-family: Arial;
}

#content #NosMetiersDetail .consulter
{
	margin-left:120px;
}

/* Nous rejoindre - Offres d'un metier */
#content #NosMetiersOffres h3
{
	font-size:13px;
	color:#1e328c;
	text-align:center;
	margin-top:15px;
	margin-bottom:15px;
}

#content #NosMetiersOffres p
{
	text-align:center;
	margin-bottom:20px;
}

#content #NosMetiersOffres ul
{
	margin-left:30px;
	list-style-type:none;
	text-align:left;
}

#content #NosMetiersOffres ul li
{
	padding-left:13px;
	margin-bottom:15px;
	background:url(../images/commun/puceBleue.gif) no-repeat left 4px;
}

#content #NosMetiersOffres ul li a
{
	text-decoration:underline;
}


/* Nous rejoindre - Détail d'une offre d'un metier */
#content #NosMetiersOffresDetail .offre
{
	text-align:center;
	margin-bottom:15px;
}

#content #NosMetiersOffresDetail h3
{
	font-size:13px;
	color:#1e328c;
	text-align:center;
	margin-top:15px;
	margin-bottom:25px;
}

#content #NosMetiersOffresDetail .descriptif
{
	width:420px;
	margin:0 auto;
	text-align:justify;
	margin-bottom:16px;
}

#content #NosMetiersOffresDetail .repondre
{
	margin-left:40px;
}

/* Nous rejoindre - Détail d'une offre d'un metier */
#content #NosMetiersRepondreOffre h2
{
	margin-bottom:5px;
}

#content #NosMetiersRepondreOffre p
{
	text-align:center;
	margin-bottom:10px;
}

#content #NosMetiersRepondreOffre .formulaire
{
	margin:0 auto;
	width:460px;
	margin-bottom:5px;
}

#content #NosMetiersRepondreOffre .formulaire input
{
	width:155px;
	margin-bottom:3px;
}

#content #NosMetiersRepondreOffre .formulaire textarea
{
	width:270px;
	margin-bottom:3px;
}

#content #NosMetiersRepondreOffre .formulaire select
{
	width:160px;
	margin-bottom:3px;
}


#content #NosMetiersRepondreOffre .valider
{
	margin-left:210px;
}


/* Nous rejoindre - Candidature spontanée */
#content #NosMetiersCandidature h2
{
	.margin-bottom:5px;
}

#content #NosMetiersCandidature p
{
	text-align:center;
	margin-bottom:10px;
}

#content #NosMetiersCandidature .formulaire
{
	margin:0 auto;
	width:460px;
	margin-bottom:5px;
}

#content #NosMetiersCandidature .libelle
{
	text-align:right;
	padding-right:10px;
	vertical-align: top;
}

#content #NosMetiersCandidature .formulaire input
{
	width:155px;
	margin-bottom:3px;
}

#content #NosMetiersCandidature .formulaire textarea
{
	width:270px;
	margin-bottom:3px;
	height:35px;
}

#content #NosMetiersCandidature .formulaire select
{
	width:160px;
	margin-bottom:3px;
}


#content #NosMetiersCandidature .valider
{
	margin-left:210px;
}

/* Nous rejoindre - Postes disponibles */
#content #PostesDisponibles p
{
	text-align:center;
	margin-bottom:13px;
}

#content #PostesDisponibles select
{
	width:175px;
	margin-bottom:14px;
}

#content #PostesDisponibles .libelle
{
	width:150px;
	vertical-align:top;
}

#content #PostesDisponibles .libelle2
{
	width:300px;
	vertical-align:top;
}

#content #PostesDisponibles .formulaire
{
	width:450px;
	margin:0 auto;
	margin-bottom:40px;
}

#content #PostesDisponibles .voir
{
	margin-left:170px;
}


/* Nous rejoindre - Liste des offres par Postes disponibles */
#content #PostesDisponiblesOffres h2
{
	margin-bottom:35px;
}


#content #PostesDisponiblesOffres p
{
	margin-left:40px;
	margin-bottom:13px;
}

#content #PostesDisponiblesOffres ul
{
	margin-left:40px;
	list-style-type:none;
	text-align:left;
	margin-bottom:40px;
}

#content #PostesDisponiblesOffres ul li
{
	padding-left:13px;
	margin-bottom:15px;
	background:url(../images/commun/puceBleue.gif) no-repeat left 4px;
}

#content #PostesDisponiblesOffres ul li a
{
	text-decoration:underline;
}

#content #PostesDisponiblesOffres .retour
{
	margin-left:210px;
}


.MessageErreur
{
	font-size:12px;
	font-family:Arial;
	color:#FF0000;
}


.pbForm
{
	font-size:10px;
	font-family:Arial;
	color:#FF0000;	
}

.pbForm2
{
	font-size:10px;
	font-family:Arial;
	color:#000000;	
	vertical-align:middle;
}

.TB_form
{
	font-size:13px;
	color:#1e328c;
}

.txtExempleTel
{
	font-size:10px;
	color:#1e328c;
	vertical-align:middle;
}
	