@charset "utf-8";
/* Titres */
/*CSSEditor|content,title|Tous les titres*/
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
line-height: normal;
margin: 10px 0;
}
/*CSSEditor|content,title|Titres de niveau 1*/
h1 {
color: #333;
font-size: 2em;
font-weight: normal;
}
/*CSSEditor|content,title|Titres de niveau 2*/
h2 {
color: #333;
font-size: 1.8em;
font-weight: normal;
}
/*CSSEditor|content,title|Titres de niveau 3*/
h3 {
color: #333;
font-size: 1.7em;
}
/*CSSEditor|content,title|Titres de niveau 4*/
h4 {
color: #333;
font-size: 1.4em;
}
/*CSSEditor|content,title|Titres de niveau 5*/
h5 {
color: #333;
font-size: 1.3em;
}
/*CSSEditor|content,title|Titres de niveau 6*/
h6 {
color: #333;
font-size: 1.2em;
}
/* Liens */
/*CSSEditor|content,link|Apparence g�n�rale*/
a:link {
color: #145DC7;
text-decoration: none;
}
/*CSSEditor|content,link|Lien d�j� visit�*/
a:visited {
color: #04b;
}
/*CSSEditor|content,link|Lien actif*/
a:hover, a:active {
color: #59f;
text-decoration: underline;
}
* html a:active, * html a:hover, * html a:link, * html a:visited {
color: #59f;
text-decoration: none;
}
a:hover {
transition: all 0.3s ease 0s;
}
/* IE n'interpr�te pas les pseudo-�l�ments :after, ceci ne sera donc pas affich� pour IE */
#contents a.LinkOut:after {
color: #bbb;
content: " ["attr(hreflang)"]";
font-weight: normal;
text-decoration: none;
}
/* Blocs de Medias */
.medias {
margin: 10px 0;
}
.medias .flash {
}
.medias .audio, .medias .video, .medias .center {
text-align: center;
}
.medias .right {
text-align: right;
}
.medias .left {
text-align: left;
}
.medias img {
margin: 5px;
}
.medias a, .medias a:hover, .medias a:visited {
background: none;
text-decoration: none;
}
.medias .description {
display: none;
}
/****/ /* CONTENU WIKI & Cie. */ /*****/
/*CSSEditor|content,others|Paragraphe*/
p {
margin: 5px 0;
}
/*CSSEditor|content,others|Texte en gras*/
strong {
font-weight: bold;
}
/*CSSEditor|content,others|Texte en italique*/
em {
font-style: italic;
}
address {
color: #366;
}
address:before {
content: "Adresse : \A";
}
/*CSSEditor|content,others|Texte pr�format�*/
pre {
background: #f0f6f7;
border: 1px solid #0097C7;
font-size: 1.1em;
margin: 20px auto;
overflow: auto;
padding: 5%;
width: 80%;
}
code {
background: #44bb34;
color: #ffffff;
font-size: 1.1em;
padding: 2px;
}
/* astuce css pour les blocs de citation: http://notes.natbat.net/2006/11/21/inineimagequotes/ */
blockquote {
margin: 10px 50px;
text-indent: 25px;
}
blockquote p {/* display: inline; */margin: 0;padding-right: 24px;}
cite {
color: #000;
font-size: 1.1em;
padding: 0 3px 0 3px;
}
acronym {
border-bottom: 1px dashed #1FCAFF;
cursor: help;
}
q {
color: #0097C7;
font-style: italic;
}
q:after {
content: " ' Source: "attr(cite)" ";
font-size: 1em;
}
/*CSSEditor|content,list|Apparence g�n�rale|list*/
ul {
/*list-style:none;*/
margin: 0 0 0 10px;
padding: 0 0 0 5px;
}
/*CSSEditor|content,list|El�ments des listes*/
ul li {
}
/*CSSEditor|content,list|Liste ordonn�e|list*/
ol {
color: #616161;
list-style: inside decimal-leading-zero;
margin: 5px 0 5px 25px;
}
hr {
  border: 2px solid rgba(0, 0, 0, 0.1);
}
.separator {
clear: both;
visibility: hidden;
}
/*** Liste de definitions ***/
dl {
margin: 10px 5px;
}
dt {
color: #1e1e1c;
font-size: 1.1em;
font-weight: bold;
}
dd {
font-style: normal;
margin: 0;
padding: 0;
text-indent: 10px;
}
/*** Tableaux ***/
table {
border-collapse: collapse;
border-spacing: 0;
font-size: 1em;
margin: auto;
width: 100%;
}
table caption {
color: #0097C7;
font-size: 1.3em;
font-weight: bold;
margin: 5px 0;
text-align: left;
}
th {
background: url("/images/deg_blanc.png") repeat-x scroll 0 0 #CCCCCC;
border: 0 solid #0097C7;
color: #000;
font-size: 1.1em;
font-weight: normal;
padding: 2px;
}
td {
border: 0px solid #0097C7;
padding: 2px;
}
/*elements de mise en page dans la zone de contenu*/
.une_colonne, .deux_colonnes {
clear: both;
display: inline;
}
.colleft {
float: left;
margin: 0 2% 0 0;
margin: 0;
padding: 0;
width: 47%;
}
.colright {
float: left;
margin: 0;
padding: 0;
width: 48%;
}
.intext_left {
float: left !important;
padding: 5px !important;
}
.intext_right {
float: right !important;
padding: 5px !important;
}
.above_left {
text-align: left;
}
.above_right {
text-align: right;
}
.above_center {
text-align: center;
}
.below_center {
text-align: center;
}
.below_right {
text-align: right;
}
.below_left {
text-align: left;
}
.above_center img, .above_right img, .above_left img, .below_center img, .below_right img, .below_left img {
float: none !important;
}
.center {
text-align: center;
width: 100%;
}
.left {
text-align: left;
width: 100%;
}
.right {
text-align: right;
width: 100%;
}
input, textarea {
background: #CCC;
}
.box_bout_paiement {
background: none repeat scroll 0 0 #ff3000;
border: 1px solid #d00;
border-radius: 5px;
margin: auto;
overflow: hidden;
text-align: center;
width: 340px;
}
.bouton_paiement {
background: url("/images/deg_blanc.png") repeat-x scroll 0 0 #d00;
color: #fff;
cursor: pointer;
font-size: 125%;
padding: 5px;
width: 100%;
}
body {
background: none;
color: #000;
font-family: "Lato", "century gothic", "trebuchet MS", verdana, Arial, Helvetica, sans-serif !important;
margin: 0;
padding: 0 !important;
}
body#index {
}
.wrap {
width: 1100px;
margin: auto;
}
body#index #cart {
display: none;
}
a {
color: #06d;
text-decoration: none;
}
a:hover {
color: #39f;
text-decoration: none;
}
#super_cont {
/* background: none repeat scroll 0 0 #666666; */
border-top: 0 solid #222222;
margin: 0 !important;
padding: 0;
}
#super_cont_sec {
/*  background: url("/images/rayure_60.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0); */
background: none;
border-top: 0 solid #222222;
margin: 0 !important;
padding: 0;
}
#super_cont_ter {
border-top: 0px solid #222;
margin: 0!important;
padding: 0;
}
/*---PAGE GABARIT--------------------------------------------------------*/
.adresse {
border-bottom: 1px solid #FFFFFF;
display: none;
font-size: 1.2em;
height: auto;
left: 50%;
margin: 5px auto 0 351px;
padding: 10px;
position: absolute;
top: 0;
width: 160px;
}
.adresse span {
display: block;/*	color: #fff; */
}
.adresse p {
margin: 0;
padding: 0;
text-align: center;
color: #666;
font-size: 1.4em;
}
#page {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
box-shadow: 3px 0 15px -7px  #000000;
margin: 0 auto;
width: 100%;
}
/*CSSEditor|structure,global|Zone de banniere*/	
#page #banner {background: url(/images/fond_banner.png) repeat scroll center;height: auto;margin: 0 auto;padding: 0;position: relative;width: 100%;z-index: 5;}
#page #banner .wrap {
    min-height: 225px;
    position: relative;
}
.short #page #banner .wrap {
min-height: 0;
}
#banner #inner_banner {}
#banner #bottom_banner {
    position: absolute;
    /* border: 1px solid blue; */
    width: 100%;
    height: 42%; 
    top: 0;
    background: #fff;
    border-radius: 0 0 100% 200%;
} 
#banner #ajout_banner_2 {
	
background: url(/images/tous_publics.png) no-repeat center / contain;
	
height: 135px;
	
width: 125px;
	
position: absolute;
	
top: 0px;
	
right: 4%;
	
z-index: 15;
	transition: all 0.3s ease 1ms;
filter: drop-shadow(2px 8px 16px #fff);
}

.short #banner #ajout_banner_2 {
	top:-250px;
}

#page #banner h1 {
position: relative;
display: none;
}
#page #banner #logo_banner_cont {
border: 0px solid blue;
position: relative;
top: 0px;
float: left;
width: 250px;
height: 120px;
background: url(/images/) no-repeat center;
text-align: center;
margin: 0px 0 0 1%;
}
#page #banner .logo_page a img {
border: 0px solid blue;
height: 90px;
width: 500px;
background: url(/images/) no-repeat top left;
}
#page #banner .logo_page h2 {
display: none;
color: #fff;
text-align: center;
width: 600px;
margin-top: 12px;
text-transform: uppercase;
font-size: 2.4em;
line-height: 1.0em;
letter-spacing: 4px;
font-weight: bold;
}
#page #banner #text_flash {
margin: -20px 0 0 -10px;
}
#ajout_banner {
    color: rgba(0,0,0,0);
    font-family: viga;
    font-size: 3.5em;
    margin-left: 300px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    z-index: 5;
    top: 15px;
    width: calc(100% - 300px);
    background: url(/images/logo_tuto.png) no-repeat center / contain;
}
.short #ajout_banner {
border: 0 solid #0000ff;
color: #e2007a;
font-family: viga;
font-size: 3em;
margin: 0 0 0 210px;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 5px;
width: calc(100% - 300px);
	opacity: 0
}
#box_log {
border: 0 solid #999999;
left: auto;
margin: 0 0 0 100px;
position: relative;
text-align: center;
top: 0;
width: 100%;
}
#retour_accueil a {
    background: #fff;
    display: block;
    height: 95px;
    left: 50%;
    margin-left: -550px;
    position: absolute;
    text-indent: -999em;
    top: 0px;
    font-size: 1px;
    padding: 20px;
    z-index: 10;
    margin-top: -20px;
    border-radius: 100%;
    width: 290px;
}
#retour_accueil a img {
    background: rgba(0, 0, 0, 0) url(/images/logo.png) no-repeat scroll center center / contain;
    border: 0 solid #0000ff;
    display: block;
    height: 100%;
    left: 0;
    margin: 0;
    position: relative;
    top: 0;
    width: 100%;
}
#choix_langue {
border: 0 solid #0000FF;
left: 50%;
margin-left: 443px;
position: absolute;
top: 6px;
width: 100px;
z-index: 61;
/*display: none;
*/}
#choix_langue input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  float: left;
  padding: 3px;
  transform: scale(0.8);
}

#choix_langue input.up {
  border: 3px solid rgba(255, 255, 255, 0.8);
  border-radius: 100%;
  box-shadow: 0 5px 10px -7px #000;
  padding: 0;
  transform: scale(1.1);
}#choix_langue img {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  float: left;
  padding: 3px;
  transform: scale(0.8);
}

#choix_langue img.up {
  border: 3px solid rgba(255, 255, 255, 0.8);
  border-radius: 100%;
  box-shadow: 0 5px 10px -7px #000;
  padding: 0;
  transform: scale(1.1);
}
#creationCREAPRIME {
border: 0 solid blue;
left: 50%;
margin-left: 200px;
position: absolute;
top: 2px;
display: none;
}
/* #################### */
/* ##### cart  ######## */
/* #################### */
#cart {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-radius: 3px;
font-size: 1.2em;
height: 48px;
left: auto;
margin: 00 0 0 73px;
padding: 0;
position: relative;
top: 21px;
width: 239px;
}
#cart h3 {
color: #fff;
font-size: 22px;
font-weight: bold;
margin: 0;
text-transform: uppercase;
}
#cart h4 {
color: #fff;
float: left;
font-size: 12px;
font-weight: normal;
margin: 0;
}
#cart a {
color: #ddd;
font-size: 1em;
}
#cart .inner_cart {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-radius: 0;
float: left;
height: 48px;
width: 70%;
margin: 0 0 0 31px;
}
#cart .inner_cart img.image_panier {
float: left;
margin: 4px 25px 4px 5px;
}
#prix_panier {
color: #afa093;
}
#cart a:hover {
color: #fff;
text-shadow: 1px 0px 3px #fff;
}
table.cart {
background: #fff;
border: 1px solid #aaa;
}
table.cart td {
border: 1px solid #ddd;
padding: 5px;
text-align: center;
}
table.cart th {
color: #fff;
background: #f60 url(/images/deg_blanc.png);
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#page #banner #text_flash {
margin: 0px 0 0 -10px;
}
}

