
/*------------------------------------------------------*
	  *-----------------------------------     SITE     ----*
  *------------------------------------------------------*/

/*----------------------*
  *--------------------  PRINCIPAL ----*
  *--------------------*/
  
body {
	padding: 0px;
	border:0;
	margin: 0;
	background-color: #FFFFFF;
	}

#global{
	width: 980px;
	margin-left:auto;
	margin-right:auto;
	background-repeat: repeat-y;
	background-position: top left;

}


#menu{
	float:left;
	width: 151px;
	padding-left: 28px;
	}


#pied{
	clear:both;
	width: 980px;
	height: 13px;
	/* hack IE MAC \*/
	background-image: url(../images/deco/pied.gif);
	background-repeat: no-repeat;
	/* fin hack IE MAC */
	}
	
/*----------------------*
  *--------------------  SOUS MENU ----*
  *--------------------*/

a.sous_menu
{
	display:block;
	width: 99px;
	text-decoration:none;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: arial;
	text-align:right;
}

a.sous_menu:hover
{
	color:#FFFFFF;
}


a.over
{
	color: #FFFFFF;
	display:block;
	width: 99px;
	text-decoration:none;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: arial;
	text-align:right;
}
  
img.trait
{
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
}

img.pdf
{
	display: block;
	padding-top: 6px;
	padding-bottom: 2px;
}

.doc-joint {
	font-size: 10px;
	color: #FFFFFF;
	display: block;

	padding-bottom: 6px;
	padding:0;
	margin:0;
	font-family: arial;
}

/*----------------------*
  *--------------------  DIV SITE----*
  *--------------------*/
  
#contenu{
	float:left;
	width: 787px;
	min-height: 570px;
	}
	
#sous_menu{
	float:left;
	width: 99px;
	padding-left: 26px;
	padding-right: 7px;
	padding-top: 259px;
	padding-bottom: 50px;

	}
	

#general{
	float:left;
	width: 562px;
	padding-right: 13px;
	padding-bottom: 13px;
	}

#image{
	float:left;
	width: 638px;
	height: 248px;
	overflow:hidden;
	}


.titre{
	float:left;
	width: 612px;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 13px;
	min-height:44px;
	color:#FFF;
	text-transform:uppercase;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:22px;
	}
	

.cartouche{
	float:left;
	width: 612px;
	padding-top: 25px;
	padding-bottom: 13px;
	padding-left: 13px;
	padding-right: 13px;
	background-color: #FFFFFF;
	color:#000000;
	font-family: arial;
	font-size: 12px;

	text-align:justify;	
	}
	

/*----------------------*
  *--------------------  TEXTE SITE----*
  *--------------------*/

h1.site
{
	color:#FFFFFF;
	font-family: arial;
	font-size: 18px;
	font-weight:bold;
	margin: 0;
	text-transform: uppercase;
}


a.jeune
{
	color:#CC0063;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
	text-transform: uppercase;
}

a.jeune:hover
{
	color:#11B8FF;
}

a.detail_jeune
{	
	color:#000000;
	display:block;
	width: 244px;
	text-decoration:none;
	padding-left:0px;
	padding-right:0px;
	padding-bottom: 13px;
	padding-top: 7px;
}

a.detail_jeune:hover
{
	color: #CC0063;
}

a.detail_rdv
{	
	color:#000000;
	display:block;
	width: 244px;
	text-decoration:none;
	padding-left:0px;
	padding-right:0px;
	padding-bottom: 13px;
	padding-top: 7px;
}

a.detail_rdv:hover
{
	color: #F8BC0E;
}

/*------------------------------------------------------*
  *-----------------------------------     HOME     ----*
  *------------------------------------------------------*/

/*----------------------*
  *--------------------  DIV HOME----*
  *--------------------*/

#contenu_home{
	float:left;
	padding-left: 17px;
	padding-right: 30px;
	width: 754px;
	min-height: 570px;

	}

#visuel{
	float:left;
	width: 753px;
	height: 292px;
	overflow:hidden;
	}

#news{
	float:left;
	width: 318px;
	padding-top: 25px;
	padding-bottom: 15px;
	padding-left: 22px;
	padding-right: 22px;
	}

#alertes{
	float:left;
	width: 355px;

	}

.alert_tab{
	float:left;
	width: 365px;
	margin-bottom: 25px;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 13px;
	padding-right: 13px;
	background-color: #FFFFFF;
	overflow-x: hidden;
	color:#321A00;
	font-family: arial;
	font-size: 12px;
	text-align:justify;	
	}
	
/*----------------------*
  *--------------------  TEXTE HOME----*
  *--------------------*/

h1.home
{
	font-family: arial;
	font-size: 15px;
	font-weight:bold;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}


