* {
  padding : 0;
  margin : 0;
}

body {
  background	: #fafafa url(images/fond2.gif) repeat bottom;
  font-family	: Arial, sans-serif;
  font-size	: 0.7em;
}
ul {
  list-style-position: inside;
  margin-left: 2px;
}
ul li {
  list-style-type: square;
  margin-left: 15px;
}

div {
  border: 0px solid;
}

.rouge {
  color : #585858;
  font-size : 1.5em;
}
.noir {
  color : #E98E50;
}
.bleuclair {
  color : #080DB9;
}
.gris {
  color : #969696;
}
.grand {
  font-size : 1.2em;
}
.tgrand {
  font-size : 1.5em;
}
.bold {
  font-weight	: bold;
}
.underline {
  border-bottom : 2px solid #21458f;
}


fieldset {
  border-style	: outset;
  border-width	: 4px;
  width		: 725px;
  margin-top	: 10px;
  margin-left	: 12px;
  padding	: 8px;
/*  background	: #FFEADC;*/
}

legend {
  font-size	: 1.3em;
  background	: #EFDACC;
  border	: 1px solid #781351;
  padding	: 2px 12px;
  margin-left	: 20px;
}

label {
  font-size	: 1.3em;
  text-align	: right;
  margin-left	: 8px;
}

.input {
  background	: #F0F0A0;
  margin-left	: 2px
}
.input:hover {
  background	: #F0F060;
}

.SubBouton {
  width		: 80px;
  margin-left	: 20px;
  background	: #EFDACC;
  font-size	: 1.5em;
}
.SubBouton:hover {
  background	: #D48049;
}

#content {
/*  margin	: 5px auto;*/
  margin-left	: 20px;
margin-left: auto;
margin-right: auto;
  width		: 800px;
  background	: #E89C69;
  border-left	: 1px solid #21458f;
  border-right	: 1px solid #21458f;
}

#content h2 {
  font		: bold 2em "Tahoma", verdana, Arial;
  color		: #585858;
  background	: transparent;
  margin-bottom : 4px;
  padding-bottom: 6px;
  font-style	:italic;
  letter-spacing: 2px;
}

#content h3 {
  font-family	: "Arial", sans-serif;
  font-size	: 1.3em;
  font-weight	: normal;
  color		: #101085;
  background	: transparent;
/*font-style:italic;*/
}


#content h4 {
  font-family	: cursive;
  font-size	: 1.3em;
  font-weight	: normal;
  color		: #000000;
  background	: transparent;
}

#content .Ref {
  font-size	: 0em;
  color		: #E89C69;
}

#menu {
  margin : 1px 0;
  padding-top : 7px;
  background : url(images/fondmenu.gif) repeat-x top;
  width : 100%;
  height: 24px;
}

#menu a, #menu a:visited {
  background : url(images/fondmenuinv.gif) no-repeat right;
}

#menu .bouton {
  vertical-align : bottom;
}
#menu .bouton ul {
  margin	: 0;
  padding	: 0 10px 0 0;
  list-style	: none;
}
#menu .bouton li {
  display	: inline;
  margin	: 0;
  padding	: 0;
}
#menu .bouton a {
text-decoration : none;
float : left;
color : #171717;
font-weight : bold;
font-size : 1.0em;
display : block;
padding : 0 10px 0 10px;
margin-right : 2px;
}

#menu .bouton a:visited {
text-decoration : none;
float : left;
color : #171717;
font-weight : bold;
font-size : 1.0em;
display : block;
padding : 0 10px 0 10px;
margin-right : 2px;
}

#menu .bouton a:hover {
float : left;
text-decoration : underline;
}

#LienPanier {
  float 	: right;
  font-size 	: 1.1em;
  color		: #585858;
  font-weight	: bold;
/*  border	: 2px groove #585858;*/
  background	: inherit;
  padding	: 2px 8px 2px 8px;
  margin-right	: 10px;
  margin-top	: -3px;
}

#LienPanier a{
  color			: #484848;
  background		: none;
  text-decoration	: none;
}

#LienPanier a:hover{
  color			: #282828;
  background		: none;
  text-decoration	: none;
}

