/* Eric Meyer's Reset Reloaded */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*  ------------------------------------------------------------------------------------
/*                                                                               GENERAL
/*  --------------------------------------------------------------------------------- */

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	font-family: "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
}

.spacer {
  clear: both;
	visibility: hidden;
 }

/*  ------------------------------------------------------------------------------------
/*                                                                               WRAPPER
/*  --------------------------------------------------------------------------------- */

body {	
	margin: 0 auto 0 !important;
	width: auto;
	text-align: center;
}
body.accueil {
	background: #fff url(images/bg-page.jpg) center top repeat-y;
}
* html body.accueil {
	background: url(images/bg-page-ie6.jpg) center top repeat-y;
}
*+html body.accueil {
	background: url(images/bg-page-ie.jpg) center top repeat-y;
}
body.prog, body.diapo {
	background: url(images/bg-page-prog.jpg) center top repeat-y;	
}
* html body.prog, * html body.diapo {
	background: url(images/bg-page-prog-ie6.jpg) center top repeat-y;
}
*+html body.prog, *+html body.diapo {
	background: url(images/bg-page-prog-ie.jpg) center top repeat-y;
}

#wrapper {
  height: 2225px;
}
.prog #wrapper {
  height: 1800px;
}
#diapo #wrapper {
  height: 675px;
}

#wrapper .br {
  position: relative;
}

#wrapper .tl {
	margin: 0 auto;
	width: 970px;
	text-align: left;
}
.accueil #wrapper .tl {
	background: url(images/bg-wrapper.jpg) center top no-repeat;	
	height: 984px;
}
.prog #wrapper .tl {
	background: url(images/bg-wrapper-prog.jpg) center top no-repeat;	
	height: 600px;
}
#diapo #wrapper .tl {
	background: url(images/bg-wrapper-diapo.jpg) center top no-repeat;	
	height: 600px;
}

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

#header .logo {
  position: absolute;
	left: 30px;
	top: 20px;
	width: 165px;
	height: 125px;
}

#header .logo a {
	text-indent: -9999px;
	display: block;
	width: 100%;
	height: 100%;
}


/*  ------------------------------------------------------------------------------------
/*                                                                           BLOCS PROMO
/*  --------------------------------------------------------------------------------- */

#accroche {
	position: absolute;
	left: 35px;
	top: 335px;
	width: 220px;
}
#accroche p {
	color: #0a6c9d;
	font-weight: bold;
}

#jeu {
	position: absolute;
	left: 685px;
	top: 110px;
	width: 240px;
}
#jeu p {
	color: #ff5a02;
	font-weight: bold;
	font-size: 130%;
	text-align: center;
}

#diapo2009 {
	position: absolute;
	left: 400px;
	top: 210px;
	width: 150px;
	height: 75px;
}
.prog #diapo2009 {
	position: absolute;
	left: 200px;
	top: 40px;
	width: 150px;
	height: 75px;
}
#diapo2009 a {
	display: block;
	width: 100%;
	height: 100%;
	 
}

#gourmandises {
   position: absolute;
	left: 38px;
	top: 575px;
	width: 180px;
	height: 180px;
}
#quizz {
   position: absolute;
	left: 285px;
	top: 380px;
	width: 180px;
	height: 130px;
}
#coloriages {
   position: absolute;
	left: 270px;
	top: 620px;
	width: 190px;
	height: 140px;
}
#route {
   position: absolute;
	left: 543px;
	top: 558px;
	width: 365px;
	height: 120px;
}

#quizz p.link, #gourmandises p.link, #coloriages p.link, #route p.link {
   text-align: left;
	font-weight: bold;
	margin-top: 5px;
}
#route p.link {
   text-align: left;
}

#quizz p.link a, #gourmandises p.link a, #coloriages p.link a, #route p.link a {  
	background: url(images/puce-link.gif) left 5px no-repeat;
	padding-left: 14px;
}

#quizz p, #quizz p.link a {
  color: #65b7e1;
}
#gourmandises p, #gourmandises p.link a {
  color: #759d23;
}
#coloriages p, #coloriages p.link a {
  color: #ff5a03;
}
#route p, #route p.link a {
  color: #532b1d;
}


