.ITFPhotoO{
	border: 0;
	position:relative;
	width: 425px;
	text-align:center;
	vertical-align:bottom;
	padding:0px;
	margin:0px;
}
.ITFPhotoF{
background-image: url(https://www.tempesae.com/portail/fond_photo.png);
	border-collapse:collapse;
	border: 0;
	border-width:0px; 
	border-style:none;
	border-spacing: 0px;
	text-align:center;
	width: 425px;
	padding:0px;
	margin:0px;
padding-top:10px;
}
.ITFPhotoB{
	border: 0;
	position:relative;
	width: 425px;
	vertical-align:top;
	padding:0px;
	margin:0px;
}

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

#contenaireZ {
position:absolute;
visibility:hidden;
display:none;
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;
width:1102px;
}

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

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

}
.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:#141615;
margin: 0px;
padding: 2px;
text-align:justify;
}
.divGlobalZoomImage {
	border-collapse:collapse;
	border: 0;
	border-width:0px; 
	border-style:none;
	border-spacing: 0px;
background-color:#141615;
 border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
padding: 4px;
margin: 0px auto;
width:1104px;
}
.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:#141615;
border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
padding: 4px;
margin: 0px auto;

width:1194px;
}
.divGlobalZoomImage2 td {
	border-collapse:collapse;
	border: 0;
	border-width:0px; 
	border-style:none;
	border-spacing: 0px;
	vertical-align:top;
}
.gdeZoomImage {
position: absolute;
padding: 0px;
margin: 0px;
border: 1px solid #000000;
}
.maskGdeZoomImage {
position: absolute;
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:80px;
}

.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:#aaaaaa;
text-decoration: none;
text-align: center;
padding: 1px;
margin: 2px;
border: 1px solid #aaaaaa;
display: block;
width:82px;
}

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



.blocEtiqPrix {
margin: 0px auto;
}
.tabEtiqPrix {
margin: 0px auto;
width:100%;
}
.tabEtiqPrix td {
padding:1px 5px;
}

.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:474px;
}
.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:440px;
}
.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:914px;
}

#divBGPrixCadre {

	border-collapse:collapse;
	border: 0;
	border-width:0px; 
	border-style:none;
	border-spacing: 0px;
padding: 2px;
margin: 0px auto;
font-family:'neusessiregular',verdana, Helvetica;
font-size:20px;
color: #333232;
font-weight: bold;
text-align: center;
vertical-align: middle;
width:98%;

}

.tblTitrePROD {

	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:30px;
width:100%;
}
.titreProduitL {
text-align: center;
vertical-align:middle;
padding: 4px;
padding-left: 10px ;
}

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

.imgFichePROD {


	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;
width:405px;

}

.imgNoDispo {

background-color:#FFFFFF;
	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:'neusessiregular',verdana, Helvetica;
font-size:9px;
color: #ff9901;


}

