/* CSS Document */

#contenu {
  position : relative;
	width: 1000px;
	height : 675px;
	margin: 0 auto 0 auto;
	background-color : white;
	/*height : 100%;*/
}

#chargement {
  position : absolute;
  top : 260px;
  left : 315px;
  z-index : 10;
}

#bande_haut {
  position : relative;
	width: 1000px;
	height : 10px;
	margin: 0 auto 0 auto;
	/*height : 100%;*/
	background-color : #efefef;
}

#bas {
  position : relative;
	width: 1000px;
	height : 200px;
	margin: 0 auto 0 auto;
	/*height : 100%;*/
	background-color : #efefef;
}

#bande_bas {
  position : absolute;
  bottom : 0px;
  _bottom : -1px;
	width: 1000px;
	height : 55px;
	margin: 0 auto 0 auto;
  background-image:url(../images/bas_de_page5.png);
  background-repeat : y;
  /*background-color : #efefef;*/
	text-align : right;
	font : 8pt arial;
	color : grey;
}

#bande_bas span {
  position : absolute;
  bottom : 0px;
  right : 0px;
}

#bouton_accueil {
  position : absolute;
  top : 0px;
  left : 0px;
  width : 220px;
  height : 50px;
  z-index : 15;
  display : block;
  outline: none;  
}

#copyright {
  position : absolute;
  top : 50px;
  right : 0px;
}

#note {
  position : absolute;
  top : 500px;
  right : 50px;
  width : 200px;
  height : 75px;
  padding-top : 35px;
  /*padding-left : 10px;*/
  font : bold 8pt Helvetica;
  background-image:url(../images/note.gif);
  background-repeat : no-repeat;
  text-align : center;
}

/* LIENS SUR LA MAIN */

#lien_main_graphisme {
background-image : url(../images/main_graphisme.png);
}

#lien_main_dessin {
background-image : url(../images/main_dessin.png);
}

#lien_main_volume {
background-image : url(../images/main_volume.png);
}

/* LIENS SUR LA MAIN - EFFETS SURVOL(hover)) */

#lien_main_graphisme_hover {
background-image : url(../images/main_graphisme_hover.png);
}

#lien_main_dessin_hover {
background-image : url(../images/main_dessin_hover.png);
}

#lien_main_volume_hover {
background-image : url(../images/main_volume_hover.png);
}

/* LIENS SUR LE MENU - EFFETS SURVOL(hover)) */

#menu {
position : absolute;
right : 15px;
top : 8px;
}

#menu_accueil {
display : block;
height : 22px;
width : 48px;
background-image : url(../images/menu_accueil.gif);
outline: none;
}

#menu_accueil_selection {
display : block;
height : 22px;
width : 48px;
background-image : url(../images/menu_accueil_hover.gif);
}

#menu_accueil:hover {
background-image : url(../images/menu_accueil_hover.gif);
}

#menu_graphisme {
display : block;
height : 22px;
width : 63px;
background-image : url(../images/menu_graphisme.gif);
outline: none;
}

#menu_graphisme_selection {
display : block;
height : 22px;
width : 63px;
background-image : url(../images/menu_graphisme_hover.gif);
}

#menu_graphisme:hover {
background-image : url(../images/menu_graphisme_hover.gif);
}

#menu_dessin {
display : block;
height : 22px;
width : 40px;
background-image : url(../images/menu_dessin.gif);
outline: none;
}

#menu_dessin_selection {
display : block;
height : 22px;
width : 40px;
background-image : url(../images/menu_dessin_hover.gif);
}

#menu_dessin:hover {
background-image : url(../images/menu_dessin_hover.gif);
}

#menu_volume {
display : block;
height : 22px;
width : 46px;
background-image : url(../images/menu_volume.gif);
outline: none;
}

#menu_volume_selection {
display : block;
height : 22px;
width : 46px;
background-image : url(../images/menu_volume_hover.gif);
}

#menu_volume:hover {
background-image : url(../images/menu_volume_hover.gif);
}

#menu_cv {
display : block;
height : 22px;
width : 18px;
background-image : url(../images/menu_cv.gif);
outline: none;
}

#menu_cv_selection {
display : block;
height : 22px;
width : 18px;
background-image : url(../images/menu_cv_hover.gif);
}

#menu_cv:hover {
background-image : url(../images/menu_cv_hover.gif);
}

#porte_menu {
position:absolute;
top : 40px;
right : 0px;
}

#fleche_selection {
position:absolute;
top : 25px;
right : 250px;
}

/* Infobulles */

#infobulle_graphisme {
position:absolute;
top : 205px;
right : 85px;
}

#infobulle_dessin {
position:absolute;
top : 570px;
left : 230px;
}

#infobulle_volume {
position:absolute;
top : 340px;
right : 220px;
}

/* Cache de fond des sections */
#cache_fond {
position:absolute;
top : 50px;
right : 15px;
width : 975px;
height : 570px;
z-index : 4;
background-color : white;
  filter : alpha(opacity=70);
  -moz-opacity : 0.7;
  opacity : 0.7; 
}

/* Galeries */

#lien_galeries {
position:absolute;
top : 70px;
right : 30px;
width : 280px;
font : 8pt Helvetica;
z-index : 5;
}

#lien_galeries h1{
font: 20pt Helvetica;
font-weight: bold;
}

#lien_galeries a{
text-decoration : none;
color : black;
font: 18pt Helvetica;
}

#table_galerie {
border-collapse:collapse;
}

#table_galerie td{
padding-bottom : 10px;
padding-top : 10px;
}

#contenu_galeries {
position:absolute;
top : 90px;
left : 20px;
width : 650px;
height : 530px;
z-index : 5;
}

#image {
width : 100%;
height : 435px;
text-align : center;
border-bottom : solid 1px black;
}

#image img{
/*margin : 5px;*/
/*max-width : 640px;
max-height : 425px;*/

  /*_width: expression((this.offsetWidth>=this.offsetHeight) ?
      Math.min(parseInt(this.offsetWidth), 640 ) : true);
  _height: expression((this.offsetHeight>this.offsetWidth) ?
      Math.min(parseInt(this.offsetHeight), 425 ) : true);*/

/*  _height : 425px;*/

/*  _width:expression(document.body.clientWidth > 640 ? "640px" : "auto");
  _height:expression(document.body.clientHeight > 425 ? "425px" : "auto");*/
border : solid 1px black;
}

#images_mini {
position : absolute;
bottom : 0px;
width : 100%;
height : 90px;
}

#images_mini img{
border : solid 1px black;
margin-top : 5px;
margin-right : 5px;
cursor : pointer;
}

#contenu_vrai{
z-index : 9;
}


/*-----------CV-----------*/

#contenu_cv {
position : absolute;
top : 60px;
right : 30px;
width : 955px;
height : 550px;
z-index : 5;
}

/* Cache de fond du cv */
#cache_fond_cv {
position:absolute;
top : 50px;
right : 15px;
width : 975px;
height : 570px;
z-index : 4;
background-color : white;
  filter : alpha(opacity=80);
  -moz-opacity : 0.8;
  opacity : 0.8; 
}

#lien_cv {
position : absolute;
z-index : 5;
top : 110px;
left : 0px;
font : 8pt Helvetica;
/*_top : 50px;
_left : 600px;*/
}

#partie_formation {
position : absolute;
top : 80px;
right : 5px;
}

#partie_competences {
position : absolute;
top : 175px;
left : 15px;
}

#partie_experiences {
position : absolute;
top : 315px;
right : 5px;
}

#partie_interet {
position : absolute;
top : 460px;
left : 15px;
}