/* feuille de style les mains */

/* corps global */
body {
	height: 100%;
	margin:0px;
	padding:0px;
	background-color: white;
	color: black;
}

.body-fin {
	height: 100%;
	margin:0px;
	padding:0px;
	background-color: white;
	color: black;
	text-align: left;
}


/* titrages */
h1 {
	margin: 0px;
}

h2 {
	display: list-item;
	list-style-image: url("../image/nymphea.gif");
	list-style-position: outside;
	background-color: transparent;
	color: #ff0188;
	font-size: 1.4em;
	font-family: "Times New Roman",serif;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 1pt;
	text-transform: capitalize;
	padding-left: 0px;
	margin-top: 5px;
	margin-left: .01em;
	border-bottom: 2px solid;
	border-right: 1px solid;
}

h3 {
	background-color: transparent;
	color: #ff0188;
	font-size: .85em;
	border-bottom: 1px solid;
	border-right: 1px solid;
}

h4 {
	font-size: .7em;
	background-color: transparent;
	color: #ff0188;
	margin-left: 1em;
	border-bottom: 1px solid;
}

h5 {
	font-size: .5em;
	text-align: right;
	background-color: transparent;
	color: #ff0188;
}

h6 {
	font-size: .5em;
	text-align: center;
	background-color: transparent;
	color: #ff0188;
}

div.sous-titre {
	text-align:center;
	font-size:1em;
	margin-top:0px;
	font-style: italic;
}


/* mise en page */
p {
	font-size: .85em;
	background-color: transparent;
	color: #666;
	text-align: justify;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 4em;
	margin-right: 1em;
}

p.mini {
	font-size: .57em;
	background-color: transparent;
	color: #666;
	text-align: justify;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 2em;
	margin-right: 1em;
}

p.decale-dr {
	font-size: .85em;
	background-color: transparent;
	color: #666;
	text-align: justify;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 15%;
	margin-right: 1em;
}

p.clair {
	font-size: .5em;
	background-color: transparent;
	color: #3ae1ff;
	text-align: justify;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 4em;
	margin-right: 1em;
}

p.clair2 {
	font-size: .5em;
	background-color: transparent;
	color: #3ae1ff;
	text-align: justify;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 34em;
	margin-right: 1em;
}

p.remonte {
	font-size: .85em;
	background-color: transparent;
	color: #666;
	text-align: justify;
	margin-top: 0em;
	margin-bottom: 1em;
	margin-left: 4em;
	margin-right: 1em;
}

.avertissement {
	color:blue;
	font-style:italic;
	text-align: center;
}

.marge-gauche15 {
	margin-left: 15%;
}

/* couleurs */
.vert {
	color: #999900;
}

.rouge {
	color: red;
}

.bleu-bonheur {
	color: #581080;
}

.fuschia {
	color: #ff0188;
}

/* couleur fond */
.msm {
	background-image: url('../image/fond_msm_2.jpg');
}


/* taille */
.04em {
	font-size: .4em;
}

.8pts {
	font-size: .57em;
}

.index {
	font-size: .7em;
}

.standard {
	font-size: .85em;
}

/* couleur + taille */
.vert057em {
	color: green;
	font-size: .57em;
}

.vert085em {
	color: green;
	font-size: .85em;
}

.bleuclair085em {
	background-color: inherit;
	color: #3ae1ff;
	font-size: .85em;
}

.standard-rouge {
	color: red;
	font-size: .85em;
}

ul.bleu-bonheur {
	color: #581080;
	font-size: .85em;
}

/* liens à suivre */
a {
	background-color: transparent;
	color: #339999;
	font-size: 1em;
	font-weight: bold;
	font-family: Tahoma,helvetica,sans-serif;
	text-decoration: none;
}

a.rouge {
	background-color: inherit;
	color: #3366ff;
	text-decoration: none;
}

a:hover {
	background-color: inherit;
	color: #7b17a9;
	text-decoration: underline;
}

