/*
//  Site : http://www.moghadam.mc/
//  Date : 2004-08-04
*/

body{
	background  : #050930 url(../img/gui/bkg/bkg_body.png) no-repeat 834px 30px;
	font-family : Georgia, "Times New Roman", Times, serif;
	font-size   : 11px;
	text-align  : center;
	color       : #FFF;
	margin      : 0;
	padding     : 0;
}

a, a:hover, a:active, a:visited{
	color       : #FFF;
	text-decoration : none;
}

a:hover{
	color       : #C90;
}

/*
// Homepage animation 
*/
#homepage{
	background : #050930;
}

#homepage a{
	font-size   : 12px;
}

#homepage #animation{
	display     : block;
	margin      : auto;
	margin-bottom : 10px;
}

/*
// Top level div container.
*/
#layout{
	background      : url(../img/gui/bkg/bkg_layout.png) repeat-y 245px 0px;
	width           : 950px;
/*	margin          : auto; */
	text-align      : left;
	vertical-align  : top;
/*	border          : 1px solid #A1B5CD;*/
}


/*
// Contain logo.
*/
#header{
	background      : url(../img/gui/logo/logo_monaco.png) no-repeat 50px 10px;
	padding-left    : 510px;
	height          : 120px;
}

#header img{
	border          : 0;
}

/*
// First level menu.
*/

#menu{
	background      : url(../img/gui/bkg/bkg_menu.png) no-repeat right 46px;
	width           : 245px;
	height          : 424px;
	font-size       : 11px;
	text-transform  : uppercase;
	float           : left;
}

#menu ul{
	margin          : 0;
	padding         : 0;
	padding-top     : 41px;
}

#menu li{
	list-style      : none;
	margin-top      : 5px;
	margin-bottom   : 7px;
	margin-left     : 50px;
}

#menu li a{
	display         : block;
	letter-spacing  : 1px;
	padding-top     : 4px;
	padding-bottom  : 4px;
	padding-left    : 10px;
}

#menu li a:hover{
	background      : #233B7A;
	color           : #FFF;
}

#menu .current, #menu .current:hover{
	background      : #233B7A;
	color           : #FFF;
}

#menu #illustration{
	margin-top      : 150px;
	margin-left     : 60px;
}

/*
// Second level menu.
*/
#navigation{
	background      : url(../img/gui/bkg/bkg_navigation.gif) no-repeat left 46px;
	width           : 175px;
	height          : 432px;
	padding         : 46px 0;
	font-family     : Georgia, "Times New Roman", Times, serif;
	font-size       : 11px;
	float           : left;
}

#navigation ul, #navigation li{
	margin          : 0;
	padding         : 0;
}

#navigation li, #navigation h1{
	font-size       : 11px;
	margin          : 0;
	padding         : 0;
	margin-bottom   : 7px;
	list-style      : none;
}

#navigation li a{
	display         : block;
	letter-spacing  : 1px;
	padding-top     : 4px;
	padding-bottom  : 4px;
	padding-left    : 10px;
}

#navigation li a:hover{
	background      : #233B7A url(../img/gui/bkg/bkg_element.gif) repeat-y left top;
	color           : #FFF;
}

#navigation .current, #navigation .current:hover{
	background      : #233B7A url(../img/gui/bkg/bkg_element.gif) repeat-y left top;
	color           : #FFF;
}

#navigation p{
	margin          : 10px 0px;
	margin-bottom   : 4px;
	padding         : 0;
}

/*
// Content information container.
*/
#content{
/*	border-right    : 1px solid #CCC; */
	width           : 393px;
	background      : #080C3A;
	padding         : 20px;
	padding-right   : 0;
	padding-left    : 16px;
	margin-left     : 423px;
	font-family     : Georgia, "Times New Roman", Times, serif;
	color           : #7E99B7;
}

#content h1{
	color           : #7E99B7;
	font-size       : 13px;
	letter-spacing  : 3px;
	font-weight     : bold;
	text-transform  : uppercase;
	margin          : 0;
	padding         : 0;
	padding-bottom  : 10px;
	padding-right   : 10px;
	margin-bottom   : 10px;
}

#content h2{
	font-size       : 12px;
	font-weight     : bold;
	margin          : 0;
	padding         : 0;
	padding-top     : 15px;
	padding-right   : 10px;
	padding-bottom  : 16px;
	line-height     : 19px;
	text-align      : justify;
}

#content h3{
	font-size       : 10px;
	font-weight     : bold;
	margin          : 0;
	padding         : 0;
	padding-top     : 8px;
	padding-bottom  : 8px;
	padding-right   : 10px;
	line-height     : 16px;
}

