body{
	background-color: #f5f4f0;
	margin: 0px;
	padding: 0px;
	overflow: auto;}
	
html {scrollbar-face-color: #fee464;
scrollbar-shadow-color: #d47d3e;
scrollbar-highlight-color: #fff7d1;
scrollbar-3dlight-color:#edc24d;
scrollbar-darkshadow-color: #6F4709;
scrollbar-track-color: #e6ddce;
scrollbar-arrow-color: #000000;}

.Style1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 10px;}
	
.Style2 {
	font-family: Garamond Premr Pro;
	font-size: 14px;
	margin-top: 10px;}

.mainpage{
	background-image: url("images/background.gif");
	background-repeat: no-repeat;
	margin: 0px auto;
	padding: 0px;
	height: 753px;
	width: 1004px;}
	
.top_div{
	height: 211px;
	width: 1004px;
	float: left;
    background-image: url("images/top_div.gif");}
	
.topleft_div{
	height: 33px;
	width: 646px;
	float: left;
    background-image: url("images/topleft_div.gif");}
	
.topright_div{
	height: 33px;
	width: 302px;
	float: left;
    background-image: url("images/topright_div.gif");}
	
.portfolio_body{
	height: 244px;
	width: 400px;
	float: left;
	background-image: url("images/middle_div_01.gif");}
	
.bottomleft_cv_div{
	height: 265px;
	width: 302px;
	float: left;
    background-image: url("images/bottomleft_cv_div.gif");}
	
.bottommid_cv_div{
	height: 229px;
	width: 180px;
	float: left;
    background-image: url("images/bottommid_cv_div.gif");}
	
.bottomright_cv_div{
	height: 265px;
	width: 522px;
	float: left;
    background-image: url("images/bottomright_cv_div.gif");}
	
.portfolio_hole_01{
	height: 76px;
	width: 400px;
	float: left;
	background-repeat: no-repeat;
	background-image: url("images/portfolio_hole_01.gif");}
	
.portfolio_hole_02{
	height: 96px;
	width: 34px;
	float: left;
	background-repeat: no-repeat;
	background-image: url("images/portfolio_hole_02.gif");}
	
.portfolio_hole_03{
	height: 96px;
	width: 24px;
	float: left;
	background-repeat: no-repeat;
	background-image: url("images/portfolio_hole_03.gif");}
	
.portfolio_hole_04{
	height: 96px;
	width: 24px;
	float: left;
	background-repeat: no-repeat;
	background-image: url("images/portfolio_hole_04.gif");}
	
.portfolio_hole_05{
	height: 96px;
	width: 30px;
	float: left;
	background-repeat: no-repeat;
	background-image: url("images/portfolio_hole_05.gif");}
	
.portfolio_hole_06{
	height: 72px;
	width: 400px;
	float: left;
	background-repeat: no-repeat;
	background-image: url("images/portfolio_hole_06.gif");}
	
.portfolio_icone_01{
	height: 96px;
	width: 96px;
	float: left;
	background-image: url("images/portfolio_icone_01.gif");}

.portfolio_icone_02{
	height: 96px;
	width: 96px;
	float: left;
	background-image: url("images/portfolio_icone_02.gif");}
	
.portfolio_icone_03{
	height: 96px;
	width: 96px;
	float: left;
	background-image: url("images/portfolio_icone_03.gif");}
	
.portfolio_icone_01:hover{
	height: 96px;
	width: 96px;
	float: left;
	background-image: url("images/portfolio_icone_01_hover.gif");}

.portfolio_icone_02:hover{
	height: 96px;
	width: 96px;
	float: left;
	background-image: url("images/portfolio_icone_02_hover.gif");}
	
.portfolio_icone_03:hover{
	height: 96px;
	width: 96px;
	float: left;
	background-image: url("images/portfolio_icone_03_hover.gif");}

.francais{
	height: 33px;
	width: 25px;
	float: left;
	background-image: url("images/bouton_francais.gif");}
	
.francais:hover{
	height: 33px;
	width: 25px;
	float: left;
	background-image: url("images/bouton_francais_hover.gif");}
	
.francais:hout{
	height: 33px;
	width: 25px;
	float: left;
	background-image: url("images/bouton_francais.gif");}

.francaisenglish_middle{
	height: 33px;
	width: 10px;
	float: left;
	background-image: url("images/francaisenglish_middle.gif");}
	
.english{
	height: 33px;
	width: 21px;
	float: left;
	background-image: url("images/bouton_anglais.gif");}
	
.english:hover{
	height: 33px;
	width: 21px;
	float: left;
	background-image: url("images/bouton_anglais_hover.gif");}
	
.english:hout{
	height: 33px;
	width: 21px;
	float: left;
	background-image: url("images/bouton_anglais.gif");}

.buttons{
	height: 244px;
	width: 302px;
	float: left;
	margin: 0px auto;
	padding: 0px;}
	
.buttons_tophole{
	height: 48px;
	width: 302px;
	float: left;
	background-image: url("images/buttons_tophole.gif");
	margin: 0px auto;
	border: 0px;
	padding: 0px;
	background-repeat: no-repeat;}
	
.buttons_lefthole{
	height: 196px;
	width: 99px;
	float: left;
	background-image: url("images/buttons_lefthole.gif");
	margin: 0px auto;
	border: 0px;
	padding: 0px;
	background-repeat: no-repeat;}
	
.buttons_container{
	height: 196px;
	width: 203px;
	float: left;
	margin: 0px auto;
	border: 0px;
	padding: 0px;
	background-repeat: no-repeat;}
	
.buttons_demoreel{
	height: 40px;
	width: 203px;
	float: left;
	background-image: url("images/bouton_demoreel.gif");
	margin: 0px ;
	border: 0px;
	background-repeat: no-repeat;}
	
	
