* {
border: 0;
padding: 0;
margin: 0;
}
.meedle {
position: relative;
top: 2px;
}
/* ---########## D?finition des balises HTML g?n?rales (img, en-tetes, liens...) ##########--- */
body {
background: #ededed url(images/base/bg02.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 {
background: none;
}
.logo h1 a{
display: block; 
width: 140px;  
height: 55px; 
font-size: 1px; 
text-indent: -9000px; 
position: relative; 
top:20px; 
left: 25px; 

}
img {
border: 0em;
}
blockquote {
margin: 0 20px 0 5px;
padding: 10px 0 10px 45px;
line-height: 1.5em;
color: #777;
background: url(images/puces/bquote.gif) no-repeat;
}
hr {
height: 1px;
color: #f8d9e9;
background-color: #f8d9e9;
border: 0;
}
h2, h3, h4, h5, h6 {
font-family: "Arial", Verdana, Arial, Helvetica, sans-serif;
}
h1 {
font-size: 22px;
margin: 0 0 20px 0;
padding: 0 0 0 0;
color: #000000;
text-align: left;
font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
}
h2{
font-size: 12px;
padding: 0 0 0 0;
color: #1A171B;
text-align: left;
}
h3 {
font-size: 14px;
color: #004592;
font-weight: normal;
padding: 5px 0 15px 0;
text-align: left;
}
h4 {
font-size: 1.4em;
margin: 0;
padding: 0 0 5px 0;
font-weight: normal;
color: #666666;
text-align: left;
font-family: "georgia", times, serif;
}
h5 {
font-size: 1.0em;
margin: 0;
padding: 0 0 0 0;
font-weight: normal;
color: #333333;
text-align: left;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
h6 {
font-size: 0.9em;
margin: 0;
padding: 5px 0 5px 0;
font-weight: normal;
color: #7dbe0b;
text-align: left;
font-family: "georgia", times, serif;
}
p {
font-family: "Arial", Verdana, Arial, Helvetica, sans-serif;
color: #1A171B;
text-align: justify;
font-size: 12px;
margin: 0;
padding: 0 0 10px 0;
}

/* couleurs */
.noir{
color: #1A171B;
}
.bleu{
color: #009EE0;
}
.violet{
color: #6D70AE;
}
.violet_fonce{
color: #5C23AD;
}
.marron{
color: #ab600d;
}
.fond_violet{
background-color: #6D70AE;
padding: 10px 20px;
margin: 0 10px 0 0;
color: #ffffff;
}
.fond_marron{
background-color: #81490d;
padding: 10px 20px;
margin: 0 10px 0 0;
color: #ffffff;
}
.vert{
color: #A4CB16;
}
.fond_vert{
background-color: #a3c41c;
padding: 10px 20px;
margin: 0 10px 0 0;
color: #ffffff;
}
.fushia{
color: #C50063;
}
.gris{
color: #666666;
font-size: 0.7em;
text-align: center;
}
.orange{
color: #ff8700;
font-size: 1.4em;
text-align: center;
font-weight: bold;
font-family: Arial, Geneva, Helvetica, sans-serif;
}
a {
font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;
color: #87939f;
text-decoration: none;
}
a:hover {
text-decoration: underline;
color:#87939f;
}
ol, ul, li{
font-family: "Arial", Verdana, Arial, Helvetica, sans-serif;
color: #1A171B;
margin: 0 0 0 15px;
font-size: 1.05em;
}
.imgGauche{
float: left;
padding: 4px;
border: #999999 solid 1px;
margin: 0 15px 15px 0;
}
.imgDroite{
float: right;
padding: 4px;
border: #999999 solid 1px;
margin: 0 0 15px 15px;
}
#contenugauche ul, li {
/*list-style-image:url(/images/puces/puceFleche.jpg);*/
margin: 0 0 0 5px;
}
ul {
padding: 0 0 10px 0;
}
#contenuDroit h3 {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #004592;
font-weight: bold;
padding: 5px 0 0 0;
text-transform: uppercase;
}
.questions h3 {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
font-weight: bold;
padding: 5px 0 0 35px;
text-transform: uppercase;
}
address{
font-size: 0.9em;
margin: 0;
padding: 0;
color: #666666;
text-align: center;
font-family: Georgia, "Times New Roman", Times, serif;
}
.contact a{
float: right;
text-align: center;
width: 93px;
height: 22px;
display: block;
background: transparent url(images/base/boutons/voirOffres.jpg) no-repeat;
position: relative;
right: 4px;
}
.hauteurContact{
position: relative;
top: 4px;
}
.contact a:hover{
background: transparent url(images/base/boutons/voirOffres.jpg) 0 -22px no-repeat;
text-decoration: none;
}
.contact p {
text-align: left;
font-size: 11px;
margin: 0;
padding: 8px 0 8px 8px;
color: #000000;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/* ---########## D?finition des identifiants et classes de la page principale ##########--- */
#general {
width: 938px;
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/header02.jpg) top no-repeat;
height: 115px;
width: 938px;
padding: 0em;
margin: 0em;
}
/* ---------------------------------------------- Navigation Principale*/
#nav {
margin: 0;
padding: 0;
width:938px;
height: 32px;
display: block;
/*background: #ff8700 url(images/base/barreMenu.jpg) no-repeat;*/
}
#nav h2{
font-size: 14px;
color: #ffffff;
border:0;
text-align: left;
font-variant: normal;
font-weight: normal;
padding: 0;
margin: 0;
}
.hauteurLien{
position: relative;
top: 6px;
}
.boutonOn{
color: #58585a;
float: left;
position: relative;
display: block;
font-weight: bold;
height: 32px;	
padding: 0 55px 0 0;
/*background:url(images/base/boutons/btNav.gif) no-repeat 0 -27px;*/
}
#nav ul {
padding: 0;
margin: 0;
height: 32px;
list-style: none;
list-style-image: none;
}
#nav li {
padding: 0;
margin: 0;
float:left;
list-style-image: none;
}
#nav li a {
font-family: Arial, Verdana, sans-serif;
float: left;
height: 32px;	
padding: 0 45px 0 0;
color: #87939f;
}
#nav li a:hover, #nav li.current_page_item a {
/*background:url(images/base/boutons/btNav.gif) no-repeat;*/
text-decoration: none;
color: #58585a;
}

