

.break {clear: both; height: 1px; line-height: 1px; font-size: 1px;}
sup {line-height: 80%; font-size: 80%;}

body,
input,
select,
textarea {
	margin: 0;
	padding: 0;
		font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
		font-size: 12px;
		color: #666;}

body {background-color: #e9e9e9;}

ul {margin: 0;
padding: 0;}

h1, h2, h3, h4, h5, h6 {
	line-height: normal;
	padding: 0;
	margin: 0;
}

p {  line-height: normal;
	padding: 0;
	margin: 0;}

@font-face {
		font-family: 'DejaVuSansBook';
		src: url('../font/DejaVuSans-webfont.eot');
		src: url('../font/DejaVuSans-webfont.eot?#iefix') format('embedded-opentype'),
				 url('../font/DejaVuSans-webfont.woff') format('woff'),
				 url('../font/DejaVuSans-webfont.ttf') format('truetype'),
				 url('../font/DejaVuSans-webfont.svg#DejaVuSansBook') format('svg');
		font-weight: normal;
		font-style: normal;
}

#zoneBlanche {
	display: block;
	margin: 0;
	padding: 0;
background: #fff url(/ml/s00_commun/images/bgBody.gif) repeat-x;}

a {color: #666666;}
a:hover {color: #cc0000;}

.validation-advice,
div.validation-failed,
#errMsg {
	 display: block; font-weight: bold;
	 background-color: #cc0000; padding: 2px 10px;
	 color: #fff; margin-top: 10px;}

#layerOpacite {
background: url(/ml/s00_commun/images/imgOpacite.png) repeat;
display: none;
position: absolute;
top: 190px;
left: 0;
width: 100%;
height: 100%;}

#allContent {width: 985px; margin: auto;}

#mainContent {
	width: 985px;
position: relative;}

/******************************************************************************************/
/*                                                                                 Entete */
/******************************************************************************************/

#entete {
width: 985px;
height: 201px;
position: relative;}

#entete .logo {border: 0; position: absolute; left: 0; top: 25px;}

#liensHaut {
	margin: 0;
	padding: 5px 0 0 0;
text-align: right;
list-style: none;}

#liensHaut li a {
text-decoration: underline;
font-size: 11px;
display: block;}


#blocLangues {
margin: 20px 0 0 0;
display: block;
width: 80px;
height: 60px;
float: right;
background: transparent url(/ml/s00_commun/images/map.gif) no-repeat center top;}

#langues {
margin: 0;
list-style: none;}

#langues li {
margin: 40px 0 0 5px;
	text-align: center;
	width: 20px;
	float: left !important;
	display: block;}

#navigation {
width: 985px;
position: absolute;
top: 152px;
left: 10px;
list-style: none;
margin: 0;
padding: 0;
}

#navigation li {
font-family: 'DejaVuSansBook';
float: left;
}

#navigation li a {
height: 40px;
display: block;
padding: 10px 0 0 0;
margin: 0 29px 0 0;
text-decoration: none;
color: #666;
text-transform: uppercase;
font-family: 'DejaVuSansBook';
font-size: 16px;
}

#navigation li#btnNavA a {
	color: #fff;
text-align: center;
width: 131px;
margin: 0 50px 0 20px;
background: url(/ml/s00_commun/images/bkgBtnRecherche.png) no-repeat;}

#navigation li#btnNavA a:hover {
color: #fff;
background: url(/ml/s00_commun/images/bkgBtnRecherche.png) no-repeat;}

#navigation li#btnNavA a.selected {
color: #fff;
background: url(/ml/s00_commun/images/bkgBtnRecherche.png) no-repeat;
margin: 0 20px 0 20px;}
#navigation li#btnNavF a {display: none;}
#navigation li#btnNavG a {margin: 0;}

#navigation li.btnNav a:hover,
#navigation li#btnNavB a:hover,
#navigation li#btnNavC a:hover,
#navigation li#btnNavD a:hover,
#navigation li#btnNavE a:hover,
#navigation li#btnNavF a:hover,
#navigation li#btnNavG a:hover {

text-decoration: underline;
background: url(/ml/s00_commun/images/bkgBtnFleche.png) no-repeat center 38px;
}

#navigation li .sousNav {
border: 1px #b9b9b9 solid;
background: #f5f5f5;
position: absolute;
top: 48px;
left: -10px;
z-index: 10;
}

