/* mise en page selon le "modele2" */

body {
	background-image: url(bruit-blanc.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}

.M2principal {
	/* cadre ombré, centré, 84% de large */
	margin: 20px auto -10px 8%;
	background: url(bord-d-ombre.gif) right top repeat-y;
	width: 84%;
	min-width: 560px;
}
.M2dc {
	/* petit cadre ombré pour formulaire DC (sous .M2principal) */
	margin: -1px auto 0px 20%;
	width: 8em;
	text-align: center;
	background: url(bord-d-ombre.gif) right top repeat-y;
}

.ombreHaut {
	height: 10px;
	margin-bottom: -10px;
	background: url(coin-hd-ombre.gif) right top no-repeat;
}
.M2dc .ombreHaut {
	margin-bottom: -1px;
	background: url(bord-bd-ombre.gif) right top no-repeat;
}
.ombreBas {
	margin-top: -10px;
	background: url(bord-b-ombre.gif) bottom repeat-x;
}
.ombreBas div {
	background: url(coin-bg-ombre.gif) bottom left no-repeat;
}
.ombreBas div div {
	height: 10px;
	background: url(coin-bd-ombre.gif) bottom right no-repeat;
}

.conteneur {
	position: relative; left: -10px; top: -10px;
	background: white;
	padding: 0px;
	border: solid 1px #0044AA;
}
.conteneurHaut {
	position:relative;
	top: -1px;
	margin-left: 1px;
	margin-right: -1px;
	background: transparent url(coin-hd.png) no-repeat top right;
}
.conteneurHaut div {
	position:relative;
	margin-left: -2px;
	background: transparent url(coin-hg.png) no-repeat top left;
}
.conteneurCorps {
	margin: 0px;
	padding: 5px 10px 5px 10px;
}
.M2dc .conteneurCorps {
	padding-bottom: 0px;
	margin-bottom: -5px;
}
.conteneurBas {
	position:relative; bottom: -1px; left: 0px;
	margin-left: 1px;
	margin-right: -1px;
	background: transparent url(coin-bd.gif) no-repeat bottom right;
}
.conteneurBas div {
	position:relative; left: -1px;
	margin-left: -1px;
	background: transparent url(coin-bg.png) no-repeat bottom left;
}
.conteneurHaut div, .conteneurHaut, .conteneurBas div, .conteneurBas,
.ombreBas, .ombreBas div, .ombreHaut, .ombreHaut div {
	width: 100%;
	height: 10px;
	font-size: 1px;
}

#refs {
	text-align: right;
	font-size: xx-small;
	margin-top: 20px;
	margin-right: 5px;
}
#refs img {
	border: none;
}
noscript, noscript ins {
	display: inline;
}


/* mise en forme DC */

#dc {
	margin: 0px;
}
#lien {
	border: solid 1px #CC9900;
	background-color: #FFFF99;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-align: center;
	width: 1em;
}

#dcInfo {
	border-top: solid 1px #0044AA;
	padding: 0px 2em 0px 2em;
}
#dcInfo h2, #dcInfo p {
	font-size: 90%;
}

.dcref {
	border: solid 1px #0044AA;
	background-color: #FFFF99;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 120%;
	padding: 0px 5px;
}

/* mise en forme générale */

img {
	border: none;
	vertical-align: middle;
}
h1, h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
}
h1 {
	font-size: 140%;
	margin: 0px 0px 1ex 0px;
	color: #003388;
}
h2 {
	font-size: 120%;
}
.miettes {
	font-size: 80%;
}
.potiche {
	border: solid 1px #FF6600;
}

hr {
	border-top: solid 1px #0044AA;
	border-right: none;
	border-bottom: none;
	border-left: none;
	width: 100%;
}
.encadre {
	border: solid 1px #0044AA;
	margin: 8px;
}
.margeDroite {
	float: right;
	text-align: center;
}

.sep {
	color: #0044AA;
}

a:link, a:visited, .lien {
	font-weight: bold;
	text-decoration: none;
	color: #FF6600;
}
a:hover, a:active {
	background-color: #DDDDEE;
}
.out {
}

.nom {
	font-variant: small-caps;
}

.url, a.url {
	font-family: "Courier New", Courier, mono;
	font-size: 80%;
	color: #666666;
	text-decoration: none;
}

.gauche50 {
	float: left;
	width: 49%;
}
.clear {
	clear: both;
}

.mini {
	font-size: 80%;
}
cite {
	font-style: italic;
}
em cite {
	font-style: normal;
}
.upper {
	font-variant: small-caps;
}