/*
//  Site : http://fondation.wilmotte.fr/
//  Date : 2005-10-28
*/

body{
	background  : #000;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size   : 11px;
	text-align  : center;
	color       : #FFF;
	margin-top  : 50px;
}

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

a:hover{
	color       : #FC0;
}

/*
// Top level div container.
*/
#layout{
	background      : url(../img/gui/bkg/bkg_layout.gif);
	width           : 850px;
	margin          : auto;
	text-align      : left;
	vertical-align  : top;
}


/*
// Contain logo.
*/
#header{
	background      : #15385E url(../img/gui/bkg/bkg_header.gif) repeat-x left top;
	margin          : 0;
	padding         : 0;
	height          : 41px;
}

#header h1{
	background      : url(../img/gui/logo/logo_wilmotte.gif) no-repeat left top;
	width           : 327px;
	height          : 41px;
	float           : left;
	margin          : 0;
	padding         : 0;
}

#header h1 a{
	display         : block;
	width           : 327px;
	height          : 41px;
	border          : 0;
	margin          : 0;
	padding         : 0;
}

#header h1 a{
	width           : 327px;
	height          : 41px;
}

#header h2{
	font            : bold 11px Arial, Helvetica, sans-serif;
	text-align      : right;
	letter-spacing  : 1px;
	margin          : 0;
	padding         : 25px 0 0 0;
}

#header h1 a span{
	display         : none;
}

/*
// First level menu.
*/

#menu{
	background      : url(../img/gui/bkg/bkg_menu.gif) no-repeat left top;
	width           : 245px;
	height          : 422px;
	float           : left;
}

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

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

#menu li a{
	background      : url("../img/gui/mnu/li_style.gif") no-repeat left center;
	display         : block;
	padding-top     : 4px;
	padding-bottom  : 4px;
	padding-left    : 10px;
}

#menu li a:hover{
	background      : #FC0 url("../img/gui/mnu/li_style_hover.gif") no-repeat left center;
	color           : #000;
}

#menu .current, #menu .current:hover {
	background      : #FC0 url("../img/gui/mnu/li_style_current.gif") no-repeat right center;
	color           : #000;
}


/*
// Second level menu.
*/
#navigation{
	width           : 180px;
	padding         : 69px 10px;
	padding-right   : 0;
	float           : left;
}

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

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

#navigation .current{
	color           : #FC0;
	text-decoration : none;
}

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

#navigation select, #navigation input{
	width           : 180px;
	font-size       : 10px;
	background      : #B5C3D2;
	font-family     : Verdana, Arial, Helvetica, sans-serif;
	font-size       : 11px;
	color           : #15385E;
	padding         : 2px;
	border          : 1px solid #15385E;
}

#navigation input{
	margin-bottom   : 20px;
}

#navigation #cartographie, #navigation #listepdf{
	background      : url(../img/gui/pco/picto_cartographie.gif) no-repeat left center;
	padding-left    : 25px;
}

#navigation #listepdf{
	background      : url(../img/gui/pco/picto_listepdf.gif) no-repeat left center;
}


/*
// Content information container.
*/
#content{
/*	border-right    : 1px solid #CCC; */
	padding         : 20px;
	padding-top     : 66px;
	padding-right   : 0;
	padding-left    : 16px;
	margin-left     : 445px;
	font-family     : Verdana, Arial, Helvetica, sans-serif;
	color           : #999;
	width           : 380px;
}

#content h1{
	color           : #999;
	font-size       : 14px;
	font-weight     : normal;
	margin          : 0;
	padding         : 0;
	padding-bottom  : 2px;
	padding-right   : 10px;
	margin-bottom   : 16px;
}

#content a.return{
	float           : right;
	margin-top      : 4px;
	text-align      : right;
}

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

#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 ul, #content ol{
	margin          : 10px 0 10px 18px;
	padding         : 0 0 0 0;
}

#content p, #content ul li, #content ol li{
	font-size       : 10px;
	line-height     : 17px;
	margin          : 0;
	padding         : 0;
	padding-top     : 8px;
	padding-right   : 10px;
	padding-bottom  : 8px;
	letter-spacing  : 1px;
}

#content ul li, #content ol li{
	margin          : 0;
	padding         : 0;
	letter-spacing  : 1px;
	line-height     : 14px;
}

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

#content a, #content a:hover{
	color           : #FFF;
	font-size       : 10px;
	padding-bottom  : 1px;
	border-bottom   : 1px solid #999;
}

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

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

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

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

#content #contact input,  #content #contact select,  #content #contact textarea,
#content #concours input, #content #concours select, #content #concours 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,
#content #concours input:hover, #content #concours select:hover, #content #concours textarea:hover{
	background      : #FFF;
	border          : 1px solid #15385E;
}

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

#content #contact textarea, #content #concours textarea{
	overflow        : auto;
}