#footer {
/*bottom : 0;  ??  */
/*clear : both;  ??  */
  font-size 	: 1.3em;
  letter-spacing: 1px;
  text-align	: left;
  padding	: 4px 10px 2px 10px;
  margin	: 5px;
  height	: 20px;
/*  background	: #D48049;*/
  background	: #C47039;
  color		: #FFFFFF;
  border-top	: 2px solid #e5e5e5;
  border-right	: 2px solid #e5e5e5;
  border-bottom	: 2px solid #585858;
  border-left	: 2px solid #585858;
}

#footer a {
  color		: #FFFFFF;
  text-decoration : none;
}

#footer a:hover {
  text-decoration : underline;
}

#footer .right {
  float		: right;
  padding-top	: 3px;
  font-size 	: 0.8em;
  letter-spacing: 0px;
}

#TheBody {
  width		: 580px;
  padding	: 10px;
  margin-left	: 8px;
  margin-top	: 5px;
  background	: #FFEADC;
  text-align	: left;
}

#TheBody a {
  text-decoration : none;
  color		: #881188;
  font-weight	: normal;
}


#TheBody a:visited {
  text-decoration : none;
  color		: #B84C29;
  font-weight	: normal;
}

#TheBody a:hover {
  text-decoration : underline;
  font-weight	: bold;
}

#TheBody td {
  background-repeat: no-repeat;
}
#TheBody td.dr {
  background-position: bottom center;
  vertical-align: bottom;
}
#TheBody td.ga {
  background-position: top center;
  vertical-align: top;
}

#TheBody .MA {
  color		: #888888;
}

#TheBody h1 {
  font		: bold 2em "Tahoma", verdana, Arial;
  color		: #585858;
  background	: transparent;
  margin-bottom : 4px;
  padding-bottom: 6px;
  font-style	:italic;
  letter-spacing: 2px;
}

#TheBody h2 {
  font		: bold 1.7em "Tahoma", verdana, Arial;
  color		: #080DB9;
  margin-bottom : 5px;
  font-style	: italic;
  letter-spacing: 1px;
}

#content h3 {
  font-family	: "Arial", sans-serif;
  font-size	: 1.5em;
  font-weight	: normal;
  color		: #101085;
  font-style	: italic;
  background	: transparent;
  margin-bottom	: 8px;
}

#TheBody h4 {
  font-family	: cursive;
  font-size	: 1.4em;
  font-weight	: bold;
  color		: #602020;
  margin-top	: 15px;
}
#TheBody h4.BO {
  color		: #B84C29;
}
#TheBody h5 {
  font-family	: cursive;
  font-size	: 1.3em;
  font-weight	: normal;
  color		: #000000;
  background	: transparent;
}
#TheBody h5.MA {
  color		: #703030;
}
#TheBody h5.SL {
  margin-bottom	: 7px;
}
#TheBody h5.Bold {
  font-weight	: bold;
}
#TheBody h6 {
  font-family	: normal;
  font-size	: 1.2em;
  font-weight	: lighter;
  color		: #404040;
  float		: right;
  text-align	: right;
  margin-top	: 2px;
  margin-bottom	: 7px;
}

/*
#TheBody h7 {
  font-family	: cursive;
  font-size	: 1.3em;
  font-weight	: normal;
  color		: #703030;
}

#TheBody h9 {
  font-family	: cursive;
  font-size	: 1.4em;
  font-weight	: bold;
  color		: #000000;
  margin-top	: 5px;
}

#TheBody h10 {
  font-family	: cursive;
  font-size	: 1.3em;
  font-weight	: normal;
  color		: #000000;
  margin-top	: 0px;
}

*/


#TheLogo {
  height	: 450px;
  padding-top	: 20px;
  padding-right	: 10px;
}

#mod1 {
  background-image:url(images/BookBckg.gif);
  background-repeat:no-repeat;
/*  border	: solid 1px #666666;*/
  height	: 380px;
  width		: 250px;
  float		: left;
  margin-left	: 5px;
  margin-top	: 10px;
  margin-bottom	: 0px;
}