#navigation li li {
display: block;
float: none;
}

#navigation li .sousNav img {
float: left;
padding: 5px 0 0 0;
margin: 0 10px 0 0;}

#navigation li .sousNav ul {
display: block;
list-style: none;
margin: 0 25px 0 0;
border-left: 1px #b9b9b9 solid !important;
float: left;
padding: 0 0 0 10px 0;
}

#navigation .sousNav li a {
width: 100%;
padding: 0 2px 4px 5px !important;
height: 15px !important;
display: block;
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
text-transform: none;
font-size: 13px;
color: #666666;
margin: 3px 0 3px 0;
}
#navigation .sousNav li a:hover {
color: #fff;
background-color: #666666 !important;
text-decoration: none !important;
}

#layerFemme {
	margin: 0;
width: 785px;
display: block;
padding: 0 0 0 200px;
}

#layerHomme {
width: 685px;
display: block;
padding: 0 0 0 300px;
}

#layerEnfant {
width: 585px;
display: block;
padding: 0 0 0 400px;
}

#layerMarques {
width: 585px;
display: block;
padding: 0 0 0 400px;
}

/******************************************************************************************/
/*                                                           Layer rechercher un produit*/
/******************************************************************************************/

#layerSearch {
display: none;
z-index: 20;
background: #fff;
position: absolute;
left: 0;
top: 2px;
border: 1px #cc0000 solid;
width: 190px;}

#layerSearch h3 {
font-size: 12px;
text-transform: uppercase;
font-weight: normal;
text-align: center;
color: #fff;
background: #cc0000;
padding: 5px;}

#layerSearch .zoneContent {
padding: 5px 10px 5px 10px;}


#layerSearch label {
color: #666;
margin: 5px 0 5px 0;
font-weight: bold;
font-size: 15px;
display: block;
width: 100%;}

#layerSearch input.large,
#layerSearch select {
width: 100%;}

#layerSearch input {
margin: 0 5px 0 0;}


.zonePicto {
padding: 5px 0 0 0;
display: block;
margin: 5px 0 5px 0;
border-top: 1px #cc0000 solid; }

#nouveautes,
#promotion,
#stock {
		display: block;
		float: left;
		padding: 0 0 0 25px;
		height: 20px;
		line-height: 20px;
		margin: 0 0px 5px 0;
}

#nouveautes {
		background: transparent url(/ml/s00_commun/images/pictoNouveau.gif) no-repeat;
}

#promotion {
		background: transparent url(/ml/s00_commun/images/pictoPromotion.gif) no-repeat;
}

#stock {
		background: transparent url(/ml/s00_commun/images/pictoStock.gif) no-repeat;
		display: none;
}

#nouveautes input,
#promotion input,
#stock input {
margin: 3px 5px 0 0;
float: left;
}

#nouveautes span,
#promotion span,
#stock span {
float: left;
line-height: 20px;
height: 20px;
}

/******************************************************************************************/
/*                                                                            Layer Panier*/
/******************************************************************************************/

#layerPanier {
display: none;
z-index: 20;
background: #fff;
position: absolute;
right: 0;
top: 2px;
border: 1px #000 solid;
width: 190px;
padding: 0 0 10px;}

#layerPanier h3 {
font-size: 12px;
text-transform: uppercase;
font-weight: normal;
text-align: center;
color: #fff;
background: #000000;
padding: 5px;}

#layerPanier .zoneContent {
padding: 5px 10px 5px 10px;}

#layerPanier .somme {
white-space : nowrap;
font-size: 14px;}

#layerPanier .qte {
font-weight: bold;
font-size: 14px;}

#layerSearch .btnForm,
#layerPanier .btnForm {
width: 130px;
margin: 0 0 10px 30px;
text-align: center;
background: #000;
color: #fff;
padding: 2px 5px 0 5px;
font-weight: bold;
border: 0;
cursor: pointer;
font-size: 12px;
text-transform: uppercase;}

#layerPanier .btnForm  {
	display: block;
margin: 10px 0 0 25px;
text-decoration: none;
}

#layerSearch .btnSubmitActionHover,
#layerPanier .btnSubmitActionHover {
background: #cc0000;}



/******************************************************************************************/
/*                                                                            Pages libres*/
/******************************************************************************************/


