* {margin:0;padding:0;border:0;}
html {font-size:100%;font-family: Arial, Helvetica, sans-serif;}
.clear {clear:both;font-size:1px;line-height:1px;height:1px}
body {font-size:80%; color: #333;text-align:center; background:#d9f0ff; font-size:12px;}

/* Contenu global */
#global {width:990px; margin:auto; background-color:#fff}

/* en-tête */
#header {width:990px;  height:132px;}
#header div.tetiere {height:113px; background:url(../graphics/portail/tetiere7.jpg) no-repeat left top}

/* en-tête > liens */
#header div.tetiere #cantal_com{
	position:relative; width: 41px; height: 98px; margin: 15px 0 0 0; float: left;display: block;}
#header div.tetiere #cantal_accueil{
	position:relative; width:784px; height: 89px; margin:15px 0 0 0; float:left;display: block;}
#header div.tetiere #cantal_fr{
	position:relative; width:165px; height: 98px; margin:15px 0 0 0; float:right;display: block;}
#header div.tetiere a span{display: none;}

/* menu horizontal */
/*#header div.menu_hori {margin:0 0 0 0 !important; padding:0 !important; height:13px;}*/
/*#header div.menu_hori ul {list-style-type:none;}
#header div.menu_hori ul li {width:165px; height:18px; display:block;float:left; margin:0 0 0 0;}
#header div.menu_hori ul li a {display:block; width:165px; margin:0 0 0 0; color:#444; font-weight:bold; letter-spacing:0.8px; font-size:11px; text-decoration:none; text-transform:uppercase}
#header div.menu_hori ul li a:hover {background-color:#cc0000; color:#fff}
#header div.menu_hori ul li a.actif {background-color:#cc0000; color:#fff}
#header div.menu_hori ul li ul {display: none;}*/

