/* @override http://hardy.lux.mediacd.fr/global/styles/magasin.css */

	/* Feuille de style spécifique aux magasins */
	body {
		font-size: 62,5%; 
		font-family: 'Trebuchet MS', Verdana, Arial, Geneva, Helvetica, sans-serif; 
		background: #fff url(/global/medias/magasins/bgBody.gif) repeat-x 0 0;
		}
	#page {
		position: relative; 
		width: 1000px; 
		margin: 0 auto; 
		background: none;
		}
	span.cache {display: none;}

	/*= ul#menuMagasins ---------------------------------------- */
	ul#menuMagasins {
		width: 682px;
		height: 59px; 
		background-color: #7e7c73; 
		padding-left: 146px; 
		margin: 0px;
		}
	ul#menuMagasins li {display: inline; float: left}
	ul#menuMagasins li a {
		background: url(/global/medias/magasins/navProduits.gif) no-repeat; 
		text-indent: -150em;
		}
	ul#menuMagasins li a.navMagasin01,
	ul#menuMagasins li a.navMagasin02,
	ul#menuMagasins li a.navMagasin03 {
		display: block; 
		height: 39px
		}
	ul#menuMagasins li a.navMagasin01 {
		width: 139px; 
		background-position: 0 0
		}
	ul#menuMagasins li a.navMagasin02 {
		width: 138px; 
		background-position: -139px 0px;
		}
	ul#menuMagasins li a.navMagasin03 {
		width: 173px;  
		background-position: -277px 0px;
		}
	ul#menuMagasins li ul.niv2 {background-color: #000}
	ul#menuMagasions ul.niv2 li {width: 400px; float: left}

	#produitUne p, #projetUne p {float: left; width: 80%}

/* ================================================================================ */
/* = HEADER  = */
/* ================================================================================ */
	#header,
	#header8, #header51, #header52,
	#header53, #header54, #header110, #header125, #header134 {
		position: relative; left: 5px;
		width: 980px; height: 166px;
		}
	#header8 {
		background: #fff url(/global/medias/magasins/bgHeaderRennes.gif) no-repeat top left; }
	#header51 {
		background: #fff url(/global/medias/magasins/bgHeaderLyon.gif) no-repeat top left; }
	#header52 {
		background: #fff url(/global/medias/magasins/bgHeaderParis.gif) no-repeat top left; }
	#header53 {
		background: #fff url(/global/medias/magasins/bgHeaderAnnecy.gif) no-repeat top left; }
	#header54 {
		background: #fff url(/global/medias/magasins/bgHeaderBordeaux.gif) no-repeat top left}
	#header110 {
		background: #fff url(/global/medias/magasins/bgHeaderParis17.gif) no-repeat top left}
	#header125 {
		background: #fff url(/global/medias/magasins/bgHeaderkergourlay.gif) no-repeat top left}
	#header134 {
		background: #fff url(/global/medias/magasins/bgHeaderClermont.gif) no-repeat top left}
	
	#header h1,
	#header8 h1, #header51 h1, #header52 h1,
	#header53 h1, #header54 h1, #header110 h1, #header125 h1, #header134 h1 {text-indent: -1000em}

	/*= logo ---------------------------------------- */
	img.logo {
		position: absolute; 
		top: 20px; left: 15px; 
		width: 70px; height: 70px; 
		background: transparent url(/global/medias/logo.gif) no-repeat 0 0;
		}

	/*= Espaces ---------------------------------------- */
	#espaces {
		z-index: 1000; 
		position: absolute; 
		top: 5px; left: 600px; 
		}
	#espaces li {
		display: inline;
		float: left;
		margin-right: 15px;
		}
	#espaces li a {
		display: block; 
		float: left;
		font-size: 0.9em; color: #666;
		font-family: Verdana, sans-serif;
		}
	#espaces li a:hover {text-decoration: underline}
	#espaces li a.distributeurs {
		padding: 0 15px 0 0 ;
		border-right: 1px solid #666
		}
	#espaces li a.presse {}

	/*# menu corpo---------------------------------------- */
	#menuCorpo {
		position: absolute; 
		/*top: 90px; left: 5px;*/
		top: 130px; left: 5px; 
		width: 830px; height: 36px; 
		padding: 0 0 0 140px;
		}
	#menuCorpo li {display: inline}
	#menuCorpo li a {
		float: left; 
		border-left: 1px #ACAFA4 solid; 
		display: block; height: 26px; 
		font-weight: normal; 
		padding: 7px 25px 3px 10px; 
		color: #ACAFA4;
		}
	#menuCorpo li a.navCorpo02 {position: relative; left: 82px;}
	
	/*= layers menu corpo ---------------------------------------- */
	#menu1 {
		background-color: #000; 
		position: absolute; 
		top: -53px; 
		left: 409px; 
		z-index: 1100;
		}
	#menu1 li a {
		background: url(/global/medias/magasins/puceMenu1.gif) no-repeat 8px 12px; 
		border-bottom: 1px solid #fff;
		}
	#menu1 li a {
		float: left;
		display: block; height: 15px; 
		padding-left: 20px; 
		border-left: none; 		 
		color: #fff;
		}
	#menu1 li a:hover {
		color: #999; 
		text-decoration: none;
		}