.divFondTexteProd {
display: block;

font-family:'neusessiregular',verdana, Helvetica;
font-size:10px;
color: #333232;
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:'neusessiregular',verdana, Helvetica;
font-size:15px;
color: #333232;
text-align: justify;
font-weight: normal;
padding:2px;

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

.divFormTable {
display: block;
background-color:#f8f8f8;
font-family:'neusessiregular',verdana, Helvetica;
font-size:11px;
color: #333232;
text-align: justify;
font-weight: normal;
padding: 2px;
margin: 0px;
width:100%;
}

.divFormTableB {
display: block;
background-color:#f8f8f8;
font-family:'neusessiregular',verdana, Helvetica;
font-size:11px;
color: #333232;
text-align: center;
font-weight: bold;
padding: 2px;
margin: 0px;
width:100%;
}

.divFormCaddie {
display: block;
background-color:#eeeeee;
font-family:'neusessiregular',verdana, Helvetica;
font-size:11px;
color: #333232;
text-align: center;
font-weight: bold;
padding: 2px;
margin: 0px;
width:100%;
}

.inputCaddie {
background-color: #ffffff; color: #000000; font-size: 12pt; font-family: 'neusessiregular',verdana, Helvetica; padding: 2px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #000000; text-align:center;
}

.inputListe {
background-color: #3c5772;
color: #333232;
font-size: 9pt;
font-family: 'neusessiregular',verdana, Helvetica;
border: thin solid #333232;
}

.inputAlerte {
background-color: #dd4401; color: #ffffff; font-size: 14pt; font-family: 'neusessiregular',verdana, Helvetica; padding: 3px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #000000;
}


.inputListeT2 {
font-variant: small-caps; background-color: #ff9901; color: #ffffff; font-size: 12pt; font-family: 'neusessiregular',verdana, Helvetica; padding: 3px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #000000; text-align:left; width:200px;
}


.inputListe2 {
font-variant: small-caps; background-color: #ff9901; color: #ffffff; font-size: 12pt; font-family: 'neusessiregular',verdana, Helvetica; padding: 3px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #000000; text-align:left; 
}

.txtCaddie {
color: #333232;
font-size:9pt;
font-family: 'neusessiregular',verdana, Helvetica;
font-weight: normal;
}

.txtImpCaddie {
color: #ff0000;
font-size:9pt;
font-family: 'neusessiregular',verdana, Helvetica;
font-weight: bold;
}

.divProjKdo {
font-family:'neusessiregular',verdana, Helvetica;
color:#999999; font-size: 11px; margin:2px; text-align:left;
}

A.linkProjKdo:link, A.linkProjKdo:visited {
text-decoration: none;
color: #ff9901;
display:block;
}

A.linkProjKdo:hover, A.linkProjKdo:active {
text-decoration: none;
color: #ff0000;
}

.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; }


.panierBox{
font-family: 'neusessiregular',verdana, Helvetica;
background-color:#fafafa; text-align:center; margin:auto; padding:4px; max-width:600px; color: #666666; font-size: 10px; -moz-box-shadow: 4px 4px 14px #666; -webkit-box-shadow: 4px 4px 14px #666; box-shadow: 4px 4px 14px #666; max-width:300px;
}
.panierBoxTitle{
background-color:#ff9901; color:#fff; margin:2px; font-size:12px; width:100%; margin-bottom:2px;
}
.panierBoxInfoC{
margin:0px auto;
display:table;
width:auto;
text-align:left;
}
.panierBoxLink{
margin:2px;
text-align:left;
color:#000; font-size: 11px; text-decoration:none;
}
.panierBoxLink a{
color:#000; font-size: 11px; text-decoration:none;
}
.panierBoxLink a:hover{
color:#f90;
}
.panierBoxOpt{
margin:0px;
padding:0px;
}
.panierBoxOpt>ul{
list-style:none;
margin:0px;
padding:0px;
}
.panierBoxOpt>ul>li{
display:inline-block;
position:relative;
margin:0px auto;
}

.formPanierBox .panierBox .panierBoxOpt input[type=radio]{
	position:absolute;
	left:-9999px;
}

