body, td, input, select {
	font-family: 'lucida grande', verdana, arial, sans-serif;
	font-size: 10pt;
	color: #333;
}
body, td {
	margin: 0px;
	padding: 0px;
}
body {
	background-color: #DCD8BF;
}

form {
	margin: 0px;
	padding: 0px;
}

img {
	border: 0px;
}

object {
	vertical-align: middle;
}

div.clear {
	clear: both;
}

.detail {
	font-size: 8.5pt;
}

#hdr {
	width: 760px;
	margin: 0px auto;
	height: 80px;
}
#hdr div.logo {
	padding-top: 20px;
	margin-right: 20px;
	float: left;
}
#hdr div.slogan {
	font-size: 8.5pt;
	padding-top: 55px;
}
#hdr div.slogan a {
	color: #333;
	text-decoration: none;
}

#nav-top {
	width: 760px;
	margin: 0px auto;
	padding-top: 15px;
	border-bottom: 5px solid #0098D0;
}
#nav-top table {
	border: 0px;
	border-collapse: collapse;
	margin-left: 10px;
}
#nav-top td {
	white-space: nowrap;
	font-family: helvetica, arial, sans-serif;
	vertical-align: top;
}
#nav-top td.path0 {
	background: #0F8435 url(../res/element/nav_top_1.gif) top left no-repeat;
}
#nav-top td.path1 {
	background: #0098D0 url(../res/element/nav_top_sel_1.gif) top left no-repeat;
}
#nav-top a {
	display: block;
	color: #DCD8BF;
	font-size: 11pt;
	text-decoration: none;
	padding: 10px 12px 5px 12px;
	border-right: 3px solid #DCD8BF;
}
#nav-top a.path0-here0 {
	background: url(../res/element/nav_top_2.gif) top right no-repeat;
}
#nav-top a.path0-here0:hover {
	color: #fff;
}
#nav-top a.path1-here0,
#nav-top a.path1-here1 {
	background: url(../res/element/nav_top_sel_2.gif) top right no-repeat;
	color: #fff;
}
#nav-top a.path1-here1 {
	font-weight: bold;
}

#local {
	width: 760px;
	margin: 0px auto;
	background: #fff;
}

div.deco div.deco-montagnes {
	position: absolute;
	height: 150px;
	width: 760px;
	background: url(../res/element/montagnes.png) bottom left no-repeat;
}
div.deco div.deco-montagnes p.slogan {
	margin: 0px;
	margin-top: 60px;
	margin-left: 20px;
	color: #fff;
	font-size: 42pt;
	font-family: 'gill sans', helvetica, arial, sans-serif;
	opacity: .8;
	filter: alpha(opacity = 80);
	zoom: 1;
}
div.deco div.deco-montagnes p.slogan strong {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 34pt;
}

#nav-level1 {
	background: #0098D0 url(../res/element/montagnes.png) bottom left no-repeat;
	height: 45px;
	padding: 5px 25px 0px 25px;
}
#nav-level1.sans-montagnes {
	background: #0098D0;
	height: 30px;
}
#nav-level1 table {
	border: 0px;
	border-collapse: collapse;
}
#nav-level1 td {
	padding-right: 10px;
	font-size: 9pt;
	font-family: helvetica, arial, sans-serif;
}
#nav-level1 a {
	text-decoration: none;
	display: block;
	padding: 5px 5px 3px 5px;
	text-decoration: none;
}
#nav-level1 a.path0-here0 {
	color: #fff;
}
#nav-level1 a.path0-here0:hover {
	text-decoration: underline;
}
#nav-level1 a.path1-here0,
#nav-level1 a.path1-here1 {
	color: #000;
	background-color: #fff;
	border: 1px solid #333;
}
#nav-level1 a.path1-here1 {
	font-weight: bold;
}

#contenu {
	padding: 25px 25px 50px 25px;
	vertical-align: top;
	background: url(../res/element/bivouac.png) bottom left no-repeat;
}

#contenu a {
	color: #CE5C00;
}
#contenu a:hover {
	color: #9b2900;
}

#nav-contexte {
	width: 214px;
	float: right;
	clear: right;
	background-color: #fff;
	padding: 1px 18px;
	border: 2px solid #619D1B;
	margin: 0px 0px 20px 35px;
	font-size: 9pt;
}
#nav-contexte a {
	text-decoration: none;
}
#nav-contexte a:hover {
	text-decoration: underline;
}
#nav-contexte p.root {
	font-size: 12pt;
	margin-top: 1.2em;
	margin-bottom: 0px !important;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
}
#nav-contexte p.root a {
	color: #619D1B;
}
#nav-contexte ul {
	margin: 0px 0px 1em 0px !important;
	padding-left: 15px !important;
}
#nav-contexte li {
	margin: 0.2em 0px !important;
	list-style: circle !important;
}
#nav-contexte li.path1-here1 {
	list-style: disc !important;
}
#nav-contexte a.path1-here0,
#nav-contexte a.path1-here1 {
	font-weight: bold;
}
#nav-contexte a.path1-here1 {
	color: #000;
}

