body
{
	margin: auto;
	color: #000000;
	background-color: #ddeeff;
}

a
{
	text-decoration: none;
	font-weight: bold;
	color: blue;
	font-size:large;
}

a:hover
{
	text-decoration: underline;
	font-style: italic;
	color: #ff0000;
	background-color: #dcdcdc;
}

a:active
{
	font-weight: bold;
	background-color: #00ced1;
}

h1
{
	font-size: xx-large;
	color: blue;
	text-align: center;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;	
	text-decoration: underline;
}

h2
{
	font-size: x-large;
	text-align: center;
	font-style: italic;
	color: #bb3333;
	text-decoration: underline;
}

h3
{
	text-align: center;
	font-size: x-large;
	color: #bb3333;
}

h4
{
	font-size: x-large;
	font-variant: small-caps;
	font-weight: bold;
	text-align: center;
	color: #006644;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}

h5
{
	text-align: center;
	font-size: small;
	color: #bb3333;
	font-weight: bold;
	text-decoration: underline;
}


table.liste
{
	border-collapse: collapse;
	width: 95%;
}

table.liste tr td
{
 	font-weight: bold;
    color: black;
	border: 1px solid black;
}

form p, form fieldset
{
	text-indent: 0em;
	font-weight: bold;
	color: blue;
	font-size:large;
}

p.indent
{
	text-indent: 1em;
	text-align: justify;
}

img
{
	width: 25%;
	border: 0px solid black;
	margin-left: 2em;
	margin-bottom: 1em;
}


/* menunavigation */

div#menunavigation
{
	width: 17%;
	position: fixed;
	top: 1%;
	left: 1.5%;
	color: #000000;
	background-color:white;
	background-image: url("./images/tl.png");
	background-repeat: no-repeat;
	background-position: top left;
}

div#menunavigation div.bottomleft
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 20px;
	height: 20px;
	color: #000000;
	background-color: #eeffbb;
	background-image: url("./images/bl.png");
	background-repeat: no-repeat;
	background-position: bottom left;
}

div#menunavigation div.bottomright
{
	background-color: black;
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 20px;
	height: 20px;
	color: #000000;
	background-color: #eeffbb;
	background-image: url("./images/br.png");
	background-repeat: no-repeat;
	background-position: bottom right;
}

div#menunavigation h3
{
	width: 76%;
	margin-left: 24%;
	margin-top: 0em;
	text-align: left;
	background-image: url("./images/tr.png");
	background-repeat: no-repeat;
	background-position: top right;
}

div#menunavigation ul
{
	margin-bottom: 0em;
}

.agir
{
	margin: 0;
	position: fixed;
	bottom: 2%;
	left: 1.5%;
	width: 17%;
}

/* menudroite */

div#menudroite
{
	z-index: 1;
	position: fixed;
	top: 1%;
	right: 2%;
	width: 18%;
	color: black;
	background-color: white;
	background-image: url("./images/tl.png");
	background-repeat: no-repeat;
	background-position: top left;
}

div#menudroite div.bottomright
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 20px;
	height: 20px;
	color: #000000;
	background-color: #eeffbb;
	background-image: url("./images/br.png");
	background-repeat: no-repeat;
	background-position: bottom right;
}

div#menudroite div.bottomleft
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 20px;
	height: 20px;
	color: #000000;
	background-color: #eeffbb;
	background-image: url("./images/bl.png");
	background-repeat: no-repeat;
	background-position: bottom left;
}
div#menudroite h3
{
	width: 78%;
	margin-left: 22%;
	margin-top: 0em;
	text-align: left;
	background-image: url("./images/tr.png");
	background-repeat: no-repeat;
	background-position: top right;
}

div#menudroite input
{
	width: 100%;
}

.connexion
{
	margin: 1em;
	background-color: #eeffbb;
	font-size:large;
	color: blue;
}

div#compte h3
{
	width: 70.3%;
	padding-left: 8%;
	margin-top: 0em;	
}

div#compte div.bottomright
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 20px;
	height: 20px;
	color: #000000;
	background-color: #eeffbb;
	background-image: url("./images/br.png");
	background-repeat: no-repeat;
	background-position: bottom right;
}

div#compte div.bottomleft
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 20px;
	height: 20px;
	color: #000000;
	background-color: #eeffbb;
	background-image: url("./images/bl.png");
	background-repeat: no-repeat;
	background-position: bottom left;
}
/* menu d'information */

div#infos
{
	position: fixed;
    font-size: small;
	bottom: 1em;
	right: 2%;
	width: 18%;
	padding-left: 0em;
	color: #000000;
	background-color: white;
	background-image: url("./images/bl.png");
	background-repeat: no-repeat;
	background-position: bottom left;
}

div#infos img
{
	width: 30%;
	border: 2px solid black;
	margin-left:30%;
}

div#infos div.bottomright
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 20px;
	height: 20px;
	color: #000000;
	background-color: #eeffbb;
	background-image: url("./images/br.png");
	background-repeat: no-repeat;
	background-position: bottom right;
}