.zoneTexte p {margin-bottom: 10px;}

.zoneTexte ul,
.zoneTexte ol {list-style-position: inside; margin-bottom: 10px;}

.zoneTexte table {border-collapse: collapse; margin-bottom: 10px; width: 100%;}
.zoneTexte table td,
.zoneTexte table th {border: 1px #ddd solid; padding: 2px 4px;}
.zoneTexte table p {margin-bottom: 0;}

/******************************************************************************************/
/*                                                                            Fil d'ariane*/
/******************************************************************************************/

#ariane {
height: 20px;
list-style: none;
margin: 10px 0;
display: block;
width: 980px;
color: #666;}

#ariane li {float: left; font-size: 11px; margin-right: 10px;}
#ariane li a {text-decoration: underline; color: #666;}


/******************************************************************************************/
/*                                                                            Login */
#bodyLogin,
#blockChoose {
background: #ffffff;
}

#blockChoose {
margin: 0;
height: 100vh;
}


#bodyLogin .logo,
#blockChoose .logo {
display: block;
margin: 0 auto;
width: 300px;
}

#pageLogin,
#zoneVierge {
display: table-cell;
background: #ffffff url(/ml/s00_commun/images/DRESCO_WEB.JPG) no-repeat center center;
background-size: fixed;
width: 100vw;
margin: 0;
min-height: 700px;
text-align: center;
vertical-align: middle;
}

#login,
#forgotten,
#choose {
display: block;
width: 480px;
margin: 10% auto;
border: 1px #ffffff solid;
text-align: center;
}

#forgotten #divFormRetrieve {
background: #d2d4d5;
padding: 20px 20px 40px 20px;
}



#login h1,
#forgotten h1,
#choose h1 {
display: block;
text-transform: uppercase;
font-size: 18px;
color: #ffffff;
background: #045577;
text-align: center;
padding: 15px 0;
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
font-weight: normal;
}




.linkAccount {
background: #045577;
color: #ffffff;
text-align: center;
padding: 10px 0;
font-size: 16px;
font-weight: normal;
}

.linkAccount a {
color: #ffffff;
text-decoration: none;
}

.linkAccount a:hover {
color: #ffffff;
text-decoration: underline;
}

#formLogin,
#choose {
background: #d2d4d5;
display: block;
padding: 20px 20px 40px 20px;
}


#choose {
padding: 0px;
}


#formLogin .lineForm,
#divFormRetrieve .lineForm  {
display: block;
width: 100%;
margin: 0 0 10px 0;
}

#formLogin .lineForm label,
#divFormRetrieve .lineForm label {
display: block;
text-align: left;
width: 100%;
color: #000000;
font-size: 15px;
margin: 0 0 5px 0;
}

#formLogin .lineForm input,
#divFormRetrieve .lineForm input {
display: block;
border-radius: 8px;
border: 1px #98a4a9 solid;
padding: 15px 10px;
width: 95%;
font-size: 15px;
margin: 0 40px 0 0;
}


#divFormRetrieve p {
text-align: left;
font-size: 15px;
margin: 0 0 10px 0;
color: #000000;
}


.forgotPassword {
text-align: left;
margin: 10px 0 20px 0;
font-size: 13px;
color: #000000;
}

.forgotPassword a {
color: #000000;
}

.btnSubmit,
.btnGo,
.btnContinuer {
background: #74838c;
border-radius: 8px;
text-transform: uppercase;
font-size: 18px;
color: #ffffff;
border: 0;
display: block;
width: 100%;
padding: 15px 0;
}

.btnSubmit:hover,
.btnGo:hover,
.btnContinuer:hover {
background: #000000;
cursor: pointer;
}


.btnContinuer {
width: 90%;
margin: 0 auto;
}

#success,
#failure {
display: block;
padding: 15px;
background: #ffffff;
}


#failure p {
color: red;
}

/******************************************************************************************/
/*                                                                            Page Accueil */
/******************************************************************************************/

#edito {
margin: 0 auto 10px auto;
width: 960px;
text-align: center;
font-size: 13px;}

#edito p {
margin: 0 0 10px 0;}

