/*

IE6 : - ou _
IE6 et IE7 : / ou ? ou *
FireFox Opéra : !important


*/
html {
	font-family: arial, sans-serif;
	font-weight:400;
	font-size:11px;
	color:#6d6d6d;
	height:100%;
	font-weight:
	}
	

/*@font-face {

font-family: 'HattoriHanzoLight';
src:	url('../fonts/Hattori_Hanzo-webfont.eot');
src:	url('../fonts/Hattori_Hanzo-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Hattori_Hanzo-webfont.woff') format('woff'),
		url('../fonts/Hattori_Hanzo-webfont.ttf') format('truetype'),
		url('../fonts/Hattori_Hanzo-webfont.svg#HattoriHanzoLight') format('svg');
		font-weight: normal;
		font-style: normal;

}
*/
.navAlert {
	color:red;
	width:900px;
	margin:auto;
	padding:4px;
	border:1px dotted #44496c;
	font-size:16px; 
	margin-bottom:15px;
	}

body, div, h1, h2, h3, h4, h5, span, ul, li, ol, form, input, fieldset, p, a, cite, img, hr, br, dl, dd, dt, legend, label, table, td, th, sup, header, footer, nav, section, figure, aside, address, time {
	margin:0;
	padding:0;


	}

header, footer,	nav, section, aside, figcaption, article, hgroup, time {
	display:block;
	}

figure {
	display:inline;
}


	
body {
	height:100%;
	background-color: #e3e3e3;
    background-position: center;
    background-repeat: no-repeat;
	color:#000;
	}

a {
	color:#0139a1;
	text-decoration:none;
	outline: none; 
	}



a:hover {
	text-decoration:underline;
	outline: none; 
	}


h1, h2, h3, h4, h5 {
	font-weight:normal;
	color:#0139a1;
	}
	
h1 {
	font-size:28px;
	margin-bottom: 10px;
	}

h2 {
	font-size:24px;
	margin-top: 30px;
    margin-bottom: 10px;
	}


h3 {
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight:bold;
	}

h4 {
	font-size:16px;
	
	}
input {
	outline: none; }

#preload {
	display:none;
	}





header {
	
	position:relative;
	background-color:#fff;
	width:904px;
	margin:auto;
	padding:0 43px;
	overflow:hidden;
	}


header h1 {
	position:absolute;
	top:38px;
	left:210px;
	font-size:11px;
	}

header h1.ecom {
	left:260px;
	}

header div {
	position:absolute;
	top:34px;
	right:43px;
	}


header nav {
	font-size:11px;
	float:left;
	}

header nav a {
	position:relative;
	display:block;
	float:left;
	height:19px;
	background: url(../images/headerBt.jpg) repeat-x;
	padding-top:3px;
	padding-left:10px;
	width:100px;
	border:1px solid #dfdfdf;
	}
header nav a:hover {
	text-decoration:none;
	background: url(../images/headerBt_o.jpg);
	}
	
header nav a:last-child {
	border-left:none;}


header nav a.ecom{
	border:1px solid #dfdfdf;
	}
	
header nav a.logged, header nav a.filled{
	padding-left:22px;
	padding-right:30px;
	background: url(../images/headerBt_o.jpg);
	width:auto;
	border-right:none;
	}
	
header nav a.filled{
	border-right:1px solid #dfdfdf;
	}
	
header nav a.logoff {
	background: url(../images/headerBt_o.jpg);
	width:21px;
	padding:0;
	height:22px;
	}
header nav a.logoff img {
	position:absolute;
	top:0;
	left:0;
	}
header nav a.filled:hover, header nav a.logged:hover, header nav a.logoff:hover {
	background: url(../images/headerBt_s.jpg);
	}
	


header nav a.logged img, header nav a.filled img{
	position:absolute;
	top:0px;
	left:0px;
	} 

header nav a.filled {
	padding-left:30px;
	padding-right:30px;}


header section {
	padding-top:3px;
	padding-left:10px;
	border:1px solid #dfdfdf;
	border-left:none;
	width:150px;
	float:left;
	height:19px;
	}

header section input[type=text]{
	font-family: arial, sans-serif;
	font-size:11px;
	background-color:#fff;
	border:none;
	color:#184183;
	width:120px
	}

header section input[type=image] {
	position:absolute;
	top:1px;
	right:3px;
	}

section.navigation {
	background:#fff;
	width:904px;
	margin:auto;
	padding:0 43px;
	}
	
section.navigation nav {
	height:45px;
	text-align:center;
	margin:auto;
	padding-top:10px;
	background: url(../images/navBg.jpg);
	font-size:11px;
	}
	
section.navigation nav ul {
	display:block;
	margin-bottom:4px;
	}

section.navigation nav ul li {
	list-style:none;
	display:inline;
	color:#fff;
	line-height:1.30em;
	}

section.navigation nav ul li.current {
	padding:0 10px;
	}
	
section.navigation nav ul li.current:hover {
	-moz-border-radius: 3px; 
  	-webkit-border-radius: 3px; 
  	border-radius: 3px; 
	background:#fff;
	padding:3px 10px;
	color:#0139a1;
	-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2); 
	

	}

section.navigation nav ul li.selectedCat a{
	font-weight:700;
	}

section.navigation nav ul li.current a {
	
	color:#fff;
	text-transform:uppercase;
	}

section.navigation nav ul li.current:hover a {
	color:#0139a1;
	}	

section.navigation nav ul li.current a:hover{
	text-decoration:none;
	color:#0139a1;
	}



.selectedCat a {
	color:#0139a1;
	}


section#pageContainer {
	position:relative;
	background-color:#fff;
	width:904px;
	margin:auto;
	padding:0 43px;
	overflow:hidden;
	}


#verticalMenu {
	margin-top:0px;
	position:relative;
	float:left;
	width:230px;
	overflow:hidden;
	background:url(../images/vertSeparatorMid.jpg) right repeat-y;

	}
	
#verticalMenu h3{
	
	color:#0139a1;
	font-size:14px;
	font-weight:bold;
	
	}

.menuSousCategorie{
	font-size:12px;
	padding-left:10px;
	width:180px;
	
	
}




