/*********************************************/
/*  Auteur       : Brice BEAUMESNIL          */
/*  Creation     : 13/09/2006                */
/*  Modification : 13/09/2006                */
/*********************************************/

#bandeau {
	height: 150px;
	background-color: #ffffff;
	background-image: url(../images/bandeau-gauche.gif);
	padding: 0;
	margin: 0;
}

body {
  background-color: #003366;
  text-align: justify;
  font-size: 8pt;
  color: black;
	padding: 0;
	margin: 0;
}

form, hr,img { padding: 0; margin: 0; border: 0; }

.padding {
  padding: 10px;
  font-weight:bold;
  font-size: 9pt;
}

.bigachat {
  font-size: 12pt;
  font-weight: bold;
  padding-left: 10px;
}

* {
  font-family : Verdana, Arial, Helvetica, sans-serif;
}

.soft {
  text-decoration: none;
}

table {
    border-collapse:collapse;
    width:100%;
}

.bold {
    font-weight: bold;
}

.article {
  width:40%;
}

td {
  border:1px black solid;
}
.normal {
  display : block;
  float : left;
  background-color : white;
  padding : 10px;
}

.fonce {
  display : block;
  float : left;
  background-color : #EFEFEF; 
  padding : 10px;
}

.visible {
  display:block;
  padding:5px;
}

.hidden {
  display: none;
}

.spacer {
 clear: both;
}

.right {
   text-align: right;
}

.center {
   text-align: center;
}

.middle {
  text-align: center;
  display:block;
}

.illustration {
  display : block;
  float : left;
  margin-right : 10px;
  border:1px black solid;
}

.illustration_right {
  display : block;
  float : right;
  margin-left : 10px;
  border:1px black solid;
}

.no_illustration {
  display : block;
  float : right;
}

.illustration_center {
  display : block;
  margin-left : auto;
  margin-right: auto;
  border:1px black solid;
}

.galerie {
  display : block;
  text-align: center;
  float : left;
  width : 160px;
  margin : 5px;
}

.menu_text {
  margin-right : 10px;
  margin-top : 10px;
  font-family : Arial, Helvetica, Verdana, sans-serif;
}

.type_oeuvre {
  margin-right : 10px;
  margin-top : 10px;
  font-size : 12pt;
  font-weight : bold;
  font-style: italic;
  font-family : Arial, Helvetica, Verdana, sans-serif;
}

.menu_text center {
  text-align:center;
}

input {
  color: #0E7DA5;
  font-size: x-small; 
}

textarea {
  color: #0E7DA5;
  font-size: x-small; 
}

.input_large {
  width: 250px;
}

.titre_accueil {
 color:blue;
 font-style: italic;
}

.livre_or {
 font-size: 13pt;
 font-weight: bold;
 color:#6C2335;
}

.date_or {
 font-size: 7pt;
  color:gray;
}

h1 {
 font-size: 16pt;
 padding-top : 5px;
}

h2 {
	margin: 0;
 font-size: 13pt;
  color:#6C2335;
}

h2 a {
 text-decoration: none;
  color:#6C2335; 
}

h2 a:hover {
  color: red; 
}

h3 {
 font-size: 12pt;
  color:black;
}

h3 a {
 text-decoration: none;
  color:black;
}

h3 a:hover {
  color: red;
}

img {
 border: none;
}

.pretext {
 display:inline;
 float:left;
 width: 200px;
 padding-right: 5px;
}

.img_right {
  float : right;
}

.float_correction {
  visibility: hidden;
  clear: both;
}

.artiste {
  font-weight: bold;
  text-decoration: none;
  color: #666666;
}

.oeuvre {
  text-decoration: none;
  font-family : Arial, Helvetica, Verdana, sans-serif;
  color:#6C2335;
}

.date {
  font-family : sans-serif, Arial, Helvetica, Verdana;
  font-size : 9pt;
  color:#6C2335;
}

.prix {
  font-family : sans-serif, Arial, Helvetica, Verdana;
  font-size : 10pt;
  color:#6D7C8D;
}

#table {
  background-color: white;
  display: block;
  width: 970px;
  margin-left: auto;
  margin-right: auto;
}

#header_left {
  float: left;
  display: block;
  background-color: white;
  width: 730px;
}

#header_left_menu{
	height: 30px;
	padding-left: 15px;
	background-color: #ffffff;
	background-image: url(../images/bandeau-gauche-2.gif);
	background-repeat: no-repeat;
}

#header_left_menu a{
	width: 99px;
	line-height: 26px;
	color: black;
	float: left;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
}

#header_left_menu a#onglet1{
	background-image: url(../images/onglet-1.gif);
	background-repeat: no-repeat;
}
#header_left_menu a#onglet2{
	background-image: url(../images/onglet-2.gif);
	background-repeat: no-repeat;
}
#header_left_menu a#onglet3{
	background-image: url(../images/onglet-3.gif);
	background-repeat: no-repeat;
}
#header_left_menu a#onglet4{
	background-image: url(../images/onglet-4.gif);
	background-repeat: no-repeat;
}
#header_left_menu a#onglet5{
	background-image: url(../images/onglet-5.gif);
	background-repeat: no-repeat;
}
#header_left_menu a#onglet6{
	background-image: url(../images/onglet-6.gif);
	background-repeat: no-repeat;
}
#header_left_menu a#onglet7{
	background-image: url(../images/onglet-7.gif);
	background-repeat: no-repeat;
}