div#infos div.bottomleft
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 20px;
	height: 20px;
	color: #000000;
	background-color: #eeffbb;
	background-image: url("./images/bl.png");
	background-repeat: no-repeat;
	background-position: bottom left;
}

div#infos div.topright
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 20px;
	height: 20px;
	color: #000000;
	background-color: #eeffbb;
	background-image: url("./images/tr.png");
	background-repeat: no-repeat;
	background-position: top right;
}

div#infos div.topleft
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 20px;
	height: 20px;
	color: #000000;
	background-color: #eeffbb;
	background-image: url("./images/tl.png");
	background-repeat: no-repeat;
	background-position: top left;
}
div#infos h3
{
	width: 78%;
	margin-left: 22%;
	margin-top: 0em;
	text-align: left;
}

div#infos p
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div#infos1
{
	position: fixed;
    font-size: small;
	bottom: 1em;
	left: 1%;
	width: 18%;
	padding-left: 0em;
	color: #000000;
	background-color: white;
	background-image: url("./images/bl.png");
	background-repeat: no-repeat;
	background-position: bottom left;
}

div#infos1 img
{
	width: 40%;
	border: 2px solid black;
	margin-left:30%;
}

div#infos1 div.bottomright
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 20px;
	height: 20px;
	color: #000000;
	background-color: #eeffbb;
	background-image: url("./images/br.png");
	background-repeat: no-repeat;
	background-position: bottom right;
}

div#infos1 div.bottomleft
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 20px;
	height: 20px;
	color: #000000;
	background-color: #eeffbb;
	background-image: url("./images/bl.png");
	background-repeat: no-repeat;
	background-position: bottom left;
}

div#infos1 div.topright
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 20px;
	height: 20px;
	color: #000000;
	background-color: #eeffbb;
	background-image: url("./images/tr.png");
	background-repeat: no-repeat;
	background-position: top right;
}

div#infos1 div.topleft
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 20px;
	height: 20px;
	color: #000000;
	background-color: #eeffbb;
	background-image: url("./images/tl.png");
	background-repeat: no-repeat;
	background-position: top left;
}
div#infos1 h3
{
	width: 78%;
	margin-left: 22%;
	margin-top: 0em;
	text-align: left;
}

div#infos1 p
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* contenu */

div#contenu
{
	width: 55%;
	margin-bottom: 1em;
	margin-left: 20.2%;
	padding: 1em;
	border: 2px solid black;
	color: black;
	background-color: #ffddff;
}

div#contenu h2
{
	color: #bb3333;
}

div#contenu h3
{
	color: #bb3333;
}

div#contenu a
{
	color: blue;
}

div#contenu a:hover
{
	text-decoration: underline;
	font-style: italic;
	color: #ff0000;
	background-color: #dcdcdc;
}

div#contenu a:active
{
	font-weight: bold;
	background-color: #00ced1;
}


.logokheriamour
{
	position: fixed;
	bottom: 25%;
	left: 0%;
	width: 15%;
	font-size: 1em;
}

img.photo
{
	width:42%;
	
}

img.avatar
{
	position: fixed;
	top: 50%;
	right: 50%;
	width: 75px;
	display: none;
	border: 1px solid black;
}

img.imageAccueil
{
	float: right;
	border: 0px solid black;
	height: 11em;
	width:32%;
	margin-top: 1em;
	margin-right:2%;
}

img.accueil
{
	width: 50%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img#banniere
{
	margin-bottom:0%;
	margin-left: 20%;
	width: 58%;
	height: 170px;
}

img#sigle
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 35%;
	border: 0px solid black;
}

img#photoPresentation
{
	float: right;
	height: 10em;
}

marquee
{
	text-align: center;
	font-weight: bold;
	font-size: large;
	width: 100%;
	color: #BBDDDD;
	background-color: #003333;
}
.texte 
{
	color: blue;
	font-weight: bold;
	font-size:large;
}


.sortie
{
	color: blue;
	font-weight: bold;
	font-size: large;
}
.compte1
{
	color: red;
	font-weight: bold;
	font-size: large;
}

.reglement li
{
	text-align: justify;
	margin-bottom: 2em;
}
.revelations li
{
	text-align: justify;
	margin-bottom: 2em;
}

div#messagerie
{
	border: 3px solid #002222;
	color: blue;
	background-color: #002222;
}

div#messagerie div#titre
{
	height: 20px;
	color: #FFFFFF;
	background-color: #002222;
	text-align: center;
	font-weight: bold;
}

div#messages
{
	height: 350px;
	overflow: scroll;
	color: blue;
	background-color: #99ccff;
	font-weight: bold;
}

div#messagerie textarea
{
	margin: 0em;
	width: 84%;
	height: 5em;
}

div#messagerie input
{
	margin: 0em;
	height: 5em;
	width: 14%;
	vertical-align: top;
	background-color: #CCCCCC;
	font-weight: bold;
}

ul.listesorties li
{
	margin-bottom: 0.33em;
}

fieldset#commentaires
{	
	color: blue;
	background-color: #ff99ff;
	font-weight: bold;
}