#content #contact .submit, #content #concours .submit{
	width           : 80px;
	background      : #2222B6;
	border          : 0;
	color           : #FFF;
	letter-spacing  : 1px;
	font-weight     : bold;
	font-size       : 9px;
}

#content #contact .submit:hover, #content #concours .submit:hover{
	background      : #FC0;
	border          : 0;
	color           : #000;
}

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

#content #errors{
	border          : 1px solid #FC0;
	padding         : 4px;
	margin          : 8px 0;
}

#content #contact .error, #content #concours .error{
	border          : 1px solid #FC0;
}


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

#content #realisations h2{
	font-size       : 12px;
	padding         : 8px 0;
	margin          : 0;
	margin-top      : 20px;
	margin-bottom   : 10px;
	border-bottom   : 1px solid #335175;
}

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

#content #realisations a:hover{
	color           : #FC0;
	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;
}

/*
// Informations
*/

#content #information{
	width           : 380px;
	font-size       : 11px;
	margin-top      : 20px;
}

#content #information th{
	text-align      : left;
	color           : #999;
}

#content #information .label, #content #information .information{
	width           : 40%;
	padding         : 2px;
	padding-top     : 8px;
	border-bottom   : 1px solid #204166;
	color           : #999;
}

#content #information .information{
	width           : 60%;
	color           : #FFF;
	text-align      : right;
}

/*
// Diaporama
*/

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

#layout #content #diaporama a{
	background      : #FFF;
	border          : 1px solid #999;
	margin          : 0;
	padding         : 0;
}

#layout #content #diaporama a:hover{
	background      : #FFF;
	border          : 1px solid #FC0;
}

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

/*
// Publication.
*/

#layout #content .publication{
	border-bottom   : 1px solid #335175;
	padding-bottom  : 16px;
	margin-top      : 20px;
}

#layout #content .publication td{
        vertical-align  : top;
        text-align      : left;
}

#layout #content .publication td img {
	margin-right    : 17px;
}


#layout #content .publication h1{
	border          : 0;
	font-weight     : normal;
	font-size       : 14px;
	margin          : 0;
	margin-bottom   : 18px;
	padding         : 0;
}

#layout #content .publication h2{
	margin          : 0;
	padding         : 0;
	line-height     : 15px;
}

#layout #content .publication p{
	line-height     : 15px;
}

/*
// Homepage
*/

#homepage{
	background      : url(../img/gui/bkg/bkg_homepage.gif) repeat left top;
	border-right    : 1px solid #FFF;
	padding-top     : 20px;
	margin-left     : 247px;
}

#homepage h1{
	font-weight     : normal;
	font-size       : 17px;
	margin-bottom   : 25px;
	padding-left    : 35px;
}

#homepage p{
	text-align      : justify;
	line-height     : 18px;
	padding-left    : 35px;
	padding-right   : 70px;
}

#homepage address{
	text-align      : right;
	font-weight     : bold;
	font-style      : normal;
	padding-bottom  : 20px;
        padding-right   : 70px;
	border-bottom   : 1px solid #9FB5CD;
}

#homepage #illustration{
	padding         : 0;
	margin          : 0;
	background      : url(../img/photography/homepage/homepage.jpg) no-repeat;
	height          : 340px;
}

/*
// Text and flash sound.
*/
#footer{
	clear           : both;
	background      : #000;
	border-top      : 1px solid #FFF;
	height          : 38px;
	font-size       : 10px;
	letter-spacing  : 1px;
	text-align      : center;
}

#footer address{
	padding         : 5px 0;
	font-style      : normal;
}

/*
// Section : Message
*/

#layout #content #message{
	font            : normal 12px Verdana, Arial, Helvetica, Sans-serif;
	line-height     : 16px;
	background      : transparent;
	color           : #999;
	padding         : 4px;
	margin          : 0 0 15px 0;
}

#layout #content #message #information{
	font            : bold 11px Verdana, Arial, Helvetica, Sans-serif;
	border          : 1px solid #FC0;
	padding         : 4px;
	margin          : 0 0 10px 0;
	width           : 98%;
}

#layout #content #message a, #layout #content #message ul li a{
	font            : bold 10px Verdana, Arial, Helvetica, Sans-serif;
	color           : #999;
	text-decoration : none;
}

#layout #content #message ul li a{
	font            : normal 10px Verdana, Arial, Helvetica, Sans-serif;
	color           : #FC0;
}

#layout #content #message #encadre {
	border: 1px solid #7e99b7;
	padding: 8px 18px;
	margin: 10px 0;
}

#layout #content #message #encadre p {
	font: normal 10px Verdana, Arial, Helvetica, Sans-serif;
	line-height: 160%;
	color: #7e99b7;
	margin: 0 0 6px 0;
	padding: 0;
}