body{
	width:100%;
	margin:0px;
	padding:0px;
	background:url('http://diabolo.asso.fr/joomla/templates/hoc_template/images/baniere-droitefond.jpg') repeat #b1dce5;
	color:black;
	}
#global{
	text-align:left;
	}
	
#entete{
	height:140px;
	width:100%;
	}
	
#logo{
	position:absolute;
	left:0px;
	top:0px;
	width:190px;
	height:140px;
	background:url("http://diabolo.asso.fr/joomla/templates/hoc_template/images/logo.png");
	z-index:10;
	}
	
#baniere{
	position:absolute;
	right:0px;
	height:140px;
	width:1000px;
	background:url("http://www.diabolo.asso.fr/joomla/templates/hoc_template/images/grandebanniere_2.jpg") no-repeat right;
	}
	
/***Connexion***/	
#connexion{
	position:absolute;
	right:30px;
	top:10px;
	width:170px;
	height:100px;
	font-size:12px;
	border:white 1px;	
	}	
#connexion ul{
	display:none;
	}
#form-login-remember{
	display:none;
	}	
#connexion p{
	margin:0px;
	}
#connexion input{
	background:#accdff;
	height:20px;
	width:150px;
	border:white 1px;
	}
#connexion input:focus{
	background:#c2daff;
	}
#connexion .button:hover{
	background:#c2daff;
	}
#connexion .button{
	margin-top:5px;
	}
	
/***Block central***/
#fond{
	position:absolute;
	width:75%;
	left:0px;
	height:100%;
	z-index:2;
	}
#blockCentre{
	margin:auto;
	width:742px;
	}
#menu{
	margin-top:15px;
	height:40px;
	width:742px;
	z-index:20;
	background:#fff;
	font-size:15px;
	}
#menu ul li{
	border-right:1px solid #77BB77;
	}

#contenu{
	background:url("http://diabolo.asso.fr/joomla/templates/hoc_template/images/fondblanc.png") repeat;
	border:1px solid #FFFFFF;
	height:auto;
	width:740px;
	padding:0px;
	z-index:20;
	color:black;!important
	text-align:left;
	float:left;
	top:0px;
	}

/*résolution du bug du tableau qui n'est pas à cent pour cent*/
.contentpaneopen{width:100%;}
	
#contenu h1{
	margin-left:111px;
	text-align:center;
	font-size:28px;
	width:480px;
	height:60px;
	/*background:url("/joomla/templates/hoc_template/images/baniere-sejoursv.jpg") no-repeat;*/
	background:url("/joomla/templates/hoc_template/images/baniere-droitefond.jpg");
	border:solid 5px black;
	padding-top:20px;
	z-index:0;
	color:black;
	}
#contenu h2{
	font-size:20px;
	background:url("/joomla/templates/hoc_template/images/favicon.png") white no-repeat left top;
	color:green;
	padding:7px 0px 0px 45px;
	height:32px;
	}
#droite{
	position:absolute;
	right:0px;
	top:140px;
	width:25%;
	height:500px;
	background:url("/joomla/templates/hoc_template/images/banieredroite.jpg") no-repeat right;
	z-index:10;
	}
.pied{
	text-align:center;
	font:11px arial;
	margin-top:20px;
	position:static;
	/*float:bottom;*/
	}
.pied a{
	color:black;
	}
.pied a:hover{
	text-decoration:none
	}
.telecharger{
	display:block;
	float:right;
	border:red;
	color:blue;
	}