* {
margin:0;
padding:0;
}
body{
background: #561f1c url(images/base/bg.jpg) repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
}
h1 {
font-size: 1.8em;
margin: 0;
padding: 0;
color: #333333;
text-align: left;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
a img{
border: none;
}

h2{
font-size: 1.3em;
color: #78231e;
/*color: #7dbe0b;*/
/*border-bottom: solid 1px #cccccc;*/
text-align: left;
margin: 0 0 10px 0;
font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
text-transform: uppercase;
}
h3 {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #333333;
font-weight: normal;
}
h4 {
font-size: 1.6em;
font-weight: normal;
color: #7dbe0b;
text-align: left;
font-family: "georgia", times, serif;
}
h5 {
font-size: 1.2em;
margin: 0;
padding: 0;
font-weight: normal;
color: #333333;
text-align: left;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
h6 {
font-size: 1.0em;
margin: 0;
padding: 5px 0 5px 0;
font-weight: normal;
color: #7dbe0b;
text-align: left;
font-family: "georgia", times, serif;
}
p {
font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;
color: #444444;
text-align: left;
font-size: 1.1em;
margin: 0;
padding: 0 0 10px 0;
}
a{
text-decoration: none;
color: #c9392e;
}
a:hover {
text-decoration: underline;
color: #000000;
}
#general {
position: relative;
top: 80px;
width: 944px;
margin:0 auto 0 auto;
}
#headerPage{
background: transparent url(images/base/header.png) top no-repeat;
height: 116px;
width: 944px;
}
#container {
width: 944px;
background: url(images/base/fondSite.png) left top repeat-y;
float: left;
}
.content {
width: 880px;
background: #ffffff url(images/base/fondRubrique.jpg) repeat-x;
margin: 0 auto 0 auto;
display: table;
}
.content, .content20, .content21, .content22, .content23, .content43, .content44{
width: 880px;
background: #ffffff url(images/base/fondRubriqueB.jpg) repeat-x;
margin: 0 auto 0 auto;
display: table;
}
.contentB {
width: 880px;
background: #ffffff url(images/base/fondRubriqueB.jpg) repeat-x;
margin: 0 auto 0 auto;
display: table;
}
.content1 {
width: 880px;
background: url(images/base/fondRubrique.jpg) repeat-x;
margin: 0 auto 0 auto;
display: table;
}
.content8 {
width: 880px;
background: url(images/base/fondRubrique8.jpg) repeat-x;
margin: 0 auto 0 auto;
display: table;
}
.content6 {
width: 880px;
background: url(images/base/fondRubrique6.jpg) repeat-x;
margin: 0 auto 0 auto;
display: table;
}
.content9 {
width: 880px;
background: url(images/base/fondRubrique9.jpg) repeat-x;
margin: 0 auto 0 auto;
display: table;
}
.sousMenuGauche1, .sousMenuGauche2, .sousMenuGauche3, .sousMenuGauche4, .sousMenuGauche5, .sousMenuGauche6, .sousMenuGauche7, .sousMenuGauche8, .sousMenuGauche9, .sousMenuGauche10{
position: relative;
top: 105px;
left: 80px;
color: #000000;
}
/* MENU DOGON */
.menuGauche, .menuGauche21, .menuGauche22, .menuGauche23, .menuGauche24, .menuGauche43, .menuGauche44{
width: 243px;
height: 369px;
background: url(images/base/rubriques/gauche.jpg) repeat-x;
float: left;
font-family:Arial, Verdana, sans-serif;
}
.menuGauche1 {
width: 243px;
height: 369px;
background: url(images/base/rubriques/gaucheDogon.jpg) repeat-x;
float: left;
font-family:Arial, Verdana, sans-serif;
}
.menuGauche1 ul{
width: 200px;
position: relative;
left: 35px;
top: 25px;
list-style-type: none;
font-size: 1.0em;
}
.menuGauche1 a{
color: #78231e;
text-decoration: none;
}
.menuGauche1 a:hover{
color: #201818;
text-decoration: none;
}
/* MENU QUETZALI */
.menuGauche8 {
width: 243px;
height: 369px;
background: url(images/base/rubriques/gaucheQuetzali.jpg) repeat-x;
float: left;
font-family:Arial, Verdana, sans-serif;
}
.menuGauche8 ul, li{
width: 200px;
height: 20px;
position: relative;
left: 35px;
top: 25px;
list-style-type: none;
font-size: 1.0em;
}
.menuGauche8 a{
color: #580101;
text-decoration: none;
}
.menuGauche8 a:hover{
color: #201818;
text-decoration: none;
}
/* MENU INDIGENE */
.menuGauche6 {
width: 243px;
height: 369px;
background: url(images/base/rubriques/gaucheIndigene.jpg) repeat-x;
float: left;
font-family:Arial, Verdana, sans-serif;
}
.menuGauche6 ul, li{
width: 200px;
height: 20px;
position: relative;
left: 35px;
top: 25px;
list-style-type: none;
font-size: 1.0em;
}
.menuGauche6 a{
color: #493c2b;
text-decoration: none;
}
.menuGauche6 a:hover{
color: #201818;
text-decoration: none;
}
/* MENU NEPALI */
.menuGauche9 {
width: 243px;
height: 369px;
background: url(images/base/rubriques/gaucheNepali.jpg) repeat-x;
float: left;
font-family:Arial, Verdana, sans-serif;
}
.menuGauche9 ul, li{
width: 200px;
height: 20px;
position: relative;
left: 35px;
top: 25px;
list-style-type: none;
font-size: 1.0em;
}
.menuGauche9 a{
color: #494a25;
text-decoration: none;
}
.menuGauche9 a:hover{
color: #201818;
text-decoration: none;
}
.menuDroite {
width: 615px;
/*height: 370px;*/
float: left;
padding: 40px 0 0 20px;
/*background-color: #000000;*/
}
.menuDroiteB {
width: 590px;
/*height: 370px;*/
float: left;
padding: 40px 0 0 20px;
/*background-color: #000000;*/
}
#pages{
text-align: right;
position: relative;
top: 22px;
right: 22px;
color: #333333;
float: left;
width: 600px;
}
.prodRubriqueContenu {
display: block;
width: 565px;
padding: 8px;
margin: 0 0 10px 0;
float: left;
background-color: #f9f9f9;
border-bottom: 5px #F1F1F1 solid;
}
.prodRubriqueContenu h2 a{
display: block;
height: 40px;
color: #000000;
text-decoration: none;
}
.prodRubriqueContenu h3{
display: block;
height: 75px;
}
.prodRubrique {
display: block;
width: 125px;
padding: 8px;
margin: 0 10px 0 0;
float: left;
background-color: #f9f9f9;
border-bottom: 5px #F1F1F1 solid;
}
.prodRubrique h2 a{
display: block;
height: 40px;
color: #000000;
text-decoration: none;
}
.prodRubrique h3{
display: block;
height: 75px;
}
.logo a{
float: left;
display:block;
font-size:15px;
height:50px;
left:15px;
position:relative;
text-indent:-9000px;
top:25px;
width:190px;
}
.menu{
float: right;
position: relative;
top: 40px;
right: 32px;
}
.menu a{
font-family: Trebuchet MS, Arial, Verdana, sans-serif;
font-size: 1.2em;
dispaly: block;
padding: 5px 12px 0 12px;
border-right: #201818 solid 1px;
color: #666666;
text-decoration: none;
}
.menu a:hover{
color: #78231e;
text-decoration: none;
}
#footer{
background: transparent url(images/base/footer.png) top no-repeat;
height: 32px;
width: 944px;
display: block;
float: left;
}
#footer p{
float: right;
position: relative;
top: 20px;
right: 19px;
}
/* QUERY */
.menuphoto{
width: 880px;
margin: 0 auto 0 auto;
}
#home h3 {
width: 220px;
height: 370px;
overflow: hidden;
}
#home h3 a {
text-indent: -5000px;
display: block;
width: 220px;
height: 370px;
position:relative;
background-position: 0 0;
}
#home h3 a span {
display: block;
position: absolute;
top:0;
left:0;
width: 220px;
height: 370px;
background-position: -220px 0;
visibility: hidden;
}
#home h3 a:focus, #home h3 a:hover {
cursor: pointer;
}
#home h4 a:focus, #home h4 a:hover {
cursor: pointer;
}
#dogon a,   #dogon a span { background-image: url('images/base/rubriques/dogon.jpg');}
#quetzali a,   #quetzali a span   { background-image: url('images/base/rubriques/quetzali.jpg');}
#indigene a,   #indigene a span   { background-image: url('images/base/rubriques/indigene.jpg');}
#nepali a,   #nepali a span   { background-image: url('images/base/rubriques/nepali.jpg');}