#conteneur {
  background: #fff url(/images/ill_03.png) no-repeat scroll 2% bottom / auto;
  /* margin-bottom: 150px; */
  position: relative;
  z-index: 2;
}
#footer {
height: 340px!important;
}
/* ######################### */
/* ####### FOOTER ########## */
/* ######################### */
#footer {
 /* background: #222 url("/images/deg_blanc.png") repeat-x scroll right -20px;
  bottom: 0;
  box-shadow: 3px 3px 4px #333333;
  height: 450px;
  padding: 10px 0 0;
  position: fixed;
  width: 100%;
  z-index: 1;*/
  display: none;
}
#footer .wrap {
margin: 4% auto;
}
#foot_cont {
background: none;
margin: 5px auto;
width: 1100px;
}
#foot_cont ul li {
background: none;
display: block;
float: left;
padding: 0 0 0 12px;
list-style: none;
text-align: left;
}
#foot_cont ul.page_edit li {
width: 95%;
}
#foot_cont ul.page_edit {
border: 0 none !important;
float: left;
margin: auto 0 0 1%;
padding: 2px 0 0 1%;
width: 31%;
}
#foot_cont ul#page_static li {
width: 90%;
}
#foot_cont ul li a {
border: 0 none;
color: #7f7f7f;
float: none;
padding: 0;
}
#foot_cont ul li a:hover {
border: 0 none;
color: #eee;
float: none;
padding: 0;
}
h3.titre_foot {
color: #fff;
}
#foot_cont ul#page_static {
margin: auto;
padding: 2px 0 0;
}
.footer_left {
float: left;
margin: 0 2% 0 0;
padding: 0 1% 0 0;
width: 19%;
}
.footer_right {
float: left;
width: 58%;
}
.footer_out_right {
color: #fff;
float: none;
padding: 1%;
width: 17%;
display: inline-block;
vertical-align: top;
}
.footer_out_right img {
height: auto !important;
width: 70% !important;
}
.soutien {
font-size: 14px;
margin: 5px;
text-align: center;
}
#foot_cont ul#soci_lnk {
border: 0 solid blue !important;
float: left;
margin: 10px auto;
padding: 2px 0 0;
width: 100%;
}
#foot_cont ul#soci_lnk li {
height: auto;
}
#foot_cont ul#soci_lnk li.li_fb {
padding: 2px 0 0;
}
#foot_cont ul {
/*width: 980px;*/
margin: auto;
border: 0px solid blue!important;
padding: 2px 0 0 0;
}
#footer li {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-right: 0 solid #999;
display: inline-block;
float: none;
height: 18px;
line-height: 18px;
list-style: outside none none;
margin: 0 0 0 10px;
overflow: hidden;
padding: 0 10px 0 0;
vertical-align: top;
}
#foot_cont ul#footer_mk li {
background: url("/images/dot_li_blanc.png") no-repeat scroll left center rgba(0, 0, 0, 0);
display: block;
float: left;
padding: 0 0 0 12px;
text-align: left;
width: 30%;
}
#footer li a {
color: #145DC7;
}
#footer li a {
color: #37e;
}
#toggle_footer {
display: inline-block;
width: 40%;
}
#footer ul#soci_lnk {
display: inline-block;
vertical-align: top;
width: 55%;
text-align: right;
}
#footer ul#soci_lnk li {
height: auto;
}
.logo_footer {
float: left;
margin: 10px auto;
}
#bouton_commande span.h2 {
display: block;
color: #fff;
position: relative;
z-index: 1;
font-size: 1.5em;
height: 45px;
line-height: 100%;
margin: 5px 0 -50px 0;
}
/*CSSEditor|structure,global|Zone int?rieure*/
#page #wrapper {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
margin: 0 auto;
padding: 0 0 40px;
width: 1100px;
}
/* #### Structure 3 colonnes #######*/
#fiche_produit #page #main {
}
/* #### Structure 2 colonnes #######*/
.oc_left #page.two_col #main {
float: left;
padding: 35px 0 0 300px;
width: 800px;
}
#page.two_col #wrapper {
}
a.add_a, a.add_b {
font-size: 1.6em;
color: #ded;
text-shadow: 1px 2px 5px #fff;
}
a.add_a {
display: block;
height: 30px;
}
a:hover.add_a, a:hover.add_b {
text-decoration: none;
color: #fff;
}
/* ################## */
/* #### leftbar  #### */
/* ################## */
.nocol #leftbar {
display: none!important;
}
#leftbar {
border: 0 solid #cccccc;
border-radius: 0;
float: left !important;
margin: -8px 5px 0 -1100px;
min-height: 450px;
overflow: hidden;
padding: 0;
width: 275px;
}
#leftbar #left_address {
color: #006600;
font-size: 0.85em;
line-height: 160%;
margin: 25px 0 0 5px;
text-align: left;
width: 80%;
}
#leftbar #logo_left {
border: 0px solid blue;
text-align: left;
margin: 0 0 0 1px;
}
#leftbar h2.titre_box {
margin: 50px auto 0 auto;
text-align: center;
/*border-bottom:1px solid #69d;*/
/*color:#fff;*/
font-size: 1.4em;
}
#leftbar .informations {
display: none;
}
#page_gamme #leftbar .informations {
display: block;
}
#page_gamme #leftbar .informations .box {
}
#page_gamme #main .informations {
display: none;
}
#main .informations {
width: 100%;
clear: both;
}
.index #main .informations {
width: 97%;
}
#main .informations .box {
background: none repeat scroll 0 0 #fff;
border-radius: 3px;
float: left;
font-size: 90%;
height: 95px !important;
margin: 0 0.3% -4px 0;
overflow: hidden;
padding: 0;
text-align: center;
width: 24.7%;
}
#main .informations .box.i_stock {
height: 75px;
padding: 10px 0 0;
}
#main .informations .box.i_livraison {
height: 85px;
padding: 10px 0 0;
}
#main .informations .box.i_paiement {
height: 85px;
padding: 10px 0 0;
}
#main .informations .box.i_paiement img {
float: none;
max-width: 100%!important;
margin: -8px auto;
}
#main .informations .box.i_lnk {
}
#main .informations .box h5 {
background: none repeat scroll 0 0 #e03215;
color: #fff;
margin: 0;
}
#main .informations .box a {
background: url("/images/bouton_plus_box.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
border: 0 solid blue;
color: inherit;
display: block;
height: 95px;
margin: 0;
}
#main .informations .box a:hover {
background: url("/images/bouton_plus_box_up.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
}
.informations {
background: none repeat scroll 0 0 #ffffff;
border-radius: 5px;
margin: 10px 5px;
padding: 5px;
width: 225px;
}
.informations .box {
margin: 10px auto;
text-align: center;
}
.informations .box img {
float: left;
margin: -3px 5px 0 20px;
}
.informations .box h4 {
}
.informations .box.i_stock {
}
.informations .box.i_stock h4 {
color: #e03215;
font-size: 2.2em;
line-height: 95% !important;
margin: 0 0 0 85px;
}
.informations .box.i_stock .h4 {
display: block;
color: #e03215;
font-size: 2.2em;
line-height: 95% !important;
margin: 0 0 0 85px;
}
.informations .box.i_stock {
color: #e03215;
text-align: center;
}
.informations .box.i_stock strong {
display: block;
font-size: 0.75em;
text-transform: uppercase;
}
.informations .box.i_livraison {
}
.informations .box.i_livraison h4 {
color: #1882b4;
font-size: 2.2em;
line-height: 95% !important;
margin: 0 0 0 85px;
}
.informations .box.i_livraison .h4 {
display: block;
color: #1882b4;
font-size: 2.2em;
line-height: 95% !important;
margin: 0 0 0 85px;
}
.informations .box.i_livraison {
color: #197FB3;
text-align: center;
}
.informations .box.i_livraison strong {
display: block;
font-size: 0.75em;
text-transform: uppercase;
}
.informations .box.i_paiement {
width: 150px;
}
.informations .box.i_paiement h4 {
}
.informations .box.i_paiement .h4 {
}
.informations .box.i_paiement strong {
}
/* ################## */
/* #### rightbar #### */
/* ################## */
#rightbar {
/*   background:#DEDE7B url("../images/fond_leftbar.jpg") no-repeat bottom left ; */
background: url("/images/top_actu.png") no-repeat scroll center -20px #DEDBD5;
border-radius: 0 0 0 0;
float: left !important;
margin: 0px 0 0 -200px;
min-height: 450px;
overflow: hidden;
padding: 0 0 15px;
width: 200px;
display: none;
}
#page.two_col #rightbar {
display: none;
}
/* ################## */
/* #### box actu #### */
/* ################## */
#actu_box_left {
}
#actu_box_left h2.titre_box {
text-transform: uppercase;
letter-spacing: 5px;
font-weight: normal;
text-align: center;
color: #ec760e;
font-size: 1.8em;
margin: 0 0 14px 0;
border: 0!important;
}
#leftbar #marqueecontainer, #rightbar #marqueecontainer {
border-top: 1px solid #ddd;
height: 455px;
margin: 30px 0 0 0;
overflow: hidden;
padding: 0;
position: relative;
width: 100%!important;
}
.bactu {
border-bottom: 1px solid #FFFFFF;
margin: 25px auto;
width: 95%;
;
}
.bactu a {
color: #333;
}
.bactu .titre {
font-size: 1.5em;
text-shadow: 1px 0 3px #fff;
text-align: center;
}
.bactu .img_z {
width: 90%;
margin: auto;
}
.bactu .img_z img {
width: 100%;
}
/* ################## */
/* ##### Mention #### */
/* ################## */
body#mentions {
}
#mentions, #mentions p {
}
/* ################## */
/* ##### .INDEX  #### */
/* ################## */
#marqueecontainer {
border-top: 1px solid #f60;
height: 255px;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 220px;
}
#pages.index #actu_box_left, #actualites #actu_box_left {
display: none!important;
}
#pages.index .adresse {
border-bottom: 1px solid #999999;
color: #000000 !important;
left: auto;
margin: 0;
position: absolute;
right: 0;
text-align: right;
top: 50px;
width: 150px;
}
#pages.index .adresse span {
color: #999;
}
.index #leftbar {/*
display:none;*/
}
.index #breadcrumb {
display: none;
}
.index #rightbar {
display: none;
}
#pages.index.oc_left #main {
float: left;
min-height: 450px;
padding: 20px 0 0 300px;
width: calc(100% - 300px);
}
#pages.index.nocol #main {
float: none;
min-height: 450px;
padding: 20px 0;
}
#pages.index #wrapper {
background: #fff;
box-shadow: 0 5px 10px -8px #000;
margin: 0 auto;
padding: 0 0 40px;
width: 1100px;
}
.index #choix_langue {
border: 0 solid blue;
left: 50%;
margin-left: 350px;
position: absolute;
top: 0px;
width: 100px;
}
.index #box_new_index {
height: 180px;
margin: 0;
overflow: hidden;
position: relative;
top: -50px;
width: 50%;
float: left;
}
.index .box_new_index {
float: left;
height: 190px;
margin: 0;
overflow: hidden;
position: relative;
top: -50px;
width: 50%;
}
.index #box_promo_index {
height: 190px;
margin: 0;
overflow: hidden;
position: relative;
top: -50px;
width: 50%;
}
.index #box_new_index .box_prod.bp_light {
background: none repeat scroll 0 0 #fff;
border: 1px solid #dddddd;
border-radius: 0;
box-shadow: 1px 1px 3px -3px #000;
float: left;
margin: 5px 10px 0 0;
padding: 0;
width: 395px;
}
.index .box_new_index .box_prod.bp_light {
background: none repeat scroll 0 0 #fff;
border: 1px solid #dddddd;
border-radius: 0;
box-shadow: 1px 1px 3px -3px #000;
float: left;
height: 185px;
margin: 5px 10px 0 0;
padding: 0;
width: 395px;
overflow: hidden;
}
.index #box_promo_index .box_prod.bp_light {
background: none repeat scroll 0 0 #fff;
border: 1px solid #dddddd;
border-radius: 0;
box-shadow: 1px 1px 3px -3px #000;
float: left;
margin: 5px 0px 0 0;
padding: 0;
width: 395px;
height: 185px;
}
.index .titreg {
display: none;
}
.index .textbloc {
font-size: 120%;
height: auto;
line-height: 125%;
padding: 0 5px;
text-align: justify;
/*width: 93%;*/
}
.box_index {
width: 25%;
color: #fff;
font-size: 2em;
line-height: auto!important;
height: 150px;
text-align: center;
}
.box_index em {
display: block;
visibility: hidden;
float: left;
margin-left: -150px;
}
.box_index strong {
display: block;
font-size: 1.3em;
margin: 5px;
text-transform: uppercase;
}
.box_index div.inner_box_index {
width: 98%;
background: #796854;
margin: 0 1%;
height: 260px;
}
.box_index div.inner_box_index div {
height: 200px;
padding: 0;
line-height: 120%;
}
.box_index.box01 div.inner_box_index div {
background: url(/images/box_index_02.png) no-repeat #796854 center 10px;
padding: 80px 0 0 0;
height: 120px;
}
.box_index.box02 div.inner_box_index div {
background: url(/images/box_index_03.png) no-repeat #796854 -5px 30px;
padding: 55px 0 0 0;
height: 145px;
}
.box_index.box03 div.inner_box_index div {
background: url(/images/box_index_04.png) no-repeat #796854 center 10px;
padding: 50px 0 0 0;
height: 150px;
font-size: 1.05em;
text-transform: uppercase;
}
.box_index.box04 div.inner_box_index div {
background: url(/images/box_index_01.png) no-repeat #796854 center 10px;
padding: 80px 0 0 0;
height: 120px;
font-size: 80%;
line-height: 90%;
}
p.box_plus {
display: block;
width: 90%;
padding: 0;
margin: 15px auto 0 auto!important;
box-shadow: -3px -3px 5px #fff;
}
p.box_plus a {
height: 25px;
font-size: 90%;
line-height: 25px;
padding: 5px;
display: block;
color: #fff;
background: #ec760e;
box-shadow: 3px 3px 5px #000;
}
/* ######################### */
/* ####### signature ####### */
/* ######################### */
#signature {
clear: both;
width: 1000px;
height: 15px;
/*margin:0 auto 50px auto;*/
padding: 0;
text-align: center;
}
#signature li {
display: inline;
text-align: center;
margin: 0 10px 0 10px;
}
#signature li a {
font-size: 1.1em;
font-weight: bold;
color: #FFF;
line-height: 13px;
word-spacing: 0;
letter-spacing: 0;
border-left: 1px solid #FFF;
padding: 0 0 0 22px;
}
#signature li a:link {
color: #009933;
}
#signature li a:visited {
color: #CCC;
}
#signature li a:hover {
color: #009933;
}
#signature li a:active {
color: #FFF;
}
/* ############################ */
/* ########   Loading  ######## */
/* ############################ */
#splash_load {
position: absolute;
z-index: 151;
display: none;
width: 750px;
height: 170px;
top: 200px;
left: 50%;
text-align: center;
margin: 0 0 0 -375px;
background: url(/images/img_admin/glow.png) no-repeat;
}
#splash_load img {
margin-top: 70px;
}
#splash_load_fond {
background: none repeat scroll 0 0 #FFFFFF;
height: 100%;
left: 0;
opacity: 0.6;
position: fixed;
top: 0;
width: 100%;
z-index: 150;
display: none;
}
/* ############################## */
/* ########  box_preview ######## */
/* ############################## */
#menu_preview {
background: url("/images/noir_80.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
border-radius: 10px;
box-shadow: 0 0 4px #000;
color: #fff !important;
padding: 10px 20px;
position: absolute;
right: 2%;
top: 5px;
width: 200px;
z-index: 1000;
}
#menu_preview h3 {
color: #fff;
margin: 0px;
}
#menu_preview li {
color: #fff;
}
#menu_preview a {
color: #fff;
}
/* ############################## */
/* ########  Publicite ######## */
/* ############################## */
#publicite_6.bloc_pub {
position: absolute;
left: 50%;
top: 84px;
margin-left: -140px;
}
/* GALERIE PAGE */
.kwicks .caption {
font-size: 90%;
background: url("/images/noir_80.png") repeat scroll 0 0 transparent;
color: #FFFFFF !important;
font-weight: normal !important;
height: 120px;
margin-top: -120px;
min-width: 500px;
position: relative;
padding: 2px 15px;
}
.kwicks .caption .content {
color: #FFFFFF;
line-height: 110%;
}
.caption .content h1, .caption .content h2, .caption .content h3, .caption .content h4, .caption .content h5 {
color: #fff;
}
/* ########################### */
#mav.galerie_mav {
height: 400px;
width: 650px;
margin: 0 20px;
}
#mav.galerie_mav > div > a {
display: block;
height: 400px;
width: 650px;
overflow: hidden;
}
#mav.galerie_mav .caption {
}
#mav.galerie_mav .content h1.titre_actualite {
color: #FFFFFF;
font-size: 1.3em;
font-weight: normal;
text-align: left;
text-transform: uppercase;
margin: 0;
}
#mav.galerie_mav .caption .content {
background: url("/images/noir_deg_70.png") repeat-x scroll 0 top transparent;
height: 80px;
line-height: 110%;
margin: -80px 0 0;
width: 630px;
}
#mav.galerie_mav .img_mav {
float: left;
margin: 0px;
}
#mav.galerie_mav .img_mav img.slide_index2 {
display: block;
visibility: visible;
width: 650px;
border: 0px solid red;
}
#mav.galerie_mav .img_mav img.slide_index {
display: block;
visibility: visible;
border: 0px solid blue;
height: 400px;
}
#mav_nav.galerie_mav {
margin: 0 32px 0 0;
position: relative;
top: -74px;
}
#breadcrumb {
background: url("/images/fond_bread.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
height: 29px;
line-height: 29px;
margin: 0 0 0 279px;
padding: 0 10px;
position: absolute;
top: 202px;
width: 800px;
}
#breadcrumb a {
color: #999;
font-size: 11px;
}
#breadcrumb a:hover {
color: #E2007A;
}
#recherche {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-radius: 0;
height: 42px;
left: auto;
margin: 0 0 0 41px;
padding: 2px 10px;
position: relative;
top: 43px;
width: 220px;
z-index: 11;
}
#recherche .result_search {
}
#recherche input {
background: url("/images/input_search.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
border-radius: 3px;
font-size: 14px;
height: 32px;
margin: 5px 0;
padding: 0 0 0 10px;
position: relative;
width: 165px;
}
#recherche input.bt_sub {
background: url("/images/button-search.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
box-shadow: none;
color: #145dc7;
cursor: pointer;
margin: 0 -10px 0 5px;
width: 78px;
}
#recherche input.image_submit {
background: url("/images/button-search.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display: block;
float: right;
height: 32px;
width: 30px;
}
#recherche input.image_submit:hover {
background: url("/images/button-search.png") no-repeat scroll -54px 0 rgba(0, 0, 0, 0);
display: block;
float: right;
height: 32px;
width: 30px;
}
#recherche input.nosearch {
color: #afa093;
font-style: italic;
}
#entete_main {
background: none repeat scroll 0 0 #000;
height: 590px;
padding: 10px;
}
#box_lnkfb {
clear: both;
float: left;
margin: 15px auto;
width: 100%;
}
#box_lnkfb a {
background: url("/images/img_lnkfb.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
border: 1px solid #026;
color: #fff;
display: block;
font-size: 20px;
height: 31px;
line-height: 30px;
margin: 0 auto;
padding: 0;
text-align: center;
width: 235px;
}
a.lnk_more_mk {
background: url("/images/deg_blanc.png") repeat-x scroll 0 0 #ddd;
border: 1px solid #999;
border-radius: 5px;
color: #999 !important;
display: block;
margin: 2px 5px;
padding: 2px 5px;
}
a.lnk_more_mk:hover {
background: #FFFFFF;
border-color: #248FFF;
color: #248FFF!important;
}
.row.horsstock {
background: #FFAAAA;
}
.row.horsstock .text_hs {
clear: both;
display: block;
float: none !important;
margin: 2% !important;
padding: 2% !important;
text-align: center !important;
width: 92% !important;
}
.row.horsstock table.ecart td {
background: url("/images/deg_blanc.png") repeat-x scroll left top #faa;
border: 1px solid #aaa;
padding: 5px;
text-align: center;
}
.box_new_index .box_prod.bp_light .prod_marque {
color: #666;
font-size: 15px;
height: 20px;
margin-top: -24px;
overflow: hidden;
}
#page #wrapper {
background: #fff;
box-shadow: 0 5px 10px -8px #000;
margin: 0 auto;
padding: 0 0 40px;
width: 1100px;
}
.oc_left #leftbar {
border: 0 solid #ccc;
border-radius: 0;
float: left !important;
margin: 0 5px 0 -100%;
min-height: 450px;
overflow: hidden;
padding: 0;
width: 300px;
}
.oc_left #page #main {
float: left;
min-height: 450px;
padding: 20px 0 0 300px;
width: calc(100% - 300px);
}
.nocol #page #main {
  float: none;
  min-height: 450px;
  padding: 60px 0;
}
#breadcrumb {
  background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0;
  color: #666;
  height: 20px;
  line-height: 20px;
  margin: 0;
  padding: 7px 1%;
  position: relative;
  top: 138px;
  width: 98%;
}

