/* 
  Accueil générique pour les pages accueil des crèmes
  terminaison SM (! pas partout) ou classe agSMx : pour browser Samsung Android Chrome
*/

.table {
  border-collapse:collapse;
  border-spacing:0px;
  }

#PanelBanner {height:180px;font-size:65%;} /* pas d'image adaptative car il s'agit de visuels avec transparence */
@media only screen and (min-width: 481px) and (max-width: 640px) {
  #PanelBanner {height:180px;font-size:90%;}
  }
@media only screen and (min-width: 641px) and (max-width: 767px) {
  #PanelBanner {height:180px;font-size:90%;}
  }
@media only screen and (min-width: 768px) {
  #PanelBanner {height:240px;font-size:100%;}
  }

#PanelBlocs {
  border-right:thin solid #2d2d2d;
  border-left:thin solid #2d2d2d;
  min-height:480px;
  /*fond géré par le conteneur PanelCenter jusque 640px*/
  }
@media only screen and (max-width: 480px) {
  #PanelCenter {background:#ffffff url(/images/FondPanelCenter480.jpg) no-repeat center top/480px auto;} /*parfois un peu lourd pour juste un bandeau*/
  #PanelBlocs, #PanelBanner {background:transparent;}
  }
@media only screen and (min-width: 481px) and (max-width: 640px) {
  #PanelCenter {background:#ffffff url(/images/FondPanelCenter640.jpg) no-repeat center top/640px auto;}
  #PanelBlocs, #PanelBanner {background:transparent;}
  }
@media only screen and (min-width: 641px) and (max-width: 767px) {
  #PanelBlocs {background: #FFFFFF url(/images/FondPanelBlocs768.jpg) no-repeat center top/768px auto;}
  }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #PanelBlocs {background: #FFFFFF url(/images/FondPanelBlocs1024.jpg) no-repeat center top/1024px auto;}
  }
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  #PanelBlocs {background: #FFFFFF url(/images/FondPanelBlocs1280.jpg) no-repeat center top/1280px auto;}
  }
@media only screen and (min-width: 1281px) and (max-width: 1479px) {
  #PanelBlocs {background: #FFFFFF url(/images/FondPanelBlocs1440.jpg) no-repeat center top/1440px auto;}
  }
@media only screen and (min-width: 1480px) {
  #PanelBlocs {background: #FFFFFF url(/images/FondPanelBlocs1440.jpg) no-repeat center top/1440px auto;}
  }   
