html, body {
height: 100%;
margin: 0;
padding: 0;
}
.padding5
{
padding:5px;
}
a {
text-decoration:none;
}
a:hover {
text-decoration:none;
}
/*
######################################################
######################################################
######################################################
######################################################
LES DIV / STRUCTURE
#####################################################
######################################################
######################################################
*/
#erreur_cgv{
color:#ff5603;
font-weight:bold;
visibility:hidden
}
.erreur{
color:#ff5603;
font-weight:bold;
}
div#erreur_formulaire
{
color:#ff5603;
font-weight:bold;
}
div#conteneur {
position:absolute;
width:984px;
left:50%;
margin: 0 0 0 -492px;
}
div#haut {
position: relative;
width: 984px;
margin:0px;
padding:0px;
height:211px;
}
.cadre_accueil {
background:url(gfx/fr/fond_midel.jpg);
color: #4b3f35;
font: 11px Arial;
}
.cadre_accueil_g {
background:url(gfx/fr/g_fond.jpg);
color: #c8b39e;
padding-left: 8px;
padding-right: 5px;
font: 11px Arial;
}
.cadre_accueil_d {
background:url(gfx/fr/d2_02.jpg) repeat-y;
color: #c8b39e;
padding-left: 8px;
padding-right: 5px;
font: 11px Arial;
}
.cadre_gauche {
background:url(gfx/fr/g_fond2.jpg);
width:156px;
}
.cadre_midel {
padding-left: 10px;
padding-right: 10px;
padding-top: 25px;
color: #4b3f35;
font: 11px Arial;
}
div#pagination
{
/*width:571px;*/
}
div#pagination, div#pagination a
{
text-align:left;
text-decoration:none;
color: #4b3f35;
font-weight:bold;
}
div#pagination #actif
{
color: #cbd300;
}
/*
######################################################
######################################################
######################################################
######################################################
LES LIENS
######################################################
######################################################
######################################################
*/
.ariane a ,.ariane
{
color:#32271c;
font-weight:bold;
}
.cadre_gauche a:link,.cadre_droite a:link {
color:#c8b39e;
}
.cadre_gauche a:visited,.cadre_droite a:visited {
color:#c8b39e;
}
.cadre_gauche a:active,.cadre_droite a:active {
color:#c8b39e;
}
.cadre_gauche a:hover,.cadre_droite a:hover {
color: #cbd300;
text-decoration: none;
}
.texte_accueil_bas a {
color:#ffffff;
font-family: arial;
font-size: 10px;
}
.lien_accueil a
{
color:#4b3f35;
font-weight:bold;
text-decoration:underline;
}
.lien_accueil
{
color:#4b3f35;
font-weight:bold;
}
.prix_nacre {
color:#da6bb1;
font-weight:bold;
font-size: 16px}
.prix_floral {
color:#40a536;
font-weight:bold;
font-size: 16px}
.prix {
color:#4b3f35;
font-weight:bold;
font-size: 14px}
/*
######################################################
######################################################
######################################################
######################################################
ACTUALITES
######################################################
######################################################
######################################################
*/
.date_accueil
{
background: url(gfx/fr/midel/calendrier_2.jpg) no-repeat center top;width:83px; height:22px; text-align:center;
margin-right:5px;
}
.date_accueil_mois
{
font-family: Tahoma;
font-size:15px;
width:48px;color:#f0e8c5;
font-weight:lighter;
vertical-align:middle;
text-align:center;
}
.date_accueil_annee
{
font-family: Arial;
font-size:15px;
font-weight:bold;
color:#666666;
vertical-align:middle;
width:35px;
text-align:center;
}
.titre_news_accueil
{
font-weight:bold;
font-size:16px;
}
/*
######################################################
######################################################
######################################################
######################################################
FORMULAIRE
######################################################
######################################################
######################################################
*/
.form1 {
font-family: verdana;
font-size: 10px;
font-style: normal;
color: #616161;
background-color: #ffffff;
border: thin solid #0d7b25;
}
#formlog input[type=text] ,#formlog input[type=password]
{
width:250px;
}
/*
######################################################
######################################################
######################################################
######################################################
ADMINISTRATION
######################################################
######################################################
######################################################
*/
.ariane_admin
{
color:black;
font: 16px Verdana, Arial, sans-serif;
font-weight:bold;
margin-left:15px;
margin-top:15px;
margin-bottom:15px;
}
/*
######################################################
######################################################
######################################################
######################################################
DIVERS
######################################################
######################################################
######################################################
*/
.presentation
{
text-align:justify;
padding:0 15px;
}
.table100
{
width:100%;
}
.archive{margin:0 auto;}
.archive td
{
border:#da6bb1 1px dotted;
padding:10px;
}
/*
######################################################
######################################################
######################################################
######################################################
BOUTON
######################################################
######################################################
######################################################
*/
#login_insert,#pass_insert,#login_newsletter
{
width:130px;
border:none;
}
#b_login
{
width:28px;
height:18px;
}
/*
######################################################
######################################################
######################################################
######################################################
OUVRAGES
######################################################
######################################################
######################################################
*/
.ouvrage {
min-height:20px;
background-image: url(gfx/fr/global/puce.jpg);
background-repeat: no-repeat;
background-position: left 6px;
text-indent: 10px;
text-align:left;
margin-left:10px;
}
.ouvrage a{
text-decoration:none;
}
#image_edito_nacre
{
float:left;
height:110px;
width:100px;
}
/*
######################################################
######################################################
######################################################
######################################################
ACCUEIL
######################################################
######################################################
######################################################
*/
.contenu_accueil
{
font-size:11px;
color:#4b3f35;
}
.contenu_accueil .titre
{
color:#da6bb1;
font-size:30px;
text-transform: uppercase;
font-weight:bold;
}
.contenu_accueil .titre_floral
{
color:#40a536;
font-size:30px;
text-transform: uppercase;
font-weight:bold;
}
.contenu_accueil .sous_titre_floral
{
color:#40a536;
font-size:14px;
}
.contenu_accueil .sous_titre
{
color:#da6bb1;
font-size:14px;
}
.contenu_accueil .contenu
{
text-align:justify;
}
.image_accueil_magazine
{
padding-left:10px;
}
.fin_magazine1
{
height:1px;
border-top:solid 1px #ded0ae;
}
.debut_magazine2
{
height:1px;
border-top:solid 1px #ded0ae;
}
/*
######################################################
######################################################
######################################################
######################################################
FOOTER
######################################################
######################################################
######################################################
*/
#footer {
border:1px ;
color:#c5b09b;
}
#footer a {
color:#c5b09b;
text-decoration:none;
}
.puce {
background-image: url(gfx/fr/global/puce.jpg);
background-repeat: no-repeat;
background-position: left 5px;
padding-left:10px;
margin-left:10px;
}
/*
######################################################
######################################################
######################################################
######################################################
CREATEURS - Liste
######################################################
######################################################
######################################################
*/
.createurs
{
font-size:11px;
color:#4b3f35;
padding:10px;
}
.createurs .titre
{
color:#4b3f35;
font-size: 18px;
text-transform: uppercase;
font-weight:bold;
}
.createurs .sous_titre
{
color:#4b3f35;
font-size: 12px;
font-weight:normal;
}
.createurs .image
{
width:110px;
}
.createurs .image img
{
padding-right:10px;
}
.lien_createur,.lien_createur a
{
text-align:right;
color:#4b3f35;
font-weight:bold;
text-decoration:underline;
}
/*
######################################################
######################################################
######################################################
######################################################
CREATEUR - Detail
######################################################
######################################################
######################################################
*/
.createur
{
font-size:12px;
color:#4b3f35;
min-height:100px;
padding:10px;
min-height:150px;
text-align:justify;
}
.createur .titre
{
color:#4b3f35;
font-size: 22px;
text-transform: uppercase;
font-weight:bold;
}
.createur .sous_titre
{
color:#4b3f35;
font-size: 12px;
font-weight:normal;
}
.createur .image
{
float:left;
height:110px;
}
.createur .image img
{
padding-right:10px;
}
.cadre_createur
{
width:100%;
}
.cadre_createur .titre
{
padding:5px;
/*color:#97897d;*/
color:#f0e8c5;
font-size: 14px;
border:1px solid #ded0ae;
font-weight:normal;
background-color:#382e25;
}
.cadre_createur .lien_accueil a
{
color:#4b3f35;
font-weight:bold;
text-decoration:underline;
}
.cadre_createur .lien_accueil
{
color:#4b3f35;
font-weight:bold;
}
/*
######################################################
######################################################
######################################################
######################################################
OUVRAGES - Liste
######################################################
######################################################
######################################################
*/
.cadre_ouvrages
{
width:100%;
}
.cadre_ouvrages .titre
{
color:#4b3f35;
font-size: 30px;
text-transform: uppercase;
font-weight:bold;
}
.cadre_ouvrages .image
{
width:170px;
height:90%;
}
.cadre_ouvrages
{
font-size:12px;
color:#4b3f35;
min-height:100px;
padding:10px;
min-height:150px;
text-align:justify;
}
.cadre_ouvrages .presentation
{
font-size:12px;
color:#4b3f35;
height:80%;
padding:0px;
min-height:150px;
text-align:justify;
}
.cadre_ouvrages .fin_tableau
{
height:10%;
}
.cadre_ouvrages .lien_accueil
{
color:#4b3f35;
font-weight:bold;
}
.cadre_ouvrages .lien_panier
{
color:#4b3f35;
font-weight:bold;
}
.table_image
{
margin:0 auto;
}
.titre_cadeaux
{
font-size:12px;
font-weight:bold;
height:20px;
vertical-align:middle;
}
/*
######################################################
######################################################
######################################################
######################################################
PANIER
######################################################
######################################################
######################################################
*/
.cadre_panier
{
width:99%;
text-align:left;
border:0;
font-size:12px;
}
.cadre_panier .contenu
{
padding:5px;
}
.cadre_panier .titre_principal
{
font-weight:bold;
background-color:#32271c;
color: #c8b39e;
font-size:20px;
padding:5px;
}
.cadre_panier .sous_titre_principal
{
font-weight:bold;
font-size:20px;
}
.cadre_panier .total_panier
{padding:5px;
font-weight:bold;
background-color:#32271c;
color: #c8b39e;
font-size:14px;
}
.fin_panier
{
width:100%;
text-align:right;
}
.titre_cadeaux
{
font-size:12px;
font-weight:bold;
height:20px;
vertical-align:middle;
}
/*
######################################################
######################################################
######################################################
######################################################
DIVERS
######################################################
######################################################
######################################################
*/
.cadre_principal
{
width:100%;
}
.cadre_principal .titre_principal
{
padding:2px;
/*color:#97897d;*/
color:#f0e8c5;
font-size: 14px;
border:1px solid #ded0ae;
font-weight:normal;
background-color:#382e25;
}
.cadre_principal .lien a,.cadre_principal .lien
{
color:#4b3f35;
font-weight:bold;
text-decoration:underline;
}
.contenu_divers
{
font-size:11px;
color:#4b3f35;
}
.contenu_divers .titre
{
color:#382e25;
font-size:30px;
text-transform: uppercase;
font-weight:bold;
}
.contenu_divers .sous_titre
{
color:#382e25;
font-size:12px;
}
.contenu_divers .contenu
{
text-align:justify;
}
/*
######################################################
######################################################
######################################################
######################################################
NACRE MAGAZINE
######################################################
######################################################
######################################################
*/
.fond_archive
{
background:url(gfx/fr/fond_archive.jpg) repeat-y center;
padding-left:20px;
}
.liste_archive
{
height:30px;
font-family: arial;
font-size: 12px;
color:#382e25;
background-image: url(gfx/fr/picto_archive.jpg);
background-repeat: no-repeat;
background-position: left 8px;
text-indent: 1àpx;
text-align:left;
text-decoration:none;
}
.liste_archive a
{
color:#382e25;
text-decoration:none;
}
.liste_archive table
{
border-bottom:#867151 1px solid;
}
.liste_abonnement
{
height:30px;
font-family: arial;
font-size: 12px;
color:#382e25;
text-align:left;
text-decoration:none;
}
.liste_annee, .liste_annee a
{
height:30px;
font-family: arial;
font-size: 12px;
color:#382e25;
text-align:center;
text-decoration:none;
}
.liste_abonnement a
{
color:#382e25;
text-decoration:none;
}
.liste_abonnement table
{
border-bottom:#867151 1px solid;
}
/*
######################################################
######################################################
######################################################
######################################################
ABONNEMENT
######################################################
######################################################
######################################################
*/
.titre_abonnement
{
font-size:16px;
font-weight:bold;
}
.abonneement_expire{
color:red;font-weight:bold;}
.abonneement_encours{
color:green;
font-weight:bold;}
/*
######################################################
######################################################
######################################################
######################################################
CADRE FOOTER
######################################################
######################################################
######################################################
*/
.cadre_droite_footer
{
width:3px;
background:url(gfx/fr/global/images/cadre_footer_droite.jpg) repeat-y right;
}
.cadre_gauche_footer
{
width:3px;
background:url(gfx/fr/global/images/cadre_footer_gauche.jpg) repeat-y left;
}
.cadre_bas_footer
{
height:3px;
background:url(gfx/fr/global/images/cadre_footer_bas.jpg) repeat-x bottom;
}
.cadre_haut_footer
{
height:3px;
background:url(gfx/fr/global/images/cadre_footer_haut.jpg) repeat-x top;
}
#cadre_footer .cadre
{
width:95%;
margin:0;
padding:0;
background-image:url(gfx/fr/global/images/cadre_footer_fond.jpg);
background:url(gfx/fr/global/images/cadre_footer_fond.jpg) repeat ;
}
#cadre_footer .cadre_coin
{
width:3px;
height:3px;
}
#cadre_footer .cadre_coin_haut_gauche
{
background-image: url(gfx/fr/global/images/cadre_footer_haut_gauche.jpg);
background-repeat: no-repeat;
background-position: left top;
}
#cadre_footer .cadre_coin_bas_gauche
{
background-image: url(gfx/fr/global/images/cadre_footer_bas_gauche.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}
#cadre_footer .cadre_coin_haut_droite
{
background-image: url(gfx/fr/global/images/cadre_footer_haut_droite.jpg);
background-repeat: no-repeat;
background-position: right top;
}
#cadre_footer .cadre_coin_bas_droite
{
background-image: url(gfx/fr/global/images/cadre_footer_bas_droite.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}
#cadre_footer .cadre_milieu
{
}
#cadre_footer
{
margin-left:20px;
}
/*
######################################################
######################################################
######################################################
######################################################
CONTACT
######################################################
######################################################
######################################################
*/
#contact LABEL
{
display: inline;
float: left;
width: 170px;
/* margin-left: 75px;*/
text-align: right;
margin:2px;
}
#contact .input, #contact textarea {
border:0px;
border:1px solid #ddd;
margin:2px;
}
#contact .select {
border:1px solid #ddd;
font-size:13px;
}
#contact .titre
{
color:#382e25;
font-size:30px;
text-transform: uppercase;
font-weight:bold;
}
#contact .sous_titre
{
color:#382e25;
font-weight:bold;
font-size:12px;
}
img {
border:0px;
}
.panier{
color:#ff5603;
}
.liens_fiche {
color:#F30;
font-weight:bold;
}
.liens_mag {
color:#F30;
font-weight:bold;
}