#alt_menu_left {
}
.aml {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
clear: both;
height: 70px;
margin: 5px 0;
vertical-align: middle;
width: 295px;
}
.aml a {
color: #FFFFFF;
}
.aml span {
display: table-cell;
font-size: 20px;
height: 70px;
line-height: 110%;
vertical-align: middle;
width: 180px;
}
.aml .aml_img {
display: table-cell;
height: 70px;
text-align: center;
vertical-align: middle;
width: 110px;
}
.aml.m_livraison {
}
.aml.m_cgv {
}
.aml.m_contact {
}
/*CSSEditor|menu,level_1|Zone globale*/
#not_nested_one {
padding: 0;
margin: 0;
width: 646px;
height: 30px;
}
#not_nested_one #menu > li {
background: url(/images/menu_top.png) no-repeat left bottom;
}
#not_nested_one #menu > li.id40 {
background: url(/images/menu_top_alt.png) no-repeat left bottom;
}
#not_nested_one #menu > li.up {
background: url(/images/menu_top_up.png) no-repeat left bottom;
}
#menu {
padding : 0; /* pas de marge int?rieure */
margin : 0 0 0px 0; /* ni ext?rieure */
list-style : none; /* on supprime le style par d?faut de la liste */
line-height : 21px; /* on d?finit une hauteur pour chaque ?l?ment */
text-align : center; /* on centre le texte qui se trouve dans la liste */
font-weight : normal; /* on met le texte en gras */
font-size : 12px; /* hauteur du texte : 12 pixels */
width: 100%;
color: #FFF;
}
#menu table.menu_left td {
height: 35px;
}
#menu a /* Contenu des listes */ {
display : block;
padding : 0;
font-size: 1.2em;
font-weight: normal;
background : transparent;
color: #FFFFFF;
line-height: 13px;
word-spacing: 0;
text-decoration: none;
}
#menu ul {
margin: 2px 0 -2px 0;
}
#menu li /* Elements des listes */ {
float : left;
border-radius: 0px 0px 0 0;
padding: 3px 1%;
background: none;
border-right : 1px solid #462; /* on met une bordure blanche ? droite de chaque ?l?ment */
border-left : 1px solid #462; /* on met une bordure blanche ? droite de chaque ?l?ment */
}
#menu li.up {
background: url(/images/up_menu_top.png) repeat-x top;
border-right : 1px solid #999; /* on met une bordure blanche ? droite de chaque ?l?ment */
border-left : 1px solid #999; /* on met une bordure blanche ? droite de chaque ?l?ment */
}
#menu li.up a {
color: #fa6;
text-shadow: 1px 0 5px #000;
}
#menu li ul li a {
color: #CC0000;
background: none!important;
}
#menu .mprod {
padding: 0!important;
margin: 0!important;
text-align: left;
}
#menu .mprod a {
color: #660000;
}
#menu .mprod.up a {
color: #fff;
border-left: 4px solid #FFF;
background: #ccc;
width: 162px;
}
#menu .mprod a:hover {
color: #CC3300;
}
#menu .mprod ul {
position: relative;
top: 0;
left: 0;
font-size: 10px;
}
#menu .mprod ul li a {
background: none!important;
}
/* IE ne reconnaissant pas le s?lecteur ">" */
html>body #menu li {
}
#menu li ul.try, #menu_three li ul.try /* Sous-listes */ {
position: absolute; /* Position absolue */
width: 135px; /* Largeur des sous-listes */
left: -999em; /* Hop, on envoie loin du champ de vision */
margin: -1px 0 0 0;
/*width:171px;*/
z-index: 150;
border: 1px solid blue;
}
#menu li ul.try li /* ?l?ments de sous-listes */ {
border-top : 0px solid #fff; /* on met une bordure blanche en haut de chaque ?l?ment d'une sous liste */
border: none;
background: url(../images/fond_sl.png) repeat 0 0;
margin: 1px 0 0 0;
/*width:200px;*/
width: 136px;
}
#menu li ul.try li:hover {
background: #999;
}
#menu li ul.try li a {
min-height: 20px;
font-weight: normal;
color: #FFF;
padding: 5px 0;
font-size: 14px;
text-shadow: 1px 0 1px #444;
}
#menu li ul.try li a:hover {
text-shadow: 1px 0 1px #ddd;
}
html>body #menu li ul#one li {
border-top : 0px solid transparent;
}
#menu li ul.try li a:hover, #menu_three li ul.try li a:hover {
color: #000!important; /* On passe le texte en noir... */
background: url(/images/up_menu_b_main_menu.png) no-repeat center!important;
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul {
left: auto; /* Repositionnement normal */
min-height: 0; /* Corrige un bug sous IE */
}
.lnk_contact {
display: block!important;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
text-transform: uppercase;
margin: 0 0 0 290px;
position: absolute;
top: 55px;
}
.lnk_contact a {
color: #777;
text-shadow: 0 1px 1px #ddd;
}
.lnk_contact a:hover {
color: #ccc;
text-decoration: none;
text-shadow: 0 1px 1px #000;
}
#signature #lien_bas li a {
color: #888;
font-weight: normal;
margin: 0 2px;
padding: 0!important;
border: 0!important;
font-size: 0.9em;
text-transform: capitalize;
}
#signature #lien_bas li a:hover {
color: #ddd;
text-decoration: none;
}
#signature #lien_bas li {
margin: 0 2px;
padding: 0!important;
border: 0!important;
}
/* ############# V3 #########"*/
#surmenu {
border: 0px solid #333;
width: 100%;
font-size: 80%;
}
#menu #surmenu li {
border-left: 1px solid #999;
padding: 0;
}
#surmenu table.menu_left td {
height: 30px;
line-height: 15px!important;
background: #333;
}
#surmenu table.menu_left td a {
line-height: 15px;
padding: 2px 30px;
font-size: 15px;
color: #eee;
}
#surmenu table.menu_left td a:hover {
color: #fff;
}
#menu table.menu_left td, #menu table.menu_left li {
padding: 1px;
margin: 0;
}
#menu #b_main_menu table.menu_left td {
background: #060 url(/images/deg_blanc.png) repeat-x 0 23px;
}
#menu #b_main_menu li.up table.menu_left td {
background: #069 url(/images/deg_blanc.png) repeat-x 0 23px;
}
#menu #b_main_menu table.menu_left td:hover {
background: url(/images/up_menu_b_main_menu.png) no-repeat center;
}
#menu #b_main_menu table.menu_left td a {
border-bottom: 0px solid #eee;
}
#menu #b_main_menu table.menu_left td a:hover {
border-bottom: 0px solid #f00;
border-radius: 5px 5px 0 0;
text-shadow: 1px 0 2px #000;
}
#leftbar #surmenu td.td_menu .hdl_nav {
border: 0 none;
float: right;
overflow: hidden;
}
#leftbar #surmenu td.td_menu .hdl_nav a {
padding: 0 2px!important;
}
.ms_cont #page #banner {
/*min-height:140px;*/}
/*--- MENU HAUT --------------------------------------*/
#b_main_menu {
background: rgba(0, 0, 0, 0) url("/images/deg_blanc.png") repeat-x scroll 0 -10px;
border-radius: 3px;
height: 45px;
padding: 0 0 0 300px;
position: relative;
top: 120px;
width: calc(100% - 300px);
z-index: 10;
}
#b_main_menu a {
color: #000;
}
#b_main_menu a:hover {
color: #fff;
}
#b_main_menu ul {
background: none;
margin: 0 0 0 00px;
}
#b_main_menu li {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
float: left;
list-style: outside none none;
margin: 0 1%;
padding: 0 !important;/* width: 22%;*/
position: relative;
}
#b_main_menu li {
    background: rgba(250, 120, 20, 0.95) linear-gradient(176deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)) repeat scroll 0 0;
    float: none;
    height: auto;
    list-style: outside none none;
    margin: 0 0.5%;
    padding: 0 !important;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 50px;
    transition: all 0.3s ease 0s;
}
#b_main_menu li:hover { 
background-color:#E2007A;
}
#b_main_menu li.nested {
/*	background: url(/images/mli_nested.png) no-repeat scroll center bottom rgba(0, 0, 0, 0);
*/}
#b_main_menu table.menu_left td {border: 0 solid blue;height: 80px;text-align: center;vertical-align: middle;}
#b_main_menu table.menu_left td a {
color: #fff;
display: inline-block;
font-size: 1.6em;
padding: 35px 0;
width: 100%;
}
#b_main_menu li:hover table.menu_left td, #b_main_menu li.up table.menu_left td {
border-radius: 0 0 0px 0px;
}
#b_main_menu li:hover table.menu_left td a, #b_main_menu li.up table.menu_left td a {
color: #fff;
text-shadow: 1px 1px 2px #000;
}
#b_main_menu a {
font-size: 1.3em;
line-height: 16px;
}
#b_main_menu li ul.try {
position: absolute; /* Position absolue */
width: 135px; /* Largeur des sous-listes */
left: -999em; /* Hop, on envoie loin du champ de vision */
margin: -1px 0 0 0;
/*width:171px;*/
z-index: 150;
}
#b_main_menu li:hover ul.try {
left: auto; /* Repositionnement normal */
min-height: 0; /* Corrige un bug sous IE */
    flex-direction:column;
}
/**/
#b_main_menu li ul.try, #menu_three li ul.try {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
left: -999em;
margin: 0;
padding: 0;
position: absolute;
width: 180px;
z-index: 1150;
}

.short #b_main_menu li:hover ul.try
{
    top:50px;
}

