.cf:before, .cf:after { /*pseudo-éléments !!IMPORTANT NE PAS MODIFIER!!*/
	content:"";
	display:table;
}
.cf:after { /*pseudo-élément !!IMPORTANT NE PAS MODIFIER!!*/
	clear:both;
}
.droite {
	float:right;
}
.oModal {
	position: fixed; /*fixed pour fixer la fenêtre ou éventuellement absolute pour lui permettre de défiler à la souris*/
	z-index: 99999; /*index de surperposition élevé: important*/
	top: 0; /*positions*/
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0, .85); /*fond écran lors du popup*/
	opacity:0; /*opacité = 0 donc invisible*/
	-webkit-transition: opacity 0s ease-in;
	-moz-transition: opacity 0s ease-in;
	transition: opacity 0s ease-in; /*transition opacité temps nature*/
	pointer-events: none;
}
.oModal:target {
	opacity:1; /*opacité = 1 donc visible*/
	pointer-events: auto;
}
.oModal:target > div {
	margin: 2% auto; /*marges extérieures*/
	transition: all 0.4s ease-in-out; /*transition tout temps nature*/
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
.oModal > div {
	width: 80%; /*largeur fenêtre modale*/
	height:80%; /*hauteur fenêtre modale*/
	overflow:auto; /*mise en place ascenseur vertical si débordement*/
	position: relative;
	padding: 8px; /*marges intérieures*/
	border: 2px solid #c0c0c0; /*bordure : épaisseur nature couleur*/
	border-radius: 8px; /*arrondis*/
	background: linear-gradient(rgba( 75, 75, 75, .9), rgba( 0, 0, 0, .9)); /*fond fenêtre modale*/
}
.oModal > div header { /*fenêtre modale partie haute*/
	border-bottom: 1px dotted #c0c0c0; /*bordure basse : épaisseur nature couleur*/
	color: #e7e7e7; /*couleur texte*/
}
.oModal > div header a:after, .oModal > div footer a:after { /*fenêtre modale liens haut et bas*/
	font-family: 'Times New Roman';
	font-size:24px;
	content: '\04fe';
}
.oModal > div footer { /*fenêtre modale partie basse*/
	border-top: 1px dotted #c0c0c0; /*bordure haute : épaisseur nature couleur*/
	color: #d6af84; /*couleur texte*/
}
.oModal > div section { /*fenêtre modale contenu*/
	color: #e7e7e7; /*couleur texte*/
}
.oModal a { /*fenêtre modale lien*/
	color: #FF9900; /*couleur texte*/
}
.oModal a:hover { /*fenêtre modale lien survolé*/
	color: #FFFF00; /*couleur texte*/
}
.oModal > div h2 { /*fenêtre modale titre*/
	margin:0; /*marges extérieures*/
	color: #d6af84; /*couleur texte*/
}
.oModal > div section, .oModal > div header, .oModal > div footer { /*fenêtre modale différentes parties*/
	padding:5px 15px; /*marges intérieures*/
}