/* @override 
	http://localhost/mengal-orient/Galerie/tapis-persans-orient/design.css
	http://www.mengal-orient.be/Galerie/tapis-persans-orient/design.css
*/
body { background-image: url(../../images/botehmoz.jpg);}
strong {text-decoration: underline;}
#bloc_page
{
	width: 1100px;
	margin: 40px auto;
	//background-color: beige;
   	//border: 3px solid maroon;
   	//background-attachment: fixed;
   	text-align: center;
}

a img {border: none;}

#frise_haut
{
	background-image: url(http://www.mengal-orient.be/images/frises/frise_fine.jpg);
	background-repeat: repeat-x;
	position: fixed;
    top: 0px;
    left: 0px;
    height: 30px;
	width:100%;
	margin-bottom: 0px;
	border: 1px solid grey;
	z-index: 1;
}

/* Le menu de gauche */

#menu
{
	display: inline-block;
	vertical-align: top;
   	width: 245px;
   	margin-left: 0px;
}
.satel
{
	text-align: center;
	border: 1px solid brown;
	padding: 10px; margin: 10px 0 0;
	-moz-border-radius:15px 15px 15px 15px;
	-webkit-border-radius:15px 15px 15px 15px;
	border-radius:15px 15px 15px 15px;
	background-color: #FFFFE4;
}
.element_menu
{
   background-color: #626262;
   background-image: url(images/motif.png);
   background-repeat: repeat-x;
   border: solid 2px black;
   margin-bottom: 20px;
}
/* Quelques effets sur les menus */
.element_menu h3 /* Tous les titres de menus */
{    
   color: #B3B3B3;
   font-family: "Times New Roman", Georgia, Times, serif;
   text-align: center;
}
.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url("images/puce.png"); /* On change l'apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}
.element_menu a /* Tous les liens se trouvant dans un menu */
{
   color: #B3B3B3;
}
.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #B3B3B3;
   color: black;
}
   
.satel
{
	text-align: center;
	border: 1px solid brown;
	padding: 10px; margin: 10px 0 0;
	-moz-border-radius:15px 15px 15px 15px;
	-webkit-border-radius:15px 15px 15px 15px;
	border-radius:15px 15px 15px 15px;
	background-color: #FFFFE4;
	
} /* fin menu de gauche */

/* Le corps de la page */
.bannercontainer
{
	position: relative;
	display: inline-block;
	background-position: center;
	background-repeat:no-repeat;
	margin: 0px;
	padding: 0px;
	background-image: url(haut2.jpg);
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.bannercontainer h1
{
	color: whitesmoke !important;
	text-shadow: 2px 2px 2px #555;
	text-align: center;
	margin:40px auto 0;
	font-weight: bold;
	font-family: "Book Antiqua", "Times New Roman", Georgia, Times, serif;
}

.panier
{
	padding-top: 17px; float: right; padding-right: 10px; padding-bottom: 5px;
}

.rechercheavance
{
	display: inline-block; text-align: center;
}

.image_fond_promo
{
	background-position: center;
	background-repeat:no-repeat;
	margin: 0px;
	padding: 0px;
	background-image: url(fond_promo.jpg);
	width: 100%;
	height: 181px;
	font-size: 2em;
	text-align: center;
	color: maroon;
}

#corps
{ 
	display: inline-block;
	vertical-align: top;
   	/*background-image: url("../images/botehmoz.jpg");
   	background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
   	border-radius:15px 15px 15px 15px;
   	-moz-border-radius:15px 15px 15px 15px; /*pour firefox*/
   	-webkit-border-radius:15px 15px 15px 15px; /*pour safari*/
   	border: 3px solid maroon;
    background-color: beige;
    border-radius: 15px 15px 15px 15px;
    color: black;
    margin-top: 15px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    padding: 0;
    position: static;
    top: 0;
    width: 830px;
}
#corps { text-align: justify;}   	
#corps h1
{
   	color: maroon;
   	text-align: center;
   	font-size: 1.6em;
	font-family: "Book Antiqua", "Times New Roman", Georgia, Times, serif;
  	text-decoration: underline;
  	font-style: italic;
	font-weight: bold;
}

#corps h2
{
   	height: 30px;
   	background-repeat: no-repeat;
   	padding-left: 1.em;
   	color: maroon;
   	text-align: left;
}

.section
{
	text-align: center;
	/*border: 5px solid black;*/
	height: 750px;
}

.article
{
    display: inline-block;
    vertical-align: top;
    width: 480px;
    margin-right: 15px;
    font-size: 0.8em;
    text-align: justify;
    /*border: 5px solid grey;*/
}

h2
{
	color: maroon;
   	font-style: italic; /* Les titres h2 seront en italique ! */
   	text-indent: 30px; /* On décale un peu les sous-titres */
   	font-family: "Times New Roman",serif, Georgia, Times;
}
.ombre /* Toutes les images contenues dans un lien */
{
	box-shadow: 5px 5px 5px grey;
   	-moz-box-shadow: 5px 5px 5px grey;
   	-webkit-box-shadow: 5px 5px 5px grey; /* pour les mobiles*/
    border: 3px solid #eee;
}

p { color: black; font-family: "Book Antiqua", "Times New Roman", Georgia, Times, serif; }


a
{
	text-decoration: none; /* Les liens ne seront plus soulignés */
   	color: maroon; /* Les liens seront en marron au lieu de bleu */
   	font-family: "Times New Roman", Georgia, Times, serif;
}
ul p
{ text-align: justify; }
.marge
{
	padding: 15px;
}

a:hover /* Quand le visiteur pointe sur le lien */
{ text-decoration: underline; }
.bordure_haut_bas
{
	border-top: 1px solid maroon; border-bottom: 1px solid maroon;
}
/*Tablaux*/
table
{ 
	font-family: "Times New Roman", Georgia, Times, serif; background: #ffffe4; margin: 1pt; width: 810px;
	border: 1px outset maroon;
	/* border-top: 1px outset maroon; border-bottom: 1px solid maroon;*/
 	box-shadow: 5px 5px 5px grey;
	margin: 10px;
}
table.soustapis
{ 
	margin: auto; /* Centre le tableau */
	border: 1;
}
table.choix_format /* sous-tapis*/
{ 
	width: auto;
	margin: auto;
	border-style: none;
	box-shadow: none;
}
	
}
caption /* Titre du tableau */
{ margin: auto auto 5px; /* Centre le titre du tableau */
   font-family: "Times New Roman", Georgia, Times, serif;
   font-size: 1em; color: black;
}

