@charset "UTF-8";

body {
margin: 50px 50px 0px 50px;
padding: 0;
font: 0.75em/1.3em normal normal "American Typewriter", Courier, "Courier New", Arial, sans-serif;
background: #fff;
}

#container {
width: 972px;
height: 600px;
margin: 0px;
padding: 0px;
background: #fff;
}



/*******************************************************************

	GAUCHE

 *******************************************************************/


#gauche {
float: left;
height: 600px;
width: 340px;
margin: 0px;
padding: 0px;
background: #fff;
}

h1 {
height: 82px;
width: 340px;
margin: 0px 0px 28px 0px;
padding: 0px;
background: #fff;
}

h1 a img, #portfolio img {
border: none;	
}

#nav-top {
margin: 0px 0px 0px 5px;
padding: 0px;
height: 385px;
background: #fff;
}

#nav-bottom {
margin: 0px 0px 0px 5px;
padding: 0px;
background: #fff;
height: 100px;
}

#elastique, #fixe {
margin: 0px;
padding: 0px;
}

#elastique, #fixe, .subMenu, .subMenu1, .sousMenu {
list-style-type: none;
}

.MenuSimple {
width: 120px;
margin-top: 5px;
padding: 2px 10px;
border: 1px dotted #000;
background: #fff;
}

.MenuSimple:hover {
background: #ccc;
}

.toggleSubMenu, .toggleSubMenu1 {
background: #fff;
}

.subMenu, .subMenu1 {
margin-left: 20px;
padding: 0px;
background: #fff;
}

.sousMenu {
margin-left: 60px;
padding: 0px;
background: #fff;
}

#elastique a, #fixe a {
text-decoration: none;
color: #000;
}

.subMenu li, .subMenu1 li, .sousMenu li {
margin-top: 5px;
}

.subMenu li, .subMenu1 li {
background: #fff;
}

.sousMenu li {
background: #fff;
}

.subMenu li a, .sousMenu li a {
width: 120px;
margin: 5px 0px 0px 30px;
padding: 2px 10px;
border: 1px dotted #000;
background: #fff;
display: block;
}

.subMenu1 li a {
width: 120px;
margin: 5px 0px 0px 30px;
padding: 2px 10px;
border: 1px dotted #000;
background: #fff;
display: block;
}

.subMenu li a:hover {
background: #ccc;
}

#fixe li {
width: 120px;
margin-top: 5px;
padding: 2px 10px;
border: 1px dotted #000;
background: #fff;
}

#fixe li:hover {
background: #ccc;
}

.projects {
width: 120px;
padding: 2px 10px;
margin-top: 5px;
border: 1px dotted #000;
background: #ccc;
display: block;
}

.projects:hover {
background: #ccc;
}

#fixe .selected, #elastique .selected {
background: #ccc;
}


/*******************************************************************

	DROITE

 *******************************************************************/

#droite {
float: left;
height: 600px;
width: 632px;
margin: 0px;
padding: 0px;
background: #fff;
}


/*******************************************************************

	HOME

 *******************************************************************/


#home img {
border: 1px dotted #000;
}

#homeimage {
height: 385px;
margin: 110px 0px 0px 0px;
padding: 0px;
background: #fff;
}

#hometexte {
float: left;
width: 632px;
margin-top: 30px;
padding: 0px;
background: #fff;
}

#hometexte p {
width: 500px;
margin: 0 auto;
padding: 20px 0px 0px 0px;
text-align: justify;
background: #fff;
}

#signature {
float: right;
padding: 5px 10px 0px 0px;
display: block;
text-align: right;
background: #fff;
}


/*******************************************************************

	PRESS - SCULPTURE - JEWELLERY

 *******************************************************************/

#droite img {
vertical-align: middle; 
border: none;
}

#total {
display: none;
}

#portfolio {
float: left;
width: 632px;
height: 385px; 
margin-top: 110px;
text-align: center;
background: #fff;
}

#image-titre, #notitle {
float: left;
width: 632px;
margin: 4px 0px 27px 0px;
padding: 0px;
text-align: center;
background: #fff;
}

#notitle {
margin-top: 10px;
height: 10px;
background: #fff;
}

#vignettes {
width: 632px;
margin: 0px;
padding: 0px;
text-align: center;
background: #fff;
}

#thumbs {
margin: 0 auto;
list-style: none;
padding: 0px;
background: #fff;
}

#thumbs li {
float:left;
}

#thumbs a {
display:block;
padding: 2px 2px 15px 2px;
outline:none;}
#thumbs a:hover {
background:#ccc;
}

#viewer {
float: left;
width: 545px;
height: 385px;
margin: 0px;
text-align: center;}

#viewer img[src*="loader"] {}

#thumb1 a, #thumb1 a:hover, #thumb1 a:focus, #thumb1 a.active {
background: #fff url(IMG/cursor.png) no-repeat bottom left;
}

.courant, .courant:focus, .courant:active {
background:#fff url(IMG/cursor.png) no-repeat bottom left; outline:none;
}

#thumbs .courant:hover {
background:#fff url(IMG/cursor.png) no-repeat bottom left; outline:none;
}

#ps {
float: left;
width: 632px;
font-size: 0.85em;
font-family: arial, helvetica;
text-align: center;
background: #fff;
color: #666;
}

#pagination_suivant {
background: #ff0;
}

#thumbs #pagination_gallery2, #thumbs #pagination_gallery2:hover {
background: #fff;
}


#thumbs .lien_pagination, #thumbs .lien_pagination:hover {
float: left;
width: 616px;
margin: 0px;
padding: 0px;
text-decoration: none;
color: #444;
background: #fff;
}



/*******************************************************************

	BIOGRAPHY

 *******************************************************************/

#biography {
width: 545px;
height: 490px;
margin: 110px 0px 0px 0px;
padding: 0px;
background: #fff;
}

#biography a {
width: 9px;
height: 12px;
margin-top: 20px;
padding: 0px;
display: block;
text-indent: -1000px;
background: #fff url(IMG/fleches-bas.png) no-repeat top left;
}

#biography2 {
width: 545px;
height: 490px;
margin: 78px 0px 0px 0px;
padding: 0px;
background: #fff;
}

#biography2 a {
width: 9px;
height: 12px;
margin-bottom: 20px;
padding: 0px;
display: block;
text-indent: -1000px;
background: #fff url(IMG/fleches-haut.png) no-repeat top left;
}


/*******************************************************************

	CONTACT

 *******************************************************************/

#contact {
width: 545px;
height: 490px;
margin: 110px 0px 0px 0px;
padding: 0px;
background: #fff;
}

#contact p {
margin: 0px;
padding: 0px;
font-weight: normal;
}

#contact a {
display: inline;
}

#telefon {
line-height: 3em;
}


/*******************************************************************

	LIENS

 *******************************************************************/

#liens {
width: 545px;
height: 490px;
margin: 110px 0px 0px 0px;
padding: 0px;
background: #fff;
}

#lesliens {
margin: 0px;
padding: 0px;
list-style-type: none;
background: #fff;
}

#lesliens li, #website li {
margin-bottom: 20px;
padding: 0px;
background: #fff;
}

h3 {
margin: 0px;
padding: 0px;
font-size: 1em;
font-weight: normal;
}

#lesliens a, #website a, #contact a {
margin: 0px;
padding: 0px;
text-decoration: none;
color: #444;
}

#lesliens a:hover, #website a:hover, #contact a:hover {
background: #444;
color: #fff;
}

#website {
margin-top: 100px;
padding: 0px;
list-style-type: none;
background: #fff;
}