/*
// Site : www.opinoignon.org
// Date : 2004/08/28
*/

body{
	background      : #FFF url(../images/interface/bkg_body.gif) repeat-y center top;
	font-family     : Arial;
	font-size       : 11px;
	text-align      : center;
	margin          : 0;
	padding         : 0;
}

/* - */
#layout{
	background      :  url(../images/interface/bkg_layout.gif) repeat-y 190px center;
	width           : 758px;
	margin          : auto;
	text-align      : left;
	border-top      : 6px solid #999;
}

/* - */
#navigation{
	background      : #FFF url(../images/interface/logo.gif) no-repeat 16px 5px;
	border-top      : 1px solid #666;
	padding-bottom  : 20px;
	padding-top     : 20px;
	padding-left    : 60px;
	font-size       : 16px;
}

#navigation ul{
	display         : inline;
	margin          : 0;
	padding         : 0;
}

#navigation li{
	display         : inline;
	padding-right   : 10px;
	margin-right    : 10px;
	font-weight     : bold;
}

#navigation .end{
	border          : none;
}

#navigation li a, li a:hover, li a:visited, li a:active{
	text-decoration : none;
	color           : #CCC;
}

#navigation li a:hover, li a:active{
	color           : #930;
}

/* - */
#illustration {
	background      : #FFF;
	width           : 180px;
	padding-top     : 10px;
	padding-left    : 6px;
	float           : left;
	text-align      : right;
}

#illustration img{
	margin-bottom   : 20px;
}

/* - */
#introduction{
	background      : #FFE url(../images/interface/bkg_contenu.gif) repeat-x left top;
	border-top      : 1px solid #CCC;
	border-bottom   : 1px solid #CCC;
	padding         : 20px 30px 20px 30px;
}

#introduction h1{
	font-size       : 24px;
	padding         : 0;
	margin          : 0;
	font-family     : "Times New Roman", Times, serif;
	color           : #666;
}

#introduction h2{
	font-family     : "Times New Roman", Times, serif;
	font-size       : 15px;
	padding         : 0;
	margin          : 0;
	color           : #999;
}

/* - */
#contenu{
	background      : #FFF;
	padding         : 10px;
	padding-left    : 5px;
	margin          : 0;
	margin-left     : 200px;

}

#contenu #tryptique{
	margin          : 10px 0;
	text-align      : center;
}

#contenu #tryptique img{
	margin-left     : 19px;
	margin-right    : 19px;
}


#contenu #tryptique #vitrine{
	border          : 1px solid #EEE;
	margin          : 10px;
}

#contenu a{
	color           : #C00;
	font-weight     : bold;
	text-decoration : none;
}

#contenu a:hover{
	color           : #F00;	
}

#contenu li{
	list-style-image: url(../images/interface/li_picto.gif);
	vertical-align: middle;
	
}

#contenu h3{
	font-size       : 13px;
}

#contenu hr{
	display         : none;
}

#contenu p{
	line-height     : 20px;
	margin-bottom   : 30px;
}

#contenu dt{
	font-weight     : bold;
	margin-bottom   : 10px;
}

#contenu dd{
	margin-bottom   : 10px;
	text-align      : justify;
	padding-right   : 30px;
}

#contenu .aphorisme dd{
	color           : #66F;
	font-weight     : bold;
	padding         : 0;
	margin          : 0;
	margin-bottom   : 10px;
}

#contenu .aphorisme dd strong{
	color           : #999;
	font-style      : normal;
}

#contenu dd:first-letter{
	font-weight     : bold;
}

#contenu address{
	font-style      : normal;
	margin-left     : 50px;
}

/* - */

#footer{
	clear           : both;
	text-align      : center;
	color           : #999;
	background      : #FFF url(../images/interface/separateur.gif) repeat-x left top;
	padding-top     : 8px;
	padding-bottom  : 8px;
}
#footer strong{
	color           : #333;
}