/*  ------------------------------------------------------------------------------------
/*                                                                      BLOCS ANIMATIONS
/*  --------------------------------------------------------------------------------- */


#animations {
  width: 374px;
	height: 1380px;
	position: absolute;
	left: 50px;
	top: 850px;
}

#animations p.intro {
  text-align: justify;
}

#anim_1, #anim_2, #anim_3 {
  position: absolute;
	left: 0;
	width: 374px;
}
#anim_1 {  
	top: 100px;
}
#anim_2 {
 	top: 555px;	
}
#anim_3 {  
	top: 965px;
}

#anim_1 h2, #anim_2 h2, #anim_3 h2 {  
	width: 100%;
	height: 46px;
	display: block;
}
#anim_1 h2 {
  background: url(images/titre-luge.jpg) 240px top no-repeat;
}
#anim_2 h2 {
  background: url(images/titre-jeux.jpg) 25px top no-repeat;
}
#anim_3 h2 {
  background: url(images/titre-degust.jpg) 150px top no-repeat;
}

#anim_1 h2 span, #anim_2 h2 span, #anim_3 h2 span {
  text-indent: -9999px;
	display: block;
	width: 100%;
	height: 100%;
}

#anim_1 img, #anim_2 img, #anim_3 img {
  margin-left: 20px;
}

#anim_1 p, #anim_2 p, #anim_3 p {
  color: #d20074;
	margin: 0 25px;
	text-align: justify;
	margin-bottom: 5px;
}

#anim_1 p.link, #anim_2 p.link, #anim_3 p.link {
  text-align: right;
	font-weight: bold;
	margin: 0 25px;
}

#anim_1 p.link a, #anim_2 p.link a, #anim_3 p.link a {  
	background: url(images/puce-link.gif) left 5px no-repeat;
	padding-left: 14px;
	color: #d20074;
}



/*  ------------------------------------------------------------------------------------
/*                                                                        BLOCS STATIONS
/*  --------------------------------------------------------------------------------- */


#stations {
  width: 374px;
	position: absolute;
	left: 533px;
	top: 770px;	
}

.accueil #stations {
  	height: 1345px;		
}

#stations p.intro {
  text-align: justify;
	color: #fff;
	margin-top: 10px;
}

.prog #stations {
   width: 730px;
	height: 1080px;
	position: absolute;
	left: 110px;
	top: 275px;	
}


#station_1, #station_2, #station_3 {
  position: absolute;
	left: 0;
	width: 374px;
}
#station_1 {  
	top: 110px;
}
#station_2 {
 	top: 560px;	
}
#station_3 {  
	top: 1015px;
}

/*.prog #station_1 {  
	top: 330px;
}
.prog #station_2 {
 	top: 280px;
	left: 390px;	
}
.prog #station_3 {  
	top: 740px;
	left: 50px;
}*/

#programme-stations {
}

.prog #station_1 {  
	top: 730px;
}
.prog #station_2 {
 	top: 680px;
	left: 390px;	
}
.prog #station_3 {  
	top: 1140px;
}

#station_1 h2, #station_2 h2, #station_3 h2 {  
	width: 100%;
	height: 46px;
	display: block;
}
#station_1 h2 {
  background: url(images/titre-montdore.jpg) 25px top no-repeat;
}
#station_2 h2 {
  background: url(images/titre-super.jpg) 155px top no-repeat;
}
#station_3 h2 {
  background: url(images/titre-lioran.jpg) 25px top no-repeat;
}

#station_1 h2 span, #station_2 h2 span, #station_3 h2 span {
  text-indent: -9999px;
	display: block;
	width: 100%;
	height: 100%;
}

#station_1 img, #station_2 img, #station_3 img {
  margin-left: 20px;
}

#station_1 p, #station_2 p, #station_3 p {
   color: #ec6000;
	margin: 0 25px 10px;
	text-align: justify;
}
.prog #station_1 p, .prog #station_2 p, .prog #station_3 p {
   color: #e42680;
}

#station_1 p.link, #station_2 p.link, #station_3 p.link {
   text-align: right;
	font-weight: bold;
	margin: 0 25px;
}

