.commentF {
text-decoration: none;
font-family:'Raleway',Arial,sans-serif;
font-size:12px;
color: #444444;
font-weight: bold;
}
A.commentF:link, A.commentF:visited {
text-decoration: none;
font-family:'Raleway',Arial,sans-serif;
font-size:12px;
color: #444444;
font-weight: bold;
}

A.commentF:hover, A.commentF:active {
text-decoration: underline;
font-family:'Raleway',Arial,sans-serif;
font-size:12px;
color: #44aa55;
font-weight: bold;
}
A.linkiFrameComment:link, A.linkiFrameComment:visited {
text-decoration: none;
font-family:'Raleway',Arial,sans-serif;
font-size:15px;
color: #444444;
}

A.linkiFrameComment:hover, A.linkiFrameComment:active {
text-decoration: underline;
font-family:'Raleway',Arial,sans-serif;
font-size:15px;
color: #44aa55;
}
.diviFrameComment {
text-decoration: none;

font-family:'Raleway',Arial,sans-serif;
font-size:16px;
color: #444444;
text-align:left;

font-weight: bold;
width:1105px;
margin:1px auto;
text-align:center;

}
.titreiFrameComment, A.titreiFrameComment:link, A.titreiFrameComment:visited, A.titreiFrameComment:hover, A.titreiFrameComment:active  {
text-decoration: none;

font-family:'Raleway',Arial,sans-serif;
font-size:16px;
color: #444444;
}

#divFrameComment {
width:1110px;
display: block;
position:relative;
padding: 0px;
margin: 0px auto;
}

#divOfiFrameComment {
display: block;
position:absolute;
visibility:hidden;
padding: 0px;
margin: 0px;
left:0px;
top:0px;
-webkit-overflow-scrolling: touch;
overflow: hidden;
overflow-y: scroll;
width:1110px;
height:300px;
}
#iFrameComment {
background-color:transparent;

width:1110px;
height:300px;
border:1px solid #000000;
margin-left: 8px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

-moz-box-shadow: 4px 4px 14px #fff;
-webkit-box-shadow: 4px 4px 14px #fff;
box-shadow: 4px 4px 14px #fff;

display: block; overflow: hidden; -webkit-overflow-scrolling: touch;
}

#divOfScrollComment {
display: block;
position:absolute;
padding: 4px;
margin: 0px;
left:0px;
top:0px;
width:1100px;
height:300px;
margin-left: 8px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

-moz-box-shadow: 4px 4px 14px #666;
-webkit-box-shadow: 4px 4px 14px #666;
box-shadow: 4px 4px 14px #666;
}

.alerteMedic {
font-family:'Raleway',Arial,sans-serif;
font-size:14px;
color: #ff0000;
font-weight: bold;
}

#fondZ0 , #fondZ_2_, #fondZ_4_, #fondZ_5_, #fondZ_3_ {
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;

}

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

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


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

A.vigZoomImage:hover, A.vigZoomImage:active {
background-color:#f78500;
text-decoration: none;
text-align: center;
padding: 1px;
margin: 2px;
border: 1px solid #f78500;
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:400px;
}
.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:320px;
}
.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:720px;
}

#divBGPrixCadre {
background-color:#f8f8f8;
	border-collapse:collapse;
	border: 0;
	border-width:0px; 
	border-style:none;
	border-spacing: 0px;
padding: 2px;
margin: 0px auto;
font-family:'Raleway',Arial,sans-serif;
font-size:20px;
color: #166699;
font-weight: bold;
text-align: center;
vertical-align: middle;
width:98%;
border: 1px solid #eeeeee;
}