/* ---------------------------------------------------------Fin menu Principal */
.imageSousMenu {
width: 938px;
/*height: 139px;*/
display: block;
/*background: url(images/base/imageSousMenu.jpg) 0 0 no-repeat;*/
margin: 0 auto 0 auto;
text-align: center;
}
.questions {
width: 210px;
height: 34px;
margin: 0em;
position: relative;
top: 68px;
float: left;
}
.questions a {
font-family: Trebuchet MS, Verdana, Arial, sans-serif;
font-weight: bold;
color: #333333;
}
#chemin {
width: 100%;
height: 24px;
/*background: transparent url(images/base/ombreChemin.jpg) top no-repeat;*/
margin: 0em;
position: relative;
padding: 0 0 10px 0;
}
#chemin p{
font-size: 1.0em;
font-weight: normal;
margin: 0em;
padding: 9px 0 0 0;
color: #bbbbbb;
text-align: left;
}
#chemin a {
color: #cccccc;
}
/*#chemin h1 {
font-size: 2.1em;
margin: 0;
padding: 0;
color: #ffffff;
text-align: left;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}*/
.finChemin{
color: #014495;
}
#container {
width: 938px;
display: table;
margin: 0 auto 0 auto;
background: #ffffff url(imges/base/fondContainer.jpg) repeat-y;
/*bottom: 15px;*/
}
#contenuGauche {
float: right;
display: block;
width: 640px;

}
.contenuGauche {
float: left;
display: block;
width: 650px;
padding: 8px 28px 28px 28px;
}
#contenuDroit {
float: left;
width: 185px;
padding: 30px 0 0 25px;
/*border: solid #dcdcdc 1px;*/
/*background: transparent url(images/illustrations/fond_contenu.jpg) top right no-repeat;*/
}
.offres {
width: 204px;
float: left;
margin: 0 0 10px 0;
border: solid #dcdcdc 1px;
/*background: transparent url(images/base/fondOffres.jpg) repeat-y;*/
}
.hauteurLiensDroite{
position: relative;
top: 3px;
}
.offres a{
text-align: center;
width: 93px;
height: 22px;
display: block;
background: transparent url(images/base/boutons/voirOffres.jpg) no-repeat;
position: relative;

right: 4px;
}
.offres a:hover{
background: transparent url(images/base/boutons/voirOffres.jpg) 0 -22px no-repeat;
text-decoration: none;
}
.offres p {
text-align: left;
font-size: 11px;
margin: 0;
padding: 8px 0 8px 8px;
color: #000000;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.headerOffres{
width: 204px;
height: 27px;
background: transparent url(images/base/headerOffres.jpg) no-repeat;
}
.gaucheOffres {
width: 102px;
float: left;
}
.droiteOffres {
width: 101px;
height: 134px;
background: transparent url(images/base/fondAPartir.jpg) repeat-y;
float: left;
border-left: #cccccc solid 1px;
}
.droiteOffres p {
text-align: center;
margin: 0;
padding: 40px 0 0 0;
color: #000000;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.transparent{
width: 850px;
height: 28px;
}
#monPanier {
width: 100%;
margin: 0em;
}
.news {
width: 204px;
float: left;
margin: 0 0 20px 0;
padding: 0 0 10px 0;
border-bottom: solid #dcdcdc 1px;
/*background: transparent url(images/base/fondOffres.jpg) repeat-y;*/
}
.news a, .Partenaire a{
width: 200px;
height: 22px;
display: block;
/*background: transparent url(images/base/boutons/voirOffres.jpg) no-repeat;*/
position: relative;
left: 7px;
}
.news a:hover{
/*background: transparent url(images/base/boutons/voirOffres.jpg) 0 -22px no-repeat;*/
text-decoration: none;
}
.news p {
text-align: left;
font-size: 11px;
margin: 0;
padding: 5px 8px 0 8px;
color: #000000;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.headerNews{
width: 204px;
height: 27px;
/*background: transparent url(images/base/headerNews.jpg) no-repeat;*/
}
.Partenaire {
width: 204px;
float: left;
margin: 0 0 20px 0;
padding: 0 0 10px 0;
border-bottom: solid #dcdcdc 1px;
/*background: transparent url(images/base/fondOffres.jpg) repeat-y;*/
}
.Partenaire p {
text-align: left;
font-size: 11px;
margin: 0;
padding: 5px 8px 0 8px;
color: #000000;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.headerPartenaire{
width: 204px;
height: 27px;
/*background: transparent url(images/base/headerPartenaire.jpg) no-repeat;*/
}

