* {
	margin:0;
	padding:0;
		line-height:22px;
	color:#666;
}

#enigmatic {
    background: url(/sts/www-centrelaruche-manigod-fr/img/gbr/enigmatic_laruche.gif) no-repeat;
    display:block;
    width:105px;
    height:39px;
}
#enigmatic span{ display: none;}


.none, #go_contenu {display:none}
.clear {clear:both;font-size:0px;line-height:0px;height:0px;width:0px}
.float-l {float:left}
.float-r {float:right}
 
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;  
    background:url(/sts/www-centrelaruche-manigod-fr/img/gbr/back.jpg) repeat-x #fff;
    font-size:95%;
}

a {color:#333;font-size:inherit;text-decoration:underline}
a:hover {text-decoration:none;color:#fcb54a}

ul li {list-style:circle}

p, ul, dl, h1, h2, h3, h4{margin-bottom:20px}

p, div { font-size:95%; }

h1, h2, h3, h4, h5, h6, label, .submit {font-family:Garamond, Georgia, "Times New Roman", Times, serif;color:#7d6134}
h1, h2, h3, label, .submit {}
h2, h3 {font-size:22px;border-bottom:1px solid #7d6134;padding-bottom:10px}
h3 {font-size:20px}
h4 {font-size:18px}
h5, h6 {margin-bottom:0px;color:#337C00;}
h6 {font-size:16px}
h5 {font-size:18px}

img {border:none}

/* ---------------- container, cadres de mise en page ---------------- */

#global {width:1000px;margin:0px auto 0px auto}

#header {}

#pix_acc {margin:10px 0px 0px 50px}

#titre_header {background:url(/sts/www-centrelaruche-manigod-fr/img/gbr/head_la_ruche.gif) no-repeat;width:1000px;height:76px}
#titre_header h1 {display:none}

#head_left, #head_right {width:56px;height:120px;background-repeat:no-repeat}
#head_left {background-image:url(/sts/www-centrelaruche-manigod-fr/img/gbr/head_left.gif);float:left}
#head_right {background-image:url(/sts/www-centrelaruche-manigod-fr/img/gbr/head_right.gif);float:right}

#cadre_visu {width:888px;float:left}
#sepa_visu {background:url(/sts/www-centrelaruche-manigod-fr/img/gbr/sepa_visu.gif) no-repeat;width:6px; height:120px;float:left}
#cadre_visu  img {border-bottom:1px solid #f90}
img#visu_left {float:left;border-right:1px solid #f90}
img#visu_right {float:right;border-left:1px solid #f90}

#footer {margin:0px auto 0px auto;border-left:1px solid #f90;border-right:1px solid #f90;background-color:#fff}

/* ========================== MENU ====================================== 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */
#menu {
	clear:both;
	width:898px;
	height:28px;
	position:relative;
	z-index:100;
	background:url(/sts/www-centrelaruche-manigod-fr/img/gbr/back_menu.gif) repeat-x;
	border:1px solid #f90;
	border-top:none;
	margin-left:50px;
}

#menu ul li a,
#menu ul li a:visited {
	display:block;
	text-decoration:none;
	color:#000;
	width:111px;
	text-align:center;
	color:#fff;
	overflow:hidden;
	line-height:28px;
}

#menu ul {margin-left:4px}

#menu ul li {float:left; position:relative; list-style: none;background:url(/sts/www-centrelaruche-manigod-fr/img/gbr/sepa.gif) no-repeat left}

#menu ul li ul {display:none;margin:7px 0px 0px 0px;border-top:1px solid #f90}
#menu ul li ul li {font-size:10px}

/* specific to non IE browsers */
#menu ul li:hover a {color:#fff; background:url(/sts/www-centrelaruche-manigod-fr/img/gbr/back_menu_on.gif) repeat-x;line-height:28px}
#menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px}
#menu ul li:hover ul li a.hide {background:#666; color:#fff}
#menu ul li:hover ul li:hover a.hide {background:#f3ac43; color:#666}
#menu ul li:hover ul li ul {display: none}
#menu ul li:hover ul li a {display:block; background:#ddd; color:#666;font-size:10px}
#menu ul li:hover ul li a:hover {background:#f3ac43; color:#fff}
#menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0}
#menu ul li:hover ul li:hover ul.left {left:-105px}

/* specific to IE 6 */
#menu ul li a {_height:28px}

#menu ul li a.hide, #menu ul li a:visited.hide {_display:none}
#menu ul li a:hover ul li a.hide {_display:none}

#menu ul li a:hover {background:url(/sts/www-centrelaruche-manigod-fr/img/gbr/back_menu_on.gif) repeat-x}
#menu ul li a:hover ul {_display:block; _position:absolute; _top:21px; _left:0; _width:105px}
#menu ul li a:hover ul li a.sub {_background:#6a3; _color:#fff}
#menu ul li a:hover ul li a {_display:block; _background:#ddd; _color:#000;_font-size:10px}
#menu ul li a:hover ul li a ul {_visibility:hidden}
#menu ul li a:hover ul li a:hover {_color:#fff;_background:#f3ac43}
#menu ul li a:hover ul li a:hover ul {_visibility:visible; _position:absolute; _left:105px; _top:0; _color:#000}
#menu ul li a:hover ul li a:hover ul.left {_left:-105px}

#menu .sepa {width:2px;height:28px}
/* --------------------------------------- */
/* -------------- footer ----------------- */
/* --------------------------------------- */

#footer {border-bottom:1px solid #f90;padding:3px;width:892px;margin-bottom:50px;height:39px}

#footer ul {background:url(/sts/www-centrelaruche-manigod-fr/img/gbr/back_footer.gif) repeat-x;height:39px;padding-left:10px;margin:0}
#footer ul li {float: left;list-style:none;font-size:10px;color:#fff; height: 39px;line-height: 39px;    }

#footer ul li#enigmatic_li{float: right;}

#footer ul li a {text-decoration:none;color:#fff;font-size:10px}
#footer ul li a:hover {text-decoration:none;color:#7d6134}

#logo_salle {
	background:url(/sts/www-centrelaruche-manigod-fr/img/gbr/logo_la_salle.gif) no-repeat;
	width:196px;
	height:44px;
	float:right;
	position:relative;
	top:-85px;
	right:23px;
	_margin-bottom:-85px;
}




/* --------------------------------------- */
/* -------------- CONTENU ---------------- */
/* --------------------------------------- */

.content, #back_img_cnt {min-height:451px;_height:451px}

.content {
	width:898px;
	margin:0px auto 0px auto;
	background:url(/sts/www-centrelaruche-manigod-fr/img/gbr/back_content.gif) #fff repeat-y;
	border-left:1px solid #f90;
	border-right:1px solid #f90;
}

#back_img_cnt {
	position:relative;
	left:173px;
	!left:0px;
	background:url(/sts/www-centrelaruche-manigod-fr/img/gbr/back_content.jpg) no-repeat;
	width:725px;
	padding:0px;
	_width:722px;
}

#colcnt_left {
	background:url(/sts/www-centrelaruche-manigod-fr/img/gbr/back_col_left.gif) repeat-y top;
	width:173px;
	float:left;
}

