html, body
{
	width: 100%; height: 100%;
}
:link,:visited { text-decoration:none; }
ul,ol,dl,dt,dd { list-style:none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,legend,input,button,hr,dl,dt,dd { margin:0; padding:0; }
a img,:link img,:visited img,button,hr { border:none; }
address { font-style:normal; }

div#overlay
{
	position: fixed; top: 0; left: 0;
	z-index: 500;
	width: 100%; height: 100%;
	background-color: #000000;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity=80);
}

div#disclaimer
{
	width: 100%;
	line-height:17px;
	font-family: Arial, serif; font-size: 145%;
}
	div#disclaimer div.text
	{
		padding: 20px;
		width: 760px;
		border: 3px solid #000000;
		background-color: black;
	}
		div#disclaimer div.text p
		{
			padding-bottom: 10px;
			text-align: justify;
		}
			div#disclaimer div.text p strong
			{
				color: #f4c355;
			}
	div#disclaimer a.quit
	{
		float: left;
		display: block;
		width: 197px; height: 40px;
		background: black url(../images/buttons.html) no-repeat right top;
	}
	div#disclaimer a.quit:hover
	{
		background-position: right bottom;
	}
	div#disclaimer a.quit span
	{
		display: none;
	}
	div#disclaimer a.enter
	{
		margin-bottom: 1px;
		float: right;
		display: block;
		width: 149px; height: 40px;
		background: black url(../images/buttons.html) no-repeat left top;
	}
	div#disclaimer a.enter:hover
	{
		background-position: left bottom;
	}
	div#disclaimer a.enter span
	{
		display: none;
	}


a:focus { outline: none; }

small {	font-size: .9em; }
big { font-size: 1.4em; }

hr { display: none; }

.hr {
	height: 1px;
    margin: 1em 0;
    border-bottom: 1px solid #cccccc;
}

acronym, abbr {
	cursor:help;
	border-bottom: 1px dashed;
}

sup {
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}

blockquote {
	padding: 21px 45px;
	font: italic normal 1.4em "Times New Roman", Times, serif;
	color: #f0f0f0;
	background: url(../html/quotes.html) no-repeat left top;
}

	#wrapper blockquote p {
		margin-bottom: .5em;
		line-height: 110%;
	}
    
/* -------------- USEFULL SELECTORS -------------- */

.clear         { clear:both; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left, #wrapper .text-left         { text-align:left; }
.text-right, #wrapper .text-right       { text-align:right; }
.text-center, #wrapper .text-center		{ text-align:center; }
.text-justify, #wrapper .text-justify 	{ text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.nomargin      { margin:0; }
.moremargin				{ margin:.5em; }
.nobullet      { list-style:none;list-style-image:none; }

.fakelink      { cursor: pointer; }

.hidden        { display: none; }

/* -------------- CLEARFIX -------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.error { color: #ff6a57; }
.ok { color: #b4b75b; }

/* -------------- BASIC COLORS -------------- */

.black 	{ color: #000000; }
.white 	{ color: #ffffff; }
.red 	{ color: #d92d35; }
.green 	{ color: #afc343; }
.pink 	{ color: #d2516d; }

/* -------------- SIZES -------------- */

.hudge 	{ font-size: 1.6em; }
.big 	{ font-size: 1.4em; }
.medium { font-size: 1.2em; }
.small, .little 	{ font-size: .9em; }
.center { text-align: center; }


#lang_flags {
    height: 16px;
    margin-top: -16px;
}

    #lang_flags li {
        width: 16px;
        height: 16px;
        text-align: left;
        margin: 0 .4em 0 0;
        float: left;
    }
    
    #lang_flags li a {
        display: block;
        text-indent: -5000px;
        text-decoration: none;
        border: none;
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        overflow: hidden;   
    }
    
        #lang_flags li a.current {
            cursor: default;
            -moz-opacity: .4;
            opacity: 40%;
            filter: alpha(opacity=40); 
        }
    
    #lang_flags a:hover {
        text-decoration: none;
        border: none;
    }
        
#lang_flags .en { background-image: url(../images/en.gif); }
#lang_flags .fr { background-image: url(../images/fr.gif); }




#accueil    .accueil,   #accueil    .accueil:hover,
#studios    .studios,   #studios    .studios:hover,
#concept    .concept,   #concept    .concept:hover,
#tarifs     .tarifs,    #tarifs     .tarifs:hover,
#casting    .casting,   #casting    .casting:hover,
#contact    .contact,   #contact    .contact:hover
{
    cursor: default;
}

#navigation {
    height: 42px;
    position: relative;
    font: normal 18px/42px "Times New Roman", Times, serif;
    text-transform: capitalize;
    padding: 0 150px; 
}

	#navigation li {
        float: left;
        height: 42px;
        background: url(../images/nav-divider.gif) no-repeat;
    }
	
	#navigation a {
        overflow: hidden;
        padding: 0 10px;
        float: left;
        width: 110px;
        height: 100%;
        background: url(../images/nav-divider.gif) no-repeat right;
        text-decoration: none;
        text-align: center;
        color: #bea689;
        margin-right: -2px;
    }

	#navigation a:hover {
	    background: url(../images/bg-hover-trans.png) no-repeat 2px;
        color: #ffffff;
    }
    



