/* le body */
body
{
   background-color: #EEE; /* #DBF2FF; */   
   width: 949px;
   margin: auto;
   margin-top: 10px;
   margin-bottom: 10px;
   border: 1px solid #2e568a;
}


/* input & select & form */
select 
{
	font-family : Verdana;
	font-size : 9px;
	size: 10px;
}

input 
{
	font-family : Verdana;
	font-size : 9px;
	size: 10px;
	border: 1px solid #426FA7;
}

form
{
margin: 0px;
padding: 0px;
}

/* en tete */

#banniere
{
  background: #FFFFFF;
  background-image: url("../images/banniere/banniere.jpg");
  background-repeat: no-repeat;
  height: 140px;
  border-bottom: 1px solid #2e568a;
}
html > body #banniere {
	height: auto;
	min-height: 140px; /*hauteur mini pour les autres*/
}
 



/* corps */

#main {
	background-image: url("../images/main.jpg");
	background-repeat: repeat;
	
}

#bas {
	clear: both;
	padding-top: 10px;
}


#corps
{
 background: #FFFFFF;
 height: 300px;
 text-align: center;
}
html > body #corps {
	height: auto;
	min-height: 300px; /*hauteur mini pour les autres*/
}
 

.vente_sur_offre
{
  width: 350px;
  height: 25px;
  float: right;
  background: #edeff2;
  border: 1px solid #2e568a;
  text-align: justify;
  padding: 5px;
  font-size: 13px;
  margin-bottom: 10px;
  margin-right: 10px;
  margin-top: 10px;
  -margin-bottom: 10px;
  -margin-right: 5px;
  -margin-top: 10px;
  clear: right;
}
html > body .vente_sur_offre {
	height: auto;
	min-height: 25px; /*hauteur mini pour les autres*/
}


.langue
{
  height: 18px;
  float: right;
  border-left: 1px solid #2e568a;
  text-align: left;
  padding-left: 5px;
  font-size: 13px;
  margin-right: 10px;
  margin-top: 10px;
}
html > body .boutique {
	height: auto;
	min-height: 18px; /*hauteur mini pour les autres*/
}


.boutique
{
  width: 350px;
  height: 220px;
  float: right;
  background: #e1e7ee;
  border: 1px solid #2e568a;
  text-align: center;
  padding: 5px;
  font-size: 13px;
  clear: right;
  margin-right: 10px;
  -margin-right: 5px;
}
html > body .boutique {
	height: auto;
	min-height: 220px; /*hauteur mini pour les autres*/
}


.panier
{
  width: 200px;
  height: 100px;
  float: right;
  background: #e1e7ee;
  border: 1px solid #2e568a;
  text-align: justify;
  padding: 5px;
  font-size: 13px;
  margin-bottom: 10px;
  margin-right: 10px;
  margin-top: 10px;
  -margin-bottom: 10px;
  -margin-right: 5px;
  -margin-top: 10px;
}
html > body .panier {
	height: auto;
	min-height: 100px; /*hauteur mini pour les autres*/
}





.legende
{
  width: 200px;
  -width: 192px;
  height: 250px;
  float: right;
  background: #e1e7ee;
  border: 1px solid #2e568a;
  padding: 5px;
  text-align: center;
  font-size: 13px;
  clear: right;
  margin-right: 10px;
  -margin-right: 5px;
}
html > body .legende {
	height: auto;
	min-height: 250px; /*hauteur mini pour les autres*/
}



.panier_vente
{
  width: 200px;
  height: 100px;
  float: left;
  background: #e1e7ee;
  border: 1px solid #2e568a;
  text-align: justify;
  padding: 5px;
  font-size: 13px;
  margin-left: 10px;
  margin-top: 10px;
  -margin-left: 5px;
}
html > body .panier_vente {
	height: auto;
	min-height: 100px; /*hauteur mini pour les autres*/
}

.legende_vente
{
  width: 200px;
  -width: 192px;
  height: 250px;
  float: left;
  background: #e1e7ee;
  border: 1px solid #2e568a;
  padding: 5px;
  text-align: center;
  font-size: 13px;
  clear: left;
  margin-left: 10px;
  -margin-left: 5px;
}
html > body .legende_vente {
	height: auto;
	min-height: 250px; /*hauteur mini pour les autres*/
}