#dogon, #quetzali, #indigene, #nepali{
float: left;
position: relative;
}
/* FIN QUERY */
.noBorder{
border: none;
}
.noBorderEtoile{
border: none;
position: relative;
top: 4px;
padding: 0 3px 0 0;
}
/* MON COMPTE */
.blocMonCompte{
float: left;
position: relative;
top: 60px;
left: 480px;
width: 250px;
/*background-color: #000000;*/
}
.formMonCompte{
float: left;
}
.formMonCompte input{
float: left;
width: 80px;
height: 12px;
font-size: 0.9em;
margin: 0 5px 0 0;
}
.boutonMonCompteEntete{
float: left;
}
.boutonMonCompteEntete input{
border: none;
width: 27px;
}
.menuMonCompte {
float: left;
width: 270px;
}
.menuMonCompte a{
font-size: 0.86em;
}
/* LIGNE */
.contenu {
width: 580px;
float: left;
padding: 5px;
}
.colonne100 { 
color: #959595;
background-color: #c3b8b6;
height: 20px;
border-bottom: solid #adadad 1px;
text-align: left;
padding: 10px 0 10px 10px;
font-size: 14px;
font-weight: bold;
float: left;
width:82px;
display: block;
}
.colonne240 { 
color: #959595;
background-color: #c3b8b6;
height: 20px;
border-bottom: solid #adadad 1px;
text-align: left;
padding: 10px 0 10px 10px;
font-size: 14px;
font-weight: bold;
float: left; 
width:200px; 
}
.sousColonne100 { 
color: #959595;
background-color: #ffffff;
border-bottom: solid #adadad 1px;
height: 60px;
text-align: left;
padding: 15px 0 0 10px;
font-size: 13px;
float: left;
width:82px;
display: block;
}
.sousColonne240 { 
color: #959595;
background-color: #ffffff;
border-bottom: solid #adadad 1px;
height: 60px;
text-align: left;
padding: 15px 0 0 10px;
font-size: 13px;
float: left; 
width:200px; 
}
.colonne300 { 
color: #959595;
background-color: #c3b8b6;
height: 20px;
border-bottom: solid #adadad 1px;
text-align: left;
padding: 10px 0 10px 10px;
font-size: 14px;
font-weight: bold;
float: left; 
width:300px; 
}

