@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0;}

body {
	margin: 0;
	padding: 0;
	background: #772138 url(http://www.servettefc.ch/images/kit2009/fond_site.jpg);
	background-attachment:fixed;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 1.5em;
}

html {overflow-y: scroll;}

#conteneur {
	width: 968px;
	margin: 0 auto;
	padding: 0;
	border: 0;
}

#header {
	width: 968px;
	height: 20px;
	margin: 0 auto;
	padding: 10px 0px 0px 0px;
	border-bottom: none;
	color:#FFFFFF;
}

#navig {
	width: 958px;
	height: 21px;
	margin: 0 auto;
	padding: 7px 10px 0px 0px;
	/*background-image:url(http://www.servettefc.ch/fr/images/kit2009/bg-navig1.gif);*/
	background-color:#000000;
	border-bottom: none;
	text-align:right;
	color:#FFFFFF;
}

/* Splash */
#splash {
	width: 968px;
	margin: 0 auto;
	background:#772138;
	padding: 0px 0px 0px 0px;
	border-top: none;
}

/* Menu */
.menu {

                white-space:nowrap /*IE hack*/;

                float:left;

                width:968px;

                background:#813146;

                color:rgb(75,75,75);

                font-size:11px;
				z-index:1500;

}
.menu img {
margin-top:11px;
}

.nav, .nav ul {

                list-style: none;

                margin-right: -30px;

                padding: 0;

}

.nav {

                z-index:1000 !important /*Non-IE6*/;

                z-index:1000 /*IE6*/;

                position: relative;

}

.nav li {

                float: left;

                margin: 0;

                padding: 0;

                position: relative;

                width:121px;

}

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {

                display: block;

                height:34px;

                line-height:34px;

                padding:0px;

                text-decoration:none;

                font-weight:normal;

                text-align:center;

                background: #e5e5e5 url(http://www.servettefc.ch/fr/images/kit2009/inactive.gif);

                color: #ffffff;

                width:121px;

}

.nav li a:hover {

                background: #e5e5e5 url(http://www.servettefc.ch/fr/images/kit2009/active.gif);

}

#nav-one li:hover a, #nav-one li.sfHover a {

                background: #e5e5e5 url(http://www.servettefc.ch/fr/images/kit2009/active.gif);

}

#nav-one li:hover ul a, #nav-one li.sfHover ul a {

                white-space:normal;

                text-align:left;

                display:block;

                width:111px;

                height:auto;

                line-height:1.3em;

                padding:4px;

                border-left:solid 1px #813146;

                border-right:solid 1px #813146;

                border-bottom: solid 1px #813146;

                background: #813146;

                font-weight:normal;

                color:#ffffff;

                filter : alpha(opacity=95);

                -moz-opacity : 0.95;

                opacity : 0.95;

}

#nav-one li:hover ul a:hover, #nav-one li.sfHover ul a:hover {

                background: #772138;

                text-decoration:none;

}

.nav ul {

                background: #772138;

                list-style: none;

                margin: 0;

                position: absolute;

                top: -999em;

                left: -1px;

}

.nav li:hover ul, .nav li.sfHover ul {

                top: 33px;

}

.nav ul li {

                border: 0;

                float: none;

}

.nav ul a {

                border: 1px solid #772138;

                border-bottom: 0;

                padding-right: 20px;

                width: 120px;

                white-space: nowrap;

}

.nav ul a:hover {

                background: #772138;

                color: #ffffff;

}

/* fin menu */

/* debut contenu */

#contenu-top {
	width: 968px;
	height:373px;
	display:block;
	padding:0;
	border-bottom: none;
	background-image:url(http://www.servettefc.ch/fr/images/kit2009/bg-top-content.gif);
	color:#FFFFFF;
}

#contenu-top-simple {
	width: 968px;
	display:block;
	padding:0;
	border-bottom: none;
}

#contenu-top-gauche {
	width: 706px;
	height:353px;
	float:left;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom:10px;
	padding:0;
	border-bottom: none;
	color:#FFFFFF;
}

#contenu-top-droit {
	width: 232px;
	height:353px;
	float:right;
	margin:10px;
	padding:0;
	border-bottom: none;
	color:#FFFFFF;
}

#contenu-middle-gauche {
	width: 242px;
	float:left;
	padding:0;
	border-bottom: none;
}

#contenu-middle-center {
	width: 484px;
	float:left;
	padding:0;
	border-bottom: none;
}

