/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
margin: 0;
padding: 0;
}
br
{
clear: left;
}
#xwrapper{
background-color:blue;
margin:0;
padding:0;
}

.xcer {
margin-bottom:16px;
}

#txt2{
position:absolute;
width:300px;
margin-left:547px;
}


#xside-a {
	float: left;
	margin-right:17px;
}

#xside-b { 
	float: left;
}


body {
font-size: 8pt;
font-family: Helvetica, Arial, sans-serif;
background: #fff;
}

h10{
font-size:9px;
}

#reddd{
position:fixed;
z-index:100;
height:85px;
width:100%;
background-color:white;
}


body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #000;}
a:active { text-decoration: none; color: #000; }
a:visited { text-decoration: none; color: #000; }
a:hover { text-decoration: none; color: #000; }


a img { border: none; }



#cacheX{
margin-top:30px;
position:fixed;
z-index:300;
background-color:white;
height:100%;
width:100%;
opacity:0.85;filter:alpha(opacity=85);

}

#espace2{
height:10px;


}

#header {

background-color:#fff;
z-index:100;
padding: 1px 0px 2px 4px;
margin-bottom:20px;


}
#wrapper { text-align:center; margin: 0 auto; background: #fff; }
#tout{

text-align:left;
display:inline-table;
width:100%
}


/* MENU */

#menu {
background-color:white;
z-index:300;
height:0px;
width:auto;
min-width:22px;
position:fixed;
padding: 25px 50px 0px 40px;
}

#menu ul {

list-style: none;
margin: 10px 0px 0px 0px;
}
#newlogo{



position:fixed;
float:right;
left:30px;
width:100%;
bottom:0px;

padding-bottom:28px;



}

#menu ul li.section-title {  }

#menu ul li.section-title.plus{ 
margin-bottom:0px;
height:10px;
padding-top:14px;

padding-bottom:24px;
padding-right:15px;


} 
.legende{
position:relative;
bottom:11px;

}
#menu ul li.section-title.work{ 
font-weight:bold;
letter-spacing:1pt;
font-size:7pt;
margin-bottom:10px;
padding-left:1px;
padding-right:1px;
padding-top:4px;
padding-bottom:4px;
} 

#menu ul li.section-title.work:hover{ cursor:default; } 

#menu ul li.yo a:link{


list-style: none;
font-family: Helvetica, Arial, sans-serif;
letter-spacing:1pt;
padding-top:2px;
padding-bottom:1px;
font-size: 7pt;
height:auto;
width: auto;
text-decoration: none;
}
#menu ul li.yo a:hover{

list-style: none;
font-family: Helvetica, Arial, sans-serif;
letter-spacing:1pt;
font-size: 7pt;
height:auto;
width: auto;
}
#menu ul li.yo2 a:link{


list-style: none;
font-family: Helvetica, Arial, sans-serif;
letter-spacing:1pt;
padding-top:2px;
padding-bottom:1px;
font-size: 7pt;
height:auto;
width: auto;
display: block;
text-decoration: none;
}
#menu ul li.yo2 a:hover{


list-style: none;
font-family: Helvetica, Arial, sans-serif;
letter-spacing:1pt;
padding-top:2px;
padding-bottom:1px;
font-size: 7pt;
height:auto;
width: auto;
display: block;
}

#menu ul li.yo2 a:visited{
color:#000;
list-style: none;
font-family: Helvetica, Arial, sans-serif;
letter-spacing:1pt;
padding-top:2px;
padding-bottom:1px;
font-size: 7pt;
height:auto;
width: auto;
display: block;
text-decoration: none;
}

#menu ul li.active a:visited{
color:#000;
cursor:default;
list-style: none;
background-color:black;

font-family: Helvetica, Arial, sans-serif;
letter-spacing:1pt;
padding-top:2px;

padding-bottom:1px;
font-size: 7pt;
height:auto;
width: auto;

}
#menu ul li.active a:visited:hover{
color:grey;
cursor:default;
list-style: none;
background-color:black;

font-family: Helvetica, Arial, sans-serif;
letter-spacing:1pt;
padding-top:2px;

padding-bottom:1px;
font-size: 7pt;
height:auto;
width: auto;

}
#menu ul li.yo a:visited:hover{
color:#grey;
list-style: none;
background-color:black;

font-family: Helvetica, Arial, sans-serif;
letter-spacing:1pt;
padding-top:2px;

padding-bottom:1px;
font-size: 7pt;
height:auto;
width: auto;
text-decoration:none;
}