.menuSousCategorie li {
	padding-left:10px;
	list-style-type: none;
	margin:5px 0;
	background:url(../images/sfPlus.jpg) left 3px no-repeat;
}


.menuSousCategorie li.sfPlus {
	background:url(../images/sfPlus_desc.jpg) left 3px no-repeat;
	}

.sfPlus_desac {
	background:url(../images/sfPlus_desc.jpg) left 3px no-repeat;
	}
	

.menuSousCategorie li.sfPlusOpen {
	padding-left:13px;
	background:url(../images/sfPlusOpen.jpg) left 3px no-repeat;
	}
	
.menuSousCategorie li a{
	color:#707f9c;
	}
	
.menuSousCategorie li a:hover{
	color:#0139a1;
	}
	

li a.souCatSelected  {
	font-weight:bold;
	color:#0139a1;
	}

ul.menuSousCategorie li ul.menuSousFamille{
	
	margin-top:5px;
	margin-bottom:8px;
}

ul.menuSousCategorie li ul.menuSousFamille li {
	padding-left:0;
	background:none;
	font-weight:normal;
	white-space:nowrap;
	font-size:11px;
	list-style-type: none;
	margin:2px;
}

.menuSousFamille li a{
	color:#0139a1;
	}
	
.menuSousFamille li a:hover{
	color:#0139a1;
	
	
	}


.menuSousFamille li a.sousFamilleSelected { 
	font-weight:bold;
	color:#0139a1;
	
	}



#rightColumn {
	overflow:hidden;
	position:relative;
	z-index:1;
	padding-top:15px;
}

#rightColumn img {
	display:block;
}

.servicesImage, .sphereImage , .sphereImageTitle{
	margin-bottom:5px;
	
	}


.sphereImage {
	width:201px;
	}

#basketObserver {
	position:relative;
	height:40px;
	background:url(../images/PanierIcon.jpg) no-repeat;
	color:#ff2121;
	}
#basketObserver a {
	position:absolute;
	top:11px;
	left:80px;
	font-weight:bold;
	}
	

#basketObserver a:hover {
	font-weight:bold;
	}

#vertSeparatorTop {
	position:absolute;
	right:0;
	top:0;
	}

#vertSeparatorBot {
	position:absolute;
	right:0;
	bottom:0;
	}


/*
#navResult {
	margin-top:25px;
	overflow:auto;
}
*/
	
	
#headerPage {
	position:relative;
	margin-top:15px;
	margin-bottom:10px;
}
		

#stockUpdate{
	position:relative;
	float:right;
	width:168px;
	color:white;
	background-color:green;
	padding:2px;
	padding-left:20px;
	font-size:10px;
}
	
#stockAnim {
	position:absolute;
	top:4px;
	left:4px;
}
	
#stockUpdate span {
	position:absolute;
	width:220px;
	top:20px;
	right:0;
	text-align:right;
	color:green;
	
	}

ul#localizer {
	display:inline;
	list-style:none;
	font-size:10px;
	margin-bottom:20px;
	}

ul#localizer li {
	text-align:left;
	display:inline;
	margin-right:8px;
	color:#0139a1;
	
	
}

ul#localizer li a {
	color:#0139a1;
	text-decoration:none;
}

ul#localizer li a:hover {
	text-decoration:underline;
}



span.localizerSelected {
	color:#0139a1;
	text-decoration:underline;
	
}
	

#h2detail {
	background-color:#e9e9e9;
	font-size:12px;
	margin:0px;
	margin-bottom:10px;
	float:left;
	color:#0139a1;
	padding:4px 20px;
	padding-right:40px;
	
}
	
	/*Mettre cet h1list losque les filtres seront actifs*/	
#h1list {
	font-size:18px;
	margin-bottom:10px;
	float:left;
	margin-right:30px;
	color:#0139a1;
}

#h1detail {
	color:#0139a1;
	font-size:20px;
	margin-bottom:0;
	padding-bottom:20px;
}


section#slider, section#sliderMag {
	position:relative;
	margin:auto;
	width:990px;
	height:409px;
	}

section#slider a.recrutement{
	z-index:800;
	display:block;
	position:absolute;
	width:332px;
	height:117px;
	top:16px;
	right:33px;
	background:url(../images/recrute.png) no-repeat;
	letter-spacing:0.05em;
	text-decoration:none;
	}

section#slider a.recrutement h3{
	position:absolute;
	margin:0;
	padding:0;
	top:8px;
	left:120px;
	color:#000;
	font-size:17px;
	
	}
	
section#slider a.recrutement p {
	position:absolute;
	margin:0;
	padding:0;
	top:27px;
	left:135px;
	color:#000;
	font-size:10px;
}




section#slider p.magIndex {
	position:absolute;
	color:#c0c0c0;
	top:156px;
	left:227px;
	font-size:14px;
	line-height:15px;
	}
	
	

section#slider p.magIndex span {
	font-size:11px;
	}
.magContener {
	background:#fff;
	width:904px;
	margin:auto;
	padding:0 43px;
	padding-bottom:1px;
	}

.mapIndex{

	display:none;
	width:904px;
	height:400px;
	margin-bottom:15px;
	}


#slider a {
	display:block;
	}
	
#slider img, , #sliderMag img {
	display:block;
	}

.sliderUl{
	list-style:none;
	position:relative;
	display:block;
	height:230px;
	
	}	
.sliderUl li {
	display:block;
	position:absolute;
	top:0;
	left:0
	}

nav.magasins {
	position:relative;
	background-color:#fff;
	width:904px;
	margin:auto;
	padding:0 43px;
	height:53px;
	}

	
/*
nav.magasins img {
	float:left;
	}
*/

nav.magasins a {
	position:relative;
	display:block;
	float:left;
	background:url(../images/magBg.jpg) repeat-x;
	width:109px;
	height:37px;

	border-top:1px solid #5980b7;
	border-right:1px solid #5980b7;
	
	color:#fff;
	
	letter-spacing:-0.03em;
	text-decoration:none;
	font-size:13px;
	font-weight:400;
	line-height:2.5em;
	text-align:center;
	}

nav.magasins a:first-child {
	cursor:default;
	width:253px;
	text-align:left;
	padding-left:20px;
	
	}
	
