* {
	border: 0;
	padding: 0;
	margin: 0;
}
/* ---########## Définition des balises HTML générales (img, en-tetes, liens...) ##########--- */
body {
padding: 0em;
margin: 0em;
background: #FFFFFF url(images/base/bg.gi) center no-repeat;
font-family: Times new roman, Times, serif;
color: #000000;
text-align: justify;
font-size: 13px;
}
.logo h1 a{
display: block; 
width: 140px;  
height: 55px; 
font-size: 1px; 
text-indent: -9000px; 
position: relative; 
top:20px; 
left: 25px; 
}
.logo h1{
border: none;
	padding: 0;
	margin: 0;
}
img {
border: 0em;
}
hr {
height: 1px;
color: #f8d9e9;
background-color: #f8d9e9;
border: 0;
}
p {
font-size: 1.15em;
color: #000000;
font-family: Times new roman, Times, serif;
padding: 0 8px 10px 8px;
}
h2, h3, h4, h5, h6 {
font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;
}
h1 {
font-size: 2.0em;
color: #990000;
text-align: left;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-variant: small-caps;
border-bottom: solid 1px #dcdcdc;
padding: 0 0 3px 0;
margin: 0 0 15px 0;
}
h2{
font-size: 1.6em;
padding: 0 0 3px 0;
margin: 0 0 15px 0;
color: #000000;
border-bottom: solid 1px #dcdcdc;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
}
h3 {
font-size: 1.3em;
color: #990000;
font-weight: bold;
font-variant: small-caps;
text-align: left;
padding: 0px 0 3px 3px;
}
h4 {
font-size: 13px;
color: #333333;
font-weight: bold;
text-align: left;
padding: 2px 0 3px 3px;
}
h5 {
font-size: 12px;
color: #990000;
font-weight: bold;
text-align: left;
padding: 0px 0 3px 3px;
}
h6{
font-size: 0.8em;
color: #000000;
font-weight: bold;
text-align: left;
padding: 0px 0 3px 3px;
}
ul, li {
font-size: 1,2em;
color: #000000;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin: 0 0 0 19px;
list-style-image:url(images/puces/puceFleche.jpg);
}
address{
font-size: 0.9em;
margin: 0;
padding: 0;
color: #666666;
text-align: center;
font-family: Georgia, "Times New Roman", Times, serif;
}
a {
font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;
color: #999999;
text-decoration: none;
}
a:hover {
text-decoration: none;
color:#990000;
}
/* ---########## Définition des identifiants et classes de la page principale ##########--- */
#general {
width: 858px;
text-align: justify;
margin: 0em auto 0em auto;
display: table;
position: relative;
top: 50px;
/*background: transparent url(images/base/bgFond.png) repeat-y;*/
border: #666666 1px solid;
/*border-left: #B4B4B4 solid 5px;
border-right: #B4B4B4 solid 5px;*/
}
.aleatoire{
width: 210px;
float: left;
padding: 0 0 0 25px;
}
#content {
width: 858px;
display: table;
float: left;
background-color: #000000;
background: transparent url(images/base/bgFond.png) repeat-y;
}
#header{
background: transparent url(images/base/header.png) top no-repeat;
height: 100px;
width: 858px;
padding: 0em;
margin: 0em;
}
.lang{
float: right;
padding: 0 12px 0 0;
}
#barreMenu{
width: 858px;
height: 38px;
margin: 0 auto 0 auto;
background-color: #FFFFFF;
}
#contentMenu{
width: 858px;
height: 38px;
margin: 0 auto 0 auto;
}
.menuSeparation {
border: 0em;
float: left;
}
#barreMenu a{
display: block;
font-family: Georgia, times, serif;
Font-weight: bold;
color: #000000;
font-size: 12px;
width: 121px;
height: 38px;
background-color: #FFFFFF;
float: left;
text-align: center;
}
#barreMenu a:hover{
width: 121px;
height: 38px;
color: #FFFFFF;
background: #990000;
float: left;
text-align: center;
}
.hauteurMenu{
position: relative;
top: 12px;
}
.imageSousMenu {
width: 858px;
height: 147px;
display: block;
background: url(images/base/imageSousMenu.jpg) 0 0 no-repeat;
margin: 0 auto 0 auto;
text-align: center;
}
#chemin {
width: 700px;
height: 34px;
/*background: transparent url(images/base/ombreChemin.jpg) top no-repeat;*/
position: relative;
left: 70px;
top: 8px;
}
#chemin p{
font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-weight: normal;
padding: 9px; 0 0 10px;
color: #ffffff;
}
#chemin a{
color: #999999;
}
#chemin a:hover{
color: #ffffff;
text-decoration: underline;
}
.finChemin{
color: #ffffff;
}
/*#contenuGauche {
float: left;
width: 220px;
padding: 0;
}*/
#contenuDroit {
float: left;
width: 450px;
padding: 20px;
margin: 10px 0 10px 0;
border: solid #333333 1px;
background-color: #000000;
position: relative;
left: 10px;
}
.contenuDroitBis {
float: left;
width: 294px;
padding: 20px;
margin: 10px 0 10px 20px;
border: solid #333333 1px;
background-color: #000000;
}
#contenuDroit h2{
color: #FFFFFF;
}
#contenuDroit p{
color: #FFFFFF;
}
.contenuDroitBis h2{
color: #FFFFFF;
}
#contenuDroitT {
float: left;
width: 794px;
padding: 20px;
margin: 10px 0 10px 0;
border: solid #999999 1px;
background-color: #FFFFFF;
position: relative;
left: 10px;
}
.transparent{
width: 858px;
height: 28px;
}
.footer {
background: transparent url(images/base/footer.png) no-repeat;
float: left;
width: 858px;
height: 40px;
/*position: relative;
top: 40px;*/
}
.textFooter p{
position: relative;
top: 10px;
right: 10px;
text-align: right;
color: #999999;
text-decoration: none;
font-size: 10px;
font-weight: normal;
font-family: Verdana, Arial, "Times New Roman", Times, serif;
}
.textFooter a{
font-size: 10px;
color: #999999;
text-decoration: none;
}
.textFooter a:hover {
color: #666666;
text-decoration: underline;
}

