@font-face {
	font-family: 'BelleroseLight';
	src: url('/fontes/bellerose-webfont.eot');
	src: local('☺'), url('/fontes/bellerose-webfont.woff') format('woff'), 
	url('/fontes/bellerose-webfont.ttf') format('truetype'), 
	url('/fontes/bellerose-webfont.svg#webfontuoDdPrLk') format('svg');
	font-weight: normal;
	font-style: normal;
	
	
}
@font-face {
	font-family: 'Ubuntu';
	src: url('ubuntu-title-webfont.eot');
	src: local('☺'), url('/fontes/ubuntu-title-webfont.woff') format('woff'), url('/fontes/ubuntu-title-webfont.ttf') format('truetype'), url('/fontes/ubuntu-title-webfont.svg#webfontEnStqXlu') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FuturaHvHeavy';
	src: url('/fontes/ftrahv__-webfont.eot');
	src: local('☺'), url('/fontes/ftrahv__-webfont.woff') format('woff'), url('/fontes/ftrahv__-webfont.ttf') format('truetype'), url('/fontes/ftrahv__-webfont.svg#webfonts9HrQRh4') format('svg');
	font-weight: normal;
	font-style: normal;
}



@font-face {
	font-family: 'FuturaBkBold';
	src: url('/fontes/ftrabd__-webfont.eot');
	src: local('☺'), url('/fontes/ftrabd__-webfont.woff') format('woff'), url('/fontes/ftrabd__-webfont.ttf') format('truetype'), url('/fontes/ftrabd__-webfont.svg#webfont1A1nXNa0') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FuturaBkBook';
	src: url('fontes/ftrabk__-webfont.eot');
	src: local('☺'), url('/fontes/ftrabk__-webfont.woff') format('woff'), url('/fontes/ftrabk__-webfont.ttf') format('truetype'), url('/fontes/ftrabk__-webfont.svg#webfontcak2ZrQu') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FuturaMdMedium';
	src: url('/fontes/ftramd__-webfont.eot');
	src: local('☺'), url('/fontes/ftramd__-webfont.woff') format('woff'), 	url('/fontes/ftramd__-webfont.ttf') format('truetype'), url('/fontes/ftramd__-webfont.svg#webfontoyjoHBMq') format('svg');
	font-weight: normal;
	font-style: normal;
}




body { background:url(images/bg_home.jpg) no-repeat center top #fff; margin:0; padding:0; font-family:'FuturaMdMedium', Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#094454;}
form {margin:0; padding:0;}
.MainBox {width:779px; margin:0 auto; background:url(images/bg_main.jpg) no-repeat left top; position:relative }

.glissade .MainBox {background:url(images/bg_glissade.jpg) no-repeat left top; }
.ecolebg .MainBox {background:url(images/bg_ecole.jpg) no-repeat left top; }
.events .MainBox {background:url(images/bg_events.jpg) no-repeat left top; }
.sig
{ padding: 10px 10px 10px 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#165a6f; }

a
{ outline:none; border:none;
    COLOR: #165a6f;
    
    TEXT-DECORATION: underline
}
a:hover
{
    COLOR: #00a1b1;
    
    TEXT-DECORATION: underline
}

a.printer { background:url(images/printer.gif) no-repeat right top; padding:0px 25px 0px 0; float:right; font-size:10px; text-decoration:none; margin:0 10px 0 0}
a:hover.printer {text-decoration:underline;}
.txtbleum 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; color: #185e71
}
.txtbleum11 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; color: #185e71; line-height:1.6em;
}
.txtbleum12 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; color: #185e71
}
.txtbleup 
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; color: #165a6f
}
.txtbleup11 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; color: #165a6f
}
.txtbleup12 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; color: #165a6f
}
.txtblanc 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; color: #ffffff
}
.txtblanc11
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; color: #ffffff
}
.txtblanc12 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; color: #ffffff
}
.txtred11
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; color: #094454
}
.txtred12
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; color: #094454
}
table.condition
{ 
	/*border-left:1px solid #3e3068; border-top:1px solid #3e3068*/
}
table.condition td
{ 
	border-bottom:1px solid #999; /*border-right:1px solid #3e3068*/
}