#station_1 p.link a, #station_2 p.link a, #station_3 p.link a {  
	background: url(images/puce-link.gif) left 5px no-repeat;
	padding-left: 14px;
	color: #ec6000;
}

#stations p.planb {
  padding-left: 35px;
	background: url(images/puce-planb.png) left 5px no-repeat;	
}
#stations p.detail-prog {
  padding-left: 35px;
	padding-top: 8px;
	background: url(images/puce-detail-prog.png) left top no-repeat;
	margin-bottom: 5px;
	color: #333;
	height: auto !important;
	height: 30px;
	min-height: 30px;
	text-align: justify	
}

#stations p.detail-prog span {
	font-weight: bold;
	color: #e42680;
	font-size: 110%;
	margin-bottom: 10px;
}

#stations p#detail-prog-last {
   padding-left: 35px;
  color: #759d23;
	font-weight: bold;
	font-size: 110%;
	margin-bottom: 20px;
	margin-top: 20px;
}

#stations p#slogan-prog {
   padding-left: 35px;
   color: #e42680;
	font-weight: bold;
	font-size: 120%;
}

#illu-village {
  width: 400px;
	height: 285px;
	background: url(images/illu-village.jpg) left top no-repeat;
	position: absolute;
	left: 365px;
	top: 1230px;	
}

#photo_rosabelle {
	margin: 20px 0 0 100px;
}
#photo_rosabelle img {
	border: 1px solid #e42680;	
}


/*  ------------------------------------------------------------------------------------
/*                                                                             DIAPORAMA
/*  --------------------------------------------------------------------------------- */

#diaporama {
	background: #fff url(images/fond-diapo.jpg) left top no-repeat;
	width: 600px;
	height: 390px;
	position: absolute;
	left: 110px;
	top: 275px;
	margin-left: 75px;	
}

#slideshow {
	margin: 21px 0 0 28px;
}


/*  ------------------------------------------------------------------------------------
/*                                                                                FOOTER
/*  --------------------------------------------------------------------------------- */

#footer {
	width: 970px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}
.accueil #footer {
  background: url(images/bg-footer.jpg) left top no-repeat;
	height: 647px;
}
.prog #footer {
  background: url(images/bg-footer-prog.jpg) left top no-repeat;
	height: 550px;
}

#partners { 
   /*height: 282px;*/
	height: 397px;
	position: relative;
}
.prog #partners { 
	height: 309px;
}

/*#partners #logos_partners {
  padding: 172px 0 0 35px;
}
.prog #partners #logos_partners {
  padding: 97px 0 0 36px;
}

#partners #logos_partners a {
	margin-right: 1px;
}*/

a#logo-region {
	position: absolute;
	width: 175px;
	height: 50px;
	top: 202px;
	left: 440px;	
}
a#logo-cantal {
	position: absolute;
	width: 107px;
	height: 50px;
	top: 202px;
	left: 623px;	
}
a#logo-pdd {
	position: absolute;
	width: 97px;
	height: 66px;
	top: 185px;
	left: 740px;	
}
a#logo-pdtlait {
	position: absolute;
	width: 76px;
	height: 66px;
	top: 202px;
	left: 847px;	
}
a#logo-super {
	position: absolute;
	width: 70px;
	height: 61px;
	top: 276px;
	left: 48px;	
}
a#logo-montdore {
	position: absolute;
	width: 67px;
	height: 67px;
	top: 271px;
	left: 123px;	
}
a#logo-lioran {
	position: absolute;
	width: 96px;
	height: 46px;
	top: 292px;
	left: 196px;	
}
a#logo-sancy {
	position: absolute;
	width: 63px;
	height: 89px;
	top: 271px;
	left: 295px;	
}
a#logo-cdtauvergne {
	position: absolute;
	width: 100px;
	height: 46px;
	top: 292px;
	left: 362px;	
}
a#logo-creditmut {
	position: absolute;
	width: 114px;
	height: 32px;
	top: 303px;
	left: 469px;	
}
a#logo-cdt15 {
	position: absolute;
	width: 32px;
	height: 89px;
	top: 271px;
	left: 577px;	
}
a#logo-vulcania {
	position: absolute;
	width: 122px;
	height: 35px;
	top: 277px;
	left: 627px;	
}
a#logo-decathlon {
	position: absolute;
	width: 122px;
	height: 32px;
	top: 318px;
	left: 627px;	
}
a#logo-totem {
	position: absolute;
	width: 53px;
	height: 88px;
	top: 271px;
	left: 742px;	
}
a#logo-enauvergne {
	position: absolute;
	width: 110px;
	height: 25px;
	top: 271px;
	left: 802px;	
}
a#logo-sancymag {
	position: absolute;
	width: 110px;
	height: 40px;
	top: 300px;
	left: 802px;	
}
a#logo-lamontagne {
	position: absolute;
	width: 110px;
	height: 25px;
	top: 334px;
	left: 802px;	
}