#contenu-middle-droit {
	width: 242px;
	float:left;
	padding:0;
	border-bottom: none;
}

#contenu-bottom {
	width: 968px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	border-bottom: none;
	background-color:#FFFFFF;
	color:#000000;
}

#box {
	margin: 10px;
}

#box2 { 
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}

#box3 { 
	margin-top:1px;
}

#boxtv{ 
	margin-top:1px;
	height:17px; background-image: url(http://www.servettefc.ch/fr/images/kit2009/bg-tv-list.gif);
}

#box-topnews {
	margin-top: 223px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	height:100px;
	padding:10px;
	
	background-color:#000000;
	filter : alpha(opacity=85);
    -moz-opacity : 0.85;
    opacity : 0.85;
	
}

#aplat {
	margin-top: 263px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	height:60px;
	padding:10px;
	
	background-color:#000000;
	filter : alpha(opacity=85);
    -moz-opacity : 0.85;
    opacity : 0.85;
	
}

.survol :hover{
	
	background-color:#333333;
	filter : alpha(opacity=80);
    -moz-opacity : 0.80;
    opacity : 0.80;
	
}


/* fin contenu */

#footer {
	width: 968px;
	height:80px;
	background-image:url(http://www.servettefc.ch/images/kit2009/bg-footer-fr.gif);
	margin: 0 auto;
	padding-top:20px;
	border-top: none;
	
}

#footer-de {
	width: 968px;
	height:80px;
	background-image:url(http://www.servettefc.ch/images/kit2009/bg-footer-de.gif);
	margin: 0 auto;
	padding-top:20px;
	border-top: none;
	
}

#footer-eng {
	width: 968px;
	height:80px;
	background-image:url(http://www.servettefc.ch/images/kit2010-2011/bg-footer-eng.gif);
	margin: 0 auto;
	padding-top:20px;
	border-top: none;
	
}

/* accordeon */

#testMenu a.testMenuItem {
	cursor:pointer;
	display:block;
	margin-top: 0;
	text-decoration: none;
	font-weight:bold;
	outline:0;
	clear: both;
	padding-left:10px;
	line-height: 26px;
	color: #555555;
	background-image:url(http://www.servettefc.ch/fr/images/kit2009/off.gif);
}

#testMenu a.testMenuItem:hover {

	color: #555555;
	background-image:url(http://www.servettefc.ch/fr/images/kit2009/on2.gif);
}

#testMenu a.testMenuItem.selected {
	color: #ffffff;
	background-image:url(http://www.servettefc.ch/fr/images/kit2009/on.gif);
}

#accordeon-content {
	height:249px;
}

#accordeon-box {
	height:249px;
	background-image:url(http://www.servettefc.ch/fr/images/kit2009/bg-accordeon.gif);
}

/* Galerie */
.galerie {
	white-space:nowrap /*IE hack*/; 
	float:left;
	width:706px; 
	border:none; 
	font-size:11px;
	
	}
	
.galerie ul {
	list-style-type:none;
	padding:0;
	margin:0;
	}
.galerie ul li {
	float:left; 
	z-index:auto !important /*Non-IE6*/; 
	z-index:1000 /*IE6*/; 
	border:solid 1px #999999;
	width:168px;
	margin:3px;
	text-align:center;
	
	}
.galerie ul li a {
	float:none !important /*Non-IE6*/; 
	float:left /*IE-6*/; 
	display:block; 
	padding:10px; 
	text-decoration:none; 
	font-weight:normal; text-align:center;
	background: #FFFFFF;
	color: #666666;
	}
	
.galerie ul li a:hover {
	background: #dddddd;

	}	
	
.galerie ul li ul {
	display:none; 
	border:none;
	}
	
/*Non-IE6 hovering*/

.galerie ul li:hover {
	position:relative;
	}



/* fin galerie */
/* partenaires */

.partenaires {
	white-space:nowrap /*IE hack*/;
	background-color:#FFFFFF;
	float:left;
	width:706px; 
	border:none; 
	font-size:11px;
	
	}
	
.partenaires ul {
	list-style-type:none;
	}
.partenaires ul li {
	float:left; 
	z-index:auto !important /*Non-IE6*/; 
	z-index:1000 /*IE6*/; 
	border:solid 1px #999999;
	background-color:#FFFFFF;
	width:168px;
	height:110px;
	margin:3px;
	text-align:center;
	
	}
