@charset "utf-8";
/* CSS Document */

body {
background: url(img/background.jpg) repeat-x center top;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

* {
margin: 0;
padding: 0;
}

img {
border: none;
}

#wrap {
width: 900px;
height: auto;
margin: auto;
}

#header {
width: 900px;
height: 192px;
background: url(img/header-bg.png) no-repeat left top;
}

* html #header {
background: url(img/header-bg.gif);
}

#content {
width: 900px;
height: auto;
background: #FFFFFF;
}

#footer {
width: 900px;
height: 34px;
margin-top: 7px;
}

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

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

#footer ul {
float: left;
margin: 0;
padding: 0;
list-style-type: none;
}
 
#footer li {
display: inline-block;
float: left;
margin: 0;
padding: 8px 22px;
}

#headleft {
float: left;
width:500px;
height: 190px;
background: url(img/logo.png) no-repeat center;
}

* html #headleft {
background: url(img/logo.gif) no-repeat center;
}

#headright {
float: right;
width: 400px;
height: 190px;
vertical-align:top;
text-align: right;
}

#login {
height: 44px;
float: right;
width: 324px;
margin-bottom: 64px;
}

#login-left {
float: left;
height: 44px;
width: 10px;
background: url(img/login-right.png) no-repeat top left;
}

* html #login-left {
background: url(img/login-right.gif) no-repeat top left;
}

#login-content {
float: left;
height: 44px;
width: auto;
background: url(img/login.png) repeat-x top;
}

#login-right {
float: left;
height: 44px;
width: 10px;
background: url(img/login-left.png) no-repeat top left;
}

* html #login-right {
background: url(img/login-left.gif) no-repeat top left;
}

#connexion, #ident {
margin: 9px 6px;
}

*+html #connexion, *+html #ident  {
margin: 6px;
}

* html #connexion, * html #ident  {
margin: 6px;
}

#connexion input, #ident input, .numcli, .mailcli, .deconnexion {
width: 90px;
height: 18px;
vertical-align: middle;
border: 1px dotted #CCCCCC;
padding: 2px;
}

* html #connexion input, * html #ident input {
height: 16px;
}

*+html #connexion input, *+html #ident input {
height: 16px;
}

#connexion .submit, #ident .submit {
height: 22px;
padding: 2px 4px;
font-weight: normal;
width: 80px;
background: url(img/btn-search-bg.png) repeat-x center;
cursor: pointer;
}

.button {
background: url(img/btn-search-bg.png) repeat-x center;
}

input {
border: none;
}

input:focus {
background: #cafd36;
border: #cafd36 1px solid;
}

select{
}

select[multiple=multiple] {

}

option {

}

input[type=checkbox] {

}

input[type=radio] {

}

input[type=submit] {
height: 22px;
padding: 2px 4px;
font-weight: normal;
width: auto;
background: url(img/btn-search-bg.png) repeat-x center;
cursor: pointer;
}

input[type=button] {
background:transparent url(img/btn-search-bg.png) repeat-x scroll center;
cursor:pointer;
font-weight:normal;
height:22px;
padding:2px 4px;
width:auto;
}

#menu {
height: 38px;
color: #FFFFFF;
font-weight: bold;
font-size: 14px;
float: right;
width:400px;/*Hack pour IE*/
}

#menu-left {
height: 38px;
float: left;
width: 10px;
background: url(img/menu-left.png) no-repeat top left;
margin-top: 4px;
}

#menu ul {
float: left;
margin: 0;
padding: 0;
list-style-type: none;
}
 
#menu-right {
height: 38px;
float: left;
width: 10px;
background: url(img/menu-right.png) no-repeat top right;
margin-left: -1px;
margin-top: 4px;
}

#menu li {
display: inline-block;
float: left;
margin: 0;
}

#menu a {
display: inline-block;
float: left;
margin: 0;
margin-top: 4px;
padding: 8px;
height: 18px;
background: url(img/menu.png) top repeat-x;
border-right: 1px #FFFFFF solid;
}

#menu a:hover {
height: 20px;
background: url(img/menu.png) bottom repeat-x;
margin-top: 0;
padding: 10px 8px 8px 8px;
}

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

#head-content {
background: #FFFFFF;
border-left: #aa1e59 1px solid;
border-right: #aa1e59 1px solid;
height: 34px;
}

#head-content .chemin {
float: left;
padding: 4px 8px;
margin: 10px;
margin-bottom: 0;
font-weight: normal;
width: auto;
background: url(img/btn-search-bg.png) repeat-x center;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

#head-content .chemin a {
	text-decoration:none;
	color:#8E1A4A;
}

#head-content .titrepage {
float: right;
color: #8e1a4a;
font-weight: bold;
font-size: 16px;
margin: 10px 20px 10px 10px;
margin-bottom: 0;
}

