@charset "ISO-8859-1";
/* CSS Document */
 
html{
 margin:0;
padding:0;
 
}
body{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background:#000 url(../images/bg_body.png) top left repeat-x;
color:#FFF; 
}
p{
line-height:14px;	
}
img{
border:none;	
margin:0;
padding:0;	
}
form,label,p,h1,h2,h3,h4,h5,h6,ul,li{
margin:0;
padding:0;	
}
a, a:hover{
color:#FFF;
}
a{
text-decoration:none
}
a.gris, a.gris:hover{
	color:#6b6b6b;	
}
a.grisunderline, a.grisunderline:hover{
	color:#6b6b6b;	
	text-decoration:underline;
	
}
 
a.gris:hover, a.bleuBold:hover, a.rose, a.bleu{
text-decoration:underline	
}
a.bleuBold, a.bleuBold:hover{
color: 	#00c1dc;
font-weight:bold
}
a.rose{
color:#c70065;	
}
a.bleu{
color:#00c1dc;	
}
.separateur{
clear:both;	
line-height:1px;
}
.bleu{
color:#00c1dc;	
}
.bleuItalic{
color:#00c1dc;
font-style:italic;
}
.rose, .infobulle{
color:#dd0070;
}
.roseBold{
	color:#dd0070;
	font-weight:bold;
}
.infobulle{
cursor:pointer	
}
.grisFoncer{
color:#4a4a4a;	
}
.gris{
color:#6b6b6b;	
}
.infoverre, .italic_verre{
font-style:italic;
color:#6b6b6b;	
line-height:14px;

}
.noir{
color:#000;	
}
.blanc{
color:#FFF
}
.font13{
font-size:13px;
}
.mention{
font-size: 9px;
color:#6b6b6b;
font-style: italic;
}
.ligneHoriVertFoncer{
 border-bottom:#00636f dotted 1px;
	font-size:1px;
	line-height:1px;
	height:1px;	
	margin: 30px 0 10px 0;
}
.ligneHorizontaleFooter{
	border-bottom:#00c1dc dotted 1px;
	font-size:1px;
	line-height:1px;
	height:1px;	 
	margin:10px ;
}
.ligneHoriVertMarques{
	font-size:1px;
	line-height:1px;
	height:1px;
	margin: 15px 0 10px 0;
}

.floatRight{
float:right
}
h1.titreBleu{
	color:#00c1dc;	
     margin-bottom:10px;
	font-size:14px;
}
h2.titreBleu{
	color:#00c1dc;
     margin-bottom:10px;
	font-size:12px;
}
h2.marque{
	color:#00c1dc;	
	padding-top:15px;
	font-size:14px;
}
h4{
	font-size:11px;
	font-weight:bold;
}
h3{
font-size: 12px	
}
.bleu12bold{
font-size: 12px;
color:#00c1dc;	
}
.font12{
font-weight: normal;
font-size: 12px;
}
p.blockout{
	margin-left:20px;
	padding:10px 0 30px 0;
}
#logo{
position:absolute;
top:40px;
margin-left:15px;
}
#pub{
	background-image:url(../images/fond-deco_png24.png);
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	height:850px;	
	position:absolute;
	z-index:0;
	top:0;
	overflow:hidden;
}
 
#wrapper{
	position:relative;
	width:1020px;
	margin:0 auto;
	z-index:1000;
}
#header{
	background:transparent url(../images/bg_logo_png24.png) top left no-repeat;
	height:187px;
	overflow:auto;
}
#navTop{
	background:transparent url(../images/bg_menu_png24.png) top left no-repeat;
	height:55px;
}
#nav1{
	background:transparent url(../images/bg_nav_head_png24.png) top left no-repeat;
	height:60px;
}
#nav1 img{
 float:left;
 margin:0 0 0 25px;
}
 
#wrap{
	background:transparent url(../images/bg_ombre_png24.png) top left repeat-y; 
	 min-height:500px;
	 height:500px;
	 height:auto !important;
	 padding:0 28px 0 32px;
	 overflow:auto
	 
}
 
#footerContainer{  
	position:relative;
	background:transparent url(../images/bg_ombre_png24.png) top left repeat-y;  
	width:1020px;
	margin:0 auto;
	clear:both;
	height:100px;
	 
}
#footer{
	margin:30px 153px 0 157px;
}
 
/***** barre haute ****/
#aside{
	margin-left:0px;
	position:absolute;
	top:15px;
	width:600px;
	right:5px;
}
#aside img{
float:left;
}
#video{
 width:745px;
 height:120px;
 margin:60px 0 0 250px;
}

/***** menu  ****/
/************ MENU HAUT ******************/
div#menuHaut{
margin:0 0 0 13px;
height:35px;
}
 
#menuHaut ul{
list-style:none;
margin:0;
padding:0;
}
#menuHaut li{
float: left ;
}