#content p{
	font-size       : 12px;
	line-height     : 17px;
	line-spacing    : 1px;
	margin          : 0;
	padding         : 0;
	padding-top     : 8px;
	padding-right   : 10px;
	padding-bottom  : 8px;
	letter-spacing  : 1px;
	text-align      : justify;
}

#content sup{
	font-size       : 8px;
}

#content a, #content a:hover{
/*	color           : #7E99B7; */
	color           : #DADFE7;
	font-size       : 12px;
	padding-bottom  : 5px;
}

#content a:hover{
	color           : #C90;
}

#content #contact{
	width           : 380px;
	font-size       : 11px;
}

#content .legend{
	margin-bottom   : 10px;
}

#content #contact .label{
	width           : 138px;
}

#content #contact input, #content #contact select, #content #contact textarea{
	width           : 100%;
	background      : #B5C3D2;
	font-family     : Verdana, Arial, Helvetica, sans-serif;
	font-size       : 11px;
	color           : #15385E;
	padding         : 2px;
	border          : 1px solid #15385E;
}

#content #contact input:hover, #content #contact select:hover, #content #contact textarea:hover{
	background      : #FFF;
	border          : 1px solid #15385E;
}

#content #contact input:focus, #content #contact select:focus, #content #contact textarea:focus{
	background      : #FFF;
	border          : 1px solid #15385E;
}

#content #contact textarea{
	overflow        : auto;
}

#content #contact .submit{
	width           : 80px;
	background      : #080C3A;
	border          : 1px solid #233B7A;
	color           : #FFF;
	letter-spacing  : 1px;
	font-weight     : bold;
	font-size       : 9px;
}

#content #contact .submit:hover{
	background      : #233B7A;
	border          : 1px solid #233B7A;
	color           : #FFF;
}

#content #contact .checkbox{
	width           : auto;
	border          : 0;
	background      : transparent;
	vertical-align  : middle;
}

#content #errors{
	border          : 1px solid #233B7A;
	padding         : 4px;
	margin          : 8px 0;
	width           : 95%;
}

#content #contact .error{
	border          : 1px solid #233B7A;
}

#content #realisations{
	font-size       : 12px;
	margin          : 0;
	padding         : 0;
}

#content #realisations a{
	display         : block;
	font-size       : 10px;
	text-decoration : none;
	border-bottom   : 1px solid #335175;
	padding         : 8px 0px;
}

#content #realisations a:hover{
	color           : #9F0;
	text-decoration : none;
}

#content #realisations .hasPhoto {
	padding-left    : 15px;
	background      : url(../img/gui/pco/picto_liste_on.jpg) no-repeat left center;
}

#content #realisations .hasPhoto:hover{
	padding-left    : 15px;
	background      : url(../img/gui/pco/picto_liste_hover.jpg) no-repeat left center;
}

#content #realisations .hasNoPhoto {
	padding-left    : 15px;
	background      : url(../img/gui/pco/picto_liste_off.jpg) no-repeat left center;
}

#content #presentation{
	margin-bottom   : 4px;
}

#layout #content #diaporama{
	text-align      : right;
	padding-top     : 4px;
	padding-right   : 14px;
}

#layout #content #diaporama a{
	margin          : 0;
	padding         : 0;
}

#layout #content #diaporama a:hover{
}

#layout #content #diaporama a img{
	border          : 0;
	background      : #FFF;
	margin          : 0;
	padding         : 0;
}

#layout #slideshow{
	display         : none;
	background      : #090F4A;
	width           : 760px;
	margin-left     : 50px;
	margin-top      : 20px;
	border          : 1px solid #050930;
}

#layout #slideshow h1{
	margin          : 0;
	margin-top      : 4px;
	margin-left     : 6px;
	padding         : 0;
	color           : #7E99B7;
	letter-spacing  : 3px;
	font-size       : 13px;
	float           : left;
}

#layout #slideshow #slideshowClose{
	border-bottom   : 1px solid #050930;
	text-align      : right;
}

#layout #slideshow #slideshowClose a{
	width           : 16px;
	height          : 16px;
	font-size       : 0px;
	border          : 0;
}

#layout #slideshow #slideshowClose a:hover{
}

#layout #slideshow #slideshowClose a img{
	border          : 0;
	margin          : 4px;
	margin-right    : 6px;
}

/*
// Text and flash sound.
*/
#footer{
	clear           : both;
	font-size       : 10px;
	padding-left    : 440px;
	height          : 120px;
}

#footer #tail{
	padding         : 5px 0;
	padding-top     : 50px;
	color           : #788AAD;
	letter-spacing  : 1px;
}

#footer #tail strong{
	display         : block;
}