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

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

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, img, 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, header, 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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;

}

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

}

@font-face{
font-family:'Typo';
src:url('../Typo.ttf');
}

body{text-align: center !important;}

#header {margin:100px auto 135px; width:800px;}
#all{width:800px; margin:0 auto;}
#alls{width:1000px; margin:0px auto 0; position: relative;}
#allsy{width:800px; margin:0px auto 0;}
#content {display:none; text-align:center;}
	#content p {text-align:center; font-family:'Typo';}

#lien {position:absolute; bottom:50px; left:25%; right:25%;}
#lien li{display:inline; margin:0 0px;}
#lien img {width:150px;}
  #lien a{ color:black; text-decoration:none; font-family:'Typo'; font-size:18px;}
	#lien .people{/*-float:left;-*/ text-align:center;}
        #lien .Event{float:right; display:none;}
  #lien a:hover{text-decoration:underline;}

/*----- PEOPLE -----*/

#peo h1 {margin-top:45px; font-size:50px; font-family:'Typo'; text-align:center !important}
#peo #left {width: 400px; float:left; margin: 15px 0;}
#peo #left #event {}
	#peo #left p {text-align:left; font-family:'Typo'; line-height:19px; }
#right {float:right; width:444px; margin: 15px 0;}
#right ul{margin-top:40px;}
#right li {float:left; height: 250px; width: 250px;}
#right img {}
#bottom {clear:both; margin:45px auto 0;}
#bottom li {float:left; margin-bottom:50px;}

#bottom li a {font-family:'typo'; margin: 20px 26px 0; text-decoration:none; color:black;line-height: 21px;}
#bottom li a:hover{text-decoration:underline;}
#alls {overflow:hidden; }
#right a#seeall{display: inline-block;margin-top:30px; font-family:'Typo'; color:black; text-decoration:underline; font-size:14px; text-align:center; font-weight: normal; text-indent: -5000px; width: 90px; height: 90px; background: url(../img/BOUTON-SHOP.jpg) no-repeat center top;}
/*----- EVENT -----*/
#bot{margin-bottom:60px;}

/*----- PRESS -----*/
#rightpress {float:right; width:442px;}
#rightpress ul{margin-top:40px;}
#rightpress li {float:left; height: 250px; width: 250px;}
#rightpress img {}

#right p{margin-top:30px; font-family:'Typo'; color:black; text-decoration:underline; font-size:14px; text-align:center;}


#bottom ul{
	position: relative;
	width: 630px;
	margin: 0 auto;
}
.clear{display: block; clear: both;}

div.rslink{position: relative; width: 1000px; margin: 0 auto;}
a#fb{position: absolute; top: 26px; right: 10px; text-indent: -5000px; display: inline-block; width: 16px; height: 16px; background: url(../img/facebook.png) no-repeat center top; margin: 0 27px;}

h1 a{color: #000 !important; font-size: 50px; text-decoration: none !important}