#menuHaut li a{
display:block;
line-height: 1px;
text-align: center;
text-decoration: none;
height:35px;
}

#menuHaut li a.menu1{
background:url(../images/fr/menu/menu_01.png) top left no-repeat;
width:145px; 
}
#menuHaut li a.menu2{
background:url(../images/fr/menu/menu_02.png) top left no-repeat;
width:105px;
}
#menuHaut li a.menu3{
background:url(../images/fr/menu/menu_03.png) top left no-repeat;
width:151px;
}
#menuHaut li a.menu4{
background:url(../images/fr/menu/menu_04.png) top left no-repeat;
width:130px;
}
#menuHaut li a.menu5{
background:url(../images/fr/menu/menu_05.png) top left no-repeat;
width:129px;
}
#menuHaut li a.menu6{
background:url(../images/fr/menu/menu_06.png) top left no-repeat;
width:164px;
}
#menuHaut li a.menu7{
background:url(../images/fr/menu/menu_07.png) top left no-repeat;
width:91px;
}
#menuHaut li a.menu8{
background:url(../images/fr/menu/menu_08.png) top left no-repeat;
width:71px;
}
#menuHaut li a:hover{
background-position:0% -35px;
}
#menuHaut li a.menu1-actif{
background:url(../images/fr/menu/menu_01.png) top left no-repeat;
width:145px; 
background-position:0% -35px;
}
#menuHaut li a.menu2-actif{
background:url(../images/fr/menu/menu_02.png) top left no-repeat;
width:105px;
background-position:0% -35px;
}
#menuHaut li a.menu3-actif{
background:url(../images/fr/menu/menu_03.png) top left no-repeat;
width:151px;
background-position:0% -35px;
}
#menuHaut li a.menu4-actif{
background:url(../images/fr/menu/menu_04.png) top left no-repeat;
width:130px;
background-position:0% -35px;
}
#menuHaut li a.menu5-actif{
background:url(../images/fr/menu/menu_05.png) top left no-repeat;
width:129px;
background-position:0% -35px;
}
#menuHaut li a.menu6-actif{
background:url(../images/fr/menu/menu_06.png) top left no-repeat;
width:164px;
background-position:0% -35px;
}
#menuHaut li a.menu7-actif{
background:url(../images/fr/menu/menu_07.png) top left no-repeat;
width:91px;
background-position:0% -35px;
}
#menuHaut li a.menu8-actif{
background:url(../images/fr/menu/menu_08.png) top left no-repeat;
width:71px;
background-position:0% -35px;
}
 
/**** SOUS MENU******/
/*div#sousMenu1{
position:absolute;
width:165px;
height:23px; 
margin-left:170px;
margin-top:36px; 
overflow:hidden
}*/
/***DEBUT-MODIFICATION VENDREDI 19 NOVEMBRE***/
div#sousMenu1{
	position:absolute;
	/*width:165px;*/
width:365px;
	height:23px;
	/*margin-left:170px;*/
	margin-left:20px;
	margin-top:36px;
	overflow:hidden
}
/***FIN-MODIFICATION VENDREDI 19 NOVEMBRE***/

div#sousMenu1 ul, div#sousMenu2 ul{
	list-style-type:none;
}
div#sousMenu1 ul li, div#sousMenu2 ul li{
display:block;
float:left;
margin-left:12px;
line-height:28px;
vertical-align:bottom;
}
/*
div#sousMenu2{
position:absolute;
width:165px;
height:23px; 
margin-left:500px;
margin-top:36px; 
overflow:hidden
}*/
/***DEBUT-MODIFICATION VENDREDI 19 NOVEMBRE***/
div#sousMenu2{
position:absolute;
/*width:165px;*/
width:365px;
height:23px; 
margin-left:350px;
/*margin-left:500px;*/
margin-top:36px; 
overflow:hidden
}
/***FIN-MODIFICATION VENDREDI 19 NOVEMBRE***/
div#sousMenu1 ul li a, div#sousMenu2 ul li a{
	text-decoration:none
}
div#sousMenu1 ul li a:hover, div#sousMenu2 ul li a:hover{
	text-decoration:underline
} 
#btSS1,#btSS2{
cursor:pointer	
}

/***** bloc gauche ***/
#leftBloc{
width:200px;
float:left;
margin-top:30px;
}

/**** bloc milieu ***/
#middleBloc{  
float:left;
margin-top:30px;
}
#middleBloc.static{
/*float:none;*/
/*margin-left: 200px;*/
width:760px;
overflow: hidden; 
 
}
/******bloc droit ****/
#rightBloc{
width:195px;
float:right; 
margin-top:30px;
}

