* {margin:0;padding:0;}
html, body {width:100%;height:100%;}
body {font-size: 75%; font-family: Arial, Verdana, Helvetica, sans-serif;}
#fond-total{background-color: #444444;
min-height:100%;
height:auto!important;
height:100%;
}
#total{width:955px;margin-left:auto;margin-right:auto;background-color: #CCCCCC;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
}
/*----------------------------------------------------balises*/
p,h1,h2,h3,h4,h5,h6{
margin-bottom:10px;
}
/*---------------------------------------------------#banniere*/
#fond-banniere{
min-height:10px ;height:auto!important; height:10px;background-color: #000000;
}
#banniere{
padding-top:0px; padding-bottom:0px;
padding-left:0px; padding-right:0px; text-align:left;
}
#banniere .logo, #banniere .logo-image
{
outline:none;
}
/*---------------------------------------------------#menu-principal*/
#menu-principal{
height:35px;
background-repeat: no-repeat;
margin-bottom:1em;
background-image: url(/fichiers/fond_menu.png?107);
background-repeat: repeat-x;
}
#menu-principal ul{
margin-left:1%;
margin-right:1%;
padding-top: 7px;
}
#menu-principal ul li{
list-style:none;
display:inline;
margin-right:1.4em;
}
#menu-principal ul li a{
text-decoration:none;
font-family: Verdana, Verdana, Arial, Helvetica;font-size: 1em;
font-weight:bold;
color: #FFFFFF;
position:relative;
}
#menu-principal ul li a:hover{
color: #CC3300;
text-decoration: underline;
}
html>body #menu-principal ul li.actif>a{
color: #CC3300;
text-decoration: underline;
}
/*---------------------------------------------------#content*/
#fond-total .style_page1{padding-top:0px;padding-bottom:0px;}
#content{
margin-bottom:15px;
padding:10px;
overflow:hidden;/*creer un contexte de formatage hidden pour mac */
font-family: Verdana, Verdana, Arial, Helvetica;font-size: 1.2em;color: #000000;
margin-left:10px;
margin-right:10px;
}
#content h1{font-family: Verdana, Verdana, Arial, Helvetica;font-size: 1.3em;color: #0000CC;}
#content h2{font-family: Verdana, Verdana, Arial, Helvetica;font-size: 1.3em;color: #000000;}
#content h3{font-family: Verdana, Verdana, Arial, Helvetica;font-size: 1.3em;color: #000000;}
#content h4{font-family: Verdana, Verdana, Arial, Helvetica;font-size: 1.3em;color: #000000;}
#content h5{font-family: Verdana, Verdana, Arial, Helvetica;font-size: 1.3em;color: #000000;}
#content h6{font-family: Verdana, Verdana, Arial, Helvetica;font-size: 1.3em;color: #000000;}
#content ul,#content ol{
margin-bottom:0.8em;
margin-left:2.5em;
}
.bloc{ margin-bottom:0.8em;}
.blocfin{ margin-bottom:0;}
.colonne_gd #content,.colonne_d #content{
margin-right:0px;
}
/*-------------------------------------------------catalogue*/
.select-cat{text-align:right;margin-bottom:10px;}
.select-cat option{padding-right:10px;}
/*affichage1*/
.affichage1 {border-bottom-width: 1px;border-bottom-style: solid;margin-bottom:0.8em;}
.fin-p{border-bottom-style:none;margin-bottom:0;}
.affichage1 .imgp{float:left;margin-right:10px;margin-bottom:10px;}
.affichage1 .description{margin-bottom:10px;}
.affichage1 .details-p{font-weight:bold;text-align:right;}
.affichage1 .details-p .prix{font-size:1.7em;margin-right:4px;}
.affichage1 .details-p .devise{margin-left:4px;}
/*affichage2*/
/*debut template centrer 955px*/
.affichage2_centrer{width:912px;margin-left:auto;margin-right:auto;}
.colonne_g .affichage2_centrer,.colonne_d .affichage2_centrer{width:684px;margin-left:auto;margin-right:auto;}
.colonne_gd .affichage2_centrer{width:456px;margin-left:auto;margin-right:auto;}
/*fin template centrer 955px*/
.affichage2 .imgp{height:162px;margin:0;overflow:hidden;text-align:center;}
.affichage2 {width:216px;margin-bottom:10px;margin-right:10px;float:left;}
.affichage2 .details{text-align:right;margin:0;padding:5px;}
.affichage2 .details a{text-decoration:none;}
.affichage2 .details a:hover{text-decoration:underline;}
/*affichage3*/
.affichage3 img{margin-bottom:10px;margin-right:10px;}
/*produits----------------------------------------------------*/
.produit .int-produit{overflow:hidden;}
#content .produit .titrep{text-align:right;}
/*images*/
.produit .img-1{float:left;margin-right:20px;margin-bottom:20px;}
.produit .img-1 img{margin-bottom:5px;}
.produit .imgs{display:block;margin-bottom:5px;}
.produit .imgs img{margin-right:4px;}
/*prix*/
.produit .liste-prix .devise{margin-left:4px;}
.produit .liste-prix .prix{font-weight:bold;font-size:1.2em;}
/*---------------------------------------------------#colonne*/
.style_colonne1{background-color: #FFFFFF;padding:5px;border: 1px solid #000000;}.style_colonne2{}
.colonne{
font-family: Arial, Verdana, Arial, Helvetica;font-size: 1.1em;color: #000000;
}
html>/**/body .colonne{padding-bottom:25px;}/*Navigateurs modernes (IE 7 non inclus)*/
h2.chapeau{
font-family: Arial, Verdana, Arial, Helvetica;font-size: 1.2em;color: #FFFFFF;
margin-bottom:0;
}
h2.colonne_titre1{}h2.colonne_titre2{}
.colonne .cimage{margin-bottom:0.8em;}/*cimage=image colonne*/
.bloc_colonne{ margin-bottom:0.8em;}
#colonne_g{
width:200px;
float:left;
margin-right:9px;
margin-left:1px;
}
#colonne_d{
width:200px;
float:right;
margin-left:9px;
margin-right:1px;
}
#colonne_g .chapeau_marge,#colonne_d .chapeau_marge{
margin-top:-5px;
}
.colonne ul, .colonne ol{
margin-bottom:0.8em;
margin-left:20px;
}
.colonne ul.sousmenu {
margin-bottom:0;
margin-left:0;
}
/*chapeaux*/
.chapeau{
height: 30px;
width: 180px;
padding-top:5px;
padding-left:15px;
padding-right:5px;
color:#FFFFFF;
font-weight:bold;
}
.colonne_titre1 {background-image: url(/fichiers/fond_chapeau_degrader1.png?107);background-repeat: no-repeat;}.colonne_titre2 {background-image: url(/fichiers/fond_chapeau_degrader2.png?107);background-repeat: no-repeat;}
.smenu_titre1 {background-image: url(/fichiers/fond_chapeausmenu_degrader1.png?107);background-repeat: no-repeat;}
/*sous menu colonne*/
.style_smenu1{background-color: #FFFFFF;border: 1px solid #000000;}.style_smenu1 li li{background-color: #FFFFFF;}.style_smenu1 ul ul{border: 1px solid #000000;}.style_smenu1 .sf-vertical,.style_smenu1 .sf-vertical li{width:198px;}.style_smenu1 ul.sf-vertical li:hover ul,.style_smenu1 .sf-vertical li.sfHover ul,.style_smenu1 ul.sf-vertical li li:hover ul,.style_smenu1 ul.sf-vertical li li.sfHover ul {left:198px;}
.sousmenu { list-style:none;}
.sousmenu li a{
display:block;
padding:5px;
}
.style_smenu1 .sousmenu li a{font-family: Arial, Verdana, Arial, Helvetica;font-size: 1em;color: #000000;text-decoration:underline;font-weight:normal;border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color:#000000;} .style_smenu1 .sousmenu li a:visited{color: #000000;}
.sousmenu li a.fin{border-bottom-style: none;}
.style_smenu1 .sousmenu li a:hover {color: #FFFFFF;text-decoration:underline;font-weight:normal;background-color: #000000;}html>body .colonne .style_smenu1 .sousmenu li.actifc>a{color: #FFFFFF;text-decoration:underline;font-weight:normal;background-color: #000000;}.style_smenu1 ul.sousmenu li li {}.style_smenu1 ul.sousmenu ul {border-style: none;}.style_smenu1 ul.sousmenu .sf-sub-indicator {background: url('http://www.weonea.com/templates/images/menu-deroulant/arrows-ffffff.png');}.style_smenu1 ul.sousmenu ul li a, .style_smenu1 ul.sousmenu ul li a:visited {}.style_smenu1 ul.sousmenu ul li a:hover {}.style_smenu1 ul.sousmenu ul li a {border-bottom-style: none;}ul.sf-vertical li:hover ul, .sf-vertical li.sfHover ul,ul.sf-vertical li li:hover ul, ul.sf-vertical li li.sfHover ul{top:0px;}
/*---------------------------------------------------#footer*/
#haut_footer{clear:both;}
#footer{
font-family: Arial, Verdana, Arial, Helvetica;font-size: 1em;color: #FFFFFF;
text-align:left;
background-color:#000000;border: 1px solid #CCCCCC;
padding-left:1%;
padding-right:1%;
padding-top:10px;
padding-bottom:1px;
}
#footer a{color:#FFFFFF;} #footer a:hover{color:#FFFFFF;}
/*sous menu*/
.sousmenuf{list-style:none; margin-bottom:10px;}
.sousmenuf li{
display: inline;
margin-right:0.5em;
padding-right:0.5em;
border-right-width: 1px;border-right-style: solid;border-right-color: #FFFFFF;
}
.sousmenuf li.fin{border-right-style: none;margin-right:0;padding-right:0;}
#footer .sousmenuf a{color:#FFFFFF;text-decoration:none;font-weight:normal;} #footer .sousmenuf a:hover, #footer .sousmenuf li.actifc a{color:#FFFFFF;text-decoration:underline;font-weight:normal;}
/*--------------------------------------------------class*/
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.cursor{cursor:pointer;}
/*formulaire*/
.formulaire_contact label{
margin-right:5px;
display:block;
}
.formulaire_contact .espace{
height:10px;}
.formulaire_contact fieldset{
border: 1px solid #000000;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
}
.formulaire_contact fieldset legend{
font-family: Verdana, Verdana, Arial, Helvetica;font-size: 1.2em;color: #000000;
}
.formulaire_contact .bouton{
margin-top:10px;
}
.formulaire_normal{width:200px;}
.formulaire_petit{width:75px;}
.formulaire_tres_petit{width:20px;}
.formulaire_message{width:400px; height:130px;overflow:auto;}
.colonne_gd .formulaire_message{width:350px; height:100px;overflow:auto;}
.formulaire_email{width:200px;}
.formulaire_securite{width:20px;}
.erreur_champs input.formulaire_normal{width:202px;}
.erreur_champs input.formulaire_petit{width:77px;}
.erreur_champs input.formulaire_tres_petit{width:22px;}
.erreur_champs textarea.formulaire_message{width:402px; height:130px;overflow:auto;}
.colonne_gd .erreur_champs textarea.formulaire_message{width:352px; height:100px;overflow:auto;}
.erreur_champs input.formulaire_email{width:202px;}
.formulaire_contact .colonne_formulaire{width:405px;}
.colonne_gd .formulaire_contact .colonne_formulaire{width:355px;}
.formulaire_contact .colonne_formulaire_spam{width:320px;}
.formulaire_contact .erreur_champs input, .formulaire_contact .erreur_champs textarea{
border: 1px solid #FF0000;
}
.formulaire_contact .erreur_champs .erreur_champs_texte{
color:#FF0000;
display:block;
}
#total_contenu{clear:both;}
#content .text1 ul , #content .text1 ol {overflow:hidden;padding-left:30px;}
/*images*/
img{border:none;}/* .bordure image */
.bordure {/* .bordure image */
border: 1px solid #000000;
}
img.left{/* image gauche*/
margin-right:15px;
margin-bottom:10px;
}
img.right {/* image droite*/
margin-left:10px;
margin-bottom:10px;
}
img.groupe{/* image groupe*/
margin-right:10px;
margin-bottom:10px;
}
/*messages*/
#messages{border: 1px solid; margin-top:-2px; padding:10px;}
#content .paddingm{padding:5px;}
#content .messages .titre{margin-bottom:5px;text-indent:0px;}
#content .messages .date{font-size:0.8em;text-align:right;}
#content .messages p{margin-bottom:0;text-indent:20px;}
.formulaire_contact fieldset {border:1px solid #000000;}
#content table.pagination{margin-left:auto;margin-right:auto;}#content table.pagination tr td{padding-top:10px;}#content table.pagination a{display:block;float:left;padding: 0.2em 0.5em;margin-right:5px;margin-bottom:5px;text-decoration:none;font-weight:normal;border:1px solid #BBBBBB; background-color:#E1E1E1;color:#000000;}#content table.pagination a:visited{color:#000000;}#content table.pagination a:visited.actifpag{color:#FFFFFF;}#content table.pagination a:hover, #content .pagination a.actifpag{text-decoration:none;font-weight:normal; border:1px solid #CCCCCC; background-color:#000000;color:#FFFFFF;}
#fond-total .accordeon1 .ui-accordion-header { cursor: pointer; margin-bottom:0;background-color:#CCCCCC;}#fond-total .accordeon1 .ui-state-active{background-color:#FFFFFF;border: 1px solid #666666;border-bottom-style: none;}#fond-total .accordeon1 .ui-accordion-header a { display: block; padding:5px; font-family: Verdana, Verdana, Arial, Helvetica;font-size: 1.1em;color:#000000;text-decoration:none;font-weight:normal;background-color:#CCCCCC;}
#fond-total .colonne .accordeon1 .ui-accordion-header a {padding: 2px 5px 3px;}#fond-total .accordeon1 .ui-accordion-header a:hover {color:#000000;text-decoration:underline;font-weight:normal;background-color:#CCCCCC;}#fond-total .accordeon1 .ui-accordion-content {padding:10px;margin-bottom:0;border: 1px solid #666666;border-top-style: none;background-color:#FFFFFF;;font-family: Verdana, Verdana, Arial, Helvetica;font-size: 1em;color:#000000;}
#fond-total .colonne .accordeon1 .ui-accordion-content {padding: 10px 8px 8px;}#fond-total .accordeon1 .ui-accordion-content a {color:#0066FF;text-decoration:none;font-weight:normal;}#fond-total .accordeon1 .ui-accordion-content a:hover {color:#0066FF;text-decoration:underline;font-weight:normal;}
#fond-total .onglets1 { position: relative;}#fond-total .onglets1 .ui-tabs-nav { margin: 0; }#fond-total .onglets1 .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0!important; padding: 0;white-space: nowrap;}#fond-total .onglets1 .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; font-family: Verdana, Verdana, Arial, Helvetica;font-size: 1.1em;color:#000000;text-decoration:none;font-weight:normal;background-color:#CCCCCC;}
#fond-total .colonne .onglets1 .ui-tabs-nav li a {padding: 5px;}#fond-total .onglets1 .ui-tabs-nav li a:hover { color:#000000;text-decoration:underline;font-weight:normal;background-color:#CCCCCC; }#fond-total .onglets1 .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; background-color:#FFFFFF;background-color:#CCCCCC;border: 1px solid #666666;}#fond-total .onglets1 .ui-tabs-nav li.ui-tabs-selected a, #fond-total .onglets1 .ui-tabs-nav li.ui-state-disabled a, #fond-total .onglets1 .ui-tabs-nav li.ui-state-processing a { cursor: text; color:#000000;text-decoration:underline;font-weight:normal;background-color:#CCCCCC;background-color:#CCCCCC;}#fond-total .onglets1 .ui-tabs-nav li a, #fond-total .onglets1 .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }#fond-total .onglets1 .ui-tabs-panel { display: block; border: 0; padding: 1em 1.4em; background-color:#FFFFFF;border: 1px solid #666666;;font-family: Verdana, Verdana, Arial, Helvetica;font-size: 1em;color:#000000;}
#fond-total .colonne .onglets1 .ui-tabs-panel {padding: 10px 8px 8px;}html>body #fond-total .onglets1 .ui-tabs-panel {margin-top:-10px;}
html>/**/body #fond-total .onglets1 .ui-tabs-panel {margin-top:0;}#fond-total .onglets1 .ui-tabs-panel a{color:#0066FF;text-decoration:none;font-weight:normal;}#fond-total .onglets1 .ui-tabs-panel a:hover{color:#0066FF;text-decoration:underline;font-weight:normal;}#fond-total .onglets1 .ui-tabs-hide { display: none !important; }
/*--------------------------------------menu deroulant*/
#menu-principal ul.sf-menu ul, #total_contenu ul.sf-vertical ul {
margin:0;
padding-top:0;
}
.sf-menu ul {
position:absolute;
top:-999em;
}
.sf-menu ul a {
display:block;
position:relative;
}
.sf-menu li {
position:relative;
}
.sf-menu li:hover {
visibility:inherit; /* fixes IE7 'sticky bug' */
}
/*--------------------------------Menu deroulant principal*/
#menu-principal ul.sf-menu ul a {
float:none;
padding:.50em .75em;
margin:0;
}
#menu-principal ul.sf-menu ul {
width:14em; /* left offset of submenus need to match (see below) */
text-align:left;
}
#menu-principal .sf-menu li {
float:left;
}
#menu-principal ul.sf-menu ul li {
width:100%;
padding:0;
}
/*--------------------------------Menu deroulant horizontal*/
#menu-principal .sf-menu li:hover ul,#menu-principal .sf-menu li.sfHover ul {
left:0;
top:14px;
z-index:99;
}
.sf-menu li:hover li ul, .sf-menu li.sfHover li ul {
top:-999em;
}
#menu-principal .sf-menu li li:hover ul,#menu-principal .sf-menu li li.sfHover ul {
left:14em; /* match ul width */
top:-1px;
}
/*----------------apparence menu deroulant principal */
.sf-menu1 ul {
background:#000000;
}
#menu-principal ul.sf-menu1 ul {
border:1px solid #FFFFFF;
}
#menu-principal ul.sf-menu1 ul li a {
color: #FFFFFF;
border-bottom: 1px dotted #FFFFFF;
}
#menu-principal ul.sf-menu1 ul li.finmenu1 a{
border-bottom-style:none;
}
#menu-principal ul.sf-menu1 ul li a:hover {
color: #CC3300;
}
/*-----------------------------------Menu deroulant vertical*/
.sf-vertical ul, .sf-vertical ul ul {
list-style:none;
}
/*-----------------------------------fleche*/
.sf-menu a.sf-with-ul {
min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-menu a.sf-with-ul {
padding-right:1em;
}
.sf-sub-indicator {
position: absolute;
display: block;
top: 0.7em; /* IE6 only */
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
background: url('http://www.weonea.com/templates/images/menu-deroulant/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
.sf-menu .sf-sub-indicator {
right:0;
}
.sf-menu ul .sf-sub-indicator, ul.sf-vertical .sf-sub-indicator {
right: .75em;
}
a > .sf-sub-indicator { /* give all except IE6 the correct values */
top:.75em;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
.sf-vertical a > .sf-sub-indicator {
top:.55em;
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
background-position: -10px 0;
}
.sf-menu ul a > .sf-sub-indicator {
background-position: 0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*-----------------------------------menu vertical*/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}