body {
}
#general{
background-image:url(../mopia/images/layout-interneband2.png); background-repeat:no-repeat;
width: auto;
height:800px;
margin:auto;
}
#bandeau{
/*background-image:url(../images/band1.jpg);
background-repeat:no-repeat;*/
width:650px;
height:120px;
margin-left:0px;
text-align:right;
}
#barre{
/*background-image:url(../images/barre.jpg);
background-repeat:no-repeat;*/
width:800px;
height:30px;
margin-top:10px;
font-family:"Verdana";
font-size:12px;
font-weight:bold;
color:  #FEF9B9;
}
#sky{
float:left;
/*margin-top:-170px;*/
margin-left:10px;
width:150px;
}
.sky-text{
text-align: right;
text-decoration: none;
color:#FFCC33;
padding: 5px 0 5px 0;
float: right;
}
#contenu{     
	/*background-image:url(../images/cont.jpg);
	background-repeat:no-repeat;
width:640px;*/
height:492px;
padding-top:5px; padding-left:5px; padding-right:0; padding-bottom:5px;
margin-top:5px;
float: left;
/*margin-left:0px;*/
}
#footer{
clear:both;
width:650px;
height:110px;
margin-top:20px;
margin-left:0px;
margin-right:auto;
float:left;
	}
#cadre{
width:200px;
/*height:400px;*/
float:right;
background-image:url(../images/yellowcadre-mid.gif);
background-repeat:repeat;
}
.cadre-top{
background-image:url(../images/yellowcadre-top-mid.gif); 
background-repeat:repeat-x; 
height:15px; 
background-position:top; 
float:none; 
width:185px;
}
.cadre-bottom{
background-image:url(../images/yellowcadre-bot-mid.gif); 
background-repeat:repeat-x; 
height:15px;
width:170px; 
background-position:bottom; 
float:none;
}
.cadre-left{ /*padding-left:10px; padding-right:15px; padding-top: 10px;*/ 
width: 15px; background-image: url(../images/yellowcadre-left-mid.gif); 
background-repeat:repeat-y; 
background-position:left; float:left; margin-left:0; width: 15px; height:auto;}
.cadre-right{ background-image:url(../images/yellowcadre-right-mid.gif); background-repeat:repeat-y; background-position: right; float:right; width:15px; height:auto;}
.cadre-top-left{ background-image:url(../images/yellowcadre-left-top.gif); background-repeat: no-repeat; width:15px; height:15px; float: left; }
.cadre-top-right{background-image:url(../images/yellowcadre-right-top.gif); background-repeat: no-repeat; width:15px; height: 15px; float: right;}
.cadre-bottom-left{ background-image:url(../images/yellowcadre-left-bot.gif); background-repeat:no-repeat; height:auto; float:left; width: 15px;}
.cadre-bottom-right{ background-image:url(../images/yellowcadre-right-bot.gif); background-repeat:no-repeat; background-position:right; float:right; height:auto; width: 15px;}
body {
		margin:10px 10px 0px 10px;
		padding:0px;
		background-color:#ce9e4e;
		}
	
	#mainright {
		width:33%;
		height: 400px;
		float:left;
		background:#fff;
		padding-bottom:10px;
		border-left-width:1px;
		}
	
	#maincenter {
		width:33%;
		height: 492px;
		border-right: dotted;
		float:left;
		background:#fff;
		padding-bottom:10px;
		border-left: dotted;
		border-width:1px;
		}
		
	#maindroite {
		width:426px;
		height: 492px;
		/*border-right: dotted;*/
		float:left;
		background:#fff;
		padding-bottom:10px;
		border-left: dotted;
		border-width:1px;
		overflow:scroll;
		}
	
	#maingauche {
		width:213px;
		height: auto;
		float:left;
		background:#fff;
		padding-bottom:10px;
		}
	
	#mainleft {
		width:33%;
		height: 492px;
		float:left;
		background:#fff;
		padding-bottom:10px;
		}
	
	#banner {
		background:#fff;
		}
		
	p,h1,pre {
		margin:0px 10px 10px 10px;
		}
		
	h1 {
		font-size:14px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-style:oblique;
		text-transform: lowercase;
		padding-top:10px;
		color:#CC0000;
		}
	h2 {
		font-size:14px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		padding top:0.5em;
		color: #990000;
	}
	p {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color: #663300;
		}
	#p1 {
	background-color: #ce9e4e;
	font-size:12px;
	font-weight:bold;
	padding:0.5em;
	margin:5px;
	color:#CCFF00;
	border: 1px #FFFF99 solid;
	}
	#p2 {
	font-size:10px;
	text-align:justify;
	font-weight:light;
	padding:0.5em;
	color:#CCFF00;
	border: 1px #CCFF00 solid;
	float: right;
	}
	#inscrire {
	font-size:10px;
	text-align:justify;
	font-weight: bold;
	padding:10px;
	color:#6d3923;
	border: 1px #6d3923 solid;
	float:left;
	margin-top:-300px;
	margin-left:180px;
	background-color: #fff;
	width:180px;
	}
	#imgdiv {
		border: 1px #CC3300 dotted;
		float:left;
		width:200px;
		padding: 3px 3px 3px 3px;
		margin:3px 3px 3px 0px ;
		text-align:center;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-style:italic;
		font-size:12px;
	}	
	#mainright p { font-size:10px}
	#banner h1 { margin:0px; padding:10px}
/*Barre de Navigation*/

#navlist ul
{
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
margin: 0px;
padding:0px;
}

#navlist a
{
color: #663300;
background-color:#ce9e4e;
text-decoration:none;
text-shadow:#000000;
width: 12em;
padding: 3px 12px 3px 8px;
border: 1px #6e3922 solid;
display: block;
}

#navlist li { 
margin:2px 0px;
}

#navlist li li a{
color: #663300;
background-color:#ce9e4e;
text-decoration:none;
width: 12em;
padding: 3px 3px 3px 17px;
display: block;
}

#navlist a:visited
{
color: #663300;
background-color:#ce9e4e;
}

#navlist a:active
{
color: white;
background-color: #663300;
}

#navlist a:hover
{
color: white;
background-color: #663300;
}

/* Barre verticale*/

ul#navlistvert
{
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #e41c03;
margin: 0px;
}

ul#navlistvert li
{
display:inline;
float: left;
height: 21px;
background-color: #a35a2d;
margin: 2px 2px 0 2px;
border: 1px solid #e41c03;
}

ul#navlistvert li#active a
{
border-bottom: 1px solid #6e3922;
background-color: #6e3922;
color: #a35a2d;
}

li#active a { color: #fcf694; }

#navlistvert a
{
float: left;
display: block;
color: #fcf694;
text-decoration: none;
padding: 4px;
}

#navlistvert a:hover { background: #6e3922; }
#saut {
clear:both;
}
.smalltext {
	font-size:10px;
	color: #ce9e4e;
	background-color:#6D3923;
}