/*
Theme Name: FeeGrenouille
Theme URI: http://www.lafeegrenouille.fr/
Description: Fee Grenouille
Version: 0.1
Author: Julien Baessens
 
Creation Theme by Julien Baessens
 
*/


/*
Style du blog: 2 colonnes avec sidebar � gauche
*/

#page {
width: 800px;
min-height: 100%;
margin: 0 auto 0 auto;
background-color:3bcc93;
position: relative;
overflow: auto;
}

#header {
width: 800px;
height : 162px;
background:url(images/header.jpg);
z-index: 0;
}

#center{
overflow: auto;
min-height: 100%;
width : 800px;
background:url(images/fond.jpg);
}

.content {
float: right;
width:497px;
min-height:564px;
text-align: justify;
padding-right:10px;
padding-left:20px;
padding-bottom:30px;
background-color : #d4ffd3;
}

#footer {
font-size: 0.8em;
color: #fff;
clear: both;
width: 800px;
text-align: center;
margin:0px;
}

#FreakyFamily{
background:url(images/fond_freakyCatalogue.jpg);
}

#Acceuil{
background:url(images/fond_presentation.jpg);
}

#Polaire{
background:url(images/fond_polaire.jpg);
}

#Acheter{
background:url(images/fond_acheter.jpg);
}

#Tissu{
background:url(images/fond_tissu.jpg);
}

#Catalogue{
background:url(images/fond_catalogue.jpg);
}

#Feutrine{
background:url(images/fond_feutrine.jpg);
}

#Tarifs{
background:url(images/fond_tarifs.jpg);
}

#FreakyFantasy{
background:url(images/fond_ff.jpg);
}

#FairePart{
background:url(images/fond_fp.jpg);
}

#FreakyFroggyDoll{
background:url(images/fond_ffd.jpg);
height:750px;
}

#CatalogueFroggyFantasy{
background:url(images/fond_presentation.jpg);
}


.sidebar {
float: left;
width: 272px;
background-color : #3bcc93;
margin: 0px auto 0px auto;
}

/*corps de la page web */

body {
height: 100%;
font-family: "Segoe Print","Arial";
color : #800080;
font-size: 0.9em;
text-align: left;
background-color: #000;
line-height:25px;
font-weight:bold;
margin: 0;
}

h2{
margin : 0;
}

/* gestion de l'ent�te */
#header h1 {
padding: 0 20px 0 0;
font-size: 2em;
text-align: right;
}

#header h1 a{
color: #666;
}

#header p {
padding: 0 20px 0 0;
font-size: 1em;
text-align: right;
}


/* gestion du contenu */
#content h2 {
font-size: 1.3em;
}

.post{
padding:0px;
min-height: 155px;
margin-bottom : 20px;
}
.page{
padding:0px;
min-height: 155px;
}


.post_content {
font-size: 1em;
color: #555;
}

.postcomment{
	float: right;
	width: 45px;
	height: 25px;
	padding:2px 0 0 18px;
	font-size:18px;
	font-weight:bold;
	margin:0px 0px 0 0;
}


.postcomment a{
	color:#333;
}

.postmetadata {
font-size: 0.8em;
margin-top : 0px;
margin-bottom : 5px;
}

.post .postmetadata{
color: #999;
}

#post-separator{
margin:5px;
}

#commentform p{
font-size:0.8em;
}


/* gestion de la sidebar */
.sidebar h2{
color: #069;
}

.sidebar ul{
list-style-type: none;
margin: 0;
padding-top: 0px ;
padding-left : 0px;
padding-right : 0px;
}

.sidebar ul ul{
list-style-type: none;
margin: 0;
padding-top: 2px ;
padding-left : 10px;
padding-right : 0px;
}

.sidebar li{
list-style-type: none;
margin: 0;
padding: 10px 0px;
}

.sidebar li li{
padding: 0px 0px;
}

.sidebar h2 {
font-size: 1.2em;
}

/* gestion du footer */
#footer a {
color: #fff;
text-decoration:underline;
}

#footer p{
text-align: center;
font-size: 1em;
}


/* gestion des commentaires */
.comments-template{
margin: 10px 0 0 0;
}

.comments-template ol{
margin: 10px;
padding: 0 0 0 15px;
list-style: none;
}

.comments-template ol p{
font-size: 0.9em;
}

.comments-template ol li{
margin: 10px 0 0 0;
line-height: 15px;
padding: 0 0 10px;
}

.comments-template h2, .comments-template h3{
font-size: 1.2em;
}

.commentmetadata{
font-size: 0.9em;
color:#000;
}

.comments-template p.nocomments{
padding: 0;
}

.comments-template textarea{
font-size: 0.9em;
}

.cadre_commentaires {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;

}


/* gestion des liens */
a {
color: #555;
text-decoration: none;
/*background-color: white;*/
}

a:hover {
color: #777;
}


.post h2 a{
color: #3bcc93;
}

.page h2 a{
color: #3bcc93;
}

