html[lang=fr] {
hyphenate-dictionary:url(hyph_fr.dic) }

body{
margin: 0px;
padding: 0px;
font-family:verdana, sans-serif;
font-size:10px;
line-height: 15px;
background-color: #fff;
}

/*---------- RESET ---------- */
.none {
display: none;
}

ul, li {
list-style: none;
margin: 0px;
padding: 0px;
}

#page
{
	margin: 0px auto;
	width: 945px;
	background-color: #fff;
	padding: 0 15px;
}
H1, H2, H3, H4, H5, H6, H7{
margin-top: 3px;
margin-bottom: 15px;
}

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

a:hover {
color: #333;
}

/*---------- HEADER ---------- */

#bandeau{
width:945px;
}


/*----> VOIR HEADER.CSS <------*/

/*---------- CONTENU ---------- */
#content{
background-color : transparent;
position: relativex;
}

/*---------- COLONNE GAUCHE ---------- */
/*
#colonne-gauche{
float:left;
height:575px;
margin-right:15px;
width:224px;
}
*/

#colonne-gauche{
background:transparent none repeat scroll 0 0;
height:219px;
overflow:hidden;
width:465px;
z-index:1000;
margin-top:396px;
position:absolute;

}

#news{
width: 224px;
float: left;
}

#news h3
{
background-image:url(../interface/news.png);
background-position:1px -22px;
background-repeat:no-repeat;
color:transparent;
font-size:10px;
height:13px !important;
left:5px;
letter-spacing:0.3px;
margin:0;
padding:0;
position:relative;
top:7px;
}

#slideshow{
height:145px;
margin-top:5px;
overflow:hidden;
}

#news #newsticker a{
color:#99aaaa;
font-family:"Georgia",times New Roman;
font-size:17px;
line-height:18px;
font-weight:normal;
letter-spacing:0.3px;
margin:0;
padding:5px 20px 0 0;
}

#news #newsticker br/{
margin: 0; 
padding: 0; 
height: 0;
display: inline;
}

/*------- ENCART --------*/

#encart{
background:#F5F5F5 none repeat scroll 0 0;
border:1px solid #E9E9E9;
float:right;
height:217px;
overflow:hidden;
padding:0;
width:225px;
}


#encart a img{
border: none;
}

#encart a p
{
	display: block;
	font-family: verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	text-align: left;
	margin:5px 0 0;
}
/*---------- CONTENT ---------- */

#content{
position: relative;
margin-bottom: 15px;
height: 615px;
}

/*---------- FOCUS ---------- */
/*#focus{
float:right;
width:705px;
}*/

#focus{
position:relative;
width:945px;
height: 615px;
}

.focus{
background-color:#F5F5F5;
}

.rubrique{
height:34px;
width:100%;
background-color: #666;
}


#concordre-titre {
background-color: #F61C00;
}


#hors-titre {
background-color: #00D528;
}

#virtuel-titre {
background-color: #0099ff;
}

