* {
	border: 0;
	padding: 0;
	margin: 0;
}

/* ---########## Définition des balises HTML générales (img, en-tetes, liens...) ##########--- */
body {
padding: 0em;
margin: 0em;
background: #45484D  url(images/base/bg.jpg) top repeat-x;
font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 12px;
}
img {
border: 0em;
}
hr {
height: 1px;
color: #f8d9e9;
background-color: #f8d9e9;
border: 0;
}
h1, h2, h3, h4, h5, h6 {
font-family: Georgia, "Times New Roman", Times, serif;
text-align: left;
}
h1 {
font-size: 1.8em;
margin: 0;
padding: 0;
color: #77abd4;
}
h2{
font-size: 15px;
margin: 0em;
padding: 0em;
color: #333333;
border-bottom: solid 1px #94dbfe;
}
h3 {
font-size: 17px;
margin: 0;
padding: 0;
color: #666666;
}
h4 {
font-size: 1.0em;
margin: 5px;
padding: 0;
font-weight: bold;
color: #77abd4;
font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;
}
p {
font-size: 12px;
margin: 0 0 9px 0;
padding: 0;
color: #333333;
font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;

}
#contenuDroit ul {
margin: 20px 0 20px 0;
}
#contenuDroit li {
margin: 0 0 3px 35px;
color: #666666
}
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;
outline: none;/* suppression des pointillés au clic autour des liens sous Firefox ;-) */
}
a:hover {
text-decoration: none;
color:#333333;
}
/* ---########## Définition des identifiants et classes de la page principale ##########--- */
#general {
width: 922px;
text-align: left;
margin: 0em auto 0em auto;
padding: 0;
display: table;
background-color: #FFFFFF;
}
#header{
background: #FFFFFF url(images/base/header.jpg) top no-repeat;
height: 111px;
width: 922px;
padding: 0em;
margin: 0em;
}
#barreMenu{
width: 922px;
height: 33px;
display: block;
background: #000000 url(images/base/barreMenu.jpg) 0px 0px no-repeat;
}
#barreMenu a{
font-family: Arial, Verdana, dans-serif;
Font-weight: normal;
color: #F1F1F1;
font-size: 15px;
width: 152px;
height: 33px;
display: block;
background: #000000 url(images/base/barreMenu.jpg) 0px 0px no-repeat;
float: left;
text-align: center;
}
#barreMenu a:hover{
width: 152px;
height: 33px;
display: block;
color: #FFFFFF;
background: #000000 url(images/base/barreMenu.jpg) 0px -66px no-repeat;
float: left;
text-align: center;
}
.hauteurMenu{
position: relative;
top: 7px;
}
.logo h1{
float: left;
color: #8cc8e4;
padding: 0.8em 1.4em 0.8em 0.8em;
background: #F8D9E9 url(images/base/imgLogo.gif) no-repeat right;
}
#chemin {
width: 100%;
height: 20px;
background: transparent url(images/base/ombreChemin.jpg) top no-repeat;
margin: 0em;
}
#chemin p{
font-weight: normal;
margin: 0em;
padding: 9px; 0 0 10px;
}
#chemin a{
color: #FF8700;
}
#container {
width: 100%;
float: left;
/*border: #f5c9de solid 1px;*/
padding: 0.768em 0em 0.768em 0em;
margin: 0.768em 0em 0.768em 0em;
}
#contenuGauche {
float: left;
width: 190px;
padding: 0em 0.768em 0em 0.768em;
}
#monPanier {
width: 100%;
margin: 0em;
}

.footer {
background: #FFFFFF url(images/base/footer.jpg) no-repeat;
float: left;
width: 922px;
height: 30px;
}
.textFooter p{
position: relative;
top: 11px;
left: 10px;
text-align: left;
color: #ff8700;
text-decoration: none;
font-size: 10px;
font-weight: normal;
font-family: Verdana, Arial, "Times New Roman", Times, serif;
}