#b_main_menu li ul.try li /* ?l?ments de sous-listes */ {
width: 160px;
border-top : 0px solid #fff; /* on met une bordure blanche en haut de chaque ?l?ment d'une sous liste */
border: none;
margin: 1px 0 0 0;
}
#b_main_menu li ul.try li a {
min-height: 20px;
text-align: left;
font-weight: normal;
color: #FFF;
background: none;
padding: 5px 0 5px 20px;
font-size: 14px;
text-shadow: 1px 0 1px #444;
}
#b_main_menu li ul.try li a:hover {
text-shadow: 1px 0 1px #fff;
}
html>body #b_main_menu li ul#one li {
border-top : 0px solid transparent;
}
#b_main_menu li ul.try li a:hover, #menu_three li ul.try li a:hover {
color: #000!important; /* On passe le texte en noir... *//*  background: #FFF!important;  /*... et au contraire, le fond en blanc */
}
#b_main_menu li:hover ul, #b_main_menu li li:hover ul, #b_main_menu li.sfhover ul, #b_main_menu li li.sfhover ul {
left: auto; /* Repositionnement normal */
min-height: 0; /* Corrige un bug sous IE */
}
#b_main_menu li:hover ul li ul.try.second {
left: -9999px;
}
#b_main_menu li:hover ul li:hover ul.try.second {
left: 98%;
margin: 0px 0 0;
min-height: 0;
top: 0;
}
#b_main_menu li:hover ul li ul.try.second {
left: -9999px;
}
/* EOF */
#b_main_menu li ul.try li {
/*  background: #e31 url("/images/deg_blanc.png") repeat-x scroll 0 0;
*/  box-shadow: 1px 0 3px -2px #000;
float: left;
margin: 00;
padding: 5px 5% !important;
width: 90%;
    border-radius: 5px;
}
#b_main_menu li ul.try li:hover {
background: #333;
}
#b_main_menu li ul.try li a {
color: #eee;
display: block;
line-height: 16px;
}
#b_main_menu li ul.try li:hover a {
color: #fff!important;
text-shadow: 1px 1px 3px #333;
}
#b_main_menu li > ul.try li._nes > a {
background: url(/images/menu_fleche_50.png) no-repeat right center;
}
#b_main_menu li > ul.try li._nes > a:hover {
background: url(/images/menu_fleche.png) no-repeat right center;
}
#b_main_menu > ul {
border-style: solid;
margin: 0;
padding: 0;
}
#leftbar #surmenu {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-radius: 3px;
float: left;
margin: 30px 0;
padding: 0;
}
#leftbar #navigation_left {
margin: 10px 0;
padding: 0 0 28px;
width: 295px;
}
#leftbar #navigation_left h3, #cont_menu_cat #navigation_left h3 {
background: url("/images/bandeau_produits") repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #e11de1;
font-size: 20px;
font-weight: bold;
height: 23px;
margin: -92px 0 !important;
padding: 22px 0 18px 50px;
position: absolute;
text-align: center;
text-transform: uppercase;
width: 246px;
z-index: 50;
}
#leftbar img.mark2 {
background: url("/images/marker-2.png") no-repeat scroll left top rgba(0, 0, 0, 0);
height: 15px;
width: 15px;
}
#leftbar img.mark2_ouvert {
background: url("/images/marker-2.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
height: 15px;
width: 15px;
}
#leftbar #surmenu div {
font-weight: normal;
margin: 0;
padding: 0;
text-align: left;
width: auto;
}
#leftbar #surmenu div.m_li {
border-bottom: 2px dotted #333;
}
#leftbar #surmenu div.m_li.up {
background: none repeat scroll 0 0 rgba(0,0,0,0.5);
}
#leftbar #surmenu .sous_rub div {
border-bottom: 1px dotted #755;
margin: 0 15px;
}
.sous_rub {
/*background: none repeat scroll 0 0 #94887C;*/
}
#leftbar #surmenu div#id_doc {
border-top: 1px solid #fff;
padding: 10px 0 10px 0px;
margin: 10px 0 0 0;
}
#leftbar #surmenu div#id_doc a {
background: url(/images/icopdf.png) no-repeat 5px center;
padding: 5px 0 5px 30px;
}
#leftbar #surmenu th {
border: 0!important;
color: #fff;
font-size: 1.2em;
padding: 0 0 0 0px;
/*background:url(/images/caddie_blanc.png) no-repeat left center*/;
background: none;
}
#leftbar #surmenu div.s_li.up td {
}
#leftbar #surmenu div.up td {
/* background: none repeat scroll 0 0 #145DC7 !important; */
color: #d22f14;
}
#leftbar #surmenu div.up table.menu_left td a {
color: #fff;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}
#leftbar #surmenu div.s_li.up table.menu_left td a {
color: #d22f14;
}
#leftbar #surmenu div a {
padding: 0 0 0 10px;
}
#leftbar #surmenu div .td_replie a {
padding: 0!important;
margin: 0!important;
}
#leftbar #surmenu div .lnk_fb {
color: #663333;
}
#leftbar #surmenu div .lnk_fb a {
color: #036;
font-size: 0.9em;
padding: 0;
}
#leftbar #surmenu div a:hover {
text-decoration: none;
}
#leftbar #surmenu td.td_menu {
width: 135px;
border: 0px solid blue;
}
#leftbar #surmenu td.td_replie {
width: 20px;
padding: 0 0 0 0px;
text-align: center;
border: 0px solid blue;
}
#leftbar #surmenu td.td_replie span {
width: 20px;
display: block;
border: 0px solid blue;
color: #fff;
font-weight: normal;
font-size: 15px;
}
#leftbar #surmenu table.menu_left td {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
height: auto !important;
line-height: 15px !important;
padding: 7px 2px;
}
#leftbar #surmenu .sous_rub table.menu_left td {
/*background: none repeat scroll 0 0 #94887C;*/
}
#leftbar #surmenu .s_li table.menu_left td {
line-height: 15px !important;
padding: 3px 0 5px 3px;
}
#leftbar #surmenu .ssous_rub .s_li table.menu_left td {
/*height:30px;*/
line-height: 15px!important;
background: #fed url(/images/blanc_65.png);
padding: 7px 0 7px 5px;
}
#leftbar #surmenu table.menu_left td a {
color: #333;
display: block;
font-size: 20px;
line-height: 110%;
padding: 0 0 0 30px;
text-align: left;
}
#leftbar #surmenu .s_li table.menu_left td a {
color: #896b64;
display: block;
font-size: 14px;
font-weight: normal;
line-height: 120%;
padding: 0 0 0 20px;
text-align: left !important;
}
#leftbar #surmenu table.menu_left td a.devplus, #leftbar #surmenu table.menu_left td a.devmoins {
display: inline;
font-size: 10px;
width: 15px;
float: left;
}
#leftbar #surmenu li.up a {
font-weight: bold;
text-shadow: 1px 0 4px #000;
}
/* ##########################*/
/* ####  MENU BANNER LEFT  ##*/
/* ##########################*/
#menu_banner_left {
background: url("/images/deg_blanc.png") repeat-x scroll 0 0 #F8D86E;
border: 0 solid #FF0000;
border-radius: 5px;
box-shadow: 1px 1px 3px -1px #000000;
color: #000000 !important;
font-weight: bold;
height: 35px;
left: 50%;
line-height: 35px;
margin-left: 141px;
padding: 14px;
position: absolute;
text-align: center;
top: 88px;
width: 150px;
}
#menu_banner_left a {
color: #000;
font-size: 1.3em;
text-transform: uppercase;
}
#menu_banner_left ul {
list-style: none;
margin: 0;
}
#menu_banner_left li {
float: left;
}
#menu_banner_left li a img {
width: 110px;
height: 30px;
}
#menu_banner_left li a {
width: 110px;
display: block;
height: 33px;
color: #fff;
font-size: 1.3em;
text-align: center;
line-height: 32px;
margin: 0px 5px 0 5px;
background: url(/images/bouton_bml.png) no-repeat bottom left;
}
#menu_banner_left li a span {
margin-top: -25px;
display: block;
}
#menu_banner_left li a:hover {
background: url(/images/bouton_bml.png) no-repeat top left;
}
#menu_banner_left li.li_mbl_accueil a {
background: url(/images/bouton_bml.png) no-repeat bottom left;
}
#menu_banner_left li.li_mbl_accueil a:hover, #menu_banner_left li.li_mbl_accueil.up a {
background: url(/images/bouton_bml.png) no-repeat top left!important;
}
#menu_banner_left li.li_mbl_contact a {
background: url(/images/bouton_bml.png) no-repeat bottom center;
}
#menu_banner_left li.li_mbl_contact a:hover, #menu_banner_left li.li_mbl_contact.up a {
background: url(/images/bouton_bml.png) no-repeat top center!important;
}
#menu_banner_left li.li_mbl_devis a {
background: url(/images/bouton_bml.png) no-repeat bottom right;
}
#menu_banner_left li.li_mbl_devis a:hover, #menu_banner_left li.li_mbl_devis.up a {
background: url(/images/bouton_bml.png) no-repeat top right!important;
}
h3.bandeau_produits {
border: 0px solid blue;
}
nav#alt_acces {
/*margin: 0;
position: absolute;
right: 0;
top: 0;
z-index: 51;*/
display:none;
}
nav#alt_acces ul {
}
nav#alt_acces li {
display: inline-block;
list-style: outside none none;
margin: 0 6px;
}
nav#alt_acces li a {
}
#menu_hd {
background: #999 none repeat scroll 0 0;
float: none;
height: 150px;
position: absolute;
right: 0;
top: 30px;
width: 350px;
display: none;
}
.menu_smart {
display: none;
}
/*-----------------------------ESPACE HEIGHT -------------------------------*/
/*-------------------------------META------------------------------*/
.meta {
margin: 3px auto 0 auto;
position: relative;
width: 980px;
height: 20px;
text-align: center;
}
.meta p {
font-size: 1.4em;
font-family: 'Geneva', Arial, Helvetica, sans-serif;
font-weight: normal;
color: #fff;
}
/*---INDEX-----------------------------------------------------------------------*/
.enter {
background: url(/images/fond_enter.png) repeat 0 0;
width: 110px;
height: 100px;
float: left;
margin: 0 8px 0 10px;
}
.enter .fleche {
width: 100px;
height: 12px;
margin: 0 auto;
display: block;
}
.enter a {
height: 65px;
display: block;
overflow: hidden;
}
.enter .bouton {
width: 100px;
margin: -5px auto 0 auto;
display: block;
}
#band_logo #logo {
width: 323px;
height: 238px;
float: left;
margin: 30px 0 0 40px;
}
.sector {
height: 181px;
width: 880px;
margin: 0 0 0 50px;
position: relative;
top: -65px;
}
.sco {
float: left;
}
/*---PAGE------------------------------------------------------------------------*/
.titreg {
    background: rgba(0, 0, 0, 0) url(/images/fleche_rouge.png) no-repeat scroll left center / auto 45px;
    border-bottom: 2px solid #eee;
    color: #000000;
    font-size: 1.6em;
    font-weight: normal;
    margin: 10px 0;
    padding: 10px 0 10px 41px;
    text-align: left;
}