.ligne100 { 
color: #959595;
background-color: #ffffff;
border-bottom: solid #adadad 1px;
padding: 2px 0 0 10px;
height: 20px;
text-align: left;
font-size: 13px;
float: left;
width:100px;
display: block;
}
.ligne300 { 
color: #959595;
background-color: #ffffff;
border-bottom: solid #adadad 1px;
padding: 2px 0 0 10px;
height: 20px;
text-align: left;
font-size: 13px;
float: left;
width:300px;
display: block;
}
.sousColonne300 { 
color: #959595;
background-color: #ffffff;
border-bottom: solid #adadad 1px;
height: 60px;
text-align: left;
padding: 15px 0 0 10px;
font-size: 13px;
float: left; 
width:300px; 
}
/* ---########## Formulaires ##########--- */
.contenuFormulaire {
width: 580px;
float: left;
padding: 2.15em 1.15em 1.15em 1.15em;
background-color: #FFFFFF;
}
.colonne250 { 
color: #333333;
height: 2.4em;
text-align: left;
padding: 0.1em 0 0.1em 0.6em;
font-size: 1.1em;
float: left; 
width: 300px; 
}
.colonne260 { 
color: #959595;
height: 2.4em;
text-align: left;
padding: 0.1em 0 0.1em 0.2em;
font-size: 1.0em;
float: left; 
width: 200px; 
}
.zoneDeSaisie{
padding: 0em;
margin: 0em;
height: 1.3em;
width: 10em;
font-size: 1.3em
}
.rouge { 
font-size: 1em;
color: #e2362d; 
} 
.monPanier{
position: relative;
left: 280px;
top: 105px;
}
.blocPanier{
float: left;
}
.blocDemiPanier{
width: 250px;
float: left;
background-color: #f1f1f1;
padding: 10px;
margin: 0 10px 0 0;
}
.flecheVerte{
margin: 0 5px 0 15px;
}
.contourImg{
float: left;
margin: 0 10px 0 0;
}
.ficheGrandProduit{
padding: 0 10px 0 10px;
float: left;
width: 230px;
}
#gallery{
float: left;
}
.imgGauche{
padding: 4px;
margin: 0 10px 0 0;
border-bottom: #999999 1px solid;
float: left;
}
.imgRight{
padding: 4px;
margin: 0 0 0 10px;
border-bottom: #999999 1px solid;
float: left;
}
.lignePetitsProduits{
float: left;
width: 580px;
display: table;
margin: 0 0 40px 0;
}
form div.space {
	clear: left;
	height: 10px;
	width: 100px;
}

form {
	float: left;
	clear: left;
	font-weight: normal;
}
form label {
	float: left;
	clear: left;
	width: 300px;
	font-weight: bold;
}
form label {
font-size: 0.9em;
color: #666666;
margin: 0;
padding: 0;
font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;
}
.fixed {
width: 300px;
height: 30px;
}
form label span {
margin: 0;
	padding: 0;
	color: #ff0000;

}

form div.line {
	overflow: hidden;
	clear: left;

}
.btImg{
	width: 166px;
	float: left;
	border: none;
}
form input , form textarea{
	width: 200px;
	float: left;
	margin-top: 0;
	border: 1px #CCCCCC solid;
}

table input, table textarea {
	width: 90px;
}

form table td {
	font-weight: bold;
	padding-right: 3px;
	text-align: center;
}

form table td strong {
	font-weight: normal;
}

form input.checkbox {
	width: auto !important;
}

form label.check {
	clear: none;
}

form input:active, form textarea:active, form input:focus, form textarea:focus{
	border: 1px #77abd4 solid;
}


form textarea {
	height: 100px;
}
.erreur {
font-size: 0.9em;
margin: 0;
padding: 0 0 0 10px;
color: #ff0000;
font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;
}