/*-----------------------------------------------------*/
/*       Feuille de style - Graphit-art.com            */
/*-----------------------------------------------------*/


/*------------------------*/
/* Généralités            */
/*------------------------*/


body {
	
	background:url(../images/commun/cg/accueil.jpg) no-repeat left top;
	margin-top:0px;
	margin-left:0px;
background-color: #000000;
	font-size:12px;
	color : #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}




a { 
	color : #FFFFFF;
	text-decoration: none; 
}
a:hover { 
	text-decoration: underline; 
	color : #cccccc; 
}
hr	{ 
	height: 0px; 
	border: solid #CCCCCC 0px; 
	border-top-width: 1px;
}

.small {
	font-size:10px;
}




/*------------------------*/
/* Menu                   */
/*------------------------*/
/
#menu {
	position: absolute;
	top:180px;
	left:10px;
}
/*
#contenu-menu {
	width:100%;
}
*/
#menu a {
	font-size:11px;
	text-decoration: none;
}

#menu a:hover {
	font-size:11px;
	color: #cccccc;
}

#menu ul {
	list-style:none;
	padding:0px;
	margin-left:15px;
	margin-top:0px;
}

/*------------------------*/
/* Contenu                */
/*------------------------*/

#contenu {
	position: absolute;
	top:150px;
	left:250px;
}

#contenu_s {
	position: absolute;
	top:120px;
	left:200px;
	text-align:center;
	width:80%
}

#index {
	width:70%
	text-align:center;
}

#contenu2 {

	width:100%
	text-align:center;
}

#titre {
	position: absolute;
	left:0px;
}


/*------------------------*/
/* Tableaux               */
/*------------------------*/
/*
table {
	background-color: #333333; 
	border: 1px #757575 solid;
	font-size:12px;
	width:70%;
	padding:3px;
}
*/

table {
margin:0;
	border:0;
	border-spacing:0;
	padding:10px;
	font-size:12px;
	background:url(../images/commun/cg/transparent.png);
	width:650px;
}
td.row1	{ 
	
	background-image: url(../images/commun/cg/transparent.png) !important; 
	padding-left:3px;
}
/*
td.row2	{ 
	background-color: #4E4E4E; 
}
td.row3	{ 
	background-color: #878787; 
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:5px;
}

tr.row1	{ 
	background-color: #333333; 
}
tr.row2	{ 
	background-color: #4E4E4E; 
}

th {
	background-color: #878787; 
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:5px;
}

#vignette table tr {
	background-color: #000; 
}

table.nav {
	background-color: #000; 
	border:none;
	text-align:center;
}
*/

/*------------------------*/
/* Formulaires            */
/*------------------------*/

input {
      background-color:#000;
      color:#cccccc;
      border-width:1px 1px 1px 1px ; 
      border-style:solid;
      border-color:#757575;
}

select {
      background-color:#000;
      color:#cccccc;
      border-width:1px 1px 1px 1px ; 
      border-style:solid;
      border-color:#757575;
}


/*------------------------*/
/* Onglets                */
/*------------------------*/