/* ---########## Produit petit ##########--- */
.lignePetitsProduits{
height: 100px;
float: left;
width: 380px;
background-color: #F1F1F1;
border: 1px solid #999999;
margin: 0 5px 5px 0;
padding: 3px;
}
.titresRub{
float: left;
width: 200px;
}
.contourImageProduit {
float: left;
border: 5px solid #f1f1f1;

}
.contourImage {
border: 1px solid #8cc8e4;
padding: 4px;
margin: 15px 35px 0 0;
float: left;
}
.contourImageRight {
border: 1px solid #8cc8e4;
padding: 0.307em;
margin: 0 0 15px 15px;
float: right;
}
/* ---########## Produit grand ##########--- */
.ligneGrandProduit{
display: table;
float: left;
width: 770px;
background-color: #F1F1F1;
border: 1px solid #999999;
padding: 10px;
}
.titresRubGrandProduit{
float: left;
padding: 10px 0 0 10px;
}
.contourImageProduit {
float: left;
border: 5px solid #FFFFFF;
margin: 0 15px 0px 0;
}
.contourImage {
border: 1px solid #8cc8e4;
padding: 4px;
margin: 15px 35px 0 0;
float: left;
}
.contourImageRight {
border: 1px solid #8cc8e4;
padding: 0.307em;
margin: 0 0 15px 15px;
float: right;
}
.videoProduit{
width: 400px;
display: block;
margin: 0 auto 0 auto;

}
/* ---########## Nombre de pages ##########--- */
#pages {
float: left;
display: block;
width: 700px;
text-align: left;
font-size: 1.1em;
margin: 0;
padding: 30px 0 10px 0;
font-family: Georgia, "Times New Roman", Times, serif;
}
a.lienPages:link {
color: #77abd4;
text-decoration: none;
font-weight: bold;
}
a.lienPages:visited {
color: #77abd4;
text-decoration: none;
font-weight: bold;
}
a.lienPages:hover {
color: #f5c9de;
text-decoration: underline;
font-weight: bold;
}
/* ---########## Le panier (panier.html) ##########---*/
.blocPanier{
float: left;
}
.contourImagePanier {
height: 2em;
border: 1px solid #8cc8e4;
padding: 0.2em;
float: left;
}
.colonne100 { 
color: #959595;
background-color: #f1f1f1;
height: 15px;
border-bottom: solid #adadad 1px;
text-align: left;
padding: 10px 10px 10px 10px;
font-size: 14px;
font-weight: bold;
float: left;
width:100px;
display: block;
}
.colonne240 { 
color: #959595;
background-color: #f1f1f1;
height: 15px;
border-bottom: solid #adadad 1px;
text-align: left;
padding: 10px 0 10px 10px;
font-size: 14px;
font-weight: bold;
float: left; 
width:300px; 
}
.colonne300 { 
color: #959595;
background-color: #f8d9e9;
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; 


}
.sousColonne100 { 
color: #FFFFFF;
background-color: #000000;
border-bottom: solid #adadad 1px;
height: 60px;
text-align: left;
padding: 15px 0 0 10px;
font-size: 13px;
float: left;
width:100px;
display: block;
}
.ligne100 { 
color: #000000;
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;
}
.sousColonne240 { 
color: #959595;
background-color: #000000;
border-bottom: solid #adadad 1px;
height: 60px;
text-align: left;
padding: 15px 0 0 10px;
font-size: 13px;
float: left; 
width:340px; 
}
.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: 52.2em;
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: 25em; 
}
.colonne260 { 
color: #959595;
height: 2.4em;
text-align: left;
padding: 0.1em 0 0.1em 0.2em;
font-size: 1.0em;
float: left; 
width: 16em; 
}
.zoneDeSaisie{
padding: 0em;
margin: 0em;
height: 1.3em;
width: 10em;
font-size: 1.3em
}
.zoneDeSaisieNum{
padding: 0em;
margin: 0em;
height: 1.3em;
width: 45px;
font-size: 1.3em
}
.rouge { 
font-size: 1em;
color: #e2362d; 
} 
/* ---########## Boutons valide, Continuer...etc. ##########--- */ 
a.lienBouton:link {
color: #990000;
float: right;
text-decoration: none;
background-color: #f9f6e4;
padding: 0.4em;
border-left: #990000 solid 2px;
border-right: #990000 solid 2px;
}
a.lienBouton:visited {
color: #990000;
float: right;
text-decoration: none;
background-color: #f9f6e4;
padding: 0.4em;
border-left: #990000 solid 2px;
border-right: #990000 solid 2px;
}
a.lienBouton:hover {
color: #060606;
float: right;
background-color: #faf5c7;
border-left: #fcc595 solid 2px;
border-right: #fcc595 solid 2px;
}
.ligneLienValider{
font-size: 1em;
height: 2.0em;
padding: 1.2em 0em 0em 0em;
}
/* ---########## Divers... ##########--- */
.formulaireRecherche{
float: left;
display: block;
width: 720px;
padding: 4px;
margin: 0 0 20px 0;

} 
form div.space {
	clear: left;
	height: 10px;
	width: 100px;
}

