* {
margin: 0;
padding: 0;
}

body {
background: #fff;
font-family: "Palatino Linotype", Helvetica, sans-serif;
font-size: 12px;
line-height: 17px;
color: #222;
margin: auto;
width:720px;
}

img
{
border : 0px;
}

a {
text-decoration: none;
color: #000;
}

p
{
font-size: 15px;
}

h1
{
font-size: 30px;
text-align: center;
margin-top : 10px;
margin-bottom: 60px;
color: yellow ;
}

h2 {
margin-bottom: 20px;
color: #ff0f26;
font-size: 1.3em;
}

#wrap {
float: left;
width: 720px;
}

#header {
float: left;
width : 760px;
height : 180px;
background: url(images/header2.jpg) no-repeat;
height: 180px;
margin-bottom: 0px !important;
margin-bottom: -17px;

}
#header h1
{
text-align: left;
margin-top: 120px;
font-family: "Jenkins v2.0";
font-size: 30px;
margin-left: 20px;
}

#content {
width: 720px;
float: left;
padding: 0 20px;
background: #fff url(images/content.jpg) repeat-y;
}

/*****************MENU HAUT*********************/
#menuHaut
{
Float: left;
width: 720px;
height: 38px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 4px !important;
margin-left: 2px;
}

#menuHaut #btn_accueil {
float: left;
width :159px;
height:38px;
background : url(images/bouton_accueil.gif) no-repeat;
margin-left: 0px;
margin-right: 5px !important;
margin-right: 2px;
}
#menuHaut #btn_accueil a:hover, #menu  #btn_accueil a:focus
{
background : url(images/bouton_accueil_hover.gif) no-repeat;

}

#menuHaut  #btn_dl {
float: left;
width :159px;
height:38px;
background : url(images/bouton_telecharger.gif) no-repeat;
margin-right: 5px !important;
margin-right: 2px;
margin-left: 0px;
}
#menuHaut  #btn_dl a:hover
{
background : url(images/bouton_telecharger_hover.gif) no-repeat;
}


#menuHaut #btn_contact {
float: left;
width :159px;
height:38px;
background : url(images/bouton_contact.gif) no-repeat;
margin-right: 5px !important;
margin-right: 2px;
margin-left: 0px;
}
#menuHaut #btn_contact a:hover
{
background : url(images/bouton_contact_hover.gif) no-repeat;

}

#menuHaut #btn_mention {
float: left;
width :159px;
height:38px;
background : url(images/bouton_mention.gif) no-repeat;
margin-right: 5px !important;
margin-right: 2px;
margin-left: 0px;
}
#menuHaut #btn_mention a:hover
{
background : url(images/bouton_mention_hover.gif) no-repeat;
}

/*****************MENU*********************/
#menu {
float: left;
width: 170px;
padding-left: 5px;
}

#menu ul {
padding: 10px 0 15px 20px;
color: red;
}
#menu a
{
font-size: 1.3em;
font-family: "Baskerville Old Face", Alba;
color : red;
}
#menu a:hover
{
font-weight: bold;
}

#menu #categorie
{
float :left;
width :159px;
}
#menu #categorie .haut
{
float :left;
width :159px;
height: 30px;
background : url(images/categorie_haut.gif) no-repeat;
}
#menu #categorie .milieu
{
float :left;
width :159px;
background : url(images/categorie_milieu.gif) repeat-y;
}
#menu #categorie .bas
{
float :left;
width :159px;
height: 9px;
background : url(images/categorie_bas.gif) no-repeat;
margin-bottom : 5px;
}

#menu #partenaire
{
float :left;
width :159px;
}
#menu #partenaire .haut
{
float :left;
width :159px;
height: 30px;
background : url(images/partenaire_haut.gif) no-repeat;
}
#menu #partenaire .milieu
{
float :left;
width :159px;
background : url(images/categorie_milieu.gif) repeat-y;
}
#menu #partenaire .bas
{
float :left;
width :159px;
height: 9px;
background : url(images/categorie_bas.gif) no-repeat;
}

/******************ACCUEIL***********************/
#accueil {
float: left;
width: 400px;
height: 100%;
text-align: justify;
margin-left: 0px;
}

.articles 
{
padding: 10px;
}

.titre /* Bienvenue sur gifanime !!!*/
{
float: left;
width: 400px;
height: 40px;
font-size: 30px;
background : url(images/baraccueil.gif) no-repeat;
text-align: center;
margin-top: -12px;
margin-bottom: 30px !important;
margin-bottom: -40px;
margin-left: -8px !important;
margin-left: -4px;
color: #0623FC ;
}

.nbpages
{
float: left;
width: 400px;
height: 30px;
font-size: 20px;
background : url(images/pages.gif);
margin-bottom: 30px !important;
margin-bottom: 15px;
margin-left: -8px !important;
margin-left: -4px;
color: #0623FC ;
}
.nbpages p
{
margin-left: 5px;
margin-top: 5px;
color: #000;
}
.nbpages a
{
font-weight: bold;
}

#accueil .emoticone1
{
float: left;
width: 110px;
height: 110px;
background: url(images/cool_22.gif);
margin-right: 25px;
margin-left: 10px;
margin-top: 50px;
}
#accueil .emoticone2
{
float: left;
width: 100px;
height: 90px;
background: url(images/cool_21.gif);
margin-top: 50px;
margin-right: 25px;
}
#accueil .emoticone3
{
float: left;
width: 110px;
height: 110px;
background: url(images/cool_25.gif);
margin-top: 50px;
}
#accueil .emoticone4
{
float: left;
width: 100px;
height: 90px;
background: url(images/cool_20.gif);
margin-top: 20px;
margin-left: 145px !important;
margin-left: 73px;
}

.allopass
{
float: left;

margin-left: 40px !important;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 20px;
}

span .centrer
{
text-align: center;
}

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

#pub{
float: left;
width: 120px;
height: 600px;
margin-left: 15px !important;
margin-left: 7px;
}
#pub300_250{
float: left;
width: 336px;
height: 280px;
margin-left: 45px !important;
margin-left: 22px;
margin-bottom: 30px;
}

#bottom {
float: left;
background: #fff url(images/bottom.jpg) no-repeat;
padding: 10px 0;
width: 760px;
}

#footer {
float: left;
margin: auto;
width:720px;
text-align: center;
font-size: 11px;
color: #aaa;
padding-bottom: 10px;

}
#footer a { color: #aaa; }
#footer a:hover { color: #111; }