.rubrique#concordre-titre h2
{
	background-image: url(http://www.jeudepaume.org/2010/interface/concorde-16.png);
	background-repeat: no-repeat;
	background-position:4px -18px;
	background-repeat:no-repeat;
	height:18px;
	position: relative;
	top:5px;
	left:5px;
	
}

.rubrique#concordre-titre:hover h2
{
	background-image: url(http://www.jeudepaume.org/2010/interface/concorde-16.png);
	background-repeat: no-repeat;
	background-position: 5px 0px;
	background-attachment: scroll;
}


.rubrique#hors-titre h2
{
	height: 25px;
	background-image: url(http://www.jeudepaume.org/2010/interface/hors-16.png);
	background-repeat: no-repeat;
	background-position: 3px -18px;
	height:18px;
	position: relative;
	top:5px;
	left:5px;
}

.rubrique#hors-titre:hover h2
{
	background-image: url(http://www.jeudepaume.org/2010/interface/hors-16.png);
	background-repeat: no-repeat;
	background-position: 3px 0px;
	background-attachment: scroll;
}

.rubrique#virtuel-titre h2
{
	height: 25px;
	background-image: url(http://www.jeudepaume.org/2010/interface/virtuel-16.png);
	background-repeat: no-repeat;
	background-position: 3px -18px;
	height:18px;
	position: relative;
	top:5px;
	left:5px;
}

.rubrique#virtuel-titre:hover h2
{
	background-image: url(http://www.jeudepaume.org/2010/interface/virtuel-16.png);
	background-repeat: no-repeat;
	background-position: 3px 0px;
	background-attachment: scroll;
}


.rubrique h2{
color:transparent;
font-family:arial;
font-size:10px ;
font-weight:bold;
letter-spacing:0.3px;
margin:0px;
padding:0px ;
text-transform:uppercase;
height:25px;
}


#focus-concorde{
background-color:transparent;
float:left;
height:615px !important;
margin-right:15px;
position:relative;
width:465px;
}

#focus-hors,
#focus-virtuel
{
float:left;
height: 381px;
width:225px;
}

#focus-hors
{
margin:0 15px 15px 0;
}

.shadow-titre
{
	overflow: hidden;
	height: 9px;
	margin-top: 16px;
	position: absolute;
	width: 100%;
	background-image: url(../interface/shadow-bas.png);
	background-repeat: repeat-x;
	background-position: right bottom;
	background-attachment: scroll;
	z-index:3000;
}

#hors-titre .shadow-titre,
#virtuel-titre .shadow-titre{
width: 224px;
}

#cycle_hors{
height: 317px;
}

#right-side{
float: left; width: 465px;
}

#sub-focus{
float: left;
}


/*---------- LISTE ÉVÉNEMENTS ---------- */

.liste-event{
padding:0px;
position:relative;
background-color:transparent;
overflow: hidden;
padding:0px 0 9px;
background:transparent url(../interface/shadow-bas.png) repeat-x scroll right bottom;
top:16px;
color :#333;
margin-left: 0px;
width: 225px;
z-index: 1;
}

.liste-event a
{
	color: #333;
	display: block;
	background-color: transparent;
	background-image: url(../interface/arrows-left3.png);
	background-repeat: no-repeat;
	background-position: 100% -10px;
	padding-right: 10px;
}

.liste-event#event-concorde a{
color: #aa1300;
}


.liste-event#event-concorde a:hover{
color: #F61C00;
}

.liste-event#event-hors a{
color: #008619;
}


.liste-event#event-hors a:hover{
color: #00D528;
}



.liste-event a:hover{
color: #666;
background-position: 186px 3px;
}


.liste-event .titre{
font-family:verdana,arial,sans-serif;
font-size:10px;
font-weight:bold;
letter-spacing:0.3px;
text-transform: uppercase;
}

.liste-event .type,
.liste-event .date{
font-family: verdana,arial,sans-serif;
font-size: 10px;
letter-spacing: 0px;
color: #666;
line-height: 14px;
}

.liste-event .type{
text-transform: capitalize;
}
.liste-event .date{
text-transform: lowercase;
}


.liste-event ul
{
	background-color: transparent;
	padding: 15px;
	background-image: url(../interface/fond-event.png);
	background-repeat: repeat;
	background-position: 0px 0px;
	background-attachment: fixed;
	
		/*
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
border: 1px #bbb solid;
*/
}


.liste-event ul li:first-child {
padding:0px 0px 5px;
border-top: 0px !important;
}


.liste-event ul li{
border-top: 1px solid #999;
padding:5px 0px 5px;
}

#event-concorde, #event-hors{
z-index: 2000;
}


/*
#concordre-titre:hover #event-concorde{
display: block !important;
}

#concordre-titre #event-concorde ul{
background-color: #FF4227;
}

.liste-event#event-hors ul{
background-color: #00D528;
}


.liste-event#event-virtuel ul{
background-color: #0099ff;
}




#hors-titre:hover #event-hors{
display: block !important;

}

#virtuel-titre:hover #event-virtuel{
display: block !important;
}

.triangle-list
{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 10% 0px;
	width: 100%;
	height: 12px;
	background-image: url(../interface/triangle-blanc.png) ;
	position: absolute;
	margin-top: -11px;
}



#focus-concorde .triangle-list
{
	background-image: url(../interface/triangle-rouge.png);
}

#focus-hors .triangle-list
{
	background-image: url(../interface/triangle-vert.png);
}

#focus-virtuel .triangle-list
{
	background-image: url(../interface/triangle-bleu.png);
}
*/

/*---------- ARTICLE ---------- */
#focus .article {
}

#focus #focus-concorde .article {
padding: 0px;
}
#focus #focus-concorde .article .texte {
height:194px;
padding:10px 0 0;
}

