@import url("reset.css");

body {
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#body{
background:#f2f2f2 url(/images/bgBody.jpg) top repeat-x;	
}

a:link {
font-size:12px;
color:#77787b;
}
a:visited {
font-size:12px;
color:#77787b;
}
a:hover {
font-size:12px;
color:#77787b;
text-decoration:none;
}
a:active {
font-size:12px;
color:#77787b;
}

h1 {
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-weight:bold;
font-size:14px;
color:#fff;
text-transform:uppercase;
position:absolute;
top:9px;
right:60px;
}

h2 {
font-size:19px;
font-family:Verdana, Geneva, sans-serif;
color:#e81b24;
font-weight:bold;
margin-bottom:15px;
}

h3 {
font-size:16px;
font-family:Verdana, Geneva, sans-serif;
color:#444;
font-weight:bold;
margin-bottom:20px;
margin-top:20px;
padding-bottom:4px;
border-bottom:1px solid #444;
}

h4 {
font-size:16px;
font-family:Verdana, Geneva, sans-serif;
color:#e81b24;
font-weight:bold;
margin-bottom:20px;
margin-top:20px;
padding-bottom:4px;
border-bottom:1px solid #e81b24;
}

h5 {
font-size:14px;
font-family:Verdana, Geneva, sans-serif;
color:#444;
font-weight:bold;
margin-bottom:15px;
margin-top:20px;
}

h6 {
font-size:14px;
font-family:Verdana, Geneva, sans-serif;
color:#e81b24;
font-weight:bold;
margin-bottom:15px;
margin-top:20px;
}

p {
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#77787b;
padding-bottom:15px;
	
}

.table{
	
}

.table td{
border:1px solid #ddd;
padding:3px;
font-size:11px;
color:#444;
}
.table td.alte{
background:#f3f3f3;
}
.table td span{
color:#222;	
font-weight:bold;
}

.table th{
border:1px solid #ddd;
padding:4px;
font-size:11px;
background:#444;
color:#fff;
font-weight:bold;
}

ol {margin-bottom:7px;margin-left:35px;list-style:decimal;}
ul {margin-bottom:7px;margin-left:30px;list-style:disc;}
li {padding-bottom:8px;color:#626366;font-size:12px;}

#page {
width: 976px;
margin: 0 auto;
background:url(/images/bgPage.jpg);
}

/* Header
--------------------------------------------------------------------------------------- */

#header {
width:976px;
background:url(/images/bgHeader.jpg);
height:297px;
position:relative;
}

#menu{
position:absolute;
left:21px;
top:194px;
}

#menu a{
display:block;
float:left;	
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
text-transform:uppercase;
color:#fff;
text-decoration:none;
height:29px;
padding:0 23px 0 19px;
padding-top:10px;
background:url(/images/menuSep.jpg) right top no-repeat;
}

#menu a:hover{
color:#df1b23;	
background:#141414 url(/images/menuSep.jpg) right top no-repeat;
}

#menu a.selected{
color:#df1b23;	
background:#141414 url(/images/menuSep.jpg) right top no-repeat;
}



#menu a.last{
padding:0 11px 0 11px;	
padding-top:10px;
background:none;
}

#menu a:hover.last{
background:#141414;
}


#pistes{
position:absolute;
top:233px;
left:17px;
}

#pistes img{
float:left;	
}

#p_tr{
display:block;
float:left;
width:164px;
height:23px;
background:url(/images/p_tr.jpg);
text-align:right;
padding-top:37px;
padding-right:5px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#ee1c25;
font-weight:bold;
text-decoration:none;
}
#p_tr:hover{
background:url(/images/p_tr_hov.jpg);
color:#fff;
}


#p_pdl{
display:block;
float:left;
width:172px;
height:23px;
text-align:right;
padding-top:37px;
padding-right:6px;
background:url(/images/p_pdl.jpg);
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#ee1c25;
font-weight:bold;
text-decoration:none;
}
#p_pdl:hover{
background:url(/images/p_pdl_hov.jpg);
color:#fff;
}


#p_gm{
display:block;
float:left;
width:141px;
height:23px;
text-align:right;
padding-top:37px;
padding-right:6px;
background:url(/images/p_gm.jpg);
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#ee1c25;
font-weight:bold;
text-decoration:none;
margin-left:-8px;
}
#p_gm:hover{
background:url(/images/p_gm_hov.jpg);
color:#fff;
}


