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


/* layers for overview */
#overviewBody {
	background: url('img/bg/bg-02.jpg') repeat-x;
	background-color: #000000;
}
#overviewWrapper{
	margin: 0 auto;
	width: 560px;
	height: 392px;
	padding-top: 120px;
}

/* first button */
#philodiv,  #philodivfr{
	float:left;
	height: 392px;
	width: 256px;
	font-family: arial, helvetica;
	font-size: 11px;
	color: #ffffff;
	padding: 0;
}	
html>body #philodiv{
	background: url('img/func/b_philo_off.png') no-repeat;
}
html>body #philodivfr{
	background: url('img/func/b_philo_off.png') no-repeat;
}
#philodiv:hover{
	background: url('img/func/b_philo_on.png') no-repeat;
}	
#philodivfr:hover{
	background: url('img/func/b_philo_on2.png') no-repeat;
}

/* second button */
#workdiv,#workdivfr {
	float:left;
	height: 392px;
	width: 126px;
	font-family: arial, helvetica;
	font-size: 11px;
	color: #ffffff;
	padding: 0;
}	
html>body #workdiv{
	background: url('img/func/b_work_off.png') no-repeat;
}
html>body #workdivfr{
	background: url('img/func/b_work_off.png') no-repeat;
}
#workdiv:hover{
	background: url('img/func/b_work_on.png') no-repeat;
}
#workdivfr:hover{
	background: url('img/func/b_work_on2.png') no-repeat;
}

/* third button */
#contactdiv, #contactdivfr {	
	float:left;
	height: 392px;
	width: 171px;
	font-family: arial, helvetica;
	font-size: 11px;
	color: #ffffff;
	padding: 0;
}	
html>body #contactdiv{
	background: url('img/func/b_contact_off.png') no-repeat;
}
html>body #contactdivfr{
	background: url('img/func/b_contact_off.png') no-repeat;
}
#contactdiv:hover{
	background: url('img/func/b_contact_on.png') no-repeat;
}
#contactdivfr:hover{
	background: url('img/func/b_contact_on.png') no-repeat;
}

/* layers for contact */
#contactBody {
	background: url('img/bg/bg-03.gif') repeat-x;
	background-color: #000000;
}
#contactWrapper{
	margin: 0 auto;
	width: 660px;
	height: 415px;
	padding-top: 80px;
}

/* first button */
#contactmediv {
	float:left;
	height: 414px;
	width: 656px;
	font-family: arial, helvetica;
	font-size: 11px;
	color: #ffffff;
	padding: 0;
}	
html>body #contactmediv{
	background: url('img/func/b_contact.png') no-repeat;
}

/* layers for work */
#workBody {
	background: url('img/bg/bg-04.jpg') repeat-x;
	background-color: #000000;
}
#workWrapper{
	margin: 0 auto;
	width: 690px;
	height: 650px;
	padding-top: 0px;
}

/* first button */
#myworkdiv {
	float:left;
	height: 644px;
	width: 688px;
	font-family: arial, helvetica;
	font-size: 11px;
	color: #ffffff;
	padding: 0;
}	
html>body #myworkdiv{
	background: url('img/bg/b_work.png') no-repeat;
}

/* layers for philosophy */
#philoBody {
	background: url('img/bg/bg-01.gif') repeat-x;
	background-color: #000000;
}
#philoWrapper{
	margin: 0 auto;
	width: 680px;
	height: 817px;
	padding-top: 0px;
}

/* first button */
#myphilodiv {
	float:left;
	height: 817px;
	width: 670px;
	font-family: arial, helvetica;
	font-size: 11px;
	color: #ffffff;
	padding: 0;
}	
html>body #myphilodiv{
	background: url('img/bg/b_philosophy.png') no-repeat;
}

/* layers for start */
#startBody {
	background: url('img/bg/bg-00.jpg') repeat-x;
	background-color: #000000;
}
#startWrapper{
	margin: 0 auto;
	width: 740px;
	height: 530px;
	padding-top: 80px;
}

/* first button */
#startdiv {
	float:left;
	height: 524px;
	width: 731px;
	font-family: arial, helvetica;
	font-size: 11px;
	color: #ffffff;
	padding: 0;
}	
html>body #startdiv{
	background: url('img/bg/b_start.png') no-repeat;
}



/* buttonWrapper */

#buttonWrapper{
	position: relative;
	margin: 0 auto;
	width: 420px;
	top: 20px;
	color: #000;
	padding-left: 150px;
}
#myworkButtonHome a, #myworkButtonPhilo a, #myworkButtonWork a, #myworkButtonContact a, #english a, #francais a{
	text-align:left;
	float:left;
	font-size: 130%;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
.activeButton{
	text-align:left;
	float:left;
	font-size: 130%;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
	text-decoration: underline;
	color: #000;
}
#myworkButtonHome a:hover, #myworkButtonPhilo a:hover, #myworkButtonWork a:hover, #myworkButtonContact a:hover{
	text-decoration: underline;
}
#francais{
	position: relative;
	left: 190px;
	top: -70px;
}
#english{
	position: relative;
	left: 200px;
	top: -70px;
}


#content-slider {
	  margin-top: 10px;
    }
#content-scroll {
      margin-top: 10px;
    }