#focus #focus-concorde .article .texte .chapeau{
color:#666666;
font-family:verdana,sans-serif;
font-size:11px;
letter-spacing:0.1px;
line-height:15px;
padding-right: 20px;
}
#focus #focus-concorde .article .texte .chapeau p{
margin: 3px 0 0;
}


#focus-concorde .article .image{
background-color: #F5F5F5;
width: 465px;
height: 348px;
position:relative;
overflow: hidden;
text-align: center;
}

#focus-concorde .article .image img{
margin-top:0px;
border: none;
}

#focus .article .image{
position:relative;
overflow: hidden;
}

.legende {
background:rgba(0, 0, 0, 0.3);
color:#F5F5F5;
padding:10px 70px 10px 10px;
position: absolute;
bottom: 0px;
opacity: 0;
}

.image .puceinfo {
border-color:rgba(250, 250, 250, 0.7);
border-width: 1px;
border-style: dotted;
bottom:10px;
color:rgba(250, 250, 250, 0.9);
font-family:"andale mono",monospace;
height:12px;
line-height:13px;
position:absolute;
right:10px;
text-align:center;
text-transform:lowercase;
width:12px;
cursor:help;
z-index: 3;}

.legende .intitule{
font-size: 1.1em;
font-weight: bold;
}

.legende .soustitre{
font-size: 1.1em !important;
font-weight: normal !important;
color:#F5F5F5 !important;
}

.legende .auteur, .legende .propriete{
font-size: 0.9em !important;
color:rgba(250, 250, 250, 0.7);
line-height: 12.5px;
}


/*--------- NAVIGATION -----------*/

#focus-concorde .navigation{
border-bottom:1px dotted #999999;
border-top:1px dotted #999999;
bottom:0 !important;
height:27px;
position:absolute;
width:100%;
}

#focus-hors .navigation,
#focus-virtuel .navigation
{
background:transparent none repeat scroll 0 0;
border-bottom:medium none;
border-top:1px dotted #aaa;
height:27px;
margin:0 10px;
position:relative;
width:203px;
}


#news .navigation{
border-bottom:1px dotted #999999;
border-top:1px dotted #999999;
bottom:0 !important;
height:27px;
position:absolute;
width:224px;}

#newsticker-prev
{
	color: transparent;
	display: block;
	height: 27px;
	width: 18px;
	background-image: url(../js/jquery/jcarousel/skins/modenature/prev-horizontal.png);
	background-repeat: no-repeat;
	background-position: -5px -4px;
	position: absolute;
	right: 19px;
}
#newsticker-next
{
	color: transparent;
	display: block;
	height: 27px;
	position: absolute;
	right: 0;
	top: 0;
	width: 18px;
	background-color: transparent;
	background-image: url(../js/jquery/jcarousel/skins/modenature/next-horizontal.png);
	background-repeat: no-repeat;
	background-position: -16px -4px;
}

#content .navigation ul{
width: 100%;
}

#content .navigation li{
float:left;
height:25px;
line-height:25px;
padding:0 0px 0 5px;
}


li.share {
padding-top: 5px;
}

#content .share
{
	background-color:transparent;
	padding-top: 5px;
/*
background-image:url(../interface/share.png);
background-position:100% 50%;
background-repeat:no-repeat;
padding-right:134px;
*/
float: left;
}

#content .lasuite
{
/*
background:transparent url(../interface/fleche.png) no-repeat scroll -7px -6px;
float:left;
height:13px;
line-height:11px;
padding-left:24px;
margin-top:0px;
position:relative;
top:100%;
*/

background:transparent none repeat scroll 0 0;
display:inline-block;
font-size:10px;
font-weight:bold;
height:15px;
line-height:13px;
margin-top:0;
padding:0 4px;
position:relative;
}


#content .lasuite a
{
	color: #666;
}

#content .lasuite a:hover
{
	color: #333;
	border-bottom: 1px dashed #666
}


/*--------- FIN NAVIGATION -----------*/
@font-face {
font-family:verbold;
src:url(../interface/verbold.ttf);
}

@font-face {
font-family:gotbold;
src:url(../interface/gotbol.ttf);
}

@font-face {
font-family:gotmed;
src:url(../interface/gotmed.ttf);
}

@font-face {
font-family:gotbook;
src:url(../interface/gotbook.ttf);
}

#focus-hors .article .image,
#focus-virtuel .article .image{
background-color: #ddd;
width: 225px;
height: 168px;
overflow: hidden;
text-align: center;
overflow: hidden;
}