/* ================================================================================ */
/* = BANDEAU  = */
/* ================================================================================ */
	#bandeauMagasin {height: 239px; }
	#bandeauMagasin img,#flashMagasin {float: left}
	#flashMagasin {width: 416px; height: 239px; float: left; margin-left: 4px;}
	#flashMagasin img {display: block; margin:0; padding:0;}

	.cahierCharges #colB #catalogue p {line-height:0.9em}

/* ================================================================================ */
/* = GOOGLE MAP / loic 4 janvier 2008 = */
/* ================================================================================ */
	#colACarte, #colBCarte {float: left; padding: 10px}
	#colACarte {width: 418px}
	#colBCarte {width: 370px}
	#colACarte #presentation {
		padding: 0.5em; 
		font-size: 0.8em; 
		background-color: #f6f6f6;
		}
	#colACarte #itineraire {
		font-size: 0.7em; 
		border: 1px #ccc solid;
		}
	#colBCarte #departArrivee {
		padding: 5px; 
		color: #fff; 
		background-color: #807D74;
		}
	#colBCarte #departArrivee h4 {padding: 0 0 0.5em 0}
	#colBCarte #departArrivee p button#btItineraire {
		color: #fff; 
		background-color: #000;
		}

/* ================================================================================ */
/* = Colone B = */
/* ================================================================================ */
	#adresseMagasin {
		float: left;
		position: relative;
		width: 152px; height: 239px; 
		background-color: #dbddd7;
		}
	#adresseMagasin p {
		padding: 0 5px; 
		font-size: 0.75em; 
		line-height: 1.3em;
		}
	#adresseMagasin p.telephone {width: 90%}

	p.planAcces {
		position: absolute; top: 214px; 
		width: 142px; height: 25px; 
		background: #c7cac1 url(/global/medias/magasins/puceGrise.gif) no-repeat top left;
		}
	p.planAcces a{
		display: block; width: 137px; 
		font-size: 1em; color: #000;
		text-decoration: none;
		padding: 5px 0 0 10px; 
		}
	#colB p.planAcces {
		position: absolute; top: 214px;
		width: 142px; padding: 0 5px; 
		background: #c7cac1 url(/global/medias/magasins/puceGrise.gif) no-repeat top left;
		}
	#colB p.planAcces a {
		display: block; width: 125px; 
		color: #000;
		text-decoration: none; 
		padding: 5px 0 0 10px; 
		}