#p_tm{
display:block;
float:left;
width:124px;
height:23px;
text-align:right;
padding-top:37px;
padding-right:13px;
background:url(/images/p_tm.jpg);
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#ee1c25;
font-weight:bold;
text-decoration:none;
}
#p_tm:hover{
background:url(/images/p_tm_hov.jpg);
color:#fff;
}


#p_cr{
display:block;
float:left;
width:147px;
height:23px;
text-align:right;
padding-top:37px;
padding-right:22px;
background:url(/images/p_cr.jpg);
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#ee1c25;
font-weight:bold;
text-decoration:none;
}
#p_cr:hover{
background:url(/images/p_cr_hov.jpg);
color:#fff;
}

/* Content
--------------------------------------------------------------------------------------- */

#content {
width:976px;
background:url(/images/bgContent.jpg) no-repeat;
padding-top:10px;
float:right;
}

#tvyoutube{
min-height:200px;
height:auto !important;
height:200px;	
}


/* Content RIGHT
--------------------------------------------------------------------------------------- */

#contentRight{
width:230px;	
padding-right:21px;
float:right;
}

.teas{
width:230px;
background:url(/images/teas.jpg);
}

.teasTop{
width:230px;
background:url(/images/teasTop.jpg) top no-repeat;
}

.teasBottom{
width:230px;
background:url(/images/teasBottom.jpg) bottom no-repeat;
padding-bottom:20px;
}

#teas_prochainEvenement{
width:230px;
height:174px;
font-family:Verdana, Geneva, sans-serif;
background:url(/images/teas_bg_prochainEvenement.jpg);
position:relative;
}

#teas_prochainEvenement p.time{
font-size:16px;
color:#fff;
position:absolute;
top:53px;
left:62px;
}

#teas_prochainEvenement h2{
font-size:13px;
font-weight:bold;
width:190px;
text-align:center;
position:absolute;
top:90px;
left:20px;
color:#fff;
}

#teas_prochainEvenement .voirEvenements{
font-size:10px;
color:#fff;
text-align:center;
position:absolute;
top:132px;
width:235px;
}

#teas_prochainEvenement .voirEvenements a{
color:#fff;
}

#teas_prochainEvenement .voirEvenements a:hover{
text-decoration:none;
}

.teasBottom h2{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-weight:bold;
padding-bottom:8px;
color:#888;
border-bottom:1px solid #bfbfbf;
width:192px;
margin-left:17px;
margin-top:10px;
margin-bottom:7px;
}

.teasBottom ul{
margin-left:19px;
width:192px;
padding-bottom:8px;
border-bottom:1px solid #bfbfbf;
margin-bottom:7px;
}

.teasBottom ul li{
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color:#000000;
padding-bottom:4px;
list-style:none;
}

.teasBottom ul li span{
color:#eb1c25;
}

.teasBottom p{
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color:#ee1c25;
text-align:center;
}

.teasBottom p a{
color:#ee1c25;
}

.teasBottom p a:hover{
text-decoration:none;
}

.teasBottom b{
font-weight:normal;
color:#77787b;
}



/* Content MIDDLE
--------------------------------------------------------------------------------------- */

#contentMiddle{
width:474px;
float:right;
position:relative;
}


/* NEWS
----------------------------------------- */


#news{
width:474px;
background:url(/images/news.jpg);
}

#newsTop{
width:434px;
background:url(/images/news_top.jpg) top no-repeat;
padding:60px 20px 10px 20px;
}

#newsBottom{
width:474px;
background:url(/images/news_bottom.jpg) bottom no-repeat;
}

.news{
padding-bottom:15px;
background:url(/images/bgFade.jpg) bottom repeat-x;
float:left;
margin-bottom:20px;
cursor:pointer;
}

.newsPic{
width:100px;	
float:left;	
}

.newsPic img{
border:1px solid #000;	
}

.newsText{
width:334px;	
padding-top:3px;
float:left;	
}

.newsText h2{
margin:0px;
padding:0px;
border:0px;
}

.newsText h2 a{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#ee1c25;
margin-bottom:2px;
text-decoration:none;
}

.newsText p a{
color:#000;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
text-decoration:none;
}

.newsText p a span{
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
font-weight:bold;
color:#ee1c25;
text-decoration:none;
}

.news:hover h2 a{
color:#000;	
}
.news:hover p a{
color:#444;	
}
.news:hover p a span{
color:#222;	
}
.news:hover img{
border:1px solid #ee1c25;
}

