/* Changement du fond ou de tout autre caractéristique lié à la balise body */
body
{
	background-color: #000000;
	width : 1010px;
	margin : auto;
	overflow: auto;
	padding-bottom : 65px;
	border-style : none solid solid solid;
	border-width : 1px;
	border-color : black;
}



/* Menu de côté */
#menu
{
	position : fixed;
	float : left;
	width : 170px;
}
#menu p
{
	margin-top : 40px;
}


/* Style des listes */
#menu ul
{
	list-style-type: none;
	border : 1px solid;
	padding: 0px;
	margin : 0px 0px 0px 0px;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
}
/*#menu ul li
{
	border-bottom: 1px solid #CCCC99;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
}*/



/* Style des lien hypertextes */
#menu ul li a
{
	text-align : center;
	color: #996633;
	display: block;
	padding-left: 2px;
	text-decoration: none;
	border: 2px solid #CCCC99;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	background-color: #FFFFEE;
	margin-top:2px;
}



/* Style des liens lorsque la souris se trouve dessus */
#menu ul li a:hover
{
	border-style: outset;
	background-color: #FFFFCC;
}
#menu ul li a:active
{
	border-style: inset;
}

#link
{
	color : #c4cafa;
}



/* Uniquement pour écrire du texte en petit */
.xtrasmall
{
	font-size: x-small;
}



/* Partie ou se trouve la bannière/logo */
#entete 

{
	text-align : center;
	height: 150px;
	background-color: #000000;
}
/* Logo de la page web */
#entete #logo
{
	width: 1000px;
	height: 150px;
	margin : auto;
	position: relative;
}


#pagePrincipale
{
	position: relative;
	margin-left : 180px;
	color: black;
	background: url(images/fondtop.png) no-repeat left top;
	margin-top : 57px;
	
}



#pagePrincipale2
{
	position : relative;
	top : 114px;
	
}



#pagePrincipale3
{
	position : relative;
	background : url(images/fondbottom.png) no-repeat left bottom;
	margin-bottom : 57px;
}



#pagePrincipale4
{
	position : relative;
	background-color:#FFFFEE;
	bottom : 57px;
}



#pieddepage

{
	clear : left;
	text-align : center;
	position : relative;
	height : 50px;
	background-color : #000000;
	border-width : 1px;
	border-style : solid none none none;
	bottom : -65px;
	color: white;
}



.accueil

{
	margin : -20px 15px 0px 15px;
}



.accueil .style1

{
	none;
}

.accueil .titre
{
	font-size : 2em;
	color : #CC9966;
}

.accueil .date
{
	display : inline;
}

.accueil .time
{
	display : inline;
}

.accueil .titredateheure
{
	background-color : #FBE8BA;
	margin : 0px;
	padding-left : 5px;
}

.accueil .infos
{
	padding : 10px 10px 10px 10px;
	line-height: 20px;
	font-family : "Trebuchet MS";
	background-color : #fafaeb;
}

.inscriptionpjconv .note
{
	font-weight: bold;
	text-align : center;
	color : #ff0000;
	margin : 0px 20px 40px;
}

.inscriptionpjconv .note2
{
	font-weight: bold;
	color : #ff0000;
	margin-left : 10px;
}

.inscriptionpjconv .listeparties
{
	padding-top : 5px;
	padding-bottom : 5px;
	border-top: 1px dashed gray;
}

.inscriptionpjconv .listeparties ol
{
	padding-left : 100px;
	list-style-type : decimal;
	padding-top : 5px;
	padding-bottom : 5px;
}

.inscriptionpjconv .listeparties a
{
	text-decoration : none;
	color : #0e3c11;
}

.inscriptionpjconv .titreliste
{
	font-weight: bold;
	font-style : italic;
	color : #3c0e0e;
	float: left;
	width : 175px;
}

.inscriptionpjconv .affMj
{
	border-style : solid;
	border-width : 1px;
	margin-top : 60px;
	padding : 10px;
	background-color : #fafaeb;
}

.inscriptionpjconv .affMj .titre
{
	font-weight: bold;
	float: left;
}

.inscriptionpjconv .affMj .contenu
{
	display : block;
	margin-left : 200px;
}

.inscriptionpjconv fieldset legend
{
	font-size : 1.3em;
	font-weight: bold;
	color : #996633;
}

.inscriptionpjconv p
{
	padding-left : 180px;
	padding-top : 5px;
	border-top: 1px dashed gray;
}

.inscriptionpjconv label
{
	margin-left : -180px;
	font-weight: bold;
	float: left;
	width : 175px;
}



.inscriptionpjconv input, .inscriptionpjconv textarea, .inscriptionpjconv select
{
	background-color : #eeedce;
}