a:visited.rouge {
	background-color: inherit;
	color: gray;
	text-decoration: underline;
}

a:hover.rouge {
	background-color: inherit;
	color: #7b17a9;
	text-decoration: underline;
}

a.mini {
	background-color: inherit;
	color: green;
	font-size: .7em;
	font-style: italic;
}

a.pub {
	background-color: inherit;
	color: #3ae1ff;
	font-size: .37em;
	margin : 0 auto;
}

a.titre {
	background-color: inherit;
	color: #e08709;
	font-size: 1em;
}

a:hover.titre {
	background-color: inherit;
	color: #7b17a9;
	text-decoration: underline;
}

/* menu */
li.menu {
	background-color: inherit;
	font-family:"comic sans ms", sans-serif;
	text-transform: capitalize;
	font-variant: small-caps;
	font-weight: bold;
	color: #800080;
}

ul.menu, ul.sous-menu {
	margin-top: 0em;
	padding: .014em 0em 0em 2em;
	line-height: 1.1em;
	font-variant: small-caps;
	color: inherit;
	list-style-position: inside;
}

ul.menu {
	background-image: url('../image/fond_msm_2.jpg');
	margin-top: .8em;
	margin-left: 0.4em;
	width: 17em;
	padding: .3em;
	background-color: transparent;
 	list-style-type: square;
}

ul.sous-menu {
	background-color: inherit;
	margin-left: 5px;
}

a.menu {
	background-color: inherit;
	color: #800080;
	font-family:"comic sans ms", sans-serif;
	text-transform: capitalize;
}

a.menu:hover {
	background-color: inherit;
	color: #e08709;
	text-decoration: underline;
}

/* listes */
li.dossier {
	list-style-image: url("../image/repertoire.png");
	margin-left: 3%;
}

/* menu ligne horizontale épaisse */
hr.menu {
	width: 15em;
	height: 3px;
}

/* GESTION IMAGES */
/* 1- dans texte */
img.image-gauche {
	margin-top: 16px;
	border: 0px none;
	float: left;
	margin-right: 16px;
	margin-bottom: 16px;
}

img.image-centre {
	margin-top: 2em;
	border: 0px none;
	margin-right: 30%;
	margin-left: 30%;
	margin-bottom: 2em;
}

img.image-droite {
	margin-top: 16px;
	border: 0px none;
	float: right;
	margin-left: 16px;
	margin-bottom: 16px;
}

/* 2- mise en forme */
.sans-bord {
	border: 0px none;
}

img.sans-bord-G {
	border: 0px none;
	width: 7em;
	height: 5.2em;
}

img.banner {
	border: 0px none;
	width: 635px;
	height: 108px;
}

img.reduit {
	border: 0px none;
	width: 32px;
	height: 12px;
	margin-left: 2em;
}

img.retrait {
	border: 0px none;
	margin-left: 1.45em;
}

/* zone de texte en relief */
pre.post-it {
	background-color: #f3f7fe;
	color: #ff0188;
	width: 40%;
	margin-left: 10px;
}

.p-basic {
	background-color: white;
	border: 1px solid #808080;
	padding: 1px;
	margin: 0;
	display: none;
}

/* ligne horizontale épaisse */
hr {
	width: 100%;
	height: 3px;
}

/* bannière d'en-tête */
#banner {
	background-color: white;
	color: inherit;
	background-image: url('../image/bannernymphea.jpg');
	background-repeat: no-repeat;
	background-position: right;
	padding: 0px;
	width: 100%;
	height: 71px;
	margin-bottom: 2em;
}

/* pied de page */
#footer {
	background-color: white;
	color: inherit;
	background-image: url('../image/footer.jpg');
	background-repeat: no-repeat;
	background-position: left;
	margin: 5em 0em 0em .3em;
	width: 100%;
	height: 11em;
	text-align: right;
	text-decoration: none;
}

