body{
	background-color: #fffce6;
	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;}
	
.topdiv{
	height: 202px;
	width: 1004px;
	float: left;}
	
.mid_leftdiv{
	height: 410px;
	width: 255px;
	float: left;}
	
.accueil_body{
	height: 383px;
	width: 543px;
	float: left;
	background-repeat: no-repeat;
	background-image: url("images/accueil_bg.gif");}
	
.accueil_bodyV2{
	height: 383px;
	width: 543px;
	float: left;
	background-repeat: no-repeat;
	background-image: url("images/accueil_bgV2.gif");}
	
.biographie_body{
	height: 383px;
	width: 543px;
	float: left;
	background-image: url("images/biographie_bg.jpg");}
	
.contact_body{
	height: 383px;
	width: 543px;
	float: left;
	background-image: url("images/contact_bg.gif");}
	
.animation_body{
	height: 383px;
	width: 543px;
	float: left;
	background-repeat: no-repeat;
	background-image: url("images/animation_bg.gif");}
	
.portfolio_body{
	height: 383px;
	width: 543px;
	float: left;
	background-image: url("images/portfolio_bg.gif");}
	
.portfolio_hole_01{
	height: 55px;
	width: 543px;
	float: left;
	background-repeat: no-repeat;
	background-image: url("images/portfolio_hole_01.gif");}
	
.portfolio_hole_02{
	height: 328px;
	width: 128px;
	float: left;
	background-image: url("images/portfolio_hole_02.gif");}
	
.portfolio_hole_03{
	height: 328px;
	width: 326px;
	float: left;
	background-image: url("images/portfolio_hole_03.gif");}
	
.portfolio_hole_04{
	height: 328px;
	width: 89px;
	float: left;
	background-image: url("images/portfolio_hole_04.gif");}
	
.portfolio_hole_05{
	height: 328px;
	width: 206px;
	float: left;
	background-image: url("images/portfolio_hole_05.gif");}
	
.portfolio_hole_06{
	height: 410px;
	width: 206px;
	float: left;
	background-image: url("images/portfolio_hole_06.gif");}
	
.portfolio_icone_01{
	height: 86px;
	width: 87px;
	float: left;
	background-image: url("images/portfolio_icone_01.gif");}

.portfolio_icone_02{
	height: 86px;
	width: 87px;
	float: left;
	background-image: url("images/portfolio_icone_02.gif");}
	
.portfolio_icone_03{
	height: 86px;
	width: 87px;
	float: left;
	background-image: url("images/portfolio_icone_03.gif");}
	
.portfolio_icone_04{
	height: 86px;
	width: 87px;
	float: left;
	background-image: url("images/portfolio_icone_04.gif");}
	
.portfolio_icone_05{
	height: 86px;
	width: 87px;
	float: left;
	background-image: url("images/portfolio_icone_05.gif");}
	
.portfolio_icone_06{
	height: 86px;
	width: 87px;
	float: left;
	background-image: url("images/portfolio_icone_06.gif");}
	
.portfolio_icone_07{
	height: 86px;
	width: 87px;
	float: left;
	background-image: url("images/portfolio_icone_07.gif");}
	
.portfolio_icone_08{
	height: 86px;
	width: 87px;
	float: left;
	background-image: url("images/portfolio_icone_08.gif");}
	
.portfolio_icone_09{
	height: 86px;
	width: 87px;
	float: left;
	background-image: url("images/portfolio_icone_09.gif");}
	
.portfolio_holeunder_01_02{
	height: 23px;
	width: 326px;
	float: left;}
	
.portfolio_holebottomleft{
	height: 86px;
	width: 119px;
	float: left;}
	
.portfolio_holebottomright{
	height: 86px;
	width: 120px;
	float: left;}

.portfolio_holebetween_left{
	height: 86px;
	width: 32px;
	float: left;}

.portfolio_holebetween_right{
	height: 86px;
	width: 33px;
	float: left;}

.mid_rightdiv{
	height: 410px;
	width: 206px;
	float: left;}
	
.bottom_first{
	height: 37px;
	width: 1004px;
	float: left;}
	
.francaisenglish_left{
	height: 37px;
	width: 694px;
	float: left;}
	
.francais{
	height: 37px;
	width: 79px;
	float: left;
	background-image: url("images/bouton_francais.gif");}
	
.francais:hover{
	height: 37px;
	width: 79px;
	float: left;
	background-image: url("images/bouton_francais_hover.gif");}
	
.francais:hout{
	height: 37px;
	width: 79px;
	float: left;
	background-image: url("images/bouton_francais.gif");}
	
.english{
	height: 37px;
	width: 68px;
	float: left;
	background-image: url("images/bouton_anglais.gif");}
	
.english:hover{
	height: 37px;
	width: 68px;
	float: left;
	background-image: url("images/bouton_anglais_hover.gif");}
	
.english:hout{
	height: 37px;
	width: 68px;
	float: left;
	background-image: url("images/bouton_anglais.gif");}
	
.francaisenglish_right{
	height: 37px;
	width: 163px;
	float: left;}
	
.bottom_second{
	height: 104px;
	width: 1004px;
	float: left;}
	
.mid_leftdiv_left{
	height: 410px;
	width: 132px;
	float: left;}

.buttons{
	height: 410px;
	width: 123px;
	float: left;
	margin: 0px auto;
	padding: 0px;}
	