.prog a#logo-region {
	position: absolute;
	width: 175px;
	height: 50px;
	top: 113px;
	left: 440px;
}
.prog a#logo-cantal {
	position: absolute;
	width: 107px;
	height: 50px;
	top: 113px;
	left: 623px;	
}
.prog a#logo-pdd {
	position: absolute;
	width: 97px;
	height: 66px;
	top: 96px;
	left: 740px;	
}
.prog a#logo-pdtlait {
	position: absolute;
	width: 76px;
	height: 66px;
	top: 113px;
	left: 847px;	
}
.prog a#logo-super {
	position: absolute;
	width: 70px;
	height: 61px;
	top: 187px;
	left: 48px;	
}
.prog a#logo-montdore {
	position: absolute;
	width: 67px;
	height: 67px;
	top: 182px;
	left: 123px;	
}
.prog a#logo-lioran {
	position: absolute;
	width: 96px;
	height: 46px;
	top: 203px;
	left: 196px;	
}
.prog a#logo-sancy {
	position: absolute;
	width: 63px;
	height: 89px;
	top: 182px;
	left: 295px;	
}
.prog a#logo-cdtauvergne {
	position: absolute;
	width: 100px;
	height: 46px;
	top: 203px;
	left: 362px;	
}
.prog a#logo-creditmut {
	position: absolute;
	width: 114px;
	height: 32px;
	top: 214px;
	left: 469px;	
}
.prog a#logo-cdt15 {
	position: absolute;
	width: 32px;
	height: 89px;
	top: 182px;
	left: 577px;	
}
.prog a#logo-vulcania {
	position: absolute;
	width: 122px;
	height: 35px;
	top: 188px;
	left: 627px;	
}
.prog a#logo-decathlon {
	position: absolute;
	width: 122px;
	height: 32px;
	top: 229px;
	left: 627px;	
}
.prog a#logo-totem {
	position: absolute;
	width: 53px;
	height: 88px;
	top: 182px;
	left: 742px;	
}
.prog a#logo-enauvergne {
	position: absolute;
	width: 110px;
	height: 25px;
	top: 182px;
	left: 802px;	
}
.prog a#logo-sancymag {
	position: absolute;
	width: 110px;
	height: 40px;
	top: 211px;
	left: 802px;	
}
.prog a#logo-lamontagne {
	position: absolute;
	width: 110px;
	height: 25px;
	top: 245px;
	left: 802px;	
}

#webring { 
	height: 203px;
	margin-left: 30px;
}

div.links p.links {
  margin-left: 85px;
	margin-top: 3px;
	font-size: 16px;
	width: 450px;
}

div.links p.links a {
  color: #fff;
	font-weight: bold;
}

div.links p.links a#link_2 {
  margin-left: 45px;
	margin-right: 50px;
}

p.copy {	
	color: #333;
	text-align: right;
	font-weight: bold;
	/*margin-top: -10px;*/
}

p.copy a {
	color: #333;
}

p#credits {
	text-align: right;
	color: #333;
	font-weight: bold;
	margin: 3px 0 0 0;
	background: #fff;
	border-bottom: 3px solid #fff;
}

p#credits a {
	color: #333;
}

p#credits a:hover {
	color: #333 !important;
}

p#credits a:hover strong {
	text-decoration: underline;
}

a#myvisit {
	display: none;
}