#nav-article {
	width: 214px;
	float: right;
	clear: right;
	background-color: #DCD8BF;
	padding: 1px 20px;
	margin: 0px 0px 20px 35px;
	font-size: 9pt;
}
#nav-article a {
	text-decoration: none;
}
#nav-article a:hover {
	text-decoration: underline;
}
#nav-article p.root {
	font-size: 12pt;
	margin-top: 1.2em;
	margin-bottom: 0px !important;
	font-family: helvetica, arial, sans-serif;
	color: #619D1B;
}
#nav-article ul {
	margin: 0px 0px 1em 0px !important;
	padding-left: 15px !important;
}
#nav-article ul ul {
	margin-bottom: 0.5em !important;
	display: none;
}
#nav-article li {
	margin: 0.2em 0px !important;
	list-style: circle !important;
	line-height: normal !important;
}
#nav-article li li {
	font-size: 8.5pt;
	margin: 2px 0px !important
}

#sommaire-article {
}
#sommaire-article a {
	text-decoration: none;
}
#sommaire-article a:hover {
	text-decoration: underline;
}
#sommaire-article p.root {
	font-size: 12pt;
	margin-top: 1.2em;
	margin-bottom: 0px !important;
	font-family: helvetica, arial, sans-serif;
	color: #619D1B;
}
#sommaire-article ul {
	margin: 0px 0px 1em 0px !important;
	padding-left: 15px !important;
}
#sommaire-article ul ul {
	margin-bottom: 0.5em !important;
}
#sommaire-article li {
	margin: 0.5em 0px !important;
	list-style: circle !important;
	line-height: normal !important;
}
#sommaire-article li li {
	font-size: 8.5pt;
	margin: 2px 0px !important
}

#crumb {
	margin: 0px 0px 0.5em 0px !important;
	line-height: normal !important;
	font-size: 8.5pt;
}
#crumb a {
	color: ;
	text-decoration: none;
}
#crumb a:hover {
	text-decoration: underline;
}

h1 {
	letter-spacing: -1px;
	font-size: 30pt;
	font-weight: normal;
	margin-top: 0px;
	font-family: 'helvetica light', 'helvetica neue light', helvetica, arial, sans-serif;
}
h1 span.sous {
	font-size: 16pt;
	letter-spacing: 0px;
}

h2 {
	font-size: 18pt;
	font-weight: normal;
	color: #619D1B;
	font-family: helvetica, arial, sans-serif;
	margin-top: 1.5em;
}
h2.question {
	font-size: 13pt;
}

h3 {
	font-size: 14pt;
	font-weight: normal;
	color: #619D1B;
	font-family: helvetica, arial, sans-serif;
	margin-top: 1.5em;
}

a.out {
	padding-right: 15px;
	background: url(../res/element/icone-site.png) top right no-repeat;
}
p.sig {
	text-align: right;
}

#contenu p {
	line-height: 1.5em;
	margin: 1.5em 0px;
}

#contenu ul {
	margin: 1.5em 0px;
	padding-left: 20px;
}
#contenu li {
	line-height: 1.5em;
	margin: 0.5em 0px;
	list-style: square;
}

#doc-accueil h1 {
	margin-bottom: 10px;
}

div.banniere {
	margin: 15px 0px;
}
div.banniere a {
	border: 2px solid #666;
	display: block;
	text-decoration: none;
	padding: 10px;
	font-family: arial, helvetica, sans-serif;
	font-size: 15pt;
	color: #333 !important;
}
div.banniere a:hover {
	border-color: #333;
}
div.banniere a span.pseudo-lien {
	color: #CE5C00;
	text-decoration: underline;
}
div.banniere a:hover span.pseudo-lien {
	color: #9b2900;
}
#banniere-azimut a {
	background: url(../res/programme/azimut/banniere.jpg) bottom left no-repeat;
	padding: 10px 15px 10px 370px;
	height: 50px;
	overflow: hidden;
}