.textFooter a{
font-size: 10px;
color: #ffffff;
text-decoration: none;
}
a.lienFooter:visited {
color: #ffffff;
text-decoration: none;
}
a.lienFooter:hover {
color: #f1f1f1;
text-decoration: underline;
}
/* ---########## Menu Principal ##########--- */
#menuPrincipal {
float: left;
width: 190px;
/*padding: 5px;*/
margin: 0;
background: #FFFFFF url(images/base/bgSecondaire.jpg) left repeat-y;
}
#contenuGauche dl, dt, dd {
margin: 0;
padding: 0;
list-style-type: none;
}
#menuPrincipal ul {
list-style-type: none;
margin: 0em;
padding: 0em;
}
#menu {
position: relative;
padding: 0em;
margin: 0em;
}
#menu dl,dt a {
width: 190px;
font-size: 1.0em;
font-family: Verdana, Arial, Sans-serif;
color: #1a4fff;
font-weight: bold;
text-decoration: none;
display: block;
padding: 0.3em 0 0.3em 0;
}
dl#menu dt a:hover, dl#menu dt .selected {
color: #8cbcca;
/*background-color: #f5c9de;*/
}
dl#menu li a {
font-family: Verdana, Arial, Sans-serif;
width: 190px;
height: 1em;
font-size: 1.0em;
color: #999999;
/*background-color: #f8f8f8;*/
text-decoration: none;
display: block;
margin:0em;
padding: 2px 0 2px 0;
position: relative;
left: 20px;

}
.fleche{
padding: 0 3px 0 0;
}
dl#menu li a:hover{ 
color: #060606;
/*background-color: #f2f2f2;*/
}
dl#menu li .selected {
color: #ff8700;
}
/* ---########## Produit petit ##########--- */
#contenuDroit {
float: left;
width: 670px;
padding: 0 0 0 5px;
position: relative;
left: 22px;
background: #FFFFFF url(images/base/bgDroite.jpg) right repeat-y;
}
.contenu {
width: 600px;
float: left;
padding: 0.5em 1.15em 0.5em 1.15em;
}
.lignePetitsProduits {
width: 620px;
float: left;
padding: 0;
}
.petitProduit {
float: left;
width: 620px;
margin: 0;
padding: 0 0 10px 0;
/*border-right: solid #EBE8D8 1px;*/
border-bottom: solid #EBE8D8 1px;
}
.imgAdresse{
width: 190px;
padding: 4px;
margin: 0 0 15px 15px;
border: 1px #999999 solid;
float: right;
}
.contourImage {
border: 1px solid #8cc8e4;
padding: 4px;
margin: 10px 15px 5px 0;
float: left;
}
.contourImageRight {
border: 1px solid #8cc8e4;
padding: 0.307em;
margin: 0 0 15px 15px;
float: right;
}
.contourImageProduit {
/*border: 1px solid #8cc8e4;*/
padding: 0 0 0 0;
float: left;
}
.blocInfosPetitProduit{
padding: 0 0 0 15px;
float: left;
}
.titreProduit {
text-align: left;
margin: 0.384em 0em 0em em;

width: 100%;
font-variant: small-caps;
}
.chapoProduit {
color: #77abd4;
text-align: left;
font-size: 0.9em;
width: 500px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
.descriptionProduit {
color: #12335B;
text-align: left;
margin-top: 0.384em;
margin-bottom: 0.768em;
}
.prixProduit {
color: #060606;
text-align: left;
font-weight: normal;
margin: 0em 0em 2.0em 0em;
}
.ficheProduit {
float:left;
width: 36.096em;
margin-left: 0.768em;
}
.lienPetitProduit{
font-size: 0.8em;
height: 2.0em;
padding: 0.2em;
}
a.lienCommander:link {
color: #aa1d61;
text-align: center;
text-decoration: none;
background-color: #f9f6e4;
padding: 0.4em 0.4em 0.4em 0.4em;
border-left: #b1cb80 solid 2px;
border-right: #b1cb80 solid 2px;
}
a.lienCommander:visited {
color: #aa1d61;
text-decoration: none;
background-color: #f9f6e4;
padding: 0.4em 0.4em 0.4em 0.4em;
border-left: #b1cb80 solid 2px;
border-right: #b1cb80 solid 2px;
}
a.lienCommander:hover {
color: #060606;
background-color: #faf5c7;
border-left: #fcc595 solid 2px;
border-right: #fcc595 solid 2px;
}
.imgCentre{
position: relative;
right: 8px;
}
/* ---########## Nombre de pages ##########--- */
#pages {
float: left;
/*width: 700px;*/
text-align: left;
font-size: 1.0em;
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: #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:100px;
display: block;
}
.colonne240 { 
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:210px; 
}
.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: #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:100px;
display: block;
}
.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;
}
.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:210px; 
}
.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
}
.rouge { 
font-size: 1em;
color: #e2362d; 
} 
/* ---########## Boutons valide, Continuer...etc. ##########--- */ 
a.lienBouton:link {
color: #aa1d61;
float: right;
text-decoration: none;
background-color: #f9f6e4;
padding: 0.4em;
border-left: #b1cb80 solid 2px;
border-right: #b1cb80 solid 2px;
}
a.lienBouton:visited {
color: #aa1d61;
float: right;
text-decoration: none;
background-color: #f9f6e4;
padding: 0.4em;
border-left: #b1cb80 solid 2px;
border-right: #b1cb80 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... ##########--- */ 
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: #333333;
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 input , form textarea, form select{
	width: 200px;
	float: left;
	margin-top: 0;
	border: 1px #CCCCCC 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: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;
}