.menu_vente
{
  width: 200px;
  height: 100px;
  float: left;
  background: #e1e7ee;
  border: 1px solid #2e568a;
  padding: 5px;
  text-align: left;
  font-size: 13px;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
  -margin-left: 5px;
}
html > body .menu_vente {
	height: auto;
	min-height: 100px; /*hauteur mini pour les autres*/
}



.corps_vente
{
  float: right;
  background: #c2d3db;
  border: 1px solid #2e568a;
  padding: 5px;
  font-size: 13px;
  height: 295px;
  text-align: justify;
  margin-top: 10px;
  margin-right:10px;
  -margin-right: 5px;
}
html > body .corps_vente {
	height: auto;
	min-height: 295px; /*hauteur mini pour les autres*/
}




.corps
{
  float: left;
  background: #c2d3db;
  border: 1px solid #2e568a;
  padding: 5px;
  font-size: 13px;
  height: 295px;
  text-align: justify;
  margin-top: 10px !important;
  margin-left: 10px !important;
  ?margin-top: 10px;
  ?margin-left: 5px;


}
html > body .corps {
	height: auto;
	min-height: 295px; /*hauteur mini pour les autres*/
}



.admin
{
  width: 200px;
  height: 25px;
  float: left;
  background: #e1e7ee;
  border: 1px solid #2e568a;
  text-align: center;
  padding: 5px;
  font-size: 13px;
  margin-top: 10px;
  margin-left: 10px;
  -margin-left: 5px;
}
html > body .admin {
	height: auto;
	min-height: 25px; /*hauteur mini pour les autres*/
}



table.hebergement
{
  width: 75%;
  border: 1px solid #CCCCCC;
  border-collapse: collapse;
  margin: auto; /* pour centrer le tableau */
}

table.legende
{
  width: 90%;
  border: 1px solid #e1e7ee;
  border-collapse: collapse;
  background: #e1e7ee;
  margin-left: 9px;
  margin-right: 9px;
}

table.timbres
{
  width: 90%;
  border: 1px solid #CCCCCC;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
}

a.more 
{
  font-size: 14px;
  font-weight: bold;
	text-decoration: none; 
	color: #426FA7;
}

a.more:hover 
{
	background: none;
	color: black;
}

a.back
{
  font-size: 14px;
  font-weight: bold;
	text-decoration: none; 
	color: #426FA7;
}

a.back:hover 
{
	background: none;
	color: black;
}

a.stop
{
  font-size: 14px;
  font-weight: bold;
	text-decoration: none; 
	color: #042e5e;
}

a.stop:hover 
{
	background: none;
	color: black;
}

h3
{
  color: #2e568a;
  font-family: "Verdana";
}

a.type {
	text-decoration: none; 
	color: #426FA7;
}

a.type:hover {
	background: none;
	color: black;
}

a.type span {
	display: none;
}

a.type:hover span { 
	display: inline;
	position: absolute;
	border: 1px solid #2e568a;
	background: #e1e7ee;
	color: #000000;
	padding: 5px;
	
}


/* Le pied de page */

#pied_de_page
{
  padding: 5px;
	text-align: center;
	font-family: "Times New Roman", Times, Arial;
	font-weight: bold;
	font-size: 10px;
	color: #000000;
	background: #FFFFFF;
	border-top: 1px solid #2e568a;
	background-image: url("../images/banniere/copyright.jpg");
}



a.copyright {
	text-decoration: none; 
	color: #426FA7;
}

a.copyright:hover {
	background: none;
	color: black;
}

a.copyright span {
	display: none;
}

a.copyright:hover span { 
	display: inline;
	position: absolute;
}


a.photo {
	text-decoration: none; 
	color: #426FA7;
}

a.photo:hover {
	background: none;
	color: black;
}

a.photo span {
	display: none;
}

a.photo:hover span { 
	display: inline;
	position: absolute;
	border: 1px solid black;
	background: #000000;
	
}



a.copyright_nom {
	color: #000000;
}

a.copyright_nom:hover {
	background: none;
	color: #426FA7;
}