/*RESET BROWSER STYLES (l'étoile = pr TOUT)*/
* {
	margin:0;
	padding:0;
	font-family:verdana, sans-serif;
	line-height:1.5em;
	word-spacing:0.1em;
	letter-spacing:0.03em;
}

ul,li{
list-style:none;
}

a, div{
text-decoration:none;
outline:none;
color:#ba00ff;
}

a:hover{
font-style:italic;
}

#hover:hover{border-color:#FFFF99;}

h2 {
font-size:10px;
}

h3{
font-size:145%;
}

hr{
margin-left:160px;
width: 65%;
color:#FFFF33; #d75bd3;
}

/**************************************************/

/*LAYOUT*/
body {background:#f9f9f9;}

div#all{
width:960px;
margin:auto;
background:url(img/backblanc.png)no-repeat;
font-size:9px;
}

div#top{
margin-top:10px;
padding:0 0 30px 0px;
height:3px;
width:700px;
}

div#top ul#navigation li {display:inline;}
div#top ul#navigation li a {display:inline; width:219px; height:64px; float:left;}

ul#navigation{padding-top:0px;}

ul#navigation li{
margin-right:10px;
display:inline;
width:60px; height:14px;
font-size:16px;
}

ul#navigation li a{
color:#00CCCC;
}

ul#navigation li a:hover{
color:#FFFF99;6633CC;
}

#accueil{background:url(img/accueil.png) no-repeat;}
#accueil:hover{background:url(img/accueilhov.png) no-repeat;}
#travaux{background:url(img/travaux.png) no-repeat;}
#travaux:hover{background:url(img/travauxhov.png) no-repeat;}
#about{background:url(img/about.png) no-repeat;}
#about:hover{background:url(img/abouthov.png) no-repeat;}

div#milieu{
width:300px;
height:150px;
margin:140px 0px 0px 100px;
font-size:10px;
float:left;
}

div#photo{
height:300px;
width:415;
float:right;
margin-left:10px;
margin-top:14px;
}

div#formulaire{
margin-top:50px;
height:150px;
width:100px;
float:left;
}

div#formulaire p{
width:150px;
}

ul#info{
margin-left:500px;
margin-top:0px;
height:7px;
width:150px;
}

ul#message{
width:300px;
height:50px;
margin-left:100px;margin-top:5px;
float:left;
}

ul#bouton{
margin-top:20px;
margin-left:700px;
height:5px;
width:50px;
}

ul#info li{
width:150px;
padding-bottom:5px;
}

ul#message li{
width:10px;
}

div#vignettes{
height:50px;
width:960px;
margin:100px 0 100px 0;
}

ul#vignettes li{
display:inline;
width:135px;
margin:10px 0px 0 0;
float:left;
}

ul#vignettes li span{
display:inline;
text-align:left;
width:150px;
}

div#work{
width:600px;
height:20px;
margin:35px 0 0 180px;
}

ul#menu li{
display:inline;
margin:0 15px 0px 0px;
}

div#galerie{
text-align:center;
width:900px;
height:600px;
margin:15px 0 0 20px;
font-size:12px;
}

img{cursor:pointer; border-width:1px;}
div.bigimg {margin: 10px 0 0 400px;}
div.bigimg div p {text-align:left;width:450px;}
#small {width:300px; height:0px; margin:30px 0 0 0px;}
#small li {width:100px; height:30px; float:left; padding: 1px 1px 50px 1px; list-style:none;}
#small a {display:block;}

.acc {color:#00CCCC;} <!--#9933CC;} backwhitetest
.nav {border:none;}