/*section d'alignement des boites principals*/
body {
background-color:#f4dcf3;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:small;
margin:1em 1%;
padding:0;
}

.marges {

width: 770px;
margin: auto;
}

.page {
background-color: #fff4ff;
color: #8c2788;
float: right;
border: 1px #8305c6 solid;
width: 70%;
padding: 1em;
margin-bottom: 1em;
}

.menu {
background-color: #fff4ff;
float: left;
width: 20%;
border: 1px #8305c6 solid;
padding: 1em;
margin-bottom: 1em;
}


/*section mise en page et typographie */

.page h1 {
color: #8305c6;
}

.menu li{
list-style-type: none;
margin-left: 0;

}

.menu ul {
margin-left: 0;
padding-left: 0;

}

.menu a:link {
color: black;
font-weight: normal;
text-decoration: none;
font-size: 1em;
font-weight: bold;
text-align: center;
padding: 1em;
border: 2px outset #8305c6;
display: block;

background-color: #e5d5ea;
margin-bottom: 2px;
}

.menu a:active {
color: yellow;
font-weight: normal;
text-decoration: none;
font-size: 1em;
font-weight: bold;
text-align: center;
padding: 1em;
border: 2px outset #8305c6;
display: block;

background-color: #e5d5ea;
margin-bottom: 2px;
}

.menu a:visited {
color: #565656;
font-weight: normal;
text-decoration: none;
font-size: 1em;
font-weight: bold;
text-align: center;
padding: 1em;
border: 2px outset #8305c6;
display: block;

background-color: #e5d5ea;
margin-bottom: 2px;
}

.menu a:hover {
color: red;
font-weight: normal;
text-decoration: none;
font-size: 1em;
background-color: #e7dce8;
 border: 2px inset #8305c6;
font-weight: bold;
text-align: center;
padding: 1em;
display: block;

margin-bottom: 2px;
}


img {
border: none;
}
 a.validateur:link { color: black; font-weight: normal; text-decoration: none; font-size: 1em; display: inline; background-color: transparent; border: none; }
 a.validateur:active { color: yellow; font-weight: normal; text-decoration: none; font-size: 1em; display: inline; background-color: transparent; border: none;   }
 a.validateur:visited { color: black; font-weight: normal; text-decoration: none; font-size: 1em; display: inline; background-color: transparent; border: none;   }
 a.validateur:hover { color: blue; font-weight: normal; text-decoration: underline; font-size: 1em; display: inline; background-color: transparent; border: none;   }

.menu p {
text-align: center;
}

.categorie {
border: 1px #b6d2e4 dotted;
margin-bottom: 1em;
padding: 0.25em;
font-size: 1em;
}

.categorie h3{

padding: 0.25em;
padding-left: 1em;
padding-right: 1em;
margin-top: 0em;
background-color: #e7dce8;

font-weight: bold;
text-align: center;
color: #51114f;
font-size: 1em;
}

.entete {
/*background: #d0dee7 url(../images/fond_aimg1.jpg) no-repeat left top fixed; */
margin-top: 3em;
text-align :center;
color: #ffff34;

}

.entete h1 {
font-family: cursive ;
font-weight: 900;
color: red;
}

.img_gauche {
float: left;
margin-right: 2em;
}
.img_droit {
float: right;
margin-left: 2em;
}

.article_boutique {
float: left;
margin: 2px;;
padding-left: 0.5em;
padding-right: 0.5em;
border: 1px #f4dcf3 solid;
}

.spacer {
  clear: both;
}

.centre {
text-align: center;
}

p.bas {
text-align: center;
color: #8c2788;
}