.news:hover{
background:none;
border-bottom:1px solid #bfbfbf;
margin-bottom:19px;
}

.allNews{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
color:#595959;
text-transform:uppercase;
font-weight:bold;
text-align:center;
position:relative;
top:-10px;
}
.allNews a{
text-decoration:none;
color:#595959;
}
.allNews a:hover{
color:#e81b24;
}



/* VIDEO
----------------------------------------- */


#video{
width:474px;
background:url(/images/video.jpg);
}

#videoTop{
width:434px;
background:url(/images/videoTop.jpg) top no-repeat;
padding:68px 20px 36px 20px;
}

#videoBottom{
width:474px;
background:url(/images/videoBottom.jpg) bottom no-repeat;
}

.vid{
padding-bottom:15px;
background:url(/images/bgFade.jpg) bottom repeat-x;
float:left;
margin-bottom:20px;
cursor:pointer;
}

.vidPic{
width:130px;
float:left;
}

.vidPic img{
border:1px solid #000;
}

.vidText{
width:304px;
float:left;
}

.vidText h2{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-weight:bold;
color:#e81b24;	
text-decoration:none;
margin-bottom:8px;	
}

.vidText h2 small{
color:#999;
display:block;
float:right;
padding-top:2px;
font-weight:normal;
}

.vidText h2 a{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-weight:bold;
color:#e81b24;	
text-decoration:none;

}

.vidText p a{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#77787b;
text-decoration:none;
}

.vid:hover h2 a{
color:#000;	
}
.vid:hover p a{
color:#444;	
}
.vid:hover p a span{
color:#222;	
}
.vid:hover img{
border:1px solid #ee1c25;
}

.vid:hover{
background:none;
border-bottom:1px solid #bfbfbf;
margin-bottom:19px;
}

.plusVid{
text-align:right;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin-right:6px;
}
.plusVid a{
color:#e81b24;
text-decoration:none;
}
.plusVid a:hover{
color:#595959;
text-decoration:none;
}


/* c
----------------------------------------- */

#cInner{
width:474px;
background:url(/images/cInner.jpg);	
}

#cTop{
width:434px;
background:url(/images/cTop.jpg) top no-repeat;
padding:20px;	
}

#cBottom{
width:474px;
background:url(/images/cBottom.jpg) bottom no-repeat;
min-height:980px;
height:auto !important;
height:980px;
padding-bottom:20px;
}


#devenirMembre{



}

#devenirMembre fieldset{
border:1px solid #ddd;
padding:10px;
margin:20px 0;
margin-top:5px;
padding-top:15px;

}

#devenirMembre legend{
color:#ee1c25;	
font-size:14px;
font-weight:bold;
}

#devenirMembre label{
color:#222;	
font-size:12px;
display:block;
float:left;
width:155px;
}

#devenirMembre div{
clear:left;
padding:5px;
}

#devenirMembre div.alte{
background:#f9f9f9;
}

#devenirMembre input, #devenirMembre select{
border:1px solid #ddd;
padding:3px;
}
	#devenirMembre input.simple{
		border:0;
		padding:0;
	}

#liensUtiles div{
padding-bottom:10px;

}

#liensUtiles h2{
margin-top:0px;
padding-top:0px;
}

#liensUtiles img{
padding:5px;
border:1px solid #ddd;
margin-bottom:15px;
background:#fff;
}

#liensUtiles .alt{
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}


#photos img{
	padding:1px;
	border:1px solid #ddd;
float:left;margin:0 4px 4px 0;
}


.nouvelle{
	overflow:hidden;
	width:430px;
}



/* PARTENAIRES
----------------------------------------- */


#partenaires{
width:934px;
background:url(/images/partenaires_center.jpg);
margin:0 auto;


}

#partenaireBottom{
background:url(/images/partenaires_bottom.jpg) bottom no-repeat;
padding:30px;
padding-top:40px;
width:874px;
text-align:center;
}
#partenaireTop{
background:url(/images/partenaires_top.jpg) top no-repeat;
width:934px;
}



#partenaires img{

}



/* Content LEFT
--------------------------------------------------------------------------------------- */

#contentLeft{
width:230px;	
padding-left:21px;
float:right;
}

/* Calendrier
----------------------------------------- */


#cal{
	width:230px;
background:url(/images/cal.jpg);
}

#calTop{
	width:230px;