#wrapper #gallery_pics {
    margin: 15px;
    list-style: none;
    padding: 0;
}

    #wrapper #gallery_pics li {
        width: 78px;
        float: left;
        margin: 0 8px 16px 8px;
    }
    
    #gallery_pics .thumbnails {
        border: 4px solid #674627;
        display: block;
    }
    
        #gallery_pics .thumbnails img {
            display: block;
            opacity: .5;
            filter: alpha(opacity=50); 
        }
    
        #gallery_pics .thumbnails:hover img {
            opacity: 1;
            filter: alpha(opacity=100); 
        }




body {
	background: #54381e url(../images/bg.png) repeat-x left top;
	color: #FFFFFF;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 62.5%;
	line-height: 1.4;
}

a:link, a:visited { color: #c89616; }
a:hover { text-decoration: underline; }

h1 { font-size: 1.4em; }

h2 {
    font: normal small-caps 1.8em "Times New Roman", Times, serif;
    border-bottom: 1px solid #55391f;
    background: url(../images/title-ornament.html) no-repeat left 3px;
    padding: 0 0 3px 42px;
    margin-bottom: 15px;
    color: #ffffff;
}

h3 {
    font: normal 1.4em "Times New Roman", Times, serif;
    margin: 1em 0 .2em 0;
    color: #af9977;
}


#wrapper {
	width: 960px;
    margin: 0 auto;
    text-align: left;
    font-size: 1.4em;
}

#header {
    background: url(../images/header-trans.png) no-repeat center top;
	height: 323px;
    text-align: center;
}
#header_en {
    background: url(../images/header-trans_en.png) no-repeat center top;
	height: 323px;
    text-align: center;
}
#header_en .logo {
    	width: 450px;
        height: 238px;
        margin: 0 auto;
        text-indent: -5000px;
        overflow: hidden;  
    }
    
        #header_en .logo a {
            height: 100%;
            display: block;
            margin-top: 50px;
        }
    
.en #header {
    background-image: url(../images/header-trans-en.html);
}

    #header .logo {
    	width: 450px;
        height: 238px;
        margin: 0 auto;
        text-indent: -5000px;
        overflow: hidden;  
    }
    
        #header .logo a {
            height: 100%;
            display: block;
            margin-top: 50px;
        }
    
#page_content {
	background: #000000 url(../images/index.html) no-repeat right top;
	border: 1px solid #000000;
}

    #page_content p {
        margin-bottom: 1em;
    }
    
    #page_content ul {
        margin: 1em;
        padding-left: 2em;
        list-style: square;
    }
    
    #page_content li {
        margin-bottom: .1em;
    }
    
.bsides {
	background: #694829 url(../images/bsides.gif) repeat-y center center;
	padding-top: 0;
	padding-bottom: 0;
}
    
.btop {
	padding-top: 7px;
	background-color: #000000;
	background-image: url(../images/btop.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
    
    .bbottom {
        padding-top: 7px;
        background: #694829 url(../images/bbottom.gif) repeat-x left bottom;      
    }
    
    
#col_left {
    width: 470px;
    min-height: 500px;
    padding: 30px;
    background: url(../images/bg-content-trans.png) repeat-y;
}    

#footer {
    text-align: left;
    font-size: .95em;
    margin: 0 auto;
    padding: 5px 0;
}
 
 	#footermenu {
        overflow: hidden;
        font: .9em Arial, Helvetica, sans-serif;
        padding: 0 0 0 0;
        width: 500px;
        float: left;
	}
     
     #footermenu li {
     	display: inline;
	}
         
         #footermenu a {
             float: left;
             border-left: solid 1px #7f5f3f;
             padding: 0 .7em 0;
             margin: 0 1px 0 -1px;
         }

    #infos {
        font: 10px Arial, Helvetica, sans-serif;
        clear: both;
        padding: 7px 0 10px 10px;
    }
#wrapper #html_links {
    margin: 0;
    padding: 0;
    list-style: none;
}

    #wrapper  #html_links li {
        display: block;
        margin: 1em 0;    
    }
    
#flashMsg {

}

    #flashMsg p {
        margin: 1em 0;
        text-align: left;
        padding: .5em;
        font-size: 1.2em;
        color: #ffffff;
        -moz-border-radius: .3em;
    }
    
    #flashMsg .valid {
        background: #3d501e;
    }
    
    #flashMsg .warning {
        background: #1a2c51;
    }
    
    #flashMsg .error {
        background: #620000;
    }
    
    
p.gal a img
{
	border: 3px solid #674627;
}