nav.magasins a:first-child:hover {
	background:url(../images/magBg.jpg) repeat-x;
	}
	
nav.change a:first-child {
	cursor:default;
	width:213px;
	text-align:left;
	padding-left:20px;
	}

nav.magasins a:last-child {
	width:110px;
	border-right:none;
	
	}

nav.magasins a:first-child + a, nav.magasins a:first-child + a + a, nav.change a:first-child + a + a + a {
	width:149px;
	}

nav.magasins a + a:after {
	content:url(../images/magArrow.png);
	position:absolute;
	top:10px;
	right:6px;
	}
	

nav.magasins a:hover {
	background:url(../images/magBg_o.jpg) repeat-x;
	}
	
section#banners, section#bannersMag, section#article {
	position:relative;
	background-color:#fff;
	width:904px;
	margin:auto;
	padding:0 43px;
	overflow:hidden;
	}
	
section#article section.content {
	border: 1px solid #C00;
	padding: 15px;
	}
section#banners a:hover {
	text-decoration:none;
	}

section#banners section, section#bannersMag section {
	font-family: arial, sans-serif;
	position:relative;
	padding-top:10px;
	padding-left:20px;
	float:left;
	width:282px;
	height:167px;
	}
section#banners a, section#bannersMag a {
	color:#767676;
	}

section#banners section.aio {
	background:url(../images/ban_aio.jpg) no-repeat;
	}

section#banners section.portables {
	background:url(../images/ban_portable.jpg) no-repeat;
	}
	
section#banners section.tablettes {
	background:url(../images/ban_tablettes.jpg) no-repeat;
	width:280px;
	}

section#banners section.reparations {
	background:url(../images/ban_reparation.jpg) no-repeat;
	}

section#bannersMag section.reparations {
	background:url(../images/ban_reparation_mag.jpg) no-repeat;
	}

section#banners section.pdetachees {
	background:url(../images/ban_pdetachees.jpg) no-repeat;
	}
	
section#bannersMag section.pdetachees {
	background:url(../images/ban_pdetachees_mag.jpg) no-repeat;
	width:280px;
	}
	
section#banners section.stockage {
	background:url(../images/ban_stockage.jpg) no-repeat;
	width:280px;
	}

section#banners section.videosurv {
	background:url(../images/ban_videosurv.jpg) no-repeat;
	}

section#bannersMag section.garantie {
	background:url(../images/ban_garantie_mag.jpg) no-repeat;
	}

section#banners section h2, section#bannersMag section h2{
	font-family: 'Oswald', sans-serif;
	margin:0;
	padding:0;
	padding-left:2px;
	color:#000;
	font-size:22px;
	letter-spacing:-0.03em;
	margin-bottom:2px;
	
	}

section#banners section ul li, section#bannersMag section ul li  {
	list-style:outside none;
	font-size:12px;
	line-height:1.3em;
	}
	
section#banners section p, section#bannersMag section p  {
	margin-top:7px;
	line-height:1.2em;
	font-size:10px;
	}



section#bannersMag{
	
	height:157px;
	padding-bottom:10px;
	}
section#banners img, section#bannersMag img {
	display:block;
	float:left;
	margin-bottom:16px;
	
	}


.viderPanier {
	position:absolute;
	right:0;
	top:120px;}


nav.callrequest {
	position:relative;
	background-color:#fff;
	width:904px;
	margin:auto;
	padding:15px 43px;
	overflow:hidden;
	font-family: arial, sans-serif;

	}

nav.bottomProductList {
	position:relative;
	background-color:#fff;
	width:904px;
	margin:auto;
	padding:15px 43px;
	overflow:hidden;
	font-family: arial, sans-serif;
	
	}

.linkBox {
	width:136px;
	margin-right:14px;
	float:left;


	}

.linkBox a {	
	color:#686868;
	font-size:10px;
	}
	
.linkBox h3.cat, footer nav li:first-child{
	margin-top:0;
	margin-bottom:10px;
	color:#101010;
	font-weight:normal;
	font-size:11px;
	text-transform:uppercase;
	}
	
	

footer {
	position:relative;
	margin:auto;
	width:990px;
	overflow:hidden;
	margin-bottom:50px;

	}

footer figure img {
	display:block;
	}

footer nav {
	position:relative;
	background-color:#fff;
	width:904px;
	margin:auto;
	padding:0 43px;
	overflow:hidden;
	padding-bottom:35px;
	}
	
footer hr {
	margin:auto;
	display:block;
	width:990px;
	border:none;
	border-top:1px solid #ccc;
	height:0;
	margin-top:15px;
	margin-bottom:15px;
	}

footer nav ul {
	display:block;
	width:160px;
	float:left;
	margin-right:20px;
	}
footer nav.maga ul {
	display:block;
	width: 136px;
	margin-right: 14px;
	float:left;
	}

footer nav.maga div h2 {
	margin:0;
	
	}
	
footer nav.maga div p span:first-child {
	font-size:16px;
	margin-bottom:30px;
	font-weight:bold;
}
.end {
	width:280px;
}
	
footer nav li {
	list-style:none;
	}
footer nav li a{
	color:#686868;
	}

.footerAddress{
	display:block;
	float:left;
	margin-left:20px;
	}

.footerAddress h2 {
	position:relative;
	}

section#summaryLinks {
	margin:auto;
	display:block;
	width:990px;

	overflow:hidden;
	}

section#summaryLinks ul {
	display:block;
	float:right;
	clear:both;
	}

section#summaryLinks li{
	list-style:none;
	display:inline;
	
	}
section#summaryLinks li a {
	color:#0060ea;
	}
.spacer {
	padding:0 15px;
	}

	
.mention {
	float:left;
	margin:auto;
	position:relative;
	width:990px;
	}
.mention span {
	position:absolute;
	top:0;
	right:0;
	}
	
.mention span a {color:#0060ea;}





/* POPUP ANNONCE*/
#homePopContainer {
	position:absolute;
	width:100%;
	padding-top:15px;
	top:139px;
	right:0;
	z-index:999;
	}

