﻿body 
{
font-family:"times new roman",times,serif;
text-align:justify;
color:#000000;
font-size:12px;
width:670px;
}


/*ÉLÉMENT A MASQUER*/
#zoneTopContent, #header, #mainNav, #utliBlock, #footer, .print, #ucBreadCrumb,.logo,#sousMenuOnglets,slideHeader, .greyMenu, .EventPopup,
#Calendar .AspNet-FormView, #Calendar #SearchFilters {display:none;}

/*TYPO*/
h1 {font-size:16px; color:#333333; font-weight:normal; padding:20px 0px 10px 0;}
h2 {font-size: 14px; font-weight:normal; color: #333333; clear:left; padding:10px 0 5px 0;}
h3 { font-size: 12px; font-weight: bold; color:#666666; margin: 10px 0px 5px 0px;}
h4 {font-size: 12px; font-weight:bold; margin: 10px 0px; color: #333333; }
h5 {font-size:12px;color:#535353;margin-bottom:12px;}

p{padding: 8px 0px 10px 0px;}
EM { font-style: italic; }
SUP { font-size: 0.7em; }

#content A,#content A:link,#content A:visited,#content A:active {color:#e70033; text-decoration:underline; outline:none;}
UL { margin:0 0 20px 15px; padding:0;} 
OL { margin:0 0 20px 22px; padding:0;}
LI { margin:0px; padding:0; list-style-type: disc; }
UL OL { margin-top: 10px; }
OL LI { list-style-type: decimal; }
OL OL LI { list-style-type: lower-alpha; }


/*MISE EN PAGE*/
#ctl00_BannerTop{ width:670px;}
.imgContent{ float:right; padding:0 0px 50px 30px; margin-right:-7px; width:244px; text-align:right; }
.imgContent img{ margin-bottom:2px;}
.imgContentCentres{ float:right; padding:0 0px 50px 30px; margin-right:-10px; margin-top:20px; width:244px; text-align:right; }

.cadre { background-color: #EEEEEE; padding: 10px 10px 1px 10px; border:1px solid #EEEEEE; }

/***************************************************
Petite enfance - Jardin Enfance
***************************************************/
.tableau{margin-bottom:10px;}
.tableau TD{color:#000000;border: none;padding:10px 20px 10px 20px;}
.tableau TD P { padding: 0px; }
.tableau .coin{background:#f2f2f2 url(/static/images/iDescCorner2.gif) no-repeat top right; border-right: solid 1px #FFFFFF;}
.bg { background:#f2f2f2; }
.tableau TD .border1 { border-right: solid 1px #D6D6D6; }

/***************************************************
École de ski
***************************************************/
.tab {border-left:1px solid #000000; border-top:1px solid #000000;}
.tab td{border-right:1px solid #000000; border-bottom:1px solid #000000; padding:5px;}
 .tab tr.bgTab{background-color:#000000;}
 
 
 
/***************************************************
Print Popup
***************************************************/
#PrintFicheHoraire {padding:36px;}
	#PrintFicheHoraire .logoPrint {float:right;}

	#PrintFicheHoraire .colWrap {margin-top:13px;}
		#PrintFicheHoraire .col1, #PrintFicheHoraire .col2 {float:left;padding-bottom:7px;}
			#PrintFicheHoraire .col1 {font-weight:bold;width:109px;}
			#PrintFicheHoraire .col2 {width:300px;}

	#PrintFicheHoraire .printSession {padding-bottom:15px;}

#PrintFicheHoraire .clearer {clear:both;}


/*********************************
//Découvrez nos centres
********************************/
.centerSelectionBlock {}
	.centerSelectionBlock .col1, .centerSelectionBlock .col2 {height:158px;padding:27px 14px 27px 0px;width:421px;float:left;background:url(/static/images/centerSelectionBlockColTop.gif) no-repeat top right #efefef;}
		.centerSelectionBlock .col2 {width:231px;padding:12px 0px 0px 0px; background:red;}
			.centerSelectionBlock .col2 img {margin-top:20px;}
				centerSelectionBlock .col1, .centerSelectionBlock .col2 select {margin-left:5px;}
	
	
	.centerSelectionBlock .col1 .centerLocation {float:left;width:196px;margin-left:13px;}
		.centerSelectionBlock .col1 .centerLocation h1 {padding:0px 0px 20px 0px;}
	
	.centerSelectionBlock .col1 .centerSelectionLinks {float:left;width:175px; }
		.centerSelectionBlock .col1 .centerSelectionLinks ul  {margin:0px;padding:0px;}	
			.centerSelectionBlock .col1 .centerSelectionLinks ul li {background:url(/static/images/arrowSelectionLinks.gif) no-repeat 0px 5px;list-style:none;padding:0px 0px 5px 15px;}
				#content .centerSelectionBlock .col1 .centerSelectionLinks ul li a {text-decoration:none;font-weight:bold;color:#666666;}
					
#Calendar #content .hlHoraires , #Survol #content .hlSurvol, #Activites #content .hlActivites,
 #Map #content a.hlMap, #Nouvelles #content .hlNouvelles, #Evenements #content .hlEvenements
 , #Installations #content .hlFacilities, #CampagneSoutien #content .hlCampagne
 {font-weight:bold;color:#db002a;}
 
 
/***************************************************
//COMMUNICATION / NOUVELLES
***************************************************/

#content #toggleClosed h3 a,#content #toggleOpen h3 a{color:#666;text-decoration:none;font-weight:bold;}
#content #toggleClosed .icon, #toggleOpen .icon{color:#e70033;font-weight:normal;}
#content #toggleClosed p, #toggleOpen div, #toggleOpen p{color:#666;}
#content #toggleOpen{width:630px;}
#content #toggleContent{background: #f2f2f2 url(/static/images/bgNewsItem.gif) no-repeat top left;  padding:2px 24px; }
#toggleContent img{padding:14px 0px 4px 0px;}
#content #toggleContent img{padding:14px 0px 4px 0px;}
#content .pagerEv td {text-align:center;}

#galleryContainer{}
#photo{float: left;width: 326px;height: 230px; ;/*background:#ffff66;*/margin-right:2px;}
#photo img{border:none; text-decoration:none;}
#thumbsContainer {position: relative;text-align: center;float: left;width: 95px;height: 230px;background: #dfdfdf;}
.thumbsTop, .thumbsBot{position: absolute;}.thumbsTop{left: 3px;top: 6px;}
.thumbsTop .dots{padding: 6px 0 2px 0;}.thumbsBot{left: 3px;bottom: 6px;}
.thumbsBot .dots{ padding: 2px 0 6px 0;}
.thumbsContent{position: absolute;top: 23px;left: 5px;width: 85px;height: 184px;overflow: hidden;}
.thumbsContent .thumbs{width: 85px;height: 60px; /*background:#ffff66;*/margin: 1px 0;}
#galleryDesc{color: #fff;margin-top: 2px; ;width:391px;background-color:#757575;background-image:url(/images/iDescCorner.gif);background-position:bottomright;background-repeat:no-repeat;padding:16px;}
#galleryDesc p{color: #fff;padding: 0px;margin: 0px;}

/***************************************************
//HOME / NOUVELLES et PROMO
***************************************************/
#homePromo { float:left; padding: 0px; width:345px;}

#homePromo li{list-style-type: none;}

#content #homeNews {width:300px; float:left; padding:0 0 20px 30px; margin-bottom:30px; background: url(/static/images/sep_v.gif) repeat-y left top;}
#content .newsItems {display:block; padding:0; margin:0;}
#content .newsItems LI {list-style-type: none;}
#content .newsItems .date {color:#999999;}
#content .newsItems .desc {color:#999999; font-size:11px; font-weight:normal; display:block; padding: 3px 0 3px;}
#content .newsItems .icon {color:#e70033; font-weight:normal;} 
#content .newsItems  a:link,#content .newsItems a:visited,#content .newsItems a:active { color:#666666; font-weight:bold; text-decoration:none; display:block; padding: 0 0px 15px 0px;background:none; }
#content .newsItems a:hover,#content .newsItems a:hover SPAN { color:#000000; text-decoration:none; }

.pagerNouv td{ padding:0 3px 0 3px;}
.pagerEvenement td{ padding:0 3px 0 3px;}



.customZone
{
	font-size: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	padding: 0px;
	background: none;
	position: relative;
	text-align: center;
	border:1px solid #000;
}

.calTime {font-size:9px;}
