/* CSS Animal Crossing
par Akari Hirase */
@font-face
{
 	font-family: "calibri_perso"; 
 	src: url("../font/calibri.ttf");
 }


Pour IE le code est différent soit : 
@font-face
{
 	font-family: "calibri_perso_perso"; 
 	src: url("../font/calibri.eot"); 
}

body
{
	background-image: url("../img/background.png");
	background-attachment: fixe;
	width: 1024px;
	margin: auto;
}

p, .paragraphe, .villagers, input, textarea, .bugs, .fishes

{
	font-family: calibri, calibri_perso, Candara, Segoe, "Segoe UI";;
	font-size: 14px;
	text-align: justify;
	color: #44351a;	
}

.warning
{
	font-family: calibri, calibri_perso, Candara, Segoe, "Segoe UI";
	font-size: 14px;
	text-align: justify;
	color: #ff0000;	
	font-weight: bold;
} 

.ok
{
	font-family: calibri, calibri_perso, Candara, Segoe, "Segoe UI";
	font-size: 14px;
	text-align: justify;
	color: #23bb2a;	
	font-weight: bold;
} 

.imgarticle
{
	display: block; 
	margin: auto;
	margin-top: 20px;
	border: 3px solid #998650;
	border-radius: 8px;	
} 

.astuce
{
	color: #b4a68e;
	border: 1px dashed #b4a68e;
	border-radius: 3px;
	font-style: italic;
	margin-top: 5px;
	padding: 5px;
}
/* ---------- Bouton retour haut de page ---------- */

#fixedNav a
{
    background: #ae976c;
    opacity: 0.9;
    padding: 10px;
    border: 2px solid #ae976c;
    border-radius: 5px;
    position: fixed;
    right: 10px;
    bottom: 50%;
    cursor: pointer;
    color: #628c53;
}


#fixedNav a:hover
{
background: #e9e3d9;
color: #628c53;
opacity: 0.7;
border: 2px solid #e9e3d9;
}

/* ---------- Images ---------- */

.right
{
	float: right;
}

.left
{
	float: left;
}	


/* ---------- Placement ---------- */

.posright
{
    vertical-align: top;
	display: inline-block;
	
	position: relative;
    left: 180px;

}

.posleft
{
    vertical-align: top;
	display: inline-block;


}	


/* ---------- Formulaires ---------- */
label
{
	display: inline-block;
	width: 100px;
	vertical-align: top;
}

input, textarea
{

background-color: #e4d9ba;

}

input:invalid, input:required
{
}

fieldset
{
	border: 1px solid black;	
	border-collapse: collapse;
	border-color: #e4d9ba;
}


/* ---------- Tableaux ---------- */

table
{
border-collapse: collapse;
}

caption
{
	font-weight: bold;
	padding: 10px;
	font-variant: Small-Caps;
	font-size: 18px;
}
	
.tableau, .grandtableau
{
	margin: auto;
	border-collapse: collapse;
	font-family: calibri, calibri_perso, Candara, Segoe, "Segoe UI";
	font-size: 14px;
	color: #44351a;
}

.villagers
{
	margin-left: 15px;
	display: inline-block;
	border-collapse: collapse;
 }
 
 .tableau th
{
	text-align: center;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;

	border: 1px solid black;
	border-collapse: collapse;
	border-color: #e4d9ba;
 }
 
.tableau td
{
	padding: 10px;

	border: 1px solid black;	
	border-collapse: collapse;
	border-color: #e4d9ba;
 }
 
.grandtableau th
{
	text-align: center;
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;

	border: 1px solid black;
	border-collapse: collapse;
	border-color: #e4d9ba;
 }
 
.grandtableau td
{
	padding: 10px;
	border: 1px solid #e4d9ba;	
	border-collapse: collapse;
 }

 .villagers th
{
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
 	height: 35px;
 	width: 75px;
	
	border: 1px solid black;
	border-collapse: collapse;
	border-color: #e4d9ba;

 }
 
.villagers td
{	
	padding-left: 12px;
	padding-right: 12px;
 	height: 30px;
 	width: 90px;
 	
	border: 1px solid black;	
	border-collapse: collapse;
	border-color: #e4d9ba;

 }
 
 .fishes
{
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
 	height: 200px;
 	width: 200px;
 	margin-top: 20px;
 	margin-right: 5px;
 	margin-left: 5px;

	display: inline-block;
	vertical-align: bottom;
	border: 1px solid black;
	border-radius: 30px;
	border-collapse: collapse;
	border-color: #e4d9ba;
	background-image: url("../img/fishesfont.png");
	background-opacity
 }
 
 .bugs
{
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
 	height: 200px;
 	width: 200px;
 	margin-top: 20px;
 	margin-right: 5px;
 	margin-left: 5px;

	display: inline-block;
	vertical-align: bottom;
	border: 1px solid black;
	border-radius: 30px;
	border-collapse: collapse;
	border-color: #e4d9ba;
	background-image: url("../img/bugsfont.png");
	background-opacity
 }

 
 .tablebugs
{
 text-align: center;
  	width: 200px;

}

.tablefishes
{
 text-align: center;
  	width: 200px;

}

 .tablebugs th
{
	padding: 0px;
	border: 0px solid black;
	border-collapse: collapse;

}

 .tablefishes th
{
	padding: 0px;
	border: 0px solid black;
	border-collapse: collapse;

}


/* ---------- Sections ---------- */

header
{
	background-image: url("../img/header.jpg");
	width: 1024px;
	height: 364px;
}