/* ================================================================================ */
/* =  LE CONTENU  = */
/* ================================================================================ */
	#colA, #colB, 
	#colC, #colD,
	#colAa, #colAb {float: left}
	
	body.produitsMag #colB, 
	body.cahierCharges #colB, 
	body#geneMag #colB {
		width: 150px; 
		margin-top: 0px; padding: 0px;
		}
	
	#colAa {width: 358px; padding: 10px}
	#colAb {width: 400px}
	body#geneMag #colAa {width: 758px}
	#colAContent {
		width: 785px;
		padding: 20px;
		border: 1px #fff solid;
		}
	
	/*= main ---------------------------------------- */
	body#home #main,
	body.produitsMag #main, 
	body.cahierCharges #main, 
	body#geneMag #main {
		width: 985px;
		min-height: 300px; 
		padding: 0 0 0 5px; 
		color: #6b6b61
		}
	body#home #main {
		background: transparent url(/global/medias/magasins/bgMain.gif) no-repeat 0 0;
		}
	body.produitsMag #main, 
	body.cahierCharges #main, 
	body#geneMag #main {
		background: transparent url(/global/medias/magasins/bgMainInterieure.gif) no-repeat 0 0;
		}
	
	/*= colA ---------------------------------------- */
	body#geneMag #colAContent ul li {
		padding: 0 0 0 0.9em;
		font-size: 1em;
		background: transparent url(/global/medias/magasins/puceChevrons.gif) no-repeat 0 3px
		}
	body#geneMag #colAContent ul li a {font-size: 1.1em;}
	
	/*= colAa / colAb---------------------------------------- */
	#colAa h1 {
		width: 800px!important; 
		font-family: Helvetica, Arial, sans-serif; 
		font-size: 1.0em; color: #666; 
		font-weight: normal; 
		border-bottom: 1px solid #666;
		}
	#colAa p.lien {
		clear: both;
		text-align: right; 
		font-size: 0.8em;
		}
	#colAa p.lien a {
		color:#7E366D;
		text-decoration: underline;
		}

	/*= home colA ---------------------------------------- */
	body#home #colA {width: 210px; padding: 10px}
	
	/*= home colB ---------------------------------------- */
	body#home #colB {
		width: 260px; 
		padding: 10px 10px 100px 40px!important; 
		background: transparent url(/global/medias/bgTopColBHomeMag.jpg) no-repeat top left!important;
		}
		
	/*= home colC ---------------------------------------- */
	body#home #colC {width: 255px; padding: 10px;}

	/*= home colD ---------------------------------------- */
	body#home #colD {
		float: left; 
		width: 130px; 
		margin: 10px 0 0 12px; 
		padding: 0px 10px; 
		border-left: 1px solid #6b6b61;
		}
		
	/*= page générique / colB ------------------ */
	#colB #blocAlt {
		float: left; 
		padding: 10px; 
		}
		
/* ================================================================================ */
/* = Références = */
/* ================================================================================ */

	body.produitsMag #colA { width: 828px; color: #000}
	body.produitsMag #colA #colAa {width: 408px}
	#plusProduits, #description {width: 385px}
	#plusProduits {
		width: 390px;
		float: none!important;
		border: 1px solid #cccccc; 
		padding: 5px;
		}
	#plusProduits ul li {list-style: square inside}
	#plusProduits p.titre {
		font-size: 1.2em; color:#6B6A61;
		}
	
	/*= description ---------------------------------------- */
	#description {
		font-size: 0.9em; 
		margin:0!important;
		}
	#description p.infos {
		font-weight: bold;
		}
	#ficheRealisation {
		/*float: left;*/ 
		width: 400px; 
		border-bottom: 1px solid #999; 
		padding: 3px 3px 0 0;
		}
	#ficheRealisation p.infos {
		/*float: left;*/
		width: 400px;
		}
	.photoID {
		float: left;
		margin: 0px 0px 0px 3px
		}
	p.shortDescription {
		/*float: left;*/
		width: 400px!important;
		margin: 10px 0 0 0!important; 
		font-weight: normal
		}
	
	/*= dernières réalisation ---------------------------------------- */
	#derniereRealisation p.titre_fr {
		width: 165px; height: 36px; 
		text-indent: -100em; 
		background: url(/global/medias/magasins/titreRealisationFR.gif) no-repeat top left;
		}
	#derniereRealisation p.titre_uk {
		width: 165px; height: 36px; 
		text-indent: -100em; 
		background: url(/global/medias/magasins/titreRealisationUK.gif) no-repeat top left;
		}
	#derniereRealisation img {margin-bottom: 15px}
	#derniereRealisation p {margin: 3px 0px}
	
	/*= vignettes ---------------------------------------- */
	#vignettes {background-color: #ccc}
	#vignettes p.message {
		font-size: 0.75em; 
		line-height: 1.5em; 
		background-color: #ccc; 
		padding-left: 10px;
		}
	#vignettes p.images {
		padding: 0.5em 0 0 0;
		clear: both;
		background-color:#fff;
		}
	#vignettes p.images img {
		float: left; 
		border-right: 3px #fff solid;
		}
	#vignettes a img {border: 0}
	