/* images pour haute résolution */
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5)      and (max-width: 480px),
only screen and (   min--moz-device-pixel-ratio: 1.5)      and (max-width: 480px),
only screen and (     -o-min-device-pixel-ratio: 1.5/1)    and (max-width: 480px),
only screen and (        min-device-pixel-ratio: 1.5)      and (max-width: 480px),
only screen and (                min-resolution: 144dpi) and (max-width: 480px),
only screen and (                min-resolution: 1.5dppx)  and (max-width: 480px) {
  #PanelCenter {background: url(/images/FondPanelCenter480HteRes.jpg) no-repeat center top/480px auto;;}
  #PanelBlocs, #PanelBanner {background:transparent;}
  }
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5)      and (min-width: 481px) and (max-width: 640px),
only screen and (   min--moz-device-pixel-ratio: 1.5)      and (min-width: 481px) and (max-width: 640px),
only screen and (     -o-min-device-pixel-ratio: 1.5/1)    and (min-width: 481px) and (max-width: 640px),
only screen and (        min-device-pixel-ratio: 1.5)      and (min-width: 481px) and (max-width: 640px),
only screen and (                min-resolution: 144dpi) and (min-width: 481px) and (max-width: 640px),
only screen and (                min-resolution: 1.5dppx)  and (min-width: 481px) and (max-width: 640px) {
  #PanelCenter {background: url(/images/FondPanelCenter640HteRes.jpg) no-repeat center top/640px auto;;}
  #PanelBlocs, #PanelBanner {background:transparent;}
  }
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5)      and (min-width: 641px) and (max-width: 767px),
only screen and (   min--moz-device-pixel-ratio: 1.5)      and (min-width: 641px) and (max-width: 767px),
only screen and (     -o-min-device-pixel-ratio: 1.5/1)    and (min-width: 641px) and (max-width: 767px),
only screen and (        min-device-pixel-ratio: 1.5)      and (min-width: 641px) and (max-width: 767px),
only screen and (                min-resolution: 144dpi) and (min-width: 641px) and (max-width: 767px),
only screen and (                min-resolution: 1.5dppx)  and (min-width: 641px) and (max-width: 767px) {
  #PanelBlocs {background: #FFFFFF url(/images/FondPanelBlocs768HteRes.jpg) no-repeat center top/768px auto;}
  }
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5)      and (min-width: 768px) and (max-width: 1024px),
only screen and (   min--moz-device-pixel-ratio: 1.5)      and (min-width: 768px) and (max-width: 1024px),
only screen and (     -o-min-device-pixel-ratio: 1.5/1)    and (min-width: 768px) and (max-width: 1024px),
only screen and (        min-device-pixel-ratio: 1.5)      and (min-width: 768px) and (max-width: 1024px),
only screen and (                min-resolution: 144dpi) and (min-width: 768px) and (max-width: 1024px),
only screen and (                min-resolution: 1.5dppx)  and (min-width: 768px) and (max-width: 1024px) {
  #PanelBlocs {background: #FFFFFF url(/images/FondPanelBlocs1024HteRes.jpg) no-repeat center top/1024px auto;}
  }
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5)      and (min-width: 1025px) and (max-width: 1280px),
only screen and (   min--moz-device-pixel-ratio: 1.5)      and (min-width: 1025px) and (max-width: 1280px),
only screen and (     -o-min-device-pixel-ratio: 1.5/1)    and (min-width: 1025px) and (max-width: 1280px),
only screen and (        min-device-pixel-ratio: 1.5)      and (min-width: 1025px) and (max-width: 1280px),
only screen and (                min-resolution: 144dpi) and (min-width: 1025px) and (max-width: 1280px),
only screen and (                min-resolution: 1.5dppx)  and (min-width: 1025px) and (max-width: 1280px) {
  #PanelBlocs {background: #FFFFFF url(/images/FondPanelBlocs1280HteRes.jpg) no-repeat center top/1280px auto;}
  }
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5)      and (min-width: 1281px),
only screen and (   min--moz-device-pixel-ratio: 1.5)      and (min-width: 1281px),
only screen and (     -o-min-device-pixel-ratio: 1.5/1)    and (min-width: 1281px),
only screen and (        min-device-pixel-ratio: 1.5)      and (min-width: 1281px),
only screen and (                min-resolution: 144dpi) and (min-width: 1281px),
only screen and (                min-resolution: 1.5dppx)  and (min-width: 1281px) {
  #PanelBlocs {background: #FFFFFF url(/images/FondPanelBlocs1440HteRes.jpg) no-repeat center top/1440px auto;}
  }  

.vertGras {font-weight:bold;color:#88B21A;}

/* slider */ 
/* 16/9 853x480 + 8/3 1280x480 + 32/10 1537x480*/ 
.htmlcaption {
  display:none;
  overflow:hidden;
  position:relative;
  height:100%;
  width:auto;
  max-width:768px;
  margin:0 auto;
  background-color:transparent;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
  font-size:100%;
  text-transform:none;
  font-style: italic;
  /*font-weight: bold;*/
}
#htmlcaption0 {
  display:block; /*laisser affiché le premier pour google*/
  border-left:thin solid #2d2d2d;border-right:thin solid #2d2d2d;
  background-size:cover;
  } 
@media only screen and (max-width: 480px) {
  #htmlcaption0 {border:none;background-size:auto 100%;}
  }
@media only screen and (min-width: 481px) {
  #htmlcaption0 {width:480px;}
  }