.formPanierBox label{
background-color: #fff; color: #000; font-size: 14px; border: 1px solid transparent; min-width:38px; padding:3px 2px; font-weight:400; margin:3px;
	position: relative;
	text-align: center;
	display: block;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.formPanierBox label:hover , .panierBoxOpt .panierBoxItemOpt.PBOnok label:hover{
background-color: #eeeeee; border: 1px solid #bbbbbb; color: #000000;
}

.panierBoxOpt .panierBoxItemOpt.PBOnok input:checked+label,.panierBoxOpt .panierBoxItemOpt.PBOnok label{
background:#dddddd; color:#999999; border-color:#bbb;
}

.formPanierBox .panierBox .panierBoxOpt  input[type=radio]:checked + label{
background-color: #00cc00; color: #fff; border: 1px solid #333;
}
.formPanierBox .panierBox .panierBoxOpt .panierBoxItemOpt.PBOnok  input[type=radio]:checked + label{
background-color: #ff0000; border: 1px solid #333;
}
.formPanierBox .panierBox .panierBoxOpt input[type=radio]:checked + label:after, .formPanierBox .panierBox .panierBoxOpt .panierBoxItemOpt.PBOnok input[type=radio]:checked + label:after{
	font-size: 10px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 100%;
	border: 1px solid #333;
	z-index: 9;
	position: absolute;
	top: -7px;
	right: -7px;
}
.formPanierBox .panierBox .panierBoxOpt input[type=radio]:checked + label:after{
background-color: #00cc00; color: #fff; border: 1px solid #333;
	content: url(https://www.tempesae.com/portail/check.png);
}
.formPanierBox .panierBox .panierBoxOpt .panierBoxItemOpt.PBOnok input[type=radio]:checked + label:after{
background-color: #ff0000;
	content: url(https://www.tempesae.com/portail/checkno.png);
}
.panierBoxInfo{
  width:100%;
  text-align:center;
  padding:4px;
  margin:1px;
display:none;
background-color: #ff9901; color: #fff; font-size: 12px;
}

#panierBoxSubmit{
display:none;
font-size: 12px; color:#666666;
}
#panierBoxGrise{
display:block;
font-size: 14px; color:#666666; border:0px
}

#panierBoxButton, #panierBoxAlerte, #panierBoxButtonGris{
width:100%;
text-align:center;
cursor: pointer;
text-transform: uppercase;
padding:4px;
}
#panierBoxButtonGris{
background-color: #ff9901; color: #fff; border:0px; font-size: 12px;
}
#panierBoxButton{
background-color: #000; color: #fff; border:0px; font-size: 12px;
}
#panierBoxButton:hover{
background-color: #ff9901; color: #fff; border:0px
}
#panierBoxAlerte{
background-color:#888; color: #fff; font-size:12px
display:none;
}
#panierBoxAlerte:hover{
background-color:#bbb;
}



.marqueBox{
font-family: 'neusessiregular',verdana, Helvetica;
float:right; color:#666666; font-size: 15px; margin:5px; text-align:center;
}
.marqueBox a{
color:#999999; font-size: 15px; text-decoration:none;
}
.marqueBox a:hover{
color:#c1272d;
}
.marqueBox img{
width:100%;
max-width:200px;
}



#FDtitre, #FDdescrb, #FDdescr, #FDprodlies{
display: block;
width:100%;
}
#FDdescrb, #FDdescr{
text-align: left;
padding:10px;
}
#FDpetitePhoto, #FDprixpanier, #FDprix, #FDpanier{
display: inline-block;
margin: 0px auto;
text-align: center;
vertical-align: top;
}
#FDpetitePhoto{
width:50%;
}
#FDprixpanier{
width:49%;
}
#FDprix{
width:99%;
}
#FDpanier{
width:70%;
}


.divPhotoP1{
position: relative;
margin: 0px;
padding: 0px;
}
.divPhotoP1>em.topImgAds {
  position: absolute;
  top: -2px;
  left: -2px;
}
.divPhotoP1>em.topImgAds2 {
  position: absolute;
  top: -2px;
  right: -2px;
}
#FDpetitePhoto .topImgAds {
  position: absolute;
  top: -2px;
  left: -2px;
}
#FDpetitePhoto .topImgAds2 {
  position: absolute;
  top: -2px;
  right: -2px;
}

.FDprixCadre{
/*background: url(portail/cadreprix.png);
width:280px;
height:125px;*/
padding:10px;
text-align:center;
margin:0px auto;
display: flex;
flex-direction: column;
justify-content: center;
}
@media (max-width: 911px) {
#FDprix, #FDpanier{
display: block;
width:100%;
}
}
@media (max-width: 650px) {
#FDpetitePhoto, #FDprixpanier{
display: block;
width:100%;
}
.marqueBox{
width:30%;
}
.marqueBox img{
width:100%;
}
}

@media (max-width: 775px) {
#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, .divGlobalZoomImage2{
width: 100%;
margin-left:0px;
}
.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;
}

.ITFPhotoO, .ITFPhotoB{
  display: none !important;
  visibility: hidden !important;
}
.ITFPhotoF{
width: 100%;
}

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

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

@media (max-width: 880px) {
.inputListeT2{
font-size:13px; width:140px;
}
}