#fondZ0 , #fondZ_2_, #fondZ_4_, #fondZ_5_ {
position:absolute;
visibility:hidden;
width:100%;
height:100%;
left:0px;
top:0px;
background-color: #ffffff;
padding:0px;
margin:0px;
z-index:8999;
}

#contenaireZ {
position:absolute;
visibility:hidden;
width:100%;
height:100%;
left:0px;
top:0px;
padding:0px;
margin:0px;
z-index:9000;
}

.tabl0Z {
	border-collapse:collapse;
	border: 0;
	border-width:0px; 
	border-style:none;
	border-spacing: 0px;
margin: 0px auto;
padding: 0px;

}

.tdZvig {
	border-collapse:collapse;
	border: 0;
	border-width:0px; 
	border-style:none;
	border-spacing: 0px;
margin: 0px;
padding: 0px;
vertical-align:top;

}

.tdZgde {
	border-collapse:collapse;
	border: 0;
	border-width:0px; 
	border-style:none;
	border-spacing: 0px;
margin: 0px;
padding: 0px;
vertical-align:top;


}
.tdZclose {
	border-collapse:collapse;
	border: 0;
	border-width:0px; 
	border-style:none;
	border-spacing: 0px;
margin: 0px;
padding: 0px;
text-align:right;
}
.tdZaide {
	border-collapse:collapse;
	border: 0;
	border-width:0px; 
	border-style:none;
	border-spacing: 0px;
background-color:#ffffff;
margin: 0px;
padding: 2px;
text-align:justify;
}
.divGlobalZoomImage {
	border-collapse:collapse;
	border: 0;
	border-width:0px; 
	border-style:none;
	border-spacing: 0px;
background-color:#ffffff;
 border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
padding: 4px;
margin: 0px;

}
.divGlobalZoomImage td {
	border-collapse:collapse;
	border: 0;
	border-width:0px; 
	border-style:none;
	border-spacing: 0px;
	vertical-align:top;
}
.divGlobalZoomImage2 {
	border-collapse:collapse;
	border: 0;
	border-width:0px; 
	border-style:none;
	border-spacing: 0px;
background-color:#ffffff;
border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
padding: 4px;
margin: 0px;
margin-left:100px

}
.divGlobalZoomImage2 td {
	border-collapse:collapse;
	border: 0;
	border-width:0px; 
	border-style:none;
	border-spacing: 0px;
	vertical-align:top;
}
.gdeZoomImage {

padding: 0px;
margin: 0px;
border: 1px solid #000000;
}
.maskGdeZoomImage {

visibility:hidden;
padding: 0px;
margin: 0px;
border: 1px solid #000000;
}

.vignettePhotoZ {
	border-collapse:collapse;
	border: 0;
	border-width:0px; 
	border-style:none;
	border-spacing: 0px;
padding: 0px;
margin: 0px;
width:50px;
}

.petitePhotoZ {
	border-collapse:collapse;
	border: 0;
	border-width:0px; 
	border-style:none;
	border-spacing: 0px;
padding: 0px;
margin: 0px;
}


.openZ {
	border-collapse:collapse;
	border: 0;
	border-width:0px; 
	border-style:none;
	border-spacing: 0px;
position: absolute;
padding: 0px;
margin: 0px;
vertical-align:bottom;
text-align:right;
left:0px;
top:0px;
}

A.vigZoomImage:link, A.vigZoomImage:visited {
background-color:#990000;
text-decoration: none;
text-align: center;
padding: 1px;
margin: 2px;
border: 1px solid #990000;
display: block;
width:52px;
}

A.vigZoomImage:hover, A.vigZoomImage:active {
background-color:#ff0000;
text-decoration: none;
text-align: center;
padding: 1px;
margin: 2px;
border: 1px solid #ff0000;
display: block;
width:56px;
}



.pdivFL {
	border-collapse:collapse;
	border: 0;
	border-width:0px; 
	border-style:none;
	border-spacing: 0px;
margin: 0px;
float:left;
text-align: left;
padding: 0px;

width:480px;
}
.pdivFLc {
	border-collapse:collapse;
	border: 0;
	border-width:0px;
	border-style:none;
	border-spacing: 0px;
margin: 0px;
float:left;
position:relative;
text-align: center;
padding: 0px;

width:250px;
}
.pdivFLpk {
	border-collapse:collapse;
	border: 0;
	border-width:0px; 
	border-style:none;
	border-spacing: 0px;
	float:left;
	position:relative;
text-align: center;
padding: 0px;
margin: 0px;
width:730px;
}

#divBGPrixCadre {
background-color:#FFFFFF;
	border-collapse:collapse;
	border: 0;
	border-width:0px; 
	border-style:none;
	border-spacing: 0px;
padding: 2px;
margin: 0px;
font-family:Verdana,helvetica,sans-serif;
font-size:11px;
color: #000000;
font-weight: bold;
text-align: center;
vertical-align: middle;
width:98%;
border: 1px solid #ffffff
}