/* ================================================================================ */
/* = sondage = */
/* ================================================================================ */
	#sondage {float: left; margin-bottom: 10px}
	#sondage h1 {
		width: 165px; height: 36px; 
		text-indent: -100em; 
		margin: 0 0 1em 0;
		background: url(/global/medias/magasins/titreSondageFR.gif) no-repeat top left;
		}
	#sondage a.fleche  {
		margin: 5px 0;
		font-size: 0.8em!important
		}
	#sondage form {
		border-top: 1px solid #cccccc; 
		border-left: 1px solid #cccccc; 
		border-right: 1px solid #cccccc; 
		margin-bottom: 15px;
		}
	#sondage .question {
		font-color: #999999; 
		font-size: 1.3em; 
		margin: 5px;
		}
	#sondage form p label {
		font-size: 0.9em; 
		line-height: 1.2em; 
		padding: 5px;
		}
	a.plus {
		color:#7F3D6C; 
		padding: 0.2em 0 0 12px; 
		font-size: 1em!important;
		background: transparent url(/global/medias/itemPlusViolet.gif) no-repeat 0 3px;
		}
	
	/*= listes ---------------------------------------- */
	#sondage ul li {margin:0!important; list-style: none!important;}
	#sondage ul li a {}

/* ================================================================================ */
/* = catalogue = */
/* ================================================================================ */
	#catalogue {
		padding-left: 95px; 
		float: left;
		background: url(/global/medias/magasins/bgCatalogue.jpg) no-repeat top left
		}
	#catalogue h1,
	#catalogue p {float: left; width: 155px}
	#catalogue h1 {
		height: 50px; 
		background: url(/global/medias/magasins/h1Catalogue.gif) no-repeat 0 5px; 
		text-indent: -500em;
		}
	.produitsMag #colB #catalogue, 
	#geneMag #colB #catalogue, 
	.cahierCharges #colB #catalogue {
		float: left;
		width: 130px;
		width: 100%; 
		font-size: 0.75em; 
		background: url(/global/medias/magasins/bgCatalogue.jpg) no-repeat 0px 45px; 
		padding-left: 0; 
		}
	.produitsMag #colB #catalogue h1, 
	#geneMag #colB #catalogue h1, 
	.cahierCharges #colB #catalogue h1 {
		float: left;
		position: relative; 
		text-indent: -500em;
		width: 140px; height: 50px; 
		background: url(/global/medias/magasins/h1Catalogue.gif) no-repeat -12px 0px; 
		}
	.produitsMag #colB #catalogue p, 
	#geneMag #colB #catalogue p, 
	.cahierCharges #colB #catalogue p {
		float: left; width: 140px;
		font-size: 1em;
		margin-top: 65px;
		}
	textarea.textarea {width: 570px; border: 1px #999 solid}
	
	/*= sondage ---------------------------------------- */
	#sondage form p input {margin: 0 5px 0 0}
	#sondage button#submitSondage_fr,
	#sondage button#submitSondage_uk {
		position: relative; top: 1px; left: -1px;
		width: 254px; height: 23px;
		}
	#sondage button#submitSondage_fr {
		background: url(/global/medias/magasins/submitSondageFR.gif) no-repeat top left}
	#sondage button#submitSondage_uk {
		background: url(/global/medias/magasins/submitSondageUK.gif) no-repeat top left}
		
	#enligne {
		float: left; 
		background: url(/global/medias/magasins/bgAcheterLigne.jpg) no-repeat top left; 
		margin-bottom: 10px;
		}
	#enligne h1 {
		height: 37px; 
		background: url(/global/medias/magasins/h1AcheterLigne.gif) no-repeat 24px 10px; 
		text-indent: -50em;
		}
	#enligne p, #projet p {
		font-size: 0.75em; color: #000; 
		margin: 0 7px; padding-top: 5px;
		}

	p.contactConseiller {
		width: 255px; height: 19px; 
		padding:0!important;
		margin:0!important;
		left: -7px; top: -1px;
		background: url(/global/medias/magasins/btContactConseiller.gif) no-repeat top left; 
		}
	a.contact {
		display: block;
		width: 240px; height: 19px; 
		text-indent: -500em;
		}
	span.contact {
		display: block; 
		padding: 0 0 0 15px;
		font-size: 1.1em;
		width: 235px; height: 19px; 
		/*text-indent: -500em*/;
		}

	#produitUne {height: 86px}
	#projetUne {height: 100px}
	#projetUne p {width: 200px}
	
	.focusProduits {
		float: left;
		width: 254px; margin: 0; 
		border-bottom: 1px solid #ccc; 
		border-left: 1px solid #ccc; 
		border-right: 1px solid #ccc; 
		}

	.focusProduits img {margin: 0 5px 0 0}

	#projet {
		float: left; 
		margin: 10px 0 10px 0;
		background: url(/global/medias/magasins/bgProjet.jpg) no-repeat top left; 
		}

	#projet h1 {
		height: 37px; width: 250px; 
		text-indent: -50em;
		background: url(/global/medias/magasins/h1Projets.gif) no-repeat 24px 10px; 
		}

	#projet p {
		color: #000; 
		margin: 0 7px; padding-top: 5px;
		}

	#projet p,
	#projet p a,
	#colB #catalogue p a {color: #000; cursor:pointer;}
	
	#projet p {
		margin: 0 7px; 
		padding: 5px 0 0 0}

	#colB p a,
	#colB #catalogue p a {
		width: 125px;
		color:#7E366D;
		line-height: 1.1em;
		font-weight: normal;
		text-decoration: underline;
		margin:0!important;
		}
	#colB p a {font-weight: normal}
	#colB #catalogue p a {float: left}

	#colB #contact, 
	#colB #newsletter {float: left; width: 130px}
	
	#colB #newsletter {
		padding: 0 0 0 0px; 
		background: transparent url(/global/medias/bgNewsletter.gif) no-repeat 0px 50px;
		}
	#colB #contact h1,
	#colB #newsletter h1 {
		width: 130px; height: 45px;
		text-indent: -100em;
		} 
	#colB #contact h1 {		
		background: url(/global/medias/magasins/h1Contact.gif) no-repeat top left}

	#colB #newsletter h1 {
		background: url(/global/medias/magasins/h1Newsletter.gif) no-repeat top left}

	/*= fleches ---------------------------------------- */
	a.flechedroite {
		color: #000; 
		font-weight: normal; 
		padding: 0 12px 0 0px; 
		background: transparent url(/global/medias/magasins/puceChevrons.gif) no-repeat right 1px;
		}
	a.fleche {
		display: block;
		font-size: 1em; line-height: 1.4em;
		color:#7E366D; 
		font-weight: normal; text-decoration: underline;
		padding: 0 0 0 8px!important; margin:0!important;
		background: transparent url(/global/medias/magasins/puceChevrons.gif) no-repeat 0px 3px;
		}
	/*= colD ---------------------------------------- */
	#colD #contact, 
	#colD #newsletter {float: left; width: 130px}
	
	#colD #contact p, 
	#colD #newsletter p {
		float: left; width: 100%; 
		font-size: 0.8em; 
		padding:0; margin:0;
		}
		
	#colD #newsletter {
		padding: 1em 0 0 0px; 
		background: transparent url(/global/medias/bgNewsletter.gif) no-repeat 0px 50px;
		}

	#colD #contact h1,
	#colD #newsletter h1 {
		width: 130px; height: 45px; 
		text-indent: -100em;
		}
	#colD #contact h1 {
		background: url(/global/medias/magasins/h1Contact.gif) no-repeat top left}
	#colD #newsletter h1 {
		background: url(/global/medias/magasins/h1Newsletter.gif) no-repeat top left}
		