#popupAnnonce {
	position:relative;	
	cursor:pointer;
	width:902px;
	margin:auto;
	background-color:#000;
	filter:alpha(opacity=90);
   -moz-opacity:0.9;
   -khtml-opacity: 0.9;
   opacity: 0.9;
   border:1px solid #def8ff;
   -moz-box-shadow: 1px 1px 30px #000;
	-webkit-box-shadow: 1px 1px 30px #000;
   
	}
	
#annonce {
	cursor:pointer;
	position:absolute;
	width:100%;
	top:0;
	left:0;
	padding-top:100px;
	z-index:999;
	text-align:center;
	color:white;
	font-size:16px;
	}
	

	
/* POPUP ANNONCE*/






	
.margin20 {
	
	}
	
.margin11 {
	margin-left:11px;
	}

.left {
	float:left;
	}
.block {
	display:block;
	}
.right {
	float:right;
	}

.center {
	text-align:center;
	}

.white {
	color:white;
	}
.black {
	color:black;
	}

.bleuFonce {
	color:#2e4d82;}

.red {
	color:red;
	}
	
.yellow {
	color:#ffd800;
	}
.blue {
	color:#0084ff;
	}

.orange {
	color:#ff7e00;
	}
	

.green {
	color:#17c300;
	}

.mauve {
	color:#5c007e;
	}
.colorConfig {
	color:#4c75d9;
	}

img {
	border:0;
	}

.clear {
	clear:both;
	}

.italic {
	font-style:italic;
	}
	
.bold {
	font-weight:bold;
	}

.uppercase {
	text-transform:uppercase;
	}

.underline {
	text-decoration:underline;
	}

.size16 {
	font-size:16px;
	}

.size13 {
        font-size:13px;
        }
		
.size10 {
        font-size:10px;
        }

.pointer {
	cursor:pointer;
	}



.warningBox, .informationBox, .successBox, .secureBox, .billingAdressBox, .otherAdressBox, .statusBox {
	float:left;
	color:white;
	font-size:x-small;
	letter-spacing:.1px;
	padding:3px 8px;
	margin-right:10px;
	overflow:visible;
	display:block;
	}

.billingAdressBox, .otherAdressBox {
	
	margin-bottom:15px;
	width:360px;
	}
	
.statusBox {
	background-color:white;
	color:black;
	}

.secureBox {
	background-color:#ffd800;
	color:black;
	}

.warningBox {
	background-color:red;
	}
	
.informationBox {
	background-color:#0084ff;
	}

.successBox {
	background-color:#01a90e;
	}

.billingAdressBox {
	background:url(../images/tableBg2.jpg) repeat;
	}

.otherAdressBox {
	background:url(../images/tableBg2.jpg) repeat;
	}

.informationTxt, .warningTxt, .successTxt, .secureTxt, .statusTxt {
	float:left;
	padding-top:3px;
	margin-bottom:20px;
	display:block;
	}
	
.informationTxt {
	color:#0084ff;
	font-size:10px;
	}
	
.warningTxt {
	color:red;
	}
	
.successTxt {
	color:#01a90e;
	}
	
.secureTxt {
	color:black;
	}
	
.statusTxt {
	margin-bottom:0;
	}
	
.informationTxt a {
	text-decoration:underline;
	}





	
	
#content, #leftContentMarge  {
	float:left;
	width:674px;
	padding-top:16px;
	position:relative;
	display:block;
	z-index:1;
	overflow:hidden;

	}

div#content br {
	clear:both;
	}

	 
#leftContentMarge a, #configurateurHeader a {
    color:#1e4e9d;
    }
	
#leftContentMarge a:hover, #configurateurHeader a:hover {
	color:#ec6400;
	text-decoration: underline;
	}	
	

#spheres img {
	float:left;
	}
	
.sphereMargin {	
	margin-bottom:12px;
	}
	
.titleBox {
	padding:5px 10px;
	background: url(../images/navBg.jpg) repeat-x;
	z-index:100;
	color:#fff;
	}


	
.open, .close{
	margin-top:15px;
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	}

.open {
	margin-left:20px;
	}
	
.close {
	margin-left:11px;
	}



/* LOGIN */

.loginBox {
	float:left;
	width:290px;
	margin-bottom:40px;
	}
	
#basketType {
	z-index:800;
	display:none;
	background-color:white;
	position:absolute;
	top:120px;
	left:0px;
	padding:10px;
	border:1px dotted #0084ff;
	filter:alpha(opacity=90);
	-moz-opacity:.9;
	opacity:.9;
	color:black;
	}
	
.loginTable {
	margin:20px 0;
	width:100%;
	border:0;
	
	}
.loginTable td {
	padding:5px;	
	}

.loginTable input {
	font-size:10px;
	}


.inscription {
	padding:10px 20px;
	}
	
.loginBox h3 {
	padding:0 20px;
	margin-bottom:0;
	}
	
	
.loginRub {
	float:left;
	width:330px;
	margin-right:20px;
	}
/* FIN LOGIN */





/* ACCOUNT */

#disconnect {
	float:right;
	}
.accountMenu {
	width:250px;
	margin-right:30px;
	}

.accountMenu, .accountMenu img, .accountMenu p{
	float:left;
	}

.accountMenu img {
	margin-right:10px;
	}
	
/* FIN ACCOUNT */

	
/* CREATE ACCOUNT */	

#note {
	font-size:10px;
	padding:5px 0;
	color:black;
	}

.infoObligatoires {
	font-size:9px;
	font-style:italic;
	}
	
.tableAccount {
	margin-top:30px;
	width: 600px;
	}

.tableAccount td{
	padding:5px;
	}

.leftTdAccount {
	text-align:right;
	width:230px;
	}

.success {
	font-size:14px;
	color:black;
	}


/* FIN CREATE ACCOUNT */



/* EDIT ACCOUNT */

.accountEdit {
	font-size:20px;
	margin-bottom:15px;
	}
	
.tableAccountEdit {
	width:100%;
	background:url(../images/tableBg2.jpg);
	border:1px dashed #858585;
	padding:20px;
	
	}

.tableAccountEdit td{
	padding:3px;
	}

.leftTdAccountEdit {
	text-align:right;
	
	}

/* FIN EDIT ACCOUNT */