#content h2 a{
font-size: 1.2em;
}

#content h2 a:hover{
color: #555;
}

.post_content a {
color: #069;
background-color: white;
}

.post_content a:hover {
color: #fff;
background: #069;
}

a.linkOver{
    color: #eee;
}

.mainsearch {
width:266px;
height:29px;
font-size : 1.7em;
}

/*news letter inputs */
#wpnewsletter_name
{
width:180px;
height:20px;
font-size : 1em;
}

#wpnewsletter_email
{
width:180px;
height:20px;
font-size : 1em;
}

.bouton a
{
text-decoration : none;
}

#boutonLivre
{
background:url(images/livre.jpg) no-repeat;
height : 68px;
width : 272px;
}
#boutonLivreHover	
{
background:url(images/livre_survol.jpg) no-repeat;
height : 68px;
width : 272px;
display:none;
top : 592px;
position : absolute;
}
#boutonPresentationHover
{
background:url(images/presentation_survol.jpg) no-repeat;
height : 76px;
width : 272px;
display:none;
top : 172px;
position : absolute;
}
#boutonPresentation
{
background:url(images/presentation.jpg) no-repeat;
height : 76px;
width : 272px;
}
#boutonContact
{
background:url(images/contact.jpg) no-repeat;
height : 84px;
width : 272px;
}
#boutonContactHover
{
background:url(images/contact_survol.jpg) no-repeat;
height : 84px;
width : 272px;
top : 576px;
position : absolute;
display:none;
}
#boutonTarifs
{
background:url(images/tarifs.jpg) no-repeat;
height : 82px;
width : 272px;
}
#boutonTarifsHover
{
background:url(images/tarifs_survol.jpg) no-repeat;
height : 82px;
width : 272px;
top : 337px;
position : absolute;
display:none;
}
#boutonPartenaires
{
background:url(images/partenaires.jpg) no-repeat;
height : 76px;
width : 272px;
top : 664px;
position : absolute;
}
#boutonPartenairesHover
{
background:url(images/partenaires_survol.jpg) no-repeat;
height : 76px;
width : 272px;
top : 663px;
position : absolute;
display:none;
}
#boutonLivre
{
background:url(images/livre.jpg) no-repeat;
height : 68px;
width : 272px;
}
#boutonLivreHover
{
background:url(images/livre_survol.jpg) no-repeat;
height : 68px;
width : 272px;
top : 508px;
display:none;
}
#boutonCatalogue
{
background:url(images/catalogue.jpg) no-repeat;
height : 89px;
width : 272px;
}
#boutonCatalogueHover
{
background:url(images/catalogue_survol.jpg) no-repeat;
height : 89px;
width : 272px;
top : 248px;
position : absolute;
display:none;
}
#boutonAcheter
{
background:url(images/acheter.jpg) no-repeat;
height : 89px;
width : 272px;
}
#boutonAcheterHover
{
background:url(images/acheter_survol.jpg) no-repeat;
height : 89px;
width : 272px;
top : 419px;
position : absolute;
display:none;
}
#mentions{
margin-top : 10px;
color : #fdfdfd;
text-align: center;
font-size:10px;
}
a{
font-family: "Segoe Print";
text-decoration:none;
}