/*** bloc 185 rose ***/
div.bloc185{
width:185px;
margin-bottom:20px;
}
div.bloc185 h3{
	background:url(../images/bloc185Haut.png) top left no-repeat;
	height:22px;
	width:185px;
	color:#FFF;
	font-size:10px;
	font-weight:bold;
	margin:0;
	padding:0;
	line-height:20px;
	text-align:center;
	display:block
}
div.bloc185 div.bottom{
	background:url(../images/bloc185Bas.png) top left no-repeat;
	height:3px;
	width:185px;
}
div.bloc185 div.haut{
	background:url(../images/bloc185HautSimple.png) top left no-repeat;
	height:3px;
	width:185px;
}
div.bloc185 div.middle{
border-left:#cc0066 1px solid;
border-right:#cc0066 1px solid;
background-color:#000;
padding:1px;
text-align:center
}
div.bloc185 div.middleNopadding{
border-left:#cc0066 1px solid;
border-right:#cc0066 1px solid;
background-color:#000;
 
padding:0;
}
div.bloc185 h4{
font-size:11px;
font-weight:normal;
margin-left:5px;
line-height:22px;
}

/*** FORMULAIRE ***/
form#formRecherche{
	width:184px;
	height:20px;
	margin-bottom:10px;
}
input, label{
font-size:11px;
color:#666666;
}
input.champs{
	width:155px;
	border:none;
	float:left;
	background:url(../images/form_input.png) top left no-repeat;
	height:20px;
	padding:3px 0 0 4px;
}
input.champsXXsmall{
	width:51px;
	border:none;
	background:url(../images/form_input.png) top left no-repeat;
	height:20px;
	padding:3px 0 0 4px;
}
input.champsSmall{
	width:141px;
	border:none;
	float:left;
	background:url(../images/input_newsletter.png) top left no-repeat;
	height:20px;
	padding:3px 0 0 4px;
}

input.btLoupe{
	width:25px;
	border:none;
	float:left;
	background:url(../images/input_loupe.png) top left no-repeat;
	height:20px;
	cursor:pointer
}
input.btOk{
	width:31px;
	border:none;
	float:left;
	background:url(../images/bt_ok.png) top left no-repeat;
	height:20px;
	cursor:pointer;
	margin-left:5px;
}
#accor_rechercheG label{
		padding-left:16px;
		padding-right:3px;
		background-position:top left;
		background-repeat:no-repeat;
		clear:both;
		cursor:pointer;
		line-height:14px;
}
label.fancy-form{
		padding-left:16px;
		padding-right:3px;
		background-position:top left;
		background-repeat:no-repeat;
}
label.labelBleuItalic{
	padding-left:16px;
		padding-right:3px;
		background-position:top left;
		background-repeat:no-repeat;
		color:#00c1dc;
font-style:italic;
}
.checked{
	background-image:url(../images/chk_on_png24.png);
	background-repeat:no-repeat;
}
.unchecked{
	background-image:url(../images/chk_off_png24.png);
	background-repeat:no-repeat;
}
.checked2{
	background-image:url(../images/chk_on2.png);
	background-repeat:no-repeat;
}
.unchecked2{
	background-image:url(../images/chk_off2.png);
	background-repeat:no-repeat;
}
.selected{
	background-image:url(../images/rdo_on.png);
	background-repeat:no-repeat;
}
.unselected{
	background-image:url(../images/rdo_off.png);
	background-repeat:no-repeat;
}
select.xs{
	border:#333 solid 1px;
	font-size:10px;
	width:60px;
	padding:0;
	margin:0;
}
select.xxs{
	border:#333 solid 1px;
	font-size:9px;
	width:50px;
	padding:0;
	margin:0;
}

/***** aide  gauche ***/
div#leftHelp{
 margin-bottom:18px;	
 line-height:15px;
}
div#leftHelp img{
float:left	;
margin-right:5px;
}

/**** div standard ***/
div.standard{
margin-bottom:12px;	
}

/*** encart newsletter ***/
div#illusNews{
 position:absolute;
margin-left:135px;
 margin-top:4px;
  
 background:url(../images/encart_newsletter.png) top left no-repeat;
 width:44px;
 height:38px;
}


/***** accordeon de recherche a gauche ****/
#accor_rechercheG div.toggler{
cursor:pointer;	
}
#accor_rechercheG div.toggler span{
	position:absolute;
	left:0px;
	margin-left:193px;
}
#accor_rechercheG div.separationLigne{
border-bottom:#007474 dotted 1px;
margin:8px 0;
line-height:1px;
font-size:1px;
height:1px;
}
#accor_rechercheG div.element{
padding:10px 10px; 
text-align:left;
font-size:10px;
margin:0;
}
#accor_rechercheG div.element strong{
line-height:16px;
}
#accor_rechercheG div.element div.ligne{
border-bottom:#003333 dotted 1px;
margin:5px 0;
line-height:1px;
font-size:1px;
height:1px;	
}

