/*
// Site : http://www.nice-peintre.org/
// Date : 2005-05-18
*/

body{
	background : #CFC;
	text-align : center;
}

/*
// Part : Layout.
*/

#layout{
	width          : 750px;
	text-align     : left;
	padding-bottom : 39px;
	margin         : auto;
}

#layout table{
	margin         : auto;
}

/*
// Part : Headmaster & Banner.
*/
#headmaster{
	height       : 49px;
	font-size    : 28px;
	font-weight  : normal;
	color        : #363;
	background   : url(../img/img_contenu/img_cadre_3/peintre_logo.gif) no-repeat left center;
	padding-left : 60px;
	padding-top  : 8px;
	margin       : 0;
	margin-left  : 40px;
}

#banner{
	background   : url(../img/gui/headmaster/nice-peintre.jpg) no-repeat left top;
	height       : 84px;
	margin       : 0;
	padding      : 0;
}

/*
// Part : Background.
*/

#layout-background {
	background   : url(../img/gui/background/bkg_layout.gif) repeat-y left center;
}

/*
// Part : Navigation.
*/

td#navigation{
	width          : 240px;
	background     : #E6FFE6;
	border-right   : 1px solid #333;
	text-align     : left;
	vertical-align : top;
}

td#navigation a{
	display         : block;
	background      : #9C9;
	border-top      : 1px solid #CFC;
	border-bottom   : 2px solid #696;
	text-decoration : none;
	color           : #333;
	font-family     : Verdana, Arial, Helvetica, sans-serif;
	font-size       : 10px;
	padding-top     : 1px;
	padding-bottom  : 2px;
	padding-left    : 5px;
}

td#navigation a:hover{
	background      : #99FF9B;
}

td#navigation a:visited{
	background      : #9C9;
}

td#navigation a.cg06, td#navigation a.cg06:hover, td#navigation a.cg06:visited{
	text-align      : center;
	display         : block;
	border-top      : solid 1px #CFC;
	border-bottom   : solid 2px #696;
	text-decoration : none;
	background      : #9C9;
	color           : #333;
	font-family     : Verdana, Arial, Helvetica, sans-serif;
	font-size       : 10px;
	padding-top     : 1px;
	padding-bottom  : 2px;
	padding-left    : 5px;
}

/*
// Part : Sous-Navigation.
*/

td#navigation div{
	border-right : solid 1px #9C9;
}

td#navigation div a{
	border         : 0px;
	background     : transparent;
	padding-top    : 2px;
	padding-right  : 2px;
	padding-bottom : 2px;
	padding-left   : 11px;
}

td#navigation div a:hover{
	background          : #B8EBB8;
	background-image    : url(../img/nbase/pointeur.gif);
	background-repeat   : no-repeat;
	background-position : left center;
}

td#navigation div a:visited{
	background          : #B8EBB8;
}

/*
// Part : Main.
*/
#main{
	width   : 727px;
	padding : 0;
	margin  : 0;
}


/*
// Part : Contenu.
*/

td#contenu{
	background     : #FFF;
	padding        : 10px;
	vertical-align : top;
}

td#contenu h1,h3{
	font-family : "Times New Roman", Times, Serif;
	font-size   : 22px;
	color       : #141;
	margin-left : 0px;
	display     : inline;
}

td#contenu h3{
	font-size     : 20px;
	margin-bottom : 20px; 
}

td#contenu div.separateur{
	margin-top        : 10px;
	margin-bottom     : 10px;
	background        : #FFF;
	text-align        : center;
	background        : url(../img/bkg_separateur.gif) repeat-x;
}

td#contenu div.tailer{
	margin-top        : 10px;
	margin-bottom     : 10px;
	background        : #FFF;
	text-align        : center;
}

td#contenu div#tableaux{
	float         : right;
	width         : 83px;
	margin-left   : 10px;
	margin-bottom : 10px;
}

td#contenu div#tableaux img{
	border        : solid 1px #696;
	margin        : 2px;
}

td#contenu div#tableaux a{
	display       : block;
	margin-bottom : 4px;
	background    : #FFF;
	border        : 1px solid #9C9;
}

td#contenu div#tableaux a:hover{
	background    : #E6FFE6;
	border        : 1px solid #696;
}

td#contenu p{
	font-family : Arial, Helvetica;
	font-size   : 12px;
	color       : #333;
	text-align  : justify;
}

td#contenu p#auteur{
	font-weight: bold;
	text-align : right;
}

td#contenu td#ouvrage a{
	background      : transparent;
	color           : #696;
	border          : 0px;
	display         : inline;
	border          : 0px;
	padding         : 0px;
	text-decoration : none;
}