.footer {
/*background: transparent url(images/base/footer.jpg) no-repeat;*/
float: left;
width: 938px;
height: 59px;
display: block;
}
.footer p{
position: relative;
top: 5px;
right: 0px;
text-align: right;
color: #666666;
text-decoration: none;
font-size: 10px;
font-weight: normal;
font-family: Verdana, Arial, "Times New Roman", Times, serif;
}
.footer a{
font-size: 10px;
color: #999999;
text-decoration: none;
}
a.footer:visited {
color: #ffffff;
text-decoration: none;
}
.footer a:hover {
color: #666666;
text-decoration: underline;
}

/* ---########## Produit petit ##########--- */
.lignePetitsProduits9{ /* Particuliers*/
width: 285px;
float: left;
/*height: 120px;*/
padding: 10px;
margin: 10px 0 0 0;
background: transparent url(images/base/fondProduitService.jpg) top right no-repeat;
/*border: #999999 dotted 0.1em;*/
}
.lignePetitsProduits10{ /* Professionnels*/
width: 285px;
float: left;
/*height: 120px;*/
padding: 10px;
margin: 10px 0 0 0;
background: transparent url(images/base/fondProduitService.jpg) top right no-repeat;
/*border: #999999 dotted 0.1em;*/
}
.lignePetitsProduits1{ /* accueil*/
width: 629px;
float: left;
/*height: 120px;*/
padding: 10px;
margin: 10px 0 0 0;
position: relative;
right: 25px;
background: transparent url(images/base/fondProduitService.jpg) top right no-repeat;
/*border: #999999 dotted 0.1em;*/
}
.lignePetitsProduits2{ /* services*/
width: 620px;
float: left;
/*height: 120px;*/
padding: 15px;
margin: 10px 0 0 0;
/*background: #f9f9f9 url(images/base/fondProduitOffres.jpg) top right no-repeat;*/
background: transparent url(images/base/fondProduitService.jpg) top right no-repeat;
/*border: #c1c1c1 solid 0.1em;*/
}
.lignePetitsProduits3{ /* enjeux*/
width: 620px;
float: left;
/*height: 120px;*/
padding: 15px;
margin: 10px 0 0 0;
background: transparent url(images/base/fondProduitService.jpg) top right no-repeat;
/*border: #c1c1c1 solid 0.1em;*/
}
.lignePetitsProduits8{ /* offres*/
width: 620px;
float: left;
/*height: 120px;*/
padding: 15px;
margin: 10px 0 0 0;
background: transparent url(images/base/fondProduitService.jpg) top right no-repeat;
/*border: #c1c1c1 solid 0.1em;*/
}
.lignePetitsProduits5{ /* mentions*/
width: 620px;

float: left;
/*height: 120px;*/
padding: 15px;
margin: 10px 0 0 0;
background: transparent url(images/base/fondProduitService.jpg) top right no-repeat;
/*border: #c1c1c1 solid 0.1em;*/
}
.lignePetitsProduits{ /* offres Accueil*/
width: 270px;
float: left;
/*height: 120px;*/
padding: 15px;
margin: 10px 15px 0 0;
background: transparent url(images/base/fondProduitServicePetit.jpg) top right no-repeat;
/*border: #c1c1c1 solid 0.1em;*/
}
.lignePetitsProduits18{ /* mentions*/
width: 620px;
float: left;
/*height: 120px;*/
padding: 15px;
margin: 10px 0 0 0;
background: transparent url(images/base/fondProduitService.jpg) top right no-repeat;
/*border: #c1c1c1 solid 0.1em;*/
}
.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;
}
.contourImageGauche {
border: 8px solid #eeeeec;
padding: 0;
margin: 0 15px 15px 0;
float: left;
}
.contourImageDroite {
border: 8px solid #eeeeec;
padding: 0;
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 0em;
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 {
	float: left;
	clear: left;
	font-weight: bold;
}
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;

}

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;
}
.prix {
font-size: 1.6em;
position: relative;
bottom: 35px;
color: #333333;
text-align: right;
float: right;
font-family:  Arial Black,"Verdana", Helvetica, sans-serif;
}
.prixOffres {
font-size: 1.2em;
position: relative;
color: #333333;
text-align: left;
font-family:  Arial Black,"Verdana", Helvetica, sans-serif;
}
.exposant{
font-size: 0.8em;
color: #999999;
position: relative;
bottom: 5px;
}

