@charset "utf-8";

/* CSS Document */

body
{
	background: #ddd;
	background-position: center center;
	background-repeat:no-repeat;
}

#fenetre
{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-350px;
	margin-top:-250px;
	width:700px;
	height:500px;
	border:1px solid #000000;
	background-image:url(/pics/fond.gif);
}

#footer
{
	position:absolute;
	width:680px;
	height:20px;
	top:50%;
	left:50%;
	margin-left:-340px;
	margin-top:+230px;
	vertical-align:bottom;
	text-align:center;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border-top:#CCCCCC 1px solid;
	font-variant:small-caps;

}
#footerext
{
	position:absolute;
	width:680px;
	height:20px;
	top:50%;
	left:50%;
	margin-left:-340px;
	margin-top:+263px;
	vertical-align:bottom;
	text-align:center;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:none;
	font-variant:small-caps;
}
#footerext a
{
text-decoration:none;
color:#999999;
}
#footerext a:hover
{
text-decoration:underline;
color:#000;
}
#navigation
{
	position:absolute;
	width:680px;
	height:20px;
	top:50%;
	left:50%;
	margin-left:-340px;
	margin-top:-175px;
	vertical-align:bottom;
	text-align:center;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border-bottom:#CCCCCC 1px solid;
}

#contenu
{
	position:absolute;
	width:680px;
	height:375px;
	top:50%;
	left:50%;
	margin-left:-340px;
	margin-top:-150px;
	vertical-align:bottom;
	text-align:justify;
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	overflow:auto;
	background-color:#eaeaea;
	padding-left:5px;
	padding-right:5px;
	
    scrollbar-track-color: #ddd;
    scrollbar-face-color: #ddd;
	
    scrollbar-shadow-color: #aaa;
    scrollbar-darkshadow-color: #999;
	
    scrollbar-highlight-color: #fff;
    scrollbar-3dlight-color: #ddd;
	
    scrollbar-arrow-color: #f89a1c;	
}

#contenu h1
{
	font-variant:small-caps;
	font-size:16px;
	font-weight:900;
	color:#000000;
	margin:0;
}

#contenu a
{
	color:#666;
}
#contenu a:hover
{
	color:#000;
}
#contenu ul 
{
list-style-image:url(pics/carre_orange_bord.png);
}
#contenu li
{
margin-top:5px;
}
#contenu li ul
{
margin-bottom:10px;
}
#contenu ul ul
{
list-style-image:url(/pics/carre_blanc.png);
}
#contenu p.entete
{
border-left:2px solid #f89a1c;
padding-left:10px;
}

#navigation ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#navigation ul li
{
	float:left;
	list-style:none;
	margin:0;
	margin-right:15px;
	font-variant:small-caps;
	font-size:12px;
}

#navigation a
{
	color:#999999;
	text-decoration:none;
}

#navigation a:hover
{
	color:#000;
	text-decoration:underline;
}
#navigation a.sel
{
	color:#000;
	text-decoration:underline;
}

#realisations a
{
	color:#000000;
	font-weight:900;
	text-decoration:underline;
}

#realisations img
{
	border:1px solid #666666;
	margin-left:6px;
	margin-right:10px;
	margin-bottom:12px;
	opacity:0.3;
}

#realisations img:hover { opacity:1; }
#photo { 
background-color:#FFFFFF;
background-repeat:no-repeat;
background-position:center center; 
}

#contenu input[type=text], #contenu textarea
{
border:1px solid #ccc;
margin-bottom:2px;
background-color:#fff;
}
#contenu input[type=text]:hover, #contenu textarea:hover
{
border-color:#f89a1c;
}
#contenu input[type=submit]
{
border:1px solid #ccc;
background-color:#ddd;
}
#contenu input[type=submit]:hover
{
border-color:#000;
background-color:#f89a1c;
}

#pa ul li {
margin-top:15px;
}
#pa ul li li {
margin-top:5px;
list-style-type:square;
}