#page.present .titreg {
font-size: 1.4em;
font-weight: bold;
letter-spacing: 2px;
text-align: center;
text-transform: uppercase;
color: #FFF;
background: url(../images/fond_body.png) repeat 0 0;
/*margin:30px 0 0 0;*/
margin: 0;
padding: 2px 0 2px 0;
}
#bloctext {
overflow: auto;
overflow-x: hidden;
padding-bottom: 0px;
height: 460px;
}
.textbloc {
font-size: 100%;
line-height: auto!important;
height: auto;
padding: 5px 15px;
}
.textbloc p, .textbloc span, .textbloc strong, .textbloc em {
line-height: auto!important;
}
.textbloc p {
margin: 15px 0;
/*line-height:130%!important;*/}
.textbloc p span {
line-height: auto!important;
}
ul.stry {
background: #FFCC66;
width: 650px;
min-height: 30px;
}
.stry li {
display: inline;
margin: 0 0 0 10px;
border-right: 1px solid #000;
line-height: 26px;
}
.stry li a {
font-size: 1.2em;
padding: 2px;
color: #000;
}
body#fiche_produit .img_vignette {
border: 1px solid #fff;
width: 98%!important;
height: auto!important;
}
body#fiche_produit #page.pages_gammes #vignettes_img {
width: 95%;
float: none;
overflow: hidden;
position: static;
background: url(/images/fond_texture.jpg)repeat scroll 0 0 #FFFFFF;
top: 180px;
border-top: 0px solid #333;
border-bottom: 0px solid #333;
border: 1px solid #fff;
margin: 0 1%;
padding: 1%;
}
body#fiche_produit #page #vignettes_img {
border-radius: 15px 0;
}
body#fiche_produit #page #vignettes_img #ajout_devis {
border-top: 1px solid #125;
margin: 30px 0 0 0;
float: left;
width: 100%;
}
body#fiche_produit #page #vignettes_img #ajout_devis #add_quantite {
background: url("/images/deg_blanc.png") repeat-x scroll 0 0 #DDDDDD;
font-size: 1.3em;
height: 25px;
text-align: center;
width: 100px;
}
h3.t_fiche {
color: #333;
margin-top: 20px;
border-top: 1px dashed #666;
}
body#fiche_produit #page.pages_gammes .img_vignette > h3 {
font-size: 2em!important;
color: #060;
}
#prod_fiche .row_doc {
margin: 10px;
}
#prod_fiche span.ext {
padding: 5px;
text-shadow: 1px 2px 3px #000;
box-shadow: 1px 2px 3px #000;
border: 1px solid #fff;
margin: 5px;
background: #600;
color: #fff;
font-size: 1.6em;
font-weight: bold;
border-radius: 8px;
}
#prod_fiche a {
color: #060;
}
#prod_fiche a:hover {
color: #090;
}
#prod_fiche span.ext a {
color: #ded;
}
#prod_fiche span.ext a:hover {
color: #fff;
text-decoration: none;
text-shadow: 1px 2px 3px #f90;
}
.img_vignette span.legend {
margin: auto;
display: block;
float: none;
clear: both;
text-align: center;
}
#prod_fiche .row {
margin: 10px;
clear: both;
border-bottom: 1px solid #060;
border-top: 1px solid #060;
}
#prod_fiche .row .img_ref {
width: 120px;
text-align: center;
background: #fff;
float: right;
}
#prod_fiche .row .img_ref span {
background: url("/images/noir_80.png") repeat scroll 0 0 transparent;
color: #FFFFFF;
display: block;
float: right;
font-size: 10px;
line-height: 20px;
margin-top: -20px;
text-align: center;
position: relative;
width: 100%;
}
#prod_fiche .row .img_ref span img {
height: 20px;
}
#prod_fiche .row .img_ref img {
width: auto;
height: auto;
}
#prod_fiche .row h4 {
}
body#fiche_produit #page.pages_gammes #vignettes_img .img_vignette a {
height: auto!important;
float: left;
width: 350px;
padding: 0!important;
}
body#fiche_produit #page.pages_gammes #vignettes_img .img_vignette img.main_img {
width: 350px!important;
height: auto!important;
float: left;
}
#page #image_main {
clear: both;
overflow: hidden;
height: 450px;
width: 646px;
}
#page #image_main img {
min-height: 450px;
min-width: 646px;
}
#cont_texte {
background: url("/images/blanc_80_grand.png") no-repeat bottom left scroll transparent;
border: 0 solid red;
height: 110px;
overflow: auto;
padding: 10px 10px 0;
width: 100%;
}
#cont_texte > div {
background: none repeat scroll 0 0 transparent;
height: 120px;
margin-top: 0;
overflow: auto;
padding: 0;
width: 98%;
}
#cont_texte .image_info_texte {
float: right;
height: 110px;
margin: 0px 0 0 20px;
overflow: hidden;
width: auto;
}
#cont_texte .image_info_texte img {
max-height: 110px;
}
#cont_texte .close_info {
background: #000;
text-align: right;
margin: -10px -10px -10px -10px;
}
#cont_texte h2 {
background: none;
color: #000;
padding: 5px;
font-size: 1.7em;
text-shadow: 1px 0 1px #000;
margin: -0px 0 0px 0px;
}
h2.categories {
background: url(/images/puce_theme.png) no-repeat 0 50%;
font-size: 1.6em;
font-weight: normal;
color: #000;
text-align: left;
margin: 5px 0 -5px 10px;
padding: 0 0 0 10px;
}
/*-------------------------------WRAPPER BLOC TITRE------------------------------*/
#titre {
width: 270px;
height: 40px;
margin: 0;
padding: 0;
}
#titre_off {
width: 270px;
height: 40px;
margin: 0;
padding: 0;
}
#titre h1 {
color: #FFF;
font-size: 1.6em;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
font-weight: bold;
text-transform: uppercase;
margin: 0;
padding: 0;
}
/*---INDEX ACTU---------------------------------------------*/
#cont_actu {
position: relative;
left: 0px;
width: 217px;
height: 390px;
padding: 0;
margin: 0;
}
#cont_actu h3 {
height: 24px;
padding: 0;
margin: 0;
font-size: 1.2em;
color: #fff;
}
#cont_actu .l_actu2 .l_titre a:hover {
color: black;
}
#cont_actu .l_actu .l_titre a {
text-decoration: none;
color: #000!important;
font-weight: bold!important;
font-size: 1.2em;
padding: 0;
}
#cont_actu .l_titre a:visited {
color: #fff!important;
}
#cont_actu .l_titre a:hover {
color: #CCC!important;
text-decoration: underline;
}
#cont_actu .l_actu, #cont_actu .l_actu2 {
border: 0;
clear: both;
margin: 0 0 15px 0!important;
padding: 0 0 5px 0;
color: #fff;
font-family: "Geneva", Arial, Helvetica, sans-serif;
}
#cont_actu .l_date {
color: #FFF;
font-size: 1em;
font-family: 'Arial', Helvetica, sans-serif;
text-align: left;
font-weight: normal;
width: 217px;
}
#cont_actu .l_actu .l_titre, #cont_actu .l_actu2 .l_titre {
float: left;
font-weight: normal;
font-size: 1.1em!important;
text-align: left;
margin: 5px 0 0 0;
color: #FFF;
}
#cont_actu .l_actu .l_titre a:link, #cont_actu .l_actu2 .l_titre a:link {
color: #FFF!important;
}
#cont_actu .l_actu_det {
text-indent: 0;
}
#cont_actu .l_actu_det .description {
font-size: 1em!important;
line-height: 14px;
color: #FFF;
}
#cont_actu .l_actu .l_img a img, #cont_actu .l_actu2 .l_img a img {
float: left;
margin: 3px 3px 3px 0;
}
#cont_actu .zoom {
float: left;
border: 0px solid;
text-align: right;
margin: 0;
}
#cont_actu .l_actu2 .zoom {
display: none;
}
.lire a {
color: #000;
font-weight: bold;
font-size: 1.2em;
}
.lire a:link {
color: #000;
}
.lire a:visited {
color: #000;
}
.lire a:hover {
color: #FFCC00;
}
.lire a:active {
color: #000;
}
/*----------------------------------CARTOUCHE LIENS-------------------------------------*/
#link #link ul /* Liste */ {
padding : 0; /* pas de marge int?rieure */
margin : 0; /* ni ext?rieure */
list-style : none; /* on supprime le style par d?faut de la liste */
line-height : 21px; /* on d?finit une hauteur pour chaque ?l?ment */
text-align : center; /* on centre le texte qui se trouve dans la liste */
}
#link /* Ensemble du menu */ {
width: 370px;
height: 50px;
margin: 0 auto;
padding: 0;
font-weight : bold; /* on met le texte en gras */
font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
font-size : 12px; /* hauteur du texte : 12 pixels */
}
#link a /* Contenu des listes */ {
display : block; /* on change le type d'?l?ment, les liens deviennent des balises de type block */
padding : 0; /* aucune marge int?rieure */
background : transparent; /* couleur de fond */
color: red; /* couleur du texte */
text-decoration : none; /* on supprime le style par d?faut des liens (la plupart du temps = soulign?) */
width : 100px; /* largeur */
height : 20px;
}
#link a:link {
color: #999999; /* couleur du texte */
}
#link a:visited {
color: #666666; /* couleur du texte */
}
#link a:hover {
color: #CC0000; /* couleur du texte */
}
#link a:active {
color : #FFF; /* couleur du texte */
}
#link li /* Elements des listes */ {
float : left;
/* pour IE qui ne reconna?t pas "transparent" */
border-right : 0px solid #fff; /* on met une bordure blanche ? droite de chaque ?l?ment */
margin: 0 0 0 10px;
}
/* IE ne reconnaissant pas le s?lecteur ">" */
html>body #link li {
border-right: 0px solid transparent; /* on met une bordure transparente ? droite de chaque ?l?ment */
}
/*---------PAGE CONTACT----------------------------------------------------------*/
#contact #page {
min-height: 690px;
}
#contact #main {
/*min-height:640px;*/}
#contact #main_cont_foot textarea {
border: 1px solid #999;
border-radius: 5px;
font-family: "Lato", "century gothic", "trebuchet MS", verdana, Arial, Helvetica, sans-serif !important;
height: 150px;
padding: 1%;
width: 90%;
}
#contact fieldset, #devis fieldset, #espace_pro fieldset {
margin: 10px 0 0 0;
border-top: 3px solid #aaa;
padding: 5px;
}
#contact #main_cont_right fieldset {
margin: 10px 0 0 0;
border-top: 3px solid #060;
padding: 5px;
}
#contact legend, #devis legend {
padding: 0 10px;
font-size: 1.5em;
color: #aaa;
}
#contact #main_cont_right legend {
padding: 0 10px;
font-size: 1.5em;
color: #060;
}
#contact #fi_renseignement input {
width: 30px;
text-align: left;
}
#devis select {
border: 1px solid #999;
width: 300px;
}
#contact .bloc .champs {
width: 210px;
}
#contact .bloc_cp input, #contact .bloc_ville input, #devis .bloc_cp input, #devis .bloc_ville input {
width: 180px!important;
border: 1px solid #ddd!important;
background: #eee!important;
}
#contact .bloc_cp label, #contact .bloc_ville label, #devis .bloc_cp label, #devis .bloc_ville label {
font-size: 1.1em;
}
#contact hr, #devis hr {
background: none repeat scroll 0 0 #999999;
border: 0 none;
clear: both;
height: 1px;
}
#contact .bloc_cp .champs, #contact .bloc_ville .champs, #devis .bloc_cp .champs, #devis .bloc_ville .champs {
width: 100px!important;
}
#contact #main .bloc_cp, #contact #main .bloc_ville, #devis #main .bloc_cp, #devis #main .bloc_ville {
float: left;
clear: none;
width: 48%!important;
}
#contact .bloc label, #devis .bloc label {
font-size: 1.1em;
width: 200px;
}
#contact #bouton_valide input, #devis #bouton_valide input {
/*width: 100px;*/
height: auto;
border: 0;
}
#main .bloc, #main_cont .bloc_cp, #main_cont .bloc_ville, .f_contact {
margin: 5px 0 5px 0;
padding: 0;
clear: both;
}
#page_cart #main_cont .bloc_cp, #page_cart #main_cont .bloc_ville {
clear: none;
width: 48%;
}
#main_cont .intro_contact {
font-weight: bold;
font-size: 1.2em;
color: #CCC;
margin: 0 auto;
padding: 0px;
width: 420px;
text-align: center;
}
.captcha {
background: #fff none repeat scroll 0 0;
border-radius: 15px;
margin: 15px;
padding: 2%;
width: 300px;
}
.captcha #captcha_code {
background: #eee url("/images/deg_blanc.png") repeat-x scroll 0 0;
border: 1px solid #ddd;
border-radius: 5px;
color: #8c8c8c;
padding: 5px;
}
.captcha label {
margin: 10px;
display: inline-block;
}
.bloc #form {
overflow-y: auto;
margin: 0 auto;
padding: 3px;
}
.bloc legend {
font-weight: bold;
font-size: 1.3em;
color: #000;
margin: 0 0 0 15px;
padding: 0 3px 0 3px;
}
#contact .bloc input, #devis .bloc input, #espace_pro .f_contact input {
background: rgba(255, 255, 255, 0.8) url("/images/deg_blanc.png") repeat-x scroll 0 0 !important;
border: 1px solid #999 !important;
border-radius: 5px;
height: 25px;
padding: 2px;
width: 50%;
}
#contact .bloc textarea, #devis .bloc textarea {
background: rgba(255, 255, 255, 0.8) url("/images/deg_blanc.png") repeat-x scroll 0 0 !important;
border: 1px solid #fff !important;
border-radius: 5px;
padding: 2px;
width: 50%;
}
.bloc_inline {
margin: 0;
padding: 0;
height: 23px;
}
.bloc_cp {
margin: 5px;
width: 310px;
float: left;
height: 20px;
}
.bloc_cp input {
height: 20px;
}
.bloc_ville {
margin: 5px;
width: 250px;
float: left;
height: 19px;
}
.bloc_ville input {
height: 19px;
width: 180px;
}
.bloc textarea {
width: 300px;
height: 60px;
margin: 0 auto;
background: #CCC;
}
.bloc_adresse {
margin: 5px;
width: 400px;
float: left;
}
.bloc .champs {
width: 210px;
float: left;
text-align: right;
}
.bloc_adresse textarea {
background: #CCC;
width: 280px;
}
.bloc_cp .champs {
width: 210px;
float: left;
text-align: right;
}
.bloc_ville .champs {
width: 50px;
float: left;
text-align: right;
}
.bloc .champs2 {
width: 400px;
float: left;
text-align: left;
}
#form .bloco {
width: 300px;
text-align: center;
margin: 0 auto;
}
.bloc label, #espace_pro .f_contact .label {
float: left;
font-size: 1.3em;
width: 200px;
text-align: right;
font-weight: normal;
color: #333;
}
#espace_pro #cont_pro .doci {
border: 0px solid blue;
float: left;
height: 45px;
margin: 5px;
background: url(/images/clef.png) no-repeat center;
width: 70px;
}
.bloc_cp label {
width: 300px;
text-align: right;
font-weight: normal;
font-size: 1.3em;
}
.bloc_ville label {
width: 300px;
text-align: right;
font-weight: normal;
font-size: 1.3em;
}
#bouton_valide {
width: 300px;
text-align: center;
margin: 0;
padding: 0;
}
#bouton_valide input {
background: none;
}
.obligatoire {
color: #FF0000;
font-size: 1em;
font-weight: normal;
width: 500px;
text-align: right;
margin: 0 auto;
}
/*----------------PAGE CONTACT VALIDATION-------------------------------*/
#page_valide {
background: none repeat scroll 0 0 #fff;
border-radius: 15px;
box-shadow: 0 0 18px -10px #000;
margin: 5% auto;
padding: 5% 10%;
position: relative;
text-align: center;
width: 60%;
}
#banner_valide {
text-align: center;
}
#slogan_valide h2 {
border-bottom: 1px dashed #666;
border-top: 1px dashed #666;
color: #333;
padding: 5%;
text-align: center;
}
#wrapper_valide {
margin: 0;
min-height: 50px;
padding: 0;
text-align: center;
width: 100%;
}
#wrapper_valide .send {
font-size: 1.3em;
font-weight: bold;
color: #666666;
padding: 3px;
}
#adresse_valide {
color: #666;
margin: 0 auto 15px;
text-align: center;
width: 90%;
}
#adresse_valide p {
font-size: 1.3em!important;
color: #CCC;
padding: 3px;
}
#adresse_valide_back {
width: 450px;
margin: 0 auto;
text-align: center;
}
#adresse_valide_back a {
background: #fff;
font-size: 1.5em;
color: #FF3333;
padding: 3px;
}
/*---------PAGE MENTIONS LEGALES----------------------------------------------------------*/
#mentions h2 {
}
#mentions h3 {
}
#mentions p {
}
#mentions .creaprime {
color: #999;
font-size: 1em;
font-family: 'Verdana', Helvetica, sans-serif;
font-weight: bold;
}
#mentions .creaprime span {
font-size: 1em;
font-family: 'Verdana', Helvetica, sans-serif;
font-weight: bold;
font-style: italic;
}
#mentions .creaprime span a {
color: #CC9900;
}
/*---------PAGE PRODUIT ----------------------------------------------------------*/
#text_gamme {
padding: 10px;
}
#text_gamme ul {
margin: 10px;
padding: 0 0 0 20px;
color: #000;
}
/*---------PAGE ACTUALITES----------------------------------------------------------*/
#liste_actus {
border: 0px solid red!important;
float: left;
margin: 0 4%;
width: 90%;
}
#main_actu .l_actu {
background: none repeat scroll 0 0 #FFFFFF;
margin: 20px 0 15px 5px;
padding: 5px 5px 5px 20px;
}
#main_actu .l_actu.up {
background: #666;
display: none;
}
#main_actu .l_actu .l_date {
font-size: 0.9em;
color: #000;
text-align: right;
border-bottom: 1px solid #000;
}
#main_actu .l_actu .l_img, #actualites .l_actu .l_img2 {
float: left;
}
#main_actu .l_actu .l_img {
padding: 2px!important;
margin: 5px;
background: #fff!important;
float: left;
}
#main_actu .l_titre {
text-align: left;
font: 'Verdana', Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-weight: bold;
padding-left: 10px;
color: #000;
}
#main_actu .l_titre a {
color: #000;
}
#main_actu .l_actu .l_actu_det .description {
color: #333;
text-indent: none;
text-align: justify;
line-height: 120%;
padding: 0;
}
#main_actu .img_z {
width: 200px;
float: left;
margin: 0 5px 0 0;
}
#main_actu .img_z img {
width: 200px;
}
#main_actu .head_actu {
border-bottom: 3px solid #999;
float: left;
margin: 5%;
padding: 5%;
width: 80%;
border-radius: 9px;
box-shadow: 0 8px 12px -9px #000;
}
#main_actu .head_actu span {
text-align: left;
font-family: 'Verdana', Arial, Helvetica, sans-serif;
}
#main_actu .head_actu .datefull {
background: url("/images/deg_blanc.png") repeat scroll 0 0 #e11de1;
color: #fff;
display: none;
font-family: "Verdana", Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: normal;
margin: 0 0 0 -4px;
padding: 0 10px 0 0;
text-align: right;
}
#main_actu .head_actu h2 {
text-align: 'Arial', Helvetica, sans-serif;
font-size: 1.8em!important;
font-weight: bold;
color: #000!important;
margin: 0 0 10px 0;
padding: 0;
}
.zoom {
font-family: "trebuchet MS", 'Verdana', Arial, Helvetica, sans-serif;
font-size: 1.2em;
float: right;
font-weight: bold;
}
/*---PAGE PARTENAIRES----------------------------------------------------------*/
#main_part {
margin: 0 auto;
text-align: center;
width: 90%;
}
#main_part li.part {
display: inline-block;
float: none;
height: 250px;
margin: 0 10px 10px;
overflow: hidden;
vertical-align: top;
width: 210px;
}
#main_part li.part.fhide {
display: none;
}
#main_part a.bout_rep, #main_part a.bout_dep {
float: left;
}
#main_part li.part .cont_img {
background: #fff none repeat scroll 0 0;
border: 1px solid #ddd;
border-radius: 200px;
float: none;
height: 195px;
overflow: hidden;
width: 195px;
}
#main_part li.part:hover .cont_img {
border: 10px solid #81a600;
box-shadow: 0 2px 5px -3px #000;
float: none;
height: 175px;
transition: all 0.3s ease 0s;
width: 175px;
}
#main_part li.part .cont_img {
float: none;
height: 195px;
width: 195px;
}
#main_part .part .img_part {
overflow: hidden;
text-align: center;
}
.part .lnk_part {
clear: both;
height: auto;
line-height: 130%;
width: auto;
}
#main_part li.part td.img_part {
height: 195px;
padding: 0;
width: 195px;
}
#main_part li.part:hover td.img_part {
height: 175px;
width: 175px;
}
#main_part .part .img_part img {
max-height: 135px;
max-width: 160px;
overflow: hidden;
text-align: center;
}
#main_part .part div {
text-align: center;
width: auto;
}
#main_part .part a {
color: #666;
display: inline-block;
font-family: "Oswald";
font-size: 1.2em;
font-weight: normal;
margin: 5px;
text-align: center;
text-transform: uppercase;
}
#main_part .part .ico_web {
background: #fff none repeat scroll 0 0;
display: none;
padding: 2px 0 0;
text-align: center;
}
/*---------WRAPPER_entre----------------------------------------------------------*/
.replie {
display: none;
}
.deplie {
display: block;
}
/* ############### */
/* ## GAL DRT #### */
/* ############### */
#images_drt {
width: 350px;
float: right;
margin: 295px 20px 0 20px;
border: 0px solid blue;
overflow: hidden;
height: 50px;
}
#images_drt .img_drt.img_mav {
width: 350px;
height: 280px;
overflow: hidden;
position: absolute;
margin: -290px 0 0 0;
}
#images_drt .img_drt.img_mav img {
min-width: 350px;
min-height: 280px;
height: auto;
width: auto;
}
#images_drt .img_drt.img_mav img.paysage {
height: 280px;
}
#images_drt .img_drt.img_mav img.portrait {
height: 350px;
}
#images_drt .img_drt {
border: 0px solid red;
margin: 2px;
float: left;
box-shadow: 1px 0 3px #000;
}
#images_drt .img_drt img {
height: 45px;
margin: 0px 0;
}
#page.gauche #images_drt.img_agence {
border: 0px solid red!important;
width: 220px!important;
}
#page.gauche #images_drt.img_agence .img_drt.img_mav {
width: 220px;
height: 300px;
}
#page.gauche #images_drt.img_agence .img_drt.img_mav img {
min-width: 220px;
min-height: 300px;
height: auto;
width: auto;
}
#page.gauche #images_drt.img_agence .img_drt.img_mav img.paysage {
height: 220px;
}
#page.gauche #images_drt.img_agence .img_drt.img_mav img.portrait {
height: 300px;
}
/* ############### */
/* ## mooflow #### */
/* ############### */
#MooFlow {
/*clear:both!important;*/
width: 95%;
}
/* ############################# */
/* ## galerie pieds de page #### */
/* ############################# */
#gal_foot {
padding: 10px;
text-align: center;
}
#gal_foot a {
box-shadow: 0 5px 7px -7px #000;
display: block;
float: none;
height: 180px;
width: 180px;
}
#gal_foot .paysage a img {
padding: 0px;
background: #fff;
height: 180px;
}
#gal_foot .portrait a img {
padding: 0px;
background: #fff;
width: 180px;
}
#gal_foot .img_foot {
display: inline-block;
width: 180px;
height: 180px;
overflow: hidden;
}
#gal_foot .img_foot a span.caption {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
color: #ffffff;
display: none;
height: 26px;
line-height: 12px;
margin-bottom: -30px;
padding: 2px 5px;
position: relative;
text-align: center;
top: 150px;
width: 170px;
}
#gal_foot .img_foot a:hover span.caption {
display: block;
}
/* ############################# */
/* ## galerie droite #### */
/* ############################# */
#gal_right {
float: right;
overflow: hidden;
padding: 10px;
width: 125px;
}
#gal_right a {
background: #fff none repeat scroll 0 0;
box-shadow: 0 5px 7px -3px #000;
display: block;
float: left;
margin: 2px 3px;
padding: 3px;
width: 120px;
}
#gal_right a img {
width: 120px;
overflow: hidden;
}
/* ###################### */
/* ## Liste PRODUITS #### */
/* ###################### */
.index #leftbar .box.box_new {
display: none;
}
.box_prod {
border: 1px solid #DDDDDD;
border-radius: 0;
box-shadow: 4px 5px 7px #DDDDDD;
float: left;
margin: 5px 2% 15px;
padding: 10px;
width: 90%;
}
.box_prod .box_prod_left {
float: left;
width: 25%;
}
.box_prod .box_prod_middle {
float: left;
width: 40%;
}
.box_prod .box_prod_right {
border-left: 1px solid #DDDDDD;
float: left;
padding: 0 0 0 10px;
width: 29%;
margin: 0 0 0 1%;
}
.box_prod .box_prod_right .lp_prix {
color: #000000;
font-size: 22px;
}
.box_prod .box_prod_right .lp_prix span em, .prix_fiche span em {
color: #666;
font-size: 18px;
text-transform: uppercase;
padding: 0 0 0 20px;
font-style: normal;
}
.box_prod .box_prod_middle .variantes.f_row select {
font-size: 1.3em;
height: 25px;
}
.box_prod .box_prod_middle .variantes.f_row {
margin: 10px 0;
}
.box_prod .semi_pi.info {
float: right;
line-height: 26px;
}
.box_prod .semi_pi.zoom {
margin: -20px 0 0 -50px;
position: relative;
width: 50px;
}
.box_prod .semi_pi.zoom a {
color: #000000;
font-size: 12px;
font-weight: normal;
}
.box_prod .semi_pi.zoom a:hover {
color: #145dc7;
}
.box_prod .semi_pi.info a {
color: #000000;
}
.box_prod .semi_pi.info a:hover {
color: #145dc7;
}
.box.box_new, .box.box_spe {
margin: 0 0 0 17px;
text-align: center;
width: 235px;
}
.box .box_prod .img_prod {
background: none repeat scroll 0 0 #FFFFFF;
height: 180px;
margin: auto;
overflow: hidden;
text-align: center;
width: 160px;
}
.box .box_prod .box_prod_left {
float: left;
width: 90%;
}
.box .box_prod .box_prod_right {
border: 0 none;
float: right;
font-size: 1.3em;
margin: 10px;
padding: 0;
text-align: right;
width: 90%;
}
.box_prod .prod_nom {
color: #145DC7;
font-size: 1.3em;
height: 30px;
line-height: 15px;
margin-top: 0;
}
.box_prod .img_prod {
width: 160px;
height: 180px;
overflow: hidden;
text-align: center;
background: #fff;/*box-shadow:1px 0 5px #000;*/
}
.box_prod .img_prod table {
border: 0;
}
.box_prod .img_prod td {
border: 0;
padding: 0;
width: 160px;
height: 180px;
}
.box_prod .prod_info {
height: 30px;
margin: 5px 0;
padding: 5px 0;
}
/* version full image */
.box_prod .img_prod img.portrait {
height: 180px;
width: auto;
}
.box_prod .img_prod img.paysage {
width: 160px;
height: auto;
}
/* version CROP image 
.box_prod .img_prod img.portrait {
height: auto;
width: 160px;
}
.box_prod .img_prod img.paysage {
width: auto;
height: 180px;
}*/
.box_prod .etat_stock {
/* background: url("/images/blanc_80.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #0000FF;*/
color: #000000;
font-size: 11px;
height: 15px;
line-height: 15px;
margin: 0;
padding: 0 1px 0 0;
}
.dispo.etat_stock span {
padding: 0 0 0 70px;
display: inline-block;
}
.box_prod .etat_stock .ok, .dispo.etat_stock .ok {
background: url("/images/stock_ok.jpg") no-repeat scroll left center rgba(0, 0, 0, 0);
display: block;
height: 15px;
width: 62px;
}
.dispo.etat_stock .limite {
color: #f90;
background: url("/images/stock_limite.jpg") no-repeat scroll left center rgba(0, 0, 0, 0);
display: block;
height: 15px;
width: auto;
}
/* box pro LIGHT */
.box_prod.bp_light {
border: 1px solid #dddddd;
border-radius: 0;
box-shadow: 1px 1px 3px -3px #000;
float: left;
margin: 5px 0.1% 15px;
padding: 0;
width: 24.3%;
}
.box_prod.bp_light .box_prod_left {
float: left;
margin: 0px 2%;
text-align: center;
width: 96%;
}
.box_prod.bp_light .img_prod {
background: none repeat scroll 0 0 #fff;
height: 180px;
overflow: hidden;
text-align: center;
width: auto;
}
.box_prod.bp_light .box_prod_right {
border: 0 none;
float: none;
margin: 0;
padding: 0;
text-align: center;
width: 96%;
}
.box_prod.bp_light .box_prod_right .lp_prix {
color: #e03215;
font-size: 14px;
}
.box_prod.bp_light .box_prod_right .lp_prix span em, .prix_fiche span em {
color: inherit;
font-size: inherit;
font-style: normal;
padding: 0 0 0 5px;
text-transform: uppercase;
}
.box_prod.bp_light .semi_pi.zoom {
margin: -20px 0 0 -50px;
position: relative;
width: 50px;
}
.box_prod.bp_light .prod_nom {
color: #000;
font-size: 1.1em;
height: 30px;
line-height: 105%;
margin-top: 0;
}
.box_prod.bp_light .semi_pi.zoom a {
color: #999;
font-size: 10px;
font-weight: normal;
}
.box_prod.bp_light .prod_marque {
color: #666;
font-size: 15px;
height: 20px;
overflow: hidden;
}
.cc_quantite {
width: 48%;
margin: 1%;
float: left;
}
.cc_valide {
width: 48%;
margin: 0 1%;
float: left;
}
.box_prod .etat_stock .limite {
color: #f90;
background: url("/images/stock_limite.jpg") no-repeat scroll left center rgba(0, 0, 0, 0);
display: block;
height: 15px;
width: 62px;
}
.box_prod .etat_stock .limite em {
display: none;
}
.box_prod .etat_stock .non em {
display: none;
}
.box_prod .etat_stock .non, .dispo.etat_stock .non {
color: #f00;
background: url("/images/hors_stock.jpg") no-repeat scroll left center rgba(0, 0, 0, 0);
display: block;
height: 15px;
width: 62px;
}
.box_prod .prod_info .semi_pi {
float: right;
margin: 0 1% 1% 0;
width: 48%;
}
.box_prod .prod_info .alt_bout_commande {
text-align: right;
}
.box_prod .prod_info .semi_pi.info a {
background: none repeat scroll 0 0 #E75012;
border-radius: 10px 10px 10px 10px;
color: #FFFFFF;
font-size: 15px;
font-style: italic !important;
font-weight: bold;
margin: 0 0 0 3px;
padding: 0 8px;
}
.box_prod .prod_info .semi_pi.zoom a {
display: none;
padding: 0 30px 0 10px;
color: #e75012;
background: url(/images/zoom_bleu.png) no-repeat right center;
}
.box_prod .prod_info .semi_pi.add {
border-top: 1px solid #ddf;
width: 95%;
margin: auto;
}
.box_prod .prod_info .semi_pi.add input {
background: none;
margin: 0 0 -5px 10px
}
.box_prod .prod_info .semi_pi.add input.inp_qt {
background: #fff;
width: 30px;
}
/* ######### Main Enregistrement ############# */
#main.enregistrement {
width: 620px;
padding: 0 15px 0 15px;
margin: -00px 0 0 0;
border: 0px solid #ddd;
color: #666;
}
#cont_compte {
background: #ddd;/*overflow:auto;
height:550px;*/
}
#cont_compte .comm {
clear: both;
margin: 5px;
padding: 2px;
border-bottom: 2px solid #aaa;
box-shadow: 1px 1px 6px #bbb;
}
#cont_compte .comm .row {
background: #ccc;
padding: 5px;
}
#cont_compte .mc_commande {
border: 1px solid #666;
margin: 10px auto;
width: 97%;
}
#cont_compte .mc_commande td {
border: 1px solid #666;
padding: 3px;
background: url(/images/deg_blanc.png) repeat-x top left;
}
#cont_compte .mc_commande th {
border: 1px solid #666;
background: #333 url(/images/deg_blanc.png) repeat-x top left;
color: #fff;
font-size: 120%;
font-weight: normal;
text-shadow: 1px 1px 2px #000;
}
#cont_compte .mc_commande .extra {
display: block;
color: #333;
}
#main.enregistrement .label {
float: left;
width: 200px;
display: block;
color: #333;
}
#main.enregistrement h4 {
color: #333;
}
#main.enregistrement h4.comm_prix {
background: url(/images/deg_blanc.png) repeat-x 0 top #ddd;
border: 1px solid #AAAAAA;
float: right;
margin: -9px 0 0;
padding: 6px 10px;
box-shadow: 1px 0px 2px #333;
}
#main.enregistrement .form {
clear: both;
margin: 8px 0;
min-height: 20px;
}
#main.enregistrement textarea {
background: #ccc;
height: 100px;
width: 306px;
}
#main.enregistrement input {
background: url("/images/deg_blanc.png") repeat scroll 0 0 #cccccc;
border-radius: 3px;
color: #333355;
font-size: 16px;
height: 28px;
padding: 0 0 0 5px;
width: 300px;
width: calc(100% - 210px);
border: 1px solid #999;
}
input.b_img {
width: auto!important;
background: none!important;
height: auto!important;
}
.f_form input {
width: auto!important;
height: auto!important;
}
#main.enregistrement fieldset {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: url("/images/deg_blanc.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
border-color: #333333 -moz-use-text-color -moz-use-text-color;
border-image: none;
border-right: 0 none;
border-style: solid none none;
border-width: 3px 0 0;
margin: 40px 0 0;
padding: 0 10px;
width: 95%;
}
#main.enregistrement #inscription {
clear: both;
margin: 2px 0;
border-top: 1px dotted #fad;
border-bottom: 1px dotted #fad;
}
#main.enregistrement fieldset legend {
color: #333;
font-size: 18px;
font-weight: bold;
padding: 0 5px;
margin: 0 0 0 10px!important;
}
/* CART */
#box_log h3, #box_log h2, #box_log h4 {
margin: 2px 1%!important;
float: left;
font-size: 0.9em;
font-weight: normal;
text-align: center!important;
}
#box_log h3 {
}
#box_log h4 {
border-left: 1px solid #FFFFFF;
margin: 0 0 0 10px;
padding: 0 0 0 10px;
}
#box_log h4 em {
display: inline;
}
#box_log h3 a, #box_log h2 a, #box_log h4 a {
color: #ffffff !important;
font-size: 10px;
text-transform: uppercase;
}
#head_commande {
width: 100%;
height: 90px;
}
#head_commande .etape_up {
margin: 5px 2px;
width: 180px;
border: 0px solid red;
float: left;
}
#head_commande .etape {
width: 180px;
margin: 5px 2px;
border: 0px solid #800;
float: left;
}
#head_commande .etape, #head_commande .etape_up {
background: url("/images/deg_blanc.png") repeat-x scroll 0 -10px #145DC7;
border-radius: 3px;
color: #FFFFFF;
font-size: 30px;
font-weight: bold;
padding: 2px 5px;
}
#head_commande .etape_up {
background-color: #59f;
}
#head_commande .etape span, #head_commande .etape_up span {
font-size: 14px;
display: block;
font-weight: normal;
}
#main.commande_1 #mid_top {
background: url(/images/blanc_80.png);
height: 550px;
padding: 5px;
border-radius: 10px;
width: 93%;
overflow: auto;
box-shadow: 1px 2px 4px #603;
}
#main.commande_1 #mid_top h2 {
margin: 5px;
}
#main.commande_1 #mid_top a {
color: #906;
}
#main.commande_1 .row {
margin: 5px;
border-bottom: 1px solid #f60;
}
#main.commande_1 fieldset {
padding: 1px;
border: 0;
margin: 10px 0;
border-top : 1px solid #fff;
}
#main.commande_1 fieldset legend {
color: #666;
margin: 0 5px;
padding: 0 5px;
font-size: 1.4em;
}
#main.commande_1 .row span {
background: none repeat scroll 0 0 #eee;
color: #d6d;
display: block;
float: left;
font-weight: normal;
margin: 0 5px;
text-align: right;
width: 150px;
}
#main.commande_1 .row span.Variante {
float: none;
width: auto!important;
font-size: 90%;
text-align: center;
}
#main.commande_1 .row span.price {
float: none;
font-size: 130%;
background: none;
display: inline;
}
#main.commande_1 .row span.old_price {
float: none;
display: inline;
}
#main.commande_1 .row .coupon_active {
border: 1px solid;
text-align: center;
background: #396;
color: #fff;
}
#main.commande_1 #surimp a {
position: absolute;
top: 0;
display: none;
left: 0;
z-index: 80;
background: #000;
width: 100%;
height: 100%;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
#main.commande_1 #surimp.deplie a {
display: block;
}
#main.commande_1 #s_cgv {
position: absolute;
background: #fff;
top: 20px;
z-index: 81;
height: 650px;
left: 50%;
width: 700px;
padding: 15px;
display: none;
overflow: auto;
margin-left: -350px;
}
#main.commande_1 #s_cgv.deplie {
display: block;
}
#main.commande_1 {
/*overflow:auto;
height:675px;
overflow-x:hidden;*/
}
#main.commande_1 .pt_prod, #main.commande_1 .pt_prod_ht {
clear: both;
float: right;
margin-right: 5%;
font-size: 1.6em;
}
#main.commande_1 .pt_prod_ht {
font-size: 150%;
}
#main.commande_1 .pt_prod_total {
background: none repeat scroll 0 0 #145DC7;
border: 1px solid #0033AA;
border-radius: 5px;
clear: both;
color: #FFFFFF;
float: right;
font-size: 190%;
margin: 0 5% 0 0 !important;
padding: 1% 5%;
text-shadow: 1px 1px 3px #660033;
}
#main.commande_1 h4.pt_prod {
margin: 0 5%;
color: #d30;
}
#main.commande_1 fieldset {
clear: both;
border-top: 3px solid #999;
margin: 30px 0
}
#main.commande_1 #info_cheque {
border: 1px solid #999;
padding: 5px;
width: 90%;
color: #000;
background: #fed;
display: none;
margin: 5px auto;
}
#main.commande_1 #info_cheque.deplie, #main.commande_1 #info_virement.deplie, #main.commande_1 #info_client_spe.deplie {
display: block;
}
#main.commande_1 .row.line_coupon {
border: 1px solid #ddd;
padding: 5px;
background: #eef;
}
#main.commande_1 .row.line_coupon label {
margin-right: 5px;
}
#main.commande_1 .row.line_coupon input {
border: 1px solid #ddd;
background: #eff;
padding: 3px!important;
border-radius: 5px;
}
#main.commande_1 textarea.message_pers {
width: 95%;
margin: auto;
height: 150px;
background: url(/images/blanc_80.png);
border-radius: 5px;
border: 1px solid #333;
padding: 5px;
font-size: 1.2em;
color: #666;
font-family: "Georgia", "Times New Roman", Times, serif;
display: block;
}
#lnk_fb {
clear: both;
margin: 0px;
position: static;
}
/* ######### mon compte ############ */
fieldset.l_commande em {
float: right;
margin: -20px 15px 0 0;
}
fieldset.l_commande .row {
border: 0!important;
background: #ddd;
}
#foot li a {
font-size: 12px;
color: #e78;
}
#foot li {
border-left: 1px solid #e78;
color: #e78;
}
/* ################## */
/* ## Liste DOC #### */
/* ################# */
#list_doc {
border: 0px solid #ddd;
}
#list_doc fieldset {
border-top: 2px solid #69d;
padding: 10px 0 0 10px;
}
#list_doc legend a {
font-size: 1.3em;
color: #69d;
margin: 0 5px 0 10px;
}
#list_doc fieldset legend span.deplie {
float: left;
}
#list_doc .doc {
padding: 5px;
border-bottom: 1px solid #ddd;
}
#list_doc .doc .img_doc {
float: left;
margin: 0 10px;
}
#list_doc .doc .date_doc {
clear: both;
color: #999;
}
/* ############ BOX ACTU SPECIAL (javascript) EOF ########## */
#mav {
/*background:#fff!important;*/
margin: 0px;
border-radius: 10px;
height: 350px;
overflow: hidden;
}
#mav .img_mav {
float: left;
margin: 10px;
}
#mav .img_mav img {
display: block;
visibility: visible
}
#mav .content {
font-size: 1.0em;
}
/* version FACILITYC */
#mav .content {
color: #FFFFFF;
float: left;
font-size: 1em;
height: 280px;
margin: 30px 0 0 -480px;
padding: 10px;
position: relative;
width: 430px;
}
#mav .img_mav img {
display: block;
/*  max-height: auto!important;*/ 
visibility: visible;
max-width: 1000px;
width: auto;
}
#mav .content h1.titre_actualite {
color: #FFFFFF;
font-size: 3.5em;
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
#mav .content h1, #mav .content h2, #mav .content h3, #mav .content h4, #mav .content h5, #mav .content h6 {
color: #fff;
}
#mav_nav {
margin: 0 70px 0 0;
position: relative;
top: -338px;
}
#mav_nav ul li {
list-style: none;
float: left;
margin: 0 3px;
}
#mav_nav ul li a {
background: none repeat scroll 0 0 #796854;
border: 0 solid #786755;
border-radius: 10px 10px 10px 10px;
color: #FFFFFF;
float: left;
font-size: 1.2em;
font-weight: bold;
padding: 2px 5px;
}
#mav_nav ul li.up a {
color: #fff;
background: #f60;
}
#mav_nav ul li a:hover {
color: #fff;
text-shadow: 0 1px 3px black;
text-decoration: none;
background: #a98;
}
#mav_nav ul {
border: 0 solid blue;
float: right;
margin: 0px 0 0;
position: relative;
width: auto !important;
z-index: 100;
}
#actu_spe_plus {
display: none;
}
/* ####### BOX ACTU SPECIAL (javascript) EOF ############ */
.titre_galeries {
color: #796854;
font-size: 1.4em;
}
a.bout_exemple {
background: #ec760e;
padding: 5px 15px;
border-radius: 10px;
color: #fff;
font-weight: bold;
}
a.bout_exemple:hover {
text-shadow: 1px 0 3px #fff;
}
table.table_option {
border: 0px solid red;
box-shadow: 5px 8px 6px #999;
width: 420px!important;
}
table.table_option tr {
height: 86px;
background: url(/images/fond_liste_option.jpg) no-repeat left center;
}
table.table_option td {
background: none!important;
}
table.table_option td h1 {
margin: 0 0 0 50px;
}
table.table_option td h1 a {
color: #ffe;
}
table.table_option td img {
margin: 0 -2px 0 0!important;
}
table.table_option td h1 a:hover {
color: #fff;
text-shadow: 1px 0 3px #fff;
}
/* ####### PANIER  (ecart) ############ */
table.ecart {
border: 1px solid #666666;
width: 99.5%;
}
table.ecart td {
padding: 5px;
background: url(/images/deg_blanc.png) repeat-x left top#ddd;
border: 1px solid #aaa;
text-align: center;
}
table.ecart th {
background: url(/images/deg_blanc.png) repeat-x left top #333;
color: #fff;
text-shadow: 1px 1px 3px #000;
font-weight: normal;
font-size: 130%;
border: 1px solid #666;
}
.variantes.f_row {
}
.variantes.f_row select {
border: 1px solid #CCCCCC;
font-size: 1.5em;
height: 30px;
line-height: 30px;
width: 100%;
}
#retour_ecart {
margin: -30px 10px 0 0;
}
a.b_ajouter_panier {
background: url("/images/deg_blanc.png") repeat-x scroll 0 -10px #145DC7;
color: #FFFFFF;
display: block;
margin: 3px;
padding: 5px 6px;
text-align: center;
width: 150px;
}
#menu_spe_index {
background: url(/images/halo_blanc.png) repeat-y -10% 0 #DDDDDD;
height: 195px;
margin: 5px 0 10px;
width: 100%;
}
#menu_spe_index .wrap {
}
.box_msi {
border-left: 1px solid #FFFFFF;
border-right: 1px solid #999999;
float: left;
height: 195px;
margin: 0 0;
padding: 0 1%;
width: 30%;
}
.box_msi.b_ {
/* border-left: 1px solid #FFFFFF;*/
border-right: 1px solid #999999;
float: left;
height: 195px;
margin: 0 0;
padding: 0 0%;
width: 1px;
}
.box_msi .outer_img img {
max-width: 100%;
max-height: 100%;
display: block;
margin: auto;
}
.box_msi .text_wimg {
border: 0 solid #0000FF;
color: #000000;
display: block;
font-size: 1.7em;
margin: 57px 0 0;
text-align: center;
text-transform: uppercase;
}
.box_msi .outer_img {
border: 0px solid #FF0000;
float: left;
height: 120px;
margin: 10% 4% 10% 10%;
overflow: hidden;
width: 43%;
}
.box.box_new.box_index .box_prod {
margin: 5px;
width: 220px;
border: 0;
box-shadow: none;
}
.box.box_new.box_index .prod_nom {
font-size: 17px;
height: 40px;
}
.box.box_new.box_index {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
box-shadow: 1px 1px 8px #DDDDDD;
margin: 12px 0 0;
min-height: 335px;
width: 93%;
}
.box.box_new.box_index h3 {
border-bottom: 1px solid #DDDDDD;
box-shadow: 0 -3px 5px #DDDDDD inset;
font-family: arial, sans-serif;
font-size: 18px;
font-weight: normal;
padding: 0 0 6px 10px;
text-align: left;
}
#table_calculateur {
font-size: 100%;
width: 95%;
margin: 2%;
}
#table_calculateur td {
}
#table_calculateur td input {
background: url("/images/deg_blanc.png") repeat scroll 0 0 #DDDDDD;
border: 1px solid #DDDDDD;
font-size: 1.1em;
height: 20px;
padding: 0 5px;
text-align: right;
width: 100px;
}
#table_calculateur td input.input_hard {
background: #222 url(/images/deg_blanc.png) repeat-x 0 -10px;
color: #fff;
}
#table_calculateur td input.input_soft {
}
#table_calculateur td.mois {
font-size: 80%;
width: 157px;
vertical-align: top;
}
#table_calculateur td.mois input {
border: 1px solid #FF0000;
margin: 0 5px;
text-align: center;
width: 60px;
}
#table_calculateur th {
}
#table_calculateur th.lesinputs {
width: 157px;
}
#table_calculateur .gain_total {
font-size: 120%;
}
#table_calculateur .gain_total td {
background: #900 url(/images/deg_blanc.png) repeat-x 0 -10px;
color: #fff;
}
#table_calculateur .gain_total input {
}
em.info_ampoule {
color: #666666;
display: block;
font-size: 90%;
}
#table_calculateur tr.st_normal td, #table_calculateur tr.st_led td {
background: url(/images/deg_blanc.png) repeat-x scroll 0 -3px #666;
color: #FFFFFF;
}
#menu_smart {
display: none;
}
input.b_img {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
display: block;
height: auto !important;
margin: 10px auto;
text-align: center;
width: auto !important;
}
#main.commande_1 #info_cheque {
background: none repeat scroll 0 0 #def;
border: 1px solid #999999;
color: #000000;
display: none;
font-size: 140%;
margin: 5px auto;
padding: 5%;
width: 87%;
}
#main.commande_1 #info_virement, #main.commande_1 #info_client_spe {
background: none repeat scroll 0 0 #def;
border: 1px solid #999999;
color: #000000;
display: none;
font-size: 120%;
margin: 5px auto;
padding: 5%;
width: 87%;
}
#main.commande_1 .pt_prod_total {
background: none repeat scroll 0 0 #145DC7;
border: 1px solid #0033AA;
border-radius: 5px;
clear: both;
color: #FFFFFF;
font-size: 190%;
margin: 0 5% 0 0 !important;
padding: 1% 5%;
text-align: center;
text-shadow: 1px 1px 3px #660033;
}
ul.choix_paiement li {
margin: 5px;
font-size: 120%;
}
input.cq_maj {
display: inline;
font-size: 120%;
text-align: center;
width: 27px;
font-weight: bold;
}
input.cq_maj.modif {
border: 2px solid #0000FF;
color: #0000FF;
display: inline;
font-size: 120%;
font-weight: bold;
text-align: center;
width: 27px;
}
table.tableau_index {
}
table.tableau_index td {
padding: 5px 10px;
}
.old {
color: #999999;
float: left;
font-size: 80%;
text-decoration: line-through;
width: 60px;
}
input#bout_cb {
background: url("/images/deg_blanc.png") repeat-x scroll 0 0 #E08711;
border: 1px solid #FFFFFF;
border-radius: 5px;
box-shadow: 1px 1px 5px #666666;
cursor: pointer;
font-family: "trebuchet ms", arial;
font-size: 16px;
margin: 5px;
padding: 10px;
width: 128px;
}
.vignette_variante {
float: left;
margin: 1%;
width: 22%;
border: 2px dotted white;
}
.vignette_variante .img_var_val {
cursor: pointer;
height: 170px;
overflow: hidden;
text-align: center;
width: 100%;
}
.vignette_variante .img_var_val img {
max-height: 170px;
max-width: 100%;
}
.vignette_variante .nom_var_val {
height: 35px;
text-align: center;
}
.vignette_variante .variantes.f_row select {
border: 1px solid #cccccc;
font-size: 1em;
height: 1.5em;
line-height: 1.5em;
margin: 1% auto;
width: 96%;
}
.vignette_variante label {
color: #666;
font-size: 11px;
}
.on_process {
border: 2px dotted #00B51A;
}
.barre_action {
border-radius: 3px 0 0 3px;
box-shadow: -2px 2px 3px -3px #000;
}
.barre_action table {
width: 100%;
border-collapse: collapse;
}
.barre_action table th {
background: url("/images/deg_blanc.png") repeat-x scroll 0 0 #222;
color: #fff;
font-size: 12px;
height: 13px !important;
padding: 0;
text-align: center;
}
.barre_action table td {
padding: 0;
text-align: center;
}
.barre_action table td input {
width: 100%;
}
.barre_action table th.ba_stock {
width: 27%;
}
.barre_action table th.ba_qte {
width: 27%;
}
.barre_action table th.ba_prix {
width: 27%;
}
.barre_action table th.ba_add {
width: 19%;
}
.barre_action table td.ba_stock {
width: 27%;
}
.barre_action table td.ba_qte {
width: 27%;
}
.barre_action table td.ba_qte input {
background: none repeat scroll 0 0 #eee;
border-left: 1px solid #999;
height: 25px;
text-align: center;
width: 100%;
}
.barre_action table td.ba_prix {
background: url("/images/deg_blanc.png") repeat-x scroll 0 0 #bbb;
width: 27%;
}
.barre_action table td.ba_prix .old {
position: absolute;
}
.barre_action table th.ba_add {
background: none repeat scroll 0 0 transparent;
width: 19%;
}
.barre_action table th.ba_add img {
display: block;
margin: -18px 0 0 -1px;
position: absolute;
}
.in_stock {
display: block;
height: 25px;
width: 100%;
}
.ok.in_stock {
background: url("/images/deg_blanc.png") repeat-x scroll 0 0 #3d6;
display: block;
height: 25px;
width: 100%;
}
.limite.in_stock {
background: url("/images/deg_blanc.png") repeat-x scroll 0 0 #f90;
display: block;
height: 25px;
width: 100%;
}
.non.in_stock {
background: url("/images/deg_blanc.png") repeat-x scroll 0 0 #d00;
display: block;
height: 25px;
text-align: center;
width: 100%;
}
.in_stock em {
display: none;
}
.alertstock {
background: none repeat scroll 0 0 #fff;
border: 1px solid #900;
border-radius: 6px;
box-shadow: 3px 3px 9px -2px #000;
padding: 10px;
position: absolute;
text-align: center;
width: 250px;
}
.alertstock a {
display: block;
float: right;
margin: -8px;
}
.in_stock a {
display: block;
}
.in_stock a .info_stock {
background: url("/images/deg_blanc.png") repeat-x scroll 0 0 #666;
border: 1px solid #000;
border-radius: 5px;
box-shadow: 1px 2px 4px -1px #000;
color: #fff;
cursor: default;
display: none;
margin: -5px;
padding: 20px 40px;
position: absolute;
text-shadow: 1px 1px 1px #000;
max-width: 250px;
}
.in_stock a:hover .info_stock {
display: block;
}
#fp_produit_associe {
clear: both;
}
#fp_produit_recommande {
clear: both;
}
h2.alerte {
  background: rgba(220, 220, 220, 0.9) none repeat scroll 0 0;
  border-bottom: 1px dashed #f00;
  bottom: 0;
  box-shadow: 0 5px 15px -6px #000;
  color: #333;
  font-size: 13px;
  margin: 0;
  padding: 30px;
  position: fixed;
  text-align: center;
  width: calc(100% - 60px);
  z-index: 1000;
}
a.close_alerte {
color: #fff;
display: block;
float: right;
font-weight: 700;
margin: 0 30px;
}
.sup_affaire, .sup_nouveaute {
background: none repeat scroll 0 0 #333;
box-shadow: 1px 1px 4px -2px #000;
color: #fff;
margin: 15px 0 0;
padding: 5px;
position: absolute;
text-transform: uppercase;
}
h2.titre_box_left {
background: none repeat scroll 0 0 #333;
color: #fff;
padding: 2px 5px;
text-align: center;
text-transform: uppercase;
width: 225px;
}
#mid_promo h2.titre_box_left {
background: none repeat scroll 0 0 #333;
clear: both;
color: #fff;
height: 30px;
margin: -144px 0 -3px !important;
padding: 2px 5px;
text-align: center;
text-transform: uppercase;
width: 804px;
}
#born_to_win {
left: 50%;
margin-left: 192px;
position: absolute;
top: 152px;
}
body#fiche_produit #page #vignettes_img {
background: none repeat scroll 0 0 #fff;
border-radius: 0;
padding: 10px;
}
body#fiche_produit #page #vignettes_img #fiche_colgauche {
float: left;
margin: 0.5% 2% 0 1%;
padding: 5px;
width: 49% !important;
}
#fiche_colgauche .titre_fiche {
margin: 0 0 20px;
}
body#fiche_produit #page #vignettes_img #desc_all {
float: left;
width: 46%;
}
.lnk_retour {
float: right;
margin: -16px 10px 0 0;
position: relative;
}
body#fiche_produit #page h3.prix_fiche {
background: url("/images/deg_blanc.png") repeat-x scroll 0 0 #333;
border: 0 solid #00f;
border-radius: 9px;
color: #fff;
font-size: 2.5em;
font-weight: 400;
margin: 0 auto 20px;
padding: 10px 0;
text-align: center;
width: 286px;
}
.titre_fiche {
background: url("/images/dot_cheval.png") no-repeat scroll left center rgba(0, 0, 0, 0);
border-bottom: 0 solid #ddd;
color: #000;
font-size: 1.6em;
font-weight: 400;
margin: 0 0 5px;
padding: 2px 0 2px 40px;
text-align: left;
}
body#fiche_produit #page #vignettes_img .img_vignette {
background: none repeat scroll 0 0 #fff;
border: 1px solid #b3b3b3;
overflow: hidden;
padding: 0;
text-align: center;
}
body#fiche_produit .img_vignette {
border: 1px solid #fff;
height: auto !important;
width: 98% !important;
}
body#fiche_produit #page #vignettes_img .img_vignette img {
max-height: 300px;
max-width: 100%;
}
body#fiche_produit #page #vignettes_img .img_vignette img.img_zoom {
float: right;
margin: -5px -5px 0 0;
position: relative;
z-index: 10;
}
body#fiche_produit .box_marque img {
max-width: 200px;
max-height: 100px;
}
body#fiche_produit .box_marque td {
text-align: center;
}
body#fiche_produit .box_marque {
margin: 10px auto;
width: 80%;
}
body#fiche_produit .description_produit {
margin: 10px 0;
}
#post_nav {
clear: both;
margin: 30px 0 0;
text-align: center;
}
.box_pn {
display: inline-block;
}
.box_pn a.lnk_cart_pn {
background: url("/images/deg_blanc.png") repeat-x scroll 0 0 #666;
border: 1px solid #333;
border-radius: 10px;
box-shadow: 1px 1px 5px -3px #000;
color: #fff;
font-size: 1.2em;
padding: 15px;
}
.box_pn a.lnk_cart_pn:hover {
background: url("/images/deg_blanc.png") repeat-x scroll 0 0 #e11de1;
}
.liste_expe {
background: none repeat scroll 0 0 #ddd;
border: 1px solid #999;
border-radius: 10px;
padding: 3%;
margin: 1%;
}
.liste_expe.up {
background: url("/images/deg_blanc.png") repeat-x scroll 0 0 #fef;
border: 1px solid #ddd;
}
/* CSS Document */
/*---------ORGANIGRAMME----------------------------------------------------------*/
#orga {
margin: 0 0 0 5px;
width: 516px;
}
#cont table {
background: #fff;
}
.homme {
background: url(../images/fond_homme_gen.jpg) #fff no-repeat 0 bottom;
margin: 3px;
width: 280px;
float: left;
border-bottom: 1px solid #343;
border-left: 1px solid #343;
}
.homme2 {
padding: 2px;
clear: both;
background: url(../images/fond_homme_resp.jpg) no-repeat 0 0;
margin: 0px auto 3px auto;
width: 465px;
height: 90px;
}
.homme_d {
padding: 2px;
clear: both;
background: url(../images/fond_pop.png) repeat 0 0;
margin: 0 auto 15px auto;
width: 465px;
height: 90px;
}
/*.homme_d {
display:none;}
.homme_d.deplie {
display:block;}*/
.h_titre {
text-align: center;
text-transform: uppercase;
color: #C00;
margin-top: 10px;
font-weight: bold;
padding: 1px 10px;
font-size: 140%;
border-top: 1px solid #900;/*background:url(../images/titre_homme.jpg) no-repeat 0 -2px;*/
}
.homme2 .homme_img {
height: 70px;
float: right;
border: 1px solid #fff;
padding: 2px;
margin: 1px 30px 0 0;
}
.homme_d .homme_img {
height: 70px;
float: right;
border: 1px solid #fff;
padding: 2px;
margin: 1px 30px 0 0;
}
.homme_d .homme_mail a {
color: #000;
}
.homme .homme_img {
float: right;
border: 1px solid #343;
padding: 2px;
margin: 1px 8px;
}
.homme_img img {
border: 0;
height: 70px;
}
.homme_nom {
font-weight: bold;
margin: 7px 5px 0 15px;
font-size: 130%;
border: 0px solid pink;
}
.homme_nom span {
color: #900!important;
text-transform: uppercase;
}
.homme_fonction, .homme_mail, .homme form {
margin: 0 15px;
}
.homme .homme_fonction, .homme .homme_mail, .homme .homme form {
margin: 0 5px;
}
.pole {
border-top: 1px solid #600;
font-style: normal;
padding: 5px 10px;
clear: both;
text-indent: 20px;
background: url() no-repeat 0 0;
color: #f66;
height: 25px;
line-height: 20px;
}
#organigramme_pdf {
border-top: 1px solid #bbd206;
position: absolute;
top: 530px;
left: 50%;
padding: 5px;
margin-left: -383px;
width: 155px;
font-size: 80%;
}
#organigramme_pdf img {
float: left;
border: 0;
margin: 0px 3px;
}
.morry {
color: #000;
float: left;
position: relative;
left: 7px;
top: -3px;
}
.morry a {
float: left;
color: #f00!important;
font-weight: bold;
font-size: 1em;
}
.morry a:hover {
color: #FFF!important;
}
/* COMMON STYLES */
/*reset d'un certain nombre de styles css par defaut*/
* {
border: 0;
font-style: normal;
margin: 0;
padding: 0;
text-decoration: none;
}
/*CSSEditor|structure,global|Zone ext�rieure|notext*/
body {
/*font-family:'trebuchet MS', Arial, Helvetica, sans-serif;*/
font-family: "Lato", trebuchet ms, verdana, arial, sans-serif;
font-size: 80%;
/*	line-height:160%;*/
margin-top: 0;
}
/*CSSEditor|content,image|Apparence des images|notext,noizimedia*/
img {
border: 0;
vertical-align: bottom;
}
.clear {
clear: both;
border: 0;
height: 0;
line-height: 0;
visibility: hidden;
margin: 0;
padding: 0;
}
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
#upper_footer {
}
#upper_footer .uf_left {
display: inline-block;
vertical-align: top;
width: 60%;
border-right: 2px solid #4d4d4d;
}
#upper_footer .uf_right {
width: 35%;
display: inline-block;
vertical-align: top;
}
#upper_footer .uf_right span {
color: #4d4d4d;
display: block;
font-size: 130%;
text-align: right;
margin: 4px 5px 4px 145px;
}
.ind_adresse span {
color: #4d4d4d;
display: block;
font-size: 130%;
text-align: center;
margin: 4px 5px 4px 20px;
}
.ind_adresse h4 {
font-size: 1.8em;
margin: 15px 0;
}
.decont {
  padding-bottom: 250px;
}
#upper_footer .uf_right span.adr_tel, .ind_adresse span.adr_tel {
background: rgba(0, 0, 0, 0) url("/images/tel_gris.png") no-repeat scroll 0 0;
font-size: 170% !important;
font-weight: bold;
height: 40px;
}
#upper_footer .uf_right span a.bt_devis {
background: #4d4d4d;
color: #fff;
padding: 4px 37px;
font-weight: bold;
border: 2px solid #4d4d4d;
border-radius: 3px;
}
.ind_adresse span a.bt_devis {
display: none;
}
#upper_footer .uf_right span a.bt_devis:hover {
color: #4D4D4D;
background: #FFFFFF;
border-color: #4d4d4d;
}
section#id_contact {
background: #DFDFDF;
}
section#localisation {
background: #c5c5c5;
padding-bottom: 50px;
}
.ind_loca_right {
float: right;
height: 450px;
margin: 15px;
width: 26%;
text-align: center;
}
section#id_contact .ind_cont_titre, section#localisation .ind_cont_titre {
color: #fff;
font-size: 3em;
height: 95px;
margin: 0;
padding: 35px 0 0 75px;
position: relative;
top: -8px;
font-family: raleway;
}
#id_contact .bloc {
margin: 10px;
}
#actu_souscam {
margin: 20px 0;
}
.ind_loca_img img.rond {
max-height: 100%;
max-width: 100%;
}
.ind_loca_img {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: #fff none repeat scroll 0 0;
border-bottom: 5px solid #abd35f;
border-image: none;
border-left: 5px solid #abd35f;
border-radius: 100%;
border-right: 5px solid #abd35f;
height: 200px;
line-height: 164px;
margin: 10px auto;
padding: 15px;
text-align: center;
width: 200px;
}
.nocol #banner_menuleft {
left: auto;
margin: 60px 17% 0 0;
position: absolute;
right: 0;
width: 55%;
border: 0px solid;
}
.nocol #banner_menuleft li {
display: inline-block;
font-size: 1.5em;
margin: 0 10px;
padding: 0 10px 0 0;
vertical-align: top;
}
.nocol #banner_menuleft li > table {
margin: 45px 0 0;
}
.nocol #banner_menuleft li td a {
color: #000;
font-family: "Yanone Kaffeesatz", "viga", sans-serif;
text-transform: uppercase;
}
.nocol #banner_menuleft li ul.try {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
left: -999em;
margin: 0;
padding: 0;
position: absolute;
width: 180px;
z-index: 1150;
}
#menu li ul.try, .nocol #banner_menuleft li ul.try /* Sous-listes */ {
position: absolute;
width: 135px;
left: -999em;
margin: -1px 0 0;
z-index: 150;
border: 1px solid blue
}
.nocol #banner_menuleft ul.try li /* ?l?ments de sous-listes */ {
border-top: 0 solid #fff;
border: none;
background: url(../images/fond_sl.png) repeat 0 0;
margin: 1px 0 0;
width: 136px
}
.nocol #banner_menuleft ul.try li:hover {
background: #999
}
.nocol #banner_menuleft ul.try li a {
min-height: 20px;
font-weight: 400;
color: #FFF;
padding: 5px 0;
font-size: 14px;
text-shadow: 1px 0 1px #444
}
.nocol #banner_menuleft ul.try li a:hover {
text-shadow: 1px 0 1px #ddd
}
html>body .nocol #banner_menuleft ul#one li {
border-top: 0 solid transparent
}
.nocol #banner_menuleft ul.try li a:hover, #menu_three li ul.try li a:hover {
color: #000!important;
background: url(/images/up_menu_b_main_menu.png) no-repeat center!important
}
.nocol #banner_menuleft li:hover ul, .nocol #banner_menuleft li li:hover ul, .nocol #banner_menuleft li.sfhover ul, .nocol #banner_menuleft li li.sfhover ul {
left: auto;
min-height: 0
}
/*
#b_main_menu li ul.try, #menu_three li ul.try {background: rgba(150, 190, 60, 0.95) url(/images/perso_tuto_300.png) no-repeat right bottom / auto 75px;top: 85px;left: -999em;margin: 0;padding: 0 0 80px 0;position: absolute;width: 100%;z-index: 1150;}  */