h2.home
{
	font-family: arial;
	font-size: 11px;
	font-weight: lighter;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}


h3.home
{
	font-family: arial;
	font-size: 10px;
	font-weight: lighter;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	font-style: italic;
}


h1.home_small
{
	font-family: arial;
	font-size: 12px;
	font-weight: lighter;
	padding: 0;
	margin: 0;
}


h2.home_small
{
	font-family: arial;
	font-size: 11px;
	font-weight: lighter;
	padding: 0;
	margin: 0;
}


h3.home_small
{
	font-family: arial;
	font-size: 10px;
	font-weight: lighter;
	padding: 0;
	margin: 0;
	font-style: italic;
}


h2.warning
{
	color:#321A00;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}	


a.home
{
	color:#FFFFFF;
	display:block;
	width: 251px;
	text-decoration:none;
}

a.home:hover
{
	color: #F8CC53;
}


/*------------------------------------------------------*
	  *-----------------------------------    SAISON    ----*
  *------------------------------------------------------*/

/*----------------------*
  *--------------------  DIV SAISON----*
  *--------------------*/

#cat_general{
	float:left;
	width: 638px;
	background-color: #992938;
	color:#FFFFFF;
	padding-right: 17px;
	}

#cat_calendrier{
	float:left;
	width: 638px;
	color:#FFFFFF;
	}
	
.cat{
	clear:both;
	width: 612px;
	background-color: #FFFFFF;
	padding: 13px;
	color:#000000;
	font-family: arial;
	font-size: 11px;
	text-align:justify;
	}


.liste_article{
	display:block;
	float: left;
	width: 580px;
	padding:9px;
	}


.liste_articlebis{
	display:block;
	float: left;
	width: 241px;
	padding:9px;
	}


.image_detail_saison
{
	float:left;
	height:102px;
	width: 102px;
	overflow: hidden;

}

.zone_download
{
	float:left;
	width: 110px;
	padding-top: 34px;
}


.gauche{
	display:block;
	float: left;
	clear:both;
	width: 250px;
	min-height: 106px;
	background-color: #9999FF;
	}

.droite{
	display:block;
	float: left;
	width: 250px;
	padding-left: 36px;
	min-height: 106px;
	background-color: #FFCC33;
	}
	

/*----------------------*
  *--------------------  TEXTE SAISON----*
  *--------------------*/

h1.detail_saison
{
	font-family: arial;
	font-size: 14px;
	font-weight:bold;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	text-align:left;
}


h2.detail_saison
{
	font-family: arial;
	font-size: 11px;
	font-weight: lighter;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	text-align:left;
}


h3.detail_saison
{
	font-family: arial;
	font-size: 10px;
	font-weight: lighter;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	font-style: italic;
	text-align:left;
}


h2.comment_saison
{
	font-family: arial;
	font-size: 10px;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	text-align:left;
	color: #FFB0B0;
}

a.detail_saison
{	
	float:left;
	color:#000000;
	display:block;
	width: 320px;
	text-decoration:none;
	padding-left:35px;
	padding-right:13px;
	padding-bottom: 13px;
	padding-top: 15px;

}

a.detail_saison:hover
{
	color: #80215C;
}


a.retour
{
	text-decoration:none;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: arial;
	color: #FFB0B0;
}

a.retour:hover
{
	color:#FFFFFF;
}

a.retour2
{

	text-decoration:none;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: arial;
	color: #FFB0B0;
	float:right;
}

a.retour2:hover
{
	color:#FFFFFF;
}

a.retour3
{

	text-decoration:none;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: arial;
	color: #000000;
	float:right;
}

a.retour3:hover
{
	color:#FF8600;
}

img.puce_retour
{
	border: 0px;
	float: right;
}

img.image_bio
{
	border-color: #992938;
	margin-right: 10px;
}

img.pro
{
	border: 0px;
	border-color: #992938;
	margin-right: 10px;
}

/*------------------------------------------------------*
	  *-----------------------------------    SAISON FICHE   ----*
  *------------------------------------------------------*/

/*----------------------*
  *--------------------  DIV SAISON FICHE ----*
  *--------------------*/

#general_saison{
	float:left;
	width: 612px;
	padding-right: 13px;
	}

#infos{
	float:left;
	width: 655px;
	background-color: #992938;
	}
	
#details{
	float:left;
	width: 408px;
	padding-top: 13px;
	padding-left: 13px;
	padding-bottom: 13px;
	color:#FFFFFF;
	font-family: arial;
	font-size: 12px;
	text-align:justify;
	line-height:17px;
	}

.partenaires{
	font-size: 10px;
	line-height: 13px;
	}

#bloc_general{
	float:left;
	width: 197px;
	padding-left: 21px;
	min-height: 226px;

	}
	
