html 
{
  margin: 0;
  padding: 0;
}

body
{
  margin: 0;
  padding: 0; 
  background-color:#212921;
  margin-left: auto; 
  margin-right: auto;
  width:1000px;
  text-align: left; 
  border:none; 
}

* {
  margin:0;
  padding:0;
}

/*******************/
/* LINKS */


#situation_link
{
	background-image:url('./imgs/situation.png');
	background-repeat:no-repeat;
	position:relative;
	left:361px;
	top:-5px;
	width:112px;
	height:29px;
	z-index:5;
}

#situation_link:hover
{
	background-image:url('./imgs/situation_over.png');
	background-repeat:no-repeat;
	position:relative;
	left:361px;
	top:-5px;
	width:112px;
	height:29px;
	z-index:5;
}

#photosetpresse_link
{
	background-image:url('./imgs/photosetpresse.png');
	background-repeat:no-repeat;
	position:relative;
	left:303px;
	top:-10px;
	width:112px;
	height:29px;
	z-index:5;
}

#photosetpresse_link:hover
{
	background-image:url('./imgs/photosetpresse_over.png');
	background-repeat:no-repeat;
	position:relative;
	left:303px;
	top:-10px;
	width:112px;
	height:29px;
	z-index:5;
}

#nossponsors_link
{
	background-image:url('./imgs/nossponsors.png');
	background-repeat:no-repeat;
	position:relative;
	left:260px;
	top:-18px;	
	width:112px;
	height:29px;
	z-index:5;
}

#nossponsors_link:hover
{
	background-image:url('./imgs/nossponsors_over.png');
	background-repeat:no-repeat;
	position:relative;
	left:260px;
	top:-18px;	
	width:112px;
	height:29px;
	z-index:5;
}

#championnat_link
{
	background-image:url('./imgs/championnat.png');
	background-repeat:no-repeat;
	position:relative;
	left:212px;
	top:-25px;
	width:112px;
	height:29px;
	z-index:5;
}

#championnat_link:hover
{
	background-image:url('./imgs/championnat_over.png');
	background-repeat:no-repeat;
	position:relative;
	left:212px;
	top:-25px;
	width:112px;
	height:29px;
	z-index:5;
}

#infos_link
{
	background-image:url('./imgs/infos.png');
	background-repeat:no-repeat;
	position:relative;
	left:167px;
	top:-31px;
	width:112px;
	height:34px;
	z-index:5;
}

#infos_link:hover
{
	background-image:url('./imgs/infos_over.png');
	background-repeat:no-repeat;
	position:relative;
	left:167px;
	top:-31px;
	width:112px;
	height:34px;
	z-index:5;
}

/***********************/

#ch-peseux
{
	position:relative;
	left:39px;
	top:9px;
}

#ch-landeron
{
	position:relative;
	left:60px;
	top:21px;
	z-index:4;
}

#middle-top
{
	width:100%;
	height:300px;
}

#top-text
{
	position:relative;
	left:10px;
	top:20px;
}

#lang
{
	position:relative;
	width:65px;
	left:500px;
	top:-60px;
	text-align:left;
	/*background-color:rgb(255, 255, 255);
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	border-style:solid;
	border-width:1px;
	border-color:white;*/
	z-index:6;
}

#lang:hover
{
	position:relative;
	width:65px;
	top:-60px;
	text-align:left;
	/*background-color:rgb(100, 100, 100);
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	border-style:solid;
	border-width:1px;
	border-color:black;*/
	z-index:6;
}

.sponsor-texte-little
{
	width:100%;
	height:200px;
	padding:15px;

	font-size:10px;
	font-family: arial;	
	color:white;
}

#middle-bottom
{
	position:relative;
	padding:0px;
	font-size:12px;
	font-family: arial;	
	color:white;
	z-index:5;
}

.cadre
{
	z-index:1;
	width:600px; /* -1px de chaque coté */
	height:230px; /* -1px de chaque coté */
	padding:15px;
background-color:black;
}

.offre
{
	border-color:white;
	background-color:black;
	border-style:solid;
	border-width:1px;

	font-size:15px;
	font-family: arial;	
	color:white;
	padding:15px;

	width:130px; /* -1px de chaque coté */
	height:230px; /* -1px de chaque coté */

	z-index:1;
}



/**************************************************/

.photo_block
{
	align:center;
	width:588px;
	height:300px;
}

.photo_categorie
{
	float:left;
	width:168px;
	height:40px;
	background-color:#9da09d;
}

.photo_description
{
	float:left;
	width:504px;
	height:300px;
	background-color:#9da09d;
}

.photo_defilement_space
{
	width:10px;	
}

.photo_defilement
{
	background-color:#656a65;
	width:450px;
	height:45px;
	border-color:white;
	border-style:solid;
	border-width:1px;
	vertical-align:middle;
	padding:8px;
}

.photo_defilement_zoom
{
	float:left;
	background-color:#323332;
	width:60px;
	height:40px;
	border-color:white;
	border-style:solid;
	border-width:1px;
}

#photo_zoom
{
	float:none;
	width:300px;
	height:200px;
	border-color:white;
	border-style:solid;
	background-color:#323332;
	border-width:1px;
}

