@charset "UTF-8";
/* CSS Document */

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

html, body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

::selection {
  background: #fcc76a; 
}
::-moz-selection {
  background: #fcc76a; 
}

body {
	font-family: 'johnston_itcmedium';
	color: #005b93;
	font-size: 12px;
	line-height: 18px;
	background-image:url(../img/degrad.png);
	background-repeat: repeat-x;
	}
	
.backstretch img {
	margin-top: 40px !important;
	}		


/* Menu */	
#menu {
	z-index: 20;
	position: fixed;
	font-size: 12px;
	 font-family: 'johnston_itcbold';
	 color: #005b93;
	 padding-left: 20px;
	 background-color: #fff;
	 width: 100%;
	 height: 40px;
}

#menu img {
	 vertical-align: middle;
	 padding: 0px 20px 0px 5px;
	}

#menu ul {
	display: inline-block;
    height: 40px;
	}

#menu ul li {
	display: inline-block;
	line-height: 40px;
	padding: 0px 10px;
}

#menu ul li.hassub {
	height: 45px;
	}


#menu ul li ul{
	background-color: #fff;
    left: 310px;
    position: fixed;
    top: 45px;
	padding: 8px 0px;
	height: 95px;
	display: none;
}

#menu ul li ul li{
	display: block;
	line-height: 18px;
}

#menu a {
	color: #005b93;
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 0px;
	}
	
#menu a:hover {
	border-bottom: 1px solid #005b93;
	}
	
	
#menu a.active {
	color: #ff9f75;
	}	

/* contenu */	




h1 {
	font-size: 24px; 
	line-height: 30px; 
	}
	
h2 {
	font-size: 18px; 
	line-height: 24px; 
	}	

#content {
	background-color: #fff;
    left: 50%;
    margin: auto auto auto -250px;
    padding: 20px;
    position: absolute;
    width: 460px;
	top: 120px;
	vertical-align:middle;
	z-index: 10;
	}
	
#content_large {
    left: 50%;
    margin: auto auto auto -300px;
    padding: 20px;
    position: absolute;
    width: 600px;
	top: 120px;
	vertical-align:middle;
	z-index: 10;
	background-color: #fff;
	}	
	
	
strong {
	font-family: 'johnston_itcbold';
	}	
	
a {
	color: #005b93;
	text-decoration: none;
	border-bottom: 1px solid #ff9f75;
	}
	
a:hover {
	border-bottom: 1px solid #005b93;
	}
	
a:hover img {
	border-bottom: none;
	}		
	
.gal a, .gal a:hover, #menu .sans a, #menu .sans a:hover{
	border-bottom: none;
	}	
	
#img_artistes {
	position: absolute;
	left: 0px;
	}	
	
#img_artistes img{
	 bottom: -70px;
    left: 205px;
    position: absolute;
	}		
	

#bande1 {
	position: fixed;
	bottom: 0px;
	right: 0px;
	}
	
#bande2 {
	position: fixed;
	bottom: 200px;
	left: 100px;
	}	
	
#bande4 {
	position: fixed;
	bottom: 0px;
	left: -200px;
	}	
	
#bande5 {
	position: fixed;
	bottom: 200px;
	right: 20px;
	}
	
#pointk {
	position: fixed;
	right: 5px;
	bottom: 5px;
	}	
	
#pointk a {
	border-bottom: none;
	}				


/* font */
@font-face {
    font-family: 'johnston_itcbold';
    src: url('font/johnston_itc_bold_os-webfont.eot');
    src: url('font/johnston_itc_bold_os-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/johnston_itc_bold_os-webfont.woff2') format('woff2'),
         url('font/johnston_itc_bold_os-webfont.woff') format('woff'),
         url('font/johnston_itc_bold_os-webfont.ttf') format('truetype'),
         url('font/johnston_itc_bold_os-webfont.svg#johnston_itcbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'johnston_itclight';
    src: url('font/johnston_itc_light-webfont.eot');
    src: url('font/johnston_itc_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/johnston_itc_light-webfont.woff2') format('woff2'),
         url('font/johnston_itc_light-webfont.woff') format('woff'),
         url('font/johnston_itc_light-webfont.ttf') format('truetype'),
         url('font/johnston_itc_light-webfont.svg#johnston_itclight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'johnston_itcmedium';
    src: url('font/johnston_itc_medium_os-webfont.eot');
    src: url('font/johnston_itc_medium_os-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/johnston_itc_medium_os-webfont.woff2') format('woff2'),
         url('font/johnston_itc_medium_os-webfont.woff') format('woff'),
         url('font/johnston_itc_medium_os-webfont.ttf') format('truetype'),
         url('font/johnston_itc_medium_os-webfont.svg#johnston_itcmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media (max-width: 600px) {
	#menu {
	font-size: 15px;
}
}