background:url(/images/calTop.jpg) top no-repeat;
padding-bottom:10px;
}

#calBottom{
	width:230px;
background:url(/images/calBottom.jpg) bottom no-repeat;
}


#calendrier{
width:212px;
text-align:center;
margin-left:11px;
}


#calendrier .titre {
font-family:Tahoma,Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#fffad9;
text-align:left;
text-transform:uppercase;
margin-left:7px;
}

#calendrier .mois {
font-family:Verdana, Geneva, sans-serif;
color:#000;
font-size:12px;
padding:5px 0px;
text-align:center;
padding-top:40px;
margin-bottom:0px;
padding-bottom:4px;
}

#calendrier .mois a {
text-decoration:underline;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-weight:bold;
color:#ee1c25;

}

#calendrier .mois span {
	line-height: 1.6em;
	vertical-align: top;
}

#calendrier table {

	float:right;
	width: 197px;
	clear: both;
}
#calendrier th, #calendrier td {
	text-align: center;
}

#calendrier th {
margin-bottom:15px;
}

#calendrier th {
font-family:Verdana, Geneva, sans-serif;
color:#ee1c25;
font-size:10px;
font-weight:bold;
margin-bottom:4px;
padding-bottom:4px;
}


	#calendrier td {
		font-family:Century Gothic,arial,verdana;
		color:#413003;
		font-size:11px;
		background:#f1ebc7;
		width:21px;
		height:11px;
		background: url(/images/td.jpg) top center no-repeat;
		padding:0 4px 4px 4px;
	}
	
#calendrier td.vide {
	background: url(/images/tdvide.jpg) top center no-repeat;
}

#calendrier td.curdate {
	
	font-weight: bold;
	color:#000;
	
}

#calendrier td a {
	width:21px;
	font-size:11px;
	font-weight:bold;
	height:16px;
	background: url(/images/tdevent.jpg) top center no-repeat;
	color: #ee1c25;
	display: block;
	text-decoration:none;
}

#calendrier .evenements {
	width: 198px;
	height: 20px;
	color:#dd5605;
	background:#e2c165;
	text-align: right;
	padding: 8px 0 0 0;
	margin: 0;
}

#calendar{
	margin: 0px 8px 6px 0px;
	}


#calendrier a.allnews{
	color: #dd5605;
	font-family:tahoma;
	font-size:12px;
	text-decoration:underline;
	display: block;
	text-align: right;
	background: url(/images/bg-all-news.gif) right no-repeat;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 16px;
	clear: both;
	}
#calendrier a:hover.allnews{
	text-decoration: none;
	}


#voirToutActivite{
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color:#ee1c25;
text-align:right;
margin-right:10px;
}
#voirToutActivite a{
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color:#ee1c25;
text-decoration:underline;
}



#teas_album{
width:230px;
height:225px;
background:url(/images/teas_bg_album.jpg);
}

#teas_album img{
margin:60px 0 0 40px;	
}


/* TOOLTIP
--------------------------------------------------------------------------------------- */

#WzTtDiV{
	border:1px solid #474747;
	border-bottom:2px solid #eb303b;
	border-right:2px solid #eb303b;
	background:#FFF url(/images/bgTooltip.jpg) center top repeat-x;
}

#TipCls1{
	color:#474747;
}


/* Le Footer
--------------------------------------------------------------------------------------- */

#footer {
background:url(/images/bgFooter.jpg) top no-repeat;
clear: both;
width:976px;
padding:12px 0 ;
margin:0 auto;
}

#footer p{
text-align:center;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#797979;
padding-bottom:5px;
}

#footer p a{
color:#797979;
text-decoration:none;
}

#footer p a:hover{
color:#515151;
text-decoration:underline;
}

#footer p.smaller{
font-size:10px;	
}

/* Classes diverses
------------------------------------- */

.clear {clear: both;}
.flt-right {float: right;}
.flt-left {float: left;}
.txt-right {text-align: right;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}

.img {
	padding:3px;
	border:1px solid #ddd;
}

.img-left {
	float: left; 
	margin: 0 10px 4px 0; 
	padding:3px;
	border:1px solid #ddd;
}
.img-right {
	float: right; 
	margin: 0 0 4px 10px;
	padding:3px;
	border:1px solid #ddd;
}
.noborder {border: none;}
.alt {background: #f4f4f4;padding:14px 14px;width:434px;position:relative;left:-14px;}

#transpondeur_1, #transpondeur_0 {float:left;}