#colcnt_left_inner {
	background:url(/sts/www-centrelaruche-manigod-fr/img/gbr/img_col_left.jpg) no-repeat top;
	width:173px;
	min-height:451px;
	*height:451px;
}

#colcnt_middle {
	width:455px;
	float:left;
	margin-left:0px;
	!margin-left:0px;
	padding:30px 20px 30px 20px;
	_padding-right:0px;
}

#colcnt_right {float:right;width:208px;padding:52px 20px 30px 0px;height:auto;_padding-right:0px;_margin-right:7px}

/* corrige bug positionnement colonne milieu sur firefox 2 */
#colcnt_middle, x:-moz-any-link {margin-left:-173px}

/* corrige bug positionnement colonne milieu sur safari + IE7 */
/*\*/
html>body*#colcnt_middle {margin-left:-173px;!margin-left:0px}
/**/

ul#contact_home {margin-left:20px}

ul#contact_home li {
	list-style:none;
	padding:0px 0px 20px 25px;
	background-repeat:no-repeat;
	line-height:12px;
}

ul#contact_home li a {line-height:12px}

#pic_adr {background-image:url(/sts/www-centrelaruche-manigod-fr/img/gbr/picto_home.gif)}
#pic_tel {background-image:url(/sts/www-centrelaruche-manigod-fr/img/gbr/picto_tel.gif)}
#pic_fax {background-image:url(/sts/www-centrelaruche-manigod-fr/img/gbr/picto_fax.gif)}
#pic_mail {background-image:url(/sts/www-centrelaruche-manigod-fr/img/gbr/picto_mail.gif)}




