﻿html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color:#FFFFFF
}

body {
	margin: 0;
	padding: 0;
}

img{
	border:0;
}

h2{
	font-size : 13pt;
}
h3{
	font-size : 11pt;
	padding-left : 5px;
	padding-right : 5px;
}
h4{
	font-size : 10pt;
	padding-left : 5px;
	padding-right : 5px;
}
h5{
	padding-left : 5px;
	padding-right : 5px;
}
h2 a{
	text-decoration : none;
	color : #000000;
}

div#container {
	width:970px ;
	margin: 0 auto;
	border: 1px solid #AA0400;
	border-width: 0 1px 1px 1px;
}

div#header {
	height:200px;
	padding-top: 2px;
}

#header h1 a {
	display:block;
}

#header h1 {
	width:290px;
	font-size: 10pt;
	font-weight: normal;
	margin-top:10px;
	float:left;
	text-align:center;
}

#header ul {
	margin-left:350px;
	margin-top:0;
}

#header ul img {
	margin-right: 15px;
}

#header ul li{  
	list-style-type:none;
	float: left;
	width: 133px;
	height: 33px;
	margin-right: 10px;
	background: #FFFFFF url(/image/fond_bouton.gif)
}

#header ul li a{  
	display: block;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 24px;
	padding-top: 8px;
}

#header p {
	padding : 0;
	margin :0;
}

div#actu_site{
	height : 190px;
	padding: 0px;
	margin: 40px 0 0 390px;
	width : 580px;
	overflow:auto;
}

#actu_site p{
	padding-left:5px;
	padding-right:5px;
}

div#contenu {
	background: #FFFFFF url(/image/fond-commentpublier.gif);
	width:968px;
	margin-top:50px;
	margin-bottom:0px;
	padding: 0;
	border-top: 1px solid #AA0400;
}


div#page {
	text-align : justify;
	width:658px;
	margin-bottom:0px;
	padding-bottom:5px;
}
#page p{
	padding-left : 5px;
	padding-right: 5px;
}

#page a {
	color: #AA0400;
}

#page ul{
	padding-left : 30px;
	padding-right : 5px;
}

#page h2{
	width: 658px;
	background : #AA0400;
	margin : 0px;
	padding: 5px;
	color:#FFFFFF;
}

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

#page span{
	color:#AA0400;
}

#page h2 span{
	color: #FFFFFF;
}

.actu_titre{
	color:#AA0400;
	font-weight:bold;
	padding: 5px;
	font-size:11pt;
	text-align :left;
}

.actu_titre a{
	color:#AA0400;
	font-weight:bold;
}

div#smenu {
	background: #F5E6C4;
	text-align:left;
	width:300px;
	padding-bottom : 10px;
	float: right;
}

#box, .box{
	background: #F5E6C4;
	text-align:left;
	width:300px;
	height:auto;
	border-bottom: 2px solid #FFFFFF;
}

#box a, .box a {
	color: #A62926;
}

#box p, .box p{
	padding : 0px 5px 10px 5px;
	margin: 0;
}

#box table, .box table{
	padding : 5px 5px 5px 5px;
	margin: 0;
}

#box label, .box label {
	width: 120px;
	float:left;
}

#box input, .box input {
	padding-left : 5px;
	margin-right : 10px;
}

#smenu h2, #smenu h2 a {
	background : #F5E6C4;
	margin: 0;
	padding: 10px 0;
	text-align: center;
	color: #A62926;
	font-family: times;
	font-size: 
}

#smenu .menuLien h2{
	text-decoration:underline;
	background-color:#AA0400;
	color: white;
}

#smenu .menuLien {
	text-align:center;
	color: : white;
	margin-bottom:0px;
	background-color:#AA0400;
}

#smenu .menuLien span{
	color: #000000;
}

div#footer {
	width:970px ;
	text-align:center;
	height:auto;
	clear: both;
	background: #F5E6C4;
}

#footer ul li{  
	list-style-type:none;
	text-decoration:none;
	display:inline;
	padding : 0px 5px 10px 5px;
}

#footer div p {
	margin: 0;
	padding: 5px 0;
}

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

#footer p a {
	font-weight: bold;
}


div.lien {
	height:auto;
	background: #F5E6C4;
	text-align:center;
}

#footer div.lien h2, #footer div.lien h2 a {
	background: #AA0400;
	color: #FFFFFF;
	margin: 0;
	padding: 5px 0;
}

input, textarea, select {
	font-family: Garamond, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
	background-color:	#FFFFFF;
	border-color:#999999;
}

.bouton{
	background-color:#F3F3F3;
	border-color:#999999;
}

#smenu img{
	height:70px;
	width:57px;
}

.couverture{
	margin-top:15px;
	height:90px;
	width:70px;
	border : 1px solid #AA0400;
}

.contenuLivre {
	margin :auto;
	margin-top: 10px;
	height:908px;
	width: 650px;
}

