body { margin:0; background: #dcf0fb url(../../media/xx/navig/fond.gif) top repeat-y; } body, td { font: 13px Arial, Helvetica, sans-serif; color:#A3A3A3; /*line-height:138%*/} h1 {font-size:15px; color:#2580C9 } h2 {font-size:14px } h3 {font-size:13px } a { text-decoration: none; color:#2580C9; } a:hover { text-decoration: underline;} .bleu { color: #3482C0;} .prix_rouge { font-size: 14px; font-weight: bold; color: #990000;} .prix_gris { font-size: 13px; } .s-font-erreur { color:#cc0000; font-weight: bold;} .s-font-ok { color:#009900; font-weight: bold; } .centrer { margin-left:auto; margin-right:auto; text-align: center;} label { color:#A3A3A3; } .obligatoire { color: #A3A3A3; } input.texteform, textarea.texteform { border:#cdc2bc inset 1px; padding:2px; width: 80%; background-color: #E8F5FC} input.submitform { border:#f2eeed outset 1px; background-color: #f2eeed; color:#000 } table.site { width:1200px; border: none; } table.site td { padding: 0 } /*--- Page -----------*/ #contenu-page { /*padding:0 5px 5px 5px;*/ } #contenu-page-popup { padding:80px 5px 5px 5px; } #page { min-height:420px; vertical-align:top; padding: 10px 0px 10px 0px; } #page h1.titrepage { color:#2580C9; text-align:center; margin:5px 0; } /*#contenu-page a { color: #2580C9 }*/ /* --- Bandeau / Menu haut --- */ #bandeau { height: 150px; background: url(../../media/fr/navig/bandeau.jpg) top center no-repeat; vertical-align: top; } /*--- Menu secondaire (haut) -----*/ #bandeau #menu-sec { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#B2D0EA; font-size: 10px; float: right; margin: 5px;} #bandeau #menu-sec a.select0 { color: #7E7E7E; text-decoration: none; } #bandeau #menu-sec a.select0:hover { text-decoration: underline; } #bandeau #menu-sec a.select1 { color: #7E7E7E; text-decoration: underline; } #bandeau #menu-sec a.select1:hover { text-decoration: none; } /* --- Menu --- */ #menu { height: 39px; background: url(../../media/xx/navig/fond_menu.gif) repeat-x; } #menu td { padding: 2px 55px; } #menu td.select0 { } #menu td.select0 a { color: #2C638F; padding-left: 8px; background: url(../../media/xx/navig/puce2.gif) no-repeat 0 4px; } #menu td.select1 { background-color: #B5D3EF; } #menu td.select1 a { font-weight: bold; color: #147CB9; padding-left: 8px; background: url(../../media/xx/navig/puce.gif) no-repeat 0 4px; } /* --- partie gauche / center / droite --- */ #partie_gauche { width: 218px; vertical-align: top; } #conteneur_partie_gauche { padding: 10px 25px 10px 3px; } #partie_centre { width: 764px; vertical-align: top; } #partie_droite { width: 218px; vertical-align: top; } #conteneur_partie_droite { padding: 10px 3px 10px 25px; } /*--- Rechercher -----*/ div.rechercher { color:#3482C0; text-align: center; } div.rechercher form { display: inline; } div.rechercher input.texte { margin: 5px 0; padding:1px; width:140px; border:#7f9db9 solid 1px; height: 17px; font-size: 12px; } div.rechercher .ok { /*display:inline-block; margin-left:5px;*/ vertical-align: middle; } div.resultat-recherche-entete { border-bottom:#514d42 dotted 1px; padding-bottom:4px; margin-bottom:5px; } div.resultat-recherche-entete h2 { color:#514d42; font-size:1.1em; margin: 0 } div.resultat-recherche-liste { clear:both; padding-left:20px; margin-bottom:20px; } div.resultat-recherche-liste a { background: url(../../media/xx/navig/puce.gif) no-repeat; background-position: 1px 5px; padding-left: 9px; } div.resultat-recherche-liste .score { color: #696969; font-size:10px; } /* --- menu gauche / Catalogue --- */ div.catalogue_entete { width: 178px; height: 35px; background: url(../../media/xx/navig/fond_catalogue_1.gif) top center no-repeat; text-align: center; line-height: 35px; margin: auto; } div.catalogue_entete a { color: #FFFFFF; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; } div.catalogue_entete a:hover { text-decoration: underline;} div.catalogue_haut { width: 190px; height: 28px; background: url(../../media/xx/navig/fond_catalogue_2.jpg) top center no-repeat; margin-top: 2px; } div.catalogue_milieu { width: 190px; background-color: #CCE7F8; } div.catalogue_bas { width: 190px; height: 28px; background: url(../../media/xx/navig/fond_catalogue_3.jpg) top center no-repeat; } #menu-gauche-catalogue { width: 170px; margin: auto; display: block; } #menu-gauche-catalogue a.niv1_select0 { display:block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #387494; font-weight: normal; text-decoration: none; } #menu-gauche-catalogue a.niv1_select0:hover { text-decoration: underline; } #menu-gauche-catalogue a.niv1_select1 { display:block; color: #006699; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; padding-left: 10px; background: url(../../media/xx/navig/puce2.gif) no-repeat; background-position: 0px 5px; text-decoration: none; } #menu-gauche-catalogue a.niv1_select1:hover { text-decoration: underline; } #menu-gauche-catalogue a.niv2_select0 { display:block; margin-left: 8px; margin-top: 1px; padding-left: 2px; background-color: #E4F3FC; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; font-weight: normal; text-decoration: none; } #menu-gauche-catalogue a.niv2_select0:hover { text-decoration: underline; } #menu-gauche-catalogue a.niv2_select1 { display:block; margin-left: 8px; margin-top: 1px; padding-left: 2px; background-color: #4995DA; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; font-weight: bold; text-decoration: none; } #menu-gauche-catalogue a.niv2_select1:hover { text-decoration: underline; } /* --- menu gauche / A la une --- */ div.alaune_entete { width: 178px; height: 35px; background: url(../../media/xx/navig/fond_alaune_1.gif) top center no-repeat; text-align: center; line-height: 35px; margin: auto; color: #FFFFFF; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; } div.alaune_haut { width: 190px; height: 28px; background: url(../../media/xx/navig/fond_alaune_2.jpg) top center no-repeat; margin-top: 2px; } div.alaune_milieu { width: 190px; background-color: #CDF8EE; text-align: center; overflow: hidden; } div.alaune_milieu a { color: #006699; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; padding-left: 10px; background: url(../../media/xx/navig/puce2.gif) no-repeat; background-position: 0px 5px; text-decoration: none; } div.alaune_milieu a:hover { text-decoration: underline; } div.alaune_milieu .prix_promo { font-size: 12px; font-weight: bold; color: #990000;} div.alaune_milieu .prix { font-size: 12px; } div.alaune_milieu div.ajouter_panier { width:120px; height: 18px; background-color: #ea831c; border: #fff solid 1px; margin: auto; } div.alaune_milieu div.ajouter_panier a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; padding: 0; background: none; line-height: 16px; } div.alaune_milieu div.ajouter_panier a:hover { text-decoration: underline; } div.alaune_bas { width: 190px; height: 28px; background: url(../../media/xx/navig/fond_alaune_3.jpg) top center no-repeat; } /* --- menu droite / Panier --- */ div.votrepanier_entete { width: 178px; height: 35px; background: url(../../media/xx/navig/fond_panier_1.gif) top center no-repeat; text-align: center; line-height: 35px; margin: auto; } div.votrepanier_entete a { color: #FFFFFF; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; } div.votrepanier_entete a:hover { text-decoration: underline;} div.votrepanier_haut { width: 190px; height: 28px; background: url(../../media/xx/navig/fond_panier_2.jpg) top center no-repeat; margin-top: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; font-weight: bold; line-height: 28px; } div.votrepanier_haut .prix { color:#000033; } div.votrepanier_milieu { width: 190px; background-color: #7DB6EB; margin-top: 1px; text-align: center; } div.votrepanier_milieu div.voir_panier { width:90px; height: 18px; background-color: #d2e7f9; border: #fff solid 1px; margin-top: 4px; margin: auto; } div.votrepanier_milieu div.voir_panier a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #006699; text-decoration: none; padding: 0; background: none; line-height: 16px; } div.votrepanier_milieu div.voir_panier a:hover { text-decoration: underline; } div.votrepanier_milieu div.commander { width:90px; height: 18px; background-color: #307ac5; border: #fff solid 1px; margin-top: 6px; margin: auto; } div.votrepanier_milieu div.commander a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fff; text-decoration: none; padding: 0; background: none; line-height: 16px; } div.votrepanier_milieu div.commander a:hover { text-decoration: underline; } div.votrepanier_bas { width: 190px; height: 28px; background: url(../../media/xx/navig/fond_panier_3.jpg) top center no-repeat; } /* --- menu droite / Spécialités --- */ div.specialites_entete { width: 178px; height: 35px; background: url(../../media/xx/navig/fond_specialites_1.gif) top center no-repeat; text-align: center; line-height: 35px; margin: auto; color: #FFFFFF; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; } div.specialites_haut { width: 190px; height: 28px; background: url(../../media/xx/navig/fond_specialites_2.jpg) top center no-repeat; margin-top: 2px; } div.specialites_milieu { width: 190px; background-color: #f2d19e; } div.specialites_bas { width: 190px; height: 28px; background: url(../../media/xx/navig/fond_specialites_3.jpg) top center no-repeat; } #menu-droite-specialite { width: 170px; margin: auto; display: block; } #menu-droite-specialite a.niv1_select0 { display:block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #387494; font-weight: normal; text-decoration: none; } #menu-droite-specialite a.niv1_select0:hover { text-decoration: underline; } #menu-droite-specialite a.niv1_select1 { display:block; color: #006699; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; padding-left: 10px; background: url(../../media/xx/navig/puce2.gif) no-repeat; background-position: 0px 5px; text-decoration: none; } #menu-droite-specialite a.niv1_select1:hover { text-decoration: underline; } /* --- menu droite / Promotion --- */ div.promotion_entete { width: 178px; height: 35px; background: url(../../media/xx/navig/fond_promotion_1.gif) top center no-repeat; text-align: center; line-height: 35px; margin: auto; } div.promotion_entete a { color: #CC6600; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; } div.promotion_entete a:hover { text-decoration: underline;} div.promotion_haut { width: 190px; height: 28px; background: url(../../media/xx/navig/fond_promotion_2.jpg) top center no-repeat; margin-top: 2px; } div.promotion_milieu { width: 190px; background-color: #fcfba9; text-align: center; overflow: hidden; } div.promotion_milieu a { color: #006699; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; padding-left: 10px; background: url(../../media/xx/navig/puce2.gif) no-repeat; background-position: 0px 5px; text-decoration: none; } div.promotion_milieu a:hover { text-decoration: underline; } div.promotion_milieu .prix_promo { font-size: 12px; font-weight: bold; color: #990000;} div.promotion_milieu .prix { font-size: 12px; } div.promotion_milieu div.ajouter_panier { width:120px; height: 18px; background-color: #ea831c; border: #fff solid 1px; margin: auto; } div.promotion_milieu div.ajouter_panier a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; padding: 0; background: none; line-height: 16px; } div.promotion_milieu div.ajouter_panier a:hover { text-decoration: underline; } div.promotion_milieu div.toutes_promo { width:160px; height: 18px; background-color: #ea831c; border: #fff solid 1px; margin: auto; } div.promotion_milieu div.toutes_promo a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; padding: 0; background: none; line-height: 16px; } div.promotion_milieu div.toutes_promo a:hover { text-decoration: underline; } div.promotion_bas { width: 190px; height: 28px; background: url(../../media/xx/navig/fond_promotion_3.jpg) top center no-repeat; } /*--- Menu sur page -----*/ #menu-page { margin:3px 0; text-align: center } #menu-page div.niveau1 { font-size: 12px; color: #aaa } #menu-page div.niveau1 a.select0 { color:#aaa; padding:1px 3px; } #menu-page div.niveau1 a.select1 { color:#3482C0; padding:1px 3px 1px 8px; background: url(../../media/xx/navig/puce.gif) no-repeat 1px 6px; } #menu-page div.niveau2 { font-size: 11px; color: #aaa } #menu-page div.niveau2 a.select0 { color:#aaa; padding:1px 2px; } #menu-page div.niveau2 a.select1 { color:#3482C0; padding:1px 2px 1px 8px; background:url(../../media/xx/navig/puce.gif) no-repeat 1px 5px; } /*------ Pied (adresse) ------*/ #pied1 { background-color: #b2d5f3; text-align: center; padding: 10px 10px 5px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #307AC3; } #pied1 a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #307AC3; text-decoration: none; } #pied1 a:hover { text-decoration: underline; } /*--- Menu pied (plan) ---*/ #pied2 { background-color: #b2d5f3; text-align: center; padding: 5px 10px; } #pied2 td { text-align: left; padding-right: 80px; font-size:10px; font-family: Arial, Helvetica, sans-serif } #pied2 h2 { font:normal 11px Arial, Helvetica, sans-serif; margin: 0 0 5px 0; color:#4879A4; } #pied2 h2 a { color:#4879A4; text-decoration: none; } #pied2 h2 a:hover { text-decoration: underline; } #pied2 h3 { font:normal 10px Arial, Helvetica, sans-serif; margin: 0; color:#4879A4; } #pied2 h3 a { color:#4879A4; text-decoration: none; } #pied2 h3 a:hover { text-decoration: underline; } /*--- Menu pied (flux+cat) ---*/ #pied3 { background-color: #b2d5f3; text-align: center; padding: 5px 10px; color:#4879A4; font:normal 10px Arial, Helvetica, sans-serif; } #pied3 h2 { display: inline; font:normal 11px Arial, Helvetica, sans-serif; margin: 0 3px 0 0; color:#4879A4; } #pied3 h2 a { color:#4879A4; text-decoration: none; } #pied3 h2 a:hover { text-decoration: underline; } #pied3 h3 { display: inline; font:normal 10px Arial, Helvetica, sans-serif; margin: 0; color:#4879A4; } #pied3 h3 a { color:#4879A4; text-decoration: none; } #pied3 h3 a:hover { text-decoration: underline; } /*--- Menu pied (ugocom) ---*/ #pied4 { background-color: #b2d5f3; text-align: center; padding: 5px 0; } #pied4 a { font-size:10px; color:#4879A4; text-decoration: none; } #pied4 a:hover { text-decoration: underline; } /*--- Plan d'acces ---*/ #adresse2 { display: none;} #map { display: block; } /*--- Plan du site ---*/ h1.plansite { font:bold 12px Arial, Helvetica, sans-serif; line-height:1.7em; margin: 3px 0 0 0; } h2.plansite { font:bold 11px Arial, Helvetica, sans-serif; line-height:1.5em; margin: 0; } h3.plansite { font: 11px Arial, Helvetica, sans-serif; line-height:1.2em; margin: 0;} h1.plansite a { color: #2580C9; } h2.plansite a { color:#2580C9; padding-left: 12px; } h3.plansite a { color:#aaa; padding-left: 25px; }