/* --------------------------------------- */
/* ------------- COL RIGHT --------------- */
/* --------------------------------------- */

.bloc {background-color:#fcb54a;padding:10px;margin-bottom:20px;border:}

#colcnt_right .bloc { border:1px solid #B36B00; background:transparent url(/sts/www-centrelaruche-manigod-fr/img/gbr/bg_evt.png) repeat top left;_background:#F1e2cc none; }

.photo {padding:3px;text-align:center;border:#B36B00 solid 1px }
.photo div.white {margin:3px;background-color:white}
.photo p{margin: 0px 0px;color:#593600}
img#titre_actus {margin:5px 0px 10px 47px}

.actus {padding:0px}

.bloc .actus dt,
.bloc .actus dd,
.bloc .actus dd a 
{
  font-family : Arial, Helvetica, serif;
    color:#7d6134;
}

.bloc h4 { 
  font-family:font-family:Garamond, Georgia, "Times New Roman", Times, serif;
  color:#b36b00;
  font-size:22px;
  text-align:center;
  border-bottom: #b36b00 dotted 1px;
  padding-bottom:8px;
  margin-bottom:8px;
}

.bloc .actus dl {margin-bottom:0px;padding-top:10px}

.bloc .actus dt, .bloc .actus dd a {font-weight:bold;}
.bloc .actus dt {font-family : Arial, Helvetica, serif; color:black;  text-transform:uppercase; }

.bloc .actus dd { line-height:18px; font-size:12px;}
.bloc .actus dd.date { font-size:10px; line-height:12px; margin-bottom:4px}
.bloc .actus dd.plus {text-align:right; margin-right:5px; font-size:11px;}
.bloc .actus dd.plus a{ color:black ; }

.bloc p.lien_actus { text-align:right; margin-bottom:0px }
p.lien_actus a{ color: #b36b00 ; margin-right:5px;}


/* ---------------- chemin + num page -------------- */

ul#num_page, ul#chemin {border-bottom:1px dotted #7d6134}
ul#num_page li, ul#chemin li {list-style:none;display:inline;font-size:10px;padding:0px 3px 0px 3px;color:#999}
ul#num_page li a, ul#chemin li a {color:#7d6134;text-decoration:none;font-size:10px}
ul#num_page li a:hover, ul#chemin li a:hover {color:#600}
ul#num_page li span {color:#7d6134;font-size:10px}


/* -------------------- haut de la page ---------------- */

a#top_page {
	font-size:10px;
	color:#999;
	text-decoration:none;
	background:url(/sts/www-centrelaruche-manigod-fr/img/gbr/fl_top.gif) no-repeat 0px 7px;
	padding-left:12px;
	display:block;
	width:120px;
	height:20px;
	margin-left:354px;
	_width:90px;
	clear:both;
}

a:hover#top_page {color:#7d6134;background:url(/sts/www-centrelaruche-manigod-fr/img/gbr/fl_top_on.gif) no-repeat 0px 7px}


/* --------------- formulaire recherche && plan d'acces -------------- */

img#titre_search {margin:5px 0px 10px 2px}

#form_search.bloc {
  background:transparent;
  }

#form_search form {margin:0px 0px 10px 5px}

#form_search label {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#333;
	display:block;
	font-weight:bold;
	font-size:11px;
	display:none;
}

#form_search form input.texte {
	width:115px;
	height:16px;
	background:url(/sts/www-centrelaruche-manigod-fr/img/gbr/back_search_mini.gif) no-repeat 0px 0px;
	color:#333;
	border:none;
	font-size:10px;
	line-height:10px;
	padding:6px 2px 0px 25px;
	display:block;
	border-bottom:1px solid #ccc;
}

