img, h1, h2, ul, h3, p, li, body {
margin: 0;
padding: 0;
border: none;
}
 
.logo {
float: left;
margin-left: 30px;
margin-top: 20px;
}

body {
background-color: #C38A3C;
cursor: url(curseur.cur), auto;
}

a {
cursor: url(curseur2.cur), auto;
text-decoration: none;
color: #000;
}


.entete {
background: #F8CF6C url(trait.gif) repeat-x 0px 386px;
overflow: hidden;
padding-bottom: 50px;
width: 100%;
margin-right: auto;
margin-left: auto;
}

.titre {
float: right;
text-align: right;
margin-right: 20px;
}

h1 {
font-size: 50px;
font-family: "Courier New",Verdana;
margin-top: 30px;
}

h2 {
font-family: "courier new",verdana;
font-size: 50px;
margin-right: 20px;
}

.triste {
margin-right: 38px;
margin-left: 90px;
}

.tristeindex {
margin-right: 38px;
margin-left: 90px;
} 

.galerie {
background: url(boutons/galerie.gif) no-repeat;
display: block;
height: 121px;
width: 99px;
margin-right: 21px;
margin-top: 2px;
}

.regarde {
margin-right: 52px;
}

.regardeindex{
margin-right: 53px;
}

.bio {
background: url(boutons/bio.gif) no-repeat;
display: block;
height: 117px;
width: 68px;
margin-right: 48px;
margin-top: 1px;
}

.fache {
margin-right: 60px;
}

.facheindex {
margin-right: 37px;
}

.contact {
background: url(boutons/contact.gif) no-repeat;
display: block;
height: 117px;
width: 93px;
margin-right: 45px;
}

.content {
margin-right: 50px;
}

.contentindex {
margin-right: 50px;
}

.ri {
margin-right: 50px;
}


.sourit {
margin-right: 47px;
}

.siffle {
margin-right: 45px;
}

a:hover.galerie {
background: url(boutons/galerie2.gif);
}


a:hover.bio {
background: url(boutons/bio2.gif);
}

a:hover.contact {
background: url(boutons/contact2.gif);
}
.teteindex {
width: 1000px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.teteindex ul {
margin-top: 74px;
}

.teteindex li {
list-style-type: none;
float: left;
}

.tetecontact {
width: 1000px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.tetecontact ul {
margin-top: 67px;
}

.tetecontact li {
list-style-type: none;
float: left;
}

.tete {
width: 1000px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 70px;
}

.tete ul {
margin-top: 70px;
}

.tete li {
list-style-type: none;
float: left;
}


h3 {
font-size: 30px;
font-family: "courier new";
clear: both;
margin-top: 50px;
margin-left: 50px;
}


p {
font-family: "courier new";
margin-top: 20px;
margin-left: 30px;
}

p, h3 {
width: 1000px;
}


.logoga {
background: url(boutons/logo.galerie.gif);
display: block;
height: 202px;
width: 160px;
float: left;
margin-left: 30px;
margin-top: 20px;
} 

a:hover.logoga {
background: url(boutons/logo.galerie2.gif)
}

h1.titrepage {
font-size: 70px;
font-family: "Courier New", Verdana;
margin-top: 50px;
margin-right: 20px;
}


.illu {
background: url(boutons/illu.gif) no-repeat;
display: block;
height: 22px;
width: 162px;
margin-right: 60px;
margin-left: 50px;
}

.croquis {
background: url(boutons/croquis.gif) no-repeat;
display: block;
height: 22px;
width: 88px;
margin-right: 60px;
}

.presse {
background: url(boutons/presse.gif) no-repeat;
display: block;
height: 26px;
width: 215px;
margin-right: 60px;
}

.bd {
background: url(boutons/bandedessinee.gif) no-repeat;
display: block;
height: 21px;
width: 204px;
margin-right: 60px;
} 

a:hover.illu {
background: url(boutons/illu2.gif);
}

a:hover.croquis {
background: url(boutons/croquis2.gif);
}

a:hover.presse {
background: url(boutons/presse2.gif);
}

a:hover.bd {
background: url(boutons/bandedessinee2.gif);
}

.menu {
width: 1000px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.menu ul {
margin-top: px;
clear: both;
}

.menu li {
list-style-type: none;
float: left;
}

.vignettes {
width: 500px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 30px;
}

			 
.vignettes a{
margin: 20px;
}


.logoga {
background: url(boutons/logo.galerie.gif);
display: block;
height: 202px;
width: 160px;
float: left;
margin-left: 30px;
margin-top: 20px;
}

a:hover.logoga {
background: url(boutons/logo.galerie2.gif)
}

.logocon {
background: url(boutons/logo-con.gif);
display: block;
height: 205px;
width: 149px;
float: right;
margin-top: 20px;
margin-right: 30px;
} 


a:hover.logocon {
background: url(boutons/logo-con2.gif);
}

.email {
color: black;
text-decoration: none;
}
.email:hover {
color: #FFFFFF; 
}

.escargot {
width: 800px;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
}

.textecontact {
margin-top: 20px;
margin-left: 30px;
font-family: "courier new";
font-size: 20px;
}

.titrecontact {
font-size: 70px;
font-family: "Courier New", Verdana;
margin-top: 50px;
margin-left: 20px;
}

.logobio {
background: url(boutons/logobio.gif) no-repeat;
display: block;
height: 208px;
width: 121px;
}

.logobiomilieu {
width: 121px;
margin-left: auto;
margin-right: auto;
}

.logobio:hover {
background: url(boutons/logobio2.gif);
}

.tetebio {
width: 1000px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.tetebio ul {
margin-top: 66px;
}

.tetebio li {
list-style-type: none;
float: left;
}