/*---------- HEADER ---------- */
#header{
background-color: transparent;
height: 110px;
}



#logo
{
height:44px;
left:-3px;
position:relative;
top:53px;
width:400px;
z-index: 1
}


#logo a {
display : block;
background-image:url(../interface/logo-400-couleur.png);
background-position:0 0;
background-repeat:no-repeat;
width:400px;
height: 53px;
outline: none;
}

#logo:hover {
background-position:0 0px;
}

#slogan-fr
{
background-color:transparent;
background-image:url(../interface/image-en-jeu-fr2.png);
background-position:0 0;
background-repeat:no-repeat;
height:53px;
left:369px;
position:relative;
top:0px;
width:260px;
z-index: 0;
}


#uk #slogan-uk
{
background-color:transparent;
background-image:url(../interface/image-en-jeu-uk2.png);
background-position:0 0;
background-repeat:no-repeat;
height:53px;
left:369px;
position:relative;
top:0px;
width:260px;
z-index: 0;
}


#mag{
font-family:verdana,helvetica,arial,sans-serif;
font-size:11px;
font-weight:normal;
height:18px;
position:absolute;
top:0;
width:930px;
}

#mag ul{
float: right;
padding-top:2px;
}


#mag ul li{
border-left:1px dotted #666666;
float:left;
height:18px;
line-height:18px;
margin-left:10px;
padding-left:10px;
letter-spacing:0.5px;
}

#mag ul li a{
color: #666;
}

#mag ul li a:hover{
color: #000;
}

#mag ul li#lemag a{
background:transparent url(../interface/lien-mag.gif) no-repeat scroll 0 1px;
display:block;
font-weight:bold;
height:18px;
width:258px;
}


#mag ul li:first-child{
border-left:0px;
margin-left:0px;
padding-left:0px;
letter-spacing:0.1px;
}

/*---------- ACCES RAPIDE ---------- */
#bandeau{
background-color:transparent;
border-top:1px dotted #666;
border-bottom:1px dotted #666;
font-size:9px;
height:25px;
letter-spacing:0.5px;
margin-left:0;
position:relative;
top:0px;
width:930px;
margin-bottom: 30px
}


ul#easy-access{
margin:0 0 0 75px;
padding:0;
width:870px;
}


ul#easy-access li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0px 5px 0px;
margin:4px 0 5px ;
height: 15px;
line-height: 15px;
border-left: 1px dotted #666;}

ul#easy-access li#librairie
{
background-color:transparent;
background-image:url(../interface/puce-lib.png);
background-position:100% 2px;
background-repeat:no-repeat;
margin-right:5px;
padding-right:6px;
}
ul#easy-access li#librairie a:hover,
ul#easy-access li#librairie:hover
{
color: #000;
}

ul#easy-access #social li {

}


ul#easy-access #social ul li:first-child {
border-left: none;}


/*
ul#easy-access li:hover {
background-color:#666 !important;}
*/

ul#easy-access li a {color: #666;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
}

ul#easy-access li:hover a {color: #F61C00;}



/*---------- MENU ---------- */

#new-menu{
float: left;
}


#new-menu
{
	width: 65px;
	height: 15px;
/*
	color: #333;
	line-height: 15px;
	padding-left: 0px;
	background-color: transparent;
	background-image: url(../interface/menu.png);
	background-repeat: no-repeat;
	background-position:2px -2px;
*/
}

/*---------- FIN MENU ---------- */


li.current:hover #menucontent{
display:block !important;
}
/*
ul#easy-access #qui
{
	background-image: url(../interface/qui.png);
	background-repeat: no-repeat;
	background-position:2px -7px;
	width:121px;
}

ul#easy-access #qui:hover
{
	background-position:2px -35px;
}



ul#easy-access #infos-pratiques
{
	background-image: url(../interface/infos-pratiques.png);
	background-repeat: no-repeat;
	background-position:2px -7px;
	width:98px;
}

ul#easy-access #infos-pratiques:hover
{
	background-position:2px -35px;
}


ul#easy-access #newsletter
{
	background-image: url(../interface/newsletter.png);
	background-repeat: no-repeat;
	background-position:2px -7px;
	width:71px;
}

ul#easy-access #newsletter:hover
{
	background-position:2px -35px;
}


ul#easy-access #langue
{
	background-image: url(../interface/langue.png);
	background-repeat: no-repeat;
	background-position:2px -7px;
	width:71px;
}

ul#easy-access #langue:hover
{
	background-position:2px -35px;
}
*/


/*------- SOCIAL --------*/
ul#easy-access #social{
border:medium none;
float:right !important;
height:25px;
margin:0;
padding:0;
width:362px;
}