#form_search .submit {
	width:51px;
	height:17px;
	padding:2px;
	background:url(/sts/www-centrelaruche-manigod-fr/img/gbr/back_btn_search.gif) no-repeat;
	display:block;
	margin-left:91px;
	margin-top:8px;
	font-size:10px;
	line-height:10px;
	color:#999;
	border:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#plandacces a {
  margin:32px auto 0 auto;
  height:170px;
  text-align:center;
  width: 173px;
  display:block;
  border:0px;
  text-decoration:none;
}


/* -------------------------  Formulaire ----------------------- */

.red { color:red; }

fieldset#form, #form {border:none}
fieldset#form {margin-bottom:30px}

#form legend {display:none}

#form input, #form select, #form textarea {margin-bottom:20px}

#form select, #form input, #form textarea {
	background-color:#f7ecd8;
	border-bottom:1px solid #b49c75;
	border-right:1px solid #b49c75;
}

#form select {font-size:11px;color:#333}

#form input, #form textarea {
	height:auto;
	width:auto;
	line-height:16px;
	padding-left:3px;
	border-left:none;
	border-top:none;
}

#form input.text,#form textarea {width:350px;border-top:2px;border-left:2px;color:#333;font-size:11px;padding:2px 4px 2px 4px}

#form option {border:none;font-size:11px}

#form input.radio, #form input.check {
	border:none;
	background-color:transparent;
	float:left;
}

.lb_check, .lb_radio {float:left;padding-right:10px}

label {
	margin-bottom:5px;
	line-height:12px;
	display:block;
	font-weight:bold;
	background:url(/sts/www-centrelaruche-manigod-fr/img/gbr/fl_dotted.gif) no-repeat 0px 3px;
	font-size:14px;
}

#form .submit {
	display:block;
	float:none;
	height:auto;
	width:auto;
	padding:3px;
	border:1px solid #7d6134;
	font-size:14px;
	font-weight:bold;
	margin:10px 0px 20px 0px;
}

/* pour ie 7 et 6 */

#form input.radio, #form input.check {
	!margin-top:-3px;
	_margin-top:-3px;

}

#form input {!height:16px; _height:16px}

#form .submit {!padding-top:3px;_padding-top:3p}


/* -------------- DOC et bloc liste --------------- */

/* ------------------------------ LISTE UNIQUEMENT -------------------------- */
.box_liste {
	padding:10px 0px 10px 0px;
	border-top:1px dotted #7d6134;
			margin-bottom:0px;
}

.box_liste img {float:left;margin-right:20px;margin-top:5px}

.box_liste h2, .box_liste h2 a {
	padding-top:5px;
	margin-bottom:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#600;
	text-decoration:none;
	border-bottom:none;
}

.box_liste h2 a:hover {color:#fcb54a}

.box_liste p {margin-bottom:5px;font-size:11px;line-height:20px}

.box_liste a.savoir_plus {
	font-size:11px;
	font-weight:bold;
	display:block;
	width:150px;
	margin-left:360px;
	margin-top:-10px;
	_width:95px;
}

#type_doc img {float:right;margin-left:15px}
#type_doc ol li{margin-left:20px;}
#type_doc ul li{margin-left:20px;}
td {vertical-align:top}

.meteo{width: 172px; overflow: hidden; margin-top:1.5em;}
.meteo #skiinfo_content{padding: 5px 5px 8px;}