.tblTitrePROD {
background-image: url(https://www.librairie-du-cardinal.com/portail/background_titre_produit.jpg);
background-position:left bottom;
background-repeat:repeat-x;

	border-collapse:collapse;
	border: 0;
	border-width:0px; 
	border-style:none;
	border-spacing: 0px;
text-align: left;
vertical-align:middle;
padding: 2px;
margin: 0px;
height:23px;
width:100%;
}
.titreProduitL {
text-align: left;
vertical-align:middle;
padding: 4px;
padding-left: 10px ;
}

.titreProduitR {
text-align: right;
vertical-align:middle;
padding: 4px;
padding-right: 10px;
}

.imgFichePROD {

background-color:#ffffff;
	border-collapse:collapse;
	border: 0;
	border-width:0px; 
	border-style:none;
	border-spacing: 0px;
text-align: center;
vertical-align:middle;
padding: 0px;
margin: 0px auto;


}

.imgNoDispo {

background-color:#FFFEEF;
	border-collapse:collapse;
	border: 0;
	border-width:0px; 
	border-style:none;
	border-spacing: 0px;
display: table;
text-align: center;
vertical-align:middle;
padding: 2px;
margin: 0px;
font-family:Verdana,helvetica,sans-serif;
font-size:9px;
color: #CC7700;


}

.divFondTexteProd {
display: block;
background-color:#FFFFFF;
font-family:Verdana,helvetica,sans-serif;
font-size:10px;
color: #333333;
text-align: justify;
font-weight: normal;
padding: 2px;
margin: 0px;
}

.divGFicheProd {
	border-collapse:collapse;
	border: 0;
	border-width:0px; 
	border-style:none;
	border-spacing: 1px;
display: block;

font-family:Verdana,helvetica,sans-serif;
font-size:14px;
color: #333333;
text-align: justify;
font-weight: normal;
padding:2px;

margin: 0px;
margin-top: 3px;
width:100%;
}

.divFormTable {
display: block;
background-color:#ffffff;
font-family:Verdana,helvetica,sans-serif;
font-size:11px;
color: #000000;
text-align: justify;
font-weight: normal;
padding: 2px;
margin: 0px;
width:100%;
}

.divFormTableB {
display: block;
background-color:#ffffff;
font-family:Verdana,helvetica,sans-serif;
font-size:11px;
color: #000000;
text-align: center;
font-weight: bold;
padding: 2px;
margin: 0px;
width:100%;
}

.divFormCaddie {
display: block;
background-color:#e8e6c9;
font-family:Verdana,helvetica,sans-serif;
font-size:11px;
color: #000000;
text-align: center;
font-weight: bold;
padding: 2px;
margin: 0px;
width:100%;
}

.inputCaddie {
background-color: #bb1111; color: #ffffff; font-size: 18pt; font-family: 'EB Garamond',Arial, Helvetica, sans-serif; padding: 3px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #000000; width:40px; text-align:center;
}

.inputListe {
background-color: #F8F7E8;
color: #990000;
font-size: 7pt;
font-family: 'EB Garamond',Arial, Helvetica, sans-serif;
border: thin solid #990000;
}


.inputListeT2 {
font-variant: small-caps; background-color: #bb1110; color: #ffffff; font-size: 14pt; font-family: 'EB Garamond',Arial, Helvetica, sans-serif; padding: 3px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #000000; text-align:center;
}


.inputListe2 {
font-variant: small-caps; background-color: #bb1110; color: #ffffff; font-size: 14pt; font-family: 'EB Garamond',Arial, Helvetica, sans-serif; padding: 3px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #000000; text-align:center;
}

.txtCaddie {
color: #000000;
font-size:9pt;
font-family: Verdana,helvetica,sans-serif;
font-weight: normal;
}

.txtImpCaddie {
color: #bb1111;
font-size:9pt;
font-family: Verdana,helvetica,sans-serif;
font-weight: bold;
}

.sepFicheProd {
text-align: justify;
padding: 0px;
padding-top: 10px;
margin: 0px;
margin-top: 15px;
border: 0px;
width: 100%;
border-top:1px solid #cccccc;
}

.imgFic {
border:none;
margin:0px;
vertical-align:middle;
}
#panierAdd1 { float:left;  }

#panierQte1 { float:left; margin-top:1px; }

@media (max-width: 768px) {
#divFrameComment, #divOfiFrameComment, #iFrameComment, #divOfScrollComment, .diviFrameComment {
width:99%;
}
#divOfiFrameComment, #iFrameComment {
  display: block !important;
  visibility: visible !important;
}
#divOfScrollComment {
  display: none !important;
  visibility: hidden !important;
}
.pdivFLc {
width: 29%;
padding: 2px;
}
.pdivFL{
width:68%;
}
.imgFic, .imgFichePROD, .sepFicheProd {
width: 100%;
}
.tabl0Z {
width: 90%;
}
.divGlobalZoomImage{
width: 100%;
}
.tdZvig{
width: 12%;
}
.tdZgde{
width: 86%;
}
#photoZoom{
width: 100%;
}
.vignettePhotoZ {
width: 100%;
}
A.vigZoomImage:link, A.vigZoomImage:visited, A.vigZoomImage:hover, A.vigZoomImage:active {
width: 90%;
}

.inputListeT2{
font-size:13px;
width:140px;
}
.inputListe2{
font-size:13px;
}

}
@media (max-width: 568px) {
.sepFicheProd {
width: 97%;
}
#panierAdd1 { width:80%; text-align:right; }

#panierQte1 { width:20%; text-align:left; }
.inputCaddie { width:20px; font-size: 12pt; }
}
@media (max-width: 568px) {
#divFrameComment, #divOfiFrameComment, #iFrameComment, #divOfScrollComment, .diviFrameComment {
width:95%;
}
.sepFicheProd {
width: 95%;
}
}