.tblTitrePROD {
background-image: url(https://www.fsrtechbackoffice.com/portail/background_titre_produit.gif);
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: center;
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:#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:'Raleway',Arial,sans-serif;
font-size:9px;
color: #166699;


}

.divFondTexteProd {
display: block;
background-color:#f9f9f9;
font-family:'Raleway',Arial,sans-serif;
font-size:10px;
color: #444444;
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:'Raleway',Arial,sans-serif;
font-size:14px;
color: #444444;
text-align: justify;
font-weight: normal;
padding:2px;

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

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

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

.divFormCaddie {
display: block;
background-color:#f8f8f8;
font-family:'Raleway',Arial,sans-serif;
font-size:11px;
color: #333333;
text-align: center;
font-weight: bold;
padding: 2px;
margin: 0px;
width:100%;
}

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

.inputListe {
background-color: #EEEEEE;
color: #166699;
font-size: 9pt;
font-family: 'Raleway',Arial,sans-serif;
border: thin solid #166699;
}

.inputAlerte {
background-color: #a31313; color: #ffffff; font-size: 14pt; font-family: 'Raleway',Arial,sans-serif; padding: 3px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #000000;
}


.inputListeT2 {
font-variant: small-caps; background-color: #44aa55; color: #ffffff; font-size: 14pt; font-family: 'Raleway',Arial,sans-serif; 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: #44aa55; color: #ffffff; font-size: 14pt; font-family: 'Raleway',Arial,sans-serif; padding: 3px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #000000; text-align:left; 
}

.txtCaddie {
color: #333333;
font-size:9pt;
font-family: 'Raleway',Arial,sans-serif;
font-weight: normal;
}

.txtImpCaddie {
color: #FF0000;
font-size:9pt;
font-family: 'Raleway',Arial,sans-serif;
font-weight: bold;
}

.tablcomposition {
margin: 0px;
padding: 4px;
}
.tablcomposition td {
margin: 0px;
padding: 4px;
border: solid 1px #666666;
}

.divProjKdo {
font-family:'Raleway',Arial,sans-serif;
color:#999999; font-size: 11px; margin:2px; text-align:left;
}

A.linkProjKdo:link, A.linkProjKdo:visited {
text-decoration: none;
color: #44aa55;
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 #289401;
}

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

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


.panierBox{
font-family: 'Raleway',Arial,sans-serif;
text-align:center; margin:auto; padding:4px; max-width:600px; color: #aaa; font-size: 10px; background:url(portail/fond_panier.png); -moz-box-shadow: 4px 4px 14px #666; -webkit-box-shadow: 4px 4px 14px #666; box-shadow: 4px 4px 14px #666;
}
.panierBoxTitle{
background-color:#3c3c3c; color:#fff; margin:2px; font-size:15px; width:100%; margin-bottom:2px;
}
.panierBoxInfoC{
margin:0px auto;
display:table;
width:auto;
text-align:left;
}
.panierBoxLink{
margin:2px;
text-align:left;
color:#3c3c3c; font-size: 13px; text-decoration:none;
}
.panierBoxLink a{
color:#3c3c3c; font-size: 13px; text-decoration:none;
}
.panierBoxLink a:hover{
color:#44aa55;
}
.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: 20px; border: 1px solid transparent;
	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: #00ff00; 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: #00ff00;
	content: url(https://www.fsrtechbackoffice.com/portail/check.png);
}
.formPanierBox .panierBox .panierBoxOpt .panierBoxItemOpt.PBOnok input[type=radio]:checked + label:after{
background-color: #ff0000;
	content: url(https://www.fsrtechbackoffice.com/portail/checkno.png);
}
.panierBoxInfo{
  width:100%;
  text-align:center;
  padding:4px;
  margin:1px;
display:none;
background-color: #166699; color: #fff; font-size: 16px;
}

#panierBoxSubmit{
display:none;
font-size: 16px; color:#3c3c3c;
}
#panierBoxGrise{
display:block;
font-size: 16px; color:#666666;
}

#panierBoxButton, #panierBoxAlerte, #panierBoxButtonGris{
width:100%;
text-align:center;
font-size: 20px;
cursor: pointer;
text-transform: uppercase;
padding:4px;
}
#panierBoxButtonGris{
background-color: #ddd; color: #999;
}
#panierBoxButton{
background-color: #166699; color: #fff;
}
#panierBoxButton:hover{
background-color: #44aa55; color: #fff;
}
#panierBoxAlerte{
background-color:#888; color: #fff;
display:none;
}
#panierBoxAlerte:hover{
background-color:#bbb;
}



.marqueBox{
font-family: 'Raleway',Arial,sans-serif;
float:right; color:#3c3c3c; font-size: 15px; margin:2px; text-align:center;
}
.marqueBox a{
color:#999999; font-size: 15px; text-decoration:none;
}
.marqueBox a:hover{
color:#44aa55;
}



#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:30%;
}
#FDprixpanier{
width:69%;
}
#FDprix{
width:56%;
}
#FDpanier{
width:43%;
}

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

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

@media (max-width: 911px) {
#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;
}

}
@media (max-width: 710px) {
.sepFicheProd {
width: 97%;
}
#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: 95%;
}
}

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