body  { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fbcd00; margin: 0; padding: 0 }
a   { color: black; text-decoration: underline }
a:hover  { color: #fe3000 }
#header  { background: #fcd500 url(../im/bdH.gif); width: 780px; height: 64px; overflow: hidden; visibility: visible; display: block }
#haut    { background: white url(../im/fdHaut.gif) repeat-x; height: 35px; overflow: hidden; visibility: visible; display: block }
#conteneur    { background: url(../im/fdConteneur.gif) repeat-y; margin-top: 5px; margin-left: -390px; border: solid 1px black; position: absolute; left: 50%; width: auto }
#centre    { background: white url(../im/fdPage.gif) repeat-y; margin-right: 105px; margin-left: 95px; height: 450px }
html>body #centre { height: auto; min-height: 450px }
#gauche    { background: #fabc00 url(../im/fdGauche.gif) no-repeat; position: absolute; left: 0; width: 95px; height: 440px }
#droite  { position: absolute; right: 0; width: 105px }
#pied    { clear:both; color: white; font-size: 9px; font-family: Verdana, Arial, sans-serif; background-color: black; text-align: center; height: 10px }

#blMenu  { position: relative; top: 41px; left: 150px; width: 630px; height: 23px; overflow: hidden; visibility: visible; display: block }
#blHaut1  { position: relative; top: 0px; left: 0px; width: 670; height: 35px; overflow: hidden; visibility: visible; display: block }
#blHaut2   { position: relative; top: 16px; left: 10px; width: 650px; height: 19px; overflow: hidden; visibility: visible; display: block }
#blHaut3 { position: relative; top: 16px; left: 110px; width: 550px; height: 19px; overflow: hidden; visibility: visible; display: block }
/* MENU haut */
ul#menu { margin: 0 ; padding: 0 ; list-style-type: none ;}
ul#menu li { display: block; float: left; margin:0; padding: 0 ; }
ul#menu li a { display: block; width: 90px ; line-height: 25px ; color: #000 ; text-align: center; text-decoration: none ; background: url(../im/ong-roll.gif) no-repeat 0 0 ;}
ul#menu li a:hover { background: url(../im/ong-roll.gif) no-repeat 0 -23px ;}
#menu { font-weight: bold; font-size: 10px; font-family: Tahoma, Arial, sans-serif }

ul#menu li#selec a  { color: #fbce00; line-height: 23px; text-decoration: none; background: url(../im/ong-noir.gif) no-repeat 0 0; text-align: center; width: 90px; display: block }
ul#menu li#selec a:hover  { color: white }

.menuhaut  { font-size: 11px; font-family: Verdana, Arial, sans-serif; list-style-type: none; margin: 0; padding: 0 }
.menuhaut li {
display: inline;
}
.menuhaut a   { color: gray; text-decoration: none; margin: 0 2px; border-bottom: 1px dotted #808080 }
.menuhaut a:hover   { color: black; text-decoration: none; border-bottom: 1px solid black }
.menuhaut li#selec a    { color: black; text-decoration: none; background-color: #f6f1c3; border-bottom: 1px solid black }
.menuhaut li#selec a:hover { color: #d84500; text-decoration: none; background-color: #f6f1c3; border-bottom: 1px solid black }


/* Menu gauche */
#gaucheCatalogue  { background: url(../im/bd-g.gif) repeat; width: 95px; display:bloc;margin: 0; padding:0; }

#gaucheBoutons   { font-family: sans-serif; font-size:7pt; font-weight:bolder ; text-align: center; margin-top: 5px; width: 95px }
/* Boutons gauche*/
#blTelecharge     {margin: 5px 0 0 5px; padding: 0; width: 84px; height: 70px; visibility: visible; display: block }
#blTelecharge2 { background-color: #f6e288; margin: 5px 0 0 5px; padding: 0; width: 86px; height: 70px; overflow: hidden; visibility: visible; display: block }
#blTelecharge a {padding-top: 35px; display: block; width: 84px ; text-align: center; text-decoration: none ; background: url(../im/btTelecharge.gif) no-repeat 0 0 ;}
#blTelecharge2 a {padding-top: 35px; text-decoration: none; background: url(../im/btTelecharge.gif) no-repeat 0 0; text-align: center; width: 84px; display: block }
#blTelecharge a:hover { background: url(../im/btTelecharge.gif) no-repeat -84px 0px ;}
#blTelecharge2 a:hover { background: url(../im/btTelecharge.gif) no-repeat -84px 0px }


#blContact    { margin: 10px 0 0 5px; padding: 0; width: 84px; height: 58px; overflow: hidden; visibility: visible; display: block }
#blContact a {padding-top: 35px;  display: block; width: 84px ; text-align: center; text-decoration: none ; background: url(../im/btContact.gif) no-repeat 0 0 ;}
#blContact a:hover { background: url(../im/btContact.gif) no-repeat -84px 0px ;}
#blContact2    { background-color: #f6e288; margin: 10px 0 0 5px; padding: 0; width: 84px; height: 58px; overflow: hidden; visibility: visible; display: block }
#blContact2 a {padding-top: 35px;  display: block; width: 84px ; text-align: center; text-decoration: none ; background: url(../im/btContact.gif) no-repeat 0 0 ;}
#blContact2 a:hover { background: url(../im/btContact.gif) no-repeat -84px 0px ;}

#blApplic     { margin: 10px 0 0 5px; padding: 0; width: 84px; height: 57px; overflow: hidden; visibility: visible; display: block }
#blApplic a {padding-top: 35px;  display: block; width: 84px ; text-align: center; text-decoration: none ; background: url(../im/btApplic.gif) no-repeat 0 0 ;}
#blApplic a:hover { background: url(../im/btApplic.gif) no-repeat -84px 0px ;}

#blApplic2     { background-color: #f6e288; margin: 10px 0 0 5px; padding: 0; width: 84px; height: 57px; overflow: hidden; visibility: visible; display: block }
#blApplic2 a {padding-top: 35px;  display: block; width: 84px ; text-align: center; text-decoration: none ; background: url(../im/btApplic.gif) no-repeat 0 0 ;}
#blApplic2 a:hover { background: url(../im/btApplic.gif) no-repeat -84px 0px ;}

.menugauche     { font-size: 9px; font-family: Tahoma, sans-serif; list-style-type: none; margin: 5px 0 0 5px; padding: 0 }
.menugauche li    { background: url(../im/fdCatal.gif) no-repeat 2px 0; text-align: center; margin: 0px; padding: 0px; height: 14px }
.menugauche li#selec { color: black; background: url(../im/fdCatalSelec.gif) no-repeat 2px 0; text-align: center; margin: 0px; padding: 0px; height: 14px }
.menugauche li#selec a  { color: black; background-color: #fecd13 }
.menugauche li#selec a:hover   { color: white; background-color: #fecd13 }
.menugauche a   { color: #fbcd00; text-decoration: none; background-color: black; margin: 0px; padding: 0px }
.menugauche a:hover  { color: white; text-decoration: none }



/* Menu droit */
#blRecherche         { color: #b78b00; font-size: 9px; line-height: 13px; font-family: Tahoma, sans-serif; background: url(../im/blRecherche.gif) no-repeat; width: 105px; height: 157px }
.blRecherche2         { margin: 0 0 5px; padding: 15px 0px 0px 8px; width: 105px }
#blRecherche b   { color: #fff; font-weight: normal; font-size: 10px; font-family: Verdana, sans-serif; text-transform: uppercase }
#blRecherche form      { margin: 0; padding: 0px }

/* Bouton panier;*/
#blPanier  { margin: 0; padding: 0; width: 92px; height: 35px; overflow: hidden; visibility: visible; display: block; float: right }
#blPanier a { display: block; width: 92px ; line-height: 35px ; text-align: center; text-decoration: none ; background: url(../im/btPannier.gif) no-repeat 0 0 ;}
#blPanier a:hover { background: url(../im/btPannier.gif) no-repeat -92px 0px ;}
#contenu      { font-size: 11px; font-family: Verdana; background-color: white; margin: 10px; padding: 0px; width: 560px }
h1  { color: white; font-weight: bold; font-size: 14px; font-family: Verdana, sans-serif; background-color: #fbcd00; padding: 2px 5px }
h2     { color: black; font-weight: normal; font-size: 16px; font-family: "Arial Black", sans-serif; margin-bottom: 5px; border-bottom: 3px solid #fbcd00 }
h5    { color: black; font-weight: bold; font-size: 12px; font-family: Verdana, sans-serif }
h6    { font-weight: normal; font-size: 9px; font-family: "Arial Black", sans-serif; text-align: center }
.petit   { font-weight: normal; font-size: 9px; line-height: 10px; font-family: Arial, sans-serif }
.petitlien { font-weight: normal; font-size: 9px; line-height: 10px; font-family: Arial, sans-serif }
.petitlien a { font-weight: normal; text-decoration: none }
.TexteProduit { font-weight: normal; font-size: 10px; font-family: Arial, sans-serif }
.TexteFicheProduit { font-weight: normal; font-size: 12px; font-family: Arial, sans-serif }
.CaracProduit    { font-weight: bold; background-color: #fbcd00; margin-bottom: 4px; padding: 2px }
.titre    { font-weight: normal; font-size: 16px; line-height: 2ex; font-family: "Arial Black", sans-serif; margin-top: 0px; margin-bottom: 5px }
.TitreProduit { font-weight: normal; font-size: 11px; line-height: 2ex; font-family: "Arial Black", sans-serif; margin-bottom: 5px }
.titre2 { font-weight: normal; font-size: 20px; line-height: 1.5ex; font-family: "Arial Black", sans-serif; margin-bottom: 5px }
/* Boutons;*/
.haut { font-size: 10px; line-height: 12px; font-family: Verdana, sans-serif; background: white url(../im/haut.gif) no-repeat; margin-top: 10px; margin-bottom: 10px; padding-right: 3px; padding-left: 15px; border: solid 1px #1d3671; display: inline }
.haut a { text-decoration: none }
.hautd { font-size: 10px; line-height: 12px; font-family: Verdana, sans-serif; text-decoration: none; background: white url(../im/haut.gif) no-repeat; text-align: right; float: right; margin-top: 10px; margin-bottom: 10px; padding-right: 3px; padding-left: 15px; border: solid 1px #1d3671; display: inline }
.hautd a { text-decoration: none }
.retour  { font-size: 10px; line-height: 12px; font-family: Verdana, sans-serif; background: white url(../im/retour.gif) no-repeat; margin-top: 10px; margin-bottom: 10px; padding-right: 3px; padding-left: 15px; border: solid 1px #1d3671; display: inline }
.retour a { text-decoration: none }
.parag  { font-size: 12px; line-height: 2.5ex; font-family: Verdana, sans-serif }

.blZone    { background-image: url(../im/blZone.gif); float: left; width: 280px; height: 140px; overflow: hidden }
.blanc { color: white }
.jaune  { color: #d5a511 }
.gris { color: gray }
#pub    { text-align: center; float: left; margin-top: 10px; margin-bottom: 10px; width: 100% }

.menuDroite    { font-weight: normal; font-size: 9px; font-family: "Arial Black", sans-serif; text-align: center }


/* Fil d'ariane */
.ariane   { color: #808080; font-size: 11px; font-family: Verdana, Arial, sans-serif; margin: 0; padding: 0 }
.ariane a   { color: gray; text-decoration: none; margin: 0 2px; border-bottom: 1px dotted #808080 }
.ariane a:hover   { color: black; text-decoration: none; border-bottom: 1px solid black }
.ariane b { font-weight: normal; text-decoration: none }
.ariane b a { color: black; text-decoration: none; background-color: #f6f1c3; border-bottom: 1px solid black }
.ariane b a:hover { color: #d84500; text-decoration: none; background-color: #f6f1c3; border-bottom: 1px solid black }

.titreRond  { font-weight: normal; font-size: 20px; line-height: 20px; font-family: "Arial Black", sans-serif; margin-bottom: 5px }
.tCat { font-weight: normal; font-size: 12px; font-family: "Arial Black", sans-serif; text-align: center; margin-top: 5px }

.tCat img { font-weight: normal; font-size: 12px; font-family: "Arial Black", sans-serif; text-align: center; clear: both; margin-top: 5px; margin-bottom: 5px }
.tCat a { color: black; text-decoration: none;}
.tCat a:hover  { color: #fe3000; text-decoration: none }
.filetbas { border-bottom: 1px solid #c6c9ca }
.plusProduit  { margin: 5px; padding: 5px; border: dotted 2px #c00 }
.conseilYale   { color: white; background-color: #69b63b; margin: 5px; padding: 5px }
.LesOptions  { color: black; font-weight: bold; font-size: 11px; font-family: Verdana, sans-serif; background-color: #fbcd00; margin: 5px; padding: 5px }
.surligne { background-color: #fce996 }


/* Nav haut */

#nav     { font-size: 10px; font-family: Verdana, Arial, sans-serif; text-align: left; margin: 0px; border-right: 1px solid #c6c9ca; border-left: 1px solid #c6c9ca; width: auto; height: auto; display: block }

#nav .item a      { color: #696969; float: left; margin: 0px 3px; padding: 2px 6px 3px; border-right: 1px solid #c6c9ca; border-bottom: 1px solid #c6c9ca; border-left: 1px solid #c6c9ca; display: block }

#nav .item a:hover, #nav .item a:active   { color: #fe3000; background-color: #f6f1c3; border-right: 1px solid #fbcd00; border-bottom: 1px solid #fbcd00; border-left: 1px solid #fbcd00; display: block }

#nav .itemSelec     { color: #fe3000; background-color: #fbcd00; float: left; margin: 0px 3px; padding: 2px 6px 3px; border-right: 1px solid #c6c9ca; border-bottom: 1px solid #c6c9ca; border-left: 1px solid #c6c9ca; display: block }
#nav .last {
border-bottom: 1px solid #e1e1e1;
}



.contenu2  { font-size: 11px; font-family: Verdana, sans-serif; padding-right: 10px; padding-left: 10px }
.actu      { font-size: 11px; line-height: 16px; clear: both; margin-left: 10px; padding-top: 10px }
.actu a  { color: #1d3671; text-decoration: none; border-bottom: 1px dotted #1d3671 }
.actu a:hover  { color: #900; border-bottom: 1px dotted #900 }


.titreParag      { color: black; font-weight: normal; font-size: 12px; 
font-family: "Arial Black", sans-serif; background-color: #f6f1d8; margin-top: 10px; margin-bottom: 5px; margin-left: -10px; padding: 1px 5px; border-bottom: 1px solid #fbcd00 }
.introParag    { color: #444; font-weight: bold; font-size: 12px; line-height: 17px; font-family: Verdana, sans-serif }

/* paragraphes */
.actuphoto       { font-size: 9px; background-color: white; text-align: center; float: left; clear: both; margin-right: 5px; padding: 2px; border: solid 1px gray }
.actuphoto2 { font-size: 9px; background-color: white; text-align: center; float: left; clear: both; margin-right: 5px; padding: 2px; border: solid 1px white }
.actuphotod    { font-size: 9px; background-color: white; text-align: center; float: right; clear: both; margin-left: 5px; padding: 2px; border: solid 1px gray }
.actuphotod2 { font-size: 9px; background-color: white; text-align: center; float: right; clear: both; margin-left: 5px; padding: 2px; border: solid 1px white }
.navBouton a    { color: black; font-size: 10px; font-family: Verdana, Arial, sans-serif; text-decoration: none; background-color: #fbcd00; text-align: left; float: left; margin: 2px; padding: 2px; border-style: solid; border-width: 1px; border-color: #fce991 #b49300 #b49300 #fce991; width: auto; height: auto; display: block }

.navBouton a:hover, .navBouton a:active     { color: yellow; text-decoration: none; background-color: #222; border-style: solid; border-width: 1px; border-color: black #7d7d7d #7d7d7d black; display: block }

.v11  { font-size: 11px; font-family: Verdana, sans-serif; }
.printOff {  }
#motcles   { font-size: 9px; line-height: 9px; font-family: Arial, Tahoma, Verdana, sans-serif; margin: 0px; padding: 5px 0px 0px 12px }
#motcles a { text-decoration: none }


#navbar         { font-size: 10px; line-height: 15px; font-family: Verdana; text-align: center }
#navbar img { margin: 0; padding: 0 }
#navbar a  { text-decoration: none }
#navbar .active    { background: url(../im/OnglOn.gif) repeat-x; float: left; margin: 0; padding: 6px 8px 0; height: 30px; display: block }

#navbar .inactive    { background: url(../im/OnglOff.gif) repeat-x; float: left; margin: 0; padding: 6px 8px 0; height: 30px; display: block }
#navbar .inactive a:link  { color: #707070 }
#navbar .inactive a:visited { color: #707070 }
#navbar .inactive a:hover { color: #fe3000 }
#navbar #filetnav     { background: url(../im/OnglFilet.gif) no-repeat; float: left; margin: 0; padding: 0; width: 1px; height: 30px; display: block }
#navbar #gauchenav     { background: url(../im/OnglGau.gif) no-repeat; float: left; margin: 0; padding: 0; width: 8px; height: 30px; display: block }
#navbar #droitenav { background: url(../im/OnglDroi.gif) no-repeat; float: left; margin: 0; padding: 0; width: 10px; height: 30px; display: block }
#navbar1     { text-align: center; clear: both; padding-bottom: 25px }