.partenaires ul li a {
	float:none !important /*Non-IE6*/; 
	float:left /*IE-6*/; 
	display:block; 
	padding:10px; 
	text-decoration:none; 
	font-weight:normal; text-align:center;
	background: #FFFFFF;
	color: #666666;
	}
	
.partenaires ul li a:hover {
	background: #dddddd;

	}	
	
.partenaires ul li ul {
	display:none; 
	border:none;
	}
	
/*Non-IE6 hovering*/

.partenaires ul li:hover {
	position:relative;
	}

/* Video */
.video {
	white-space:nowrap /*IE hack*/; 
	float:left;
	width:706px; 
	border:none; 
	font-size:11px;
	
	}
	
.video ul {
	list-style-type:none;
	}
.video ul li {
	float:left; 
	z-index:auto !important /*Non-IE6*/; 
	z-index:1000 /*IE6*/; 
	border:solid 1px #999999;
	width:226px;
	margin:3px;
	text-align:center;
	
	}
.video ul li a {
	float:none !important /*Non-IE6*/; 
	float:left /*IE-6*/; 
	display:block; 
	padding:10px; 
	text-decoration:none; 
	font-weight:normal; text-align:center;
	background: #FFFFFF;
	color: #666666;
	}
	
.video ul li a:hover {
	background: #dddddd;

	}	
	
.video ul li ul {
	display:none; 
	border:none;
	}
	
/*Non-IE6 hovering*/

.video ul li:hover {
	position:relative;
	}



/* fin video */


/* debut pagination */
.pagination {  
    line-height:2em;  
}  
.pagination a,  
.pagination span {  
    padding:0.2em 0.5em;  
}  
.pagination a {  
    border:1px solid #c48d99;  
    color:#c48d99;  
    text-decoration:none;  
}  
.pagination a:hover {  
    border:1px solid #772138;  
    color:#772138;  
}  
.pagination .prevnext {  
    font-weight:bold;  
}  
.pagination span.disabled {   
    border:1px solid #DDDDDD;  
    color:#999999;  
}  
.pagination span.current {  
    border:1px solid #772138;  
    background-color:#772138;  
    color:#ffffff;  
    font-weight:bold;  
}  
/* debut cosmetique */	

.justifie {
	text-align:justify;
}

.marge10 {
	margin:10px;
}

.souligne-999 {
	border-bottom: solid #999999 1px;
}

.tableau { 
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
}

img {
	border: none;
}

.illustration { 
	margin-left: 10px;
	margin-bottom: 10px;
	border:#666666 solid 1px;
}


#liste-square LI      {
        display: list-item;
        margin: 0;
        padding: 0;
		list-style-image: url(http://www.servettefc.ch/fr/images/puce_grenat.gif);
        }
#liste-square UL      {
        display: block;
        margin: 0 0;
        padding: 10px 5px 0 20px;

        }
#liste-hof LI      {
        display: list-item;
        margin: 0;
        padding: 0;
		list-style-image: url(http://www.servettefc.ch/fr/images/puce_blanc.gif);
        }
		
#liste-hof UL      {
        display: block;
        margin: 0 0;
        padding: 10px 5px 0 20px;

        }		
td.header {
border-width:1px;
border-style:solid;
border-color:#ffffff;
padding-left:10px;
padding-right:10px;
padding-top:2px;
padding-bottom:2px;
}

.fieldcell input {
 width: 198px;
 background-color: #ffffff;
 color: #666666;
 border: 1px solid #a7a6a6;
 margin-right: 0px;
 margin-left: 0px;
}

.fieldcell textarea {
 width: 100%;
 font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
 background-color: #ffffff;
 color: #666666;
 border: 1px solid #dddddd;
 margin-right: 0px;
}

/* background */	