#cataloguePapierPdf {
	background-color: rgba(0, 0, 0, 0.2);
	margin: 50px 0 35px 0;
	height: 89px;
	padding: 50px 75px;
}
#cataloguePapierPdf .image {
	position: absolute;
	width: 182px;
	height: 239px;
	right: 25px;
	top: -25px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	box-shadow: -3px -2px 8px rgba(0, 0, 0, 0.4);
}
#cataloguePapierPdf .image:nth-child(1) { margin-right: 210px; }
#nouveau {
	background-color: #cc0000;
	color: white;
	font-weight: bold;
	font-style: italic;
	display: inline-block;
	padding: 5px 30px;
	font-size: 150%;
}
#cataloguePapierPdf h2 {
	margin-top: 10px;
}
#cataloguePapierPdf p {
	margin-top: 3px;
	font-style: italic;
}
#cataloguePapierPdf .btnMore {
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	color: white;
	background: #cc0000;
	padding: 4px 10px;
	bottom: 25px;
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	width: 75px;
}
#cataloguePapierPdf .image:nth-child(2) .btnMore { display: none; }

#the-canvas {
	border:1px solid black;
	max-width: 985px;
	height: 90%;
}

#pdf_preview {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	background: rgba(0, 0, 0, 0.75);
	color: white;
}

.navBtn {
	border-radius: 50%;
	padding: 10px;
	border: 1px gray solid;
	font-weight: bold;
	width: 50px;
	height: 50px;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
	outline: none;
}
#close.navBtn { position: absolute; top: 10px; right: 10px; }

/******************************************************************************************/
/*                                                Page Corpo Conditions générales de vente */
/******************************************************************************************/
.pageCorpo h1 {
text-transform: uppercase;
color: #666666;
font-size: 18px;
font-family: 'DejaVuSansBook';
}

.pageCorpo #content {
padding: 50px 0 0 0;
min-height: 500px;
display; block;
width: 680px;
float: right;}

.pageCorpo #content p {
margin: 0 0 10px 0;}

/******************************************************************************************/
/*                                                                        Page Actualités */
/******************************************************************************************/

#pageListeActualites h1,
#pageDetailActualite .titrePage {font-size: 18px; margin-bottom: 10px; font-family: 'DejaVuSansBook'; text-transform: uppercase; color: #666;}
.pageActualites h2 {font-size: 18px; color: #666; font-family: 'DejaVuSansBook'; font-weight: normal; margin-bottom: 10px;}

.pageActualites .uneActu {
border-bottom: 1px #ccc solid;
padding-bottom: 10px;
margin-bottom: 10px;}

.pageActualites .uneActu img {
float: left; margin: 0 15px 15px 0;}


.pageActualites .uneActu h2 a {font-size: 16px; color: #666;}

#pageDetailActualite img {float: left; margin: 0 15px 15px 0;}
#pageDetailActualite h1 {font-size: 22px; font-family: 'DejaVuSansBook'; text-transform: uppercase; color: #666;}
#pageDetailActualite .zoneTexte {color: #666;}

#pageDetailActualite .btnRetour {float: right;}

/******************************************************************************************/
/*                                                         Page Catalogue Liste Produits */
/******************************************************************************************/
.resultSearch {
	list-style: none;
	border: 1px #cc0000 solid;
	line-height: 30px;
height: 30px;
margin: 0 0 20px 0;
background: #eaeaea;
}

.resultSearch li {
display: block;
float: left;
font-size: 11px;
padding: 0 5px;
line-height: 30px;
height: 30px;
border-right: 1px #cc0000 solid;
background: #fff;
}

.research {
padding: 0 10px 0 10px !important;
background: #cc0000 !important;
color: #fff;
font-weight: bold;
width: 165px;
text-align: center;
}






h1 {
margin: 0;
padding: 0;
line-height: normal;
color: #666666;
font-size: 18px;
font-family: 'DejaVuSansBook';}

h1 span.genre {font-size: 24px; text-transform: uppercase;}
h1 span.nomModele {font-size: 24px; text-transform: uppercase;}
h1 span.nomMarque {
font-family: 'DejaVuSansBook';
font-size: 18px; }

#zoneSelection {
margin: 0;
width: 985px;
display: block;
float: left;}

#zoneAction {
margin: 0 0 5px 0;
padding: 5px 0;
width: 985px;
border-top: 1px #9f9e9e dotted;
border-bottom: 1px #9f9e9e dotted;
display: block;
float: left;}