/***** accodeon milieu home ****/
#acc_middle_home div.toggler{
cursor:pointer;	
 
}
#acc_middle_home div.toggler span{
	position:absolute;
	margin-left:526px
}
#acc_middle_home div.element{
padding:15px 0;
text-align:left;
font-size:10px;
width:554px; 
z-index:5000;
}
#firstTogglerHome{
margin-top:-20px;
}


/****** header liste *****/
#headerListe{
	margin-bottom:8px;
}

#headerListe h4.chemin{
 background:#00c6df url(../images/gauche_header_bleu.png) top left no-repeat;
 font-size:11px;
 font-weight: normal;
 padding-left:5px;
 line-height:21px;
 margin-right:10px;
 overflow:auto
}
form#formHeaderList{
margin-bottom:15px;	
}
/****** listing horizontale ***/
div.headerListing{
background:url(../images/bg_header.png) top left no-repeat;
height:23px;
margin:5px 0 ;
padding:0 0 0 10px;
font-size:14px;
font-weight:bold;
line-height:23px; 
}
div.headerListingStandard{
	background:url(../images/bg_header.png) top left no-repeat;
	height:23px;
	margin:0px 0 ;
	padding:0 0 0 10px;
	font-size:14px;
	font-weight:normal;
	line-height:23px; 
}

div.listeMonture{
	height:119px;
	color:#000;
	margin-bottom:3px;
}
div.listeMonture div.image{
	width:175px;
	height:119px;
	background-color:#FFF;
	float:left;
	margin-right:1px
}
div.listeMonture div.image img{
 margin:12px 5px;
}
div.listeMonture div.infos{
	height:119px;
	background-color:#FFF;
	overflow:auto;	
}
div.listeMonture div.infos p{
	line-height:18px;
	margin-left:10px;
}
div.listeMonture div.infos a{
color:#000;
text-decoration:none;
}
div.global_couleur{
	height:27px;
	width:66px;
	position:relative;
	overflow:hidden;
}

div.listeMonture div.infos a.couleur_monture{
	width:66px;
	display:block;
	margin-top:-22px;
	background-color:#FFF;
	padding-left:2px;
	height:15px;
	line-height:15px;
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
}
div.listeMonture div.infos td.td_couleur{
	border:solid 1px #000;
	height:27px;
	overflow:hidden;
}

div.listeMonture div.infos td.td_couleur div.bg_couleur{
	margin-top:0px;
	height:27px;
	position:relative;
	z-index:90;
	opacity:1;
	filter:alpha(opacity=100);
}
div.listeMonture div.infos td.td_couleur:hover div.bg_couleur{
	margin-top:0px;
	opacity:1;
	filter:alpha(opacity=100);
}
div.listeMonture div.infos td.td_couleur:hover a.couleur_monture{
	margin-top:-22px;
	height:15px;
	line-height:15px;
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
}
div.listeMonture div.infos div.Logomarque{
	height:40px;
	padding-top:3px;
	margin: 0 15px 5px 10px;
	border-bottom:#00c1dc dotted 1px;
}
div.listeMonture div.infos div.maccaron{
position:absolute;
right:200px;
margin-top:-1px;
}

div.listeMonture div.blocPanier{
	height:119px;
	width:145px;
	background-color:#FFF;
	float:right;
	margin-left:1px;
	color:#6b6b6b;
	text-align:center;
	 
}
div.listeMonture div.blocPanier a{
color:#6b6b6b;
text-decoration:underline;
font-size:11px;
font-weight:bold;
}


.prixBarre{
text-decoration:line-through;
font-size:14px;
margin-top:10px;
}
div.prix{
background:url(../images/bg_prix.png) top left no-repeat;
width:64px;
height:25px;
margin:5px auto;
}
div.prix p{
text-align:center;	
font-size:18px;
font-weight:bold;
color:#FFF;
line-height:25px;
}


/******** listing diapo   *********/
div.listeMonture_diapo{
width:189px;
height:205px;
margin-left:1px;
margin-bottom:5px;
float:left;
background-color:#FFF;
color:#4a4a4a;
position:relative
}
div.listeMonture_diapo a{
	color:#4a4a4a;
	text-decoration:underline;
	font-weight:bold;
}
div.listeMonture_diapo div.maccaron{
	position:absolute;
	right:-1px;
	margin-top:30px;
}
div.listeMonture_diapo div.marque{
	line-height:14px;
	height:30px;
	margin:2px 5px;
}
div.listeMonture_diapo div.couleur{
line-height:14px;
height:14px;
margin-left:5px;
}
div.listeMonture_diapo div.image{
	width:165px;
	margin:5px auto;
}
.prixBarreSimple{
text-decoration:line-through;
font-size:14px;
 
}
div.prixSimple{
background:url(../images/bg_prix.png) top left no-repeat;
width:64px;
height:25px;
}
div.prixSimple p{
text-align:center;	
font-size:18px;
font-weight:bold;
color:#FFF;
line-height:25px;
}
div.listeMonture_diapo div.ligne{
line-height:1px;
font-size:1px;
height:1px;
border-bottom:#00c1dc solid 1px;
margin:3px 5px;
}