#b_main_menu li ul.try, #menu_three li ul.try {
    background: rgba(250, 120, 20, 0.95) url(/images/perso_tuto_hs_150.png) no-repeat right bottom / auto 75px;
    top: 85px;
    left: -999em;
    margin: 0;
    padding: 0 0 80px 0;
    position: absolute;
    width: 100%;
    z-index: 1150;
}


.deploie {
display: inline-block;
margin-left: 0;
position: absolute;
right: 0;
transition: all 0.3s ease 0s;
top: 50%;
}
.deploie .b1 {
background: #000 none repeat scroll 0 0;
height: 0px;
left: -5px;
transform: rotate(45deg);
position: absolute;
width: 0px;
transition: all 0.8s ease 0s;
}
.deploie .b2 {
background: #000 none repeat scroll 0 0;
height: 0px;
transform: rotate(-45deg);
position: absolute;
top: -5px;
width: 0px;
transition: all 0.8s ease 0s;
}
/* class SHORT  -> class ajouté en cas de scroll */
.short #breadcrumb {
display: none;
}
.short #page #banner {
box-shadow: 0 5px 13px -10px #000;
height: 65px;
margin: 0 auto;
padding: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 100;
}
.short #retour_accueil a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
display: block;
height: 51px;
left: 50%;
margin-left: -550px;
position: absolute;
text-indent: -999em;
top: -14px;
width: 190px;
z-index: 15;
	opacity:0;
}
.short #conteneur {
margin-top: 195px;
}
.nocol .short #banner_menuleft {
top: 5px;
}
/*.short #b_main_menu {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-radius: 3px;
height: auto;
padding: 0;
position: relative;
text-align: center;
top: 30px;
width: 100%;
z-index: 10;
}*/
/*#b_main_menu {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-radius: 3px;
height: auto;
padding: 0;
position: relative;
text-align: center;
top: 30px;
width: 100%;
z-index: 10;
}*/
#b_main_menu {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 3px;
    top: 130px;
    height: auto;
    left: 0;
    padding: 0;
    /* position: fixed; */
    position: relative;
    text-align: center;
    /* top: auto; */
    transition: all 0.4s ease 1ms;
    width: 100%;
    z-index: 10;
}
.vbas #b_main_menu {
/*  bottom: 0;*/
  transition:all 0.2s ease 0s

}