/* menu fixe à gauche */
#menu-fixe {
	margin-top: 2em;
	position:absolute;
	position: fixed;
	float: left;
	padding: .6em;
	font-size: .66em;
}

/* menu fixe forum */
#menu-forum {
	position: fixed;
	float: left;
	padding: .9em;
	font-size: .98em;
}

/* corps de la page */
#corps-page {
	margin-top: 1em;
	padding-left: 15.5em;
	font-family: Verdana,helvetica,sans-serif;
	font-size: 1.2em;
	margin-right: 1em;
}

.corps-page {
	margin-top: 1em;
	padding-left: 14.4em;
	font-family: Verdana,helvetica,sans-serif;
	font-size: 1.2em;
	margin-right: 1em;
}

/* basculement de page à page */
#chainage , #chainage2 {
	background-color: transparent;
	text-align: right;
	font-size: .7em;
	color: #339999;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 1.5em;
}

#chainage3 {
	background-color: transparent;
	text-align: left;
	font-size: .7em;
	color: #339999;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
}

#chainage4 , #chainage5 {
	padding-left: 25em;
	background-color: transparent;
	text-align: left;
	font-size: .7em;
	color: #339999;
	text-transform: capitalize;
	margin-top: 0px;
	margin-bottom: 0px;
}


/* form */

.largeur10em {
	width: 10em;
}

/* POSITIONS SYMBOLES */

/*      général      */
#validationOk , #rss , #rss2 , #pub , #choix_lg {
	background-color: transparent;
	text-align: center;
}

#recherche {
	background-color: white;
	border: 3px groove;
	border-color: #3ae1ff;
	text-align: center;
}

.centrer-texte {
	text-align: center;
}

.caler-droite {
	float: right;
}

/*     OverLib     */
#overDiv {
	position:absolute;
	visibility:hidden;
	z-index:1000;
}

/* GABARITS TABLEAUX */

/*       pub         */
#tableau-droite {
	width: 73%;
	border: 0px none;
	border-collapse: collapse;
	float: right;
}

.cellule-pub {
	width: 122px;
	height: 75px;
}

.cellule-ref-gauche {
	width: 14%;
	height: 85px;
	text-align: left;
}

.cellule-ref-centre {
	width: 14%;
	height: 85px;
	text-align: center;
}

.cellule-callage {
	width: 75px;
	height: 75px;
}

table.cadre-moyen {
	border: medium solid;
	color: #3ae1ff;
}

/*     drapeaux      */
#tableau-drapeau {
	width: 100%;
	height: 61px;
	float: right;
	border: 0px none;
	border-collapse: collapse;
	text-align: center;
}

.cellule-drapeau {
	width: 80%;
	height: 80%;
	border: 0px none;
}

/* vignette video */
#tableau-vignette {
	margin: auto;
	border-collapse: separate;
}

.cellule-vignette {
	border: 0px none;
	width: 170px;;
	font-size: .4em;
	vertical-align: top;
	text-align: center;
}

.sans-bord-vignette {
	height: 75px;
	border: 0px none;
}

/*  Bande latérale   */
#tableau-centre {
	width: 66%;
	border: 0px none;
/*	border-collapse: collapse;*/
/*	float: right;*/
}

#tableau-bandeau-v {
	width: 11%;
	border: 0px none;
	text-align: center;
	vertical-align: top;
/*	border-collapse: collapse;*/
/*	float: right;*/
}

/* tableau de boutons */
.boutons-alpha {
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
}

a.alpha {
	color: #ffff66;
	text-decoration: none;
	font-weight: bold;
	font-size: 10pt;
}

a:active.alpha {
	color: #ffff66;
	font-weight: bold;
}

a:hover.alpha  {
	color: #993300;
	text-decoration: underline;
	font-weight: bold;
}

.fond-cellule-alpha {
	width: 21px;
	text-align: center;
	background-image: url("../image/fond-alpha.jpg");
}