#fairePartAchat
{
position: absolute; 
top: 389px; 
left: 376px;
height : 163px;
width : 141px;
background : url(images/fairePartAchat.jpg)no-repeat;
}
#fairePartAchatHover
{
position: absolute; 
top: 389px; 
left: 376px;
height : 163px;
width : 141px;
display:none;
background : url(images/fairePartAchat_survol.jpg)no-repeat;
}
#freakyDollAchat
{
position: absolute; 
top: 382px; 
left: 544px;
height : 170px;
width : 194px;
background : url(images/freakyFroggyDollAchat.jpg)no-repeat;
}
#freakyDollAchatHover
{
position: absolute; 
top: 382px; 
left: 544px;
height : 170px;
width : 194px;
display:none;
background : url(images/freakyFroggyDollAchat_survol.jpg)no-repeat;
}
#freakyDoll
{
position: absolute; 
top: 168px; 
left: 562px;
height : 236px;
width : 237px;
background : url(images/freakyDollCatalogue.jpg)no-repeat;
}
#freakyDollHover
{
position: absolute; 
top: 168px; 
left: 562px;
height : 236px;
width : 237px;
display:none;
background : url(images/freakyDollCatalogue_survol.jpg)no-repeat;
}
#freakyDollTarifs
{
position: absolute; 
top: 166px; 
left: 565px;
height : 239px;
width : 235px;
background : url(images/freakyFroggyDollTarifs.jpg)no-repeat;
}
#freakyDollTarifsHover
{
position: absolute; 
top: 166px; 
left: 565px;
height : 239px;
width : 235px;
display:none;
background : url(images/freakyFroggyDollTarifs_survol.jpg)no-repeat;
}
#froggyFantasy
{
position: absolute;
top: 506px; 
left: 550px;
height : 201px;
width : 172px;
background : url(images/froggyFantasy.jpg) no-repeat;
}
#froggyFantasyHover
{
position: absolute; 
top: 506px; 
left: 550px;
height : 201px;
width : 172px;
display:none;
background : url(images/froggyFantasy_survol.jpg)no-repeat;
}
#fairePart
{
position: absolute; 
top: 496px; 
left:290px;
height : 226px;
width : 236px;
background : url(images/fairePart.jpg)no-repeat;
}
#fairePartHover
{
position: absolute; 
top: 496px; 
left:290px;
height : 226px;
width : 236px;
display:none;
background : url(images/fairePart_survol.jpg)no-repeat;
}
#polaireLink
{
position: absolute; 
top: 636px; 
left:645px;
height : 146px;
width : 134px;
background : url(images/polaire.jpg)no-repeat;
}
#polaireLinkHover
{
position: absolute; 
top: 636px; 
left:645px;
height : 146px;
width : 134px;
display:none;
background : url(images/polaire_survol.jpg)no-repeat;
}
#feutrineLink
{
position: absolute; 
top: 664px; 
left:290px;
height : 144px;
width : 176px;
background : url(images/feutrine.jpg)no-repeat;
}
#feutrineLinkHover
{
position: absolute; 
top: 664px; 
left:290px;
height : 144px;
width : 176px;
display:none;
background : url(images/feutrine_survol.jpg)no-repeat;
}
#tissuLink
{
position: absolute; 
top: 736px; 
left: 500px;
height : 153px;
width : 126px;
background : url(images/tissu.jpg)no-repeat;
}
#tissuLinkHover
{
position: absolute; 
top: 736px; 
left: 500px;
height : 153px;
width : 126px;
display:none;
background : url(images/tissu_survol.jpg)no-repeat;
}

#polaireCatalogue
{
position: absolute; 
top: 270px; 
left:645px;
height : 146px;
width : 134px;
background : url(images/polaire.jpg)no-repeat;
}
#polaireCatalogueHover
{
position: absolute; 
top: 270px; 
left:645px;
height : 146px;
width : 134px;
display:none;
background : url(images/polaire_survol.jpg)no-repeat;
}
#feutrineCatalogue
{
position: absolute; 
top: 294px; 
left:290px;
height : 144px;
width : 176px;
background : url(images/feutrine.jpg)no-repeat;
}
#feutrineCatalogueHover
{
position: absolute; 
top: 294px; 
left:290px;
height : 144px;
width : 176px;
display:none;
background : url(images/feutrine_survol.jpg)no-repeat;
}
#tissuCatalogue
{
position: absolute; 
top: 354px; 
left: 500px;
height : 153px;
width : 126px;
background : url(images/tissu.jpg)no-repeat;
}
#tissuCatalogueHover
{
position: absolute; 
top: 354px; 
left: 500px;
height : 153px;
width : 126px;
display:none;
background : url(images/tissu_survol.jpg)no-repeat;
}

#froggy_sac
{
position: absolute; 
top: 500px; 
left: 340px;
height : 174px;
width : 153px;
background : url(images/froggy_sac.jpg)no-repeat;
}

#froggy_sac_hover
{
position: absolute; 
top: 500px; 
left: 340px;
height : 174px;
width : 153px;
display:none;
background : url(images/froggy_sac_hover.jpg)no-repeat;
}

#froggy_divers
{
position: absolute; 
top: 354px; 
left: 420px;
height : 141px;
width : 172px;
background : url(images/froggy_divers.jpg)no-repeat;
}

#froggy_divers_hover
{
position: absolute; 
top: 354px; 
left: 420px;
height : 141px;
width : 172px;
display:none;
background : url(images/froggy_divers_hover.jpg)no-repeat;
}

#froggy_clef
{
position: absolute; 
top: 150px; 
left: 330px;
height : 192px;
width : 175px;
background : url(images/froggy_clef.jpg)no-repeat;
}
#froggy_clef_hover
{
position: absolute; 
top: 150px; 
left: 330px;
height : 192px;
width : 175px;
display:none;
background : url(images/froggy_clef_hover.jpg)no-repeat;
}

#froggy_carnet
{
position: absolute; 
top: 180px; 
left: 600px;
height : 193px;
width : 187px;
background : url(images/froggy_carnet.jpg)no-repeat;
}
#froggy_carnet_hover
{
position: absolute; 
top: 180px; 
left: 600px;
height : 193px;
width : 187px;
display:none;
background : url(images/froggy_carnet_hover.jpg)no-repeat;
}

#froggy_portemonnaie
{
position: absolute; 
top: 500px; 
left: 600px;
height : 177px;
width : 160px;
background : url(images/froggy_portemonnaie.jpg)no-repeat;
}
#froggy_portemonnaie_hover
{
position: absolute; 
top: 500px; 
left: 600px;
height : 177px;
width : 160px;
display:none;
background : url(images/froggy_portemonnaie_hover.jpg)no-repeat;
}