/*
.vbas #b_main_menu, .short  #b_main_menu {
	top:0;
}
*/
 .short  #b_main_menu {
	top:0;
}
.short #b_main_menu table.menu_left td {
	height:60px;
}
.short #b_main_menu table.menu_left td a {
	padding:15px 0;
}
.short .adresse {
background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #999999;
box-shadow: 0 5px 15px -9px #000;
color: #000000 !important;
font-size: 90%;
left: auto;
margin: 0;
position: absolute;
right: 0;
text-align: right;
top: -5px;
width: 140px;
}
/* class SHORT  EOF -> class ajouté en cas de scroll */
/* loading */
#load_load {
background: rgba(0, 0, 0, 0) url("/images/site_load3.gif") no-repeat scroll center center;
height: 100%;
position: fixed;
top: 0;
width: 100%;
z-index: 10001;
}
#load_f {
background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0;
height: 100%;
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
}
.half, .tiers, .m_bloc_gauche, .m_bloc_droit {
border:0!important;	
}
.bloc_son {
background: #ddd linear-gradient(-20deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.2)) repeat scroll 0 0;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
box-shadow: 0 5px 15px -12px rgba(0, 0, 0, 0.5);
margin: auto;
padding: 50px;
text-align: center;
width: calc(95% - 100px);
}
.bloc_son em {
display: block;
font-size: 1.6em;
margin: 0 auto 20px;
}
.bloc_son audio { 
}
video {
display: block;
margin: auto;
}

.colored {
background:#e00079!important;	
}
.m_bloc_contenu.full.colored {
    border: 0!important;
    width: 98%!important;
    margin: auto!important;
    border-radius: 15px 10%;
    color: #fff;
}

#b_main_menu ul {
    display:flex;
}