td#contenu td#ouvrage a:hover{
	background      : transparent;
	color           : #333;
	border          : 0px;
	display         : inline;
	border          : 0px;
	padding         : 0px;
	text-decoration : none;
}

/*
// Part : Horizontal.
*/

table#menu{
	width         : 730px;
	background    : #669966;
	text-align    : center;
	border-top    : solid 1px #333;
	border-right  : 0px;
	border-bottom : solid 1px #333;
	border-left   : 0px;
}

table#menu a{
	font            : "Times New Roman", Times, Serif;
	font-size       : 13px;
	color           : #333;
	text-decoration : none;
	padding-top     : 4px;
	padding-bottom  : 3px;
}

table#menu td a{
	display       : block;
	margin        : 0px;
	width         : 181px;
	border-top    : solid 1px #9C9;
	border-right  : solid 1px #363;
	border-bottom : solid 1px #363;
}

.compensation{
	width         : 181px;
}

table#menu td a:hover{
	background    : #9F9;
	display       : block;
	margin        : 0px;
	border-top    : solid 1px #9C9;
	border-right  : solid 1px #363;
	border-bottom : solid 1px #363;
}

/*
// Part : Listing element.
*/

td#contenu div#resultat{
	font-family    : Verdana, Arial, Helvetica;
	font-size      : 11px;
	text-align     : left;
	vertical-align : top;
	background     : #CFC;
	border         : 1px solid #696;
	padding        : 5px;
	margin-bottom  : 5px;
}

td#contenu div#resultat a{
	color      : #696;
	display    : inline;
	background : transparent;
	border     : 0px;
}

td#contenu div#resultat a:hover{
	color      : #363;
}


td#contenu .listing{
	width               : 100%;
	padding             : 2px;
	margin-bottom       : 2px;
	background-image    : url(../img/img_contenu/img_common/separateur.gif);
	background-repeat   : repeat-x;
	background-position : left bottom;
}

td#contenu td{
	font-family    : Verdana, Arial, Helvetica;
	font-size      : 11px;
	text-align     : left;
	vertical-align : top;
}

td#contenu .vignette{
	border        : solid 1px #696;
	margin        : 2px;
}

td#contenu a {
	display       : block;
	background    : #FFF;
	border        : 1px solid #9C9;
	padding       : 2px;
}

td#contenu a:hover {
	background    : #E6FFE6;
	border        : 1px solid #696;
}

/*
// Part : Detail.
*/

img#illustration{
	width               : 463px;
	padding-bottom      : 10px;
	margin-bottom       : 0px;
	background-image    : url(../img/img_contenu/img_common/separateur.gif);
	background-repeat   : repeat-x;
	background-position : left bottom;
}

div#detail{
	font-family         : Verdana, Arial, Helvetica;
	font-size           : 11px;
	text-align          : left;
	vertical-align      : top;
	width               : 100%;
	padding             : 2px;
	padding-top         : 8px;
	padding-bottom      : 8px;
	margin-bottom       : 10px;
	background-image    : url(../img/img_contenu/img_common/separateur.gif);
	background-repeat   : repeat-x;
	background-position : left bottom;
}

div#interactivite_menu {
	width               : 465px;
	height              : 29px;
	font-size           : 0px;
	border              : 0px;
	background-image    : url(../img/img_interactivite/bkg_interactivite.gif);
	background-repeat   : no-repeat;
	background-position : left top;
}

div#interactivite_menu a {
	background      : transparent;
	margin          : 4px 0px 0px 4px;
	display         : inline;
	border          : 0px;
	padding         : 0px;
	text-decoration : none;
}

div#interactivite_menu a:hover {
	background      : transparent;
	margin          : 4px 0px 0px 4px;
	display         : inline;
	border          : 0px;
	padding         : 0px;
	text-decoration : none;
}

div#visualisation{
	border     : 1px solid #333;
	border-top : 0;
	margin     : 0px;
	padding    : 0px;
}

#contenu.listElement{
	border  : 0;
	padding : 0;
	margin  : 0;
}

#contenu div.listElement a{
	background      : transparent;
	display         : inline;
	color           : #696;
	border          : 0;
	padding         : 0;
	text-decoration : none;
}

#contenu div.listElement a:hover {
	background      : transparent;
	color           : #363;
	border          : 0;
	padding         : 0;
	text-decoration : none;
}

/*
// Part : Footer.
*/

#layout-background #footer{
	background     : url(../img/gui/footer/tailer.gif) no-repeat left bottom;
	height         : 39px;
}