/* ADDRESS BOOK */


.BgBoxDotted, .BgBoxDotted2, .BgBoxDotted3 {
	position:relative;
	padding:5px;
	margin-bottom:10px;
	border:1px dashed #0139a1;
	float:left;
	}
	
	
.addressBox {
	position:relative;
	overflow:hidden;
	background:url(../images/tableBg2.jpg);
	color:black;
	font-size:12px;
	padding:10px;
	border:1px dashed #858585;
	margin-bottom:10px;
	}
	
.addressBox2 {
	position:relative;
	overflow:hidden;
	background:url(../images/tableBg2.jpg);

	font-size:10px;
	padding:10px;
	margin:10px 0;
	}
	
.addressBoxMain2 {
	position:relative;
	overflow:hidden;
	background:url(../images/BoxBgBlue.jpg);

	font-size:10px;
	padding:10px;
	margin:10px 0;
	
		}

.addressBoxMain {
	position:relative;
	overflow:hidden;
	background:url(../images/BoxBgBlue.jpg);
	color:black;
	font-size:12px;
	padding:10px;
	border:1px dashed #0139a1;
	margin-bottom:10px;
	}

.boxName {
	font-size:16px;
	font-weight:bold;
	}
	
.addressNb {
	margin-top:10px;
	margin-bottom:6px;
	}	
	
/* FIN ADDRESS BOOK */


/* checkout_shipping_address */

#toSelected {
	border-color:#cccccc;
	}
	
	
#defaultSelected, .BgBoxDotted2:hover, .BgBoxDotted3:hover {

	}
	
	

/* fin checkout_shipping_address */

/* ACCOUNT HISOTY */

	
	

	
	
.accountInfo {
	background-color:#efefef;
	padding:0;
	color:red;
	}
	


/* GARANTIE */
	
.guideGarantie {
	width: 100%;
	overflow: auto;
	padding: 3px;
	border-bottom: 1px solid #cdcdcd;
	}
	
.guideGarantie p {
	float:left;
	}

.garantie1 {
	width: 200px;
	}

.garantie2 {
	width: 510px;
	}
	
/* GARANTIE */
	
	


/* CHECKOUT SHIPPING */





.shippingMethod, .shippingMethod2  {
	position:relative;
 	border:1px dashed #858585;
	background:url(../images/tableBg2.jpg);
	font-size:14px;
	padding:20px;
	color:#858585;
	font-weight:bold;
	cursor:pointer;
	overflow:hidden;
	}
	
.shippingMethod2 {
 	border:none;
	display:block;
	}

.shippingMethod3 {
	position:relative;
 	border:1px dashed #858585;
	padding:20px;
	color:#858585;
	cursor:pointer;
	overflow:hidden;
	display:block;
	}

.shippingMethod:hover {
 	border-color:#0139a1;
	background:url(../images/BoxBgBlue.jpg);
	color:#0139a1;
	}

.shippingMethod3:hover {
 	border-color:#0139a1;
	color:#0139a1;
	}

.shippingMethod3Selected {
	border:1px dashed #0139a1;
	overflow:hidden;
	padding:20px;
	color:#0139a1;
	cursor:pointer;}

.shippingMethodSelected {
	border:1px dashed #0139a1;
	overflow:hidden;
	background:url(../images/BoxBgBlue.jpg);
	font-size:14px;
	padding:20px;
	color:#0139a1;
	font-weight:bold;
	cursor:pointer;}
	
.shippingMethodSelected a {
	color:#0139a1;
}

.shippingMethod input, .shippingMethodSelected input	{
	margin-right:10px;
	}
	



/* FIN CHECKOUT SHIPPING */	



/* FIN CHECKOUT CONFIRMATION */	
	
	
.basketBox, .basketBoxConfig {
	color:white;
	font-size:x-small;
	letter-spacing:.1px;
	padding:3px 8px;
	overflow:visible;
	display:block;
	border:1px dashed #849fd2;
	border-bottom:none;
}	


.pieces {
	
	background:#0090ff;
}

.config, .basketBoxConfig {
	background-color:#5983a6;
	}
	
.total {
	background-color:#a0b4e4;
	}


	
.markProductOutOfStock {
	}
	
.BgBox, .BgBoxBlue, .BgBoxBlueSelected, .BgBoxRed {
	padding:15px;

	}

.BgBoxBlue {
	position:relative;
	border:1px dashed #849fd2;
	background:url(../images/BoxBgBlue.jpg);
	color:#000;
}

table.totalShop, table.totalConfirm {
	width:100%;
	background:url(../images/BoxBgBlue.jpg);
	border-collapse:collapse;
	border:1px dashed black;
}
table.totalShop th, table.totalShop td, table.totalConfirm td, table.totalConfirm th {
	padding:10px 20px;
	}
	
table.totalShop th, table.totalConfirm th{
	padding-bottom:0;
	text-align:left;
	font-size:12px;
	}

	
table.totalShop th:last-child, table.totalConfirm th:last-child, table.totalConfirm td:last-child {
	text-align:right;
	font-size:15px;
	font-weight:700;
	}


table.configCart {
	width:100%;
	border-collapse:collapse;
	background:#f0f5ff;
	}
	
table.configCart tr:first-child td {
	background:#5983a6;
	color:#fff;
	height:20px;
	font-weight:bold;
	padding-bottom:5px;
	text-align:left;
	}


p.panierConf {
	font-size:13px;
	}

table.panierConf {
	width:100%;
	border-collapse:collapse;
	background:url(../images/tableBg2.jpg);
	border:1px dashed #858585;
	}
	
table.panierConf td:first-child{
	font-weight:bold;
	}

table.panierConf td{
	padding:5px 15px;
	vertical-align:middle;
	}

table.panierConf input[type=text] {
	width:200px;
	font-weight:bold;
	}
table.panierConf td:last-child {
	text-align:left;
	}

table.panierConf tr:first-child td {
	padding-top:15px;
}
table.panierConf tr:first-child td:first-child {
	width:400px;
}



table.configCart th:first-child, table.configCart td:first-child {
	text-align:left;
	padding-left:12px;
	}
	