/******* gestion page ****/
div#gestionPage {
	 text-align:center;
	 margin: 10px 0; 
 
}

/****** page de detail ****/
#detailImg{
	margin-top:5px;
	background-color:#FFF;
	padding-top:20px;
	padding-left:5px;
	color:#515151;
}
div#detailImg div#texteDroite{
	float:right;
	width:144px;
	margin-right:20px;
}
p.prixBarreBig{
	font-size:18px;
	text-decoration:line-through;
	text-align:center
}
p.prixBig{
	font-size:34px;	
	background:url(../images/bg_prix_big.png) center center no-repeat;
	line-height:48px;
	color:#FFF;
	text-align:center
}
p.stock{
	background:url(../images/bg_etat_stock.png) center center no-repeat;
	line-height:19px;
	text-align:center;
	font-size:11px;
	font-style:italic;
	color:#FFF;
}
.btDetail{
 margin:4px 0 ;
}
.btDetailEssayer{
	 margin:20px 0 0 0;
}
.paiement3x{
	color:#00c1dc;	
	font-size:13px;
	font-weight:bold;
	margin:5px 0;
	text-align:center
}
.icone-detail-monture{
	margin-right:5px;
}

#autreCouleur, #listeServices,#autrevue{
margin:1px 0;
padding:10px;
background-color:#FFF;
color:#515151;
}
.blocCouleur{
background:url(../images/bg_vignette_couleur.png) top left no-repeat;
width:123px;
height:70px;
float:left;
}
.blocCouleurSelected{
background:url(../images/bg_vignette_couleur_selected.png) top left no-repeat;
width:123px;
height:70px;
float:left;
}
.blocAutreVue{
background:url(../images/bg_vignette_autreVue.png) top left no-repeat;
width:123px;
height:70px;
float:left;
}
.blocCouleur img , .blocAutreVue img, .blocCouleurSelected img{
	margin:4px 0 0 5px;
}
.blocCouleur p, .blocCouleurSelected p{
	margin-left:5px;
	margin-top:4px;
}
.blocCouleur p img, .blocCouleurSelected p img{
	float:right;
	margin:0 5px 0 0;
}
img.lienimg{
cursor:pointer;
font-family:
}
#nav_haut_Monture{
overflow: auto;
margin-bottom: 1px;
background-color:#fff;
clear: both;
}
.navMonture{
background-color:#fff;
line-height:16px;
padding:3px 5px	
}
#prevMonture{
	float: left;
}
#nextMonture{
	float: right;	
}
.navMonture a, .navMonture a:hover{
	text-decoration: none;
	color:#00c1dc;
	font-size: 10px;
	font-style: italic;
}
.navMonture a span{
	font-size: 14px;
	font-weight: bold;	
	font-style: normal;
}

