/* classe no-touch exclusivement pour les appareils sans touch panel, introduite dans session.php (quid des appareils avec touch ET souris -> W8 ?) */

/* 
Général
*/

h1, h2 {font-family: Courier New ;font-size:14pt;font-weight:400;color:#ffffff;margin:0px;padding:0px;}

/* bannière titre et contenus : mettre une partie en général ? */
#PanelBanner {height:60px;overflow:visible;} /*visible pour permettre d'avoir un bandeau haut sans ligne clair => bloc du dessous doit être avec un fond blanc*/
#inPanelBannerMP {display:block;border-right:thin solid #2D2D2D;border-left:thin solid #2D2D2D;color:#FFFFFF;margin:0;background:#2D2D2D;background:rgba(0,0,0,0.70);} /*on avait une border "thin" qui ne correspondait pas parfois à 1px*/
#conteneurTitreMP { /*généraliser le table-cell ?*/
	display: table-cell; /* comportement visuel de cellule */
    vertical-align: middle;
	table-layout: fixed;
	overflow: hidden;
	width:1440px; /*100% ne fonctionne pas*/
	height:60px; /*100% ou inherit ne fonctionnent pas*/ /*si on met crea en générique, garder ici la height du crea en question*/
	padding:0 5px 0 50px;
	}
#conteneurTitreMP {padding:0 50px 0 10px;}
#TitreMP {display:block;overflow:hidden;position:relative;font-size:120%;text-transform:none;line-height:95%;/*background-color: rgba(255,255,255,0.80);*/}
@media only screen and (min-width: 300px) and (max-width: 640px) {
  #TitreMP {line-height:100%;}
  }
@media only screen and (min-width: 641px) and (max-width: 767px) {
  #TitreMP {font-size:120%;line-height:105%;/*background-color: rgba(255,255,255,0.70);*/}
  #inPanelBannerMP {margin:0;}
  }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #TitreMP {font-size:120%;line-height:105%;/*background-color: rgba(255,255,255,0.50);*/}
  #inPanelBannerMP {margin:0;}
  }
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  #TitreMP  {font-size:150%;line-height:105%;/*background-color: rgba(255,255,255,0.50);*/}
  #inPanelBannerMP {margin:0 20px;}
  }
@media only screen and (min-width: 1281px) and (max-width: 1479px) {
  #TitreMP {font-size:160%;line-height:110%;/*background-color: rgba(255,255,255,0.50);*/}
  #inPanelBannerMP {margin:0 20px;}
  }
@media only screen and (min-width: 1480px) {
  #TitreMP {font-size:160%;line-height:110%;/*background-color: rgba(255,255,255,0.50);*/}
  #inPanelBannerMP {max-width:1440px;margin:0 auto;}
  } 

/* divers */ 
#PanelBlocs {min-height:480px;} /* inutile ? */

/* 
Informations constituants - inspiré en partie FAQ
*/

#BoxMP {
  display:block; 
  overflow:hidden;
  position:relative;
  width:100%;
  padding-bottom:50px;
  /*margin-bottom:144px;*/
  background:#ffffff;
  } 

