* {
	border: 0;
	padding: 0;
	margin: 0;
}
.meedle {
position: relative;
top: 2px;
}
/* ---########## Définition des balises HTML générales (img, en-tetes, liens...) ##########--- */
body {
padding: 0em;
margin: 0em;
background: #51b6e3  url(images/base/bg.jpg) top repeat-x;
font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;
color: #666666;
text-align: justify;
font-size: 11px;
}
table{
width: 100%;
}
th{
background-color: #f1f1f1;
padding: 5px;
color: #333333;
}
td{
background-color: #f8f8f8;
padding: 10px;
}
.logo h1 a{
display: block; 
width: 140px;  
height: 55px; 
font-size: 1px; 
text-indent: -9000px; 
position: relative; 
top:20px; 
left: 25px; 
}
img {
border: 0em;
}
hr {
height: 1px;
color: #f8d9e9;
background-color: #f8d9e9;
border: 0;
}
h2, h3, h4, h5, h6 {
font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;
}
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;
}

h2{
font-size: 15px;
margin: 0 0 15px 0;
padding: 0 0 3px 0;
color: #3aafdf;
border-bottom: solid 1px #dcdcdc;
text-align: left;
font-variant: small-caps;
}
h3 {
font-size: 12px;
color: #ff8700;
font-weight: bold;
padding: 0 0 10px 0;
}
h4 {
font-size: 1.0em;
margin: 0;
padding: 5px 0 5px 0;
font-weight: normal;
color: #ffffff;
text-align: center;
}
p {
font-size: 13px;
margin: 0;
padding: 0;
color: #333333;
font-family: "Arial", Verdana, Geneva, Arial, Helvetica, sans-serif;

}
ul, li {
font-size: 11px;
color: #000000;
font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
margin: 0 0 0 25px;
/*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: #2da22d;
text-decoration: none;
}
a:hover {
text-decoration: underline;
color:#184918;
}
/* ---########## Définition des identifiants et classes de la page principale ##########--- */
#general {
width: 868px;
text-align: justify;
margin: 0em auto 0em auto;
padding: 0;
display: table;
background: transparent url(images/base/bgFond.png) repeat-y;
}
#content {
width: 850px;
text-align: justify;
margin: 0em auto 0em auto;
padding: 0;
display: table;
background: transparent url(images/base/fond_content.jpg) repeat-y;
}
#header{
background: #FFFFFF url(images/base/header.jpg) top no-repeat;
height: 142px;
width: 850px;
padding: 0em;
margin: 0em;
}
#barreMenu{
width: 850px;
height: 50px;
display: block;
background: #000000 url(images/base/barreMenu.jpg) 0px 0px repeat-x;
}
.menuSeparation {
border: 0em;
float: left;
}
#barreMenu a{
font-family: Arial, Verdana, sans-serif;
Font-weight: bold;
color: #6f6f6f;
font-size: 15px;
width: 138px;
height: 50px;
display: block;
background: #000000 url(images/base/bt.jpg) 0px 0px no-repeat;
float: left;
text-align: center;

}
#barreMenu a:hover{
width: 138px;
height: 50px;
display: block;
color: #FFFFFF;
background: #000000 url(images/base/bt.jpg) 0px -50px no-repeat;
float: left;
text-align: center;
}
.hauteurMenu{
position: relative;
top: 14px;
}
.imageSousMenu {
width: 850px;
height: 147px;
display: block;
background: url(images/base/imageSousMenu.jpg) 0 0 no-repeat;
margin: 0 auto 0 auto;
text-align: center;
}
#chemin {
width: 850px;
height: 34px;
/*background: transparent url(images/base/ombreChemin.jpg) top no-repeat;*/
margin: 0em;
position: relative;
left: 15px;
bottom: 65px;
}
#chemin p{
font-weight: normal;
margin: 0em;
padding: 9px; 0 0 10px;
color: #000000;
}

.finChemin{
color: #3aafdf;
}
#container {
width: 814px;
display: table;
margin: 0 auto 0 auto;
position: relative;
bottom: 15px;
}
#contenuGauche {
float: left;
width: 220px;

padding: 0;
}
#contenuDroit {
float: left;
width: 565px;
padding: 10px;
border: solid #dcdcdc 1px;
background: #FFFFFF url(images/illustrations/fond_contenu.jpg) top right no-repeat;
}
.transparent{
width: 850px;
height: 28px;
}
#monPanier {
width: 100%;
margin: 0em;
}

.footer {
background: #FFFFFF url(images/base/footer.jpg) no-repeat;
float: left;
width: 850px;
height: 43px;
}
.textFooter p{
position: relative;
top: 20px;
left: 20px;
text-align: left;
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: #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 {

padding: 0em;
margin: 0em;
}
#menu dl,dt a {
width: 196px;
height: 22px;
font-size: 1.0em;
font-family: Trebuchet MS, Verdana, Arial, Sans-serif;
color: #999999;
font-weight: bold;
text-decoration: none;
display: block;
padding: 0 0 5px 0;
background: #FFFFFF url(images/base/bt.jpg) 0 0 no-repeat;
}
.lienMenu{
position: relative;
left: 20px;
top: 2px;
text-transform: uppercase;
}
dl#menu dt a:hover, dl#menu dt .selected {
color: #333333;
text-decoration: none;
background: #FFFFFF url(images/base/bt.jpg) 0 -22px no-repeat;
/*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 ##########--- */

.lignePetitsProduits {
width: 170px;
float: left;
padding: 0;
}
.petitProduit {
float: left;
width: 170px;
margin: 0em 0.768em 1em 1.536em;
padding: 0 0 10px 0;
/*border-right: solid #EBE8D8 1px;*/
border-bottom: solid #EBE8D8 1px;
}
.imgAdresse{
width: 170px;
padding: 4px;
margin: 0 0 15px 15px;
border: 1px #999999 solid;
float: right;
}
.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;
}
.contourImageProduit {
border: 5px solid #ffffff;
padding: 0;
margin: 0 15px 4px 5px;
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: bold;
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: #666666;
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;
}