.buttons_tophole{
	height: 56px;
	width: 123px;
	float: left;
	margin: 0px auto;
	border: 0px;
	padding: 0px;}
	
.buttons_accueil{
	height: 51px;
	width: 123px;
	float: left;
	background-image: url("images/bouton_accueil.gif");
	margin: 0px ;
	border: 0px;
	padding-bottom: 6px;
	background-repeat: no-repeat;}
	
	
.buttons_accueil:hover{
	height: 51px;
	width: 123px;
	float: left;
	background-image: url("images/bouton_accueil_hover.gif");
	margin: 0px auto;
	border: 0px;
	padding-bottom: 6px;
	background-repeat: no-repeat;}
	
.buttons_accueil:hout{
	height: 51px;
	width: 123px;
	float: left;
	background-image: url("images/bouton_accueil.gif");
	margin: 0px auto;
	padding: 0px;
	border: 0px;}
	
.buttons_accueil_bottomspace{
	height: 6px;
	width: 123px;
	margin: 0px;
	padding: 0px;
	float: left;
	border: 0px;}

.buttons_biographie{
	height: 52px;
	width: 123px;
	float: left;
	background-image: url("images/bouton_biographie.gif");
	margin: 0px auto;
	padding-bottom: 6px;
	background-repeat: no-repeat;}
	
.buttons_biographie:hover{
	height: 52px;
	width: 123px;
	float: left;
	background-image: url("images/bouton_biographie_hover.gif");}
	
.buttons_biographie:hout{
	height: 52px;
	width: 123px;
	float: left;
	background-image: url("images/bouton_biographie.gif");}
	
.buttons_biographie_bottomspace{
	height: 6px;
	width: 123px;
	float: left;}
	
.buttons_portfolio{
	height: 51px;
	width: 123px;
	float: left;
	background-image: url("images/bouton_portfolio.gif");
	padding-bottom: 5px;
	background-repeat: no-repeat;}
	
.buttons_portfolio:hover{
	height: 51px;
	width: 123px;
	float: left;
	background-image: url("images/bouton_portfolio_hover.gif");}
	
.buttons_portfolio:hout{
	height: 51px;
	width: 123px;
	float: left;
	background-image: url("images/bouton_portfolio.gif");}
	
.buttons_portfolio_bottomspace{
	height: 5px;
	width: 123px;
	float: left;}
	
.buttons_animation{
	height: 51px;
	width: 123px;
	float: left;
	background-image: url("images/bouton_animation.gif");
	padding-bottom: 8px;
	border: 0px;
	background-repeat: no-repeat;}
	
.buttons_animation:hover{
	height: 51px;
	width: 123px;
	float: left;
	background-image: url("images/bouton_animation_hover.gif");}
	
.buttons_animation:hout{
	height: 51px;
	width: 123px;
	float: left;
	background-image: url("images/bouton_animation.gif");}
	
.buttons_animation_bottomspace{
	height: 8px;
	width: 123px;
	float: left;}
	
.buttons_contact{
	height: 49px;
	width: 123px;
	float: left;
	background-image: url("images/bouton_contact.gif");}
	
.buttons_contact:hover{
	height: 49px;
	width: 123px;
	float: left;
	background-image: url("images/bouton_contact_hover.gif");}
	
.buttons_contact:hout{
	height: 49px;
	width: 123px;
	float: left;
	background-image: url("images/bouton_contact.gif");}

.animation_bottomhole{
	height: 24px;
	width: 543px;
	float: left;
	background-image: url("images/animation_bottomhole.gif");}
	
.animation_bottomholeV2{
	height: 24px;
	width: 543px;
	float: left;
	background-image: url("images/animation_bottomholeV2.gif");}

.animation_tophole{
	height: 90px;
	width: 543px;
	float: left;
	background-image: url("images/animation_tophole.gif");}
	
.accueil_tophole{
	height: 90px;
	width: 543px;
	float: left;
	background-image: url("images/accueil_tophole.gif");}
	
.animation_topholeV2{
	height: 133px;
	width: 543px;
	float: left;
	background-image: url("images/animation_topholeV2.gif");}

.animation_righthole{
	height: 269px;
	width: 25px;
	float: left;
	background-image: url("images/animation_righthole.gif");}
	
.animation_rightholeV2{
	height: 226px;
	width: 25px;
	float: left;
	background-image: url("images/animation_rightholeV2.gif");}
		
.animation_lefthole{
	height: 269px;
	width: 64px;
	float: left;
	background-image: url("images/animation_lefthole.gif");}
	
.animation_leftholeV2{
	height: 226px;
	width: 64px;
	float: left;
	background-image: url("images/animation_leftholeV2.gif");}
	
.animation_midhole{
	height: 269px;
	width: 454px;
	float: left;
	overflow: auto;
	text-align: center;
	background-repeat: no-repeat;}
	
.animation_midholeV2{
	height: 226px;
	width: 454px;
	float: left;
	overflow: auto;
	text-align: center;
	background-repeat: no-repeat;}
	
.biographie_cv_hole_01{
	height: 319px;
	width: 543px;
	float: left;}
	
.biographie_cv_hole_02{
	height: 51px;
	width: 329px;
	float: left;}
	
.buttons_cv{
	height: 51px;
	width: 189px;
	float: left;
	background-image: url("images/bouton_cv.gif");}
	
.buttons_cv:hover{
	height: 51px;
	width: 189px;
	float: left;
	background-image: url("images/bouton_cv_hover.gif");}
	