/*HoverAccordion - jQuery plugin for intuitively opening accordions and menus
http://berndmatzner.de/jquery/hoveraccordion/
Copyright (c) 2008 Bernd Matzner
Dual licensed under the MIT and GPL licenses:
http://www.opensource.org/licenses/mit-license.php
http://www.gnu.org/licenses/gpl.html
Requires jQuery 1.2.1 or higher
Version: 0.5.0*/

#accordeon{
width: 176px;
list-style-type:none;
color:#000000;
height:400px;
margin: 0 0 30px 0;
}
#accordeon a{
width: 176px;
display:block;
text-decoration:none;
}
.accordeonTitre{
font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
font-size: 1.2em;
font-weight:bold;
padding: 2px 0 0 20px;
}
#accordeon ul{
overflow: hidden;
margin:0;
padding:0;
}
#accordeon li{
width: 176px;
margin:0;
padding:0;
list-style-type:none;
list-style-image: none;
text-align: left;
}
#accordeon li a{
width: 176px;
display:block;
color:#333333;
background: transparent url(http://www.meedle.fr/images/v3/base/boutons/btAccordeon.png) 0 -40px no-repeat;
height:20px;
}
#accordeon li a.closed{
color:#333333 !important;
/*background-image:url(http://berndmatzner.de/jquery/hoveraccordion/ha-header.jpg) !important;*/
background: transparent url(http://www.meedle.fr/images/v3/base/boutons/btAccordeon.png) 0 -40px no-repeat;
}
#accordeon li.firstitem a.closed{
color:#333333 !important;
/*background-image:url(http://berndmatzner.de/jquery/hoveraccordion/ha-header-first.jpg) !important;*/
background: transparent url(http://www.meedle.fr/images/v3/base/boutons/btAccordeon.png) 0 0 no-repeat;
}
#accordeon li.lastitem a.closed{
color:#333333 !important;
/*background-image:url(http://berndmatzner.de/jquery/hoveraccordion/ha-header-last.jpg) !important;*/
background: transparent url(http://www.meedle.fr/images/v3/base/boutons/btAccordeon.png) 0 -20px no-repeat;
}
#accordeon li li p{
font-size: 0.8em;
padding: 0 10px 10px 10px;
text-align: left;
}
#accordeon li li a{
width: 154px;
height: 20px;
background: transparent url(http://www.meedle.fr/images/v3/base/boutons/btLiens.gif) 0 -20px no-repeat;
color: #ff8700;
padding: 3px 0 0 0;
text-align: center;
}
#accordeon li li a:hover{
background: transparent url(http://www.meedle.fr/images/v3/base/boutons/btLiens.gif) 0 0 no-repeat;
color: #666666;
}
#accordeon li li{
background: transparent url(http://www.meedle.fr/images/v3/base/boutons/bgAccordeon.gif) no-repeat;
height: 277px;
text-align: justify;
}
.imgVignettes{
padding: 0 0 3px 20px;
}
#accordeon li a.opened{
/*background-image:url(http://berndmatzner.de/jquery/hoveraccordion/ha-header-active.jpg);*/
background: transparent url(http://www.meedle.fr/images/v3/base/boutons/btAccordeon.png) 0 -60px no-repeat;
color:#FFFFFF;
}
#accordeon li.firstitem a.opened{
/*background-image:url(http://berndmatzner.de/jquery/hoveraccordion/ha-header-first-active.jpg);*/
background: transparent url(http://www.meedle.fr/images/v3/base/boutons/btAccordeon.png) 0 -20px no-repeat;
color:#FFFFFF;
}

#accordeon li.lastitem a.opened{
/*background-image:url(http://berndmatzner.de/jquery/hoveraccordion/ha-header-first-active.jpg);*/
background: transparent url(http://www.meedle.fr/images/v3/base/boutons/btAccordeon.png) 0 -60px no-repeat;
color:#FFFFFF;
}
#accordeon li.lastitem a.closed{
/*background-image:url(http://berndmatzner.de/jquery/hoveraccordion/ha-header-first-active.jpg);*/
background: transparent url(http://www.meedle.fr/images/v3/base/boutons/btAccordeon.png) 0 -80px no-repeat;
color:#FFFFFF;
}
#accordeon li.lastitem li{
}
#accordeon li.lastitem ul{
/*background-image:url(http://berndmatzner.de/jquery/hoveraccordion/ha-footer.jpg);*/
background: transparent url(http://www.meedle.fr/images/v3/base/boutons/footerAccordeon.png) no-repeat bottom;
padding: 0 0 21px 0;
}

/* Fin Jquery */