div.autres_tailles
{
	text-align: left;
}

table.vucontainer /* tables articles vus */
{ 
	background-position: center;
	background-repeat:no-repeat;
	margin: 10px;
	padding: 0px;
	background-image: url(bas.jpg);
}

td.details, td.autres_tailles, td.tdvucontainer, td.imsoustapis
{ 
	color: black; font-family: "Times New Roman",serif, Georgia, Times; vertical-align: middle; text-align: center;
}
td
{
	color: black; font-family: "Times New Roman",serif, Georgia, Times; padding: 15px; vertical-align: middle; text-align: justify; 
}
td.tdsoustapis
{
	vertical-align: top;
	width: 50%;
}
.trlignesprincipales /* Les lignes galerie */
{ text-align: center; border: 1px none maroon; }
	th /* titre d'une ligne */
	{ color: black; font-weight: normal; }
	
form.paypal
{
	text-align: center;
}


.tdcellulesgalerie /* Les cellules galerie */
{ border: 1pt none maroon;
   font-family: "Times New Roman", Georgia, Times, serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   vertical-align: middle;
   padding: 15px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

.pagNumActive {
    color: #000;
    border: 1px solid #800000; background-color: #ffffe4; padding-left:3px; padding-right:3px;
    width: 40px;
	display: inline-block;
	border-radius:5px;
    -moz-border-radius:5px; /*pour firefox*/
    -webkit-border-radius:5px; /*pour safari*/
}
.paginationNumbers a:link {
    color: #aca795;
    text-decoration: none;
    border: 1px solid #e5dfc8; background-color: #ffffe4; padding-left:3px; padding-right:3px;
	width: 40px;
	display: inline-block;
	border-radius:5px;
	-moz-border-radius:5px; /*pour firefox*/
    -webkit-border-radius:5px; /*pour safari*/
}
.paginationNumbers a:visited {
    color: #aca795;
    text-decoration: none;
    border: 1px solid #e5dfc8; background-color: #ffffe4; padding-left:3px; padding-right:3px;
     width: 40px;
	display: inline-block;
	border-radius:5px;
	-moz-border-radius:5px; /*pour firefox*/
    -webkit-border-radius:5px; /*pour safari*/
}
.paginationNumbers a:hover {
    color: #000;
    text-decoration: none;
    border: 1px solid #513229; background-color: #ffffe4; padding-left:3px; padding-right:3px;
    border-radius:5px;
    -moz-border-radius:5px; /*pour firefox*/
    -webkit-border-radius:5px; /*pour safari*/
}
.paginationNumbers a:active {
    color: #000;
    text-decoration: none;
    border:#999 1px solid; background-color: #ffffe4; padding-left:3px; padding-right:3px;
    width: 40px;
	display: inline-block;
	border-radius:5px;
	-moz-border-radius:5px; /*pour firefox*/
    -webkit-border-radius:5px; /*pour safari*/
	}
	
.pages p
{
	text-align:center;
}

p.bouton_retour
{
    text-align: center;
}

/* Le pied de page (qui se trouve tout en bas) */
#pied_de_page
{
	text-align: center;
    font-size: 0.8em; 
    font-size: 0.8em;
}

#frise_bas
{
	position: fixed;
	float: left;
    bottom: 0%;
    left: 0%;
	
   /*padding: 10px;*/
   height: 30px;
   width: 100%;
   /*text-align: center;*/
   /*color: #B3B3B3;*/
   /*background-color: #626262;*/
   background-image: url(http://www.mengal-orient.be/images/frises/frise_finer.jpg);
   background-repeat: repeat-x;
   /*margin-bottom: 10px;*/
   border: 1px solid grey;
}

/* Correctifs pour les vieilles versions d'Internet Explorer */

/* Pour activer un positionnement type inline-block sur les vieilles versions d'IE */

.old_ie #menu, .old_ie .bannercontainer, .old_ie #corps, .old_ie .panier, .old_ie .rechercheavance, .old_ie .article, .old_ie .pagNumActive, .old_ie .paginationNumbers a:link, .old_ie .paginationNumbers a:visited, .old_ie .paginationNumbers a:active
{
    display: inline;
    zoom: 1;
}

/* Correctifs pour IE 8 et 9 */
.ie8 #corps, .ie9 #corps
{
margin-bottom: 85px;
}