/*
----------------------------------------------------------------------------------------

CONTENTS - PRINT.CSS
-----------------------------------------

/* 1. RESET
----------------------------------------------------------------------------------------*/
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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size:100%;
	font: inherit;
	vertical-align: baseline;
	}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
	}
	
	
/* 2. ROOT
----------------------------------------------------------------------------------------*/
html {
	height: 100%;
	}
	
body{
	width: 100%;
	height: 100%;
}	

#container {
width: 100%;
}

footer{
}


/* /ht Ethan Marcotte - http://front.ie/l8rJaA */
img, embed, object, video { max-width: 100%; }
.ie6 img.full, .ie6 object.full, .ie6 embed, .ie6 video { width: 100%; }


/* 3. CORE TYPOGRAPHY
----------------------------------------------------------------------------------------*/
body {
	font-family: BrandonGrotesque-Regular, sans-serif;
	font-weight:  normal;
	font-style: normal;
	font-size: 1.25em;
	color: black;
	}

h1, h2, h3, h4, h5, h6 {
	line-height: 1em;
	}

p, ul, ol, dl, blockquote {
	font-size: 1em;
	line-height: 1.618em;
	margin-bottom: 1.618em; 
	}
	
ul { list-style-type: disc; margin-left: 1em; }
ol { list-style-type: decimal; margin-left: 1em; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0;}

b, strong { font-family:BrandonGrotesque-Bold; }
i, em { font-family:BrandonGrotesque-Bold; }
small { font-size: 80%; }
sup{vertical-align: super;font-size: .8em;
}
sup a{
	font-size: .8em;
}

/* 4. LINKS
----------------------------------------------------------------------------------------*/
a, a:visited {
	outline: none;
	color: black;
	text-decoration: none;
}
	
a:active, a:focus {
	outline: none;
}

#main.un a{
	border-bottom: 1px solid #93bf1a;
}

#main.deux a{
	border-bottom: 1px solid #4b2855;
}

#main.trois a{
	border-bottom: 1px solid #009de2;
}

#main.quatre a{
	border-bottom: 1px solid #e51571;
}

#main.cinq a{
	border-bottom: 1px solid #f19000;
}

#main.six a{
	border-bottom: 1px solid #8e8a7f;
}


/* 5. GLOBAL LAYOUT & GLOBAL CUSTOM TYPOGRAPHY
----------------------------------------------------------------------------------------*/
#header h1{
	letter-spacing:0.05em ;
	text-transform: uppercase;
	border-top: 8px solid rgb(95, 87, 82);
	border-bottom: 8px solid rgb(95, 87, 82);
	text-align: center;
	font-size: 3em;
	font-family: BrandonGrotesque-Black;
	margin-bottom: .4em;
	line-height: 1.25em;
}

#header h1 a{
	display: block;
	text-decoration: none;
	color: rgb(95, 87, 82);
	}

#header h1 a:hover{
	text-decoration: none;
}

/*menu principal*/
#main-nav{
	display:none;
}

/*menu secondaire*/
#sub-nav{
	margin-bottom: 1.5em;
}
#sub-nav h1{
	display:inline;
	letter-spacing:0.05em ;
	text-transform: uppercase;
	font-size: 1em;
	font-family: BrandonGrotesque-Bold;
	padding-bottom: .1em;
}

#sub-nav h1.un{
	color: #93bf1a;
	border-bottom: 4px solid #93bf1a;
}

#sub-nav h1.deux{
	color: #4b2855;
	border-bottom: 4px solid #4b2855;
}

#sub-nav h1.trois{
	color: #009de2;
	border-bottom: 4px solid #009de2;
}

#sub-nav h1.trois a{
	color: rgb(95, 87, 82);;
}

#sub-nav h1.trois a:hover{
	color: #009de2;
}

#sub-nav h1.quatre{
	color: #e51571;
	border-bottom: 4px solid #e51571;
}

#sub-nav h1.cinq{
	color: #f19000;
	border-bottom: 4px solid #f19000;
}

#sub-nav h1.six{
	color: #8e8a7f;
	border-bottom: 4px solid #8e8a7f;
}

#sub-nav nav{
	width: 100%;
	margin-top: 1.3em;
	margin-bottom: 1.3em;
	}

#sub-nav nav li{
	display: inline;
	float: left;
}

#sub-nav nav li a{
	letter-spacing:0.05em ;
	text-transform: uppercase;
	font-size: 1em;
	font-family: BrandonGrotesque-Bold;
	text-decoration: none;
	color: rgb(95, 87, 82);
	padding-bottom: .1em;
	margin-right: 1.3em;
	border-bottom: 4px solid rgb(95, 87, 82);
	}
	
#sub-nav.trois nav li a:hover{
	padding-bottom: .1em;
	border-color: #009de2;
	}
	
#sub-nav.trois nav li a.actif{
	color: #009de2;
	border-color: #009de2;
	}
	

#sub-nav.cinq nav li a:hover{
	padding-bottom: .1em;
	border-color: #f19000;
	}


#main{
width: 100%;
}	


#main h2{
	letter-spacing:0.05em ;
	text-transform: uppercase;
	font-size: 1em;
	font-family: BrandonGrotesque-Bold;
	text-decoration: none;
	color: rgb(95, 87, 82);
	padding-bottom: .3em;
	border-bottom: 1px solid rgb(95, 87, 82);
	margin-bottom: 1.3em;
}

#main h3{
	letter-spacing:0.05em ;
	text-transform: uppercase;
	font-size: 1em;
	text-decoration: none;
	color: rgb(95, 87, 82);
	padding-bottom: .3em;
}

#main li{
	list-style-image: url(http://www.olympes.ch/images/template/bullet.gif);
	list-style-type: disc;
}

#main.un p.strong, #main.un ul.strong{
	border-top: 1px dashed #93bf1a;
	border-bottom: 1px dashed #93bf1a;
}

#main.deux p.strong, #main.deux ul.strong{
	border-top: 1px dashed #4b2855;
	border-bottom: 1px dashed #4b2855;
}

#main.trois p.strong, #main.trois ul.strong{
	border-top: 1px dashed #009de2;
	border-bottom: 1px dashed #009de2;
}


#main ul li ul{
	margin-bottom: 0;
}

#main ul li ul li{
	list-style-image: url(http://www.olympes.ch/images/template/bullet-2.gif);
}

/*Notes*/
div.notes{
	padding-top:1.618em;
	border-top: 1px dashed black;
	font-size: 80%;
}

#main div.notes ul{
	list-style-image: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

#main div.notes li{
	list-style-image: none;
	list-style-type: none;
	margin-left: 2em;
	}
	
a.note{
	width: 1em;
	margin-left: -2em;
	margin-right: 1em;
}


/*Footer*/

footer p{
	font-size: 75%;
	margin-bottom: 0;
}

footer a{
	border-bottom:  1px solid white;
	}

footer.un{
	border-top:8px solid #93bf1a;
}

footer.deux{
	border-top:8px solid #4b2855;
}

footer.trois{
	border-top:8px solid #009de2;
}

footer.quatre{
	border-top:8px solid #e51571;
}

footer.cinq{
	border-top:8px solid #f19000;
}

footer.six{
	border-top:8px solid #8e8a7f;
}

/* 6. DETAILS
----------------------------------------------------------------------------------------*/

/*TOP SCROLL*/
#top_scroll{
display:none;
}


/* 7. BROWSER AND NON-SEMANTIC STYLING
----------------------------------------------------------------------------------------*/
.cf:before, .cf:after { content: ""; display: block; }
.cf:after { clear: both; }
.ie6 .cf { zoom: 1 }