/**************************************************/


#sponsor_p_1
{
	border-style:solid;
	border-color:white;
	border-width:1px;
}

#sponsor_p_1:hover
{
	border-color:green;
	border-style:solid;
	border-width:1px;
	border-bottom-style:none;
}

.sponsor_p_description
{
	width:588px;
	height:220px;
	border-color:white;
	background-color:black;
	border-style:solid;
	border-width:1px;
}

.sponsor_p_block
{
	width:588px;
	height:220px;
	background-color:black;
	z-index:10;
}


.sponsor_p
{
	float:left;
	width:80px;
	height:20px;
	border-color:white;
	background-color:black;
	border-style:solid;
	border-width:1px;
	z-index:11;
}

.sponsor_p:hover
{
	float:left;
	width:80px;
	height:20px;
	border-color:white;
	background-color:gray;
	border-style:solid;
	border-width:1px;
	z-index:11;
}

/**************************************************/

.sponsor-texte
{	
	font-weight: bold;
}


.offre#or
{
	background-repeat:no-repeat;
}

.offre#argent
{
	background-repeat:no-repeat;
}

.offre#coeur
{
	background-repeat:no-repeat;
}

.image_joueur:hover
{
	border:1px solid white;
}

.image_joueur
{
	border:1px solid black;
}


#sponsor1:hover
{
	border-color:#212921;
	border-width:1px;
	padding:0px;
	margin:0px;
	height:36px;
}

#sponsor1
{
	border-color:#dddddd;
	border-style:solid;
	border-width:1px;
	width:196px;
	padding:0px;
	margin:0px;
	height:36px;
}

#sponsor2:hover
{
	border-color:#212921;
	border-width:1px;
	padding:0px;
	margin:0px;
	height:36px;
}

#sponsor3
{
	border-color:#dddddd;
	border-style:solid;
	border-width:1px;
	width:196px;
	padding:0px;
	margin:0px;
	height:36px;
}

#sponsor3:hover
{
	border-color:#212921;
	border-width:1px;
	padding:0px;
	margin:0px;
	height:36px;
}

#sponsor4
{
	border-color:#dddddd;
	border-style:solid;
	border-width:1px;
	width:196px;
	padding:0px;
	margin:0px;
	height:36px;
}


#sponsor5:hover
{
	border-color:#212921;
	border-width:1px;
	padding:0px;
	margin:0px;
	height:36px;
}

a:link
{
color: white;
}

a:visited
{
color: white;
}

a:active
{
color: white;
}

a:hover
{
color: black;
}


#sponsor5
{
	border-color:#dddddd;
	border-style:solid;
	border-width:1px;
	width:196px;
	padding:0px;
	margin:0px;
	height:36px;
}


#sponsor6:hover
{
	border-color:#212921;
	border-width:1px;
	padding:0px;
	margin:0px;
	height:36px;
}

#sponsor6
{
	border-color:#dddddd;
	border-style:solid;
	border-width:1px;
	width:196px;
	padding:0px;
	margin:0px;
	height:36px;
}

#sponsor7:hover
{
	border-color:#212921;
	border-width:1px;
	padding:0px;
	margin:0px;
	height:36px;
}

#sponsor7
{
	border-color:#dddddd;
	border-style:solid;
	border-width:1px;
	width:196px;
	padding:0px;
	margin:0px;
	height:36px;
}


#sponsor4:hover
{
	border-color:#212921;
	border-width:1px;
	padding:0px;
	margin:0px;
	height:36px;
}

#sponsor2
{
	border-color:#dddddd;
	border-style:solid;
	border-width:1px;
	width:196px;
	padding:0px;
	margin:0px;
	height:36px;
}


#left
{
	background-color:#212921;
	border-color:white;
	border-style:solid;
	border-width:1px;
	z-index:0;
	width:198px; /* -1px de chaque coté 196 !*/ 
	height:748px; /* -1px de chaque coté 196 !*/
}

#right
{
	/*background-image:url('./imgs/cote.png');*/
	background-color:#212921;
	border-color:white;
	border-style:solid;
	border-width:1px;
	z-index:0;
	width:198px; /* -1px de chaque coté */
	height:748px; /* -1px de chaque coté */
}

#midde
{
	font-size:12px;
	font-family: arial;	
	color:white;
	background-image:url('http://csjeunesse.cttpeseux.ch/imgs/middle.png');
	background-repeat:no-repeat;
	/*background-repeat:no-repeat;
	border-width:1px;
	width:598px;
	height:748px;*/
}


#bottom
{
	clear:both;
	width:998px;
	height:20px;
	background-color:#245b40;
	border-color:white;
	border-style:solid;
	border-width:1px;
}


#oeil
{
	
	position:relative;
	left:0px;
	top:-100px;
	width:801px;
	height:200px;
	z-index:4;
}

#oeil_interieur
{
	position:relative;
	left:395px;
	top:-227px;
	width:240px;
	height:240px;
	z-index:2;
}
 
.gallerie
{
	border:2px solid #000000;
}

.gallerie:hover
{
	border:2px solid #FFFFFF;
}