/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

a:link     { color: gray; text-decoration: none }
a:active    { color: #ccc; text-decoration: none }
a:visited   { color: #ccc; text-decoration: none }
a:hover    { text-decoration: underline }


#next{
    padding-left: 9px;
}

z {
		padding-top: 3px;
		padding-right: 9px;
		padding-bottom: 3px;
		font-size: 11px;
		font-family: Helvetica, Arial, Sans-Serif;
		
	}
	
.nav a:hover {
		text-decoration: none;
                color: #ccc;
	}
	
z#num {
		letter-spacing: 2px;
		font-family: Helvetica, Arial, Sans-Serif;
		font-style: normal;
		padding-left: 20px;
	}


body   { color: #695A64; font-size: 10px; font-family: Arial, sans-serif; background: #fff }

body.section-1     {color: #695A64; text-align: justify }
body.section-2      {color: #695A64; text-align: justify }
body.section-3     {color: #695A64; text-align: justify }



a img     { color: black; border: none }

j{color: #F9CA0E;}
gc{color: #8B7F84;}
bl{color: black;}

#menu a:visited { text-decoration: none; color:#695A64; }
#menu a:hover    { text-decoration: line-through; }
#menu a{color:#695A64;}
#menu{    
    line-height:1px;
    overflow: hidden;
    text-align:right;
    color: #8B7F84; 
    background-color: #fff;
    letter-spacing : 0.5px ;
    margin: 50px 0 0 340px;
    width: 800px;
}

#menu .container { padding: 0 21px 0 21px; }

#menu ul { 
    color: #8B7F84; 
    list-style: none outside none; 
    text-align: right;
    float: left;
    
}

#tree {
    margin-top: 15px;
}

#tree div:first-child li{
    padding: 0;
    margin: 0;
    border:none;
}

#menu ul li.section-title {
    font-weight: normal; 
    color: #695A64;
    text-align: center;
    border-left:1px solid #695A64;
    margin-left: auto;
    line-height: 8px;
    padding: 0 13px 2px 13px;
}



#menu ul li {
    float: left;
}

#subtitle-menu{
    margin-top: 15px;
}

#subtitle-menu ul li{
    font-weight: normal;
    font-size: 9x;
    color: #eee;
    text-align: center;
    border-left:1px solid #ccc;
    margin-left: auto;
    line-height: 7px;
    padding: 0 8px 2px 8px;
}

#subtitle-menu a{
    color: #ccc;
    font-size: 9px;
}

#subtitle-menu a:visited{
    color: #ccc;
}

#subtitle-menu li.active{
    text-decoration: line-through;
    color:#bbb;
}


#content    { text-align: justify; margin: 1px 0 0 340px; top:0px; height: 100%; width: 710px;}

#content .container { 
    padding: 0 21px;
    margin-top: 30px;
}

.container   { text-align: justify; padding: 5px 5px 25px }

#content p     { color: black; text-align: justify; margin-bottom: 9px; width: 400px; }

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }
.boite_de_film { margin: 0pt auto; text-align: center; }
.zone_de_texte { margin: 20px auto 40px; padding: 5px; background: #000000; color: #ffffff; width: 310px; text-align: center; font-weight: bold; }
.clear {
  clear: both;
}
#footer{
    bottom:2px;
    left: 2px;
    position: fixed;
}

#line-title{
    color: gray;
    background-color: gray;
    height: 1px;
    border: 0;
}

.hidden{
    display: none;
}