body {
	background-color: black;
	background-image: url(../images/logo.png);
	margin: 0;
	padding: 0;
	}
a {
	margin: 5px;
	}
h2{
	background-image: url(../images/fond_titre.png);
	color: #fed100;
	padding: 5px;
	border: none;
	height: 17px;
}
hr{
	border: 2px solid #b8b8b8;
}
/*Blocks principaux*/
	
.head1 {
	position: absolute;
	top:0px;
	left: 0px;
	width: 100%;
	height: 145px;
	background-color: #f1c92f;
	background-image: url(../images/bandeau.png);
	background-repeat: no-repeat;
	background-position: top right;
	min-width: 700px;
	}

.corps {	
	position: absolute;
	top: 240px;
	width: 100%;
	}
.corps_boutique {	
	position: absolute;
	top: 240px;
	width: 100%;
	}
		
.piedpage{
	margin-right: 50px;
	margin-left: 50px;
	margin-top: 20px;
	background-image: url(../images/fond-block.png);
	background-repeat: repeat-y;
	background-position: top right;
	background-color: #fed100;
	}

/* Sous blocks de head1 */

.accroche{
position: absolute;
top: -20px;
*top: 0px;
left: 10px;		
}
.date {
position: absolute;
top: 75%;
left: 2%;
}

/*Sous blocks de corps*/
.titre{
background-image: url(../images/coccinelle.gif);
background-repeat: no-repeat;
background-position: top left;
padding-left: 25px;
}
.boutique a{
background-image: url(../images/coccinelle.gif);
background-repeat: no-repeat;
background-position: top left;
padding-left: 25px;
height: 50px;
}
.delimitation_gauche {
float: left;
margin-top: -95px;
margin-left: 0px;
}

	/*pour les pages simples*/	
		.corps_centre{
		margin-right: 50px;
		margin-left: 50px;
		margin-top: 20px;
		background-color : #fed100;
		background-image: url(../images/fond-block.png);
		background-repeat: repeat-y;
		background-position: top right;
		}
		
	/*pour les pages complexes*/
		.corps_gauche{
		margin-right: 350px;
		margin-left: 50px;
		margin-top: 20px;
		background-color : #fed100;
		background-image: url(../images/fond-block.png);
		background-repeat: repeat-y;
		background-position: top right;		
		}
		.corps_droit{
		position: absolute;
		right: 50px;
		top: 20px;
		}
		.corps_droit_hockey{
		position: absolute;
		right: 50px;
		width: 260px;
		top: 130px;
		*top: 150px;
		background-color : #ffd106;
		background-image: url(../images/fond-block.png);
		background-repeat: repeat-y;
		background-position: top right;
		}
		.corps_droit_acro{
		position: absolute;
		right: 50px;
		width: 260px;
		top: 20px;
		background-color : #ffd106;
		background-image: url(../images/fond-block.png);
		background-repeat: repeat-y;
		background-position: top right;
		}
		.menu_hockey{
		margin-left: 50px;
		margin-right: 50px;
		background-color : #fed100;
		background-image: url(../images/fond-block.png);
		background-repeat: repeat-y;
		background-position: top right;
		}
	/*autres blocks*/	
		.contenu {
		padding: 1.5em;
		padding-top: 0px;
		}
		.asymetrique1{
		width: 258px;
		height: 42px;
		margin-bottom: -17px;
		*margin-bottom: 0px;
		_margin-bottom: 0px;
		background-image: url(../images/asymetrique1.gif);
		background-repeat: no-repeat;
		font-size:1px;

		}
		.partenaires {
		background-image: url(../images/asymetrique-centre.gif);
		background-repeat: repeat-y;
		*height: 100%;
		*width: 260px;
		}
		.partenaires h2{
		width: 200px;
		margin-left: 20px;
		}
		.partenaires p{
		margin-left: 20px;
		}
		.asymetrique2{
		width: 258px;
		height: 65px;
		margin-bottom: -17px;
		*margin-bottom: 0px;
		_margin-bottom: 0px;
		background-image: url(../images/asymetrique2.gif);
		background-repeat: no-repeat;
		font-size:1px;
		}
		.defil_photos{
		background-image: url(../images/asymetrique-centre.gif);
		background-repeat: repeat-y;
		*height: 100%;
		*width: 260px;
		}
		.defil_photos  h2 {
		margin-left: 20px;
		width: 200px;
		}
		.asymetrique3{
		width: 258px;
		height: 81px;
		margin-bottom: -17px;
		*margin-bottom: -19px;
		_margin-bottom: -19px;
		background-image: url(../images/asymetrique3.gif);
		background-repeat: no-repeat;
		font-size:1px;
		}
		.avenir {
		background-image: url(../images/asymetrique-centre.gif);
		background-repeat: repeat-y;
		}
		.avenir h2{
		width: 200px;
		margin-left: 20px;
		}
		.avenir p{
		margin-top: 0px;
		*margin-top: -10px;
		_margin-top: -10px;
		width: 200px;
		margin-left: 25px;
		}
		.asymetrique4{
		width: 258px;
		height: 65px;
		margin-top: -17px;
		*margin-top: -19px;
		_margin-top: -19px;
		margin-bottom: -17px;
		*margin-bottom: -19px;
		_margin-bottom: -19px;
		background-image: url(../images/asymetrique4.gif);
		background-repeat: no-repeat;
		font-size:1px;
		}
		.clics_pratiques {
		background-image: url(../images/asymetrique-centre.gif);
		background-repeat: repeat-y;
		}
		.clics_pratiques h2{
		width: 200px;
		margin-left: 20px;
		}
		.clics_pratiques ul{
		margin-left: -20px;
		*margin-left: 10px;
		}
		.asymetrique5{
		width: 258px;
		height: 83px;
		margin-top: -17px;
		*margin-top: -19px;
		_margin-top: -19px;
		margin-bottom: -17px;
		*margin-bottom: -19px;
		_margin-bottom: -19px;
		background-image: url(../images/asymetrique5.gif);
		background-repeat: no-repeat;
		font-size:1px;
		}
		.stages {
		background-image: url(../images/asymetrique-centre.gif);
		background-repeat: repeat-y;
		}
		.stages h2{
		width: 200px;
		margin-left: 20px;
		}
		.stages p{
		margin-top: -10px;
		width: 200px;
		margin-left: 25px;
		}
		.asymetrique6{
		width: 258px;
		height: 38px;
		margin-top: -17px;
		*margin-top: -19px;
		_margin-top: -19px;
		background-image: url(../images/asymetrique6.gif);
		background-repeat: no-repeat;
		font-size:1px;
		}

	/*pour les coins arrondis*/
		.hautgauche, .hautdroit, .basgauche, .basdroit{
		height: 28px; 
		width: 28px;
		background-repeat: no-repeat;
		font-size:1px;
		}
		.hautgauche{
		background-image: url(../images/hautgauche.gif);
		}
		.hautdroit{
		float: right;
		background-image: url(../images/hautdroit.png);
		}
		.basgauche{
		background-image: url(../images/basgauche.gif);
		}
		.basdroit{
		float: right;
		background-image: url(../images/basdroit.png);
		}
		.hautgauchehockeyacro, .basgauchehockeyacro{
		height: 28px; 
		width: 28px;
		background-repeat: no-repeat;
		font-size:1px;
		}
		.hautgauchehockeyacro{
		background-image: url(../images/hautgauchehockeyacro.png);
		}
		.basgauchehockeyacro{
		background-image: url(../images/basgauchehockeyacro.png);
		}