#header_menu {
  background-color: #CCCCCC;  
}

#header_menu a {
  background-color: white;
  color: black;
  text-decoration: none;
  float: left;
  display: inline;   
  width: 110px;
  padding: 2px;
  border-left: 1px #CCCCCC solid;  
}

#header_menu a.gray{
  background-color: #EEEEEE;
}

#header_menu_plan {
	background-color: #ffffff;
}

#header_menu_plan td {
	width: 13px;
}

.title_bold { 
  font-weight: bold;
  font-size: 10pt; 
}

.title_bold a {
  color: black; 
  text-decoration: none;
}
  
.red {
  color: red;
}

.title_bold a:hover {
  color: red; 
}

#header_menu a:hover{
  background-color: #AEBAC7;
}

.right_plan {
  float: right;
  display: block;
	background-image:url(../images/bandeau-droite.gif);
	background-repeat: no-repeat;
	width: 240px;
	height: 180px;
}
.right_plan table {
	width: 230px;
	margin-top: 29px;
}
.right_plan table,td {
	border: 0;
}
.right_plan td a:link { color: #000000; text-decoration: none; }
.right_plan td a:visited { color: #000000; text-decoration: none; }
.right_plan td a:hover { color: #ff0000; text-decoration: none; }

.right_menu {
  float: right;
  display: block;
  background-color: #EEEEEE;
  width: 230px;
  margin-top: 10px;
}

.right_menu_title_center {
  text-align: center;
  color: #F6F7F6;
  display: block;
  font-weight: bold; 
  background-color: #6D7C8D;
  width: 226px;
  padding: 2px;
  border-bottom: 1px #A0A0A0 solid;
}

.right_menu_title {
  color: #F6F7F6;
  display: block;
  font-weight: bold; 
	background-color: #ffffff;
	background-image:url(../images/droite-menu-titre.gif);
	background-repeat: no-repeat;
	width: 230px;
	height: 30px;
	line-height: 27px;
	text-align: center;
}

.right_menu_info {
  color: black;
  background-color: white;
	background-image:url(../images/droite-menu.gif);
	background-repeat: repeat-y;
  display: block;
	width: 230px;
}

.left_menu {
  float: left;
  display: block;
  background-color: #ffffff;
	margin-top: 10px;
	padding-left: 4px;
	width: 191px;
}

.news {
  float:right;
  display:block;
  width:110px;
  margin-right:5px;
}

.left_menu_title_center {
  text-align: center;
  color: #F6F7F6;
  display: block;
  font-weight: bold; 
  background-color: #6D7C8D;
  width: 196px;
  padding: 2px;
  border-bottom: 1px #A0A0A0 solid;
}

.left_menu_title {
  color: #F6F7F6;
  display: block;
  font-weight: bold; 
	background-color: #ffffff;
	background-image:url(../images/gauche-menu-titre.gif);
	background-repeat: no-repeat;
	width: 191px;
	height: 30px;
	line-height: 27px;
	text-align: center;
}

.left_menu_info {
  color: black;
  background-color: white;
	background-image:url(../images/gauche-menu.gif);
	background-repeat: repeat-y;
  display: block;
  width: 191px;
}

.left_menu_info div#padding, .right_menu_info div#padding {
	padding-top: 5px;
	padding-left: 8px;
	padding-right: 8px;
}

.left_menu_info center {
  text-align: center;
}

.right_menu_info center {
  text-align: center;
}

.middle_menu {
  display: block;
  background-color: #EEEEEE;
  width: 514px;
  margin-top: 10px;
  margin-left : auto;
  margin-right: auto;
  border: 1px #A0A0A0 solid;
}

.middle_menu_title_center {
  text-align: center;
  color: #F6F7F6;
  display: block;
  font-weight: bold; 
  background-color: #6D7C8D;
  width: 510px;
  padding: 2px;
  border-bottom: 1px #A0A0A0 solid;
}

.middle_menu_title {
  color: #F6F7F6;
  display: block;
  font-weight: bold; 
  background-color: #6D7C8D;
  width: 510px;
  padding: 2px;
  border-bottom: 1px #A0A0A0 solid;
}

.middle_menu_info {
  color: black;
  background-color: white;
  display: block;
  width: 494px;
  padding: 10px;
  border-top: 1px #A0A0A0 solid;
}

.middle_midmenu_right {
  float:right;
  display: block;
  background-color: #EEEEEE;
  width: 250px;
  margin-top: 10px;
  border: 1px #A0A0A0 solid;
}

.middle_midmenu_left {
  float:left;
  display: block;
  background-color: #EEEEEE;
  width: 250px;
  margin-top: 10px;
  border: 1px #A0A0A0 solid;
}

.middle_midmenu_right_title_center {
  text-align: center;
  color: #F6F7F6;
  display: block;
  font-weight: bold; 
  background-color: #6D7C8D;
  width: 246px;
  padding: 2px;
  border-bottom: 1px #A0A0A0 solid;
}

.middle_midmenu_right_title {
  color: #F6F7F6;
  display: block;
  font-weight: bold; 
  background-color: #6D7C8D;
  width: 246px;
  padding: 2px;
  border-bottom: 1px #A0A0A0 solid;
}

.middle_midmenu_right_info {
  color: black;
  background-color: white;
  display: block;
  width: 230px;
  padding: 10px;
  border-top: 1px #A0A0A0 solid;
}

.middle_midmenu_right_info center {
  text-align: center;
}

.middle_midmenu_left_info center {
  text-align: center;
}

.middle_menu_info center {
  text-align: center;
}

.middle_midmenu_left_title_center {
  text-align: center;
  color: #F6F7F6;
  display: block;
  font-weight: bold; 
  background-color: #6D7C8D;
  width: 246px;
  padding: 2px;
  border-bottom: 1px #A0A0A0 solid;
}

.middle_midmenu_left_title {
  color: #F6F7F6;
  display: block;
  font-weight: bold; 
  background-color: #6D7C8D;
  width: 246px;
  padding: 2px;
  border-bottom: 1px #A0A0A0 solid;
}

.middle_midmenu_left_info {
  color: black;
  background-color: white;
  display: block;
  width: 230px;
  padding: 10px;
  border-top: 1px #A0A0A0 solid;
}

.large_menu {
  float: middle;
  display: block;
  background-color: #EEEEEE;
  width: 500px;
  margin-top: 10px;
  margin-left:100px;
  border: 1px #A0A0A0 solid;
}

.large_menu_title_center {
  text-align: center;
  color: #F6F7F6;
  display: block;
  font-weight: bold; 
  background-color: #6D7C8D;
  width: 496px;
  padding: 2px;
  border-bottom: 1px #A0A0A0 solid;
}

.large_menu_title {
  color: #F6F7F6;
  display: block;
  font-weight: bold; 
  background-color: #6D7C8D;
  width: 496px;
  padding: 2px;
  border-bottom: 1px #A0A0A0 solid;
}

.large_menu_info {
  color: black;
  background-color: white;
  display: block;
  width: 480px;
  padding: 10px;
  border-top: 1px #A0A0A0 solid;
}

.large_menu_info center {
  text-align: center;
}

#menu_left .dialog {
  padding: 5px;
  text-align: center;
	background-image:url(../images/gauche-menu.gif);
	background-repeat: repeat-y;
}

#menu_right .dialog {
  padding: 5px;
  text-align: center;
	background-image:url(../images/droite-menu.gif);
	background-repeat: repeat-y;
}