#zoneSelection .zoneFiltre,
#zoneAction .zoneFiltre {
position: relative;
margin: 0 5px 0 0;
display: block;
float: left;}

.zonePicto {
border-top: none !important;
display: block;
float: left;}

.zonePicto span {
	margin: 0 10px 0 0;
display: block;
float: left;}

#zoneSelection .filtre a,
#zoneAction .filtre a {
background: #666666 url(/ml/s00_commun/images/bkgFlecheFiltre.gif) no-repeat 100px 8px;
padding: 0;
color: #fff;
display: block;
float: left;
font-size: 13px;
text-decoration: none;
width: 115px;
height: 18px;
}

#zoneAction p {
	margin: 0;
	padding: 0;
}

#zoneAction p a.selected {
 color: red;
}


.filtreListe {
background: #fff;
padding: 3px;
border: 1px #b9b9b9 solid;
height:auto;
cursor:pointer;
position:absolute;
top: 23px;
left: 0;
display:none;
z-index:1000;
width: auto;}

.listeItem {
border: 1px red solid;
white-space: nowrap;
display:block;
min-width: 120px;
text-decoration:none;
font-family:arial;
font-size:11px;
padding-left:5px;}

.listeItem:hover {
font-weight: bold;}

.zoneFiltre {
background: #fff;}

.zoneFiltre ul {
list-style: none;}

.itemSelected a {
margin: 3px 0 0 0;
width: auto;
padding: 0 0 0 12px;
background: url(/ml/s00_commun/images/bkgItemSelected.gif) no-repeat 0 4px;
text-decoration: none;}

.itemSelected a:hover {
margin: 3px 0 0 0;
text-decoration: underline;}


.ordreTriAsc a,
.ordreTriDesc a {
text-decoration: none;
padding: 0 0 0 12px;
margin: 0 5px 0 10px;
display: block;
float: left;}

.ordreTriAsc a:hover,
.ordreTriDesc a:hover {
text-decoration: underline;}

.ordreTriAsc a {
background: url(/ml/s00_commun/images/bkgFlecheUp.gif) no-repeat 0 4px;}
.ordreTriDesc a {
background: url(/ml/s00_commun/images/bkgFlecheDown.gif) no-repeat 0 4px;}

.aPartir {
margin: 0 0 0 10px;
color: #cc0000;
display: block;
float: right;
}

.aster {
color: #cc0000;
}

#nbrModeles {
margin: 0 0 0 10px;
float: left;}

#nbrProduitsPage {
margin: 0 0 0 10px;
float: left;}

#nbrProduitsPage a.selected {
color: red;}


.blockPagination {
margin: 0 0 20px 0;
float: right;
display: block;}

.blockPagination .pagination {
width: auto;
float: right;
display: block;
list-style: none;}

.blockPagination .pagination li {
float: left;
font-size: 14px;
}

.blockPagination .pagination li a {
margin: 0 10px 0 0;}

.blockPagination .pagination li.selected a {
color: red;}

.blocLstProduit,
.blocLstNoProduit {
position: relative;
text-align: left;
color: #666666;
margin: 0 10px 14px 0;
width: 185px;
display: block;
float: left;
border-right: 1px #9f9e9e dotted;
border-bottom: 1px #9f9e9e dotted;
height: 265px; /* si changement, ajuster le javascript */
}

.blocLstNoProduit {
text-align: center;
}

.blocLstNoProduit h2 {
margin: 60px 0 0 0;
}

#jsNoResult { display:none; }

.blocLstProduit #nouveautes,
.blocLstProduit #promotion,
.blocLstProduit #stock {
		text-indent: -5000px;
		overflow: hidden;
		/*
		position: absolute;
		right: 0;
		top: 3px;
		* */
		float: right;
}


