/* CSS Rules by riko*/
 
/* Layout
===================================================== */
body
{
position: relative;
width:960px;
margin: 20px 5px auto 30px;
padding:0;
background: #fff;
font: normal normal normal 10px/1 "Klavika Light", Arial, sans-serif;
color: #000;
}
 
#wrapper
{
width: 960px;
margin: 0px auto;
padding:0;
background-color: #fff;
}
 
 
#header
{
position:relative;
width:960px;
height:130px;
background-color: #fff;
}
 
#langues {
position: absolute;
top:5px;
right: 5px;
font-size: 10px;
}

#social {
position: absolute;
bottom:10px;
right: 5px;
font-size: 10px;
}
 
#nav
{
width: 100%;
height: 80px;
margin: 0;
padding: 0;
}
 
div#col1
{
float: left;
width: 200px;
margin: 0;
padding: 0 0px 0px 120px;
}

div#col2 
{
width:630px;
background-color: #fff;
margin:0 0 0 330px;
padding:0;
}
 
#footer
{
width: 100%;
height: 60px;
background-color: #fff;
clear:both;
}
 
#map_canvas
{
width:630px;
height:400px;
border: 1px solid #CCCCCC;
margin:5px 0 0 0;
}
 
 
.red_block
{
position: relative;
margin:0 0 22px 0;
padding:0;
width:200px;
height: 22px;
background-color: rgb(229,25,55);
border:0;
}
 
/* HTML Elements
===================================================== */
p, li, dd, dt
{ 
color:#000; 
font-style: normal; 
font-weight: normal; 
font-size: 1.5em;
text-align: left;
line-height: 1.5;
}
p 
{margin-bottom:8px;}
 
h1, h2, h3, h4, h5, h6
{
color: #000;
font: normal normal normal 1em/1 "Klavika Regular", Arial, sans-serif;
text-align: left;
text-transform:uppercase;
}
 
h1 {font-size:2.8em;}
h2 {font-size: 2.4em;}
h3 {font-size: 1.6em; margin-top:20px; color:rgb(229,25,55);}
h4 {font-size: 1em;}
 
sup {
vertical-align: top;
font-size: smaller;
}
 
em
{
font-family: "Klavika LightItalic", Arial, sans-serif;}

strong
{
font-family: "Klavika Regular", Arial, sans-serif;}

/* Links
===================================================== */
a:link { 
color: rgb(229,25,55);
text-decoration: none; 
}
 
a:visited { 
color: rgb(229,25,55);
text-decoration: none; 
}
 
a:hover, a:active { 
color: rgb(229,25,55);
text-decoration: none; 
}
 
/* miscellaneous 
===================================================== */
.header_logo
{
position: absolute;
top:35px;
left:0;
width:410px;
height:100px;
}
 
.baseline {
font-size: 1.8em;
font-family: "Klavika Regular", Arial, sans-serif;
color: rgb(229,25,55);
margin: 0;
padding:0;
text-align:left;
text-transform:uppercase;
}
 
.red {color: rgb(229,25,55);}
.black {color: rgb(0,0,0);}


.debut_texte
{
margin-top:22px;
}
 
.hide {display:none;}
 
/* Navigation 
===================================================== */
#mainnavitems {float:right;text-align:right;}

#mainnavitems li {
font-family: "Klavika Regular", Arial, sans-serif;
float: left;
margin: 0; 
padding: 0;
display: block;
list-style: none;
font-size: 1.6em;
text-transform: uppercase;
}
 
#mainnavitems a:link, #mainnavitems a:visited {color: #CCC;}
#mainnavitems a:hover, #mainnavitems a:active {color: rgb(229,25,55);}
 
#galerie #mainnavitems a#main_nav_present,
#shows #mainnavitems a#main_nav_expo,
.show #mainnavitems a#main_nav_expo,
.show-list #mainnavitems a#main_nav_expo,
#slideshow #mainnavitems a#main_nav_expo,
#video #mainnavitems a#main_nav_expo,
#artistes #mainnavitems a#main_nav_arti,
.artist #mainnavitems a#main_nav_arti,
.artistes-carte-blanche #mainnavitems a#main_nav_arti,
#works #mainnavitems a#main_nav_arti,
#contact #mainnavitems a#main_nav_contact,
#credits #mainnavitems a#main_nav_contact,
#newsletter #mainnavitems a#main_nav_newsl,
#confirmation #mainnavitems a#main_nav_newsl,
#final-confirmation #mainnavitems a#main_nav_newsl,
#unsubscribe-confirmation #mainnavitems a#main_nav_newsl,
#actualite #mainnavitems a#main_nav_actu
{color: rgb(229,25,55);}
 
/* Sub-Navigation 
===================================================== */
#navitems li {
font-family: "Klavika Regular", Arial, sans-serif;
list-style: none;
margin: 0;
padding: 0;
line-height:22px;
font-size: 1.4em;
text-transform:uppercase;
}
	
#navitems a {
margin: 0;
padding:0 0 0 2px;
color: #fff;
background-color:transparent;
text-align: left;
}
 
#navitems a:link, #navitems a:visited {
background-color:transparent;
color: #999999;
}
#navitems a:hover {
color: rgb(229,25,55);
}
 
#navitems a.current {
background-color: rgb(229,25,55);
font-weight:normal;
margin-bottom:22px;
display: block;
color:#fff;
}
 
#navitems a.next {
margin-bottom:22px;
display: block;
}
 
/* Langues Links
===================================================== */
#langues a:link, #langues a:visited { color:rgb(0,0,0);}
#langues a:hover, #languesa:active { color: rgb(229,25,55);}
 
/* Self clearing floats
===================================================== */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;}
 
.clearfix {display: inline-block;}
 
/* Teaser Accueil
===================================================== */
#teaser
{
background-color: #fff;
position:relative;
width:840px;
height: 450px;
margin:0 0px 0px 120px;
padding:0;
}
 
.pics img
{
padding:0 0 0 0px;
background-color: #fff;
width:840px; 
height:450px; 
top:0px; 
left:0 
}

/* Collection SlideShow
===================================================== */
.caption {font-family:"Klavika Regular", Arial, sans-serif; font-size:15px;padding:.5em 0;}
.demo{position:relative;margin-top:5em;}
.gallery_container {width:630px;float:left;margin-top:22px;}
.gallery_container li {width:40px;height:40px;border:1px solid #626b73; margin: 0 5px 5px 0;background:#fff;}
.gallery_container li.hover {border-color:#cccccc;}
.gallery_container li.active {border-style:solid;border-color:rgb(229,25,55)}
.gallery_container li div {left:240px;}
.gallery_container li div .caption {font-family: "Helvetica", sans-serif;}
 
.galleria_container{margin:0 0 10px 0;width:630px;float:left;}
.nav{width:100%;padding-top:1em;clear:both;text-align:right;}

/* Video
===================================================== */
.videocontainer {width:610px; margin:18px 0px 10px 0;padding:10px; background-color: white;}
.border {border:1px solid grey;}