.sous-menu {
  display : inline;
  float : left;
  color: black;
  text-decoration: none;
  padding-left : 5px;
  padding-right : 5px;
}

.sous-menu:hover {
  color:red;
}

.submenu {
  text-align: right;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
}

.submenu a{
  color: #666666;
  font-weight: bold;
  text-decoration: none;
}

#menu_left .submenu {
	background-image:url(../images/gauche-menu.gif);
	background-repeat: repeat-y;
}

#menu_right .submenu {
	background-image:url(../images/droite-menu.gif);
	background-repeat: repeat-y;
}

#login {
  line-height: 20px;
  padding: 5px;
  text-align: center;
}

.button {
  text-align: center;
  color: white;
  text-decoration: none;
  display: inline;
  font-weight: bold;
  font-size: 7pt; 
  background-color: #6D7C8D;
  padding: 2px;
  border: 1px black solid;
}

.button_large {
  text-align: center;
  color: white;
  text-decoration: none;
  display: inline;
  font-weight: bold;
  font-size: 10pt;
  background-color: #6D7C8D;
  padding: 2px;
  border: 1px black solid;
}

.button_white {
  text-align: center;
  color: black;
  text-decoration: none;
  display: inline;
  float: right;
  font-weight: bold;
  font-size: 7pt; 
  background-color: white;
  padding-left: 5px;  
  padding-right: 5px;
  border: 1px black solid;
  margin-bottom:2px;
}

.button_white:hover {
  background-color: red;
}

.button:hover {
  color: red;
}

#footer {
	width: 970px;
	height: 50px;

	padding-top: 7px;

	background-color: #003366;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;

	text-align: center;
	font-size: 8pt;
}

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

.footer_menu {
  color: white;
  line-height: 15px;
  text-decoration: none;
  margin-right: 5px;
  padding-right: 5px;
  border-right: 1px white solid;
}

#footer a:hover {
  color: red;
}

#large_body {
  width: 970px;
  padding-left: 10px;
  padding-right: 10px;
}

#left_body {
  float: left;
  display: block;
  width: 718px;
  padding-left: 10px;
}

#right_body {
  float: right;
  display: block;
  width: 760px;
}

#middle_body {
  float: left;
  display: block;
  margin-left: 10px;
  width: 516px;
}

#menu_left {
  float: left;
  display: block;
  width: 200px;
}

#menu_right {
  float: right;
  display: block;
  width: 230px;
}

#menu_left img, #menu_right img { display: block; }