/* menu horizontal > js dynamic style */
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 100%;/*width: 165px;/* left offset of submenus need to match (see below) */
}
.sf-menu li {
	width: 198px;/*width:inherit;*//*width: 165px;*/
	display: block;
	/*height: 15px;*/
	float: left;
	position: relative;
	z-index: 300;
	height: 26px;
	vertical-align: middle;
}
.sf-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0;
	top: 27px; /* match top ul list item height */
	z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 165px; /* match ul width */
	top: 0;
}
ul.sf-menu li.li_142 li:hover ul, ul.sf-menu li.li_142 li.sfHover ul {
	left: 142px; /* match ul width */
}
ul.sf-menu li.li_184 li:hover ul, ul.sf-menu li.li_184 li.sfHover ul {
	left: 184px; /* match ul width */
}
ul.sf-menu li.li_126 li:hover ul, ul.sf-menu li.li_126 li.sfHover ul {
	left: 126px; /* match ul width */
}
ul.sf-menu li.li_197 li:hover ul, ul.sf-menu li.li_197 li.sfHover ul {
	left: 197px; /* match ul width */
}
ul.sf-menu li.li_184 li:hover ul, ul.sf-menu li.li_184 li.sfHover ul {
	left: 184px; /* match ul width */
}
ul.sf-menu li.li_157 li:hover ul, ul.sf-menu li.li_157 li.sfHover ul {
	left: 157px; /* match ul width */
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 165px; /* match ul width */
	top: 0;
}
.sf-menu a {
	display: block;
	position: relative;
	text-decoration:none;
	display:block; 
	margin:0 0 0 0; 
	color:#444; 
	font-weight:bold; 
	letter-spacing:0.8px; 
	font-size:11px; 
	text-decoration:none; 
	text-transform:uppercase;
	padding-top: 5px;
	height: 22px;
}
/* menu horizontal > js dynamic style > theme ad15 */
.sf-menu {
	float: left;
	/*margin-bottom: 1em;*/
}
.sf-menu li li {
	background: #fff;
	/*background: #6ABE28;*/
}
.sf-menu li li a{
	text-transform: none;
}
.sf-menu li li li {
	background: #fff;
	/*background: #6ABE28;*/
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu a.actif {
	/*background: #CC0000;*/
	outline: 0;
	/*color: #fff !important;*/
}
.sf-menu li.sfHover a{
	color: #000;
}
.sf-menu li.sfHover a:hover, .sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, 
.sf-menu a.actif, .sf-menu a.actif:hover,
.sf-menu li.sfHover a.sf-with-ul{
	background: #CC0000 !important;
	color: #fff !important;
}
/* menu horizontal > js dynamic style > theme ad15 >> fleche */
.sf-menu a.sf-with-ul {
	padding-right: 2.25em;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: .75em;
	top: 7px; /* IE6 only */
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
	background: url('../graphics/menu/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top: 7px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* menu horizontal > js dynamic style > theme ad15 >> hover pour les navigateurs modernes */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
a.actif .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* fleche hover pour les navigateurs modernes */
}

/* clic droit pour l'ancre dans les sous menus */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* application du hover pour les nav. moderne */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* fleche hover pour les navigateurs modernes */
}

/* menu horizontal > js dynamic style > theme ad15 >> ombre pour tout les nav. sauf ie6 */
.sf-shadow ul, .sf-js-enabled ul {
	background: url('../graphics/menu/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
	
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* sous menu (latéral) */
ul.sub_menu li a{
	color: #757678;
	font-size: 11px;
	/*text-transform: uppercase;*/
	font-weight: bold;
	text-decoration: none;
	display: inline !important;
	margin:0 !important;
	padding:0 !important;
}
ul.sub_menu{
	list-style-image: url('../graphics/portail/arrow_white.gif');
	margin: 3px 0 5px 15px;
}
ul.sub_menu ul{
	color: #FFFFFF;
	list-style: disc inside none;
	margin-left: 10px;
	margin-bottom: 10px;
}
ul.sub_menu ul li a, ul.sub_menu li.actif ul a{
	text-transform: none;
	color: #757678;
	display: inline !important;
}
ul.sub_menu a{background: none !important;}
#right div.box_reservation div.contenu ul.sub_menu li{
	text-align: left;
	margin-bottom: 5px;
	margin-top: 5px;
}

/* ariane */
div#ariane a{text-decoration: none; color: #cc0000;}

/* contenu */
#middle {width:990px; margin: 40px 0 40px 0; text-align:left; }

/* pied de page */
#footer {width:990px; height:50px; background-color:#d9f0ff; text-align:center}
#footer div.right {height:50px;float:right; width:280px;}
#footer div.right img {margin:5px 0 0 0}
#footer div.right a.logo {float:right;}
#footer div.right a.credits {float:left; color:#cc0000; text-transform:uppercase; padding: 15px 0 0 0; margin: 0 0 0 20px; font-size:10px}
#footer div.left {float:left; width:700px; height:35px; color:#444; text-align:left; padding:15px 0 0 0; text-transform:uppercase; font-size:10px}


/* contenu droite */
#right {float:right;width:205px;}

/* contenu central */
#center {float:left; width:775px;}
#center div.content {margin:0 55px 0 22px;}

h3 {color:#69bd2a; text-transform:uppercase; font-size:20px; margin: 0 0 0 0}
h4 {color:#5ca321; text-transform:uppercase; font-size:13px; margin: 30px 0 10px 0}

/* bloc central normal */
#center div.box_content table{margin: 0 0 10px 0}
#center div.box_content table tr td {vertical-align:top;}
#center div.box_content table tr td.media_left{padding: 3px 20px 0 0; width:130px}
#center div.box_content table tr td.media_left img{margin: 0 0 5px 0; }
#center div.box_content table tr td.media_left div.legende{color:#5ca321; margin: 0 0 10px 0; text-align:center; font-style:italic}
#center div.box_content table tr td.media_left div.media_content{margin:0 0 0 0; padding:0 !important}
#center div.box_content table tr td.description{color:#222; text-align:justify}
#center div.box_content table tr td.description a {color:#5ca321;}
#center div.box_content table tr td.description a:hover {color:#cc0000;}
#center div.box_content table tr td.description ul {list-style-type:none}
#center div.box_content table tr td.description ul li{padding: 1px 0 2px 12px; margin:0 0 0 30px; background:url(../graphics/portail/puce_green.gif) no-repeat left 8px}
#center div.box_content table tr td.description div.credits_link a{padding: 3px 0 3px 30px; display:block; color:#5ca321; background:url(../graphics/portail/arrow_green.gif) no-repeat left 8px}
#center div.box_content table tr td.description div.credits_link a:hover{color:#cc0000; background:url(../graphics/portail/arrow_red.gif) no-repeat left 8px}
#center div.media_link {border-top:1px solid #757678; width:276px; padding:8px 0 5px 0; margin: 0 0 2px 224px}
#center div.media_link a{padding: 0 0 5px 50px; color:#5ca321; display:block; background:url(../graphics/portail/arrow_green.gif) no-repeat left 5px}
#center div.media_link a:hover{color:#cc0000; background:url(../graphics/portail/arrow_red.gif) no-repeat left 5px}
#center div.media_file {border-top:1px solid #757678; width:276px; padding:8px 0 5px 0; margin: 0 0 2px 224px}
#center div.media_file a{padding: 0 0 5px 50px; color:#5ca321; display:block; background:url(../graphics/portail/picto_dl_green.gif) no-repeat left 5px}
#center div.media_file a:hover{color:#cc0000; background:url(../graphics/portail/picto_dl_red.gif) no-repeat left 5px}
#center div.titre {color:#757678; text-transform:uppercase; font-size:11px; letter-spacing:0.5px; margin: 0 0 5px 0}
#center div.barre_block {height:1px; width:276px; margin: 0 0 0 224px; border-bottom:1px solid #757678}

/* bloc encadré à droite */
#right div.box{width:175px; padding:15px 15px 15px 15px; margin: 0 0 20px 0; border:1px solid #493c33}
#right > div.box{width:175px; padding:15px 15px 15px 15px; margin: 0 0 20px -2px; border:1px solid #493c33}
#right div.box div.contenu {font-size:11px; text-align:justify; margin: 0 0 10px 0}
#right div.box div.contenu a{text-align:left;}
#right div.box div.contenu p.titre_box{color:#69bd2a; font-size:16px; text-transform:uppercase; text-align:left !important; margin:0 0 12px 0}
#right div.box div.mediafile div.titre {color:#757678; margin:0 0 0 0; text-transform:uppercase; font-size:11px}
#right div.box div.mediafile a{padding:0 0 0 10px; color:#5ca321; display:block; background:url(../graphics/portail/picto_dl_green.gif) no-repeat left 6px}
#right div.box div.mediafile a:hover{color:#cc0000; background:url(../graphics/portail/picto_dl_red.gif) no-repeat left 6px}
#right div.box div.medialink div.titre {color:#757678; margin:0 0 0 0; text-transform:uppercase; font-size:11px}
#right div.box div.medialink a{padding:0 0 0 10px; color:#5ca321; display:block; background:url(../graphics/portail/arrow_green.gif) no-repeat left 6px}
#right div.box div.medialink a:hover{color:#cc0000; background:url(../graphics/portail/arrow_red.gif) no-repeat left 6px}

/*bloc de réservation */
#right div.box_reservation{width:175px; padding:15px 15px 15px 15px; margin: 0 0 20px 0; border:1px solid #6abe28; background-color:#6abe28}
#right > div.box_reservation{margin: 0 0 20px -2px; }
#right div.box_reservation div.contenu {font-size:11px; text-align:justify; margin: 0 0 10px 0; color:#000;}
#right div.box_reservation p.titre_box{color:#fff; font-size:16px; text-transform:uppercase; text-align:left !important; margin:0 0 12px 0}
#right div.box_reservation a{padding: 0 0 0 20px; color:#fff; display:block; background:url(../graphics/portail/arrow_white.gif) no-repeat left 6px}

.div_form label.short {color:#444; margin:0 20px 5px 0; width:100px; float:left}
.div_form input {border:#cc0000 1px solid; width:165px}
.div_form input.btn_ok_right {width:auto !important;border:#cc0000 1px solid;margin:5px 0 5px 240px;background-color:#cc0000;color:#FFF;height:auto; }
.content {text-align:left;}

#right div.box form {height:18px;}
#right div.box form input {padding:0 !important; margin:0 !important; width:140px; border:1px solid #cc0000; height:16px; float:left}
#right div.box form input.btn_ok {color:#fff; padding:0 !important; background-color:#cc0000; border:1px solid #cc0000; height:18px; width:auto; margin: 0 0 0 5px !important}

table.calendar {position:absolute;margin:4px 0 0 0;border-collapse:collapse;background:#FFFFFF;border:1px solid #5ca321;}
* > table.calendar {margin:-5px 0 0 161px;}
input.date {border:1px solid #cc0000; width:132px;}

a.lien_rss{
	color: #CC0000;
	font-weight: bold;
	text-decoration: none;
	background:url(../graphics/portail/rss.png) no-repeat right center;
	padding-right: 20px;
}
a.lien_rss:hover{
	color:#5CA321;
	text-decoration: underline;
}
div.lien_phototheque{
	margin-top: 6px;
	padding-left:150px;
}
div.lien_phototheque a{
	color: #cc0000;
	text-decoration: none;
}
div.lien_phototheque a:hover{
	color: #cc0000;
	text-decoration: underline;
}

/* bloc central */
.box_content {width:100%;clear: both;float:left;}
.box_content h4 {margin: 30px 0 20px 0}
.box_content div.sous_titre {color:#a98462; margin: 0 0 10px 0; font-weight:bold;}
.box_content div.legende {width:130px; color:#a98462; margin: 0 0 5px 0; font-size:10px; font-style:italic; text-align:center}
.box_content div.description {margin: 10px 0 0 0;padding-left:150px;}
.box_content div.description img {padding:10px 0 10px 0}
.box_content div.description a {color:#a98462; text-decoration:none;}
.box_content div.description a:hover {text-decoration:underline;}
.box_content div.description ul {list-style-type:none;}
.box_content div.description ul li {background: url(../graphics/portail/puce_marron_square_4x4.gif) no-repeat 0 5px; padding:0 0 0 16px;}
.box_content div.media_left {float:left; padding: 4px 0 0 0; margin: 0 20px 0 0}
.box_content div.media_center {width:100%; padding: 4px 0 0 0; margin: 0 10px 0 0}
.box_content div.media_center img{display: block; margin-left: auto; margin-right: auto}
.box_content div.media_right {float:right; padding: 4px 0 0 0; margin: 0 0 0 10px}
.box_content div.media_link {width:276px; float:right; margin: 10px 0 0 0; padding: 0 0 5px 0; border-top:1px #dadada solid; border-bottom:1px #dadada solid;}
.box_content div.media_link a{text-align: left; color:#a98462; display:block; background: url(../graphics/portail/arrow_marron.gif) no-repeat 0 5px; padding:0 0 0 36px;}
.box_content div.media_link div.titre {margin: 5px 0 5px 0; color:#9a9a9a; text-transform:uppercase;}
.box_content div.media_mediafile {width:276px; float:right; margin: 10px 0 0 0; padding: 0 0 5px 0; border-top:1px #dadada solid; border-bottom:1px #dadada solid;}
.box_content div.media_mediafile a{text-align: left; color:#a98462; display:block; background: url(../graphics/portail/dl_marron.gif) no-repeat 0 5px; padding:0 0 0 36px;}
.box_content div.media_mediafile div.titre {margin: 5px 0 5px 0; color:#9a9a9a; text-transform:uppercase;}