/* ================================================================================ */
/* = Cahier des charges = */
/* ================================================================================ */	
	body.cahierCharges #colAa { width: 800px!important}
	body.cahierCharges input.text {
		position: relative; 
		bottom: -2px; border: 0; 
		font-size: 1em; 
		border-bottom: 1px solid #999; 
		margin: 0 10px; 
		}
	body.cahierCharges fieldset legend {
		font-family: Helvetica; 
		float: left; margin-bottom: 10px; 
		color: #ccc; font-size: 1.2em;
		}
	body.cahierCharges fieldset,
	body.cahierCharges fieldset p {clear: both}
	body.cahierCharges span.float {
		float: left; 
		margin: 0 10px 0 0;
		}
	body.cahierCharges fieldset {
		border: none; 
		margin-bottom: 15px; 
		}

	body.cahierCharges fieldset p {
		clear: both; 
		width: 700px!important;
		padding: 0 0 0 80px;
		}

	body.cahierCharges input.checkbox {
		position: relative; bottom: 2px;
		margin-right: 5px;
		}

	body.cahierCharges form {font-size: 0.9em}
	#nbreMatin {width: 55px}
	#nbreMidi, #nbreSoir, #nbreAmis {width: 65px}
	
	/*= global points cahier des charges ---------------- */
	label.float {float: left}
	.float.page2, .float.telephone {width: 75px}
	.float.module1 {width: 110px}
	.float.module2 {width: 230px}
	.float.module3 {width: 370px}
	
	
	/*= global points cahier ---------------------------------------- */
	#superficie, #electroAutres, #electroLaveVaisselle, 
	#electroFroid, #electroMicroOndes, #electroFour {width: 450px}
	#nom, #prenom, #adresseRue, #email {width: 485px}
	
	div.fileinputs {
		position: relative; 
		float: left; clear: both;
		top: 5px; left: 90px; 
		}

	div.fileinputs input {width: 500px}
	
	/*= point 01 ---------------------------------------- */

	/*= point 02 ---------------------------------------- */
	#superficie {
		position: relative; 
		bottom: 2px!important;
		}
	/*= point 03 ---------------------------------------- */

	/*= point 04 ---------------------------------------- */

	/*= point 05 ---------------------------------------- */
	#typeRepas {
		width: 380px; 
		position: relative; 
		bottom: 2px!important;
		}
	
	/*= point 06 ---------------------------------------- */
	#ville {width: 270px}
	#electroEvier {width: 240px}
	
	/*= point 07 ---------------------------------------- */
	
	/*= point 08 ---------------------------------------- */
	
	
	/*= nav fin form ------------------------------------ */
	.barreBoutons {float: left; margin: 15px 0}
	.bouton {float: right}
	span.required {
		margin: 0 2px;
		color: red; font-weight: bold;
		}

	#lasuite, #leavant, #valider {
		text-indent: -500em; 
		display: block; 
		width: 138px; height: 22px;
		}
	#lasuite {
		background: url(/global/medias/magasins/btSuite.gif) no-repeat top left}
	#leavant { 
		background: url(/global/medias/magasins/btPrecedent.gif) no-repeat top left}
	#valider {
		background: url(/global/medias/magasins/btValider.gif) no-repeat top left}
	
	p.champsRequis {text-align: right;margin-top: 15px}