/****** tab box detail ****/
#tabBoxDetail{	 
	margin-bottom:10px;
 	background-color:#FFFFFF;
	width:760px;
}
#tabBoxDetail ul.tabSet{
	border-bottom:#00c6df 3px solid;
	height:31px;
	width:760px;
	background-color:#000;
}
#tabBoxDetail ul.tabSet li{
	display:block;
	 height:31px;
	 line-height:31px;
	font-size:14px;
	font-weight:bold;
	margin-right:1px;
	float:left;
	padding:0 6px;
}
#tabBoxDetail ul.tabSet li#last{
	padding:0  8px 0 8px;
}
#tabBoxDetail ul.tabSet li a{
cursor:pointer	
}
#tabBoxDetail ul.tabSet li.on{
	background-image:none;
	background-color:#00c6df;
	 
}
#tabBoxDetail ul.tabSet li.off{
 	background-color:none;
	/*background-image:url(../images/bg_tabDetail.png) ;*/
	background-repeat:repeat-x;
	background-position:top;
	background-position:left;
	background-color:#000;
 
}
#tabBoxDetail div.panelSet{	
	background-color:#FFFFFF;
	color:#4a4a4a;
	padding:0;
	overflow:auto
}
#tabBoxDetail div.panelSet div.panel{
	background-color:#FFFFFF;
	color:#4a4a4a;
}
#tabBoxDetail div.panelSet div.panel table{
	width:100%;	
}
#tabBoxDetail div.panelSet div.panel table td{
	padding:8px 5px;
	color:#4a4a4a;
}
#tabBoxDetail div.panelSet div.panel table p{
	margin:5px 0;
}
#tabBoxDetail div.panelSet div.panel table td.coltype1{
		border-right:#00c6df 1px solid;
		border-bottom:#00c6df 1px dotted;
}
#tabBoxDetail div.panelSet div.panel table td.coltype2{
		border-bottom:#00c6df 1px dotted;
}
#tabBoxDetail div.panelSet div.panel table td.coltype3{
		border-right:#00c6df 1px solid;
		border-bottom:#00c6df 1px dotted;
		width:100px;
}
#bt_zoom{
	position:absolute;
	z-index:500000;
	margin:272px 0 0 550px
}
.bgBlancSimple{
background-color:#FFFFFF;
padding:5px 0;
margin-bottom:3px;
color:#000000;	
}
.bgBlanc{
background-color:#FFFFFF;
width:750px;
padding:15px 0;
margin-bottom:3px;
color:#000000;	
}
.bgBlancStandard{
	background-color:#FFFFFF; 
	padding:15px 20px;
	margin-bottom:3px;
	color:#000000;	
}
#blocMonture{
	background:url(../images/verres_bg_bloc1.png) top left no-repeat;
	width:704px;
	height:105px;
	margin:0 auto;
	overflow:auto
}
#blocMonture table {
margin-top:10px;
 
}
#blocOrdo{
background:url(../images/verres_bg_ordo.png) top left no-repeat;
	width:706px;
	height:114px;
	margin:0 auto;
	overflow:hidden
}
#blocBtOrdo{
	margin:10px auto 5px auto; 
	text-align:center;
}
#blocVerreHaut{
	background:url(../images/bg_verres_choix.png) top left no-repeat;
	width:712px;
	margin:0 auto;
}
#blocVerreMilieu{
	width:712px;
	background:url(../images/bg_verres_milieu.png) top left repeat-y;
	margin:0 auto;
	overflow:auto;
}
#blocVerrebas{
	width:712px;
	margin:0 auto;
	height:15px;
	background:url(../images/bg_verres_bas.png) top left no-repeat;
}
#blocTotal{
background:url(../images/bg_verres_total.png) top left no-repeat;
width:712px;
height:57px;
overflow:auto
}
#blocTotal table{
	margin-top:20px;
}
#blocTotal table h2{
	font-weight:normal;
	font-size:13px;
}
#blocTotal table h2 span{
	font-size:16px;
}

.verre{
margin:10px 20px;
width:627px;
 position:relative;
}
.verreEncartHaut{
background:url(../images/verres_bg_haut_small.png) top left no-repeat;
height:6px;
width:538px;
}

.verreEncartMilieu{
 border-left:#9d9d9d solid 1px;
 border-right:#9d9d9d solid 1px; 
 width:536px;
 overflow:auto;
}
.verreEncartMilieuContenu{
margin:5px 10px;
}
.verreEncartMilieuContenu label{
color:#000000;
}
.verreEncartBas{
height:6px;
background:url(../images/verres_bg_bas_small.png) top left no-repeat;
width:538px;
}
.verreEncartAide{
 float:right;
 position:absolute;
 right:0;
 bottom:0
}
.tblabel{
width:100px;
float:left
}

/****** page contact ****/
#contactBlocG{
	width:380px;
	float:left;
	background-color:#FFF;
	color:#6b6b6b;
	line-height:14px;
	font-size:11px;
}
#contactBlocG table#formulaire{
margin:0 15px;
width:300px;
}
#contactBlocD{
	width:355px;	
	margin-left:390px;
	 
}
.encartCcontact{
	width:355px;
	background-color:#FFF;
	margin-bottom:3px;
	color:#6b6b6b;
	line-height:14px;
	font-size:11px;	 
	padding:15px 0;
}
.encartCcontact table{
margin-left:15px;	
}


/*****qui sommes nous ****/
#encartLigne{
border-left:#1b1b1b 1px solid;
padding-left:30px;
}

/**** verre a la vue ***/
.encart701{
background:url(../images/encart701_milieu.png) top left repeat-y;
width:701px;
color:#000;
margin:0 auto;
}
.encart701_contenu{
margin:0 20px 20px 20px ;	
}
.encart701_contenu p{
	margin-bottom:3px
}
.encart701_contenu h4{
	margin:5px 0 10px 0;
}
.encartblockout{
margin-left:30px;	
}
.encart701_contenu img.ico{
float:left;
 }
 .encart701_contenu img.icopuce{
float:left;
margin:0 4px 0 0
 }
 .legendeBt{
	line-height:20px;
	font-size:14px
 }
 
/***** modele tab ****/
h3.tabSimple{
	font-size:12px;
	font-weight:bold;
	margin:20px 0  5px 15px;
	color:#00c1dc;
}
.ligneDottedBleu{
	border-bottom:#00c1dc dotted 1px;
	line-height:1px;
	font-size:1px;
	height:1px;
	margin:8px 0 ;
}