form label {
	float: left;
	clear: left;
	width: 200px;
	font-weight: bold;
}
form label {
font-size: 0.9em;
color: #000000;
margin: 0;

	padding: 0;
font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;
}
.fixed {
height: 20px;
}
form label span {
margin: 0;
	padding: 0;
	color: #ff0000;


}

form div.line {
	overflow: hidden;
	clear: left;
}
form select{
	width: 200px;
	float: left;
	margin-top: 0;
	border: 1px #990000 solid;
}

table input, table textarea, table select {
	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, form textarea{
border: 1px #cccccc solid;
}

form input:active, form textarea:active, form input:focus, form textarea:focus{
	border: 1px #666666 solid;
}
form input.submit{
	border: 10px #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;
}
/* MON COMPTE */
.blocMonCompte{
float: left;
position: relative;
top: 0px;
left: 550px;
width: 250px;
/*background-color: #000000;*/
}
.formMonCompte{
float: left;
}
.formMonCompte input{
float: left;
width: 100px;
height: 12px;
font-size: 0.9em;
margin: 0 5px 0 0;
}
.boutonMonCompteEntete{
float: left;
}
.boutonMonCompteEntete input{
}
.menuMonCompte {
float: left;
width: 270px;
}
.menuMonCompte a{
font-size: 0.6em;
}