.titre { 
	background-image:url(http://www.servettefc.ch/fr/images/kit2009/bg-title.gif);
	height:21px;
	padding: 5px 10px 0px 10px;
	font-weight:bold;
	color:#FFFFFF;
	
}

.box-display { 
	background-image:url(http://www.servettefc.ch/fr/images/kit2009/bg-accordeon.gif);
	color:#FFFFFF;
}

.letter-display { 
	background-image:url(http://www.servettefc.ch/fr/images/kit2009/bg-letter.gif);
	color:#FFFFFF;
	height:123px;
	padding-top:100px;	
}

.letter-display-eng { 
	background-image:url(http://www.servettefc.ch/images/kit2010-2011/bg-letter-eng.gif);
	color:#FFFFFF;
	height:123px;
	padding-top:100px;	
}

.letter-display-de { 
	background-image:url(http://www.servettefc.ch/images/kit2009/bg-letter-de.gif);
	color:#FFFFFF;
	height:123px;
	padding-top:100px;	
}
.bg-gris {
	background-color:#DDDDDD;
}

.bg-gris-fonce {
	background-color:#666666;
}

.bg-blanc {
	background-color:#FFFFFF;
}

.bg-pink {
	background-color:#813146;
}

.bg-grenat {
	background-color:#772138;
}

/* font */

h1 {
	font-size: 1.8em;
	color:#772138;
}


.font-color-grenat {
	color:#772138;
}

.font-color-gris {
	color:#666666;
}

.font-color-blanc {
	color:#ffffff;
}

.font-color-noir {
	color:#000000;
}

.font-color-pink {
	color:#c48d99;
}

.souligne {
	text-decoration:underline;
}

a {
	text-decoration:none;
	color: #772138;
}

a:hover {
	text-decoration: underline;
}

.font-small { 
	font-size:10px;
}

.font-medium { 
	font-size:16px;
}

.font-large { 
	font-size:30px;
	line-height:30px;
}

A.link_blanc {color: #FFFFFF; text-decoration: none;}
A.link_blanc:hover {color: #FFFFFF; text-decoration: underline;}

A.link_pink {color: #c48d99; text-decoration: none;}
A.link_pink:hover {color: #c48d99; text-decoration: underline;}

A.link_langue {color: #FFFFFF; text-decoration: none; background-color:#772138}
A.link_langue:hover {color: #FFFFFF; text-decoration: underline; background-color:#772138}

/* formulaires */
.button {
	background-image:url(http://www.servettefc.ch/fr/images/kit2009/off.gif);
	font-size:11px;
 	color: #555555;
 	width:95px;
	height:25px;
	padding-bottom:2px;
	padding-top:3px;
	padding-left:0px;
	padding-right:0px;
	font-weight:bold;
	border:0;
}

/* slideshow */

p#slide-nav a{
 color:#fff;
 text-decoration:none;
}

div#headerslide{
 margin:-1px 0 0;
}

 div#headerslide div.wrap{
  height:353px;
  background:none;
 }
 div#headerslide div#slide-holder{

  width:706px;
  height:353px;
  position:absolute;
 }
  div#headerslide div#slide-holder div#slide-runner{
	top:0px;
	left:0px;
	width:706px;
	height:353px;
	overflow:hidden;
	position:absolute;
  }
  div#headerslide div#slide-holder img{
   margin:0;
   display:none;
   position:absolute;
  }
  div#headerslide div#slide-holder div#slide-controls{
   left:0;
   bottom:0px;
   width:686px;
   margin:10px 0 10px 10px;
   height:126px;
   display:none;
   position:absolute;
   background:url(../images/slide-bg.png) 0 0;
  }
   div#headerslide div#slide-holder div#slide-controls p.text{
/*    /*float:left;*/
    color:#fff;
/*    display:inline;*/
    font-size:12px;
    line-height:16px;
    margin:15px 20px 0 20px;
   }
   
  p.titrenews {
  font-size:1.8em;
  margin:15px 0 0 20px;
  color:#772138;
  font-weight:bold;
  }
   
  #slide-desc {
  display: block;
  float:left;
  }
  
  #plus {
  display: block;
  float:left;
  }

   div#headerslide div#slide-holder div#slide-controls p#slide-nav{
    float:right;
    height:20px;
    display:inline;
    margin:11px 15px 0 0;
   }
    div#headerslide div#slide-holder div#slide-controls p#slide-nav a{
     float:left;
     width:16px;
     height:16px;
     display:inline;
     font-size:9px;
     margin:0 2px 0 0;
     line-height:16px;
     font-weight:bold;
     text-align:center;
     text-decoration:none;
     background-position:0 0;
     background-repeat:no-repeat;
    }
    div#headerslide div#slide-holder div#slide-controls p#slide-nav a.on{
     background-position:0 -16px;
    }
div#headerslide div#slide-holder div#slide-controls p#slide-nav a{background-image:url(../images/silde-nav.png);}
div#nav ul li a{background:url(../images/nav.png) no-repeat;}