/*Contenu principal des pages*/
#contenu {
float: right;
width: 725px;
padding: 10px;
margin-top: 10px;
text-align: left;
min-height:725px;
}

#contenu h1 {
color:#8E1A4A;
font-size:20px;
font-weight:bold;
margin:10px 20px 0 0px;
}

#contenu h2, #contenu h3 {
margin:10px 0px 2px 0px;
}

#contenu p {
margin: 10px 30px 0px 0px;
text-align:justify;
}

#contenu .signature {
margin:30px;
float:right;
}

#contenu th, #contenu .tfoot {
background:transparent url(img/btn-search-bg.png) repeat-x scroll center;
padding:2px 5px;
font-weight:bold;
}

#contenu td {
padding:0px 5px;
}

#contenu .addsupp a {
color:#8E1A4A;
background:transparent url(img/btn-search-bg.png) repeat-x scroll center;
font-size:18px;
text-decoration:none;
}

#contenu .linkweb {
color:#8E1A4A;
}
#contenu .linkweb:hover {
color:#bfc817;
}

#contenu .paniertr1 {
background-color:#edf9c8;
}

#content .content {
background: url(img/content-bg.png) no-repeat bottom left #FFFFFF;
border-left: #aa1e59 1px solid;
border-right: #aa1e59 1px solid;
}

#foot-content {
background: url(img/foot-content.png) no-repeat top;
height:12px;
width:900px;
}

#footer-left {
float: left;
height: 30px;
width: 10px;
background: url(img/footer-left.png) no-repeat left bottom;
}

* html #footer-left {
height: 31px;
}


#footer-content {
float: left;
height: 30px;
width: 880px;
background: url(img/footer.png) repeat-x bottom;
}

#footer-right {
float: right;
height: 30px;
width: 10px;
background: url(img/footer-right.png) no-repeat left bottom;
}

* html #footer-right {
height: 31px;
}

#search {
float: right;
height: 34px;
margin-top: 5px;
}

* html #search {
margin-top: 2px;
}

#search input {
width: 166px;
height: 20px;
border: none;
margin: 7px 0;
}

#search select {
height: 20px;
border: none;
margin:7px 0;
}

* html #search-content input {
margin: 5px 0;
height: 18px;
}

*+html #search-content input {
margin: 5px 0;
height: 18px;
}

#search-left {
float: left;
height: 34px;
width: 10px;
background: url(img/search-left.png) no-repeat left top;
}

#search-content {
float: left;
height: 34px;
width: auto;
background: url(img/search-bg.png) repeat-x top;
}

#search-middle {
float: left;
height: 34px;
width: 11px;
background: url(img/search-middle.png) no-repeat left top;
}

#search-btn {
float: left;
text-align:center;
}

#search-btn input {
float: left;
height: 34px;
font-weight: bold;
width: auto;
background: url(img/btn-search-bg.png) repeat-x top;
margin: 0;
cursor: pointer;
}

*+html #search-btn input {
width: 100px;
text-align:center;
}

* html #search-btn input {
width: 100px;
text-align:center;
}

#search-right {
float: left;
height: 34px;
width: 9px;
background: url(img/search-right.png) no-repeat right top;
}

#second-menu {
float: left;
width: 150px;
margin-top: 10px;
}

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

#second-menu ul {
list-style-type: none;
}

#second-menu li {
display: block;
padding:0;
margin: 1px 0;
}

#second-menu a {
display: block;
background: url(img/second-menu-bg.png) right top no-repeat;
width: 120px;
height: 16px;
margin: 1px 0;
padding: 4px 4px 4px 8px;
}

#second-menu a:hover {
background: url(img/second-menu-bg.png) right bottom no-repeat;
width: 120px;
padding-left: 20px;
}

.categorie {
height: 100px;
width: 300px;
border: #000000 1px solid;
padding-top: 127px;
float: right;
margin: 0 35px 30px 0;
-webkit-box-shadow: 0px 0px 10px #000;  
-moz-box-shadow: 0px 0px 10px #000;  
box-shadow: 0px 0px 10px #000;
}

.categorie .legende {
background: #FFFFFF;
height: 65px;
width: 290px;
padding: 5px;
clear: right;
filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;-khtml-opacity:0.75;
}

.categorie .tarif {
background: url(img/btn-search-bg.png) repeat-x center;
width: 40px;
text-align: center;
float: right;
padding: 5px;
color: #8e1a4a;
font-weight: bold;
}

.couvlivre {
height: 75px;
width: 200px;
border: #000000 1px solid;
padding-top: 127px;
float: right;
margin: 0 35px 30px 0;
-webkit-box-shadow: 0px 0px 10px #000;  
-moz-box-shadow: 0px 0px 10px #000;  
box-shadow: 0px 0px 10px #000;
}