a.lienblanc {color:#FFFFFF; text-decoration:none}

.imgdroite, .imgdroite2 { float:right; border:1px solid #999; padding:3px; margin:0 0 20px 20px}
.imgdroite2 {border:none;}
.PNGfix {behavior:url(iepngfix.htc);}
h2 { font-size:20px; margin:20px 0 0; color:#d2a634; font-family:'FuturaMdMedium', sans-serif ;font-weight:normal}
h1{font-size:30px;margin:0 0 20px; font-family:'FuturaMdMedium', sans-serif ; color:#185e71; font-weight:normal; line-height:1.1em;}
h5{font-size:25px;margin:0 0 20px; font-family:'FuturaMdMedium', sans-serif ; color:#185e71; font-weight:normal; border-top:1px solid #999; padding-top:10px; line-height:1.3em;}
.desj {background:url(images/logo_desj.png) no-repeat 130px 9px; margin:0 0 0px; padding-top:5px; }
.desj em {display:block; margin:0; padding:0;}
.glisss li {margin:5px 0 0;}
.news h5 {font-size:20px;}
.loca h5 {margin:0;}
.tableau h5 {border-top:none; margin:0;} 
.aligneDroite {float:right; font-size:14px;}
h1.conditions{margin:20px 0 20px;}

h6{font-size:20px;margin:0 0 20px; font-family:'FuturaMdMedium', sans-serif ; color:#185e71;}

h1 em, h5 em {font-style:normal; display:inline-block; margin:0 0 0 5px; font-size:12px; font-family:Arial, Helvetica, sans-serif}
h5 small {font-size:14px;}

.rabais { border:1px solid #999; padding:12px; margin:0 0 20px; }
.rabais h5 { border:none; margin:0; }
.rabais h6 { font-size:17px; margin:15px 0 0;}

.rabaisinter {border-top:1px solid #999; margin-top:10px}
.rabaisinter h6 { font-size:17px; margin:10px 0 0;}
.rabais h6 em {font-style:Normal; color:#00a1b1}
.even td {padding:0 0 10px;}
.even .fleche {padding:5px 0 0}
/*MASTER------------------------*/
.zonedroite {font-family:Arial, Helvetica, sans-serif; font-size:11px; float:right; width:174px; }
.zonedroite a {font-weight:normal;}

a.accueil {font-weight:normal; display:block; background:url(images/lien_accueil.gif) no-repeat right center; position:absolute; z-index:4; top:0; right:182px; padding:0.6em 16px 0.4em 0.4em; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0a4555; text-decoration:none; }

a.liens {font-weight:normal; display:block; background:url(images/lien_liens.gif) no-repeat right center; position:absolute; z-index:4; top:20px; left:610px; padding:0.4em 16px 0.4em 0.4em; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0a4555; text-decoration:none; }

a.courriel {font-weight:normal; display:block; background:url(images/lien_courriel.gif) no-repeat right center; position:absolute; z-index:4; top:2px; left:610px; padding:0.4em 16px 0.4em 0.4em; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0a4555; text-decoration:none; }
a:hover.accueil, a:hover.liens, a:hover.courriel {text-decoration:underline; font-weight:normal; color:#fff;}
a:hover.accueil {color:#0a4555;}
.ecolebg  a.accueil, .glissade  a.accueil {color:#fff; background:url(images/lien_accueil_blanc.gif) no-repeat right center;}

.telephone {position:absolute; z-index:4; top:5px; right:7px; ; font-size:12px; color:#0a4555; font-family:"FuturaHvHeavy", sans-serif; }

.quoi, .info, .photo, .meteo {background:url(images/separateur_quoi.gif) no-repeat top; margin-top:46px; padding:0px 10px 0px;}
.info {background:url(images/separateur_info.gif) no-repeat top;margin-top:10px; }
.photo {background:url(images/separateur_photo.gif) no-repeat top;margin-top:10px; }
.meteo {background:url(images/separateur_meteo.gif) no-repeat top;margin-top:10px; padding-top:10px }
.zonedroite a {text-decoration:none}
.zonedroite a:hover {text-decoration:underline}
.zonedroite h3 { font-family:"FuturaBkBook", sans-serif; font-size:13px; color:#094454;}
.zonedroite .quoi h3, .zonedroite .info h3, .zonedroite .photo h3 { padding:10px 0 5px; margin:0;}
.zonedroite .quoi p {margin:0 0 0.5em; color:#fff;}
.zonedroite .quoi p a {color:#0a4555; }
.photo img {border:1px solid #094454; margin:0 auto;}
.photo p {margin:5px 0 0; line-height:1em;}
.zonedroite a.more { background:url(images/mini_Arrow.gif) no-repeat right center; padding-right:15px; display:inline-block; color:#094454;}


.commandites {width:779px; margin:0 auto; position:relative;}
.bot1 {position:absolute; top:0; left:-25px; z-index:10;}
.bot2 {position:absolute; top:0; right:-20px; z-index:10;}

/* clearfix pour floats */
.clearfix:after { content: "."; display: block; font-size: 1px; height: 0; line-height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.surveiller {float:left; width:200px; }

.lefty {float:left; width:580px; padding-top:280px; padding-left:20px; position:relative; min-height:800px;}
a.retourliste {position:absolute; top:310px; right:18px; z-index:4; font-family:verdana, Arial, Helvetica, sans-serif; font-size:11px;}

.news {width:98%; line-height:1.4em; }
.news img {margin-bottom:100px; margin-left:20px;}

ul.contact {margin:0; padding:0; list-style-type:none;}
ul.contact li {float:left; width:290px; height:8em}

.logoaccueil {border:0; position:absolute; top:0; left:0; z-index:3;}

/*-------NAVIGATION---------*/
#navContainer { }
#navContent {position:absolute; top:230px; left:0px; z-index:30; width:613px; padding-left:13px; font-weight:bold;}
#nav, #nav ul { margin:0; padding:0; list-style: none; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
#nav  { margin:0; background:#FFFFFF; z-index:31; }
#nav li {margin:0; padding:0; float:left}
#nav li em {color:#fff; font-size:11px; /*float:right;*/ padding:3px 10px 0 0;}
#nav a {font-size:11px; display:block; /*color:#;ded0b6 height:1%;*/ padding:0px; text-decoration:none; } 

#nav a.glissade em {position:absolute; top:-120px; left:-15px; z-index:2; width:219px; height:125px; display:block; background:url(images/nouveau2012.png) no-repeat; cursor:pointer;padding: 0 0 0;}
/*#nav a:hover.glissade em {background:url(images/nouveau2012.gif) no-repeat 0 -32px;}*/
#nav a.montagne, #nav a.serv, #nav a.ecole, #nav a.horaire, #nav a.photos, #nav a.even, #nav a.glissade {display:block; height:26px; text-indent:-5555px;} 
#nav a.montagne {background:url(images/b_montagne.gif) no-repeat; width:89px;}
#nav a.serv {background:url(images/b_services.gif) no-repeat; width:72px;}
#nav a.ecole {background:url(images/b_ecole.gif) no-repeat; width:55px;}
#nav a.horaire {background:url(images/b_horaire.gif) no-repeat; width:132px;}
#nav a.photos {background:url(images/b_photos.gif) no-repeat; width:65px;}
#nav a.even {background:url(images/b_even.gif) no-repeat; width:103px;}
#nav a.glissade {background:url(images/b_glissade.gif) no-repeat; width:71px; position:relative;}

#nav a:hover.montagne {background:url(images/b_montagne.gif) no-repeat left -26px;}
#nav a:hover.serv {background:url(images/b_services.gif) no-repeat left -26px;}
#nav a:hover.ecole {background:url(images/b_ecole.gif) no-repeat left -26px;}
#nav a:hover.horaire {background:url(images/b_horaire.gif) no-repeat left -26px;}
#nav a:hover.photos {background:url(images/b_photos.gif) no-repeat left -26px;}
#nav a:hover.even {background:url(images/b_even.gif) no-repeat left -26px;}
#nav a:hover.glissade {background:url(images/b_glissade.gif) no-repeat left -26px;}


#nav li:hover a, #nav li.sfhover a {color:#00a1b1;}
#nav li div, #nav li li:hover div {left: -999em; position: absolute; background:url(blank.gif); margin-left:0px; padding:0 30px 30px;  z-index:32;  } 

#nav li:hover div div, #nav li.sfhover div div { left: -999em; } 


#nav li ul {background:#094454; width:250px;  }
#nav li:hover div, #nav li.sfhover div, #nav li li:hover div, #nav li li.sfhover div {margin:0 0 0 -22px /*margin right pour tasser de l'image*/; }
#nav li:hover div, #nav li li:hover div, #nav li.sfhover div, #nav li li.sfhover div { left: auto; } 
.abonlink {  background:url(images/arrow.gif) no-repeat right center !important; display:block;}
#nav li li:hover div, #nav li li.sfhover div { left: 230px; margin-top:-10px;  } 
#nav li li:hover div ul, #nav li li.sfhover div ul {border-top:1px solid #FFFFFF;}

#nav li li { float:none; margin:0; padding:0; border-bottom:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff;}
#nav li:hover li a, #nav li.sfhover li a {color:#6adae5; background:#094454; padding:4px 10px; font-family:'FuturaBkBold', verdana, arial; font-size:12px; }
#nav li li a:hover {color:#fff; background:url(/medias/communs/soum_arrow_grey.gif) no-repeat right 7px;}

.facebook {display:block; background:url(images/ico_facebook.gif) no-repeat left 0px; height:40px; padding:3px 0 0 40px; margin:0 0 0 10px}
.rss {display:block; background:url(images/ico_rss.gif) no-repeat left 0px; height:60px; padding:3px 0 0 40px; margin:0 0 0 10px}

.rssmini {display:block; background:url(images/rss.png) no-repeat left 0px; padding:0px 0 0 20px; margin:0 0 0 10px; font-size:10px; text-decoration:none}


/*h4 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#4d0d96; font-size:0.9em}
h4 strong {font-weight:bold }*/

/*ul.trajet {margin:0; padding:0; list-style-type:none;}
ul.trajet li {margin:0.4em 0; }
ul.trajet a {font-weight:bold; font-size:0.85em}
*/
.trajet {margin:0 0 30px}
.trajet ul {margin:0 0 0 20px; padding:0;}
.trajet ul li {margin:0 0 5px}
.trajet a {text-decoration:none; line-height:1.6em;}
.trajet a span {font-size:1.3em}
.trajet a:hover {text-decoration:underline}
.transport h3 { border-top:1px solid #ccc; margin:30px 0 10x; padding:5px 0 0; font-size:1.3em}
.transport p {line-height:1.4em}
.circuit {font-size:0.9em}
.circuit td { padding:8px 4px; border-bottom:1px solid #ccc;}

h4 {display:inline; font-size:15px;}

.table1 {margin-bottom:10px; }
/*.tableau table {border-top:1px solid #999;}*/
.tableau table td{ background:#fff; border-bottom:1px solid #999; border-right:1px solid #999;}
.tableau table th{ /*background:#7545a6; color:#fff;*/ /*border-top:1px solid #999;*/ padding:5px;}

.tableau table .vide {background:none; border-bottom:none; border-right:none;}
.tableau table td, .tableau table th, .abon table td {padding:7px 5px}
.abon table.coord table table {border:1px solid #ccc;}
.abon table.coord td {padding:7px 7px;}
.tableau2 ul { margin:20px 0 20px 5px; padding:0 0 0 10px; }
.tableau table th.grosHeader { background:none; border-top:1px solid #eee7f5; text-align:left; color:#7545a6}
.tableau table th.grosHeader strong {font-size:20px; }
.tableau table ul {margin:0; padding:0 0 0 15px; font-size:0.9em;}
.borduretop td { border-top:1px solid #ccc;}
.abon table .header td {border-top:1px solid #000;}
.abon table ul {margin:0; padding:0 0 0 15px;}
.abon table .prix { text-align:right; font-weight:bold; white-space:nowrap}
.abon table h1 {font-family:'FuturaMdMedium',Arial, Helvetica, sans-serif; font-size:22px; margin:20px 0 0px;}
.abon table .prices td {border-bottom:1px solid #ccc;}
.abon table .champ {width:270px; margin-top:3px;}
.abon table .age {width:15px;}
.abon table h1 em {color:#00a1b1}
.abon table h1 em strong {font-size:14px;}
.abon table.coord .prices td {border-bottom:1px solid #ccc; padding-bottom:15px;}
.abon table.coord .champ {width:160px; margin-top:5px;}
.abon table.coordo .champ {width:260px; margin-top:5px;}
.abon table.coord select, .abon table.coordo select {margin-top:5px;}
.abon table.coord .Courriel {width:350px}
.obliga {float:right;}
.radio {margin-top:20px;}

.boutonSoumettre { text-align:right; padding: 0 2px 0px 0; }
.boutonSoumettre input, .bouton {  background:#185e71; color:#fff; border:none; font-family:'FuturaMdMedium', sans-serif ; font-size:18px;  margin:0 0 20px}

.homeBoxes {margin:0px 0 0 10px; width:543px; background:url(images/bg_onglets.png) no-repeat 0 39px; height:500px;}
.OngHome { margin:0; padding:0; list-style-type:none; height:40px;}
.OngHome li {float:left; margin:0; padding:0; }
a.OngSurveiller, a.OngFacebook, a.OngYoutube, a.OngSurveiller2, a.OngFacebook2, a.OngYoutube2 {height:40px; display:block; text-indent:-7777px; cursor:pointer;}
a.OngSurveiller, a.OngSurveiller2 { background:url(images/ong_surveiller.png) no-repeat; width:129px; }
a.OngFacebook, a.OngFacebook2 { background:url(images/ong_facebook.png) no-repeat; width:65px;}
a.OngYoutube, a.OngYoutube2 { background:url(images/ong_youtube.png) no-repeat;  width:82px;}
.zoneFacebook { position:relative}
a:hover.OngSurveiller, a.OngSurveiller2 { background:url(images/ong_surveiller.png) no-repeat 0 -40px;}
a:hover.OngFacebook, a.OngFacebook2 { background:url(images/ong_facebook.png) no-repeat 0 -40px; }
a:hover.OngYoutube, a.OngYoutube2 { background:url(images/ong_youtube.png) no-repeat 0 -40px;  }
.flashBox { padding:0px; float:left; margin:20px 0 0 10px; background:url(images/bg_flashaccueil.png) no-repeat; width:315px; height:290px; padding:5px 0 0 5px; }

.demo2 {margin:0px 0 0 20px; font-size:13px; padding:0;}
.demo2 li img { display:none;}
.demo2 li {background: url("/medias/communs/plans_separator.gif") repeat-x scroll center bottom transparent;  margin: 3px 0; padding:10px 0; display:block;}
.demo2 li a { background: url(images/fleche_vids.gif) no-repeat scroll left 0.3em transparent;  color: #165a6f; display: block;  padding: 0 0px 0 17px; margin:0px; text-decoration:none;}
.demo2 li a:hover {text-decoration:underline}

.tableau .sup {display:inline-block; padding-bottom:3px; font-size:8px;}

strong.new {color:#fff; background-color:#066; display:inline-block; padding:0 2px; font-size:0.9em;}

h1.bdi {background:url(images/bdi_logo.png) no-repeat right 0; width:280px; height:48px; padding:20px 33px 5px 0; font-size:28px;}
h5.bdi {background:url(images/bdi_logo.png) no-repeat right 0; padding-right:30px; width:345px; height:48px; padding-top:20px;}
td.glisss {background: #bfd97c; }
.abon table .prices td.glisss {background: #bfd97c; border-bottom: 1px solid #bfd97c;}

.boitePolitique { width:535px; height:200px; overflow-y:scroll; padding:10px; border:1px solid #999; text-align:left; margin:0 0 20px 0;}

.forfaitBox span.plus, .forfaitBox span.moins {margin:0 0 13px 13px; display:inline-block; cursor:pointer; text-decoration:none; padding:0 0 0 20px; font-family:'FuturaMdMedium', sans-serif ; font-size:18px;}
.forfaitBox span.plus { background:url(images/forfait_plus.gif) no-repeat 0 -20px;}
.forfaitBox span.moins { background:url(images/forfait_plus.gif) no-repeat 0 3px;}
.forfaitBox { border:1px solid #84a3ac; background:url(images/bg_forfait.png) repeat-x 0 0; }
/* clearfix pour floats */
.forfaitBox:after { content: "."; display: block; font-size: 1px; height: 0; line-height: 0; clear: both; visibility: hidden; }
.forfaitBox{ display: inline-block; margin-bottom:30px; }
* html .forfaitBox{ height: 1%; }
.forfaitBox { display: block; }



.forfaitBox img {margin:13px;}
.forfaitBox p { margin:5px 13px}
.tableau .notable {border-top:1px solid #84a3ac; margin:20px 0 0; }
.tableau .notable td, .tableau .forfaitBox2 td { background:none; border:none; padding:0;}
.tableau table ul { font-size:inherit; margin:0 0 20px 15px;}
.forfaitBox h4 {margin:13px 0 0; display:block; padding:10px 0 0;}
.forfaitBox em.star { display:inline-block; width:16px; height:16px; background:url(images/star.gif) no-repeat; text-indent:-99999px;}
.forfaitBox img { border:1px solid #094454; margin:13px; float:left;}
.forfaitBox2 {position:relative;  margin:20px 0 0;} 
.forfaitBox .prix { background:#295c6a; color:#fff; font-size:9px; padding:10px 0 0;text-align:center; width:100px; height:70px; /*position:absolute; top:10px; right:10px; z-index:2;*/ margin:13px; line-height:1em;}
.forfaitBox .prix strong { font-size:28px; font-family:'FuturaHvHeavy',Arial, Helvetica, sans-serif; display:block; line-height:1.1em;}
.forfaitBox h5 { padding-left:13px; margin:0px 10px 0 0;}
.forfaitBox h5 small { display:block; font-weight:bold}