table.configCart th:first-child + th, table.configCart td:first-child + td {
	width:50px;
	text-align:center;
	}

table.configCart th:first-child + th + th, table.configCart td:first-child + td + td {
	width:90px;
	text-align:right;
	} 

table.configCart th:last-child, table.configCart td:last-child {
	width:40px;
	text-align:center;
	} 

table.configCart td, table.configCart th {
	padding-top:5px;
	}

table.configCart tr:last-child td {
	font-weight:bold;
	font-size:12px;
	padding-bottom:15px;
	padding-top:15px;
	}
table.configCart th {
	padding:15px 0;}




table.shoppingCart {
	width:100%;
	border-collapse:collapse;
	font-size:10px;
	background:#f0f5ff;
	border-top:none;
	color:#000;
	
	}


table.shoppingCart tr:first-child td {
	background:#0090ff;
	color:#fff;
	font-size:12px;
	font-weight:700;

	}

table.shoppingCart tr:last-child td  {
	background:#dfeaff;
	color:#000;
	font-size:12px;
	font-weight:700;
	border-top:1px dashed #b1cbff;
	height:50px;
	
	}

table.shoppingCart tr:last-child td:last-child {
	text-align:right;
	padding-right:10px;}





table.shoppingCart tr.pieceConf td{
	background:#5983a6;
	}
	


table.shoppingCart a {
	color:#000;
	}

table.shoppingCart th, table.shoppingCart td {
	vertical-align:middle;
	}

table.shoppingCart th:first-child {
	text-align:left;
	padding-left:10px;
	height:30px;
	}

table.shoppingCart th:first-child + th {
	width:80px;
	text-align:left;
	}
	

table.shoppingCart td.reference {
	vertical-align:top;
	}
	
table.shoppingCart th:first-child + th + th {
	width:30px;
	text-align:left;
	}
	
table.shoppingCart th:first-child + th + th + th, table.shoppingCart th:first-child + th + th + th + th, table.shoppingCart td:first-child + td + td + td, table.shoppingCart td:first-child + td + td + td + td  {
	width:60px;
	text-align:right;
	}

table.shoppingCart th:first-child + th + th + th + th + th, table.shoppingCart td:first-child + td + td + td + td + td {
	width:70px;
	text-align:right;
	}



table th.piecedet, table td.piecedet {
	text-align:center;
	width:30px;
	padding-right:0;
	}

table.shoppingCart td:first-child {
	text-align:left;
	padding-left:10px;
	height:30px;
	
	}
	
table.shoppingCart td:first-child + td + td + td + td + td {
	font-weight:700;
	
	}

table.confirmation td {
	vertical-align:top;
	height:40px;
	}
	
table.confirmation tr:first-child td, table.confirmation tr:last-child td {
	vertical-align:middle;
	}
	
table.confirmation th:first-child + th + th {
	width:60px;
	text-align:right;
	}
	
table.confirmation th:first-child + th {
	width:120px;
}
	

table.confirmation tr:first-child + tr td {
	height:10px;
	vertical-align:top;
	}

	
table.confirmation tr:last-child td {
	font-size:15px;}


.BgBoxConfig {
	padding:12px;
	display:block;
	}

table.BgBoxBlueSelected {
	background:url(../images/BoxBgBlue.jpg);
	border:1px dashed black;
	color:black;
	border-collapse:collapse;
	width:100%;
	}
table.avis td {
	text-align:center;
	font-size:13px;
	padding:10px;
	font-weight:bold;
	}
	
.BgBoxBlueSelected {
 	background:url(../images/BoxBgBlue.jpg);
	border:1px dashed black;
	color:black;
	}

.BgBoxRed {
 	background:url(../images/BoxBgRed.jpg);
	}


.BgBox, .BgBoxConfig {
 	background:url(../images/tableBg2.jpg);
	border:1px dashed #858585;
	}

table.BgBox, table.historique {
	background:url(../images/tableBg2.jpg);
	border:1px dashed #858585;
	border-collapse:collapse;
	width:100%;
	}

table.BgBox td, table.historique td, table.historique th {
	padding-top:5px;
	padding-left:12px;
}

table.BgBox tr:first-child td, table.historique tr:first-child td, table.historique th{
	padding-top:15px;
}

table.BgBox tr:last-child td,  table.historique tr:last-child td{
	padding-bottom:15px;
}


table.historique th {
	font-weight:normal;
	text-align:left;
	}
table.historique td {
	font-weight:bold;
	}


table.historique td:first-child {
	width:80px;
	}
	
table.historique td:first-child + td {
	width:60px;
	}

table.historique td:first-child + td + td {
	width:80px;
	}



table.addressbook tr td:first-child {
	width:130px;
	}






.okCGV {
	padding:10px;
	font-size:11px;
	margin-right:10px;
	display:block;
	}


	

	
.payment {
	width: 670px;
	font-size:11px;
	margin:10px 0;
	}
	
.BgBox p {

	}
	
.BgBox table td, .BgBoxBlue table td {
	padding-bottom:10px;
	}
	
.orderStatus li{
	display:inline-table;
	margin-right:25px;
	}
	
/* CHECKOUT CONFIRMATION */	
	
	


/* FORMULAIRES */

span.inputRequirement {
	font-size: 11px;
	color: #ff0000;
}



.radioDemande {
	font-size:12px;
	font-weight:bold;
	float:left;
	background-color:#fff;
	padding:10px;
	padding-top:15px;
	padding-left:50px;
	border:1px dotted #858585;
	margin-right:20px;
	background-repeat:no-repeat;
	background-position:left center;
	cursor:pointer;
	}
	
.radioDemande label {
	cursor:pointer;}


.dem-piece {
	width:255px;
	background-image:url(../images/dem-piece.png);
	}

.dem-rep {
		float:right;
	width:259px;
	margin-right:0;
	background-image:url(../images/dem-rep.png);
	
	}


/* CONFIGURATEUR */

#chargement, #chargement2 {
	z-index:800;
	position:absolute;
	top:0px;
	left:0px;
	height:10000px;

	width:740px;
	display:block;
	background-color:white;
	filter:alpha(opacity=90);
	-moz-opacity:.9;
	opacity:.9;
	
	color:#4c75d9;
	font-size:18px;
	text-align:center;
	padding-top:150px;
	}
	