.blocLstProduit a img  {
margin: 5px 0;
border: 1px #fff dotted; }

.blocLstProduit a:hover img  {
border: 1px #666 dotted; }

.blocLstProduit h2 {
font-size: 18px;}

.blocLstProduit h3 {
font-size: 16px;}


.prixBarre {
margin: 0 5px 0 0;
height: 18px;
line-height: 20px;
text-decoration: line-through;
float: left;
font-size: 15px;}

.prixNormal {
color: #000;
font-weight: bold;
height: 19px;
line-height: 19px;
float: left;
font-size: 17px;}

.asterisque {
float: left;
font-size: 16px;
font-family: 'DejaVuSansBook';
color: #cc0000;}

.blocLstProduit .zonePictos {
position: absolute;
right: 2px;
bottom: 4px;}

.blocLstProduit .zonePictos img {
cursor: pointer;
margin: 0 0 0 2px;
float: right;}

.blocLstProduit .epuise {
font-size: 10px;
font-style: italic;
}

/******************************************************************************************/
/*                                                         Page Catalogue Fiche Produit */
/******************************************************************************************/
.retour a {
text-decoration: none;
margin: 0 50px 0 0;
padding: 5px;
border-left: 1px #cccccc solid;
border-top: 1px #cccccc solid;
border-right: 1px #cccccc solid;
float: right;}

.retour a:hover {
text-decoration: underline;}

#zoneInfos {
padding: 15px;
border: 1px #cccccc dotted;
display: block;
margin: 0 auto 30px auto;}

#zonePhoto {
margin: 0 0 10px 0;
float: left;
position: relative;
padding: 5px;
display: block;
float: left;
width: 480px;
border: 1px #cccccc solid; }

#zonePhoto a img{
border: 0;}

.pictoZoom a {
position: absolute;
top: 10px;
right: 10px;
text-indent: -5000px;
overflow: hidden;
border: 0;
background: url(/ml/s00_commun/images/bkgPictoZoom.png) no-repeat 0 0;
display: block;
width: 69px;
height: 19px;
}

#zoneInfos .pictoZoom a:hover {
background: url(/ml/s00_commun/images/bkgPictoZoom.png) no-repeat 0 -19px;
}

#colVignettes {
width: 60px;
padding: 0 10px 0 0;
margin: 0 10px 0 20px;
border-right: 1px #cccccc dotted;
display: block;
float: left;}

#colVignettes a img {
border: 1px #fff solid;
margin: 0 0 5px 0;
float: left;}

#colVignettes a:hover img {
border: 1px #cccccc solid;
margin: 0 0 5px 0;
float: left;}

#colInfoProduit {
display: block;
float: left;}

#colInfoProduit #nouveautes,
#colInfoProduit #promotion,
#colInfoProduit #stock {
text-indent: -5000px;
overflow: hidden;
float: left;
}

#colInfoProduit .genre {
font-size: 22px;
font-family: 'DejaVuSansBook';}

#colInfoProduit .gamme {
font-size: 17px;
font-family: 'DejaVuSansBook';}

#colInfoProduit .collection {
margin: 3px 0 10px 0;
font-size: 15px;
font-family: 'DejaVuSansBook';}

.matiere {
clear: both;
display: block;
height: 15px:
line-height: 15px;}

.matiere span {
float: left;
display: block;
width: 70px;}

.matiere img {
margin: 1px 0 0 0;
float: left;}

.btnTelecharger {
text-decoration: none;
margin: 10px 0;
line-height: 30px;
padding: 5px 0 0 35px;
display: block;
width: 120px;
height: 34px;
background: url(/ml/s00_commun/images/bkgBtnTelecharger.png) no-repeat 0 0;}

.btnTelecharger:hover {
text-decoration: underline;
background: url(/ml/s00_commun/images/bkgBtnTelecharger.png) no-repeat 0 -39px;}

table.hovertable {
width: 100%;
		font-size: 11px;
		border-width: 1px;
		border-color: #b9b9b9;
		border-collapse: collapse;
}
table.hovertable th {
		font-size: 10px;
		white-space:nowrap;
		color:#fff;
		background-color:#666666;
		border-width: 1px;
		padding: 3px;
		border-style: solid;
		border-color: #b9b9b9;
}
table.hovertable tr {
		background-color:#fff;
}
table.hovertable td {
text-align: center;
		border-width: 1px;
		padding: 3px;
		border-style: solid;
		border-color: #b9b9b9;
}

table.hovertable td.margeVignette {
position: relative;
margin: 0;}

.vignetteTableau {
display: block;
position: relative;}

.vignetteTableau a img {
border: 0;}

.layerZoomVignette a {
cursor: pointer;
width: 60px;
height: 40px;
background: url(/ml/s00_commun/images/bkgZoomVignette.png) no-repeat 50px 0;
position: absolute;
top: 0;
right: 0;
text-indent: -5000px;
overflow: hidden;
}

