html, body, table, tr, td, li, form, input, select, textarea, div, span, img, a, b, p, h1, h2, h3, h4 {font-family: Arial, Helvetica, sans-serif;}
html, body, form {
margin: 0px;
padding: 0px;
}
body
{
background-color: #fff;
background-image:url('../../images/back_striped.gif');
color: #000;
font-size: 76%;
}
table, th, td, input, select { font-size: 100%; }
h1 {
color: #425B81;
margin: 0px;
padding: 0.5em;
font-size: 1.5em;
font-weight:bold;
}
h2 {
color: #425B81;
font-size: 1.1em;
font-weight:bold;
vertical-align:middle;
margin: 0px;
padding: 0px;
}
h3 {
font-size: 1em;
font-weight:normal;
margin: 0px;
padding: 0px;
}
h4 {
font-size: 0.9em;
font-weight:normal;
margin-top: 0px;
padding: 0px;
}
img {
border: 0px;
}
p {
clear:both;
font-size: 1em;
}
td {
font-size: 1em;
}
a {
text-decoration: none;
color:#333333;
}
a:link {
text-decoration: none;
color:#333333;
}
a:visited {
text-decoration: none;
color:#333333;
}
a:hover {
text-decoration: underline;
color:#333333;
}
textarea {
color:#000000;
border: solid 1px #828282;
background-color:#FFF;
font-weight: normal;
padding:1px;
border-spacing : 1px;
width: 100%;
font-size:1em;
}
input {
color:#000000;
/*border: solid 1px #828282;*/
background-color:#FFF;
}
.bouton_ok{
background-image:url('images/ok.png');
background-repeat:no-repeat;
width:25px;
height:22px;
border:0px;
}
select {
color:#000000;
border: solid 1px #828282;
background-color:#FFFFFF;
}
.droite {
text-align: right;
padding-left: 0px;
}
.bold {
font-weight:bold;
}
/* Header */
div.header{
background-color:transparent;
background-repeat:no-repeat;
width:990px;
height:140px;
}
div.header ul {
margin: 0.3em;
padding: 0.3em;
}
div.header ul li {
background-color:#fff;
display: inline;
float: left;
list-style: none;
}
div.header ul li.publicite {
text-align:right;
}
/* Total */
div#head
{
color: #000000;
padding: 0px;
margin: 0 auto;
overflow: hidden;
text-align: left;
width: 990px;
}
div#total
{
clear:both;
background: #ffffff;
color: #000000;
margin: 0 auto;
overflow: hidden;
text-align: left;
width: 990px;
}
/* Top Menu */
div#topmenu {
text-align: right;
background-color: #000000;
}
div#topmenu ul {
list-style : none;
margin: 0px;
padding: 0.5em 0 0 0;
}
div#topmenu li {
border-left: 1px solid #ddd;
display: inline;
padding: 0 0.5em 0 0.6em;
}
div#topmenu li.first {
border-left: 0px;
padding: 0 0.5em 0 0.6em;
}
div#topmenu li.last {
border-left: 1px solid #ddd;
padding: 0 0.5em 0 0.6em;
}
/* Header */
/* Menu1 */
div#menu1 {
clear: both;
color: #fff;
font-size: 100%;
overflow: hidden;
width: 100%;
background-color: #000000;
}
div#menu1 ul {
margin: 0px;
padding: 0px;
}
div#menu1 ul li {
border-right: 1px solid #fff;
color: #fff;
display: inline;
float: left;
list-style: none;
background-color: #000000;
}
div#menu1 ul li a {
color: #fff;
display: block;
padding: 0.3em 1em 0.3em 1em;
text-decoration: none;
background-color: #000000;
}
div#menu1 ul li a:hover {
color: #fff;
text-decoration: underline;
background-color: #666666;
}
div#menu1 ul li.active {
color: #000;
padding: 0.3em 1em 0.3em 1em;
background-color: #000000;
}
/* Fil d'Ariane */
div#ariane {
float:left;
width:980px;
}
div#ariane p {
text-align: right;
margin-top:0px;
margin-bottom:10px;
}
div#ariane span {
text-align: right;
color:green;
}
div#compte p {
margin-bottom:0px;
padding-left:10px
}
/* Menu 3 */
/* cadre */
.cadre{
width:195px;
margin:0px 0px 5px 0px;
padding: 0px;
}
.cadre .header {
background-image:url('images/cadre-gauche_01.gif');
background-repeat:no-repeat;
width:195px;
height:30px;
padding:0 0 0 0;
}
.cadre .header h2{
color:#fff;
font-weight:bold;
font-size:13px;
padding-top:5px;
padding-left:5px;
}
.cadre .content_menu{
background-image:url('images/cadre-gauche_02.gif');
background-repeat:repeat-y;
width:190px;
font-size:11px;
color:#000;
padding:1px 3px 0px 5px;
}
.cadre .espace_gauche{
padding-left:5px;
}
.cadre .espace_droite{
padding-left:5px;
}
.cadre p{
padding: 0px;
margin: 0px;
}
.cadre h3{
background-image:url('images/separateur_gris.gif');
background-repeat:no-repeat;
color:black;
font-size:11px;
font-weight:bold;
line-height:24px;
width:195px;
}
.cadre ul{
padding: 0px;
margin: 0px;
}
.cadre li{
list-style:none;
}
.cadre .footer {
background-image:url('images/cadre-gauche_03.gif');
background-repeat:no-repeat;
width:195px;
height:11px;
}
/*fin cadre */
div#menu3 h3 {
margin: 0px;
padding: 0px;
}
div#menu3 ul {
margin: 0px;
padding:0px;
}
/* Content */
/* deux colonnes : colonne menu droite, voir right.css */
/* trois colonnes : colonne menu droite et menu gauche, voir left_right.css */
/* Tableaux avec les produits */
table.produits {
/*border: 1px dotted #000;*/
border-top: 0px;
border-bottom: 0px;
margin: 0.2em;
width: 99%;
}
/* Produits sur deux colonnes */
td.produit2col {
/*border-bottom: 1px dotted #000;*/
padding: 0.4em;
vertical-align: top;
width: 50%;
}
.bordure {
/*border-right: 1px dotted #000;*/
}
td.produit2col img {
/*float: left;*/
}
td.produit2col div.zoom {
/*float: left;*/
}
td.produit2col div.zoom p {
/*margin: 0px;
text-align: center;*/
}
p.flash{
color:#dd0000;
font-weight:bold;
}
.retour {
clear: both;
}
p.retour img {
float: none;
}
.alignerimage {
vertical-align: middle;
}
/* Enregistrement Début */
div.enregistrement {
float:left;
width: 500px;
background: #ffffff;
margin: 0px;
padding: 5px;
}
div.enregistrement span.enregistrement{
width: 500px;
margin: 0px;
}
div.enregistrement span.enregistrementgauche {
float: left;
margin: 0px;
width: 130px;
padding-right: 10px;
}
div.enregistrement span.enregistrementdroite {
float: left;
margin: 0px;
width: 320px;
}
form#entryform p {
text-align: left;
}
form#entryform span input.champtexte {
width:250px;
}
form#entryform fieldset {
border: 1px solid #ddd;
width:500px;
}
form#entryform textarea {
width: 250px;
height:30px;
}
.notice, .etoile {
color:#990000;
font-weight:bold;
font-size:0.9em;
}
.left {
text-align: left;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
/* Tableau minicaddie*/
table.minicaddie {
width: 100%;
}
table.minicaddie td {
border-bottom: solid 1px #ddd;
padding: 0.1em;
}
table.minicaddie td.final {
font-weight:bold;
color:#990000;
}
table.minicaddie caption {
background: #425B81;
color: #fff;
font-weight: bold;
text-align: left;
}
/* Tableau caddie et historique des commandes */
table.caddie {
width: 98%;
}
table.caddie td {
border-bottom: solid 1px #ddd;
padding: 0.1em;
}
table.caddie th {
border-bottom: solid 1px #ddd;
padding: 0.1em;
}
table.caddie caption {
background: #425B81;
color: #fff;
font-weight: bold;
text-align: left;
}
.listeprod {
text-align: left;
}
div.totalcaddie p {
padding-right: 1em;
text-align: left;
}
div.totalcaddie ul {
list-style : none;
margin: 0px;
padding: 0.5em 0 0.5em 0;
}
div.totalcaddie li {
border-left: 1px solid #ddd;
display: inline;
padding: 0 0.5em 0 0.6em;
}
div.totalcaddie li.premier {
border-left: 0px;
padding: 0 0.5em 0 0.6em;
}
div.totalcaddie li.dernier {
border-left: 1px solid #ddd;
padding: 0 0.5em 0 0.6em;
}
.boutoncaddie ul {
list-style : none;
margin: 0px;
padding: 0.5em 0 0.5em 0;
}
.boutoncaddie li {
border-left: 1px solid #ddd;
display: inline;
padding: 0 0.5em 0 0.6em;
}
/* Menu2 */
div#menu2 {
/*
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
*/
/* deux colonnes : colonne menu droite, voir right.css */
}
div#menu2 ul {
margin: 1em;
padding: 0px;
}
div#menu2 ul li {
list-style-type: none;
padding: 0.1em 0 0.1em 0;
}
div#menu2 li a {
text-decoration: none;
}
div#menu2 li a:hover {
color: #666;
background: #fff;
text-decoration: underline;
}
/* Footer */
div#footer {
clear: both;
width: 100%;
}
div#footer ul {
list-style : none;
margin: 0px;
padding: 0.5em 0 0.5em 0;
}
div#footer li {
border-left: 1px solid #ddd;
display: inline;
padding: 0 0.5em 0 0.6em;
}
div#footer li.first {
border-left: 0px;
padding: 0 0.5em 0 0.6em;
}
div#footer li.last {
border-left: 1px solid #ddd;
padding: 0 0.5em 0 0.6em;
}
/*maryline page change_mot_pass_form*/
.changepass {
background: #fff;
border: 1px solid #ddd;
color: #000;
float: left;
margin: 0.2em 0 0.5em 0;
padding: 0.3em 0 0.2em 0;
width: 98%;
}
/*maryline page change_param_form*/
.changeparam {
background: #fff;
border: 1px solid #ddd;
color: #000;
float: left;
margin: 0.2em 0 0.5em 0;
padding: 0.3em 0.2em 0.2em 0.2em;
}
.changeparamgauche {
background: #fff;
color: #000;
float: left;
margin: 0.2em 0 0.5em 0;
padding: 0.2em 0 0.2em 0;
width: 278px;
}
.changeparamdroite {
background: #fff;
color: #000;
float: left;
margin: 0.2em 0 0.5em 4px;
padding: 0.2em 0 0.2em 0;
width: 278px;
}
.changeparam2 {
background: #fff;
color: #000;
float: left;
margin: 0.2em 0 0.5em 0;
padding: 0.3em 0 0.2em 0;
}
.formulaire-param {width:150px;}
/*maryline page historique_commande_liste*/
div#commande {
background: #425B81;
clear: both;
color: #fff;
font-size: 100%;
overflow: hidden;
width: 100%;
height:30px;
}
div#commande ul {
margin: 0px;
padding: 0px;
height:30px;
}
div#commande ul li {
background: #425B81;
color: #fff;
display: inline;
list-style: none;
line-height:10px;
}
div#commande1 {
clear: both;
color: #000000;
font-size: 100%;
overflow: hidden;
width: 100%;
height:30px;
}
div#commande1 ul {
margin: 0px;
padding: 0px;
height:30px;
}
div#commande1 ul li {
color: #000000;
display: inline;
list-style: none;
line-height:10px;
}
/* maryline page step1 */
.stepgauche {
background: #fff;
color: #000;
float: left;
margin: 0.2em 0 0.5em 0;
padding: 0.2em 0 0.2em 0;
width: 270px;
}
.stepdroite {
background: #fff;
color: #000;
float: left;
margin: 0.2em 0 0.5em 4px;
padding: 0.1em 0 0.2em 0;
width: 270px;
}
form#entryformstep p {
text-align: left;
}
form#entryformstep fieldset {
border: 1px solid #dddddd;
}
form#entryformstep legend {
color:#000000;
font-weight:bold;
}
form#entryformstep p.droite {
text-align: right;
}
form#entryformstep textarea {
width: 98%;
}
form#entryformstep p.boutonenregistrement {
clear: both;
}
fieldset {border:1px solid #dddddd;color:#000000;}
legend {color:#000000;font-weight:bold;}
.formulaire-achat {width:140px;}
/* achat/index.php */
.achatgauche {
background: #ff0000;
border: 1px solid #ddd;
color: #000;
float: left;
margin-top: 0.5em;
min-height: 260px;
padding-top: 0.5em;
width: 250px;
}
.achatdroite {
background: #fff;
border: 1px solid #ddd;
color: #000;
float: left;
margin: 0.5em 0 0 4px;
min-height: 260px;
padding-top: 0.5em;
width: 250px;
}
/*caddie.php */
th.caddie{
background: #425B81;
color : #ffffff;
}
ul.caddie {text-align:center;}
.caddie_red {color : #ff0000; font-weight:bold;}
p.caddie_bold {color : #000000; font-weight:bold;text-align: left;}
div#choix_zone p{
text-align: left;
}
/*step2 */
.step2 {
background: #fff;
color: #000;
float: left;
margin: 0.2em 0 0.5em 0;
padding: 0.2em 0 0.2em 0;
width: 98%;
}
#step2caddie {
background: #fff;
color: #000;
float: left;
margin: 0.2em 0 0.5em 0;
padding: 0.2em 0 0.2em 0;
width: 98%;
text-align:right;
}
div#center {text-align:center;}
#center img{
border:0px;
}
div#left {text-align:left;}
/*achat/produit_details.php */
.produit_detail_gauche {
background: #fff;
border: 1px solid #ddd;
float: left;
margin: 0.2em 0 0.5em 0;
padding: 0.2em 0 0.2em 0;
width: 278px;
}
.produit_detail_droite {
background: #fff;
border: 1px solid #ddd;
float: left;
margin: 0.2em 0 0.5em 4px;
padding: 0.2em 0 0.2em 0;
width: 278px;
}
div.produit_detail_droite p {text-align:left;}
div.produit_detail_gauche p {text-align:center;}
.produit_detail_img3 {
background: #fff;
border: 1px solid #ddd;
float: left;
margin: 0.2em 0 0.5em 0;
padding: 0.2em 0 0.2em 0;
width: 278px;
text-align:center;
}
.produit_detail_img4 {
background: #fff;
border: 1px solid #ddd;
float: left;
margin: 0.2em 0 0.5em 4px;
padding: 0.2em 0 0.2em 0;
width: 278px;
text-align:center;
}
div ul.produit_detail {
background: #ffffff;
float: left;
width: 33%;
margin: 0.5em 0 0.5em 0;
padding: 0px;
}
div ul.produit_detail li {
list-style-type: none;
padding: 0 0 0 0.5em;
}
input img {
border:0px;
}
/* utilisateurs/contact */
#contact table{
padding:1em;
}
#contact textarea{
width: 90%;
}
#contact input{
width: 90%;
}
#contact .bouton{
width:125px;
color:#000000;
border: solid 1px #828282;
background-color:#FFF;
font-weight: normal;
padding:1px;
border-spacing : 1px;
}
#contact .gauche{
width: 25%;
}
#contact .droite{
width: 75%;
}
/* fonction colonne */
#colonne {
text-align:center;
}
/* Module publicité */
#publicite {
text-align:center;
}
/* Module nuage de tag */
#nuage {
text-align: justify;
position:relative;
line-height:25px;
padding: 0.5em;
}
#nuage a {text-decoration:none}
#nuage a.level0 {font-size:9px; color:#BFBFBF;}
#nuage a.level1 {font-size:9px; color:#B8C9D6;}
#nuage a.level2 {font-size:10px; color:#668AA8;}
#nuage a.level3 {font-size:10px; color:#47657B;}
#nuage a.level4 {font-size:11px; color:#E76300;}
#nuage a.level5 {font-size:11px; color:#685C65;}
#nuage a.level6 {font-size:12px; color:#8C524D;}
#nuage a.level7 {font-size:13px; color:#B44732;}
#nuage a.level8 {font-size:14px; color:#E53A11;}
#nuage a.level9 {font-size:15px; color:#E76300; font-weight: bold}
#nuage a.level10 {font-size:17px; color:#FF3300; font-weight: bold}
#nuage a:hover {color: white; background-color: #668AA8;}
/* Affichage des produits en ligne */
.col_flash {
width: 550px;
float: left;
color:#dd0000;
font-weight:bold;
}
.col1 {
width: 550px;
height:20px;
padding-top:5px;
padding-left:5px;
float: left;
border-top:1px solid #C7C7C7;
border-bottom:1px solid #C7C7C7;
}
.col1_nom {
width: 49%;
height:20px;
float: left;
margin-left:0.5em;
}
.col1_prix {
width: 49%;
height:20px;
float: left;
text-align:right;
}
.espace_prod {
width: 550px;
float: left;
height:10px;
}
.col2 {
width: 160px;
padding-top: 10px;
padding-bottom: 2px;
float: left;
border:1px solid #C7C7C7;
}
.col3 {
width: 385px;
padding-top: 10px;
padding-bottom: 2px;
padding-left:5px;
float: left;
}
.col4 {
width: 550px;
float: left;
}
div.col_zoom {
width:160px;
text-align:center;
font-weight:normal;
font-size:1em;
}
div.col_zoom a {
font-weight:normal;
font-size:1em;
text-decoration:none;
}
.col_zoom:link,.zoom:visited, .zoom:active {
font-weight:normal;
font-size:1em;
text-decoration:none;
}
.col_zoom:hover {
font-weight:normal;
font-size:1em;
text-decoration:underline;
}
div.col_detail {
float: left;
background-image:url('images/bouton_fond.png');
background-repeat:no-repeat;
width:133px;
height:27px;
text-align:center;
font-weight:normal;
color:#fff;
font-size:1em;
}
.col_detail:link, .col_detail:visited, .col_detail:active{
font-weight:normal;
color:#fff;
font-size:1em;
text-decoration:none;
}
.col_detail:hover {
font-weight:normal;
color:#fff;
font-size:1em;
text-decoration:underline;
}
.espace_haut {
padding-top:10px;
}
/* Page catalogue */
table.fc {
background-color:#fff;
width:260px;
}
td.fc_titre_produit {
background-color:#fff;
width:260px;
font-size : 1em;
font-weight:bold;
border-top:1px solid #C7C7C7;
}
td.fc_prix {
text-align:right;
border-top:1px solid #C7C7C7;
height:25px;
font-weight:bold;
color:#cc0000;
font-size:1em;
}
td.fc_flash {
text-align:center;
border-top:1px solid #C7C7C7;
font-weight:bold;
color:#cc0000;
font-size:1em;
}
td.fc_descriptif {
color:#000;
font-size:1em;
text-align:justify;
height:25px;
}
td.fc_image {
border:1px solid #C7C7C7;
width:260px;
height:260px;
text-align:center;
vertical-align:middle;
}
td.fc_zoom {
background-image:url('images/fc_fond.png');
background-repeat:no-repeat;
width:130px;
height:25px;
text-align:center;
font-weight:bold;
font-weight:normal;
color:#fff;
font-size:1em;
}
td.fc_zoom a{
font-weight:normal;
color:#fff;
font-size:1em;
text-decoration:none;
}
.zoom:link,.zoom:visited, .zoom:active{
font-weight:normal;
color:#fff;
font-size:1em;
text-decoration:none;
}
.zoom:hover{
font-weight:normal;
color:#fff;
font-size:1em;
text-decoration:underline;
}
td.fc_detail {
background-image:url('images/fc_fond.png');
background-repeat:no-repeat;
width:130px;
height:25px;
text-align:center;
font-weight:normal;
color:#fff;
font-size:1em;
}
.plus_detail:link, .plus_detail:visited, .plus_detail:active {
font-weight:normal;
color:#fff;
font-size:1em;
text-decoration:none;
}
.plus_detail:hover {
font-weight:normal;
color:#fff;
font-size:1em;
text-decoration:underline;
}
/* Page catalogue */
table.fp {
background-color:#fff;
width:556px;
}
td.fp_produit {
width:278px;
height:278px;
background-color:#FCFCFC;
font-size : 1em;
font-weight:normal;
color:#000;
vertical-align:top;
}
td.fp_image_grande {
width:278px;
height:278px;
font-weight:bold;
color:#000;
font-size:1em;
text-align:center;
vertical-align:middle;
border:1px solid #C7C7C7;
}
td.fp_descriptif {
color:#000;
font-size:1em;
text-align:justify;
height:25px;
}
td.fp_image {
width:556px;
text-align:center;
vertical-align:middle;
}
td.fp_descriptif {
width:556px;
text-align:justify;
}
td.fp_ami {
background-color:#fff;
border:1px solid #C7C7C7;
width:556px;
text-align:left;
}
span.titre_produit {
color: #425B81;
font-size: 1.1em;
font-weight:bold;
}
p.prix {
font-weight:bold;
color:#cc0000;
font-size:1em;
}
p.notice {
color:#cc0000;
font-size:1em;
text-decoration:none;
}
.notice:link, .notice:visited, .notice:active {
color:#cc0000;
font-size:1em;
text-decoration:none;
}
.notice:hover {
color:#cc0000;
font-size:1em;
text-decoration:underline;
}
span.prix {
font-weight:bold;
color:#cc0000;
font-size:1em;
}
span.ecotaxe {
font-weight:normal;
color:#000;
font-size:0.9em;
}
/* affiche_produit_colonne new */
#top {
width:190px;
margin: 0px;
padding: 0px;
}
#top h3 {
/*background-image:url('images/separateur_arrow.gif');
background-repeat:no-repeat;*/
color:black;
font-size:11px;
font-weight:bold;
line-height:24px;
width:195px;
padding-left:0px;
margin-left:-5px;
}
#top p {
padding: 0px;
margin: 0px;
text-align:center;
}
.bouton {
background-image:url('images/bouton_fond.png');
background-repeat:no-repeat;
color:#fff;
width:133px;
height:27px;
text-align:center;
padding-top:0.3em;
font-size:1em;
}
.bouton:link, .bouton:visited, .bouton:active {
color:#fff;
font-size:1em;
}
.bouton:hover {
background-image:url('images/bouton_fond.png');
background-repeat:no-repeat;
color:#fff;
width:133px;
height:27px;
text-align:center;
text-decoration:none;
font-size:1em;
}
.clicbouton {
background-image:url('images/bouton_fond.png');
background-repeat:no-repeat;
color:#fff;
width:133px;
height:27px;
text-align:center;
font-size:1em;
border:0px;
padding-bottom:0.6em;
}
#content h2 {
color: #425B81;
background-color:#f7f7f7;
border-bottom:1px solid #425B81;
font-size: 1.1em;
font-weight:bold;
vertical-align:middle;
}
.blanc:link {color:#ffffff;}
.blanc:visited {color:#ffffff;}
.blanc:hover {color:#ffffff; text-decoration:none;}
/* scroller modules/menus/fonctions.php */
#pscroller1{
width: 90%;
height: 150px;
padding: 5px;
/*border: 1px solid black;
background-color: lightyellow;*/
}
/* Modification de la taille des images dans le cadre publicite de la page bas.php*/
.ImgPub img{
width:180px;
height:76px;
}