#chargement img {
    margin-right:20px;
	}


#pop1 {
	position:absolute;
	top:0;
	left:0;
	display: none;
	z-index: 850;
	text-align:center;
	cursor:pointer;
	width: 100%;
	height: 10000px;

	}
	
#pop {
	position:absolute;
	left:0;
	display: none;
	z-index: 850;
	text-align:center;
	cursor:pointer;
	width: 740px;
	height: 10000px;
	padding-top:100px;
}



#pop1Background {
	position:absolute;
	background-color:white;
	width: 100%;
	height:10000px;
	z-index: 800;
	text-align:center;
	cursor:pointer;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	}



#popContainer {
	position:absolute;
	top:100px;
	left:0;
	z-index: 825;
	position: relative;
	}


.MessageBox {
	background-color:#e8efff;
	width: 400px;
	margin:auto;
	overflow:hidden;
	padding:10px 0;
	border: 2px solid #4c75d9;
	position: relative;
	}

.Question {
	padding:5px 10px;
	font-size:15px;
	color:#4c75d9;
	}

.Question2 {
	padding:5px 10px;
	font-size:12px;
	color:#4c75d9;
	}

.ButtonBox {
	margin:auto;
	margin-top:5px;
	margin-bottom:5px;
	width:110px;
}

.ButtonBox p {
	background-color:#4c75d9;
	margin-left:5px;
	width:40px;
	padding:2px;
	font-size:12px;
	font-weight:bold;
	float:left;
	margin-bottom:10px;
	}

.ButtonBox2 {
	margin:auto;
	margin-top:5px;
	margin-bottom:5px;
	width:110px;
}

.ButtonBox2 p {
	background-color:#4c75d9;
	margin-left:5px;
	width:40px;
	padding:2px;
	font-size:12px;
	font-weight:bold;
	float:left;
	margin-bottom:10px;
	}



.ButtonBox p:hover {
	background-color:#4c75d9;
	}
	

.ButtonBox p a:hover {
	text-decoration:none;
		}
		
.CloseWindow, .CloseWindow2 {
	font-size:8px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#4c75d9;
	}
.CloseWindow2 {
	margin-top:10px;
	}


#configContainer {
	position:absolute;
	top:95px;
	right:0;
	overflow:hidden;
	width:320px;

	}
	
.confIntro {
	width:330px;
	float:left;
	}



#compRequire {
	top:7px;
	left:7px;
	background-color:#e8efff;
	width:305px;
	height:105px;
	z-index:800;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
	color:#152363;
	border: 1px solid #4c75d9;
	text-align:center;
	display:none;
	overflow:visible;
}

#compRequire2bg {
	top:-60px;
	left:0px;
	background-color:white;
	width:100%;
	height:10000px;
	z-index:700;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	text-align:center;
	display:none;
	overflow:visible;
	cursor:pointer;
}

#compRequireCont {
	cursor:pointer;
	z-index:850;
	width:100%;
	text-align:center;
	display:none;
	}

#compRequire2 {
	cursor:pointer;
	background-color:#e8efff;
	width:60%;
	height:120px;
	color:#152363;
	border: 1px solid #4c75d9;
	text-align:center;
	overflow:visible;
	margin:auto;
}


.compRequire2Txt {
	margin:10px;
	margin-top:15px;
	}
.compRequire2Txt strong{
	font-size:12px;
	margin:0 5px;
	}

#compRequire p {
	margin-top:5px;
	font-size:11px;
	}
	
ul.MainLinks {  
	display:block;
}

.MainLinks, .SubLinks {  
	position:relative;
	list-style:inside;
	list-style-type:none;
}


.SubLinksContainer{
	background-color: #f1f1f1; 
	padding-top: 8px;
	height: 22px;
	width: 100%;
	position:relative;

	
}

	
.li-MainLinks {
	position:relative;
	border-right: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	display:inline;
	float:left;
	width:133px;
	padding: 8px 0 8px 0;
	text-align: center;
	font-size:10px;
	background: #616161;
	text-transform: uppercase;
}

.li-MainLinks img {
	position:absolute;
	top:5px;
	right:3px;
	}

.MainLinks a:hover {
	color: #ffffff;   /* #074087; */
	text-decoration: underline;
	}

.a-MainLinks {
	color: #ffffff;   /* #074087; */

	}

.li-selected {
	background-color: #f1f1f1;  /* #074087; */
		border-right: 1px dashed #616161;
		
	}

.a-selected {
	color:black;
	font-weight: bold;
	text-decoration: none;
	}

.li-SubLinks {
	position:relative;
	display: inline;
	float:left;
	text-align: center;
	padding: 0 14px;
}

.SubLinks li img{
	position:absolute;
	top:2px;
	right:0;
}

.a-SubLinks {
	color: #5a5a5a; 
	font-size:10px;
	}
	
.SubLinks a:hover {
	color: #5a5a5a;
	text-decoration: underline;
	}	






#changeQty2 {
	height:34px;
	width:76px;
}



#changeQtyBg {
	width:50px;
	display:block;
	background:url(../images/qtyBg.png) no-repeat;
	height:34px;
	float:left;

	}
	
#qty2 {
	margin-top:8px;
	float:left;
	width:22px;
	height:15px;
	font-size:13px;
	font-weight:bold;
	color:#242424;
	border:1px solid #e2e2e2;
	text-align:center;
}

#moreLess2 {
	margin-top:4px;
	margin-left:5px;
	float:left;
	width:11px;
	height:23px;
	position:relative;
	}

#moreLess2 img {
	cursor:pointer;
	position:absolute;
	}

#more2 {
	top:2px;
	}	
	
#less2 {
 	top:14px;
	}
	


.batterieBox {
	padding:10px;
	text-align:center

	}


.mag {

	margin:20px;
	margin-left:0;
	float:left;
	}
	
.magName{
	color:#000;
	font-size:22px;
	margin:0;
	margin-bottom:5px;
	}

.imgMag {
	
	border-bottom:none;
	display:block;
	}