@media only screen and (min-width: 768px) {
  #htmlcaption0 {width:768px;}
  }
h1 {font-size:100%;font-weight:normal;}
.conteneurMotsSliders {margin:3px 0px;}
.conteneurMotsSlidersSM {margin:4px 0px;}
.motsSliders, .motsSlidersSM {color:#ffffff;padding:1px 1%;line-height:120%;background-color: rgba(45,45,45,0.70);}
.motsSlidersSM {padding:0px 1% 3px 1%;}
.eteint {display:none;} /* sinon répété 2x */
/*.inhtmlcaption {line-height:135%;}
@media only screen and (min-width: 641px) {
  .inhtmlcaption {line-height:125%;}
  }*/
#htmlcaption1A, #htmlcaption3A, #htmlcaption2A {width:100%;position:absolute;top:4%;left:0;font-size:120%;text-align:center;}
#htmlcaption1B, #htmlcaption3B {width:100%;position:absolute;bottom:4%;left:0;font-size:120%;text-align:center;}
#htmlcaption1B, #htmlcaption1A {font-size:140%;}
#htmlcaption4A {width:100%;position:absolute;top:10%;left:0;font-size:100%;text-align:center;}
#htmlcaption4B {width:100%;position:absolute;bottom:10%;left:0;font-size:100%;text-align:center;}

/* boites */
div.BoutonAccueil {
  display:block;
  overflow:hidden;
  position:relative;
  background: rgba(255,255,255,0.8) no-repeat right bottom/20px 20px;
  padding:10px 1% 10px 1%;
  height:105px;
  border-bottom:thin solid #2D2D2D;
  vertical-align:top;
  font-size:100%;
  color:#000000;
  cursor:pointer;
  -webkit-tap-highlight-color:rgba(136, 178, 26, 0.3); /*les taps sont colorés*/
  }
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	#BoiteSM {border-right:thin solid #2d2d2d;}
	#BoiteREN {border-right:thin solid #2d2d2d;}
}
@media only screen and (min-width: 1025px) {
	.BoutonAccueil {border-right:thin solid #2d2d2d;}
	#BoiteTEST {border-right:0px solid #2d2d2d;}
}
.no-touch  div.BoutonAccueil:hover {
  background-image:url(/images/trngleclick-vertplein.png);
  background-color:#FFFFFF;
  color:#88B21A;
  border-bottom-color:#88B21A;
  border-right-color:#88B21A;
  }
.no-touch  div.BoutonAccueil:active {
  background-image:url(/images/trngleclick-vertplein.png);
  background-color:#FFFFFF;
  color:#88B21A;
  border-bottom-color:#88B21A;
  border-right-color:#88B21A;
  }
h2 {font-size:100%;font-weight:normal;color:#000000;margin:0px;padding:0px;} /*titre 000000 car non bold*/
.Titre {
  position:relative;
  font-size:120%;
  line-height:120%;
  text-transform:uppercase;
  height:50px;
  }
div.cliquez {
  display:none;
  position:relative;
  font-size:70%;
  line-height:120%;
  width:100%;
  text-align:center;
  padding:0px auto;
  height:30px;
  }
div.Texte {
  position:relative;
  font-size:70%;
  line-height:120%;
  height:auto;
  text-transform:uppercase;
  }
div.ComposEnCours{
  position:absolute;
  display:none;
  height:60px;
  width:54px;
}
div.ComposEnCoursIm{
  position:relative;
  display:block;
  height:54px;
  width:54px;
  margin:3px auto;
  background: transparent url(/images/composencours-noirplein.png) no-repeat center center/54px 54px;
  cursor:help;
}
.no-touch  div.ComposEnCoursIm:hover, .no-touch  div.ComposEnCoursIm:active {background-image:url(/images/composencours-vertplein.png);}
@media only screen and (max-width: 599px) {
  div.BoutonAccueil {padding:6px 1%;height:90px;}  
  div.ComposEnCours {right:1%;}
  #ComposDansBoiteSM {top:0px;}
  #ComposDansBoiteCOMP {top:90px;}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
  .Titre {height:50px;}
  div.Texte {font-size:80%;text-transform:uppercase;}
  div.cliquez {display:none;}	
  div.BoutonAccueil {background: rgba(255,255,255,0.8) no-repeat right bottom/20px 20px;padding-bottom:10px;height:105px}
  .no-touch  div.BoutonAccueil:active {background-image:url(/images/trngleclick-vertplein.png);}
  .no-touch  div.BoutonAccueil:hover {background-image:url(/images/trngleclick-vertplein.png);}
  div.ComposEnCours {height:60px;width:54px;top:0px;}
  #ComposDansBoiteSM {right:51%;}
  #ComposDansBoiteCOMP {right:1%;}
  div.ComposEnCoursIm{height:54px;width:54px;margin:3px auto;background: transparent url(/images/composencours-noirplein.png) no-repeat center center/54px 54px;}
}
@media only screen and (min-width: 1025px) {
  .Titre {height:60px;}
  div.Texte {font-size:100%;text-transform:none;}
  div.cliquez {display:block;}	
  div.BoutonAccueil {background: rgba(255,255,255,0.8) no-repeat 97% 30px/20px 20px;padding-bottom:100px;height:330px;}
  .no-touch  div.BoutonAccueil:active {background-image:url(/images/triangleselectvert2.png);}
  .no-touch  div.BoutonAccueil:hover {background-image:url(/images/triangleselectvert2.png);}
  div.ComposEnCours {height:100px;bottom:10px;right:0;width:25%;}
  #ComposDansBoiteSM {top:220px;left:0;}
  #ComposDansBoiteCOMP {top:220px;left:25%;}
  div.ComposEnCoursIm{height:80px;width:80px;margin:10px auto;background: transparent url(/images/composencours-noirplein.png) no-repeat center center/80px 80px;}
}
/*Avis clients*/
#AvisClients {
  display: block;position:relative;
  margin:10px 4px;
  border:thin solid #2D2D2D;
  background:#ffffff;
  min-height:116px;
  max-width:570px;
  cursor:pointer;
  overflow:hidden;
  border-radius:5px;
  -webkit-tap-highlight-color:rgba(136, 178, 26, 0.3); /*les taps sont colorés*/
  }
.AvisIntro {display:none;position:relative;padding:8px 4px;font-size:100%;}
.AvisIntroScoring {font-weight:bold;color:#88B21A;}
.AvisIntroScoring2 {font-size:95%;font-style:italic;}
.AvisIntroScoring3 {padding-top:8px;font-size:95%;font-style:italic;}
.AvisFin{display:none;position:relative;padding:8px 4px;font-size:85%;font-style:italic;}
.Avis {display:none;position:static;min-height:114px;max-width:568px;} /*static : mieux pour aspect du bandeau*/
.AvisBandeau {
  display: block;
  position: absolute;
  top: 0;left: 0;
  height: calc(100% + 2px);
  width: 10px;
  }
.AvisCJ > .AvisBandeau {background:#eedc12;}
.AvisCN > .AvisBandeau {background:#4b5c9c;}
.AvisCY > .AvisBandeau {background:#238072;}
.AvisLC > .AvisBandeau {background:#ebc8c0;}
.Explic {color:#ffffff;}

.Etoiles0 {display:block;position:absolute;height:15px;width:120px;top:7px;left:20px;} /*pas de notation - avis spontané*/
.Explic > .Etoiles0 {display:block;position:absolute;height:20px;width:20px;top:7px;left:7px;background: transparent url(/images/logo-simple-egotopie-blanc.png) no-repeat 0px 0px/auto 20px;}
.AvisCJ > .Etoiles5 {display:block;position:absolute;height:15px;width:120px;top:7px;left:20px;background: transparent url(/images/etoilesCJ5.png) no-repeat 0px 0px/auto 15px;}
.AvisCJ > .Etoiles45 {display:block;position:absolute;height:15px;width:120px;top:7px;left:20px;background: transparent url(/images/etoilesCJ45.png) no-repeat 0px 0px/auto 15px;}
.AvisCJ > .Etoiles4 {display:block;position:absolute;height:15px;width:120px;top:7px;left:20px;background: transparent url(/images/etoilesCJ4.png) no-repeat 0px 0px/auto 15px;}
.AvisCJ > .Etoiles35 {display:block;position:absolute;height:15px;width:120px;top:7px;left:20px;background: transparent url(/images/etoilesCJ35.png) no-repeat 0px 0px/auto 15px;}
.AvisCJ > .Etoiles3 {display:block;position:absolute;height:15px;width:120px;top:7px;left:20px;background: transparent url(/images/etoilesCJ3.png) no-repeat 0px 0px/auto 15px;}
.AvisCN > .Etoiles5 {display:block;position:absolute;height:15px;width:120px;top:7px;left:20px;background: transparent url(/images/etoilesCN5.png) no-repeat 0px 0px/auto 15px;}
.AvisCN > .Etoiles45 {display:block;position:absolute;height:15px;width:120px;top:7px;left:20px;background: transparent url(/images/etoilesCN45.png) no-repeat 0px 0px/auto 15px;}
.AvisCN > .Etoiles4 {display:block;position:absolute;height:15px;width:120px;top:7px;left:20px;background: transparent url(/images/etoilesCN4.png) no-repeat 0px 0px/auto 15px;}
.AvisCN > .Etoiles35 {display:block;position:absolute;height:15px;width:120px;top:7px;left:20px;background: transparent url(/images/etoilesCN35.png) no-repeat 0px 0px/auto 15px;}
.AvisCN > .Etoiles3 {display:block;position:absolute;height:15px;width:120px;top:7px;left:20px;background: transparent url(/images/etoilesCN3.png) no-repeat 0px 0px/auto 15px;}
.AvisCY > .Etoiles5 {display:block;position:absolute;height:15px;width:120px;top:7px;left:20px;background: transparent url(/images/etoilesCY5.png) no-repeat 0px 0px/auto 15px;}
.AvisCY > .Etoiles45 {display:block;position:absolute;height:15px;width:120px;top:7px;left:20px;background: transparent url(/images/etoilesCY45.png) no-repeat 0px 0px/auto 15px;}
.AvisCY > .Etoiles4 {display:block;position:absolute;height:15px;width:120px;top:7px;left:20px;background: transparent url(/images/etoilesCY4.png) no-repeat 0px 0px/auto 15px;}
.AvisCY > .Etoiles35 {display:block;position:absolute;height:15px;width:120px;top:7px;left:20px;background: transparent url(/images/etoilesCY35.png) no-repeat 0px 0px/auto 15px;}
.AvisCY > .Etoiles3 {display:block;position:absolute;height:15px;width:120px;top:7px;left:20px;background: transparent url(/images/etoilesCY3.png) no-repeat 0px 0px/auto 15px;}
.AvisLC > .Etoiles5 {display:block;position:absolute;height:15px;width:120px;top:7px;left:20px;background: transparent url(/images/etoilesLC5.png) no-repeat 0px 0px/auto 15px;}
.AvisLC > .Etoiles45 {display:block;position:absolute;height:15px;width:120px;top:7px;left:20px;background: transparent url(/images/etoilesLC45.png) no-repeat 0px 0px/auto 15px;}
.AvisLC > .Etoiles4 {display:block;position:absolute;height:15px;width:120px;top:7px;left:20px;background: transparent url(/images/etoilesLC4.png) no-repeat 0px 0px/auto 15px;}
.AvisLC > .Etoiles35 {display:block;position:absolute;height:15px;width:120px;top:7px;left:20px;background: transparent url(/images/etoilesLC35.png) no-repeat 0px 0px/auto 15px;}
.AvisLC > .Etoiles3 {display:block;position:absolute;height:15px;width:120px;top:7px;left:20px;background: transparent url(/images/etoilesLC3.png) no-repeat 0px 0px/auto 15px;}
.AvisContenu {min-height:114px;padding:27px 5px 30px 20px;font-size:90%;line-height:115%;}
.Explic .AvisContenu {padding:27px 10px 30px 10px;}
.inAvisContenu {vertical-align:middle;}
.AvisSignature {display:none;position:absolute;height:50px;bottom:0;width:100%;padding:0px 10px 3px 20px;}
.inAvisSignature {vertical-align:bottom;text-align:right;font-size:75%;line-height:90%;}
.AvisDate {display:none;position:absolute;width:100%;text-align:right;top:7px;right:0;padding-right:10px;font-size:75%;}
@media only screen and (min-width: 340px) {
  #AvisClients {margin:12px 7px;}
  .AvisIntro {padding:8px;}
  .AvisFin {padding:8px;}
  .AvisContenu  {font-size:100%;line-height:110%;}
  .inAvisSignature {font-size:85%;line-height:90%;}
  .AvisDate {font-size:85%;}
}
@media only screen and (min-width: 481px) {
  #AvisClients {margin:15px 10px;}
  .AvisIntro {padding:8px 10px;}
  .AvisFin {padding:8px 10px;}
  .Explic .AvisContenu {min-height:114px;padding:27px 5px 27px 20px;line-height:110%;}
  .AvisSignature{padding-bottom:7px;}
}
@media only screen and (min-width: 600px) {
  #AvisClients {margin:142px 10px 5px 10px;height:116px;}
  .AvisIntro {padding:10px;}
  .AvisFin {padding:10px;}
}
@media only screen and (min-width: 1025px) {
  #AvisClients {margin:17px 1% 17px 1%;}
  .AvisIntro {padding:12px;}
  .AvisFin {padding:12px;}
}

/* border-thickness en fonction de la résolution - thin à supprimer ?*/
/*cas précis 1.5 - pb sur chrome avec laptop à 1280px 150%*/
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5)	  and (-webkit-max-device-pixel-ratio: 1.5),
only screen and (   min--moz-device-pixel-ratio: 1.5)	  and (   max--moz-device-pixel-ratio: 1.5),
only screen and (     -o-min-device-pixel-ratio: 1.5/1)	  and (     -o-max-device-pixel-ratio: 1.5/1),
only screen and (        min-device-pixel-ratio: 1.5)	  and (        max-device-pixel-ratio: 1.5),
only screen and (                min-resolution: 144dpi)  and (                max-resolution: 144dpi),
only screen and (                min-resolution: 1.5dppx) and (                max-resolution: 1.5dppx) {
	#PanelBlocs {border-right-width: calc(2px / 3);border-left-width: calc(2px / 3);}
	div.BoutonAccueil {border-bottom-width: calc(2px / 3);}	
	#AvisClients {border-width: calc(2px / 3);}
	}	
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5)	  and (-webkit-max-device-pixel-ratio: 1.5) and (min-width: 481px),
only screen and (   min--moz-device-pixel-ratio: 1.5)	  and (   max--moz-device-pixel-ratio: 1.5) and (min-width: 481px),
only screen and (     -o-min-device-pixel-ratio: 1.5/1)	  and (     -o-max-device-pixel-ratio: 1.5/1) and (min-width: 481px),
only screen and (        min-device-pixel-ratio: 1.5)	  and (        max-device-pixel-ratio: 1.5) and (min-width: 481px),
only screen and (                min-resolution: 144dpi)  and (                max-resolution: 144dpi) and (min-width: 481px),
only screen and (                min-resolution: 1.5dppx) and (                max-resolution: 1.5dppx) and (min-width: 481px) {
	#htmlcaption0 {border-right-width: calc(2px / 3);border-left-width: calc(2px / 3);}
	}	
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5)	  and (-webkit-max-device-pixel-ratio: 1.5) and (min-width: 600px) and (max-width: 1024px),
only screen and (   min--moz-device-pixel-ratio: 1.5)	  and (   max--moz-device-pixel-ratio: 1.5) and (min-width: 600px) and (max-width: 1024px),
only screen and (     -o-min-device-pixel-ratio: 1.5/1)	  and (     -o-max-device-pixel-ratio: 1.5/1) and (min-width: 600px) and (max-width: 1024px),
only screen and (        min-device-pixel-ratio: 1.5)	  and (        max-device-pixel-ratio: 1.5) and (min-width: 600px) and (max-width: 1024px),
only screen and (                min-resolution: 144dpi)  and (                max-resolution: 144dpi) and (min-width: 600px) and (max-width: 1024px),
only screen and (                min-resolution: 1.5dppx) and (                max-resolution: 1.5dppx) and (min-width: 600px) and (max-width: 1024px) {
	#BoiteSM {border-right-width: calc(2px / 3);}
	#BoiteREN {border-right-width: calc(2px / 3);}
	}	
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5)	  and (-webkit-max-device-pixel-ratio: 1.5) and (min-width: 1025px),
only screen and (   min--moz-device-pixel-ratio: 1.5)	  and (   max--moz-device-pixel-ratio: 1.5) and (min-width: 1025px),
only screen and (     -o-min-device-pixel-ratio: 1.5/1)	  and (     -o-max-device-pixel-ratio: 1.5/1) and (min-width: 1025px),
only screen and (        min-device-pixel-ratio: 1.5)	  and (        max-device-pixel-ratio: 1.5) and (min-width: 1025px),
only screen and (                min-resolution: 144dpi)  and (                max-resolution: 144dpi) and (min-width: 1025px),
only screen and (                min-resolution: 1.5dppx) and (                max-resolution: 1.5dppx) and (min-width: 1025px) {
	.BoutonAccueil {border-right-width: calc(2px / 3);}
	#BoiteTEST {border-right-width: 0;}
	}	
/*à partir de 2*/
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	#PanelBlocs {border-right-width:0.5px;border-left-width:0.5px;}
	div.BoutonAccueil {border-bottom-width:0.5px;}	
	#AvisClients {border-width:0.5px;}
	}	
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 481px),
only screen and (   min--moz-device-pixel-ratio: 2) and (min-width: 481px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (min-width: 481px),
only screen and (        min-device-pixel-ratio: 2) and (min-width: 481px),
only screen and (                min-resolution: 192dpi) and (min-width: 481px),
only screen and (                min-resolution: 2dppx) and (min-width: 481px) {
	#htmlcaption0 {border-right-width:0.5px;border-left-width:0.5px;}
	}
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 600px) and (max-width: 1024px),
only screen and (   min--moz-device-pixel-ratio: 2) and (min-width: 600px) and (max-width: 1024px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (min-width: 600px) and (max-width: 1024px),
only screen and (        min-device-pixel-ratio: 2) and (min-width: 600px) and (max-width: 1024px),
only screen and (                min-resolution: 192dpi) and (min-width: 600px) and (max-width: 1024px),
only screen and (                min-resolution: 2dppx) and (min-width: 600px) and (max-width: 1024px) {
	#BoiteSM {border-right-width:0.5px;}
	#BoiteREN {border-right-width:0.5px;}
	}	
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1025px),
only screen and (   min--moz-device-pixel-ratio: 2) and (min-width: 1025px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (min-width: 1025px),
only screen and (        min-device-pixel-ratio: 2) and (min-width: 1025px),
only screen and (                min-resolution: 192dpi) and (min-width: 1025px),
only screen and (                min-resolution: 2dppx) and (min-width: 1025px) {
	.BoutonAccueil {border-right-width:0.5px;}
	#BoiteTEST {border-right-width:0;}
	}
/*à partir de 3*/
@media
only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (   min--moz-device-pixel-ratio: 3),
only screen and (     -o-min-device-pixel-ratio: 3/1),
only screen and (        min-device-pixel-ratio: 3),
only screen and (                min-resolution: 288dpi),
only screen and (                min-resolution: 3dppx) {	
	}