@charset "utf-8";
/* CSS Document */

body{background-image:url(fond.jpg); background-position:top left; background-repeat:repeat-x; background-color:#9699ac; margin-top:0px;}
.copyright{opacity:0.3;}
.copyright:hover{opacity:1;}

.last{-moz-box-shadow:#000000 0px 0px 9px; border:1px solid #676987; padding:5px; -moz-border-radius:10px; background:none;}
.last:hover{border:1px solid #000000; padding:5px; -moz-border-radius:10px;}
.last A:hover; .last A:link; .last A:visited{border:none;}

p{margin:0px; margin-bottom:0px; margin-top:0px;}

a{outline:none; text-decoration:none; color:#9699AC; text-shadow:black 0px 1px 2px; font-weight:bold;}
a:hover{font-weight:bold; text-shadow:#000000 0px 0px 9px}

strong{color:#485181; text-shadow:#000000 0px 1px 1px;}
em{color:#B3B5C3; text-shadow:#000000 0px 1px 1px;}

IMG{color:none;}
IMG A:link, IMG A:visited, IMG A:active {-moz-box-shadow:#000000 0px 0px 9px; border:none; background:none; color:none;}
IMG A:hover{-moz-box-shadow:#485181 0px 0px 9px; border:none;}

.img1{opacity:0.5;}
.img1:hover{opacity:1;}
.img1 A:link, .img1 A:visited {-moz-box-shadow:#000000 0px 0px 9px; border:none; background:none; }
.img1 A:hover{-moz-box-shadow:#B3B5C3 0px 0px 9px;}

{--------------------------- COLONNE ------------------------------}

.td{background:#6A6B86;
border:1px solid #5B5F7C;
-moz-box-shadow:black 0 1px 2px;
-moz-border-radius:20px;
padding:5px; padding-top:10px; padding-bottom:10px;
width:100%;
}

h2{text-align:center;
font-family:impact;
line-height:12px;
font-size:24px;
color:#485181;
text-shadow:black 0 1px 2px;
font-weight:normal;
margin-top:0px;}

h2 span{font-size:12px;
color:#B3B5C3;
}
h2 A:link, h2 A:visited {font-size:12px;
color:#B3B5C3; text-shadow:none;}

{--------------------------- NAVIGATION ---------------------------}
#navig{
background-image:inherit;
background-position:center top;
background-repeat:repeat-x;
font-family:impact;
line-height:12px;
font-size:24px;
-moz-border-radius:20px;
}
#navig:hover{
background-color:#7A7B95;
}
#navig A:link, #navig A:visited, #navig A:active {
	outline:none;
	color:#485181;
	text-shadow:#000000 0px 1px 2px;
	}
#navig A:hover{
	color:#B3B5C3;
	text-shadow:black 0px 1px 2px;
	border-bottom:none;
	font-weight:normal;
}
.navigsubtitle{color:#FFFFFF; text-shadow:#000000 1px 1px 9px; font-size:10px;}

{--------------------------- PROJETS ------------------------------}
.projettitle{color:#485181; text-shadow:#000000 0px 1px 2px; font-size:18; font-weight:bold;}
.projettitle:hover{text-shadow:black 0px 0px 9px; }
.img-projet{opacity:1; border:3px solid #485181; -moz-border-radius:10px; -moz-box-shadow:#B3B5C3 0 1px 20px;}
.img-projet:hover{opacity:0.5; border-bottom:none;}

a.imginfo span{display:none; border:none;
-moz-box-shadow:#B3B5C3 0 1px 20px;}
a.imginfo:hover{background:none; cursor:crosshair; z-index:1; border:none;
-moz-box-shadow:#B3B5C3 0 1px 20px;}
a.imginfo:hover span {display:inline;
white-space:nowrap;
background-color:#B3B5C3;
-moz-border-radius:15px;
width:243px;
-moz-box-shadow:#B3B5C3 0 1px 20px;}

#subnav A:link, #subnav A:visited, #subnav A:active {

font-family:comic Sans MS;
font-size: 10px;
text-align: center;
text-decoration:none;
padding: 2px;
color: #FFFFFF ;
background-color: #6A6B86;
line-height: 12px;
display: block;
border-bottom: 1px solid #5B5F7C;
}

#subnav A:hover {
color: #FFFFFF; 
background-color: #485181;
font-weight:bold;}