#menu ul li.yo a:visited{
color:#000;
list-style: none;
background-color:black;
font-family: Helvetica, Arial, sans-serif;
letter-spacing:1pt;
padding-top:2px;
padding-bottom:1px;
font-size: 7pt;
height:auto;
width: auto;
}
#menu ul li.yo2 a:visited:hover{

color:#000;

list-style: none;
font-family: Helvetica, Arial, sans-serif;
letter-spacing:1pt;
padding-top:2px;
padding-bottom:1px;
font-size: 7pt;
height:auto;
width: auto;
display: block;
text-decoration:none;
}






#menu ul li a:link{
margin-right:0px;
list-style: none;
font-family: Helvetica, Arial, sans-serif;
letter-spacing:1pt;
padding-top:2px;
padding-bottom:1px;
font-size: 7pt;
height:auto;
width: auto;
display: block;
text-decoration: none;
}


#menu ul li a:hover{ }



#menu p {
width:94%;
margin: 0px 0px 0px 0px;
font-family: Helvetica, Arial, sans-serif;
height:auto;
font-size: 8pt;
padding: 0px 0px 0px 1px;
}

#espace {



}


#preload1 {background: url(http://www.davidgenco.com/plus.gif);display:none;}
#preload2 {background: url(http://www.davidgenco.com/close.png);display:none;}

.inaktive{
background:url(http://www.davidgenco.com/plus.gif);
background-repeat:no-repeat;
}
.aktive{
background:url(http://www.davidgenco.com/close.png);
background-repeat:no-repeat; 
}
#nav {
cursor:default;
padding-top:12px;
display:block;
height:20px;
position:absolute;
margin-left:23px;
z-index:100;
}
 #yooo{
position:absolute;

margin-top:-2px;

letter-spacing:1px;
font-size:7pt;

}

#yooo a{
position:absolute;

letter-spacing:1px;
font-size:7pt;

}

 #yooo2{
width:500px;
position:fixed;
z-index:9999999999999999999999999999999999999999999999999999;
margin-left:10px;
margin-top:4px;


letter-spacing:1px;
font-size:7pt;

} 

 #yy{ 
width:500px;
margin-left:30px;

} 


#infos{
position:relative;
float:left;

width:400px;
color:#666;
font-size:8pt;

height:auto;
padding-left:4px;
margin-bottom:13px;

}

.visualindex {
position:relative;
float:left;
margin:0px 7px 7px 0px;
}

.visualtitre a{
cursor:pointer;
height:175px;
width:180px;
padding-left:20px;
padding-top:20px;
padding-bottom:5px;

position:absolute;
color:#fff;
background-color:black;
opacity:0;filter:alpha(opacity=0);

}

.visualtitre2 a{
height:382px;
width:387px;

padding-left:20px;
padding-top:20px;
padding-bottom:5px;

position:absolute;
color:#fff;

background-color:black;
opacity:0;filter:alpha(opacity=0);

}

.visualtitre a:hover{
opacity:1;filter:alpha(opacity=100);

}
.visualtitre a:visited{
opacity:1;filter:alpha(opacity=100);

}
.visualtitre a:visited:hover{
opacity:0;filter:alpha(opacity=0);

}

.visualtitre2 a:hover{
opacity:1;filter:alpha(opacity=100);

}
.visualtitre2 a:visited{
opacity:1;filter:alpha(opacity=100);

}
.visualtitre2 a:visited:hover{
opacity:0;filter:alpha(opacity=0);

}



#d-image{


float:left;

margin-bottom:10px;

}

#d{

float:left;


}








.article {

}



#video{
display:none;

float:left;

}



#content {
height: auto;
margin: 80px 50px 30px 40px;
padding: 5px 0px 0px 0px;

}
#content p{


}
#visuale {
width:97%;

}

#indexinfo {
margin-left:5%;
margin-top:5%;
font-size:10pt;

}
#close{

margin-top:5px;
margin-bottom:10px;
}

#footX {

padding-top:20px;

bottom:0px;
padding-left:39px;
padding-bottom:35px;
letter-spacing:1px;
 font-size:7pt;
color:grey;

}

#footX p{

padding-top:3px;


}
#footX a:link{
margin-bottom:5px;
color:#999;

}
#footX a:visited{
margin-bottom:5px;
color:#999;

}

.container {

padding: 0px 0px 0px 0px;
}

#img-container p{
margin-bottom:5px;
}

p {
margin: 0 0 0px 0px;
}

h1 { font-size: 32px; }
h2 { font-size: 19px; }
h3 { font-size: 16px; }
h4 { font-size: 11px; }


#thumbz{ 
width:270px;
margin-top:18px;

}
.clear-both { clear: both; }


#once { clear: left; }