#mod1 h1 {
  position	: relative; left:20px; top: 22px;
  width		: 210px;
  font		: bold 1.5em "Tahoma", verdana, Arial;
  color		: #080DB9;
  background	: transparent;
  margin-bottom : 0px;
  text-decoration:none;
  font-style	: italic;
  float		: left;
}

#mod1 h2 {
  position	: relative; left:20px; top: 25px;
  width		: 210px;
  font		: normal 1.3em "Tahoma", verdana, Arial;
  color		: #21458f;
  background	: transparent;
  margin-bottom : 0px;
  text-decoration:none;
  font-style	: italic;
  float		: left;
  letter-spacing: 0px;
}

#mod1 h3 {
  position	: relative; right:7px; top: 40px;
  width		: 70px;
  margin-bottom : 60px;
  color		: #910505;
  font		: bold 1.3em "Tahoma", verdana, Arial;
  float		: right;
}

#mod1 h4 {
  position	: relative; left:20px; top: 25px;
  font-family	: "Arial", sans-serif;
  font-size	: 1.3em;
  font-weight	: normal;
  width		: 210px;
  color		: #000000;
  background	: transparent;
  margin-top	: 3px;
  float		: left;
}

#mod1 img {
  position	: relative; left: 20px; top: 16px;
  width		: 140px;
  float		: left;
}

#livre {
  float		: left;
  width		: 555px;
  margin-left	: 5px;
  margin-top	: 10px;
  margin-bottom	: 0px;
  background	: transparent;
  text-decoration:none;
}

#livre .couv1 {
  margin-right	: 20px;
  margin-bottom	: 15px;
  padding	: 8px;
  float		: left;
  border	: 2px solid #B84C29;
}
#livre .couv1 a img {
  padding	: 5px;
  border	: none;
}

#livre .btn a img {
  padding	: 0px;
  border	: none;
}

#livre .couv1 a:hover img {
  border	: 1px solid #881188;
}

#livre .couv4 {
  margin-left	: 20px;
  margin-top	: 15px;
  margin-bottom	: 15px;
  padding	: 8px;
  float		: right;
  border	: 2px solid #B84C29;
}
#livre .couv4 a img {
  padding	: 5px;
  border	: none;
}
#livre .couv4 a:hover img {
  border	: 1px solid #881188;
}


#EventsP {
  width		: 450px;
  float		: left;
  text-decoration:none;
  background	: transparent;
  margin-bottom	: 5px;
}

#EventsPdesc {
  background	: #F2DBCE;
  margin-left	: 5px;
  margin-bottom	: 10px;
  padding	: 2px 0px 3px 5px;
}

#EventsP h2{
  margin-bottom : 0px;
  margin-top	: 14px;
}
/*
#EventsP h10 {
  font-family	: cursive;
  font-size	: 1.3em;
  font-weight	: normal;
  color		: #000000;
  background	: transparent;
}

#EventsP h8{
  font		: lighter 1.2em "Tahoma", verdana, Arial;
  color		: #303030;
  float		: left;
}
*/
#EventsF {
  width		: 210px;
  float		: right;
  letter-spacing: 0px;
  font-style	: normal;
  padding	: 15px;
  border	: 6px solid #D48049;
  border-style	: ridge;
}

#EventsF h1 {
  font		: normal 1.7em "Tahoma", verdana, Arial;
  color		: #080DB9;
  margin-bottom : 6px;
}

#EventsF h2 {
  font		: normal 1.6em "Tahoma", verdana, Arial;
  color		: #910505;
  letter-spacing: 0px;
  border-top	: 2px solid #AAAAAA;
  border-top-style: groove;
  padding-top	: 7px;
  margin-top	: 7px;
  margin-bottom : 0px;
  padding-bottom: 0px;
}

#EventsF h3 {
  font		: normal 1.1em "Tahoma", verdana, Arial;
  color		: #000000;
}

#EventsF h4 {
  font-family	: cursive;
  font-size	: 1.3em;
  font-weight	: normal;
  color		: #000000;
  margin-top	: 0px;
}