.layerZoomVignette a:hover {
background: url(/ml/s00_commun/images/bkgZoomVignette.png) no-repeat -20px 0;
}

.indentMoins {
margin: 0 0 0 5px;}

.indentMoins,
.indentPlus {
width: 12px;
display: block;
height: 20px;
line-height: 20px;
text-decoration: none;
font-size: 20px;
font-weight bold;
}

.indentMoins,
.indentPlus {
float: left;
}

.pageFicheProduit .btnAjouter a {
white-space: nowrap;
text-decoration: none;
text-align: center;
margin: 0 !important;
background: #000;
color: #fff !important;
padding: 2px 5px;
border: 0;
cursor: pointer;
font-size: 12px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}

.pageFicheProduit .btnAjouter a:hover {
text-decoration: underline;
background: #cc0000;}

#zoneModeleAssocies .titreModelesAss {
margin: 10px 0 10px 0;
font-size: 20px;
}

.blocProduitAss {
width: 180px;
padding: 5px;
position: relative;
color: #666666;
margin: 0 10px 10px 0;
display: block;
float: left;
border: 1px #9f9e9e dotted; }

.blocProduitAss a img  {
margin: 5px 0;
border: 1px #fff dotted; }

.blocProduitAss a:hover img  {
border: 1px #666 dotted; }

.blocProduitAss h2 {
font-weight: normal;
font-size: 18px;}

.blocProduitAss h3 {
font-weight: normal;
font-size: 14px;}

/******************************************************************************************/
/*                                                      Page Catalogue PDF issu du papier */
/******************************************************************************************/
#pageCataloguePDFPapier #content {
	width: 100%;
}

.cataloguePapierPdf {
	width: 288px;
	float: left;
	padding: 20px;
}
.cataloguePapierPdf .image {
	width: 288px;
	height: 378px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	box-shadow: -3px -2px 8px rgba(0, 0, 0, 0.3);
	margin: 0 0 20px 0;
	overflow: hidden;
}
.cataloguePapierPdf:nth-child(3n+1) {
		clear: both;
}
.cataloguePapierPdf p {
	font-style: italic;
	padding-top: 4px;
}
.cataloguePapierPdf .btnMore {
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	color: white;
	background: #cc0000;
	padding: 4px 10px;
}
.download {
	display: block;
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
	transition: all 0.25s;
	color: white;
	font-size: 800%;
	text-align: center;
	line-height: 80px;
	padding-top: 90px;
	text-decoration: underline;
}
.download:hover {
	opacity: 1;
	color: white;
}

/******************************************************************************************/
/*                                                                  Page Panier */
/******************************************************************************************/
.pageRecapPanier h1,
.pagePanierLivraison h1
 {font-size: 18px; font-family: 'DejaVuSansBook'; text-transform: uppercase; color: #666; margin: 0 0 5px 0; display: block;}

.pageRecapPanier h2,
.pagePanierLivraison h2
{font-size: 14px; font-family: 'DejaVuSansBook'; text-transform: uppercase; color: #666; margin: 0 0 20px 0; display: block;}

.intro {
margin: 0 0 20px 0;}

.continuer {
	background: #eaeaea;
	font-size: 12px;
	margin: 20px 0 0 0;
	font-weight: bold;
	width: 195px;
	display: block;
	float: right;
padding: 8px;
border: 1px red dashed;
}

.pageRecapPanier #zoneTableau {
margin: 0 !important;}

.btnImprimer a {
float: right;
margin: 0 20px 0 0;
padding: 0 0 0 10px;
width: 140px;
height: 32px;
line-height: 32px;
display: block;
background: url(/ml/s00_commun/images/bkgPictoPdf.png) no-repeat;
font-weight: normal;
font-size: 12px;
}

/*****************************************************************************************/
/*                                                                  Page Panier Livraison */
/******************************************************************************************/

.colForm {width: 50%; float: left;}

.intro {margin-bottom: 15px;}

.obligatoire {
font-style: italic;
color: #cc0000;
float: right;}

fieldset {
	 border: 1px #ddd solid;
	 -moz-border-radius: 5px; -webkit-border-radius: 5px;
	 -khtml-border-radius: 5px; border-radius: 5px;
	 margin-bottom: 15px;
	 padding: 15px;}
fieldset legend {
	 font-weight: bold; font-size: 16px;
	 padding: 0 10px; background-color: #fff;
	 color: #666; font-family: 'DejaVuSansBook';}
fieldset .lineForm label,
fieldset .lineSelect label,
fieldset .lineText label,
fieldset .lineRadio p {
	 font-weight: bold; display: block; float: left; width: 180px;
	 text-align: right; padding-right: 5px; cursor: pointer; color: #666;}

fieldset .lineText textarea {width: 600px; height: 60px;}

fieldset .lineForm input {
padding: 3px;
border: 1px #ddd solid;
width: 200px;}

.lineForm,
.lineCheck,
.lineRadio,
.lineText,
.lineSelect {margin-bottom: 10px;}

.lineSubmit {text-align: center;}

.btnForm {
	 background-color: #ff0000; color: #fff; padding: 0 5px;
	 font-weight: bold; border: 0; cursor: pointer; font-size: 13px;
	 -moz-border-radius: 5px; -webkit-border-radius: 5px;
	 -khtml-border-radius: 5px; border-radius: 5px; text-transform: uppercase;}

.noBorder {border: 0;}
.obligatoire {font-weight: bold; margin-bottom: 10px;}
.mentions {font-size: 10px;}

input.datepicker {
float: left;
border: 1px #ddd solid;
background: url(/ml/s00_commun/images/pictoCalendar.gif) no-repeat 185px 3px;}


/******************************************************************************************/
/*                                                                  Page Recap Commande */
/******************************************************************************************/
.rappel {
	display: block;
	margin: 0 0 20px 0;
}

.zoneFacturation,
.zoneLivraison {
	display: block;
	float: left;
	width: 410px;
}

.zoneFacturation h3,
.zoneLivraison h3 {
	margin: 0 0 5px 0;
font-weight: normal;
background: #eaeaea;
padding: 3px ;
border: 1px #999 solid;
}

.zoneFacturation {
margin: 0 15px 0 0;
}

#zoneInfos .articlesCm {
display: block;
	margin: 20px 0 10px 0;
}

.recap {
border-collapse: collapse;
}

.recap td {
border-bottom: 1px #999 solid;
height: 20px;
line-height: 20px;
}

.recap td.colLeft {
width: 100px;}

.recap td.colRight {
width: 310px;}

.mode p {margin: 0 0 3px 0;}


.btnValider {
	cursor: pointer;
font-weight: bold;
font-size: 12px;
border-radius: 6px;
background: #000;
color: #fff;
display: block;
padding: 5px 10px;
text-decoration: none;
float: right;}

input.btnValider {
border: 0 !important;}

.btnValider:hover {
background: #CC0000;
color: #fff;}

.btnPoursuivre {
cursor: pointer;
margin: 0 20px 0 0;
font-weight: bold;
font-size: 12px;
border-radius: 6px;
background: #666;
color: #fff;
display: block;
padding: 5px 10px;
text-decoration: none;
float: right;}

.btnPoursuivre:hover {
background: #CC0000;
color: #fff;}


/******************************************************************************************/
/*                                                                                 Footer */
/******************************************************************************************/
#zoneFooter {
	display: block;
	width: 100%;
	text-align:center;
	padding: 0 0 50px 0;
}

#footer {
display: block;
width: 980px;
color: #666;
padding-top: 25px;
margin:auto;
}

#ref,
#lnks {
display: block;
float: left;}

#ref {
width: 460px;}

#ref h2 {
	padding: 0 0 0 30px;
text-align: left;
display: block;
height: 32px;
line-height: 32px;
background: url(/ml/s00_commun/images/bkgPictoPdf.png) no-repeat;
font-weight: normal;
font-size: 12px;
margin-bottom: 15px;
}

#ref ul {
list-style: none;
float: left;
padding-right: 25px;}

#ref ul li {
text-align: left;
	margin-bottom: 3px;}

#lnks {text-align: right; width: 520px;}
#lnks a {text-transform: uppercase; padding-left: 24px; font-size: 11px;}
#lnks p {padding-top: 5px;}

/******************************************************************************************/
/*              Conditions générales de vente qui s'ouvre dans une autre fenetre */
/******************************************************************************************/
.cgvWindow .allContent {
display: block;
padding: 20px;
border: 1px red solid;
width: 400px;
}


.cgvWindow .allContent h1 {
background: none;
}