.blocs{
	clear:both;
	width: 170px;
	padding-left: 13px;
	padding-right: 13px;
	padding-top: 7px;
	padding-bottom: 7px;

	margin-bottom: 13px;
	background-color: #FFFFFF;
	
	color:#000000;
	font-family: arial;
	font-size: 11px;
	text-align:justify;	
	}
	
div.image_detail_saison img, div.alert_tab img{ behavior: url(win_png.htc); }
	
#cadre_blog{
	clear:both;
	color:#FFFFFF;
	width: 532px;
	margin-left: 13px;
	margin-top: 13px;
	margin-bottom: 13px;
	}
	
.blog{
	float:left;
	width: 506px;
	background-color: #FFFFFF;
	margin-bottom: 13px;
	padding-left: 13px;
	padding-right: 13px;
	padding-top: 6px;
	padding-bottom: 6px;
	
	color:#000000;
	font-family: arial;
	font-size: 11px;
	text-align:justify;	
	}

.blog_plus{
	float:left;
	width: 506px;
	background-color: #E5E5E5;
	margin-bottom: 13px;
	padding-left: 13px;
	padding-right: 13px;
	padding-top: 6px;
	padding-bottom: 6px;
	
	color:#992938;
	font-family: arial;
	font-size: 11px;
	text-align:justify;	
	}
  
  
/*----------------------*
  *--------------------  TEXTE SAISON FICHE ----*
  *--------------------*/

h2.saison
{
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}


h3.saison
{
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	text-align:left;
	color:#992938;
}

p.saison
{
	line-height: 17px;
	padding: 0;
	margin: 0;
}

p.saison_small
{
	line-height: 6px;
	padding: 0;
	margin: 0;
}

p.spip
{
	padding-top: 0px;
	padding-bottom: 13px;
	margin: 0;
}


img.bio
{
	vertical-align:middle;
	border: 0px;
}

a.reserver
{
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	text-transform: uppercase;
	color: #AE0001;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
}

a.reserver:hover
{
	color: #FFFFFF;
	background-color: #992938;
}

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

a.saison:hover
{
	text-decoration: none;
}


h2.saison_fiche
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding-left:13px;
	padding-top:7px;
	text-transform: uppercase;
}

a.categorie
{
	color: #FAB8B8;
	text-decoration:none;
	font-family: arial;
	font-size: 11px;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}

a.categorie:hover
{
	color:#FFFFFF;
}


/*----------------------*
  *--------------------  PLUS ----*
  *--------------------*/

img
{
	border:0px;
}

/*----------------------*
  *--------------------  MINI CALENDRIER ----*
  *--------------------*/

#mini_calend{
	float:left;
	width: 545px;
	height: 223px;
	overflow:hidden;
	font-size: 11px;
	font-family: arial;
	padding-top: 22px;
	}
	
td.occupe, td.occupe today, td.libre
{
	color:#000000;
	background-color: #992938;
	padding: 5px;
	text-align: center;
}

td.horsperiode
{
	color:#CE0000;
	text-align: center;
}


th
{	
	color:#000000;
	text-transform: uppercase;
	text-align: center;
}

a.titre_mini_calend
{
	color:#FFB0B0;
	text-decoration: none;
}

a.titre_mini_calend:hover
{
	color:#FFFFFF;
}

.caps
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
}


#calendar
{	font-weight: bold;
	color:#000000;
	text-transform: uppercase;
}


#mentions
{
	float:left;
	width: 145px;
	padding-top: 13px;
	padding-bottom: 13px;
}


/*----------------------*
  *--------------------  AJOUT ----*
  *--------------------*/
  
h1.titre_accueil
{
	color: #F8CC53;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-transform:uppercase;
}


a.lien_titre_accueil
{
	color: #F8CC53;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-transform:uppercase;
	font-weight:bold;
}

a.lien_titre_accueil:hover
{
	text-decoration:none;
}


/*------------------------------------------------------*
  *-----------------------------------     CSS SHADOWBOX   ----*
  *------------------------------------------------------*/							


#shadowbox_overlay{visibility:hidden;position:absolute;display:block;margin:0;padding:0;top:0;left:0;z-index:998;}

#shadowbox_container{position:fixed;height:0;width:100%;margin:0;padding:0;top:0;left:0;z-index:999;text-align:center;}

#shadowbox{display:none;visibility:hidden;margin:0 auto;position:relative;font-family: Arial, Helvetica, sans-serif;text-align:left;}

#shadowbox_title{height:25px;padding:0;overflow:hidden;}

#shadowbox_title_inner{
	height:10px;
	font-size:10px;
	line-height:10px;
	white-space:nowrap;
	color:#fff;
	padding-top: 14px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
}