#onglets {
margin: 5px ;
		padding: 0 ;
	list-style-type: none ;
}
#onglets li {
     margin: 0 0 5px 0 ;
	padding: 10px ;
	float:left;
}
/*
#onglets {
	position:absolute;
	top:17px;
	left:30px;
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
}
#onglets ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
}
#onglets li {
      float:left;
      background:url(../images/commun/cg/onglet_gauche.png) no-repeat left top;
      margin:0;
      padding:0 0 0 10px;
}
#onglets a {
      float:left;
      display:block;
      width:.1em;
      background:url(../images/commun/cg/onglet_droit.png) no-repeat right top;
      padding:8px 0px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#cccccc;
      white-space:nowrap;
}
#onglets > ul a {width:auto;}
#onglets a {float:none;}
#onglets a:hover {
      color:#fff;
      }
#portrait #nav-portrait, 
#buste #nav-buste,
#nu #nav-nu, 
#divers #nav-divers,
#divers #nav-divers,
#o95-97 #nav-o95-97,
#o98-00 #nav-o98-00,
#o01-03 #nav-o01-03,
#o04-06 #nav-o04-06
{
      background-position:0 -25px;
      border-width:0;
}
#portrait #nav-portrait a, 
#buste #nav-buste a,
#nu #nav-nu a, 
#divers #nav-divers a,
#o95-97 #nav-o95-97 a,
#o98-00 #nav-o98-00 a,
#o01-03 #nav-o01-03 a,
#o04-06 #nav-o04-06 a
{
      background-position:100% -25px;
      padding-bottom:5px;
      color:#fff;
}
#onglets li:hover, #onglets li:hover a {
      background-position:0% -25px;
      color:#fff;
}
#onglets li:hover a {
      background-position:100% -25px;
}

*/


/*------------------------*/
/* Onglets tutoriel       */
/*------------------------*/
#ongletsT {
	position:absolute;
	top:0px;
	left:10px;
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
}
#ongletsT ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
}
#ongletsT li {
      float:left;
      background:url(../images/commun/cg/onglet_gauche.png) no-repeat left top;
      margin:0;
      padding:0 0 0 10px;
}
#ongletsT a {
      float:left;
      display:block;
      width:.1em;
      background:url(../images/commun/cg/onglet_droit.png) no-repeat right top;
      padding:8px 0px 8px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#cccccc;
      white-space:nowrap;
}
#ongletsT > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#ongletsT a {float:none;}
    /* End IE5-Mac hack */
#ongletsT a:hover {
      color:#fff;
      }
#tp_materiel #nav-tp_materiel, 
#tp_modele #nav-tp_modele,
#tp_contour #nav-tp_contour,
#tp_cheveux #nav-tp_cheveux,
#tp_yeux #nav-tp_yeux,
#tp_levres #nav-tp_levres,
#tp_peau #nav-tp_peau,
#tp_finition #nav-tp_finition,
#tv_plis #nav-tv_plis,
#tv_texture1 #nav-tv_texture1,
#tv_texture2 #nav-tv_texture2
{
      background-position:0 -25px;
      border-width:0;
}
#tp_materiel #nav-tp_materiel a, 
#tp_modele #nav-tp_modele a,
#tp_contour #nav-tp_contour a,
#tp_cheveux #nav-tp_cheveux a,
#tp_yeux #nav-tp_yeux a,
#tp_levres #nav-tp_levres a,
#tp_peau #nav-tp_peau a,
#tp_finition #nav-tp_finition a,
#tv_plis #nav-tv_plis a,
#tv_texture1 #nav-tv_texture1 a,
#tv_texture2 #nav-tv_texture2 a
{
      background-position:100% -25px;
      padding-bottom:5px;
      color:#fff;
}
#ongletsT li:hover, #ongletsT li:hover a {
      background-position:0% -25px;
      color:#fff;
}
#ongletsT li:hover a {
      background-position:100% -25px;
}




div#cadremenu {/* conteneur global et arrière-plan du titre du cadre */
position:absolute;
top:160px;
left:5px;
width: 162px;
padding-top: 9px;
background: url(../images/commun/cg/menu_haut.png) top left no-repeat;
}
div#blocmenu {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(../images/commun/cg/menu_bas.png) bottom left no-repeat;
padding-bottom: 9px;
}
div#bloccadre p {
margin: 0 30px 0 20px;
}




div#cadre {/* conteneur global et arrière-plan du titre du cadre */
width: 599px;
padding-top: 5px;
background: url(../images/commun/cg/haut.png) top left no-repeat;
}
div#bloccadre {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(../images/commun/cg/bas.png) bottom left no-repeat;
padding-bottom: 5px;
}
div#bloccadre p {
margin: 0 30px 0 20px;
}