ul#easy-access #social
{
	float: right;
	padding: 0 0 0 30px;
	background-color: transparent;
	background-image: url(../interface/fleche.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}


ul#easy-access li#facebook,
ul#easy-access li#twitter,
ul#easy-access li#daily-motion,
ul#easy-access li#flickr,
ul#easy-access li#youtube{
height: 16px;
line-height: 15px;
padding: 0px 4px;
font-weight: bold;
}




ul#easy-access li#twitter a
{
background-image:url(../interface/share2.png);
background-position:0px -16px;
background-repeat:no-repeat;
color:transparent;
display:block;
height:16px;
padding-right:0;
width:16px;
}

ul#easy-access li#facebook a
{
background-image:url(../interface/share2.png);
background-position:0px 0px;
background-repeat:no-repeat;
color:transparent;
display:block;
height:16px;
padding-right:0;
width:16px;
}


ul#easy-access li#daily-motion a
{
background-image:url(../interface/share2.png);
background-position:0px -33px;
background-repeat:no-repeat;
color:transparent;
display:block;
height:16px;
padding-right:0;
width:16px;
}

ul#easy-access li#flickr a
{
background-image:url(../interface/share2.png);
background-position:0px -49px;
background-repeat:no-repeat;
color:transparent;
display:block;
height:16px;
padding-right:0;
width:16px;
}

ul#easy-access li#youtube a
{
background-image:url(../interface/share2.png);
background-position:0px -65px;
background-repeat:no-repeat;
color:transparent;
display:block;
height:16px;
padding-right:0;
width:16px;
}


ul#easy-access li#twitter a:hover{
background-position: -21px -16px;
}

ul#easy-access li#facebook a:hover{
background-position: -21px 0px;
}


ul#easy-access li#daily-motion a:hover{
background-position: -21px -33px;
}

ul#easy-access li#flickr a:hover{
background-position: -21px -49px;
}

ul#easy-access li#youtube a:hover{
background-position: -21px -65px;
}

/*
ul#easy-access li#facebook a:hover,
ul#easy-access li#twitter a:hover,
ul#easy-access li#daily-motion a:hover{
background-position: -15px -16px;
}
*/

#social .tag
{
	height: 14px;
	width: auto;
	position: absolute;
	margin-top: -40px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	color: transparent;
}

#social #facebook .tag{
background-image: url(../interface/tag-fb2.png);
margin-left:-14px;
width: 42px;
}

#social #twitter .tag{
background-image: url(../interface/tag-tweet2.png);
margin-left:-11px;
width: 38px;
}

#social #daily-motion .tag{
background-image: url(../interface/tag-dm2.png);
margin-left:-19px;
width: 61px;
}

#social #flickr .tag{
background-image: url(../interface/tag-flickr.png);
margin-left:-5px;
width:26px;
}

#social #youtube .tag{
background-image: url(../interface/tag-yt2.png);
margin-left:-11px;
width:38px;
}




ul#easy-access #recherche form
{
margin-top:0px;
width:154px;
text-align:left;
}

ul#easy-access #recherche input
{
background-color:#eee;
/*
background-image:url(http://www.jeudepaume.org/2010/interface/shadow-in.png);
background-position:0 0;
background-repeat:no-repeat;
*/
border:0 solid #CCCCCC;
color:#999999;
font-size:10px;
font-style:italic;
height:11px;
padding:7px 0 7px 5px;
-moz-padding-top:5px;
width:120px;
float: left;
}

ul#easy-access #recherche input:focus {
color:#333;
/*background-image: url(http://www.jeudepaume.org/2010/interface/shadow-in.png);*/
background-repeat: no-repeat;
background-position: 0px 0px;
font-style:normal;
}

ul#easy-access #recherche #bouton-recherche{
background:#666666 none repeat scroll 0 0;
background-image: url(http://www.jeudepaume.org/2010/interface/loupe.png);
background-repeat: no-repeat;
background-position: 5px 3px;
border:medium none;
color:#EEEEEE;
float:right;
font-size:10px;
height:25px;
line-height:25px;
text-align:center;
width:29px;
padding: 0px;
}

ul#easy-access #recherche #bouton-recherche:hover{
background-color:#555555;
}




ul#easy-access #recherche #bouton-recherche:focus{
background-color:#333;
}



ul#easy-access li#recherche {
background: transparent;
padding: 0px 0 0 5px;
border:none;
float: right;
height:25px;
margin:0;
}

ul#easy-access li#recherche:hover {
padding: 0px 0 0 5px;}