.coord {
	
	border-top:none;
	background:#fff;
	/*background:url(../images/magBg.jpg);*/
	padding:10px;
	padding-left:0;
	}
	
.coord p {
	color:#777;
	font-size:10px;
	}
	

.ouverture {
	font-size:16px;
	font-weight:bold;
	color:#777;
	margin-bottom:0px;
	}
	
	
.mapIcon, .parkIcon  {
	float:left;
	margin-right:9px;
	margin-top:13px;
	}
	
.mapIcon {
	cursor:pointer;
	}
	
hr.agence {
	margin:auto;
	display:block;
	border:none;
	border-top:1px solid #d9dada;
	height:0;
	margin-top:15px;
	margin-bottom:15px;
	}
	
.map_canvas{
	clear:both;
	display:none;
	width:674px;
	height:400px;
	-moz-box-shadow: 1px 1px 12px #666;
	-webkit-box-shadow: 1px 1px 12px #666;
	box-shadow: 1px 1px 12px #666; 
	margin-top:15px;
	}
	



/* formulaire de recherche avancée */

#filtreSousCategorie{
	position:relative;
	padding:20px;
	padding-bottom:0px;
}

#filtreSousCategorie ul{
	position:relative;
	margin-bottom:20px;
	clear:both;
}

#filtreSousCategorie li{
	position:relative;
	float:left;
	width:25%;
	text-align:left;
}

.lienActif{
	color:#6D6D6D;
	font-weight:bold;
}

.lien{
	color:#0139A1;
}

.lien:hover{
	color:orange;
}

.sousTitreRecherche{
	color:#666;
	font-size:16px;
}



#motcle{
	width: 350px;
	margin-right: 10px;
}
#constructeur{
	width: 210px;
}
#dispo, #promo, #nouveau{
	margin-right: 5px;
}

#prixmin, #prixmax{
	width: 40px;
	text-align: right;
}
.radioPrix{
	margin:5px;
}


table.garantieTable {
	width:100%;
	}
	
table.garantieTable td {
	border-bottom:1px solid #ccc;
	}
	
	
div.marquesBatteries ul.marques li {
	display:block;
	width:80px;
	float:left;
	margin-left:5px;

	}
	
div.marquesBatteries ul.modeles li {
	display:block;
	width:130px;
	float:left;
	margin-left:5px;

	}
	
div.marquesBatteries ul.marques li a, div.marquesBatteries ul.modeles li a {
	color:#555;}

div.marquesBatteries h2 {
	font-size:26px;
	font-weight:bold;
	margin:0;
	}



div#content div.marquesBatteries h1 {
	font-size:18px;
	margin:0;
	}
	
div.marquesBatteries h3 {
	display:block;
	background:#f0f0f0;
	padding:5px;
	}
	
	
ul.faq {
	padding-top: 10px;
	padding-left: 30px;
	list-style-type:square;
	}
	
a.tarifs {
	display:block;
	background:url(../images/xls_gr.gif) top center no-repeat;
	padding-top:50px;
	height:30px;
	width:150px;
	text-align:center;
	vertical-align:bottom;
	margin-top:30px;
	}
	
a.tarifs:hover {
	text-decoration:none;
	color:green;
	}	
	
div#tnz, div#mts,div#iut, div#avi,div#nms, div#pon {
	width:674px;
	padding:0;
	}

ul.avantages {
	display:block;
	padding-left:90px;
	height:60px;
	}
	
ul.avantages li {
	list-style-type:square;
	}

ul.prod {
	background:url(../../../images/magasin-produit.gif) left center no-repeat;
	
	}
	
ul.serv {
	background:url(../../../images/magasin-conseil.gif)left center  no-repeat;
	}

ul.entr {
	background:url(../../../images/magasin-professionnel.gif)left center  no-repeat;
	}
	
ul.rep {
	background:url(../../../images/magasin-service.gif)left center  no-repeat;
	}
	

	
table.lexique, table.recrut, table.confStatus {
	border-collapse:collapse;
	width:100%;
	}
	
table.confStatus {
	
	background:url(../images/tableBg2.jpg);
	border:1px dashed #858585;
}
table.confStatus td{
	height:15px;
	vertical-align:middle;
}
table.confStatus td:first-child {
	padding-left:12px;
}
table.confStatus tr:first-child td {

	padding-top:12px;
	}
table.confStatus td:first-child + td {
	font-weight:bold;
	width:60px;
	padding-left:5px;
	}


table.confStatus tr:last-child td {
	padding:10px ;
	
	} 
	
table.confStatus td span {
	font-size:25px;
	font-weight:bold;
	}

table.confStatus td:first-child + td + td {
	width:20px;
	}

table.lexique td, table.recrut td {
	text-align:left;
	vertical-align:top;
}


table.recrut td {
	padding:5px 0;
	padding-left:20px;
	}

table.recrut tr:first-child td{
	padding-top:10px;
	}
table.recrut tr:last-child td {
	padding-bottom:10px;
	}

table.recrut td:first-child {
	width:100px;
	}
	
table.lexique td:first-child {
	width:180px;
	}	
	
table.lexique tr td:last-child  {
	padding-bottom:20px;
	}
	
table.lexique tr td:first-child {
	font-weight:bold;
	}
	
	
	
p.engagements {
	padding-left:80px;
	height:80px;

	margin-bottom:10px;
	}
	
p.un {
	background:url(../../../images/engage1.gif) left top no-repeat;
	}
	
p.deux {
	background:url(../../../images/engage2.gif) left top no-repeat;
	}	
p.trois {
	background:url(../../../images/engage3.gif) left top no-repeat;
	}		
	
p.quatre {
	background:url(../../../images/engage4.gif) left top no-repeat;
	}

p.cinq {
	background:url(../../../images/engage5.gif) left center no-repeat;
	}	
	
ul.soc {	
padding-left:30px;	
}

ul.soc > li {
	list-style:square;
}

ul.soc li ul {
	margin-left:10px;
	margin-bottom:10px;
}


ul.faq li {
	color:#0139a1;
	cursor:pointer;
	list-style:square;
	}
	
	


div.boxCont br {
	clear:none;
	}
	
div.box{
	
	display:none;

	width:100%;

	}
	
div.box br {
	clear:both;
	}