#accueil {
	border: 0px;
	border-collapse: collapse;
}
#accueil td {
	vertical-align: top;
}
#accueil-texte {
	width: 255px;
	padding-right: 25px;
	font-size: 9pt;
}
#accueil-texte h2 {
	margin-top: 0px;
	font-size: 14pt;
}
#accueil-services {
	width: 230px;
	font-size: 9pt;
}
#accueil-services div.texte {
	background-color: #DCD8BF;
	padding: 1px 15px 10px 15px;
}
#accueil-services h2 {
	font-size: 16pt;
	margin: 20px 0px 0px 0px;
}
#accueil-services p {
	font-size: 8.5pt;
	margin: 0.5em 0px !important;
}
#accueil-services ul {
	margin: 0.5em 0px !important;
	padding-left: 10px;
}
#accueil-services li {
	margin: 0.2em 0px;
}
#accueil-autres {
	width: 185px;
	padding-left: 15px;
	font-size: 9pt;
}
#accueil-autres div.texte {
	border: 2px solid #DCD8BF;
	padding: 1px 15px 10px 15px;
}
#accueil-autres h2 {
	font-size: 12pt;
}
#accueil-autres p,
#accueil-autres ul {
	margin: 0.5em 0px;
}
#accueil-membre p {
	color: #619D1B;
	margin: 0.5em 0px;
}
#accueil-membre img {
	vertical-align: top;
}

div.encart {
	width: 214px;
	float: right;
	clear: right;
	background-color: #DCD8BF;
	padding: 1px 20px;
	margin: 0px 0px 20px 35px;
	font-size: 9pt;
}
div.encart h2 {
	font-size: 15pt;
	margin-top: 1.2em;
}

div.svq {
	width: 210px;
	float: right;
	clear: right;
	border: 2px solid #DCD8BF;
	padding: 1px 20px 10px 20px;
	margin: 0px 0px 20px 35px;
	font-size: 9pt;
}
div.svq h2 {
	font-size: 12pt;
	margin-top: 1.2em;
}
div.svq p, div.svq ul {
	margin: 0.5em 0px !important;
}

div.photo {
	width: 240px;
	float: right;
	clear: right;
	margin: 0px 0px 20px 35px;
	padding: 5px;
	border: 2px solid #DCD8BF;
	background-color: #fff;
}
div.photo p.pic {
	margin: 0px !important;
}
div.photo p.desc {
	margin: 0px !important;
	padding: 0.2em 10px !important;
	line-height: normal !important;
	font-size: 8.5pt;
	background-color: #DCD8BF;
}

div.pic-right {
	float: right;
	clear: right;
	margin: 0px 0px 20px 35px;
	font-size: 9pt;
}

div.encadre {
	border: 9px double #fff;
	background: #DCD8BF;
	padding: 1px 15px;
	margin-right: 50px;
	font-size: 9pt;
}
div.encadre h2 {
	font-size: 16pt;
}

table.comparaison {
	clear: both;
	border: 1px solid #619D1B;
	border-collapse: collapse;
}
table.comparaison th {
	border: 1px solid #619D1B;
	padding: 5px 10px;
	color: #619D1B;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
table.comparaison td {
	border: 1px solid #619D1B;
	padding: 0.5em 10px;
	font-weight: normal;
	font-size: 9pt;
	vertical-align: top;
}
table.comparaison td ul {
	margin: 0px !important;
}
table.comparaison td li {
	margin: 0.2em 0px !important;
}

table.savoir {
	clear: both;
	border: 1px solid #619D1B;
	border-collapse: collapse;
}
table.savoir td {
	border: 1px solid #619D1B;
	padding: 0.5em 10px;
	font-weight: normal;
	font-size: 9pt;
	vertical-align: top;
}
table.savoir td.question {
	color: #619D1B;
}


table.logo-list {
	border: 0px;
	border-collapse: collapse;
}
table.logo-list td {
	width: 33%;
	padding-right: 20px;
	padding-bottom: 20px;
	text-align: center;
	vertical-align: middle;
}

span.logo a {
	font-size: 8.5pt;
	text-decoration: none;
}
span.logo img {
	padding: 5px;
	background-color: #fff;
}
span.logo a:hover img {
	border: 1px solid #ddd;
	padding: 4px;
}

span.logo-right {
	float: right;
	margin: 0px 0px 10px 10px;
}
span.logo-right a {
	font-size: 8.5pt;
	text-decoration: none;
}
span.logo-right img {
	padding: 5px;
	background-color: #fff;
}
span.logo-right a:hover img {
	border: 1px solid #ddd;
	padding: 4px;
}

#appuis {
	clear: both;
	width: 760px;
	margin: 0px auto;
	font-size: 8.5pt;
	text-align: center;
	padding: 10px 0px;
}
#appuis span.logo img {
	background: none;
}
#appuis span.logo a:hover img {
	border-color: #fff;
}

#gen {
	width: 760px;
	margin: 0px auto;
	color: #999;
	font-size: 8.5pt;
	text-align: center;
	padding: 10px 0px;
}
#gen a {
	color: #666;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px solid #ccc;
}
#gen a:hover {
	color: #f30;
	border-bottom: 1px solid #f96;
	padding-bottom: 1px;
}
#gen code {
	padding: 1px 6px;
	background-color: #ffd;
	border: 1px solid #eec;
}