h2 {display:inline;font-weight:bold;color:#88b21a;font-size:100%;}

.blocDescription {
  display:block; 
  overflow:hidden;
  position:relative;
  width:100%;
  max-width:768px;
  padding-bottom:0px;
  margin:0 auto;
  } 
.photoIngredient, .photoIngredientbis {position:relative;display:block;width:100%;margin:0 0 12px 0;}
.photoIngredientbis {margin:20px 0 8px 0;}
.photoIngredient>img, .photoIngredientbis>img {display:block;width:100%;margin:0 auto;}
.posBlocTexte31 {position:relative;display:block;width:100%;font-size:100%;color:#000000;padding:0 4px;}
div.LigneMP2, div.LigneMP3, div.LigneMP4 {
  position:relative;display:block;
  width:100%;margin:8px 0px 0px 0px; border:thin solid #2D2D2D; padding:8px 9px;
  border-radius: 10px;
  /*line-height: 120%;*/
  }
div.LigneTitreSection {
  position:relative;display:inline-block;
  margin:12px 0px 0px 0px; border:thin solid #2D2D2D; padding:8px 9px;font-weight:bold;background: #ebebeb;
  border-radius: 10px;
  }
div.LigneMP {
  position:relative;display:block;
  width:100%;margin:0; padding:8px 9px;
  text-align:center;
  }
div.LigneMP2 {}
div.LigneMP3 {margin:8px 0px 0px 0px;font-size:80%;font-style:italic;}
div.TitreLigneMP4 {margin-bottom:8px} /*+voir plus bas avec strong pour l'instant*/
div.paragrapheMP {position:relative;display:block;width:100%;margin:6px 0px 0px 0px;} 
div.remarquesMP {font-size:85%;font-style:italic;position:relative;display:block;width:100%;margin:5px 0px;padding:2px 0px;} 
@media only screen and (min-width: 481px) and (max-width: 1024px) {
  .photoIngredient {margin:10px 0 2px 0;}
  .photoIngredientbis {margin:22px 0 10px 0;}
  .photoIngredient>img, .photoIngredientbis>img {max-width:360px;border:thin solid #dcdcdc;border-radius:3px;}
  .posBlocTexte31 {font-size:110%;padding:0 4px;}
  div.LigneMP2, div.LigneMP3, div.LigneMP4, div.LigneTitreSection {padding:8px 12px;background:#fafafa;border-color:#dcdcdc;}
  div.LigneMP {padding:8px 12px;}
  }
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  #BoxMP {border-left:thin solid #2D2D2D;border-right:thin solid #2D2D2D;} 
  .photoIngredient {margin:15px 0 7px 0;}
  .photoIngredientbis {margin:27px 0 15px 0;}
  .photoIngredient>img, .photoIngredientbis>img {max-width:450px;border:thin solid #dcdcdc;border-radius:3px;}
  .posBlocTexte31 {font-size:110%;padding:0;}
  div.LigneMP2, div.LigneMP3, div.LigneMP4, div.LigneTitreSection {padding:8px 12px;background:#fafafa;border-color:#dcdcdc;}
  div.LigneMP {padding:8px 12px;}
 }
@media only screen and (min-width: 1281px) {
  #BoxMP {border-left:thin solid #2D2D2D;border-right:thin solid #2D2D2D;} 
  .photoIngredient {margin:15px 0 7px 0;}
  .photoIngredientbis {margin:27px 0 15px 0;}
  .photoIngredient>img, .photoIngredientbis>img {max-width:540px;border:thin solid #dcdcdc;border-radius:3px;}
  .posBlocTexte31 {font-size:110%;padding:0;}
  div.LigneMP2, div.LigneMP3, div.LigneMP4, div.LigneTitreSection {padding:8px 12px;background:#fafafa;border-color:#dcdcdc;}
  div.LigneMP {padding:8px 12px;}
  }
span.commeBouton {font-style:normal;font-size:85%;text-transform: uppercase;background:#ebebeb;padding:0 5px;border:thin solid #ebebeb;border-radius:5px;}

.blocTableauxMP {margin:12px 4px 8px 4px;}
#conteneurLogos {display:block;position:relative;padding-top:10px;}
.logoSelectType {
	display:block;position:relative;width:80px;height:73px;margin:0 0 8px 0;padding-top:45px;
	float:left;
	color:#000000;font-size:85%;line-height:105%;
	background:transparent no-repeat center top/40px 40px;
	cursor:pointer;
	}
.logoSelectType > span {position:absolute;width:100%;bottom:0;left:0;text-align:center;}
#logoSelectCJ {background-image:url(/images/logosSelectCJ.png);}
#logoSelectCN {background-image:url(/images/logosSelectCN.png);}
#logoSelectLC {background-image:url(/images/logosSelectLC.png);}
#logoSelectCY {background-image:url(/images/logosSelectCY.png);}
.no-touch #logoSelectCJ:hover, .no-touch #logoSelectCJ:active,
.no-touch #logoSelectCN:hover, .no-touch #logoSelectCN:active,
.no-touch #logoSelectLC:hover, .no-touch #logoSelectLC:active,
.no-touch #logoSelectCY:hover, .no-touch #logoSelectCY:active {background-image:url(/images/logosSelectHover.png);color:#88b21a;font-weight:bold;}
.conteneurTableauxMP {overflow:hidden;clear:left;margin:8px 0px 0px 0px;background-repeat:no-repeat;background-position:center bottom;background-size:40% auto;border:thin solid #2D2D2D;border-radius:10px;}
.conteneurPropInfosMP {position:relative;font-size:100%;color:#000000;}
.inConteneurPropMP {width:100%;margin:0 auto;padding:0 0 0 0;} /*max-width ?*/
.inConteneurInfoMP {width:100%;margin:0 auto;padding:0 0 0 0;} /*max-width ?*/
#inConteneurPropMPPeauCJ, #inConteneurPropMPPeauLC, #inConteneurPropMPPeauCN, #inConteneurPropMPPeauCY {display:none;} 
#inConteneurPropMPPropCJ, #inConteneurPropMPPropLC, #inConteneurPropMPPropCN, #inConteneurPropMPPropCY {display:none;}
#TableInfoPrixCJ, #TableInfoPrixLC, #TableInfoPrixCN, #TableInfoPrixCY {display:none;}
#TableInfoPourcentageCJ, #TableInfoPourcentageLC, #TableInfoPourcentageCN, #TableInfoPourcentageCY {display:none;}
#inConteneurPropMPPeauCJ, #inConteneurPropMPPropCJ, #TableInfoPrixCJ, #TableInfoPourcentageCJ {display:block;}
.PrixPourcentageCJ > span {display:inline-block;border-bottom:7px solid #eedc12;margin-bottom:5px;}
.PrixPourcentageCN > span {display:inline-block;border-bottom:7px solid #4b5c9c;margin-bottom:5px;}
.PrixPourcentageCY > span {display:inline-block;border-bottom:7px solid #238072;margin-bottom:5px;}
.PrixPourcentageLC > span {display:inline-block;border-bottom:7px solid #ebc8c0;margin-bottom:5px;}
@media only screen and (min-width: 481px) {
	.logoSelectType {margin:0 4px 8px 4px;width:95px;height:73px;}
}
@media only screen and (min-width: 600px) {
	.blocTableauxMP {margin:12px 0px 8px 4px;}
	.conteneurTableauxMP {border:none;background-position:82% bottom;background-size:20% auto;border-radius:0px;}	
    .inConteneurPropMP {padding:0 4px 0 0;} /*max-width ?*/
    .inConteneurInfoMP {padding:0 4px 0 0;} /*max-width ?*/
}
@media only screen and (min-width: 960px) {
	.blocTableauxMP {margin:12px 0px 8px 8px;}
    .conteneurTableauxMP {border:none;background-position:87% bottom;background-size:17% auto;border-radius:0px;}
	.inConteneurPropMP, .inConteneurInfoMP {padding:0 8px 0 0;}	
    }
@media only screen and (min-width: 1281px) {
	.blocTableauxMP {margin:12px auto 8px auto;max-width:1200px;}
	.conteneurTableauxMP {border:none;max-width:1200px;background-position:94% bottom;background-size:15% auto;border-radius:0px;}
    .inConteneurInfoMP {padding:0;}
	.inConteneurPropMP {padding:0 8px 0 0;}
}
div.TableInfo {margin:0 auto 0 auto;width:100%;border:0px solid #2D2D2D;font-size:100%;overflow:hidden;}
/*#ligneAllergiesInfo30 {border-bottom:thin solid #2D2D2D;}*/
div.CaseTitre, div.CaseTitreSelect {background:#2D2D2D no-repeat center center;color:#FFFFFF;padding:2px 4px;text-align:center;text-transform:uppercase;font-size:110%;}
div.CaseTitre, div.CaseTitreSelect {background-image:url(/images/FondTitreNoir-BR.jpg);}
@media
only screen and (-webkit-min-device-pixel-ratio: 2), /*Si 1 pas d'image ?*/
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) {
    div.CaseTitre, div.CaseTitreSelect {background-image:url(/images/FondTitreNoir-HR.jpg);}
    }
h2.PropIngr {color:#FFFFFF;font-size:100%;font-weight:normal;}
.grasVert, strong, div.TitreLigneMP4 {font-weight:bold;color:#88b21a;}
div.enMinuscule {position:relative;text-transform:lowercase;font-size:85%;top:-3px;}
/*div.cliquezPourChanger {position:relative;text-transform:lowercase;font-size:85%;top:-3px;}*/
div.CaseContenu {padding:0px;text-align:left;background-color:rgba(255, 255, 255, 0.90);}
.lignePropMP {position:relative;padding:2px 4px 2px 18px;margin:6px 0;font-size:100%;background:transparent no-repeat 4px 6px/8px 8px;}
.bulletCJ {background-image:url(/images/rondCJ.png);}
.bulletCN {background-image:url(/images/rondCN.png);}
.bulletCY {background-image:url(/images/rondCY.png);}
.bulletLC {background-image:url(/images/rondLC.png);}
.agSM4 {display:inline;position:relative;top:-4px;}
#ligneParfumInfo30, #ligneAllergiesInfo30 {padding:2px 4px;}
div.CaseContenuGras {padding:2px 4px;text-align:center;font-size:140%;font-weight:bold;background-color:rgba(255, 255, 255, 0.90);}
.jenveuxpas {position:relative;margin:20px auto 0px auto;width:100%;padding:0;border-top:thin solid #2D2D2D;border-bottom:thin solid #2D2D2D;background-color:rgba(255, 255, 255, 0.90);}
#VeuxPasDescript{position:relative;padding:4px 4px 4px 50px;width:100%;min-height:50px;}
div.VeuxPasLogo {position:absolute;top:0;left:0;background: url(/images/enleverougeinv.png) no-repeat center center/30px 30px;width:50px;height:100%;cursor:pointer;}
.no-touch div.VeuxPasLogo:hover {background-image: url(/images/enleverouge.png);}
.no-touch div.VeuxPasLogo:active {background-image: url(/images/enleverougeinv.png);}
div.VeuxPasLogoRouge {position:absolute;top:0;left:0;background: url(/images/enleverougeinv.png) no-repeat 24px center/30px 30px;width:50px;height:100%;}
.CommentInfos {width:100%;padding:5px 0px 0px 0px;font-size:85%;font-style:italic;text-align:center;} /* inutile */
.lienBas {position:absolute;padding:5px;bottom:12px;left:12px;font-size:100%;background-color: rgba(255, 255, 255, 0.6);}
@media only screen and (min-width: 600px) {
	.lignePropMP {font-size:110%;background-position:6px 7px;padding:2px 6px 2px 22px;}
	div.TableInfo {margin:0 auto 10px auto;border:thin solid #2D2D2D;border-radius:5px;}
	/*#ligneAllergiesInfo30 {border-bottom:none;}*/
	.jenveuxpas{margin:0 auto 10px auto;border:thin solid #2D2D2D;border-radius:5px;}
	}
@media only screen and (min-width: 1281px) {
	.lignePropMP {font-size:120%;background-position:8px 8px;padding:2px 8px 2px 26px;}
	}
.inParagrapheMP {margin:5px 0px;padding:2px 0px;}
div.Bullet {
	margin:5px 0px;padding:2px 0px 2px 27px; /*il y a agSM1 ici */
	background:transparent url(/images/bullet-vert.png) no-repeat 5px 8px/8px 8px; 
	}
.petitCentre {display:block;position:relative;width:100%;text-align:center;font-style:italic;font-size:80%;color:#808080;margin-top:5px;}
div.BoutonIngr {
  position:relative;
  background: #88B21A url(/images/triangleselectdecaleblanc.png) no-repeat right bottom/19px auto;
  border:thin solid #88B21A;
  margin:1px auto 10px auto;padding:0 5px 0 8px;
  height:35px;width:160px;
  font-size:100%;color:#FFFFFF;text-transform:uppercase;
  line-height:35px;
  cursor:pointer;
  border-radius:5px;
  -webkit-tap-highlight-color:rgba(136, 178, 26, 0.3); /*les taps sont colorés*/
  }
.no-touch div.BoutonIngr:hover {color:#88B21A;background-image:url(/images/triangleselectdecalevertvide.png);background-color:#ffffff;border:thin solid #88B21A;}
.no-touch div.BoutonIngr:active {color:#88B21A;background-image:url(/images/triangleselectdecalevert.png);background-color:#ffffff;border:thin solid #88B21A;}
@media only screen and (min-width: 481px) {
	.petitCentre {text-align:left;padding-left:10%;}
	div.BoutonIngr {width:180px;margin-left:10%;}
	}

/* 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) {
	#inPanelBannerMP {border-right-width:calc(2px / 3);border-left-width:calc(2px / 3);}
	div.LigneMP2, div.LigneMP3, div.LigneMP4, div.LigneTitreSection {border-width:calc(2px / 3);}
	span.commeBouton {border-width:calc(2px / 3);}
	/*#ligneAllergiesInfo30 {border-bottom-width:calc(2px / 3);}*/
	.jenveuxpas {border-top-width:calc(2px / 3);border-bottom-width:calc(2px / 3);}
	div.BoutonIngr {border-width:calc(2px / 3);}
	.no-touch div.BoutonIngr:hover {border-width:calc(2px / 3);}
	.no-touch div.BoutonIngr:active {border-width:calc(2px / 3);}
	.conteneurTableauxMP {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) {
    .photoIngredient>img, .photoIngredientbis>img {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: 600px),
only screen and (   min--moz-device-pixel-ratio: 1.5)	  and (   max--moz-device-pixel-ratio: 1.5) and (min-width: 600px),
only screen and (     -o-min-device-pixel-ratio: 1.5/1)	  and (     -o-max-device-pixel-ratio: 1.5/1) and (min-width: 600px),
only screen and (        min-device-pixel-ratio: 1.5)	  and (        max-device-pixel-ratio: 1.5) and (min-width: 600px),
only screen and (                min-resolution: 144dpi)  and (                max-resolution: 144dpi) and (min-width: 600px),
only screen and (                min-resolution: 1.5dppx) and (                max-resolution: 1.5dppx) and (min-width: 600px) {
	div.TableInfo {border-width:calc(2px / 3);}
	/*#ligneAllergiesInfo30 {border-bottom:none;} /*?*/
	.jenveuxpas{border-width:calc(2px / 3);}
	.conteneurTableauxMP {border-width:none;}
	}
@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) {
	#BoxMP {border-left-width:calc(2px / 3);border-right-width:calc(2px / 3);} 
	}
/*à 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) {
	#inPanelBannerMP {border-right-width:0.5px;border-left-width:0.5px;}
	div.LigneMP2, div.LigneMP3, div.LigneMP4, div.LigneTitreSection {border-width:0.5px;}
	span.commeBouton {border-width:0.5px;}
	/*#ligneAllergiesInfo30 {border-bottom-width:0.5px;}*/
	.jenveuxpas {border-top-width:0.5px;border-bottom-width:0.5px;}
	div.BoutonIngr {border-width:0.5px;}
	.no-touch div.BoutonIngr:hover {border-width:0.5px;}
	.no-touch div.BoutonIngr:active {border-width:0.5px;}
	.conteneurTableauxMP {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) {
    .photoIngredient>img, .photoIngredientbis>img {border-width:0.5px;}
	}
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 600px),
only screen and (   min--moz-device-pixel-ratio: 2) and (min-width: 600px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (min-width: 600px),
only screen and (        min-device-pixel-ratio: 2) and (min-width: 600px),
only screen and (                min-resolution: 192dpi) and (min-width: 600px),
only screen and (                min-resolution: 2dppx) and (min-width: 600px) {
	div.TableInfo {border-width:0.5px;}
	/*#ligneAllergiesInfo30 {border-bottom:none;} /*?*/
	.jenveuxpas{border-width:0.5px;}
	.conteneurTableauxMP {border-width:none;}
	}
@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) {
	#BoxMP {border-left-width:0.5px;border-right-width:0.5px;} 
	}
/*limite 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) {	
	}
	
/* Pour vieux écrans peu résolus : vieux IPAD... on voit mal quand fond complexe */
@media
only screen and (-webkit-max-device-pixel-ratio: 1),
only screen and (   max--moz-device-pixel-ratio: 1),
only screen and (     -o-max-device-pixel-ratio: 1/1),
only screen and (        max-device-pixel-ratio: 1),
only screen and (                max-resolution: 96dpi),
only screen and (                max-resolution: 1dppx) {
	div.CaseTitre, div.CaseTitreSelect {background:#2D2D2D;}
	}