.buttons_demoreel:hover{
	height: 40px;
	width: 203px;
	float: left;
	background-image: url("images/bouton_demoreel_hover.gif");
	margin: 0px ;
	border: 0px;
	background-repeat: no-repeat;}
	
.buttons_demoreel:hout{
	height: 40px;
	width: 203px;
	float: left;
	background-image: url("images/bouton_demoreel.gif");
	margin: 0px ;
	border: 0px;
	background-repeat: no-repeat;}

.buttons_demoreel_fr{
	height: 40px;
	width: 203px;
	float: left;
	background-image: url("images/bouton_demoreel_fr.gif");
	margin: 0px ;
	border: 0px;
	background-repeat: no-repeat;}
	
	
.buttons_demoreel_fr:hover{
	height: 40px;
	width: 203px;
	float: left;
	background-image: url("images/bouton_demoreel_hover_fr.gif");
	margin: 0px ;
	border: 0px;
	background-repeat: no-repeat;}
	
.buttons_demoreel_fr:hout{
	height: 40px;
	width: 203px;
	float: left;
	background-image: url("images/bouton_demoreel_fr.gif");
	margin: 0px ;
	border: 0px;
	background-repeat: no-repeat;}

.buttons_shortfilm{
	height: 40px;
	width: 203px;
	float: left;
	background-image: url("images/bouton_shortfilm.gif");
	margin: 0px auto;
	background-repeat: no-repeat;}
	
.buttons_shortfilm:hover{
	height: 40px;
	width: 203px;
	float: left;
	background-image: url("images/bouton_shortfilm_hover.gif");}
	
.buttons_shortfilm:hout{
	height: 40px;
	width: 203px;
	float: left;
	background-image: url("images/bouton_shortfilm.gif");}
	
.buttons_shortfilm_fr{
	height: 40px;
	width: 203px;
	float: left;
	background-image: url("images/bouton_shortfilm_fr.gif");
	margin: 0px auto;
	background-repeat: no-repeat;}
	
.buttons_shortfilm_fr:hover{
	height: 40px;
	width: 203px;
	float: left;
	background-image: url("images/bouton_shortfilm_hover_fr.gif");}
	
.buttons_shortfilm_fr:hout{
	height: 40px;
	width: 203px;
	float: left;
	background-image: url("images/bouton_shortfilm_fr.gif");}
	
.buttons_portfolio{
	height: 40px;
	width: 203px;
	float: left;
	background-image: url("images/bouton_portfolio.gif");
	background-repeat: no-repeat;}
	
.buttons_portfolio:hover{
	height: 40px;
	width: 203px;
	float: left;
	background-image: url("images/bouton_portfolio_hover.gif");}
	
.buttons_portfolio:hout{
	height: 40px;
	width: 203px;
	float: left;
	background-image: url("images/bouton_portfolio.gif");}
	
.buttons_portfolio_fr{
	height: 40px;
	width: 203px;
	float: left;
	background-image: url("images/bouton_portfolio.gif");
	background-repeat: no-repeat;}
	
.buttons_portfolio_fr:hover{
	height: 40px;
	width: 203px;
	float: left;
	background-image: url("images/bouton_portfolio_hover.gif");}
	
.buttons_portfolio_fr:hout{
	height: 40px;
	width: 203px;
	float: left;
	background-image: url("images/bouton_portfolio.gif");}
	
.buttons_aboutme{
	height: 40px;
	width: 203px;
	float: left;
	background-image: url("images/bouton_aboutme.gif");
	border: 0px;
	background-repeat: no-repeat;}
	
.buttons_aboutme:hover{
	height: 40px;
	width: 203px;
	float: left;
	background-image: url("images/bouton_aboutme_hover.gif");}
	
.buttons_aboutme:hout{
	height: 40px;
	width: 203px;
	float: left;
	background-image: url("images/bouton_aboutme.gif");}
	
.buttons_aboutme_fr{
	height: 40px;
	width: 203px;
	float: left;
	background-image: url("images/bouton_aboutme_fr.gif");
	border: 0px;
	background-repeat: no-repeat;}
	
.buttons_aboutme_fr:hover{
	height: 40px;
	width: 203px;
	float: left;
	background-image: url("images/bouton_aboutme_hover_fr.gif");}
	
.buttons_aboutme_fr:hout{
	height: 40px;
	width: 203px;
	float: left;
	background-image: url("images/bouton_aboutme_fr.gif");}	

.buttons_bottomhole{
	height: 36px;
	width: 203px;
	float: left;
	background-image: url("images/buttons_bottomhole.gif");}

.middle_div_01{
	height: 244px;
	width: 400px;
	float: left;
	background-image: url("images/middle_div_01.gif");}
	
.aboutme_txt{
	height: 244px;
	width: 400px;
	float: left;
	background-image: url("images/aboutme_txt.gif");}
	
.aboutme_txt_eng{
	height: 244px;
	width: 400px;
	float: left;
	background-image: url("images/aboutme_txt_eng.gif");}
	
.middle_div_space{
	height: 244px;
	width: 400px;
	float: left;}
	
.right_div{
	height: 244px;
	width: 302px;
	float: left;
	background-image: url("images/right_div.gif");}
	
.bottom_div{
	height: 265px;
	width: 1004px;
	float: left;
	background-image: url("images/bottom_div.gif");}
	
.buttons_cv_container{
	height: 265px;
	width: 180px;
	float: left;
	background-repeat: no-repeat;}

.buttons_cv{
	height: 36px;
	width: 180px;
	float: left;
	background-image: url("images/bouton_cv.gif");}
	
.buttons_cv:hover{
	height: 36px;
	width: 180px;
	float: left;
	background-image: url("images/bouton_cv_hover.gif");}