.livre {
	float:left;
	text-align : center;
	height:220px;
	width:160px;
	font-size:12px;
	border : 1px solid #AA0400;
	padding-top : 5px;
}

.livre a {
	font-size:14px;
}

div#tout {
	width : 600px;
	height : auto;
	border-bottom : 1px solid #999;
	text-align:center;
}

div#couverture{
	margin-bottom: 25px;
	margin-top: 30px;
	width : 175px;
	height : 210px;
}

#couverture img{
	width : 100%;
	height : 100%;
	border: solid 1px;
	border-color: #AA0400;
}

div#presentation{
	width : 600px;
	height : auto;
}

td#titre{
	background:#AA0400;
	color: white;
	text-align:left;
	width :175px; 
	font-weight: bolder;
}

#page .ficheAuteur .accTitre{
	width : 700px;
}

td#titre p{
	padding-left: 25px;
}

#page .fiche {
	margin-left: 25px;
}

#page .ficheAuteur {
	border:1px #AA0400 solid;
	margin:auto;
}

#page .fiche p{
	padding-left: 25px;	
}

#page .ficheAuteur td{	
	background:#F5ECD8;
	color: black;
	text-align:left;
	width :auto; 
}

#page .ficheAuteur #titre {
	background:#AA0400;
	color: white;
	text-align:left;
	width :auto; 
	font-weight: bolder;
}

.tableau{
	margin-left : 30px;
}

.tableau td, .tableau th, .commande td, .commande th{
	border:solid;
	border-width:thin;
}

fieldset {
	border : 1px solid #AA0400;
}

fieldset p{
	color : red;
}

fieldset legend{
	color : black;
}

.hidden {
	display : none;
}

.visible {
	display : inline;
}

/* li de page premier niveau */
#page li.niv1 {
	list-style-type: none;
}

/* li de page deuxieme niveau */
#page li.niv2 {
	list-style-type: none;
	margin-left: 40px;
}

/* li de page troisieme niveau */

#page li.niv3 {
	list-style-type: none;
	margin-left: 80px;
}

.liste {
	margin-top:10px;
	width:auto;
	margin-left:5px;
	text-align:center;	
}

.liste table {
	cellpadding:10;	
}

.liste td{
	width:150px;
}

.liste td{
	width: 600px;
	text-align: left;
}

.liste th{
	width:150px;
}

.liste h3 {
	text-align:center;	
}

form.css .erreur {
	color: #F00;
}

.radioBouton {
	background-color: #F0F0F0;
}

.tabFacture {
	width:450px;
	border: solid 1px;
	margin: 15px auto 0px auto;
	text-align:left;
	border-collapse: collapse;
}

.tabFacture th, .tabFacture td {
	border: solid 1px;
}

.tabFacture .noborder {
	border: none;
}

.tabFacture .borderright {
	border:none;
	border-right: solid 1px;
}

/* Style pour les tableaux */
.facture {
	width: 600px;
	margin: 0 auto 10px auto;
}
.facture a {
	color: #AA0400;
}
.facture th {
	color: #FFFFFF;
	background: #AA0400;
	padding: 2px 5px;
}
.facture td {
	padding: 2px 5px;
	background: #F5E6C4;
	text-align: left;
}
.facture tr.altern td {
	background: #F5ECD8;
}

/* Style pour les formulaires */
form.mef {
	width: 600px;
	margin: 0 auto;
}

form.mef * {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

form.mef h2 {
	font-weight: bold;
	font-size: 13pt;
}

form.mef .erreur {
	color: #F00;
}
form.mef label {
	float: left;
	width: 165px;
	text-align: right;
	padding-right: 10px;
	color: #000000;
	cursor: pointer;
	padding-top: 1px;
}
form.mef input, form.mef textarea {
	width: 350px;
	border: 1px solid #AA0400
}
form.mef input.court{
	width: 50px;
}

form.mef select {
	border: 1px solid #AA0400
}

form.mef .action {
	text-align: right;
}
form.mef .action input {
	width: auto;
}
form.mef input.radio{
	width: auto;
}
form.mef fieldset p {
	margin: 3px 0;
	clear: left;
}
form.mef fieldset, form.mef legend {
	background: #F5ECD8;
	margin: 5px 0;
}
form.mef legend {
	padding: 0 15px;
	margin: 0 5px;
}
form.mef .remarque {
	font-size : small;
	color:#AA0400;
}

form.mef .compteur {
	width: 50px;
	border: 1px solid #AA0400
}

form.mef .prix {
	width: 50px;
	border: 1px solid #AA0400

}

form.mef .erreur p {
	color: red;
}

form.mef .erreur legend {
	color: red;
}

.mef .tableCommande{
	border-collapse : collapse;
	width: 96%;
	margin: 0 auto;
}

.mef #erreur legend{
	color : red;
}