.ligneSolid2Bleu{
	border-bottom:#00c1dc solid 2px;
	line-height:1px;
	font-size:1px;
	height:3px;
	margin:8px 0 ;
}
.ligneSolidNoir{
	border-bottom:#000 solid 1px;
	line-height:1px;
	font-size:1px;
	height:1px;
	margin:8px 0 ;
}
.ligneSolid2Noir{
	border-bottom:#000 solid 2px;
	line-height:1px;
	font-size:1px;
	height:3px;
	margin:8px 0 ;
}
div.ligneSolidRose{
	border-bottom:#c70065 solid 1px;
	line-height:1px;
	font-size:1px;
	height:1px;
	margin:5px 0 ;
}

.marginLeft15{
margin-left:15px;	
}
p.mdpOublie{
 margin:3px 0 ;	
 margin-left:15px;
}

/**** table sur fond blanc ***/
table.BgBlanc{
margin:10px 0 ;	
}
table.BgBlanc th{
	color:#000;
	font-weight:bold;
	border-bottom:#000 solid 2px;
	padding:10px 0 ;
	font-size:12px;
}
table.BgBlanc td{
 	color:#6b6b6b;	
	padding:10px 0 ;
	border-bottom:#000 solid 2px;
}
table.BgBlanc td.ligneThin{
	border-bottom:#000 solid 1px;
	padding:5px 0 10px 0;
}
table.BgBlanc td.noLigne{
	border-bottom:none;
	padding:10px 0 5px 0;
}
table.BgBlanc td.noLigneSmPadd{
	border-bottom:none;
	padding:5px 0 5px 0;
}
table.BgBlanc table.noclass td{
	border-bottom:none;
	padding:5px 0 ;
}
/*DEBUT-MODIFICATION 29 NOVEMBRE 2010*/
table.BgBlanc td.ligneThinCommande{
	border-bottom:#6B6B6B solid 1px;
	padding:5px 0 10px 0;
	color:#333;
}
table.BgBlanc td .verres{
	padding-bottom:2px;padding-top:2px;/*background-color:#E0EDEF; padding-top:5px;padding-bottom:5px; *//*color:#333*/;
}
table.BgBlanc td .verres td{
	/*color:#333;*/
}
table.BgBlanc .essayage{ font-size:11px;}

.showdetails{
	text-decoration:none;
	background-image:url(../images/showDetailsBlue.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding:1px;padding-left:17px;

}
a.showdetails{ text-decoration:none; cursor:pointer; }
/*FIN-MODIFICATION 29 NOVEMBRE 2010*/

ul.menuCompte, ul.menuCompte li{
	list-style-type:none;
}
ul.menuCompte{
margin-bottom:1px;
height:30px;
}
ul.menuCompte li{
	display:block;
	float:left;
	height:30px;
}
 
ul.menuCompte li a{
 	padding:10px;
	background-color:#091c23;
	display:block;
 
}
ul.menuCompte li a.current{
	background-color:#00c1dc;
}
.ligneSolidBleuMenu{
	border-bottom:#00c1dc solid 1px;
	line-height:1px;
	font-size:1px;
	height:1px;
	margin:0 ;
}

/**** tom ***/
.tomImg,#btFermerTom{
	cursor:pointer;
}
#flashTom{
background-color:#333;
z-index:500010;
 
}
#divTom{
	width:0;
	height:0;
	visibility:hidden;
	z-index:500000;
	position:absolute;
	top:0;
	right:0;
}

/*** tableau des marques ***/
div.blocMarque{
width:220px;
margin-right:30px;
float:left;
margin-top:25px;
margin-left:5px;
line-height:14px;
}
div#lastBloc{
margin-right:0
}

div.blocMarque h3{
	font-size:13px;
	font-weight:bold;
	color:#00c1dc;
	margin-bottom:15px;
}
div.blocMarque div.accord{
cursor:pointer;	
}
div.blocMarque div.accord div.description{
cursor:auto;
}
div.blocMarque div.ligne{
width:180px;
border-bottom:#00c1dc dotted 1px;
	line-height:1px;
	font-size:1px;
	height:1px;
	margin:20px 0 5px 0 ;
}
/*
div.attente{
margin:0 auto ;
padding-top:200px;
width:172px;
}*/

/***DEBUT-MODIFICATION VENDREDI 19 NOVEMBRE***/

div.attente{
margin:0 auto ;
padding-top:10px;
width:350px;
}


#contactDemande{
	width:380px;
	background-color:#FFF;
	color:#6b6b6b;
	line-height:14px;
	font-size:11px;
	padding:15px;
margin:10px auto;

}

/***FIN-MODIFICATION VENDREDI 19 NOVEMBRE***/

/**** page tom ****/
#aideTom{
	overflow:auto
}
#swfTom{
	margin-left:3px;
	width:426px;
	height:420px;	
	float:left;
	overflow:auto
}
#swfTomSitePal{
	margin-left:3px;
	margin-top:-1px;
}
 
