html, body {
height: 100%;
margin: 0;
margin-top:0px;
margin-bottom:0px;
margin-left: 0px;
margin-right: 0px;
padding: 0;
background: #383838;
}
/*
######################################################
######################################################
######################################################
######################################################
LES DIV / STRUCTURE
######################################################
######################################################
######################################################
*/
div#fondgauche {
z-index: 1;
position:absolute;
height: 100%;
width: 178px;
background: url(gfx/global/fgauche.jpg) fixed top left;
}
#flash_home
{
margin-top:-4px;
}
.texte_accueil_mid a, .texte_accueil_mid
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#767676;
text-decoration:none;
}
.creer_compte a
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#d80610;
text-decoration:none;
}
a.info2
{
position:relative;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#d80610;
font-weight:bold;
margin:10px;
text-align:left;
}
a.info
{
position:relative;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#d80610;
font-weight:bold;
text-align:left;
}
a.info span,a.info2 span
{
display:none;text-align:left;
}
a.info:hover,a.info2:hover
{
background:none;
z-index:500;
cursor:help;
}
a.info:hover span
{
display:inline;
position:absolute;
white-space:nowrap;
margin-top:0px;
margin-left:100px;
color:#767676;text-align:left;
text-decoration:none;
padding:3px;
}
a.info2:hover span
{
display:inline;
position:absolute;
white-space:nowrap;
margin-top:-40px;
margin-left:200px;
color:#767676;text-align:left;
text-decoration:none;
padding:3px;
}
div#fondfond {
z-index: 1;
right: 0px;
top: 0px;
position:absolute;
height: 671px;
width: 100%;
/*background: url(gfx/global/fondfond.jpg) #383838 no-repeat center top;*/
top: 0px;
}
div#global {
position: relative;
z-index: 2;
}
html>body #conteneur {
z-index: 2;
position: relative;
margin: 0 auto;
width: 927px;
min-height: 100%;
border-left: 1px;
border-right: 1px;
border-style:solid;
border-color:#CCCCCC;
border-width:thin;
/*left: 50%;
margin-left: -379px;*/
}
div#haut {
width: 927px;
height: 97px;
background: url(gfx/global/ban.jpg) no-repeat;
}
div#menu {
width: 927px;
}
div#cadre_midel {
width: 927px;
background: url(gfx/global/fond-midel.jpg);
}
div#articles {
}
div#last_article {
width: 287px;
height: 129px;
padding-left: 22px;
padding-right: 10px;
background: url(gfx/midel/fond-last-article.jpg);
}
div#last_produit {
width: 287px;
height: 129px;
padding-left: 22px;
padding-right: 10px;
background: url(gfx/midel/fond_last_produit.jpg);
}
div#backofficecadre_liste {
width: 287px;
height: 129px;
padding-left: 22px;
padding-right: 10px;
background: url(gfx/midel/fond-last-article.jpg);
}
div#backofficecadre_update {
width: 289px;
height: 129px;
padding-left: 22px;
padding-right: 10px;
background: url(gfx/midel/fond-most-article.jpg);
}
div#most_article {
width: 289px;
height: 129px;
padding-left: 22px;
padding-right: 10px;
background: url(gfx/midel/fond-most-article.jpg);
}
div#most_produit {
width: 289px;
height: 129px;
padding-left: 22px;
padding-right: 10px;
background: url(gfx/midel/fond-most-article.jpg);
}
div#new_product {
width: 251px;
padding-left: 15px;
padding-right: 15px;
background: url(gfx/midel/fond-new-product.jpg);
}
.fond_new_product
{background: url(gfx/midel/fond-new-product.jpg);
}
div#newsletter {
width: 251px;
padding-left: 15px;
padding-right: 15px;
background: url(gfx/midel/fond-newsletter.jpg);
}
div#ami {
width: 251px;
padding-left: 15px;
padding-right: 15px;
background: url(gfx/midel/fond-newsletter.jpg);
}
div#ouifm {
width: 251px;
padding-left: 15px;
padding-right: 15px;
background: url(gfx/midel/fond-newsletter.jpg);
}
div#facebook {
width: 251px;
padding-left: 15px;
padding-right: 15px;
background: url(gfx/midel/fond-newsletter.jpg);
}
div#contenu_midel {
width: 610px;
padding-left: 15px;
padding-right: 15px;
color: rgb(102, 102, 102); font-family: arial; font-size: 11px;
}
div#gagnant {
width: 610px;
padding-left: 15px;
padding-right: 15px;
color: rgb(102, 102, 102); font-family: arial; font-size: 11px;
}
div#contenu_midel_last_membre {
width: 610px;
margin:0 auto;
padding-left: 15px;
padding-right: 15px;
}
div#connexion_concours{
width: 610px;
padding-left: 15px;
padding-right: 15px;
}
div#gain {
width: 610px;
padding-left: 15px;
padding-right: 15px;
text-align:left;
color: rgb(102, 102, 102); font-family: arial; font-size: 11px;
}
div#pointfort {
width: 610px;
padding-left: 15px;
padding-right: 15px;text-align:left;
color: rgb(102, 102, 102); font-family: arial; font-size: 11px;
}
div#pointfaible {
width: 610px;
padding-left: 15px;
padding-right: 15px;text-align:left;
color: rgb(102, 102, 102); font-family: arial; font-size: 11px;
}
div#pointfaible p,div#pointfort p
{
margin:0;
padding-top:5px;
padding-bottom:5px;
}
div#contenu_midel_accueil,div#contenu_midel_news,div#contenu_midel_article,div#contenu_midel_phtosmois ,div#contenu_midel_stat ,div#contenu_midel_derniersondageencours,div#contenu_midel_derniersondagetermine,div#contenu_midel_allsondage , div#contenu_midel_accueil_communaute{
width: 610px;
padding-left: 15px;
padding-right: 15px;
}
div#image_article ,div#image_produit
{
float:right;
padding:3px;
}
.fond_midel {
background-image:url(gfx/midel/midel_fond.jpg);
background-position:inherit!important;background-position:center;
/*background: url(gfx/midel/midel_fond.jpg) center;*/
}
div#footer{
background: url(gfx/global/footer.jpg);
padding-top: 5px;
width: 927px;
height: 70px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
}
div#footer a
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
}
div.cadre_produit_accueil
{
width:228px; height:80px;
padding:10px;
border-bottom: 1px solid #b1b1b1;
text-align:left;
vertical-align:text-top;
}
div.titre_produit_accueil,div.titre_produit_accueil a
{
font-weight:bold;color:#d80610; vertical-align:top;height:20px; text-align:left; text-decoration:none;
}
div.description_produit_accueil
{
vertical-align:bottom;
text-align:justify;
}
div.produit_accueil
{
width:150px; height:100px; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
}
div.image_produit_accueil img
{
vertical-align:top;
border:#b1b1b1 2px solid;
}
div.image_produit_accueil
{
padding:2px;
float:right;
height:72px;
width:78px;
}
div.date_accueil
{
background: url(gfx/midel/date_accueil.jpg) no-repeat center top;width:42px; height:40px; text-align:center;
}
.date_accueil_mois
{
font-family: Tahoma; font-size:11px; height:15px;color:#666666; font-weight:lighter;
}
.date_accueil_annee
{
font-family: Arial; font-size:15px; font-weight:bold; color:#666666; vertical-align: bottom;height:25px;padding:5px;
}
.titre_news_accueil
{
font-family:Arial, Helvetica, sans-serif;
color:#d80610;
font-weight:bold;
height:40px;
font-size: 16px;
text-align:left;
}
.contenu_news_accueil
{
text-align:left;
color: rgb(102, 102, 102); font-family: arial; font-size: 11px;
}
.contenu_sauvons
{
color: rgb(102, 102, 102); font-family: arial; font-size: 11px;
}
.ensavoirplus_news_accueil
{
font:Arial, Helvetica, sans-serif; font-size:10px; color:#d80610; font-weight:bold; height:40px;text-align:left;
}
.pagination_news
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
text-decoration:none;
text-align:left;
}
div#envoyer_newsletter a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#d80610;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
div.categorie_liste
{
margin:0 auto;
width:268px;
vertical-align:top;
}
div#image_article
{
padding:2px;
}
div.categorie_titre_categorie
{
font-family:Tahoma;
font-size:11px;
color:#333333;
text-transform: uppercase;
height:20px;
margin:5px;
text-align:left;
}
div.nouveauteproduit_famille_produit
{
font-family:Tahoma;
font-size:11px;
color:#d80610;
font-weight:bold;
text-transform: uppercase;
height:20px;
margin:5px;
text-align:left;
}
.nouveauteproduit_sousfamille_produit
{
font-family:Tahoma;
font-size:11px;
color:#333333;
text-align:left;
text-transform: uppercase;
height:20px;
margin:5px;
text-indent:10px;
}
div#fil_ariane,div#fil_ariane a
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
text-decoration:none;
text-align:left;
}
div.image_membre
{
float:left;
width:110px;
border-right:dashed 1px #999999;
}
div.nouveau_membre
{
height:100px;
}
div.lastpseudo_membre
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#767676;
margin-left:120px;
text-align:left;
}
div.pseudo_membre_anniversaire
{
font-family:Arial, Helvetica, sans-serif;
width:200px;
font-size:12px;
color:#767676;
text-align:left;
}
div.pseudo_membre_anniversaire_right
{
font-family:Arial, Helvetica, sans-serif;
width:200px;
font-size:12px;
float:right;
color:#767676;
text-align:left;
}
div.pseudo_membre
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#767676;
text-align:left;
}
div.pseudo_membre
{
width:300px;
float:left;
}
/*ACCUEIL*/
.accueil_membre_haut
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#666666;
vertical-align:middle;
}
.savoirplus_article_accueil
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#666666;
text-align:right;
}
/*MON HAMA*/
.fond_droite
{
background: url(gfx/midel/fond-mon-hama.jpg);
}
div#mon_hama,div#stat,div#liste_connecte {
margin:0 auto;
padding-left: 15px;
padding-right: 15px;
width:228px;
}
div#nom_connecte,div#nombre_connecte
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#d80610;
font-weight:bold;
text-align:left;
}
.menu_monhama ,.menu_monhama a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#9f9f9f;
text-align:left;
}
#mes_points
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#d80610;
}
/* ARTICLE*/
#article_contenu_article
{
text-align:left;
color: rgb(102, 102, 102); font-family: arial; font-size: 11px;
}
.hr_article
{
height:1px;
color:#cccccc;
border-style:dashed;
}
div#article_haut
{
height:80px;
}
div#article_titre_article
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#d80610;
vertical-align:middle;
text-align:left;
}
div#article_categorie_article
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#9f9f9f;
text-align:left;
}
div#article_auteur_article
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#9f9f9f;
text-align:left;
}
#commentaire_article
{
/*visibility:hidden;*/
}
#liste_commentaire_middle,
#commentaire_middle
{
width: 610px;
padding-left: 15px;
padding-right: 15px;
color: rgb(102, 102, 102); font-family: arial; font-size: 11px;
}
/*PRODUIT*/
div#photo_produit
{
text-align:center;
}
div#produit_designation,#concours_titre
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#d80610;
vertical-align:middle;
text-align:left;
}
div#produit_famille_produit,
div#produit_sousfamille_produit
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#9f9f9f;
text-align:left;
}
div#produit_description_accueil
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#666666;
text-align:left;
}
/*concours*/
#formulaire_inscription
{
text-align:left;
}
#message
{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#666666;
text-decoration:none;
}
#concours_description
{
text-align:left;
color: rgb(102, 102, 102); font-family: arial; font-size: 11px;
}
#image_concours
{
float:right;
}
.participe_concours a,.participe_concours
{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#666666;
text-decoration:none;
}
.participe_concours_reglement a,.participe_concours_reglement
{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#d80610;
text-decoration:none;
}
/*recherche*/
#recherche_communaute
{
text-align:left;
}
/*
cadre droite*/
.normal
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#666666;
text-align:left;
}
.normaljustify
{
text-align:justify;
}
div#message_newsletter
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#d80610;
text-align:left;
}
/*haut*/
#en_ligne
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color: #00CC00;
vertical-align:middle;
text-align:left;
}
/*
######################################################
######################################################
######################################################
######################################################
LES LIENS
######################################################
######################################################
######################################################
*/
/*
a:link {
color:#000000;
}
a:visited {
color:#000000;
}
a:active {
color:#ff0000;
}
a:hover {
color: #ff0000;
text-decoration: none;
}
.texte_accueil_bas a {
color:#ffffff;
font-family: arial;
font-size: 10px;
}
*/
/*
######################################################
######################################################
######################################################
######################################################
LES POLICES
######################################################
######################################################
######################################################
*/
#formulaire_article2
{
font-family: arial;
font-size: 11px;
color: #666666;
}
#formulaire_article
{
font-family: arial;
font-size: 12px;
color: #666666;
font-weight:bold;
}
#erreur_formulaire
{font-family: arial;
font-size: 10px;
color: #d80610;
font-weight:bold;
visibility:hidden;
text-align:center;
}
#erreur
{font-family: arial;
font-size: 10px;
color: #d80610;
font-weight:bold;
text-align:center;
}
.maj,.maj a
{font-family: verdana;
font-size: 12px;
color: #666666;
font-weight:normal;
}
.lien_monprofil
{
font-weight:bold;
text-decoration:underline;
}
.majcouleurtitre,.majcouleurtitre a
{font-family: verdana;
font-size: 12px;
color: #d80610;
font-weight:bold;
text-decoration:none;
}
.majcouleur,.majcouleur a
{font-family: verdana;
font-size: 10px;
color: #d80610;
font-weight:bold;
text-decoration:none;
}
#titre_general_article
{font-family: verdana;
font-size: 11px;
color: #333333;
font-weight:bold;
text-indent: 20px;
text-align:left;
}
.titre_menu_administration
{font-family: verdana;
font-size: 16px;
color: #d80610;
font-weight:bold;
text-indent: 20px;
text-align:left;
}
.menu_administration
{
height:24px;
font-family: arial;
font-size: 12px;
color:#666666;
background-image: url(gfx/midel/middle_last_article.gif);
background-repeat: no-repeat;
background-position: left 3px;
text-indent: 20px;
text-align:left;
text-decoration:none;
}
.menu_administration a
{
color:#666666;text-decoration:none;
}
.liste_article_back_office
{
font-family: arial;
font-size: 12px;
color: #666666;
text-indent: 20px;
text-align:left;
}
div.firsttexte_last_article
{
height:27px;
font-family: arial;
font-size: 11px;
color: #666666;
border-bottom:#dddddd 1px solid;
background-image: url(gfx/midel/middle_last_article.gif);
background-repeat: no-repeat;
background-position: left 3px;
text-indent: 20px;
text-align:left;
margin-top: 0px;
margin-right: 2px;
margin-bottom: 10px;
margin-left: 2px;
}
div.texte_last_article
{
height:27px;
font-family: arial;
font-size: 11px;
color: #666666;
border-bottom:#dddddd 1px solid;
background-image: url(gfx/midel/middle_last_article.gif);
background-repeat: no-repeat;
background-position: left 3px;
text-indent: 20px;
text-align:left;
margin-top: 5px;
margin-right: 2px;
margin-bottom: 10px;
margin-left: 2px;
}
.nouveauteproduit_liste_produit
{
vertical-align:bottom;
height:50px;
font-family: arial;
font-size: 11px;
color: #666666;
margin:2;
/*background-image: url(gfx/midel/middle_last_article.gif);
background-repeat: no-repeat;
background-position: 15px 3px;*/
text-align:left;
}
.nouveauteproduit_liste_produit a
{
font-family: arial;
font-size: 11px;
color: #666666;
text-decoration:none;
}
.texte_last_article a,.firsttexte_last_article a
{
font-family: arial;
font-size: 11px;
color: #666666;
text-decoration:none;
}
.texte_accueil {
font-family: arial;
font-size: 10px;
color: #000000;
}
.texte_accueil_mid {
font-family: arial;
color: #000000;
font-size: 11px;
}
.titre{
font-family: arial;
color: #858585;
font-size: 15px;
}
/*
######################################################
######################################################
######################################################
######################################################
FORMULAIRE
######################################################
######################################################
######################################################
*/
#table_inscription
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #666666;
}
#table_inscription input[type=text],#table_inscription input[type=password]
{
width:200px;
background-color:transparent;
border-left:0;
border-right:0;
border-top:0;
border-bottom:1px #666666 solid ;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
}
.form_login {
font-family: verdana;
font-size: 10px;
font-style: normal;
width: 130px;
height: 19px;
color: black;
background-image: url(gfx/global/fond_login.jpg);
border: solid #cccccc;
border-width:1px;
}
/*
######################################################
######################################################
######################################################
######################################################
BACK OFFICE
######################################################
######################################################
######################################################
*/
div#categorie_droite,div#article_droite ,div#liste_article_administration
{
width: 281px;
background: url(gfx/midel/fond-mon-hama.jpg);
text-align:left;
}
.liste_menu
{
margin-left:auto;
margin-right:auto;
width:228px;
height:24px;
font-family: arial;
font-size: 11px;
color: #666666;
margin-left:
text-align:left;
}
.titreparcategorie
{
margin-left:auto;
margin-right:auto;
vertical-align:top;
height:24px;
width:228px;
border-bottom:#999999 thin solid;
}
.parcategorie
{
text-indent:20px;
margin-left:auto;
margin-right:auto;
vertical-align:top;
width:228px;
border-bottom:#999999 thin solid;
}
#formulaire_article
{
font-family: arial;
font-size: 12px;
color: #666666;
font-weight:bold;
text-align:left;
}