Utilisateur:Denis Gagne52/Test/styles.css

Note : après avoir enregistré vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

Firefox / Safari : Maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou pressez Ctrl-F5 ou Ctrl-R (⌘-R sur un Mac) ;
Google Chrome : Appuyez sur Ctrl-Maj-R (⌘-Shift-R sur un Mac) ;
Internet Explorer : Maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5 ;
Opera : Allez dans Menu → Settings (Opera → Préférences sur un Mac) et ensuite à Confidentialité & sécurité → Effacer les données d'exploration → Images et fichiers en cache.

@media all and (max-width: 360px) {
	.img-center,
	.img-floatleft,
	.img-floatright {
		float: none !important;
		clear: none !important;
		margin: 0 auto !important;
		padding:0 !important;
	}
}
.img-center {
	/* fake a centre with a floating span that takes all the width */
	float: left;
	clear: both;
	width: 100% !important;
	margin: 1em auto;
	padding: 0;
}

.img-center img,
.img-floatleft img,
.img-floatright img {
	/* do not allow image to over-spill container (e.g. small screens) */
	max-width: 100%;
	/* keep aspect ratio even when shrunk */
	height: auto;
}

.img-floatleft {
	float: left;
	clear: left;
	margin: 0 1em 0 0;
	padding:0 0.5em;
	max-width: 100%;
}
.img-floatright {
	float: right;
	clear: right;
	margin: 0 0 0 1em;
	padding:0 0.5em;
	max-width: 100%;
}

.accoladeDH, .accoladeDB {
  display:block;
  position:absolute;
  width:4px;
  height:calc(50% - 9px);
}

.accoladeDH {
  top:1px;
  right:-4px;
  border-left:solid;
  border-top-left-radius:8px;
}

.accoladeDB {
  bottom:1px;
  right:-4px;
  border-left:solid;
  border-bottom-left-radius:8px;
}

.accoladeDH:after, .accoladeDB:before {
  content:'';
  display:block;
  position:absolute;
  width:4px;
  height:8px;
}

.accoladeDH:after {
  bottom:-8px;
  right:4px;
  border-right:solid;
  border-bottom-right-radius:8px;
}

.accoladeDB:before {
  top:-8px;
  right:4px;
  border-right:solid;
  border-top-right-radius:8px;
}