/* CSS Document */

body {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
background-color:#DCDDDF;
}

/*Liens*/
a:link {
	color: #000000;
	text-decoration: underline;
}

a:visited {
	text-decoration: underline;
	color: #000000;
}

a:hover {
	text-decoration: underline;
	color: #990000;
}

a:active {
	text-decoration: none;
	color: #990000;
}
/*Lien menu gauche*/
a.lienmenu:link {
	color: #000000;
	text-decoration: none;
	font-weight:bold;
}

a.lienmenu:visited {
	text-decoration: none;
	color: #990000;
	font-weight:bold;
}

a.lienmenu:hover {
	text-decoration: none;
	color: #990000;
	font-weight:bold;
}

a.lienmenu:active {
	text-decoration: none;
	color: #990000;
}

/*Lien galerie photos*/
a.lienphotos:link {
	color: #000000;
	text-decoration: none;
}

a.lienphotos:visited {
	text-decoration: none;
	color: #000000;
}

a.lienphotos:hover {
	text-decoration: underline;
	color: #000000;
}

a.lienphotos:active {
	text-decoration: none;
	color: #000000;
}

/*paramtres des diffrents DIV*/
#container {
position: relative;
width: 861px;
margin: 0 auto;
background-image:url(images/fondconteneur2.jpg);
margin-top:20px;
margin-bottom:0px;
}

#header {
height: 103px;
background-color: #990000;
}

#centre {
background-image:url(images/fond_02.jpg);
margin-left: 178px;
height:auto;
}

#centre2 {
background-image:url(images/fond_01.jpg);
background-position:top;
background-repeat:no-repeat;
padding-left:20px;
padding-right:90px;
padding-top:15px;
}

.contentpane {
background-image:url(images/fond_01.jpg);
background-position:top;
background-repeat:no-repeat;
padding-left:20px;
padding-right:90px;
padding-top:15px;
}

#gauche {
position: absolute;
top::-25px;
left:-7px;
width: 178px;
background-color:#000000;
}


#news {
width:190px;
float:right;
}

#club-presentation {
position:relative;
left:0;
width: 170px;
float:left;
}

/*Pied de page*/
#pied {
height: 70px;
}

/*Menu de gauche*/

#gauche ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#gauche ul li a {
display:block;
float:left;  
background-image: url(images/bouton.jpg);
line-height: 35px;
width: 140px;
}

#gauche li a:hover {
background-image: url(images/bouton_a.jpg);
}

#gauche a {
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 32px;
	margin-bottom: 1px;
}

#gauche a:hover {
	color: #6e1920;
	text-decoration: none;
	padding-left: 32px;
	margin-bottom: 1px;
}


#concept{
	background-color: #FFFFFF;
	float:left;
	padding: 2px;
	width: 260px;
	text-align: left;
}

#programme{
	background-color: #FFFFFF;
	width: 260px;
	margin-left: 260px;
	float:right;
	text-align: left;
	margin-top: 0px;
}


p {margin: 0 0 10px 0;}

ul 
{
list-style-type: none;
}
ul li
{
list-style-type: none;
}

li {
padding-top:9px;
} 

/*Titres principaux*/
.titre {
	font-size: 14px;
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #330000;
}

.sousTitre {
	font-size: 12px;
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #330000;
}

.texte {
    font-size: 12px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#000000;
}

.textePetit {
    font-size: 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#000000;
}

.concept {
	width: 260px;
	height:140px;
	background:#ffffff;
	padding: 2px;
	vertical-align:top;
}

.programme {
	width: 260px;
	background:#ffffff;
	padding: 2px;
	vertical-align:top;
}

.membre {
	width: 260px;
	height:100px;
	background:#ffffff;
	padding: 2px;
	vertical-align:top;
}

/*Sous-titres*/
.sstitre {
    font-size: 12px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #330000;
	font-weight:bold;
}

.clubconcept {
padding-left:5px;
padding-right:10px;
background-image:url(images/cadreblanc.gif);
background-repeat:no-repeat;
}

/*Paragraphe "Club Concept" sur la page d'accueil*/
.clubconcept2 {
padding-left:10px;
padding-right:10px;
}

.tableau {
border-color:#AEB1B6;
border-collapse:collapse;
border-width:2px;
border-style:solid;
}

/* ----------------------------------------- affichage pub accueil -------------------------------*/

#filter
{
	display:block;
	position: absolute;
	top: 0px;
	left: -8px;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index:9;
	opacity:0.9;
	filter: alpha(opacity=80);
}

#box 
{
	display: block;
	position: absolute;
        left:110px;
        top: 5%;
        width:640px;
	height:480px;
	padding: 0;
	margin:0;
	border: 1px solid white;
	background-color: #000000;
	z-index:10;

	
}

#boxheader
{
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:20px;
	padding:0px;
	background-color: #000000;
	color:white;
	text-align:right;
        vertical-align:middle;
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        z-index:11;
}

#boxclose
{
	float:right;
	position:absolute;
	top: 0;
	right: 0;
	background-image:url(http://www.lezinc.ch/Portals/0/Skins/LeZinc/images/close.gif);
	background-repeat:no-repeat;
	background-color:#CCCCCC;
	border:1px solid black;
	width:16px;
	height:16px;
z-index:11;
}

#imagebox {
    
    width:640px;
    height:480px;
    text-align: center;
    background:#000000;
    vertical-align: middle;
    
}

/* ---------------------- agrandissement images accueil ------------------------------- */

div#mini1
{
    position: relative;
    cursor: default;
	text-align:center;
   height:220px;
}

div#grand1
{
    position: absolute;
    left:110px;
    top: 5%;
    width:480px;
	height:480px;
	padding: 0;
	margin:0;
	border: 1px solid white;
	background-color: #000000;
	z-index:10;
    text-align:center;
    vertical-align:middle;
	
}

div#grand1{
    display: none;
}

div#mini1:hover + div#grand1
{
    display: block;
}

div#mini2
{
    position: relative;
    cursor: default;
    text-align:center;
 height:220px;
}

div#grand2
{
      position: absolute;
    left:110px;
    top: 30%;
    width:480px;
	height:480px;
	padding: 0;
	margin:0;
	border: 1px solid white;
	background-color: #000000;
	z-index:10;
    text-align:center;
    vertical-align:middle;
	
}

div#grand2{
   display: none;
}

div#mini2:hover + div#grand2
{
    display: block;
}

/* ------------------------Page Staff-------------------------- */


#staff{
	font-family:Tahoma;
	font-size:12px;
	
}

#staff table{
     width:800px;
	 }

#staff td{
	vertical-align:top;
	text-align:left;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 8px;
	padding-left: 2px;
}

#staff img{
	border: 1px solid #000000;
	height: 100px;
	text-align:center;
}

/**************** DNN Footer styles ****************/

#footer{
clear:both;
width:958px;
padding:0px 0;
margin:0 0px;
font-size:0.9em;
color:#f0f0f0;
background:#000000;
}

#footer p{padding:0; margin:0; text-align:center;}
#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}