.inscriptionpjconv input:focus, .inscriptionpjconv textarea:focus, .inscriptionpjconv select:focus
{
	background-color : #c1d9db;
}

.inscriptionmjconv .note, .inscriptionbackstab .note
{
	font-weight: bold;
	text-align : center;
	color : #ff0000;
	margin : 0px 20px 40px;
}

.inscriptionmjconv .note2, .inscriptionbackstab .note2
{
	font-weight: bold;
	color : #ff0000;
	margin-left : 10px;
}

.inscriptionmjconv fieldset legend, .inscriptionbackstab fieldset legend
{
	font-size : 1.3em;
	font-weight: bold;
	color : #996633;
}

.inscriptionmjconv p, .inscriptionbackstab p
{
	padding-left : 180px;
	padding-top : 5px;
	border-top: 1px dashed gray;
}

.inscriptionmjconv label, .inscriptionbackstab label
{
	margin-left : -180px;
	font-weight: bold;
	float: left;
	width : 175px;
}

.inscriptionmjconv input, .inscriptionmjconv textarea, .inscriptionmjconv select, .inscriptionbackstab input, .inscriptionbackstab textarea, .inscriptionbackstab select
{
	background-color : #eeedce;
}



.inscriptionmjconv input:focus, .inscriptionmjconv textarea:focus, .inscriptionmjconv select:focus, .inscriptionbackstab input:focus, .inscriptionbackstab textarea:focus, .inscriptionbackstab select:focus
{
	background-color : #c1d9db;
}

.inscriptionbackstab .text
{
	margin:40px 5px;
}

.inscriptionbackstab .text .line
{
	margin-bottom: 20px;
}

.inscriptionbackstab .text pre
{
	font-family : serif;
}


.admin
{
	padding-left : 3px;
	padding-right : 3px;
}

.admin  .note
{
	font-weight: bold;
	text-align : center;
	color : #ff0000;
	margin : 0px 20px 40px;
}

.admin .note2
{
	font-weight: bold;
	color : #ff0000;
	margin-left : 10px;
}

.admin fieldset legend
{
	font-size : 1.3em;
	font-weight: bold;
	color : #996633;
}



.admin p
{
	padding-left : 180px;
	padding-top : 5px;
	border-top: 1px dashed gray;
}



.admin label
{
	margin-left : -180px;
	font-weight: bold;
	float: left;
	width : 175px;
}



.admin input, .admin textarea, .admin select
{
	background-color : #eeedce;
}



.admin input:focus, .admin textarea:focus, .admin select:focus
{
	background-color : #d1e6c4;
}



.admin input[type="text"], .admin input[type="password"]
{
	width : 200px;
}



.admin textarea
{
	width: 600px;
	height: 300px;
}



.apropos
{
	padding : 20px;
	font-family : "Trebuchet MS";
	line-height: 25px;
}



.apropos p
{
	border-width : 1px;
	border-color : grey;
	border-style : none none dashed none;
}



.apropos h1
{
	font-family:"Times New Roman", Times, serif;
	color : #996633;
}



.contact
{
	padding : 20px;
}



.contact h1
{
	color : #996633;
}



/* .event est le style lié aux pages prochains_evenements.php et anciens_evenements.php */

.event
{
	text-align : center;
}



.event .titre
{
	text-decoration : none;
	font-size : xx-large;
	margin-left : 20px;
	color : #CC9966;
}



.event .date:before
{
	content : "Le ";
}



.event .date
{
	font-weight : bold;
	display : inline;
	margin-left : 20px;
	margin-right : 5px;
}



.event .time:before
{
	content : "à ";
}



.event .time
{
	font-weight : bold;
	display : inline;
}



/* .infos correspond au texte principal de l'événement */
.event .infos
{
	font-family : "Trebuchet MS";
	padding : 15px 10px 15px 10px;
	line-height: 20px;
	border-width : 1px;
	border-color : grey;
	border-style : dashed none dashed none;
}





.layer1
{
	text-align : left;
	position : relative;
	top : -30px;
	width : 800px;
	margin : auto;
	background : url(images/parchemin.jpg) repeat left top;
}



.layer2
{
	background : url(images/bottom.png) repeat-x left bottom;
}



.layer3

{
	background : url(images/top.png) repeat-x left top;
}



.layer4

{

	background : url(images/right.png) repeat-y right top;



}



.layer5

{

	background : url(images/left.png) repeat-y left top;

}



.layer6

{

	color : black;

	padding : 20px;

}

.numpages
{
	text-align : center;
}

.numpages a
{
	padding : 0px 10px 0px 10px;
}