.auteur {
  margin-right	: 20px;
  margin-bottom	: 15px;
  padding	: 8px;
  float		: left;
  border	: 2px solid #B84C29;
}

#MsgValidation {
font-family	: cursive;
  font-size	: 1.3em;
  font-weight	: normal;
  color		: #000000;
}

/*
#Inscription {
border	: 2px solid #B84C29;
}
*/
#Inscription div {
  padding	: 8px;
}

#Inscription div:hover {
  background	: #EFDACC;
}
#Inscription div.msg:hover {
  background	: none;
}

#Inscription label {
  float		: left;
  width		: 100px;
  margin	: 5px 5px 0 0;
  vertical-align: middle;
}

#Inscription input {
  width		: 240px;
  margin	: 1px;
}

#Inscription input.ChkCode {
  width		: 100px;
  margin	: 1px;
  vertical-align: middle;
}

#Inscription img {
  margin-left	: 15px;
  margin-right	: 10px;
  vertical-align: middle;
}

#Inscription .obligatoire {
  color		: #101085;
  font-size	: 1.8em;
  font-weight	: bold;
}
#Inscription .error {
  border	: 2px solid #ff0000 !important;
}
#Inscription p.error {
  font		: normal 1.3em "Tahoma", verdana, Arial;
  color		: #AA0505;
  padding	: 2px;
}

#Panier table {
  border-style	: outset;
  border-width	: 3px;
}
#Panier a {
  text-decoration : none;
/*  color		: #FFFF00;*/
  font-weight	: normal;
}
#Panier a img {
  border	: none;
}

#Panier th {
  vertical-align: middle;
  text-align	: center;
  padding	: 3px;
  border-left	: 1px solid;
  border-top	: 1px solid;
  background	: #910505;
  color		: #FFFFFF;
  font-weight	: bold;
  font-size	: 0.9em;
}
#Panier td.pT {
  vertical-align: middle;
  padding	: 5px;
  border-top	: 1px solid;
}
#Panier td.pP {
  vertical-align: middle;
  padding	: 5px;
  border-top	: 1px solid;
  border-left	: 1px solid;
  text-align	: right;
}
#Panier td.pPq {
  text-align	: center;
}
#Panier td.tCm {
  font-weight	: bold;
}
#Panier td.pCm {
  border-left	: 1px solid;
}
#Panier td.pPt {
  border-left	: 1px solid;
  border-top	: 1px solid;
}
#Commande td.pT {
  vertical-align: middle;
  padding	: 5px;
  border-top	: 1px solid;
}
#Commande td.pP {
  vertical-align: middle;
  padding	: 5px;
  border-top	: 1px solid;
  border-left	: 1px solid;
  text-align	: right;
}
#Commande td.pPq {
  text-align	: center;
}

.modalBg {
        position	: absolute;
        top		: 0px;
        left		: 0px;
        filter	: Alpha(Opacity=50);
        -moz-opacity	: 0.5;
        background-color: #ccf;
        z-index		: 98;
}

.modalDialog {
        position	: absolute;
        z-index		: 101;
        background-color: white;
        border		: 4px solid #D48049;
        padding		: 20px;
        font-size	: 1.2em;
}

.modalShadow {
        position	: absolute;
        filter		: Alpha(Opacity=50);
        -moz-opacity	: 0.5;
        background-color: black;
        z-index		: 99;
}
        
#RecapCmd {
	padding-left	: 15px;
}

#InfoLien {
	padding		: 8px;
	background	: url(images/FondLink.gif) repeat-x top;
	width		: 97%;
	height		: 110px;
}

#MailContact div {
  padding	: 8px;
}

#MailContact label {
  float		: left;
  width		: 80px;
  margin	: 5px 5px 0 0;
  vertical-align: middle;
}

#MailContact input {
  width		: 240px;
  margin	: 1px;
}

#MailContact input.MailText {
  width		: 400px;
  height	: 200px;
  margin	: 1px;
}
#MailContact .error {
  border	: 2px solid #ff0000 !important;
}
#MailContact p.error {
  font		: normal 1.3em "Tahoma", verdana, Arial;
  color		: #AA0505;
  padding	: 2px;
}