#shadowbox_body{position:relative;overflow:hidden;margin:0;padding:0;border:2px solid #fff;background-color:#000;}

#shadowbox_body_inner{position:relative;overflow:hidden;}

#shadowbox_loading{position:absolute;top:0;left:0;height:10000px;width:100%;background-color:#222;}

#shadowbox_loading img{float:left;margin:10px 10px 0 10px;}

#shadowbox_loading span{float:left;margin-top:16px;font-size:10px;}

#shadowbox_loading span a,#shadowbox_loading span a:link,#shadowbox_loading span a:visited{color:#fff;}

#shadowbox_content.html{height:100%;width:100%;overflow:auto;}

#shadowbox_toolbar{margin:0;padding:0;height:20px;overflow:hidden;}

#shadowbox_toolbar_inner{height:20px;color:#fff;}

#shadowbox_toolbar_inner div{padding-top:4px;padding-bottom:2px;font-size:10px;height:10px;line-height:10px;}

#shadowbox_toolbar_inner div span.shortcut{text-decoration:underline;font-weight:bold;}

#shadowbox_toolbar_inner div a{text-decoration:none;color:#fff;}

#shadowbox_nav_close,#shadowbox_nav_previous,#shadowbox_nav_next{float:right;padding-right:10px;}

#shadowbox_counter{float:left;padding-left:10px;}

#shadowbox_counter a{padding:0 4px 0 0;}

#shadowbox_counter a.shadowbox_counter_current{text-decoration:underline;font-weight:bold;}

div.shadowbox_message{text-align:center;padding:10px;}

div.shadowbox_message a:link,div.shadowbox_message a:visited{text-decoration:none;color:#bed333;}

div.shadowbox_message a:hover,div.shadowbox_message a:focus{text-decoration:underline;}


a.vignette-video{
	display:block;
	text-decoration:none;
	width:170px;
	height:82px;
	background-image: url(../images/deco/fond-video.png);
	background-repeat: no-repeat;
	}

a.titre-vignette-video{
font-weight:bold; text-transform:uppercase; text-decoration:none; clear: both; margin-top:10px; color:#000; display:block; width:170px;
	}


span.vignette-audio{
	display:block;
	text-decoration:none;
	width:170px;
	height:100px;
	background-image: url(../images/deco/fond-audio.png);
	background-repeat: no-repeat;
	}

a.vignette-video-home{
	display:block;
	text-decoration:none;
	width:339px;
	height:114px;
	background-image: url(../images/deco/fond-video-home.png);
	background-repeat: no-repeat;
	}

span.vignette-audio-home{
	display:block;
	text-decoration:none;
	width:339px;
	height:114px;
	background-image: url(../images/deco/fond-audio-home.png);
	background-repeat: no-repeat;
	}

a.vignette-diapo-home{
	display:block;
	text-decoration:none;
	width:339px;
	height:114px;
	background-image: url(../images/deco/fond-diapo-home.png);
	background-repeat: no-repeat;
	}

#credits{
	clear:both; /*bug ie6 en float fixed*/
	margin-left: 179px;
	width: 769px;
	min-height: 18px;
	background-color:#000;
	text-align:right;
	padding-right:18px;
	padding-top: 4px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	}

#credits-home{
	clear:both;/*bug ie6 en float fixed*/
	margin-left: 196px;
	width: 752px;
	min-height: 18px;
	background-color:#000;
	text-align:right;
	padding-right:18px;
	padding-top: 4px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	}

div#credits a{
	text-decoration:none;
	color:#FFF;
	}
	
div#credits a:hover{
	text-decoration: underline;
	color:#FFF;
	}


div#credits-home a{
	text-decoration:none;
	color:#FFF;
	}
	
div#credits-home a:hover{
	text-decoration: underline;
	color:#FFF;
	}


/*------------------------------------------------------*
  *-----------------------------------     CSS CALENDRIER     ----*
  *------------------------------------------------------*/
  
a.detail_saison_date
{

	color:#000000;
	display:block;

	text-decoration:none;
	padding:5px;

}

a.detail_saison_date:hover
{
	color: #992938;


}


a.bt-titre-saison
{
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding-left:13px;
	text-transform: uppercase;
	width: 625px;/*638-13*/
	height: 20px;/*42-22*/
	padding-top:22px;
	background-image:url(../images/deco/bt-titre-saison1.png);
	background-repeat:no-repeat;
}

a.bt-titre-saison:hover
{
	background-image:url(../images/deco/bt-titre-saison2.png);
}

/*------------------------------------------------------*
  *-----------------------------------     CSS HACK     ----*
  *------------------------------------------------------*/

	
hack FF pour envlever pointill�s autour des liens 

a {
	outline: none;
}

a:focus {
	-moz-outline-style: none;
}

/* fin de hack */