.barre1 /* Lié au H1 */
{
	display: inline-block;
	height: 70px;
	width: 770px;
	text-align: center;

	position: relative;
	top: 240px;
	left: 25px;
	

}

.barre2 /* Lié au H1 */
{
	display: inline-block;
	height: 70px;
	width: 180px;
	text-align: center;

	
	position: relative;
	top: 240px;
	left: 40px;

	
}

.conteneur
{
	background-image: url("../img/corps.jpg");
	background-repeat: repeat-y;
	width: 1024px;	
}

	
.corps
{

	display: inline-block;
	vertical-align: top;
	min-height: 300px;
	width: 730px;

	
	position: relative;
	right: 148px;
		
}

section .presentation
{	
	width: 710px;
	
	padding: 10px;
	margin-bottom: 30px;
	margin-top: 0px;
}

section .article
{	
	width: 710px;

	padding: 10px;

	margin-bottom: 5px;
	margin-top: 0px;
}

#filet, #canne_peche, #pelle, #hache, #arrosoir, #lance_pierre
{
margin-top: 50px;
margin-bottom: 100px;

}

/* ---------- Titres ---------- */

h1
{
	font-family: calibri, calibri, calibri_perso, Candara, Segoe, "Segoe UI";
	font-variant: Small-Caps;
	text-align: left;
	font-size: 45px;
	color: #d6c8a0;
	margin-top: 0px;
	
	display: inline-block;
	text-shadow: 2px 3px 1px #44351a;
}


#filet, #canne_peche, #pelle, #hache, #arrosoir, #lance_pierre
{
margin-top: 50px;
margin-bottom: 100px;
}

h2, #filet h2, #canne_peche h2, #pelle h2, #hache h2, #arrosoir h2, #lance_pierre h2
{
	font-family: calibri, calibri_perso, Candara, Segoe, "Segoe UI";
	font-variant: Small-Caps;
	text-align: left;
	font-size: 25px;
	color: #44351a;
}

h3, #filet h2, #canne_peche h2, #pelle h2, #hache h2, #arrosoir h2, #lance_pierre h2
{
	font-family: calibri, calibri_perso, Candara, Segoe, "Segoe UI";
	font-variant: Small-Caps;
	text-align: center;
	font-size: 25px;
	color: #44351a;	
	
	border: 1px solid #aaa28b;
	border-radius: 8px;
	background-color: #c2b89d;
}

h4
{
	font-family: calibri, calibri_perso, Candara, Segoe, "Segoe UI";
	font-variant: Small-Caps;
	font-size: 15px;
	color: #44351a;
	margin-top: 30px;
	margin-bottom: 0px;

}

legend
{
	font-family: calibri, calibri_perso, Candara, Segoe, "Segoe UI";
	font-variant: Small-Caps;
	font-size: 15px;
	font-weight: bold;

	color: #44351a;
	margin-top: 0px;
	margin-bottom: 0px;

}

/* ---------- Menus de Navigation ---------- */

.menu2
{
	font-family: "Trebuchet MS";
	font-variant: Small-Caps;
	font-size: 14px;
	text-align: left;
	color: purple;
	
	width: 180px;
	
	padding: 5px;
	
	display: inline-block;
	vertical-align: top;
	position: relative;
	left: 795px;
	
}

.menu1
{
	font-family: "Trebuchet MS";
	font-variant: Small-Caps;
	font-size: 18px;
	text-align: left;
	height: 50px;
	position: relative;
	top: 250px;
}

nav ul
{
	list-style-type: none;
}

.menu2 li
{
	display: block;
	padding: 5px;
}

.menu1 li
{
	display: inline-block;
	padding-right: 15px;
}

.titremenu /* Titres des catégories de menu2 */
{
	font-family: "Trebuchet MS";
	font-variant: Small-Caps;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #8c4980;


}

.menu2 a:link
{
}

.menu2 a /* liens par défault */
{
	color: #e7d8af;
	text-shadow: 1px 1px 1px #44351a;

	font-weight: normal;
}
.menu2 a:visited /* liens visités */
{
	color: #e7d8af;
	text-shadow: 1px 1px 1px #44351a;

	font-weight: normal;
}

.menu2 a:hover /* survol des liens */
{
	color: #f7d897;
	font-weight: normal;
}

.menu2 a:hover:before
{
content: "❥ ";
}

.menu1 a /* liens par défault */
{
	color: #4f4026;
}

.menu1 a:visited /* liens visités */
{
	color: #4f4026;
}	

.menu1 a:hover /* survol des liens */
{
	color: #4f4026;
}

	
/* ---------- Listes ---------- */

ul li
{
	list-style-image: url("../mini.png");
	display: list-item;
}



/* ---------- Liens ---------- */

a /* liens par défault */
{
	color: #458642;
	text-decoration: none;
	font-weight: bold;
	font-variant: small-caps;
}

a:hover /* survol des liens */
{
	color: #458642;
	text-decoration: none;
	font-weight: bold;
	font-variant: small-caps;
}

a:visited /* liens visités */
{
	color: #458642;
	text-decoration: none;
	font-weight: bold;
	font-variant: small-caps;
}

footer
{
	background-image: url("../img/foot.jpg");
	width: 1024px;
	height: 53px;

}

.footer
{
	font-family: "Trebuchet MS";
	font-variant: Small-Caps;
	font-size: xx-small;
	color: #44351a;
	
	display:block;
	text-align:center;
	
	position: relative;
	top: 15px;
}