#focus-hors .article .image img,
#focus-virtuel .article .image img{
height:168px;
margin-top:0px;
border: none;
}

#focus-hors .article .texte,
#focus-virtuel .article .texte{
padding: 10px;
height:129px;
}

.focus .article .titre h2 a,
.focus .article .titre h3 a{
color:#333333;}

.focus .article .titre h2 {
font-family:gotmed,verdana, arial,sans-serif;
font-size:23px;
font-weight:normal;
letter-spacing:-0.3px;
line-height:24px;
margin:3px 0 0;
}

.focus .article .titre h3{
font-family:gotmed, verdana, arial,sans-serif;
font-size:20px;
font-weight:normal;
letter-spacing:-0.5px;
line-height:20px;
margin:0;
}

.focus .article .soustitre{
color:#333333;
font-family:gotbook,verdana,arial,sans-serif;
font-size:13px;
font-weight:normal;
letter-spacing:0;
line-height:14px;
margin:4px 0 0;
text-transform:none;
}


.focus .article .date,
.focus .article .lieu{
color:#666666;
font-family:gotbook,verdana,arial,sans-serif;
font-size:10px;
letter-spacing:0.7px;
line-height:13px;
margin:6px 0 0 !important;
text-transform:uppercase;
}

#focus-concorde .date,
#focus-concorde .lieu{
font-family:verdana,arial,sans-serif;
font-size:10.5px;
letter-spacing:0.3px;
line-height:12px;
margin:2px 0 0;
}

/*---------- À L'AFFICHE ---------- */
#affiche{
background-color:transparent;
/*border-top:1px dotted #666666;
padding-top:15px;
*/
margin-top:15px;

width:100%;
}

#carrousel{
background-color:#F5F5F5;
width: 935px;
float: left;
padding: 10px 0 10px 10px;
}

#carrousel h3
{
background-color:transparent;
color:#666;
font-family:gotmed,arial black,sans-serif;
font-size:16px;
margin:0 0 8px;
right:0;
text-transform:lowercase;
width:220px;
/*
background-image: url(../interface/alaffiche.png);
	background-repeat: no-repeat;
	background-position: 0 0;
*/
}

#carrousel ul li{
background-color:#FFFFFF;
float:left;
height:120px;
margin:0px 15px 0px 0px;
width:220px;
}
#carrousel ul li:first-child{
margin-left: 0px;
}

#carrousel ul li .image{
background-color: #ccc;
width: 100%;
height: 120px;
overflow: hidden;
}


/*
#carrousel ul li .image img{
width: 240px;
margin-left: -10px;
height: 100%; 
}
*/

#carrousel ul li .texte{
	background-image: url(../interface/masque-affiche.png);
	background-repeat: repeat-x;
	background-position: 0 0;
color:#FFFFFF;
display:none;
font-family:verdana,sans-serif;
height:115px;
line-height:13px;
margin-top:-120px;
padding:5px 5px 0;
position:absolute !important;
text-transform:uppercase;
width:210px;
}

#carrousel ul li:hover .texte{
display: block !important;
}


#carrousel ul li .texte .titre a{
font-family: verdana,arial,sans-serif;
font-weight: bold;
font-size: 12px;
color: #000;
}

#carrousel ul li .texte .soustitre{
font-family: verdana,arial,sans-serif;
font-weight: normal;
font-size: 11px;
color: #000;	
line-height:12px;
}

#carrousel ul li .texte .date{
margin-top: 2px;
}

#carrousel ul li .texte .date,
#carrousel ul li .texte .lieu{
font-size: 9px;
}


#carrousel .jcarousel-prev{
background:transparent url(/2010/js/jquery/jcarousel/skins/modenature/prev-horizontal.png) no-repeat scroll 0 0px;
top:0px;
cursor:pointer;
height:25px;
right:23px;
position:absolute;
width:25px;
}
#carrousel .jcarousel-next{
background:transparent url(/2010/js/jquery/jcarousel/skins/modenature/next-horizontal.png) no-repeat scroll -9px 0px;
top:0px;
cursor:pointer;
height:25px;
right:6px;
position:absolute;
width:25px;
}






/*---------- FOOTER ---------- */
#footer{
background-color:transparent;
height:50px;
margin-top:15px;
padding:9px;
position:relative;
width:927px;
color: #666;
}

#footer p{
margin-top: 0px;
display: none !important;
}


.out {
position: absolute;
text-indent: -1000px;
visibility: hidden;
}