#wrapContenuTom{
float:left; 
background:url(../images/tom_bg_middle.png) top left repeat-y;
width:306px;
overflow:hidden
}
#contenuTom{ 
margin:10px 25px 10px 20px;
}
#contenuTom.centrer{
text-align:center
}
#wrapContenuTom.etape0{
margin-top:50px;
}
h4.roseFleche{
	color:#dd0070;
	padding-left:10px;
	background:url(../images/tom/fleche.png) center left no-repeat;
	margin-left:8px; 
}
table.tabPresentation{
margin:15px 0 10px 17px;	
}
label.fancy-form-noir{
		padding-left:16px;
		padding-right:3px;
		background-position:top left;
		background-repeat:no-repeat;
		color:#333
}
 
ul.formIllusImg, ul.formIllusImg li {
list-style:none	
}
ul.formIllusImg li {
display:block;
float:left; 
vertical-align:middle
}
ul.formIllusImg li.first{
width:15px;	
}
ul.formIllusImg li.first, ul.formIllusImg li.last{
margin-top:5px;	
}


#menuAccessoire{
margin:10px 0 25px 0 ;	
}

#menuAccessoire a{
	text-decoration:underline;
}

/***** page info technique *****/
ul.alphabet{
list-style:none;
text-align:center;
margin-top:15px;
margin-bottom:15px;
}
ul.alphabet li{
display:inline;
margin-left:9px;
}
ul.alphabet li a{
color:#FFF;
text-decoration:underline;
font-size:12px;
}
ul.alphabet li a:hover{
color:#c70065;
text-decoration:underline;
}
div.texteDefinition{
	width:565px;
	float:left;	
}
div.imgDefinition{ 
margin-left:580px;	
width:150px;
 
}
div#listeDefinition{
padding:0px 10px;	
}
div#listeDefinition h1{
	font-size:12px;
	font-weight:bold;
	color:#00c1dc;
	margin-bottom:15px;
	margin-top:20px;
}
div#listeDefinition h3{
	font-size:14px;
	font-weight:bold;
	color:#c70065;
	
}
div#listeDefinition div.ligneDottedBleu{
	border-bottom:#00c1dc dotted 1px;
	line-height:1px;
	font-size:1px;
	height:1px;
	margin:5px 0 ;
}

#formInputAlpha{
width:200px;
margin:20px auto 5px auto;
}


/***** votre avis *****/
#bgVotreAvis
{
 background: url("../images/votre_avis_bg.png") top left repeat-y;
 overflow: auto;
}

#bgVotreAvisBas
{
 background: url("../images/votre_avis_bg_bas.png") top left no-repeat;
 height: 20px;
}
#bgVotreAvis div#blocG{
width: 345px;
margin-left: 8px;
float: left;
color:#6b6b6b
}
#bgVotreAvis div#blocD{
width: 345px;
margin-left: 45px;
float: left;
}
form#form_avis{
margin-left: 10px;
}
#bgVotreAvis div#blocG p.entete, #bgVotreAvis div#blocG div.message{
margin-left: 10px;
}

#servicePresse{
		border-top:#c70065 solid 3px;
	 
	margin:5px 0 ;
	padding-top: 10px;
}
/**** people et nous ****/
#menu_people{
width:175px;
float:right;
margin-right:15px;
}
#menu_people ul{
	list-style:none;
}
#menu_people li{
	display:block;
	width:175px;
	padding:4px 0 ;
 
}
#menu_people li a{
	color:#000
}
#menu_people li a:hover{
	 text-decoration:underline
}
#menu_people li.border{
	border-bottom:#00c1dc solid 1px;
}
#liste_people{
	width:510px;
	padding-right:25px;
	margin-left:10px;
	border-right:#6d6d6d solid 1px;
}
#liste_people h1{
	font-size:18px;
	font-weight:bold;
}
#liste_people div.ligneBleu{
	border-bottom:#00c1dc solid 1px;
	line-height:1px;
	font-size:1px;
	height:1px;
	margin:30px 0 15px 0 ;
}
#liste_people  div.blogArticle{
	margin:10px 0 ;
}
#liste_people div#liensPage
{
	text-align:center	;
	margin:10px 0 ;
}
div#liensPage a.currentbleu, div#liensPage a.currentbleu:hover
{
	color:#00c1dc;
	font-weight:bold;
	text-decoration:none
}
table.tableau_recherche_prod tr td select{
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	padding:0px;
}
table.tableau_recherche_prod tr td select option{
	padding-left:0px;
	padding-right:0px;
}
h1.product_title{
	font-size:11px;
}

fieldset#liens_utiles{
	font-size:11px;
	text-transform:uppercase;
	margin-left:-10px;
	width:180px;
	margin-top:15px;
	border:1px solid #00C1DC;
	font-weight:bold;
}

fieldset#liens_utiles legend{
	display:block;
	border:solid 1px #00C1DC;
	
}
fieldset#liens_utiles ul li{
	width:auto;
}