/* @ import */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i);
/*
@import url(http://fonts.googleapis.com/css?family=Raleway);
@import url(http://fonts.googleapis.com/css?family=Fjalla+One);
*/
/* TPL 1
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Parisienne);
*/
/* TPL 2
@import url(http://fonts.googleapis.com/css?family=News+Cycle);
*/
/* TPL 3
@import url(http://fonts.googleapis.com/css?family=Cookie);
@import url(http://fonts.googleapis.com/css?family=Ubuntu);
*/
/* TPL 4
@import url(http://fonts.googleapis.com/css?family=Yellowtail);
@import url(http://fonts.googleapis.com/css?family=Archivo+Narrow);
*/
/* TPL 5 */
.tab_mes_informations{
padding: 3px 0;
margin-left: 0;
font: bold 12px;
font-family:Lucida Sans Unicode;
list-style-type: none;
text-align: left;
border-bottom:1px solid #000000;
}
.tab_mes_informations li
{
display: inline;
margin: 0;
padding: 3px 7px;
margin-right: 3px;
}
.tab_mes_informations li a
{
text-decoration: none;
}/******************************************************* STYLE GENERAL *******************************************************/
/*RESET UNIVERSEL */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}
blockquote p{font-size:1.1em;}
/*GRID*/
.container_12{width:100%;margin-left:0;margin-right:0}.container_12_margin{width:100%;margin-left:0;margin-right:0}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;position:relative}
.container_12_margin .alpha,.alpha{margin-left:0 !important}.container_12_margin .omega,.omega{margin-right:0 !important}.container_12 .grid_1{width:8.333%}.container_12 .grid_2{width:16.667%}.container_12 .grid_3{width:25%}.container_12 .grid_4{width:33.333%}.container_12 .grid_5{width:41.667%}.container_12 .grid_6{width:50%}.container_12 .grid_7{width:58.333%}.container_12 .grid_8{width:66.667%}.container_12 .grid_9{width:75%}.container_12 .grid_10{width:83.333%}.container_12 .grid_11{width:91.667%}.container_12 .grid_12{width:100%}.container_12_margin .grid_1{width:6.333%;margin-left:1%;margin-right:1%}.container_12_margin .grid_2{width:14.667%;margin-left:1%;margin-right:1%}.container_12_margin .grid_3{width:23%;margin-left:1%;margin-right:1%}.container_12_margin .grid_4{width:31.333%;margin-left:1%;margin-right:1%}.container_12_margin .grid_5{width:39.667%;margin-left:1%;margin-right:1%}.container_12_margin .grid_6{width:48%;margin-left:1%;margin-right:1%}.container_12_margin .grid_7{width:56.333%;margin-left:1%;margin-right:1%}.container_12_margin .grid_8{width:64.667%;margin-left:1%;margin-right:1%}.container_12_margin .grid_9{width:73%;margin-left:1%;margin-right:1%}.container_12_margin .grid_10{width:81.333%;margin-left:1%;margin-right:1%}.container_12_margin .grid_11{width:89.667%;margin-left:1%;margin-right:1%}.container_12_margin .grid_12{width:98%;margin-left:1%;margin-right:1%}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:" ";display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:inline-block;line-height:0}
.mod{overflow:hidden}.clear,.line,.row{clear:both}.clearfix:after,.line:after{content:"";display:table;clear:both}.left,.start{float:left}img.left,img.start{margin-right:1em}.right,.end{float:right}img.right,img.end{margin-left:1em}img.left,img.right,img.start,img.end{margin-bottom:.5em}.center{margin-left:auto;margin-right:auto}.row{display:table;table-layout:fixed;width:100%}.row>*,.col{display:table-cell;vertical-align:top}.inbl{display:inline-block;vertical-align:top}.w10{width:10%}.w20{width:20%}.w25{width:25%}.w30{width:30%}.w33{width:33.3333%}.w40{width:40%}.w50{width:50%}.w60{width:60%}.w66{width:66.6666%}.w70{width:70%}.w75{width:75%}.w80{width:80%}.w90{width:90%}.w100{width:100%}.w50p{width:50px}.w100p{width:100px}.w150p{width:150px}.w200p{width:200px}.w300p{width:300px}.w400p{width:400px}.w500p{width:500px}.w600p{width:600px}.w700p{width:700px}.w800p{width:800px}.w960p{width:960px}.mw960p{max-width:960px}.w1140p{width:1140px}.mw1140p{max-width:1140px}.wauto{width:auto}
.w5{width:5%}.w10{width:10%}.w15{width:15%}.w20{width:20%}.w25{width:25%}.w30{width:30%}.w33{width:33.3333%}.w40{width:40%}.w50{width:50%}.w60{width:60%}.w66{width:66.6666%}.w70{width:70%}.w75{width:75%}.w80{width:80%}.w90{width:90%}.w100{width:100%}.w50p{width:50px}.w100p{width:100px}.w150p{width:150px}.w200p{width:200px}.w300p{width:300px}.w400p{width:400px}.w500p{width:500px}.w600p{width:600px}.w700p{width:700px}.w800p{width:800px}.w960p{width:960px}.mw960p{max-width:960px}.w1140p{width:1140px}.mw1140p{max-width:1140px}.wauto{width:auto}
input::-moz-focus-inner{border:0;padding:0;margin-top:-1px;margin-bottom:-1px}a,address{text-decoration:inherit;color:inherit}
textarea ,input[type=text]
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#form_1 table td, #form_4 table td{vertical-align:top;}
/* GENERAL */
html{background:}
html,body{font-family:Open Sans, sans-serif;font-size:15px;line-height:1.5;color:#fff}
a,address{color:inherit;text-decoration:inherit}
.icn:before{color:inherit!important;font-size:150%!important}
strong,.strong{font-weight:700}
em,.em{font-style:italic}
a{color:@global-link_color;text-decoration:@global-link_text-decoration}
a:hover{color:@global-link-hover_color;text-decoration:@global-link_text-decoration}
/* CLASSES UTILES */
.vignette td{padding:0 5px}
.vignette td img{display:block;margin-left:auto;margin-right:auto; max-width: 100%;}
.lead{font-size:1.5em;}
small{font-size:80%}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
.label,.badge{display:inline-block;padding:2px 4px;font-size:11.844px;font-weight:bold;line-height:14px;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);white-space:nowrap;vertical-align:baseline;background-color:#999}
.label{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.badge{padding-right:9px;padding-left:9px;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px}
.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}
.uppercase {text-transform: uppercase;}
.btn .icn:before,.btn-custom .icn:before {padding: 0;font-size: 120%;letter-spacing: -5px;position:relative;top:-2px;}
.smaller {font-size: .7143em;}.small {font-size: .8571em;}.big {font-size: 1.1429em;}.bigger {font-size: 1.2857em;}.biggest {font-size: 1.4286em;}
i,b {font-style: normal;font-weight: normal;}
.inbl {display: inline-block;vertical-align: top;}
.left {float: left;}img.left {margin-right: 1em;}.right {float: right;}img.right {margin-left: 1em;}img.left, img.right {margin-bottom: 5px;}
/* p,m = padding,margin
a,t,r,b,l = all,top,right,bottom,left
s,m,l,n,0 = small(10px),medium(20px),large(30px), zero or none(0) */
.m-reset,.ma0{margin:0}.p-reset,.pa0{padding:0}.ma1,.mas{margin:10px}.ma2,.mam{margin:20px}.ma3,.mal{margin:30px}.pa1,.pas{padding:10px}.pa2,.pam{padding:20px}.pa3,.pal{padding:30px}.mt0,.mtn{margin-top:0}.mt1,.mts{margin-top:10px}.mt2,.mtm{margin-top:20px}.mt3,.mtl{margin-top:30px}.mr0,.mrn{margin-right:0}.mr1,.mrs{margin-right:10px}.mr2,.mrm{margin-right:20px}.mr3,.mrl{margin-right:30px}.mb0,.mbn{margin-bottom:0}.mb1,.mbs{margin-bottom:10px}.mb2,.mbm{margin-bottom:20px}.mb3,.mbl{margin-bottom:30px}.ml0,.mln{margin-left:0}.ml1,.mls{margin-left:10px}.ml2,.mlm{margin-left:20px}.ml3,.mll{margin-left:30px}.pt0,.ptn{padding-top:0}.pt1,.pts{padding-top:10px}.pt2,.ptm{padding-top:20px}.pt3,.ptl{padding-top:30px}.pr0,.prn{padding-right:0}.pr1,.prs{padding-right:10px}.pr2,.prm{padding-right:20px}.pr3,.prl{padding-right:30px}.pb0,.pbn{padding-bottom:0}.pb1,.pbs{padding-bottom:10px}.pb2,.pbm{padding-bottom:20px}.pb3,.pbl{padding-bottom:30px}.pl0,.pln{padding-left:0}.pl1,.pls{padding-left:10px}.pl2,.plm{padding-left:20px}.pl3,.pll{padding-left:30px}
.hoveropacity{opacity:1;-webkit-transition: all 350ms;-moz-transition: all 350ms;-ms-transition: all 350ms;-o-transition: all 350ms;transition: all 350ms;}
.hoveropacity:hover{opacity:0.8;}
.hoveropacity:active{opacity:0.65;-webkit-transition: all 150ms;-moz-transition: all 150ms; -ms-transition: all 150ms;-o-transition: all 150ms;transition: all 150ms;}
ul.nopuce{list-style-type:none;margin-left:0}
img.resize{max-width:100%;height:auto}
.type-classic{font-family: Open Sans, sans-serif;}.type-heading{font-family: @heading-global_font-family;}
.opac50{opacity: .5;}.opac25{opacity: .25;}.opac75{opacity: .75;}.opac10{opacity: .1;}
/* PAGE CONNEXION / CREATION COMPTE */
#div_ok_ce1_creer_compte,#div_ok_ce1_creer_compte_partie2{
border: @moncompte_bloc_border;float:left;width: 49%;padding: @moncompte_bloc_padding;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
#div_ok_ce1_creer_compte{ margin-right: 1%;}
#div_ok_ce1_creer_compte_partie2{ margin-left: 1%;}
#div_ok_ce1_creer_compte h2,#div_ok_ce1_creer_compte_partie2 h2{
background: @moncompte_title_background;
padding: @moncompte_bloc_padding;margin-left: -@moncompte_bloc_padding;margin-top: -@moncompte_bloc_padding;
width: 100%;color: @moncompte_title_color;border-bottom: @moncompte_bloc_border;
}
.ClassFormTitre1,.ClassFormTitre2{background: @moncompte_title_background;color: @moncompte_title_color;padding: 5px 10px;}
#toutes_methodes_de_paiement{border: @moncompte_bloc_border;padding: @moncompte_bloc_padding;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
/* MOYENS DE PAIEMENT */
.page_paiement_container{overflow:hidden;padding: @moncompte_bloc_padding;border: @moncompte_bloc_border;}
.page_paiement_titre{background: @moncompte_title_background;color: @moncompte_title_color;padding: 5px 10px;}
.page_paiement_container_2_colonne_gauche{float:left;width: 60%;}
.page_paiement_montant_a_payer{font-size: 120%;}
.page_paiement_montant_a_payer strong{font-weight: normal;font-size: 150%;font-family: Georgia, serif;}
.page_paiement_container_2_colonne_droite{float:left;width: 40%;}
/* --- BUGS & CORRECTIONS--- */
a[href^="tel:"] {color: inherit !important;}
#bigPhotoInner img {max-width: 800px !important;}
table,td,th,tr,tbody,thead,tfoot,form { vertical-align: top;}
input::-moz-focus-inner { border: 0; padding: 0; margin-top:-1px; margin-bottom: -1px;}
.asidebox iframe,.asidebox object,.asidebox embed{max-width:100%}
html{background:;}
.clear {clear:both;}
/* --- LIENS --- */
a {color:inherit;}a:hover {color:inherit;}
/************************************************************ HEADER ************************************************************ */
.topsite-container{position:relative;}
.header-container{position:relative;
background:; /*header large*/
}
.header{
position:relative;
width:960px;height:@header_height;
margin:0px auto 0px auto;
background-color:transparent;
}
/* ::::::::::::::::::::::::::::::::::::: BANNIERE ::::::::::::::::::::::::::::::::::::: */
.header-banniere img{border-radius:5px;}
/* ::::::::::::::::::::::::::::::::::::: UPLINE ::::::::::::::::::::::::::::::::::::: */
/* ....... FOND ....... */
.upline{background:;}
.upline-inner{ background:;
/* ....... TAILLE & ESPACEMENT ....... */
width:960px;
height:auto;
padding:3px;margin:0 auto;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
/* ....... MISE EN FORME ....... */
color:#fff;
font-size:0.8em;
}
/* ....... LIENS ....... */
.upline a{color:inherit;}
.upline a:hover{color:inherit;}
/* ....... UPLINE DROITE ....... */
.upline-droite{
float:right;
}
/* ::::::::::::::::::::::::::::::::::::: LOGO & SLOGAN ::::::::::::::::::::::::::::::::::::: */
.logo-container{position:relative;}
/* ::::::::::::::::::::::::::::::::::::: LOGO ::::::::::::::::::::::::::::::::::::: */
/* ....... POSITION ET ESPACEMENT ....... */
.logo{
padding:10px 0 22px 50px;
margin: 0px;
}
/* ::::::::::::::::::::::::::::::::::::: SLOGAN ::::::::::::::::::::::::::::::::::::: */
.slogan{
/* ....... POSITION ET ESPACEMENT ....... */
padding:7px;
margin:7px;
/* ....... MISE EN FORME TEXTE ....... */
font-family:Open Sans,sans-serif;
font-size:1.5em;
color:#fff;
}
/* ::::::::::::::::::::::::::::::::::::: HEADER INFO 1 ::::::::::::::::::::::::::::::::::::: */
.header-infos-1{
/* ....... MISE EN FORME FOND ....... */
/* fond uni */
background:;
/* fond degradé */
background-image: -moz-linear-gradient(top, 0%, 100%);
background-image: -o-linear-gradient(top, 0%, 100%);
background-image: -webkit-linear-gradient(top, 0%, 100%);
background-image: linear-gradient(top, 0%, 100%);
/* Border radius */
-moz-border-radius:5px;-ms-border-radius:5px;
-webkit-border-radius:5px;border-radius:5px;
/* ....... MISE EN FORME TEXTE ....... */
font-family:Open Sans, sans-serif;
font-size:24px;
color:#231f20;
}
/* ::::::::::::::::::::::::::::::::::::: HEADER INFO 2 ::::::::::::::::::::::::::::::::::::: */
.header-infos-2{
/* ....... POSITION ....... */
position:absolute;
padding:0px 0px 0px 7px;
margin:0px 0px 0px 0px;
/* ....... MISE EN FORME FOND .......*/
background:;
/* Border radius */
-moz-border-radius:0px;-ms-border-radius:0px;
-webkit-border-radius:0px;border-radius:0px;
/* ....... MISE EN FORME TEXTE .......*/
font-family:Open Sans, sans-serif;
font-size:;
color:#fff;
}
/* ::::::::::::::::::::::::::::::::::::: LANGUE ::::::::::::::::::::::::::::::::::::: */
.langues{position:absolute; top:5px; right:0px;}
#live_282_langue{display: block;float:left;padding-top:5px;padding-left:5px;}
/* ::::::::::::::::::::::::::::::::::::: LOGIN ::::::::::::::::::::::::::::::::::::: */
/* ........................ Login en ligne ........................ */
.login_en_ligne{position:absolute;top:40px;right;0;display:inline;}
/* ----- champs et boutons ----- */
.login_en_ligne #live_369_login{float:left;display:inline;margin-right:10px;}
.login_en_ligne #live_369_password{float:left;display:inline;margin-right:5px;}
.login_en_ligne #live_369_ok{float:left;display:inline;}
.login_en_ligne #live_369_ok input[type="submit"]{margin:0;}
/* ----- liens si connecté ----- */
#live_369_disconnect, #live_369_my_account{display:inline;}
#live_369_disconnect:before{margin:0 5px;content:"|";}
/* ........................ Login - Connection ........................ */
.login_header{position:absolute;}
#live_298_connexion, #live_298_disconnect, #live_298_my_account{display:inline;float:left}
#live_298_disconnect:before{margin:0 5px;content:"|";}
/* ::::::::::::::::::::::::::::::::::::: PANIER ::::::::::::::::::::::::::::::::::::: */
.header-panier:before{content:"|";position:absolute;bottom:0;left:5px;}
.header-panier{position:relative;float:left;padding-left:5px;}
#live_284_compte, #live_284_chariot{padding-left:5px;}
#live_284_compte{display:none;}
/* ::::::::::::::::::::::::::::::::::::: MENU DANS HEADER ::::::::::::::::::::::::::::::::::::: */
/* ........................ GENERAL MENU ........................ */
.header-container .nav ul{z-index:50;margin:0;padding:0;list-style:none;}
.header-container .nav>ul{width:100%;height:@header-menu-container_height;}
/* ----- POSITION & ESPACEMENT ----- */
.header-container .nav{position:absolute;
top:20px;
right:0;
width:@header-menu-container_width;
margin:0 auto;
}
/* ----- COULEUR DU FOND ( uni ou dégradé ) ----- .*/
/* menu en dégradé */
.header-container .nav>ul{background:-moz-linear-gradient(top,transparent 0,transparent 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(100%,transparent));background:-webkit-linear-gradient(top,transparent 0,transparent 100%);background:-o-linear-gradient(top,transparent 0,transparent 100%);background:-ms-linear-gradient(top,transparent 0,transparent 100%);background:linear-gradient(to bottom,transparent 0,transparent 100%)
}
/* ----- FORME ET MISE EN FORME ----- */
.header-container .nav>ul{text-align:right !important;}
.header-container .nav ul{-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.header-container .nav ul{
font-family:Open Sans, sans-serif;
text-transform:uppercase;
font-size:1.1em}
/* ........................ ITEMS DU MENU ........................ */
.header-container .nav ul li a{display:block;height:100%;width:100%}
.header-container .nav>ul>li{display:block;display:inline-block;vertical-align:middle;line-height:@header-menu-container_height;margin:0 10px;padding:0 0px;height:@header-menu-container_height;position:relative;color:@header-menu_item_couleur_liens;background:transparent;background:-moz-linear-gradient(top,transparent 0,transparent 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(100%,transparent));background:-webkit-linear-gradient(top,transparent 0,transparent 100%);background:-o-linear-gradient(top,transparent 0,transparent 100%);background:-ms-linear-gradient(top,transparent 0,transparent 100%);background:linear-gradient(to bottom,transparent 0,transparent 100%)}
.header-container .nav>ul>li>a{color:#fff;}
.header-container .nav>ul>li{color:#fff;-webkit-transition:all @header-menu-container_transition-duration ease;-moz-transition:all @header-menu-container_transition-duration ease;-ms-transition:all @header-menu-container_transition-duration ease;-o-transition:all @header-menu-container_transition-duration ease;transition:all @header-menu-container_transition-duration ease}
/* ----- SURVOL & ITEM ACTIF ----- */
/* couleur au survol */
.header-container .nav ul>li:hover a,.header-container .nav ul>li.menu_active , .header-container .nav ul>li.menu_active a{
color:#fff}
/* bordure au survol */
.header-container .nav>ul>li{padding-bottom:0px}
.header-container .nav>ul>li:hover,.header-container .nav>ul>li.menu_active{
padding-bottom:0px;
border-width:0 0 0px 0;
border-style:solid ;
border-color:;
/* couleur de fond au survol */
background:;
/* degradé de fond au survol */
background:-moz-linear-gradient(top, 0,@menu-item-hover_gradient-bottom 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,),color-stop(100%,));background:-webkit-linear-gradient(top, 0, 100%);background:-o-linear-gradient(top, 0, 100%);background:-ms-linear-gradient(top, 0, 100%);background:linear-gradient(to bottom, 0, 100%);-webkit-transition:all @header-menu-container_transition-duration ease;-moz-transition:all @header-menu-container_transition-duration ease;-ms-transition:all @header-menu-container_transition-duration ease;-o-transition:all @header-menu-container_transition-duration ease;transition:all @header-menu-container_transition-duration ease}
.header-container .nav>ul>li:hover{height:@header-menu-container_height;color:#fff}
/* ----- SEPARATION DES ITEMS ( images /bordures ) ----- */
.header-container .nav ul li:before{content:none;margin:none}.header-container .nav * a,.header-container .nav * li{color:#fff}
.header-container .nav>ul>li:after{content:"";color:#fff;z-index:7000;position:absolute;top:0;left:100%;margin-left:-3px}
.header-container .nav>ul>li:last-child:after{content:none}
.header-container .nav>ul>li , .header-container .nav>ul>li:hover , .header-container .nav>ul>li.menu_active{border-right:@header-menu-border-right;}
.header-container .nav>ul>li:last-child , .nav>ul>li:hover:last-child , .header-container .nav>ul>li.menu_active:last-child{border-right:0}
/* ........................ SOUS NIVEAUX ........................ */
.header-container .nav ul ul{font-family:Open Sans, sans-serif;margin:0;padding:0;list-style:none;text-transform:@header-menu-container_text-transform_second_niveau;font-size:@menu_size_text_second_niveau;}
.header-container .nav ul li ul li ul{display:none;position:absolute;top:0;left:100%;text-align:left;font-size:90%}
.header-container .nav ul li ul{display:none;position:absolute;top:100%;left:0;text-align:left;font-size:90%}
.header-container .nav>ul>li:hover>ul{display:block}
.header-container .nav ul li ul li{display:block;height:auto !important;padding:0 10px;white-space:nowrap;position:relative}
.header-container .nav>ul>li:hover>ul>li:hover>ul{display:block}
.header-container .nav ul li ul li ul li ul{display:none;position:absolute;top:0;left:100%;text-align:left}
.header-container .nav>ul>li:hover>ul>li:hover>ul>li:hover>ul{display:block}
.header-container .nav ul li ul li ul li{display:block;height:auto}
.header-container .nav ul li ul{background-color:#fff}
.header-container .nav ul li ul li{background-color:#fff;color:#fff!important;}
.header-container .nav ul li ul li a , .header-container .nav ul li.menu_active ul li a{color:#fff!important;}
.header-container .nav ul li ul li:hover, .header-container .nav>ul>li.menu_active ul li:hover, .header-container .nav ul>li.menu_active a ul li:hover{background-color:#fff;color:#fff !important;}
/* ........................ NAV IE7 ........................ */
.header-container .nav_ie7 .nav>ul>li{display:block;float:left}.header-container .nav_ie7 .nav li a{color:#fff}.header-container .nav_ie7 .nav li a:hover{color:@header-menu-item-hover_color}.header-container .nav_ie7 .nav li:hover a{color:@header-menu-item-hover_color}.header-container .nav_ie7 .nav li ul li a{color:#fff}
/* ........................ NAV RECHERCHE ........................ */
.header-container .nav-recherche-produit table tr td{height:@header-menu-container_height;vertical-align:middle;padding:0 3px}.header-container .nav-recherche-produit table tr td input{margin:0}.header-container .nav-recherche-produit table tr td input[type=text]{height:22px}
.header-container .nav-recherche-contenu{float:right;height:@header-menu-container_height;padding-right:5px;position:relative;top:-1px}.header-container .nav-recherche-contenu form{display:table-cell;height:@header-menu-container_height;vertical-align:middle}.header-container .nav-recherche-contenu table tr td{height:@header-menu-container_height;vertical-align:middle;padding:0 3px}.header-container .nav-recherche-contenu input,.header-container .nav-recherche-contenu button{margin:0 !important}.header-container .nav-recherche-contenu input[type=text]{height:22px;position:relative;top:2px}
/************************************************************* MENU PRINCIPAL ************************************************************* */
/* ::::::::::::::::::::::::::::::::::::: BASE DU MENU ::::::::::::::::::::::::::::::::::::: */
.navigation{width:100%;margin:0px auto 0px auto;}
.navigation .nav ul{z-index:50;margin:0;padding:0;list-style:none;}
.navigation .nav>ul{width:100%;height:51px;}
/* ....... POSITION & ESPACEMENT ....... */
.navigation .nav{
width:960px;
margin:0 auto;
}
/* ....... FORME ET MISE EN FORME ....... */
.navigation .nav ul{
font-family:Open Sans,sans-serif;
text-transform:uppercase;
font-size:16px;
}
/* Alignement*/
.navigation .nav>ul{text-align:center !important;}
/* border radius */
.navigation .nav ul
{-moz-border-radius:0px 0px 0px 0px ;-ms-border-radius:0px 0px 0px 0px ;-webkit-border-radius:0px 0px 0px 0px ;border-radius:0px 0px 0px 0px ;}
/* ....... COULEUR DU FOND ....... */
/* fond menu large*/
.navigation{
background:transparent;
background:-moz-linear-gradient(top,transparent 0,transparent 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(100%,transparent));background:-webkit-linear-gradient(top,transparent 0,transparent 100%);background:-o-linear-gradient(top,transparent 0,transparent 100%);background:-ms-linear-gradient(top,transparent 0,transparent 100%);background:linear-gradient(to bottom,transparent 0,transparent 100%)
}
/* menu en dégradé */
.navigation .nav>ul{background:-moz-linear-gradient(top,#161616 0,#161616 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#161616),color-stop(100%,#161616));background:-webkit-linear-gradient(top,#161616 0,#161616 100%);background:-o-linear-gradient(top,#161616 0,#161616 100%);background:-ms-linear-gradient(top,#161616 0,#161616 100%);background:linear-gradient(to bottom,#161616 0,#161616 100%)
}
/* ::::::::::::::::::::::::::::::::::::: ITEMS DU MENU ::::::::::::::::::::::::::::::::::::: */
.navigation .nav ul li a{display:block;height:100%;width:100%}
.navigation .nav>ul>li{display:block;display:inline-block;vertical-align:middle;position:relative;}
.navigation .nav>ul>li{-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease}
/* ....... MISE EN FORME & ESPACEMENT ...... */
.navigation .nav>ul>li{color:#fff;}
.navigation .nav>ul>li{
line-height:51px;
margin:0 15px;
padding:0 0px;
height:51px;
/* ....... COULEUR ET FOND ...... */
color:@menu_item_couleur_liens;
background:;
background:-moz-linear-gradient(top, 0, 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,),color-stop(100%,));background:-webkit-linear-gradient(top, 0, 100%);background:-o-linear-gradient(top, 0, 100%);background:-ms-linear-gradient(top, 0, 100%);background:linear-gradient(to bottom, 0, 100%)
}
/* ....... HOVER ET PAGE ACTIVE ...... */
.navigation .nav ul li:hover a , .navigation .nav ul li.menu_active:hover a{color:inherit !important}
.navigation .nav>ul>li:hover , .navigation .nav>ul>li.menu_active{background:;
background:-moz-linear-gradient(top, 0,
100%);background:-webkit-gradient
(linear,left top,left bottom,color-stop(0,),
color-stop(100%,));background:-webkit-linear-gradient
(top, 0, 100%);
background:-o-linear-gradient(top, 0,
100%);background:-ms-linear-gradient(top,
0, 100%);
background:linear-gradient(to bottom, 0,
100%)
-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease}
.navigation .nav>ul>li:hover{height:51px;color:#fff}
/* image hover */
.navigation>.nav>ul>li:hover , .navigation .nav>ul>li.menu_active{
background-image:;
background-position:top center;
background-repeat:no-repeat;
}
/* ....... SEPARATION ITEMS ( image / bordure ) ...... */
/* avant */
.navigation>.nav>ul>li:before{content:none; /* "|" ou url(http://www.lours-blanc.fr/fichiers_site/a6107ide/contenu_pages/graphisme_global/defaut/image.png)*/;color:@menu-item_before_color;margin:none;position:absolute;top:0px;left:0%;margin-right:-3px;z-index:7000;}
.navigation>.nav>ul>li:hover:before{color:#fff!important;}
.navigation .nav * a,.navigation .nav * li{color:#fff}
/* après */
.navigation .nav>ul>li:after{
content:none;
color:#fff;
position:absolute;top:0;left:100%;margin-left:-3px;z-index:7000;}
.navigation .nav>ul>li:last-child:after{content:none}
/* bordure */
.navigation .nav>ul>li{border-right:@menu-border-right;}
.navigation .nav>ul>li:last-child{border-right:0}
/* ::::::::::::::::::::::::::::::::::::: SOUS NIVEAU ::::::::::::::::::::::::::::::::::::: */
.navigation .nav ul ul{font-family:Open Sans,sans-serif;margin:0;padding:0;list-style:none;text-transform:@menu-container_text-transform_second_niveau;font-size:@menu_size_text_second_niveau}
.navigation .nav ul li ul li ul{display:none;position:absolute;top:0;left:100%;text-align:left;font-size:90%}
.navigation .nav ul li ul{display:none;position:absolute;top:100%;left:0;text-align:left;font-size:90%}.navigation .nav>ul>li:hover>ul{display:block}
.navigation .nav ul li ul li{line-height:1.5em;display:block;height:auto !important;padding:0 10px;white-space:nowrap;position:relative}
.navigation .nav>ul>li:hover>ul>li:hover>ul{display:block}.navigation .nav ul li ul li ul li ul{display:none;position:absolute;top:0;left:100%;text-align:left}
.navigation .nav>ul>li:hover>ul>li:hover>ul>li:hover>ul{display:block}.navigation .nav ul li ul li ul li{display:block;height:auto}
.navigation .nav ul li ul{background-color:#161616;}
.navigation .nav ul li ul li{background-color:#161616;color:#fff !important;}
.navigation .nav ul li ul li:hover{background-color:#ff003a;color:#fff !important;}
/* ::::::::::::::::::::::::::::::::::::: NAV IE7 ::::::::::::::::::::::::::::::::::::: */
.navigation .nav_ie7 .nav>ul>li{display:block;float:left}.navigation .nav_ie7 .nav li a{color:#fff}.navigation .nav_ie7 .nav li a:hover{color:#fff}.navigation .nav_ie7 .nav li:hover a{color:#fff}.navigation .nav_ie7 .nav li ul li a{color:#fff}
/* ::::::::::::::::::::::::::::::::::::: NAV RECHERCHE ::::::::::::::::::::::::::::::::::::: */
.navigation .nav-recherche-produit table tr td{height:51px;vertical-align:middle;padding:0 3px}.navigation .nav-recherche-produit table tr td input{margin:0}.navigation .nav-recherche-produit table tr td input[type=text]{height:22px}
.navigation .nav-recherche-contenu{float:right;height:51px;padding-right:5px;position:relative;top:-1px}.navigation .nav-recherche-contenu form{display:table-cell;height:51px;vertical-align:middle}.navigation .nav-recherche-contenu table tr td{height:51px;vertical-align:middle;padding:0 3px}.navigation .nav-recherche-contenu input,.navigation .nav-recherche-contenu button{margin:0 !important}.navigation .nav-recherche-contenu input[type=text]{height:22px;position:relative;top:2px}
/************************************************************* BANNIERE ************************************************************* */
.banniere-container{background:;margin:0px auto -2px auto;}
.banniere{width:960px;margin-left:auto;margin-right:auto;position:relative;}
.banniere img{width: 100%; height: auto;}
/* ::::::::::::::::::::::::::::::::::::: TEXTE DANS BANNIERE ::::::::::::::::::::::::::::::::::::: */
.banniere-texte{z-index:99;
/* ....... MISE EN FORME FOND ....... */
/* fond uni */
background:#ff003a;
/* fond degradé */
background-image: -moz-linear-gradient(top, #ff003a 0%, #ff003a 100%);
background-image: -o-linear-gradient(top, #ff003a 0%, #ff003a 100%);
background-image: -webkit-linear-gradient(top, #ff003a 0%, #ff003a 100%);
background-image: linear-gradient(top, #ff003a 0%, #ff003a 100%);
/* Border radius */
-moz-border-radius:5px;-ms-border-radius:5px;
-webkit-border-radius:5px;border-radius:5px;
/* ....... MISE EN FORME TEXTE ....... */
font-family:Open Sans,sans-serif;
font-size:1.8em;
color:#fff;
}
/* ....... IMAGE DEVANT ....... */
.banniere-texte a:before {
content: @banniere-texte-before;
display: inline-block;margin: 0px 15px 5px 0px;vertical-align:middle;
}
/************************************************************* CONTENU ************************************************************ */
/* ::::::::::::::::::::::::::::::::::::: POSITION ET COULEUR DE FOND ::::::::::::::::::::::::::::::::::::: */
/* --- ZONE CONTENU (largeur d?ecran) --- */
.zone_contenu{
background:transparent;
}
/* --- CONTENT (article et colonne)--- */
.content-wrapper{
width:960px;
margin:0px auto 0px auto;
background:rgba(0,0,0,0.7);
line-height:1.5;
font-size:15px;
border-radius:0px 0px 0px 0px ;
}
/* --- ARTICLE --- */
.article{
width:960px;float:left;min-height:400px;
background:transparent!important;
}
.article-content{
overflow:hidden;border-right:;
margin:0px 0px 0px 0px;
padding:23px 15px 15px 15px;
background:transparent;
border-radius:0px;
}
/* ::::::::::::::::::::::::::::::::::::: TITRES ::::::::::::::::::::::::::::::::::::: */
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin:10px 0;text-rendering:optimizelegibility;font-smooth:always;-webkit-font-smoothing:antialiased;opacity:.999}
h1:first-child,.h1:first-child,h2:first-child,.h2:first-child,h3:first-child,.h3:first-child,h4:first-child,.h4:first-child,h5:first-child,.h5:first-child,h6:first-child,.h6:first-child {margin-top: 0;}
h1 a, h2 a, h3 a, h4 a, h5 a { color: inherit !important;}
/* ....... H1 ....... */
h1,.h1{
font-family:Open Sans,sans-serif;
text-transform:uppercase;
font-size:24px;
color:#ffffff;
font-weight:600;
line-height: 1.3;
margin:0px 0px 15px 0px;
padding:0px 0px 0px 0px;
}
/*image devant h1*/
h1:before,.h1:before{content:none; /* "-" ou url(http://www.lours-blanc.fr/fichiers_site/a6107ide/contenu_pages/graphisme_global/defaut/image.png)*/;margin-right:7px;}
/* ....... H2 ....... */
h2,.h2{
font-family:Open Sans,sans-serif;
text-transform:none;
font-size:20px;
color:#ffffff;
font-weight:600;
line-height: 1.3;
margin:10px 0px 7px 0px;
padding:0px 0px 0px 0px;
}
/* ....... H3 ....... */
h3,.h3{
font-family:Open Sans,sans-serif;
font-size:16px;
color:#ffffff;
text-transform:none;
font-weight:600;
line-height: 1.3;
margin:7px 0px 5px 0px;
padding:0px 0px 0px 0px;
}
/* ....... H4 ....... */
h4,.h4{
font-family:Open Sans,sans-serif;
font-size:1.15em;
text-transform:none;
color:#ffffff;
font-weight:normal;
line-height: 1.3;
margin:7px 0px 5px 0px;
padding:0px 0px 0px 0px;
}
/* ....... H5 ....... */
h5,.h5{
font-family:Open Sans,sans-serif;
font-size:1.1em;
color:#ffffff;
font-weight:normal;
text-transform:none;
line-height: 1.3;
margin:5px 0px 5px 0px;
padding:0px 0px 0px 0px;
}
/* ....... H6 ....... */
h6,.h6{
font-family:Open Sans,sans-serif;
font-size:1em;
color:#ffffff;
font-weight:normal;
text-transform:none;
line-height: 1.3;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
/* ::::::::::::::::::::::::::::::::::::: LIENS ::::::::::::::::::::::::::::::::::::: */
.article a{
color:#ff003a;
text-decoration:none;
font-style:normal;
}
/* ....... liens au survol ....... */
.article a:hover{color:#fff;}
/* ....... liens image au survol ....... */
.article a:hover img{opacity:0.8;}
/* ::::::::::::::::::::::::::::::::::::: PARAGRAPHE ::::::::::::::::::::::::::::::::::::: */
.article p{margin:0px 0px 7px 0px}
/* ::::::::::::::::::::::::::::::::::::: CLASSES DANS CONTENU ::::::::::::::::::::::::::::::::::::: */
/* --- BLOCKQUOTE --- */
blockquote{font-size:15px;margin-left:15px}
blockquote {background:none;
border-left:3px solid #ffffff;
margin: 10px 50px;
padding: 0px 10px;}
blockquote p {display: inline;}
/* --- LISTE --- */
ol li{list-style-type:decimal;list-style-position: inside;}
ul{list-style-type:disc;margin-left:20px}
ul ul{list-style-type:circle;}
/* --- HR --- */
hr{border:0;border-top:1px dotted #d9d2cd;}
hr { padding: 0; border: none; border-top: 1px dotted #d9d2cd; color: 1px dotted #d9d2cd; text-align: center; }
hr:after { content: none; display: inline-block; position: relative; top: -0.7em; font-size: 1.5em; padding: 0 0.25em; background: rgba(0,0,0,0.7); }
/* --- TABLEAUX --- */
/* classe table */
.table tbody tr td,.table tbody tr th{padding-left:7px;}
.table tbody tr:hover td,.table tbody tr:hover th{background-color:#ff003a; color:#fff;}
table{vertical-align:top}
/* classe border */
.tableborder tr {border-bottom:1px solid #ff003a;}
.tableborder td {;padding:7px 0;}
/* classe pair */
table.pair tr:nth-child(2n+1){background-color:#ff003a;color:#ff003a;padding:5px;}
table.pair tr:nth-child(2n+1) td, table.pair tr:nth-child(2n) td{padding:5px;}
/************************************************************** STYLE COLONNE **************************************************************/
/* ::::::::::::::::::::::::::::::::::::: GENERAL ::::::::::::::::::::::::::::::::::::: */
/* ....... Taille & Position ....... */
.aside{
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
width:210px;
float:left;
font-size:15px;
}
/* ....... Espacement ....... */
.aside{padding:15px 0px 15px 00px;}
.aside-content{padding:0px 10px 00px 20px;
min-height:400px;
}
/* ....... Bordure et fond....... */
.aside-content{
border-left:0px solid #cfcfcf;
border-right:0px solid #000;
background: transparent;
}
/* ....... TITRE ....... */
.titre_colonne{
font-family:Open Sans,sans-serif ;
font-size:1.8em;
padding:0px;
margin: 0px 0px 10px 0px;
color:#ffffff;
text-transform:uppercase;
display:block;
}
/* ....... TITRE 2 ....... */
.titre_colonne_2{
display:block;
padding:0px 0px 10px 0px;
margin:0px 0px 0px 0px;
font-family: Open Sans,sans-serif;
font-size:1.5em;
color:#ffffff;
text-transform:none;
}
/* ::::::::::::::::::::::::::::::::::::: ASIDEBOX ::::::::::::::::::::::::::::::::::::: */
.asidebox{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
background-color: #ff003a;
background-image: -moz-linear-gradient(bottom, #ff003a 0%, #ff003a 100%);
background-image: -o-linear-gradient(bottom, #ff003a 0%, #ff003a 100%);
background-image: -webkit-linear-gradient(bottom, #ff003a 0%, #ff003a 100%);
background-image: linear-gradient(bottom, #ff003a 0%, #ff003a 100%);
border:0px solid #ff003a;
border-radius:5px!important; -moz-border-radius:5px!important;-webkit-border-radius:5px!important;
padding: 10px 10px 10px 10px;
margin: 0px 0px 0px 0px;}
.asidebox p{color:#fff!important;}
.asidebox .titre_colonne{color:#fff;}
.asidebox .titre_colonne_2{color:#fff;}
/* ::::::::::::::::::::::::::::::::::::: ASIDEBOX 2 ::::::::::::::::::::::::::::::::::::: */
.asidebox2{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
background-color: #89c954;
background-image: -moz-linear-gradient(bottom, #89c954 0%, #89c954 100%);
background-image: -o-linear-gradient(bottom, #89c954 0%, #89c954 100%);
background-image: -webkit-linear-gradient(bottom, #89c954 0%, #89c954 100%);
background-image: linear-gradient(bottom, #89c954 0%, #89c954 100%);
border:none;
border-radius:0px!important; -moz-border-radius:0px!important;-webkit-border-radius:0px!important;
padding: 10px 10px 10px 10px;
margin: 0px 0px 0px 0px;
color:#fff!important;
}
.asidebox2 p{color:#fff!important;}
.asidebox2 .titre_colonne{color:#fff;}
.asidebox2 .titre_colonne_2{color:#fff;}
/* ::::::::::::::::::::::::::::::::::::: ASIDEBTN ::::::::::::::::::::::::::::::::::::: */
.asidebtn{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
background-color: @asidebtn_degrade_haut;
background-image: -moz-linear-gradient(bottom, @asidebtn_degrade_bas 0%, @asidebtn_degrade_haut 100%);
background-image: -o-linear-gradient(bottom, @asidebtn_degrade_bas 0%, @asidebtn_degrade_haut 100%);
background-image: -webkit-linear-gradient(bottom, @asidebtn_degrade_bas 0%, @asidebtn_degrade_haut 100%);
background-image: linear-gradient(bottom, @asidebtn_degrade_bas 0%, @asidebtn_degrade_haut 100%);
border:@asidebtn_border;
border-radius:@asidebtn_border-radius;
padding: @asidebtn_padding;
margin: @asidebtn_margin;
color: @asidebtn_color!important;
font-size:@asidebtn_fontsize;
}
.asidebtn:hover{
background: @asidebtn_background_hover;
color: @asidebtn_color_hover!important;
}
.aside .asidebtn a:hover{
color: @asidebtn_color_hover!important;
}
.asidebtn .btn {margin-right:0;}
/* ::::::::::::::::::::::::::::::::::::: LIENS ::::::::::::::::::::::::::::::::::::: */
/* ....... lien de base ....... */
.aside a{
color: inherit;
text-decoration:none;
}
.aside a.btn , .aside a.btn:hover{
color: #fff !important;
text-decoration:none;
}
/* ....... lien au survol ....... */
.aside a:hover{color:inherit;}
/* ::::::::::::::::::::::::::::::::::::: MENU COLONNE ::::::::::::::::::::::::::::::::::::: */
#live_372>ul{margin:0px 0px 10px 0px;font-size:15px;padding:0;}
#live_372 li{display: block; padding-left: 5px;}
#live_372>ul>li:before{ content: none;}
#live_372>ul>li{ display: block;border-bottom:1px solid #ccc;margin:0;padding:0;}
/* .......niveau 1 ....... */
#live_372>ul>li{font-size:1.2em;line-height:1.7em;}
/* ....... niveau 2 ....... */
#live_372>ul>li>ul{padding-left:5px;display:none;margin:0;}
#live_372>ul>li.menu_active>ul , #live_372>ul>li:hover>ul{display:block}
#live_372>ul>li>ul>li{font-size:1em;line-height:1.2em;}
/* ....... niveau 3 ....... */
#live_372>ul>li>ul>ul{padding-left:5px;font-size:0.9em;line-height:0.9em;}
/************************************************************ ELEMENT de PAGE ************************************************************ */
/* --- BOUTONS --- */
/* Apparence Générale */
.btn, input[type=submit], input[type=button], button{
display: inline-block;
font-family:@global-btn_font-family;
margin:5px 5px 0 0;
padding:6px 12px;
text-transform:uppercase;
box-shadow:none !important;
text-align: center;
text-shadow: none;
font-size:14px;
font-weight: bold !important;
line-height: normal;
vertical-align: middle;
color:#fff !important;
border:0px solid #ccc;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
background-color: #ff003a;background-image: -moz-linear-gradient(top,#ff003a,#ff003a); background-image: -webkit-gradient(linear,0 0,0 100%,from(#ff003a), to(#ff003a) ); background-image: -webkit-linear-gradient(top,#ff003a,#ff003a); background-image: -o-linear-gradient(top,#ff003a,#ff003a); background-image: linear-gradient(to bottom,#ff003a,#ff003a); background-repeat: repeat-x;
box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05); cursor: pointer; *display: inline; *zoom: 1; *background-color:#ff003a; filter:progid:DXImageTransform.Microsoft.gradient(enabled = false); *border:0;
-webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; *margin-left:.3em; -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05); -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05); box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)
}
input[type=submit]:first-letter, input[type=button]:first-letter, button:first-letter{text-transform:uppercase;}
a.btn,a.btn:hover, input[type=submit] , input[type=button], .btn a{font-family:Open Sans,sans-serif;color:#fff!important; font-style:normal!important;}
.btn:first-child, input[type=submit]:first-child{ *margin-left:0}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn a:hover,.btn[disabled], input[type=button]:hover, input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:active, input[type=submit].active, input[type=submit].disabled{ color:#fff !important; background-color:#ff003a; *background-color:#d9d9d9}
.btn:active, .btn.active, input[type=submit]:active, input[type=submit].active, input[type=button]:active, input[type=button].active, button:active, button.active{ background-image:none; outline:0; -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05); -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05); box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05); background-color:#ccc 9}
.btn:hover, .btn:focus, input[type=submit]:hover, input[type=button]:hover, input[type=submit]:focus, input[type=button]:focus, button:hover, button:focus{ color:#fff !important; text-decoration:none; background-position:0 -15px; -webkit-transition:background-position .1s linear; -moz-transition:background-position .1s linear; -o-transition:background-position .1s linear; transition:background-position .1s linear;}
.btn:focus, input[type=submit]:focus, input[type=button]:focus, button:focus{ outline:thin dotted #333; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px}
.btn.active, .btn:active, input[type=submit]:active, input[type=submit].active{ background-image:none; outline:0; -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05); -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05); box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}
.btn.disabled, .btn[disabled], input[type=submit].disabled{ cursor:default; background-image:none; opacity:.65; filter:alpha(opacity=65); -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none}
/* btn custom */
a.btn-custom,a.btn-custom:hover , .btn-custom, .btn-custom:hover{color:#fff !important;text-transform:uppercase;font-family:Open Sans,sans-serif;font-style:normal; border:0px solid #ccc!important; }
a.btn-custom , .btn-custom{box-shadow:none !important; font-family:@global-btn_font-family; font-weight:bold !important; display:inline-block; line-height: normal; *display:inline; *zoom:1;
padding:6px 12px; margin:5px 5px 0 0; font-size:14px; text-align:center; vertical-align:middle; cursor:pointer; color:#fff !important; background-color:#495055; background-image:-moz-linear-gradient(top,#495055,#495055); background-image:-webkit-gradient(linear,0 0,0 100%,from(#495055), to(#495055) ); background-image:-webkit-linear-gradient(top,#495055,#495055); background-image:-o-linear-gradient(top,#495055,#495055); background-image:linear-gradient(to bottom,#495055,#495055); background-repeat:repeat-x; *background-color:#495055; filter:progid:DXImageTransform.Microsoft.gradient(enabled = false); border:1px solid #ccc; border-bottom-color:#b3b3b3; border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); *border:0; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; *margin-left:.3em; -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05); -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05); box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}
.btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active, .btn-custom.disabled, .btn-custom[disabled]{ color:#fff !important; background-color:#495055; *background-color:#d9d9d9;font-family:@global-btn_font-family; font-weight:normal; }
.btn-custom:active, .btn-custom.active, input[type=submit]:active, input[type=submit].active{ background-color:#ccc 9 background-image:none; outline:0; -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05); -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05); box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}
.btn-custom:first-child, input[type=submit]:first-child{ *margin-left:0}
.btn-custom:hover, .btn-custom:focus{ color:#fff !important; text-decoration:none; background-position:0 -15px; -webkit-transition:background-position .1s linear; -moz-transition:background-position .1s linear; -o-transition:background-position .1s linear; transition:background-position .1s linear; font-family:@global-btn_font-family!important; font-weight:normal!important; }
.btn-custom:focus, input[type=submit]:focus{ outline:thin dotted #333; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px}
.btn-custom.active, .btn-custom:active,{ background-image:none; outline:0; -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05); -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05); box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}
.btn-custom.disabled, .btn-custom[disabled], input[type=submit].disabled{ cursor:default; background-image:none; opacity:.65; filter:alpha(opacity=65); -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none}
/* btn large, small, mini */
.btn-large{ padding:11px 19px; font-size:17.5px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px}.btn-large [class^="icon-"], .btn-large [class*="icon-"]{ margin-top:4px}
.btn-small{ padding:2px 10px; font-size:11.9px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}.btn-small [class^="icon-"], .btn-small [class*="icon-"]{ margin-top:0}
.btn-mini [class^="icon-"], .btn-mini [class*="icon-"]{ margin-top:-1px}.btn-mini{ padding:0 6px; font-size:10.5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
/* btn block */
.btn-block{ display:block; width:100%; padding-left:0; padding-right:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.btn-block .btn-block{ margin-top:5px}input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block{ width:100%}
/* btn flat */
.btn.flat{ background:#ff003a; -webkit-box-shadow:none; box-shadow:none; -webkit-transition:all .1s linear; -moz-transition:all .1s linear; -o-transition:all .1s linear; transition:all .1s linear}
.btn.flat:hover{ background-color:#ff003a}
.btn.flat.active, .btn.flat:active{ background-image:none; outline:0; -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05); -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}
.btn-custom.flat{ background:#495055; -webkit-box-shadow:none; box-shadow:none; -webkit-transition:all .1s linear; -moz-transition:all .1s linear; -o-transition:all .1s linear; transition:all .1s linear}
.btn-custom.flat:hover{ background-color:#495055}
.btn.flat.active, .btn.flat:active{ background-image:none; outline:0; -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05); -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}
.menuTopButton{height:auto;}
/* --- Formulaires --- */
form input[type=text],form textarea,form input[type=password], form select{margin:2px 0 !important;padding:3px;-webkit-border-radius:0px;border-radius:0px;border:1px solid #c7c7c7;-webkit-box-shadow: none;box-shadow: none}
form input[type=text]:hover,form textarea:hover,form input[type=password]:hover, form select:hover{background:rgba(255,255,255,0.95);-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;border:1px solid #c7c7c7;}
form input[type=text]:focus,form textarea:focus,form input[type=password]:focus, form select:focus{outline-color:#ffffff;background:rgba(255,255,255,0.85)}
form fieldset{border:1px solid #666;padding:10px}
form textarea {resize: none;}
.champs_necessaires, .ClassChampsNecessaires span{font-weight:700;color:#ffffff!important}
.message-erreur{color: #ffffff;font-size: 1.1em;text-align: center ;display: block;background:;border:1px solid #c7c7c7;width:80%;margin:0 auto;padding:5px;}
.message-erreur b{font-weight:bold!important;}
textarea,select,input[type=text]{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/* Affichage News */
.news .news-titre a{font-style:normal;}
.news-mini-container .news .news-titre{font-weight:700}
.news-mini-container .news{margin-bottom:12px}
.news-mini-container .news a{color:inherit}
.news-date {margin-bottom:5px ; font-size:0.8em}
.date {font-size:0.9em}
.news-suite {margin-bottom:10px; text-align:right}
.news {border-bottom:1px solid #ccc;margin-bottom:7px; margin-top:15px}
.news-mini-container .news{border:none;}
/* ::::::::::::::::::::::::::::::::::::: BOUTONS SPECIFIQUES 1 ::::::::::::::::::::::::::::::::::::: */
/* ....... classe loca ....... */
.loca:before{
content:url(fichiers_site/a6107ide/contenu_pages/graphisme_global/defaut/icn_adresse.png);
display:inline-block;
margin:0px 10px 0px 0px;
vertical-align:middle;
}
.loca , .mail{
font-size:16px;
text-align:left;
text-transform:uppercase;
font-family:Open Sans,sans-serif;
padding:10px 10px;
width:;
}
/* ....... classe mail ....... */
.mail:before{
content:url(fichiers_site/a6107ide/contenu_pages/graphisme_global/defaut/icn_mail.png);
display:inline-block;
margin-right:10px;vertical-align:baseline;
}
.aside a.mail , .aside a.loca, .aside a.adresse , .aside a.horaire{
font-size:16px;
text-align:left;
text-transform:uppercase;
font-family:Open Sans,sans-serif;
padding:;
display:block;
width:;
}
/* CLASSES SPECIFIQUES */
.hometable{table-layout:fixed;margin-bottom:1em;margin-top:1em;max-width: 100%;}
.hometable img{max-width: 100%;height:auto;vertical-align:middle;}
.hometable.col2 td{width:49%;padding-left:1%}.hometable.col2 td:first-child{padding-left:0;padding-right:1%}
.hometable.col3 td{width:32%;padding-left:2%}.hometable.col3 td:first-child{padding-left:0;}
.hometable.col4 td{width:23.5%;padding-left:2%}.hometable.col4 td:first-child{padding-left:0;}
.hovertable td:hover{outline:3px solid #000;}.hovertable.col3 td:first-child,.hovertable.col4 td:first-child{padding-left:1%;}.hovertable.col2 td:first-child{padding-left:1%;}
.hometable h2{
background: #ff003a;color:#fff;
margin-top: 0; position:relative;padding: 0 0.5em;
}
.hometable h2 a{
float:right;
font-size: 60%;
padding-top:3px;
}
.grideborderleft{padding-left:7px;border-left:1px solid #fff;margin: 0%;}
.filariane{padding: 23px 15px 15px 15px;}
.fil_ariane{padding-bottom: 20px;}
/************************************************************* STYLE FOOTER *************************************************************/
/* ::::::::::::::::::::::::::::::::::::: GENERAL ::::::::::::::::::::::::::::::::::::: */
.container_footer{
margin:0px auto 0px auto;
}
.footer{width:100%;margin:0 auto;background-color:#000000;}
.footer-slim, .footer-sub {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
width:960px;
margin-left:auto;margin-right:auto;
padding:5px;
}
#live_185{display:inline;}
.footer{background:@footer_background;
border-radius:0px;
}
/* ::::::::::::::::::::::::::::::::::::: MISE EN PAGE ::::::::::::::::::::::::::::::::::::: */
/* --- TITRE --- */
.titre_footer{
font-size:1.3em;
color:#fff;
font-family:Open Sans,sans-serif;
text-transform:none;
padding:0px;
margin:0px 0px 10px 0px;
}
/* ::::::::::::::::::::::::::::::::::::: FOOTER CONTENU / COLONNE ::::::::::::::::::::::::::::::::::::: */
.footer-sub-container {background-color:#000000;padding:13px 0 15px 0;}
.footer-sub {background-color:transparent;}
.footer-sub {color:#f1f1f1;font-size:12px;text-transform:@footer_contenu_texttransform;}
/* --- LIENS --- */
.footer-sub a{color:#fff;}
.footer-sub a:hover{color:#bababa;}
/* ::::::::::::::::::::::::::::::::::::: FOOTER COPYRIGHT ::::::::::::::::::::::::::::::::::::: */
.footer-slim-container {background-color:#231f20;padding:10px 0;}
.footer-slim {background-color:transparent;}
.footer-slim {color:#fff;font-size:1em;}
/* --- LIENS --- */
.footer-slim a{color:#fff;}
.footer-slim a:hover{color:#f9b809;}
/* ::::::::::::::::::::::::::::::::::::: COMMENTAIRES ::::::::::::::::::::::::::::::::::::: */
.com_detail_mess{position:relative;border-bottom:1px solid #ccc;padding-bottom:15px;margin-top:15px;}
.com_detail_mess_auteur{color:#ffffff;}
.com_page .btn a{color:#fff;}
.div_formulaire_ajout_commentaire textarea{width:100%}
.onglet_inactif{background:#ff0000;}
.onglet_actif{background:#00ff00;}
.shadetabs li , .tab_mes_informations li{border:1px solid #ccc}
/* :::::::::::::::::::::::::::::::::::PAGES NON CLIQUABLES::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.nav a[href="#"]{cursor: default;}
/************************************************************** DIAPORAMA ET GALERIE **************************************************************/
/* --------------------- Fancy box --------------------- */
div[id*="div_diapo_"] .fancybox-container {
overflow: hidden;display: inline-block;float: left;margin-left: 7px;
background: #fafafa;text-align: center;padding: 4px;border: 1px solid #ddd;margin-bottom: 7px;
/* Taille vignette width: 150px;*/height:168px;width:168px;
}
div[id*="div_diapo_"] .fancybox-container a{display: block;overflow: hidden;width: 100%;height: 100%;}
/* Image 100% .fancybox img {min-width: 100%;height:100%;min-height:100%;}*/
/* Image taille entiere .fancybox img {max-width: 100%;max-height:100%;}*/
div[id*="div_diapo_"]:after{
content: ".";font-size: 1px;color: #fff;display:block;clear: both;
}
div[id*="div_diapo_"]{overflow: hidden;}
.fancybox img { max-height: 100%;max-width: auto; height: 100%;width: auto;}
/* SLIDER 7 - Diaporama Actu */
ul,ol{list-style-position: inside;}
ul,ol,p{margin: 5px 0;padding: 0;}
.clear{clear: both;line-height: 1px;}
.description{color: #777;}
#slider
{padding-left:15px;padding-top:10px;
margin: 0 auto;
/*width: 980px;*/
width: 960px; /* 116px de différence*/
clear: both;
height: 372px;
overflow: hidden;
position: relative;
}
#slider .content{margin: 3px 0 0 0;}
#accueil-slider-controls{
left: 612px;position: absolute;width: 315px;}
h2.accueil-slider-control
{
height: 46px;
margin: 0 0 6px 0;
position: relative;
width: 315px;
z-index: 999;
}
h2.accueil-slider-control a
{
background: #ff003a;
color: #fff !important;
display: block;
font-size: 11px;
height: 46px;
line-height: 12px;
position: relative;
width: 315px;
z-index: 9;
border:1px solid #cdcdcd;
}
h2.accueil-slider-control a:hover
{
text-decoration: none;
}
h2.accueil-slider-control a span
{
cursor: pointer;
}
.accueil-slider-control-tag
{
background:;
color: #fff !important;
display: block;
font-size: 10px;
font-weight:normal;
line-height: 8px;
padding: 3px 5px;
position: absolute;
right: 5px;
text-transform: uppercase;
top: 5px;
}
h2.accueil-slider-control.active a
{
background:#ff003a;
color: #fff !important;
height: 46px;
margin-left: -11px;
padding-left: 11px;
width: 315px;
}
h2.accueil-slider-control.active a .accueil-slider-control-tag
{
color: #191817;
}
.accueil-slider-control-title
{
display: block;
float: left;
font-weight: normal;
font-size: 13px;
margin: 5px;
width: 173px;
line-height:1.1em;
color:#fff!important;
}
h2.accueil-slider-control a img
{
display: block;
float: right;
height: 46px;
width: 69px;
/* width: 132px;*/
}
#accueil-slider-pli
{
left: 653px;
/*left: 547px;*/
position: absolute;
top: 48px;
}
#accueil-slider-panels
{
background: #fff;
float: left;
height: 360px;
/*width: 309px;*/
overflow:hidden;
width: 925px;
}
.accueil-slider-panel
{
display: none;
position: relative;
height:350px;
}
#accueil-slider-panel-1
{
display: block;
}
.accueil-slider-panel a img
{
display: block;
height: auto;
/*width: 309px;*/
width: 590px;
}
.accueil-slider-panel-border
{
background: rgba(255,255,255,0.7);
bottom: 115px;
height: 1px;
left: 18px;
position: absolute;
/*width: 629px;*/
width: 513px;
display:none;
}
.accueil-slider-panel-tag
{
background: #0071b8;
bottom: 115px;
box-shadow: 0 -2px 3px rgba(0,0,0,0.8);
color: #fff;
font-size: 14px;
/*font-weight: bold;*/
left: 18px;
line-height: 14px;
padding: 7px 10px;
position: absolute;
text-transform: uppercase;
z-index: 2;
display:none;
}
.front .accueil-slider-panel h1
{
border: 0;
bottom: 10px;
font-size: 20px;
height: 104px;
left: 0;
/*line-height: 34px;*/
margin: 0 18px;
padding: 0;
position: absolute;
text-shadow: 0 -2px 3px rgba(0,0,0,0.8);
/*width: 629px;*/
width: 925px;
}
.front .accueil-slider-panel h1 a{color: #fff;}
.front .accueil-slider-panel h1 a:hover{text-decoration: none;}
.accueil-slider-panel-overlay
{
height: 362px;
left: 0;
position: absolute;
top: 0;
/*width: 665px;*/
width: 925px;
}
#accueil-slider-panels h1
{background-color: rgba(0, 0, 0, 0.6);
width:520px;
padding:5px;
margin-bottom:5px;
}
#accueil-slider-panels h1 a
{color:#fff !important;
font-size:13px;
text-align:left;
}
/* SLIDER 8 - PRODUIT */
.container {width: 660px;height: 200px;margin: 15px auto;overflow: visible;}
.item {display: block; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
width: 100%;height: 200px;padding: 0 25px 0 25px;overflow:hidden;
}
#container,
#container2,
#container3 {
position: absolute;width: 660px;height: 200px; margin: 0;overflow: hidden;
}
#versions {position: relative;margin: 0 auto 0;text-align: center;}
#controls1,
#controls2,
#controls3 {
display: block;position: relative;width: 100%;height: 200px;margin: 0 auto;
}
.prev_btn {float: left;}
.next_btn {float: right;}
.prev_btn a, .next_btn a{font-size: 18px;display:block;margin-top: 85px;}
.num_nav {
position: absolute;right: 0;bottom: -40px;left: 0;
height: 40px;text-align: center;display:none;
}
.num_nav ul li {display: inline;margin: 0 2px;}
.slider-image{
float:right;position:relative;z-index: 999;
width: 255px;overflow: hidden;border: 3px solid rgba(0,0,0,0.5);
}
.slider-image img{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.slider-inside{margin-right: 280px;height: 200px;}
.slider-inside-title{
font-weight:bold;color: #ffffff;text-transform:uppercase;text-align:center;
border-bottom: 1px solid;padding-bottom: 5px;margin-bottom: 5px;
}
.slider-inside-price{margin: 5px 0;font-size: 110%;color: #ffffff;text-align:center;}
.slider-inside-description{color: #fff;max-height: 7em;text-overflow: ellipsis;line-height: 1em;overflow:hidden;}
.slider-btn a{ position:absolute;bottom:0;right: 305px;background-color: #5b0049;
display:block;color: #fff !important;padding: 3px 4px; z-index: 100;
}
.prev_btn a:hover,.next_btn a:hover{text-decoration:none;}
.slider-inside-description {padding-top : 1em;}
.slider-inside-description p {margin: 0;}
/* ::::::::::::: DIAPO D’ACTUS :::::::::::: */
.accueil-slider-control-title{
font-size: 15px;
width: 95%;
}
h2.accueil-slider-control img{display: none;}
.onglets_7 #slider #accueil-slider-panels, .accueil-slider-panel{
height: 358px;
}
.onglets_7 #slider #accueil-slider-controls{
max-height: 358px;
}
.onglets_7 #slider {
padding: 0px;
max-height: 358px;}
.onglets_5 #slider #accueil-slider-panels, .accueil-slider-panel{
height: 254px;
}
.onglets_5 #slider #accueil-slider-controls{
max-height: 254px;
}
.onglets_5 #slider {
padding: 0px;
max-height: 254px;}
/*::::::: VIDEO RESPONSIVE :::::::*/
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
html{background:}
html{ background: url(fichiers_site/a6107ide/contenu_pages/graphisme_global/background.jpg) ;}
html {-webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover; background-size: cover;background-attachment : fixed;background-position:top center;}
/* --------------------------- HEADER --------------------------- */
/*.header{height:170px;}*/
.login_en_ligne{top:50px;right:0; }
.login_header{bottom:50px;right:0px;}
.header-infos-2{position: absolute;top: 0px;right: 0px;background:rgba(255,255,255,0.5);border-radius:0px;color:#231f20 !important;font-size:13px;width:215px;padding:10px 15px 13px 15px}
.header-infos-1{font-size:24px;font-weight:bold;text-transform:uppercase;color:#231f20 !important;position: absolute;top: 15px;right: 275px;width:225px;}
/*:::::::::CORRECTION TEXT-INDENT DE LA PAGE PANIER::::::::::*/
.panier-table-col_produit_delete a{text-indent: -9999px;}
.panier-table-produit_nom-container{
padding-left: 10px;
}
/*:::::::::::::CORRECTION WEB2STORE:::::::::::::::*/
.webtostore_popup_form form{
text-align: center;
}
.webtostore_popup .row{
display: table;
}
.webtostore_popup .row .w75{vertical-align: middle;}
.webtostore_logo img{
padding: 10px;
}
.banniere_promo_home .profiter_promo{top: 25px;}
.profiter_promo .btn{max-width: 130px;}
.webtostore_module .webtostore_titre_bloc_colonne{max-width: 130px;margin: 0 auto;}
.aside-content .webtostore_module a.btn{font-size: 14px;}
.webtostore_module p{margin-top: 20px;}
.bons .asidebox2{background: #ff003a;color: #fff !important;}
/*::::::::::::::::::CORRECTION ETOILES COMMENTAIRES:::::::::::::::::::*/
.star-rating{margin: 0 !important;}
/*:::::::bouton imprimer::::::::::*/
#IMPRIMER_FACTURE{font-size: 13px !important;}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn a:hover, .btn[disabled], input[type="button"]:hover, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, input.active[type="submit"], input.disabled[type="submit"]{
background:#e30029;
}
.btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active, .btn-custom.disabled, .btn-custom[disabled]{
background:#32383d;
}
.navigation .nav ul{
font-weight:600;
}
.navigation > .nav > ul > li:hover > a, .navigation .nav > ul > li.menu_active > a{
border-bottom: 3px solid #ff003a ;
}
.navigation > .nav > ul > li:first-child{
margin-left:0;
}
.navigation > .nav > ul > li:last-child{
margin-right:0;
}
.navigation > .nav > ul > li > a{
border-bottom: 3px solid #161616 ;
}
.navigation{
margin-bottom:20px;
}
.navigation .nav ul li a {
height: 95%;
}
.header-container{
border-top: 12px solid #161616 ;
}
.titre1{
color:#ff003a;
font-size:18px;
text-transform:uppercase;
font-weight:600;
}
#live_402 input {
width:163px;
height:20px;
margin-left: -5px;
}
#live_402_tableau td span{
color:#19171c;
font-weight:normal;
font-size:13px;
}
#live_402_tableau_col2 {
width: 35% !important;
vertical-align: top;
}
#live_402_tableau_col1 {
vertical-align: bottom;
}
#live_402 {
margin-top: 10px;
}
#live_402 input[type="submit"]{
width: 96px !important;
height: inherit !important;
font-size: 14px !important;
text-transform: uppercase !important;
font-weight: bold !important;
border-radius: 0 !important;
padding: 9px 0 7px 0 !important;
margin: 7px 0 0 2px !important;
}
.contenu_bandeau_avantages{
margin:0 auto;
width:960px;
background:rgba(255,255,255,0.8);
font-size:15px;
color:#231f20;
font-weight:bold;
text-transform:uppercase;
padding:12px 0 10px 0;
}
.contenu_bandeau_avantages td{
line-height:18px;
vertical-align:middle;
}
.titre2:after{
content:"";
background:#ff003a;
width:160px;
height:2px;
display:block;
margin:13px auto 0 auto;
}
.titre2{
margin-bottom:15px;
}
.titre3{
font-weight:bold;
font-size:22px;
font-style:italic;
margin-top:22px;
}
.btn1 {
border-radius: 0 !important;
font-weight: bold !important;
text-transform: uppercase !important;
margin: 3px 0 0 0 !important;
padding: 8px 21px 6px 21px !important;
}
.titre4 a{
color:#161616 !important;
font-size:18px;
font-weight:bold;
text-transform:uppercase;
}
.titre4{
background: #ffffff;
margin: 0;
width: 265px;
line-height: 20px;
padding: 0 15px 0 20px;
height: 55px;
display: table-cell;
vertical-align: middle;
position:relative;
}
.titre4 a:hover{
color:#ff003a !important;
}
.footer-sub-container {
margin-top: 20px;
}
#live_179 ul {
margin: 5px 0px 9px 0 !important;
font-size: 14px !important;
}
h1 {text-align:center;}
.titres:after{
content:"";
display: block;
width: 160px;
height: 2px;
background: #ff003a;
margin: 15px auto 15px auto;
}
.logue, .mobile_bandeauhaut .logue{display:none;}
/* --- ICONES --- */
/* --- FONT FACE --- */
@font-face { font-family: ModernPictogramsNormal; src: url(fonts/modernpics-webfontd41d.eot?); src: url(fonts/modernpics-webfontd41d.eot?#iefix) format("embedded-opentype"), url(fonts/modernpics-webfont.woff), url(fonts/modernpics-webfont.ttf); font-weight: normal; font-style: normal; }
/* --- CLASSE ICN --- */
/* --- ICN --- */
.icn:before { color: #000; font-family: ModernPictogramsNormal; font-size: 30px; padding-right:10px; }
/*--- ICN SMALL --- */
.icn_small:before { font-family:ModernPictogramsNormal; font-size:16px; padding-right:5px; line-height:8px; }
.icn:hover, .icn_small:hover { text-decoration:none; }
/*PACK DICONES SOCIALES*/
@font-face {
font-family: "icomoon";
src:url("fonts/icomoon.svg") format("svg");
src:url("fonts/icomoon.eot");
src:url("fonts/icomoond41d.eot?#iefix") format("embedded-opentype"),
url("fonts/icomoon.woff") format("woff"),
url("fonts/icomoon.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
/* --- ICONES --- */
.icn_alert:before { content:"!"; }
.icn_money:before {content:"#"}
.icn_dollar:before {content:"$"}
.icn_tick:before { content:"%"; }
.icn_stop:before {content:"’"}
.icn_tools:before {content:"(";}
.icn_award:before {content:")"}
.icn_star:before { content:"*"}
.icn_plus:before {content:"+"}
.icn_locate:before {content:","}
.icn_up:before {content:"-"}
.icn_down:before {content:"/"}
.icn_volume:before {content:"0"}
.icn_volume_minus:before {content:"1"}
.icn_volume_plus:before {content:"2"}
.icn_table:before {content:"3"}
.icn_list:before {content:"4";}
.icn_table2:before {content:"5";}
.icn_stat:before {content:"6";}
.icn_stats:before {content:"7";}
.icn_stats2:before {content:"8";}
.icn_bell:before {content:"9"}
.icn_back:before {content:"<"}
.icn_infos:before {content:"="}
.icn_play:before {content:">"}
.icn_question:before {content:"?"}
.icn_at:before {content:"@"}
.icn_photo_camera:before {content:"A"}
.icn_book {content:"B"}
.icn_disc {content:"C"}
.icn_file_download:before { content:"D"; }
.icn_eye:before {content:"E"}
.icn_facebook:before { content:"F"}
.icn_facebook2:before { content:"G"}
.icn_camera:before {content:"H"}
.icn_trash:before {content:"I"}
.icn_tag:before { content:"J"; }
.icn_file:before {content:"K"}
.icn_dislike:before {content:"L"}
.icn_ipod:before {content:"M"}
.icn_phone:before {content:"N"}
.icn_iphone:before { content:"O"}
.icn_video_play:before {content:"P"}
.icn_ipad:before {content:"Q"}
.icn_arrow-round:before { content:"R" }
.icn_presentation:before {content:"S"}
.icn_twitter:before { content:"T" }
.icn_twitter2:before { content:"U" }
.icn_write:before { content:"V" }
.icn_new_docs:before {content:"W"}
.icn_cross:before { content: "X"; }
.icn_pub:before {content:"Y";}
.icn_text:before {content:"Z";}
.icn_download:before {content:"[" }
.icn_upload:before {content:"]" }
.icn_rss:before {content:"^"}
.icn_video:before {content:"_"}
.icn_radio:before {content:"`"}
.icn_newspaper:before {content:"a"}
.icn_bubble:before { content:"b"; }
.icn_trash2:before {content:"c"}
.icn_print:before {content:"d"}
.icn_pen:before {content:"e"}
.icn_user:before { content:"f"; }
.icn_users:before {content:"g"}
.icn_camera:before {content:"h"}
.icn_basket:before { content:"i"; }
.icn_heart:before {content:"j"}
.icn_female:before {content:"k"}
.icn_like:before {content:"l"}
.icn_mail:before {content:"m"}
.icn_lock:before { content:"n" }
.icn_new:before {content:"o"}
.icn_house:before {content:"p"}
.icn_unlock:before {content:"q"}
.icn_pen:before {content:"r"}
.icn_search:before {content:"s"}
.icn_twitter2:before {content:"t"}
.icn_notfullscreen:before{content:"u"}
.icn_fullscreen:before{content:"v"}
.icn_world:before {content:"w"}
.icn_cross:before {content:"x";}
.icn_zoom_in:before{content:"y"}
.icn_zoom_out:before {content:"z"}
.icn_time:before { content:"}"; }
.icn_time2:before { content:"{"; }
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it’s slower:
[class*="icon-"] {
*/
.icon-google-plus, .icon-google-plus-2, .icon-google-plus-3, .icon-facebook, .icon-facebook-2, .icon-facebook-3, .icon-twitter, .icon-twitter-2, .icon-twitter-3, .icon-feed, .icon-feed-2, .icon-feed-3, .icon-dribbble, .icon-dribbble-2, .icon-dribbble-3, .icon-paypal, .icon-visa, .icon-pinterest, .icon-pinterest-2, .icon-linkedin, .icon-skype, .icon-mail, .icon-mail-2, .icon-master-card, .icon-cheque {
font-family: icomoon;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
.icon-128:before {
font-size: 128px;
}
.icon-64:before {
font-size: 64px;
}
.icon-48:before {
font-size: 48px;
}
.icon-32:before {
font-size: 32px;
}
.icon-24:before {
font-size: 24px;
}
.icon-16:before {
font-size: 16px;
}
.icon-google-plus:before {
content: "a";
}
.icon-google-plus-2:before {
content: "z";
}
.icon-google-plus-3:before {
content: "e";
}
.icon-facebook:before {
content: "r";
}
.icon-facebook-2:before {
content: "t";
}
.icon-facebook-3:before {
content: "y";
}
.icon-twitter:before {
content: "u";
}
.icon-twitter-2:before {
content: "i";
}
.icon-twitter-3:before {
content: "o";
}
.icon-feed:before {
content: "p";
}
.icon-feed-2:before {
content: "q";
}
.icon-feed-3:before {
content: "s";
}
.icon-dribbble:before {
content: "d";
}
.icon-dribbble-2:before {
content: "f";
}
.icon-dribbble-3:before {
content: "g";
}
.icon-paypal:before {
content: "x";
}
.icon-visa:before {
content: "c";
}
.icon-pinterest:before {
content: "h";
}
.icon-pinterest-2:before {
content: "j";
}
.icon-linkedin:before {
content: "k";
}
.icon-skype:before {
content: "l";
}
.icon-mail:before {
content: "m";
}
.icon-mail-2:before {
content: "w";
}
.icon-master-card:before {
content: "v";
}
.icon-cheque:before {
content: "b";
}
table.bons_fo, table.bons_fo tr, table.bons_fo th, table.bons_fo td {border-collapse: collapse;}
table.bons_fo td.bons {padding: 15px; text-align: center; vertical-align: bottom;}
#live_94
{
}
#live_163
{
}
#live_108
{
clear:both;
}
#live_108
{
}
#live_87
{
}
a.active, a:focus
{
outline:none;
}
#image_right
{
background-image: url("images_global/carre.html");
background-position:right;
background-repeat:no-repeat;
padding-right:5px;
}
#admin_menu
{
height:145px;
font-family:Arial, Helvetica, sans-serif; /*Verdana*/
font-size:13px;/*12px*/
border-bottom:1px solid #AAAAAA;
}
#holdm
{
position:absolute;
z-index:100;
width:100%;
padding-top:10px;
}
#nav
{
list-style: none;
}
#nav ul
{
display:none;
padding: 0;
margin:0;
list-style: none;
width:12em;
z-index:99;
position:relative;
overflow:visible;
line-height:25px;
}
#nav a {
text-decoration:none;
display:block;
height:28px;/*20px*/
vertical-align:middle;
}
#nav li {
margin:0;
position: relative;
float:left;
width: 13em;/*12em*/
background-color:#25a3c5;/*931B00*/
border:solid 1px #000000;
display:block;
height:auto;
text-align:center;
border:2px solid #FFFFFF;
line-height:28px;
}
#nav li a {
color:#FFFFFF;
}
#nav li a:hover
{
background-color:#25a3c5;/*AF2000*/
}
#nav ul li{
background-color:#FFFFFF;
border-width:1px;
border-color:#AAAAAA;/*931B00*/
width:180px;
text-align:left;
vertical-align:middle;
}
#nav ul li a{
color:#000000;
border-width:1px 1px 0 0;
padding-left:10px;
}
#nav ul li:hover, #nav ul li a:hover{
background-color:#25a3c5;/*931B00*/
color:#FFFFFF;
border-width:1px;
}
#nav ul ul{
display:none;
position:absolute;
margin-left:179px;
margin-top:-29px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{
display:block;
}
.styleFontGras
{
font-weight:bold;
}
.styleFontGris
{
background-color:#CCCCCC;
}
.styleItalic
{
font-style:italic;
}
form.css fieldset
{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: inline;
}
form.css label
{
display: inline;
float: left;
width: 70px;
}
form.css form
{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: inline;
}
.titre_section_niveau1 {
background-color:#CCCCCC;color:#67501C;text-decoration:none;
border-color:#AAAAAA;border-style:solid;border-width:0px 1px 0px 1px;
padding:2px 0px 2px 0px;display:block;
font-size:8pt;font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}
.titre_section_niveau2 {
margin-left:15px;
color:#67501C;text-decoration:none;
border-color:#AAAAAA;border-style:solid;border-width:0px 1px 0px 1px;
padding:2px 0px 2px 0px;cursor: pointer;display:block;
font-size:8pt;font-family:Verdana, Arial, Helvetica, sans-serif;
}
.titre_section_niveau3 {
margin-left:40px;
color:#67501C;text-decoration:none;
border-color:#AAAAAA;border-style:solid;border-width:0px 1px 0px 1px;
padding:2px 0px 2px 0px;cursor: pointer;display:block;
font-size:8pt;font-family:Verdana, Arial, Helvetica, sans-serif;
}
.classTextField { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.styleVerdana { font-family: Arial, Helvetica, sans-serif; line-height:17px; }
.style_size8 { font-size: 8px;}
.style_size9 { font-size: 9px;}
.style_size9p5 { font-size: 9.5px;}
.style_size10 { font-size: 12px;} /*10*/
.style_size11 { font-size: 11px;}
.style_size12 { font-size: 12px;}
.style_size13 { font-size: 13px;}
.style_size14 { font-size: 14px;}
.style_size16 { font-size: 16px;}
.style_size18 { font-size: 18px;}
.style_size20 { font-size: 20px;}
.style_size24 { font-size: 24px;}
.style_size28 { font-size: 28px;}
.style_size30 { font-size: 30px;}
.style_size32 { font-size: 32px;}
.style_size36 { font-size: 36px;}
.style_size40 { font-size: 40px;}
.style_size48 { font-size: 48px;}
.styleColorDarkBlue { color: #8B93BD;}
.styleColorRed { color: #FF0000;}
.styleColorBlack { color: #000000;}
.styleColorGray { color: #999999;}
.styleColorDarkGray { color: #666666;}
.styleArrayBackGround {BACKGROUND: #E0ECE0; }
.styleColorPurple { color: #7570D3;}
.styleBackgroundPurple { background-color: #7570D3; }
.styleColorFondBanniere { color: #B6DAD8;}
.styleColorYn { color: #27B7DC; }
.styleColorDev { color: #27A2B7; }
.styleColorPageContenu { color: #9DCECC; }
.styleLineThrough { text-decoration:line-through}
.styleBold {}
/*
a { text-decoration: none; color: #000000}
a:link { text-decoration: none; color: #000000}
a:visited { text-decoration: none; color: #000000}
a:hover { TEXT-DECORATION: underline; color: #A7A0C1}
a:active { text-decoration: none; color: #000000}
*/
.coteDroitGauche {
BORDER-RIGHT: #99ccff 1px solid; BORDER-TOP: #99ccff 1px solid; BORDER-LEFT: #99ccff 1px solid; BORDER-BOTTOM: #99ccff 1px solid
}
.divdevis { background-color:#CCFF00 }
.relnav {
left: -10px;
top: 0px;
position: relative;
visibility: hidden;
}
.absolute {
left: 2px;
top: 0px;
position: absolute;
}
.relnav {
left: -10px;
top: 0px;
position: relative;
visibility: hidden;
}
.relnavBIS {
left: -10px;
top: 0px;
position: relative;
}
.absolute {
left: 2px;
top: 0px;
position: absolute;
}
.relnavbg {
left: -10px;
top: -20px;
position: relative;
visibility: hidden;
}
.dropdown {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #48ACDC;
text-decoration: none;
}
.borderRight_1px_black
{
BORDER-RIGHT: #000000 1px solid;
}
.borderLeft_1px_black
{
BORDER-LEFT: #000000 1px solid;
}
.borderBottom_1px_black
{
BORDER-BOTTOM: #000000 1px solid;
}
.textAlign
{
text-align:justify;
}
.mainArray {
BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; MARGIN: 0px 0px 0px 0px; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid
}
.btnCouleurFondBoutonMenuTop {
BACKGROUND: #FFFFFF
}
.info{position:relative;
z-index:24;
color:#000;
text-decoration:none}
.out { display:none; }
.over {
display:block;
position:absolute;
padding:5px;
top:-4em;
left:120px;
width:15em;
border:2px outset #000000;
background-color:white;
color:#000000;
text-align: center;
font-family:verdana;
font-size:11px;
z-index:25;}
.array_right {BORDER-RIGHT: #000000 1px solid;}
.coin_bas_gauche {
border-left:#000000 1px solid;
BORDER-BOTTOM: #000000 1px solid;
}
.coin_bas_droit {
BORDER-RIGHT: #000000 1px solid;
BORDER-BOTTOM: #000000 1px solid;
}
.line_left {
BORDER-LEFT: #aaaaaa 1px solid;
}
.line_right {
BORDER-RIGHT: #aaaaaa 1px solid;
}
.line_top {
BORDER-TOP: #aaaaaa 1px solid;
}
.line_bottom {
BORDER-BOTTOM: #aaaaaa 1px solid;
}
.ev_dhx_skyblue {
line-height:25px;
height:25px;
}
.odd_dhx_skyblue {
line-height:25px;
height:25px;
}
.line_array {
BORDER-RIGHT: #aaaaaa 1px solid;
BORDER-LEFT: #aaaaaa 1px solid;
BORDER-TOP: #aaaaaa 1px solid;
BORDER-BOTTOM: #aaaaaa 1px solid;
padding:5px;
}
.menuTopButton {
/*height:20px;
BORDER-RIGHT: black 1px solid;
BORDER-TOP: black 1px solid;
FONT-WEIGHT: bold;
MARGIN: 0px 0px 0px 0px;
BORDER-LEFT: black 1px solid;
COLOR: #000000;
BORDER-BOTTOM: black 1px solid;
background-color:#C5C8DF;*/
font-family:Arial, Helvetica, sans-serif;
/*float:left;*/
font-size:12px;
border:1px solid #d6d6d6;
background:#fefefe;
border-radius:5px;
moz-border-radius:5px;
/*display:block;*/
height:27px;
line-height:130%;
text-decoration:none;
color:#666666;
cursor:pointer;
padding:5px 10px 6px 7px;
/*text-shadow: 0px 1px 0px #ffffff;*/
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top, #f5f5f5 0%, #dcdcdc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f5f5f5 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f5f5f5 0%, #dcdcdc 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f5f5f5 0%, #dcdcdc 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dcdcdc', GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #f5f5f5 0%, #dcdcdc 100%); /* W3C */
FONT-WEIGHT: normal;
}
.menuTopButton:hover {
border: 1px solid #d6d6d6;
background: #dbdbdb;
}
.btnBouton {
/* BORDER-RIGHT: black 1px solid;
BORDER-TOP: black 1px solid;
FONT-WEIGHT: bold; FLOAT: left;
MARGIN: 0px 0px 0px 0px;
BORDER-LEFT: black 1px solid;
COLOR: #000000;
BORDER-BOTTOM: black 1px solid */
}
#tableCadrille
{
border:1px solid #000000;
border-collapse: collapse;
}
#tableCadrille th
{
background:#CCCCCC;
border:1px solid #000000;
}
#tableCadrille tr
{
border:1px solid #000000;
}
#tableCadrille td
{
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
border:1px solid #000000;
}