/* HTML5 */ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
/* =---=---=-==-+_=-=--=-=---=---=-==-+_=-=--=-
FONTS
=---=---=-==-+_=-=--=--_=---=---=-==-+_=-=--=-*/
@font-face {
font-family: 'MWP';
src: url('fonts/mwp.eot');
src: url('fonts/mwp.eot?#iefix') format('embedded-opentype'),
url('fonts/mwp.woff') format('woff'),
url('fonts/mwp.ttf') format('truetype'),
url('fonts/mwp.svg#RedressedRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MWPB';
src: url('fonts/mwpb.eot');
src: url('fonts/mwpb.eot?#iefix') format('embedded-opentype'),
url('fonts/mwpb.woff') format('woff'),
url('fonts/mwpb.ttf') format('truetype'),
url('fonts/mwpb.svg#RedressedRegular') format('svg');
font-weight: normal;
font-style: normal;
}
/* =---=---=-==-+_=-=--=-=---=---=-==-+_=-=--=-
MAIN
=---=---=-==-+_=-=--=--_=---=---=-==-+_=-=--=-*/
html {
background:transparent url('../images/bg-brown.png') top left repeat;
}
#main {
width:100%;
height:auto;
background-image:url();
background-attachment:scroll;
background-position:top center;
background-repeat:no-repeat;
overflow:auto;
}
#wrapper {
margin:10px auto;
overflow:auto;
/* background: none repeat scroll 0 0 rgba(90, 71, 27, 0.15);*/
}
#footer {
border-top:1px solid #d7d7d7;
margin-top:10px;
padding-top:10px;
font-size:11px;
}
#footer ul {
list-style:none;
}
#footer a {
color:#999;
text-decoration:none;
}
.centered {
width:1005px;
margin: 0 auto;
}
#page_header {
overflow:auto;
border-bottom:1px solid #C5C5BB;
padding-bottom:15px;
}
#search iframe {
position:absolute;
width:1px;
}
/* =---=---=-==-+_=-=--=-=---=---=-==-+_=-=--=-
COMMON BLOCK TEMPLATES
=---=---=-==-+_=-=--=--_=---=---=-==-+_=-=--=-*/
.white_block {
float:left;
width:300px;
background-color:white;
border: 1px solid #c5c5bb;
padding: 20px;
position: relative;
line-height: 1.4em
}
.white_block:first-child {
margin-right:40px;
}
.white_block:last-child {
margin-right:18px;
margin-left:40px;
}
.white_block a {
color:#666666;
}
.white_block header {
border-bottom:1px solid #ddd;
padding-bottom:10px;
margin-bottom:10px;
height:60px;
overflow:hidden;
}
.white_block .flag {
position:absolute;
bottom:5px;
right:-19px;
height:28px;
background: transparent url('../../images/b2c/homepage/categories_fanion.png') right 2px no-repeat;
}
.content .flag a {
background-color: #267BB3;
color: white;
display: block;
height: 21px;
margin-right: 18px;
padding:1px 10px;
}
/* =---=---=-==-+_=-=--=-=---=---=-==-+_=-=--=-
topNav
=---=---=-==-+_=-=--=--_=---=---=-==-+_=-=--=-*/
#top_bar_shortcuts #language_switch {
position: absolute;
top: 42px;
left: 523px;
list-style: none;
}
#top_bar_shortcuts #language_switch li {
display: inline-block;
width: auto;
margin-right: 0px;
}
#top_bar_shortcuts #language_switch li.inactive {
opacity: 0.5;
}
#top_bar_shortcuts #language_switch li.inactive:hover {
opacity: 1;
}
#top_bar_shortcuts #language_switch li a {
display: block;
height: 15px;
width: auto;
cursor: default;
}
#top_bar_shortcuts #language_switch li.inactive:hover a {
cursor: pointer;
}
#top_bar_shortcuts #language_switch li a img {
height: 100%;
width: auto;
}
#contact_link {
width:175px;
margin-bottom:0;
float:left;
text-align:center;
cursor:pointer;
padding-top:3px;
}
#contact_link a {
color:white;
font-weight:bold;
font-size:1.1em;
text-decoration:none;
}
#contact_link a:hover {
color:#92BBD9;
}
.contact_form th {
color:#267BB3;
width:160px;
vertical-align:text-top;
}
.contact_form th, .contact_form td {
padding-bottom:30px;
}
.contact_form input, .contact_form textarea {
border:0;
border:1px solid #92BBD9;
background-color:#fff;
padding:2px;
color:#267BB3;
width:300px;
}
.error_list {
color:red;
padding:2px;
}
#contact_sumbit {
width:auto;
border:1px solid #92BBD9;
font-weight:bold;
cursor:pointer;
}
#contact_sumbit:hover {
background-color:#92BBD9;
color:white;
}
#topbar_menu {
position:relative;
font-size:14px;
width:auto;
margin:8px 0 0px 15px;
}
#topbar_menu div {
color:#FFFFFF;
text-align:left;
margin-right:5px;
text-transform:uppercase;
}
#topbar_menu a {
color:#FFFFFF;
transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in;
text-transform:uppercase;
}
#topbar_menu a:hover { }
#current_section {
background:transparent url('/images/back_current_section.png') bottom center no-repeat;
}
#current_section a {
/*color:#267BB3;*/
}
.section_item {
padding:7px 0 10px;
}
#top_bar {
padding:10px 0 0 0;
background-color:#2677B3;
}
#top_bar_shortcuts {
width:1000px;
margin:0 auto;
text-align:left;
position:relative;
}
/* HEADER
=---=---=-==-+_=-=--=--_*/
#header {
height:auto;
text-align:center;
overflow:hidden;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #ddd;
background: transparent;
}
#logo_filmo {
display:block;
width:175px;
padding-top:10px;
padding-bottom:0;
text-align:center;
margin:0 auto;
}
#logo_filmo a {
outline:none;
display:block;
width:100%;
height:70px;
background:transparent url(../images/logo_filmo_white.png) top center no-repeat;
overflow:hidden;
text-decoration: none;
}
#logo_filmo a:hover {
text-decoration: none;
}
#logo_filmo h1{background:none;}
#logo_filmo strong { visibility:hidden; }
h1.logo_section { font-size:1em; color:white; background:none; padding-top:2px; }
/* SEARCH ENGINE
=---=---=-==-+_=-=--=--_*/
#search_field {
position:absolute;
right:0;
top:10px;
width:285px;
text-align:right;
background-color:white;
border:1px solid #2d8ed5;
}
#search_field input {
border:0;
padding:2px 5px 3px 2px;
height:19px;
font-weight:bold;
font-size:1.1em;
}
#autocomplete_query {
width:245px;
color:#267BB3;
background-color:transparent;
}
#product_search .search_item {
width:240px;
float:left;
margin:10px;
}
/* SEARCH CATALOG
=---=---=-==-+_=-=--=--_*/
#catalog_search {
padding-bottom: 20px;
padding-top: 20px;
border-top: 1px solid #EDEDE1;
}
#form_search {
margin-bottom: 30px;
}
#form_search input {
padding: 3px 5px;
}
#form_search input:focus {
outline: none;
}
#form_search #search_bar {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
border: 1px solid #BFBFBF;
background: #FFFFFF;
width: 200px;
padding: 4px 5px;
width: 960px;
}
#form_search #submit {
background: #267BB3;
color: #FFFFFF;
float:right;
border-left: none;
border-right: none;
border-top: none;
border-bottom: 4px solid #125f92;
font-weight: bold;
}
#form_search #submit:active {
background: #216999;
color: #B0CAE5;
border-top: 2px solid #0D466B;
border-bottom: 2px solid #216999;
font-weight: bold;
}
.result_title {
color: #267BB3;
font-family: MWP, Verdana, Tahoma, Arial, sans;
font-size: 20px;
}
#result_cat {
padding-bottom: 15px;
border-bottom: 1px solid #C5C5BB;
}
#result_cat .item_text {
width: 380px;
}
#result_cat .item_text h4 {
line-height: normal;
}
#result_cat .item_description {
width: 360px;
float: left;
margin-left: 10px;
}
#products.cols2 .item_text {
width: 380px;
}
/* Autocomplete */
.ac_results {
padding: 0px;
border: 2px solid #fff;
background-color: white;
text-align:left;
overflow: hidden;
z-index: 99999;
}
.ac_results ul {
width: 100%;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
}
.ac_results li {
margin: 0px;
padding: 2px 5px;
cursor: pointer;
display: block;
color:#2677B3;
font-weight:bold !important;
/*
if width will be 100% horizontal scrollbar will apear
when scroll mode will be used
*/
/*width: 100%;*/
font: menu;
font-size: 0.9em;
/*
it is very important, if line-height not setted or setted
in relative units scroll will be broken in firefox
*/
line-height: 16px;
overflow: hidden;
}
.ac_loading {
background: white url('../images/indicator.gif') right center no-repeat;
}
.ac_odd {
background-color: #fff;
}
.ac_over {
background-color: #CEE0ED;
color: #000 !important;
}
.instruction {}
/* MENU
=---=---=-==-+_=-=--=--_*/
#top_menu {
margin-top:30px;
float:right;
width:auto;
height:25px;
}
#top_menu td {
text-align:right;
padding-left:20px;
border:0;
}
#top_menu td a {
color:black;
display:inline-block;
font-size:1.1em;
font-weight:bold;
text-align:center;
text-decoration:none;
padding:5px;
}
#top_menu td a:hover {
background-color:#2377B3;
color:white;
}
.current_sousSection {
font-size:1.1em !important;
border-bottom:0 !important;
}
.current_sousSection h2 {
color:#2677b3 !important;
}
#contact {
width:100%;
/*background-color:#2677b3;*/
text-align:center;
}
#contact a {
color:white;
font-weight:bold;
text-decoration:none;
}
#contact a:hover {
text-decoration:underline;
}
#header_whiteZone {
background-color:transparent;
padding:5px;
}
/* =---=---=-==-+_=-=--=-=---=---=-==-+_=-=--=-
SECTION NAV
=---=---=-==-+_=-=--=--_=---=---=-==-+_=-=--=-*/
#section_nav {
height:auto;
overflow:auto;
background:#ffffff;
width:100%;
/* border-top:1px solid #546094;*/
/* box-shadow:0 -1px 2px #666 inset;
-moz-box-shadow:0 -1px 2px #666 inset;
-o-box-shadow:0 -1px 2px #666 inset;
-webkit-box-shadow:0 -1px 2px #666 inset;*/
}
#section_nav #section_menu {
}
#section_nav #section_menu td {
text-align:center;
/*border-right: 1px solid #267BB3;*/
}
#section_nav #section_menu td:first-child {
/*border-left:1px solid #267BB3;*/
}
#section_nav #section_menu.active td {
border:0;
}
#section_nav #section_menu td a {
padding:10px 0px;
color:#267BB3;
text-decoration:none;
display: block;
text-align: center;
height: 100%;
font-size: 14px;
text-transform: uppercase;
font-family: 'MWP', 'Verdana', Arial, Helvetica, sans;
transition: all ease 0.1s;
-o-transition: all ease 0.1s;
-moz-transition: all ease 0.1s;
-webkit-transition: all ease 0.1s;
outline:0;
}
#section_nav #section_menu td a:active,
#section_nav #section_menu td a:focus {
outline:0;
}
#section_nav #section_menu td a:hover,
#section_nav #section_menu td a.active {
/*color:#666;*/
}
#section_nav #section_menu td a:active {
border:0;
}
#section_nav #section_menu td a.active {
/* border:1px solid #546094;
border-top:0;*/
/* box-shadow: inset 0 5px 2px -2px #546094;
-webkit-box-shadow: inset 0 5px 2px -2px #546094;
-moz-box-shadow: inset 0 5px 2px -2px #546094;
-o-box-shadow: inset 0 5px 2px -2px #546094;*/
/* background: url('../favicon.png') bottom left no-repeat;*/
text-decoration:underline;
}
#section_nav h2.subtitle {
padding:0;
margin:0;
}
#section_nav_blocks {
display:none;
}
.section_nav_block {
display:none;
}
.section_nav_block ul {
list-style:none;
margin-top:15px;
margin-left:5px;
}
.section_nav_block ul li {
float:left;
color:#267BB3;
width:310px;
height:70px;
margin:0px 0px 10px 10px;
background-color:transparent;
overflow:hidden;
cursor:pointer;
border:1px solid #ddd;
/* box-shadow: 0 2px 2px #444444;
-moz-box-shadow: 0 2px 2px #444444;
-o-box-shadow: 0 2px 2px #444444;
-webkit-box-shadow: 0 2px 2px #444444;*/
}
.section_nav_block ul li:hover {
background-color:#e9f2f7;
}
.section_nav_block ul li div.nav_block_image {
float:left;
width:70px;
height:auto;
border-right: 1px solid #999999;
box-shadow: 1px -1px 2px #999999;
-moz-box-shadow: 1px -1px 2px #999999;
-o-box-shadow: 1px -1px 2px #999999;
-webkit-box-shadow: 1px -1px 2px #999999;
transition: all ease 0.1s;
-o-transition: all ease 0.1s;
-moz-transition: all ease 0.1s;
-webkit-transition: all ease 0.1s;
}
.section_nav_block ul li:hover div.nav_block_image {
box-shadow: 1px -1px 2px #267BB3;
-moz-box-shadow: 1px -1px 2px #267BB3;
-o-box-shadow: 1px -1px 2px #267BB3;
-webkit-box-shadow: 1px -1px 2px #267BB3;
}
.section_nav_block ul li div.nav_block_image img {
width:100%;
height:auto;
}
.section_nav_block ul li div.nav_block_text {
float:right;
width:224px;
padding:5px;
padding-left:0;
}
.section_nav_block ul li p {
color:#666;
font-size:10px;
font-style:italic;
margin-top:3px;
}
.section_nav_block ul li a {
color:#267BB3;
}
ul.firepictos {
position:absolute;
top:0;
right:10px;
list-style:none;
margin: 10px 5px 10px 0;
}
ul.firepictos li {
background-color: #26B344;
border-radius: 5px 5px 5px 5px;
color: white;
float: right;
font-family: 'MWP','Verdana',Arial,Helvetica,sans;
font-size: 13px;
margin-left: 5px;
padding: 2px 5px 1px 6px;
width: auto;
}
/* Services
-=-=-=-=-=---=-=-= */
.section_nav_block#nav_services ul li div.nav_block_text,
.section_nav_block#nav_news ul li div.nav_block_text {
float:none;
width:auto;
padding:10px 15px;
}
.section_nav_block#nav_services ul li,
.section_nav_block#nav_news ul li {
height:80px;
}
/* =---=---=-==-+_=-=--=-=---=---=-==-+_=-=--=-
BREADCRUMB
=---=---=-==-+_=-=--=--_=---=---=-==-+_=-=--=-*/
#breadcrumb {
margin:0;
height:auto;
text-align:left;
color:#2677b3;
}
#breadcrumb a {
text-decoration:none;
}
#breadcrumb a:hover {
text-decoration:underline;
}
#breadcrumb small a {
color:#888;
}
.lastBC {
font-weight:bold !important;
}
/* =---=---=-==-+_=-=--=-=---=---=-==-+_=-=--=-
1 COLUMN LAYOUT
=---=---=-==-+_=-=--=--_=---=---=-==-+_=-=--=-*/
.onepage_layout .white_block {
width:963px;
margin:0;
}
.onepage_row .left_side.white_block {
width:630px;
}
.onepage_layout .onepage_row {
clear:both;
overflow:auto;
margin:15px 0;
}
/* =---=---=-==-+_=-=--=-=---=---=-==-+_=-=--=-
2 COLUMNS LAYOUT
=---=---=-==-+_=-=--=--_=---=---=-==-+_=-=--=-*/
/* left side */
.left_side {
float:left;
width:670px;
}
.left_side .white_block {
width:auto;
margin: 15px 0;
float:none;
}
.left_side .white_block ul {
list-style-position:inside;
}
/* Downloads module */
.downloads .left_side h4 {
margin:20px 0 10px;
padding:0;
}
.downloads .left_side h4.first {
margin-top:0;
}
.downloads .left_side .white_block {
margin:0;
}
.downloads .left_side .white_block .product {
padding:5px;
border-bottom:1px solid #d7d7d7;
overflow:auto;
}
.downloads .left_side .white_block .productName {
float:left;
}
.services .current_service_downloads ul {
list-style:none;
}
.services .current_service_downloads li {
padding: 0;
}
.services .current_service_downloads li a {
font-family: 'MWP', 'Verdana', Arial, Helvetica, sans;
font-size:15px;
text-transform:uppercase;
border-bottom: 1px solid #D7D7D7;
display: block;
height: 100%;
padding: 10px 0;
transition: all 0.2s ease 0s;
width: 100%;
}
.services .current_service_downloads li:last-child a {
border-bottom:0;
}
.services .current_service_downloads li a:hover {
background-color: #fafafa;
text-decoration:none;
color:#267BB3;
padding-left:10px;
width:auto;
}
.services .current_service_downloads li a img {
vertical-align: middle;
}
/* Right side */
.right_side {
width:320px;
float:right;
overflow:visible;
}
.right_side .white_block {
width:275px;
margin: 15px auto;
float:none;
background-color: rgba(255, 255, 255, 0.50);
}
.right_side .white_block:first-child {
margin-top:0;
}
.right_side .white_block:last-child {
margin-bottom:25px;
}
.right_side .white_block header h2 {
font-family: 'MWP', 'Verdana', Arial, Helvetica, sans;
text-transform:uppercase;
font-size:16px;
}
.right_side .white_block header,
.right_side .white_block header h2 {
margin:0;
padding:0;
height:auto;
border:0;
}
.right_side .sidebar_block {
position:relative;
}
.right_side .sidebar_block .picto {
position:absolute;
right:20px;
top:15px;
z-index:100;
}
.right_side .sidebar_block .picto img {
height:50px;
width:auto;
}
.right_side .white_block .content {
margin-top:20px;
font-family: 'MWP', 'Verdana', Arial, Helvetica, sans;
font-size:13px;
}
.right_side .white_block .content a span.label {
font-family: 'MWPB', 'Verdana', Arial, Helvetica, sans;
font-size:10px;
color:#267BB3;
}
.right_side .white_block .content a.active span.label {
font-size:13px;
}
.right_side .white_block ul.content {
list-style:none;
}
.right_side .white_block ul.content li {
position:relative;
}
.right_side .white_block ul.content li a {
display:block;
width:100%;
height:100%;
padding: 10px 0;
transition: all ease 0.1s;
border-bottom:1px solid #d7d7d7;
transition: all ease 0.2s;
}
.right_side .white_block ul.content li:last-child a {
border-bottom:0;
}
.right_side .white_block ul.content li a:hover {
background-color: #fafafa;
text-decoration:none;
padding-left:10px;
width:auto;
}
.right_side .white_block ul.content li a.active {
color:#267BB3;
position:relative;
font-family: 'MWPB','Verdana',Arial,Helvetica,sans;
cursor:default;
}
.right_side .white_block ul.content li a.active:hover {
background-color:transparent;
padding-left:0;
}
.right_side .white_block ul.content li div.active_fanion {
width:33px;
height:28px;
position:absolute;
top:50%;
left:-53px;
margin-top:-14px;
background: transparent url('../../images/b2c/layout/fanion_horizontal.png') center left no-repeat;
}
.right_side #sidebar_myaccount {
}
/* --_---=-=_+-=-=-=
Cart
=-=---_---=-+-=_=--*/
.cart_block .content li{
position:relative;
display:block;
width:100%;
height:100%;
border-bottom:1px solid #d7d7d7;
transition:all ease .2s;
padding:10px 0;
}
.cart_block .content li:hover {
text-decoration:none;
padding-left:15px;
width:auto;
}
.cart_block .content li .cart_remove {
width:12px;
height:12px;
background-color:#FFF;
position:absolute;
top:50%;
left:0;
margin-top:-9px;
display:none;
border:0;
padding:0;
}
.cart_block .content li:hover .cart_remove {
display:block;
}
.cart_block .content li .cart_qty {
color:#267BB3;
display:block;
float:left;
font-family:MWPB,Verdana,Arial,Helvetica,sans;
padding-right:10px;
text-align:right;
width:20px;
padding-top:1px;
}
.cart_block .content .cart_name { color:#666666; }
.cart_block .content li .cart_reference {
padding-right:5px;
font-size:10px;
color:#999;
}
.cart_side_total {
font-family:MWP,Verdana,Arial,Helvetica,sans;
color:#267BB3;
letter-spacing:1px;
text-transform:uppercase;
font-size:14px;
margin:10px 0;
}
.cart_side_order {
background-color:#26B344;
color:#FFF;
font-size:13px;
font-family:MWP,Verdana,Arial,Helvetica,sans;
display:block;
text-align:center;
transition:all ease .1s;
padding:5px;
}
.cart_side_order:hover {
background-color:#267BB3;
}
.cart_block .content .cart_unit_price {
position:absolute;
top:11px;
right:0;
font-weight: normal;
font-size:11px;
}
.cart_block table#basket_table td { height:22px; color:#000; }
.cart_block .cart_actions > div { padding:2px 5px; }
.cart_block .cart_actions a { text-decoration:none; }
.cart_block .cart_actions a { text-decoration:underline; }
.cart_block #h2_cart_count { float:right; font-size:11px; padding-top:2px; }
/* Menu cart */
#cart_menu { font-size: 12px; display:none;}
#cart_menu.cart_block {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #267BB3;
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.45);
padding: 20px;
position: absolute;
right: 0;
top: 40px;
width: 273px;
z-index: 10000;
}
#cart_menu.cart_block .arrow {
position:absolute;
top:-13px;
right:88px;
}
small.basket_count{font-size:0.8em;}
/* =---=---=-==-+_=-=--=-=---=---=-==-+_=-=--=-
PAGE
=---=---=-==-+_=-=--=--_=---=---=-==-+_=-=--=-*/
#page {
width:100%;
height:100%;
clear:both;
overflow:hidden;
}
#content {
float:left;
width:750px;
}
#content ul, #content li {
list-style-position:inside;
line-height:1.5em;
}
/* BUBBLES
=---=---=-==-+_=-=--=--_*/
.bubble {
background-color: #9ec2dd;
color:white;
font-weight: bold;
padding-top: 0pt;
padding-right: 4px;
padding-bottom: 0pt;
padding-left: 4px;
-moz-border-radius: 2px 2px 2px 2px;
width:auto;
}
.bubble.red {
background-color:#EAB8D5;
}
.bubble.grey {
background-color:#F5F5F5;
color:#666666;
}
.bubble.green {
background-color:#26B344;
}
.bubble a {
color:white;
}
.home_products_link {
margin:10px 0;
font-size:1.1em;
font-weight:bold;
}
#home_slider {
height:250px;
transition: all ease 0.1s;
overflow:auto;
/*background: #ffffff url('../../../images/b2c/homepage/slider_cart.png') bottom right no-repeat;*/
}
#home_slider:hover {
border:1px solid #ccc;
}
#home_slider .slide {
position:absolute;
top:0;
left:0;
width:430px;
padding-left:150px;
display:block;
transition: all ease 0.1s;
opacity:0;
min-height: 150px;
height:100%;
z-index:1;
}
#home_slider .slide.current_slide {
z-index:10;
}
#home_slider .slide > a {
display:block;
width:100%;
height:100%;
}
#home_slider .slide a:hover {
text-decoration:none;
}
#home_slider .slide.first {
opacity:1;
}
#home_slider .slide h2 {
font-size:26px;
font-family: 'MWPB','Verdana',Arial,Helvetica,sans;
margin-left:0;
padding-left:0;
line-height:30px;
}
#home_slider .slide figure.product_image {
position:absolute;
top:170px;
left:23px;
}
#home_slider .slide figure.product_image img {
display:block;
border:1px solid #ddd;
}
#home_slider .slide.slide_new_products {
background: transparent url('../../../images/b2c/homepage/slide_fanion_news.png') 20px 0 no-repeat;
}
#home_slider .slide.slide_discover {
background: transparent url('../../../images/b2c/homepage/slide_fanion_discover.png') 20px 0px no-repeat;
}
#home_slider .home_pictos {
list-style:none;
text-align: left;
}
#home_slider .home_pictos li {
display:inline;
list-style:none;
margin-right:5px;
line-height:25px;
}
#home_slider .home_pictos li a {
border:0;
text-decoration:none;
outline:none;
}
#section_slider {
width: 100%;
background: #fff;
}
#section_slider .allinone_contentSlider {
margin: 0 auto;
}
#section_slider .allinone_contentSlider h2 {
font-size: 48px;
font-family: MWP, Verdana, Tahoma, Arial, sans;
}
#section_slider .allinone_contentSlider .cta {
background-color: #26B344;
color: white;
font-family: 'MWP', 'Verdana', Arial, Helvetica, sans;
text-transform: uppercase;
padding: 10px 20px;
display: block;
text-align: center;
font-size: 14px;
}
#section_slider .allinone_contentSlider .price-from {
color: #26B344;
font-size: 14px;
font-family: 'MWP', 'Verdana', Arial, Helvetica, sans;
}
#section_slider .allinone_contentSlider .slider-image-container {
width: 300px;
height: 300px;
overflow: hidden;
margin: 20px 10px;
box-shadow: 0 0 5px #999;
text-align: center;
}
#section_slider .allinone_contentSlider .slider-image-container .slider-image {
border: 1px solid #ddd;
}
/* =---=---=-==-+_=-=--=-=---=---=-==-+_=-=--=-
HELPERS
=---=---=-==-+_=-=--=--_=---=---=-==-+_=-=--=-*/
.clear {clear:both;}
.current {text-decoration:underline;}
.blue {color:#267BB3 !important;}
.white {color:#fff !important;}
.bold {font-weight:bold;}
.list {border-top:1px dotted #a1a6aa;}
.list td {
border-bottom:1px dotted #a1a6aa;
color:#7b7b7b;
padding:2px;
}
.list td a {
text-decoration:none;
color:#7b7b7b;
}
.transparent_blanc_70 {
background:url(/images/fonds/transparent_blanc_70.png) repeat;
}
.transparent_blanc_80 {
background:url(/images/fonds/transparent_blanc_80.png) repeat;
}
.transparent_blanc_90 {
background:url(/images/fonds/transparent_blanc_90.png) repeat;
}
p.error { padding:5px; color:#C00; border-bottom:1px dashed #C00; border-top:1px dashed #C00; }
p.notice, div.notice { padding:5px; background-color:#CCFFD2; color:#030; border-bottom:1px dashed #CCFFD2; border-top:1px dashed #CCFFD2; }
p.warning { padding-left:35px; background:#CCFFD2 url(../images/icons/warning.png) 5px 0px no-repeat; }
.image_navigation img { cursor:pointer; }
/* =---=---=-==-+_=-=--=-=---=---=-==-+_=-=--=-
HOME / SECTIONS
=---=---=-==-+_=-=--=--_=---=---=-==-+_=-=--=-*/
#top_blocks {
margin:10px auto;
}
#top_blocks .white_block {
width:270px;
margin:0px;
}
#top_blocks td.white_block {
float:none;
vertical-align: top;
}
#top_blocks div.white_block:last-child {
float:right;
margin-right:0;
}
#top_blocks .white_block header {
height:auto;
}
#top_blocks .white_block h2 {
margin:0;
padding:0;
}
#category_description {
overflow:auto;
}
#category_description.fullwidth {
float:none;
width:960px;
}
#category_description ul {
margin: 10px;
list-style-position: inside;
}
/* =---=---=-==-+_=-=--=-=---=---=-==-+_=-=--=-
CONTACT
=---=---=-==-+_=-=--=--_=---=---=-==-+_=-=--=-*/
#contacts_regionaux div {
display:inline;
display:inline-block;
}
#contacts_regionaux .picture {
opacity:0.2;
cursor:pointer;
}
#contacts_regionaux .picture:hover {
opacity:1;
}
#contacts_commerciaux, #contacts_assistantes {
}
#contacts_assistantes {
margin-top:20px;
}
.contact_assistante, .contact_commecial {
cursor:pointer;
}
#contact_info {
background:none;
}
#contact_info > img {
width: 200px;
}
.contact_type {
color:#267BB3;
font-size:14px;
margin-bottom:10px;
}
#contact_map{
border:1px solid #d7d7d7;
}
/* FORMS
=---=---=-==-+_=-=--=--_*/
#form_find_contact {
margin:10px 0;
color:#267BB3;
text-align:left;
margin-bottom:30px;
}
#form_find_contact input {
border:0;
border:1px solid #267BB3;
padding:2px;
}
#form_find_contact .submit {
cursor:pointer;
}
#form_find_contact .submit:hover {
background-color:#f2f8fd;
}
#loading_contact {
display:none;
}
.contact_form td,
.contact_form th,
.contact_form label {
text-align:left;
}
/* =---=---=-==-+_=-=--=-=---=---=-==-+_=-=--=-
PRODUCT RETURN
=---=---=-==-+_=-=--=--_=---=---=-==-+_=-=--=-*/
#product-return .white-block {
margin-top: 20px;
background-color: white;
padding: 20px;
}
#product-return .left-block {
float: left;
width: 300px;
}
#product-return p.notice {
text-align: center;
background-color: #267BB3;
color: white;
border: 0;
box-shadow: 0 2px 5px #555;
}
#product-return p.warning {
background-color: #fa9f9f;
border: 1px solid #fa6565;
color: black;
padding: 20px 20px 20px 35px;
}
#product-return p.success {
background-color: #93f38c;
border: 1px solid #77c572;
color: black;
padding: 20px;
}
#product-return .contact_form {
background-color: white;
border: 1px solid #267bb3;
float: right;
width: 620px;
}
#product-return .contact_form tr:nth-child(even) {background: #eee}
#product-return .contact_form.disabled tr:nth-child(even) {background: transparent !important}
#product-return .contact_form.disabled {
background-color: transparent;
border: none;
padding: 10px;
font-weight: bold;
}
#product-return .contact_form.disabled input[type="text"] {
background-color: transparent;
font-size: 12px;
color: #666666;
font-weight: bold;
border: 0;
}
#product-return .contact_form tr th {
width: 250px;
}
#product-return .contact_form tr td, #product-return .contact_form tr th {
vertical-align: middle;
padding: 10px;
}
#product-return .contact_form tr td ul, #product-return .contact_form tr td ul li {
list-style: none;
margin: 0; padding: 0;
}
#product-return .contact_form tr td ul li {
display: inline;
padding-right: 20px;
}
#product-return .contact_form input[type="radio"] {
width: auto;
}
#product-return .contact_form select {
border: 1px solid #ccc;
}
#product-return .contact_form select option {
padding: 1px 3px;
}
#product-return .contact_form #recaptcha_widget_div {
clear: both;
}
/* Symfony validation */
#product-return .contact_form ul.error_list li {
color: red;
font-size: 10px;
float: right;
}
/* Jquery validation */
#product-return .contact_form input.error {
background-color: #fa9f9f;
border: 1px solid #fa6565;
}
#product-return .contact_form label.error {
color: red;
display: block;
font-size: 10px;
padding-top: 3px;
}
/* =---=---=-==-+_=-=--=-=---=---=-==-+_=-=--=-
PRODUCTS / SERVICES / NEWS / DOWNLOADS
=---=---=-==-+_=-=--=--_=---=---=-==-+_=-=--=-*/
.expendable_toggle {
cursor:pointer;
color:#FFFFFF;
font-size:1em;
font-weight:bold;
padding:5px 20px;
text-align:left;
background-color:#92BBD9;
}
.expendable_toggle:hover {
text-decoration:underline;
}
.expendable_toggle a {
color:#267BB3;
}
div.expendable, ul.expendable {
/*display:none;*/
list-style:inside;
}
.no_underline {
text-decoration:none !important;
}
.downloads_service_title {
text-transform:uppercase;
}
.category_promotions {
float:left;
color:white !important;
font-size:1.2em;
}
.category_promotions li {
line-height:1.5em;
}
.promo_content {
display:none;
}
.item_content {
padding:10px;
}
/* =---=---=-==-+_=-=--=-=---=---=-==-+_=-=--=-
ACCOUNT
=---=---=-==-+_=-=--=--_=---=---=-==-+_=-=--=-*/
#account {
color: white;
right: 0px;
padding: 3px;
position: absolute;
top: 35px;
}
#account a { color:white; }
#getanaccountform ul, #getanaccountform li { list-style-position:inside; }
#getanaccountform input[type=submit] { width:100%; cursor:pointer; }
#getanaccountform input[type=submit]:hover { background-color:#267BB3; color:white; }
#getanaccountform td, #getanaccountform th { vertical-align:bottom; }
#myaccount_icon:hover {opacity:0.8; transition:all ease 0.2s;}
/* =---=---=-==-+_=-=--=-=---=---=-==-+_=-=--=-
LEGAL
=---=---=-==-+_=-=--=--_=---=---=-==-+_=-=--=-*/
#legal_info {
width:95%;
margin:0 auto;
line-height: 2em;
color:#333;
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.30);
padding:20px;
}
#legal_info, #catalogues-filmolux h2 {font-size:25px; padding:0; margin-bottom:15px;}
#legal_info, #catalogues-filmolux h3 {font-size:18px; margin-top:25px; padding-bottom:10px; color:#666; border-bottom:1px solid #888; }
#legal_info, #catalogues-filmolux ul {list-style-position:inside; margin:5px 20px;}
#legal_info, #catalogues-filmolux p {color:#333}
#catalogs-embed {
padding: 20px;
box-shadow: 0 0 4px #666;
-moz-box-shadow: 0 0 4px #666;
-webkit-box-shadow: 0 0 4px #666;
-o-box-shadow: 0 0 4px #666;
margin: 0 auto;
padding: 0;
width: 99%;
background-color: white;
}
/* =---=---=-==-+_=-=--=-=---=---=-==-+_=-=--=-
NEWS
=---=---=-==-+_=-=--=--_=---=---=-==-+_=-=--=-*/
#catalogs-embed iframe {
display: block;
margin: 0;
}
.white_block_news{
width: 900px;
background-color: white;
}