* html .couvlivre {
margin: 0 30px 25px 0;
height: 72px;
}

.couvlivre .legende {
background: #FFFFFF;
height: 40px;
width: 190px;
padding: 5px;
clear: right;
filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;-khtml-opacity:0.75;
}

.couvlivre .tarif {
background: url(img/btn-search-bg.png) repeat-x center;
width: 40px;
text-align: center;
float: right;
padding: 5px;
color: #8e1a4a;
font-weight: bold;
}

.legende .titre {
font-weight: bold;
color: #8e1a4a;
}

.legende .auteur {
margin-top: 5px;
font-family:serif;
}

.closer{
color: white;
background-color: white;
height: 1px;
border: 0;
width: 50%;
margin-left: 150px;
clear: right;
}

.catalogue {
float: left;
text-align: center;
width: 310px;
margin: 0 15px;
}

.catalogue img {
margin-bottom: 15px;
}

.catalogue p {
text-align: justify;
}

.catalogue li {
	padding-bottom:3px;
}

.menucateg {
	color:#4197ee;
}
.menucateg:hover {
	color:#8E1A4A;
}
.menucateg_active {
	color:#4197ee;
	font-weight:bold;
	font-size:larger;
}
.menulogin {
	color:#cbff37;
}
.menulogin:hover {
	color:#4197EE;
}
/*resultat de recherche*/
#result a{
	color:#8E1A4A;
	text-decoration:none;
}
#result a:hover{	/*hack IE*/
	color:#CAFD36;
	background-color:#8E1A4A;
}
#result>a:hover{	/* init pour FFX */
	color:#8E1A4A;
}
#result ul li{
	padding:0px 20px;
	line-height:20px;
	list-style:square inside none;
	color:#8E1A4A;
}
#result ul li:hover{
	background-color:#8E1A4A;
	color:#CAFD36;
}
#result ul li:hover a{
	color:#CAFD36;
}
#result ul li small{
	color:#999;
}
/*Bouton de navigation*/
#navigation {
	text-align:right;
	padding:0px 10px;
}
#tabformulaire td{
	padding:2px;
}
.formulaire{
	border:1px dotted #ccc;
	background-color:#eee;
	height:18px;
	padding:2px;
}
.formulairetext, .formulaireselect {
	border:1px dotted #ccc;
	background-color:#eee;
	padding:2px;
}
.formmsgerror {
	color:#8E1A4A;
	text-align:center;
	font-weight:bold;
	font-size:1.3em;
}
.formmsginfo {
	color:FireBrick; /*BFC817;*/
	text-align:center;
	font-weight:bold;
	font-size:1.3em;
}
.listecommande{
	color:FireBrick;
	line-height:20px;
	list-style:decimal inside none;
	font-weight:bold;
	font-size:1.3em;
	margin-left:30px;
}
.minitext{
	font-size:9px;
	font-style:italic;
}
.tabtext, .cattext{
	font-size:11px;
	padding-bottom:8px;
	margin-top:0px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}
.cattext {
	line-height:17px;
}

/*page mentions-legales*/
#mentions-legales h1,
#mentions-legales h2,
#mentions-legales h3,
#mentions-legales li {
	text-transform:uppercase;
	color:#8E1A4A;
}
.sommaire{
	border:1px dotted #8E1A4A;
	margin:10px 30px 10px 10px;
	padding:0px 10px 10px;
}
.sommaire li {
	list-style:square;
	list-style-position:inside;
	line-height:18px;
	font-size:11px;
}
#mentions-legales .pli li {
	color:#000;
	text-transform:none;
	list-style:circle;
	list-style-position:inside;
}

#copyright {
width: 900px;
text-align: center;
margin-top: 5px;
}

.copyright {
color: #8e1a4a;
text-align: center;
margin: auto;
font-size: 9px;
text-decoration: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.fluo{
	background-color:Orchid;
	color:#CAFD36;
}
a.revue {
	line-height:305px;
}
/*FIREFOX*/
a.revue img {
	width:200px;
	height:286px;
	/*margin:10px;*/
	vertical-align:middle;
}
a.revue:hover img, .revue:hover {
	width:210px;
	height:300px;
	/*margin:5px;*/
}
.messagearound {
	margin-top:20px;
	padding:15px;
	border:2px dashed #8E1A4A;
}
.refuspaiement {
    font-size: 1.2em;
    color:red;
    font-weight: bold;
    width: auto;
    padding:20px;
    border: 1px solid red;
}
.okpaiement {
    font-size: 1.2em;
    color:green;
    font-weight: bold;
    width: auto;
    padding:20px;
    border: 1px solid green;
}