/* Maestro Css Base */
@import url("reset.css");
html { background: #262626; }
body { text-align: center; min-width: 983px; width: 100% !important; width: 100%; }
a:link, a:visited, a:active, a:focus { text-decoration: none; color: inherit; }
a:hover { text-decoration: underline; color: inherit; }
/* fonts % equivalence px */
/*
184.615 = 24
169.230 = 22
153.846 = 20
138.461 = 18
130.769 = 17
123.076 = 16
115.384 = 15
107.692 = 14
100.000 = 13
92.307 = 12
84.615 = 11
76.923 = 10
69.23 = 9
61.538 = 8
53.846 = 7
46.153 = 6
38.461 = 5
30.769 = 4
23.076 = 3
15.384 = 2
7.692 = 1
*/

/* Code couleurs fonts */
/* 
#7d7d7d = gris moyen 
#a8a8a8 = gris clair
#e95e40 = orange
#d9cfb6 = marron bckg menu
#262626 = marron fonce bckg page
#807761 = marron menu
#7f7f7f = border top hover menu
*/

/* Classes Css background images */ 
.background_base { background-position: center bottom; background-repeat: no-repeat; }
.base_0 { background: url('../images/base0.jpg') center bottom no-repeat; }
.base_1 { background: url('../images/base1.jpg') center bottom no-repeat; }
.base_2 { background: url('../images/base2.jpg') center top no-repeat; }
.base_3 { background: url('../images/base3.jpg') center top no-repeat; }
.base_4 { background: url('../images/base4.jpg') center top no-repeat; }
.base_5 { background: url('../images/base5.jpg') center top no-repeat; }

.base_concepts { background: url('../images/fond-concept.jpg') center bottom no-repeat; }
.base_realisations { background: url('../images/fond-realisation.jpg') center bottom no-repeat; }
.base_produit { background: url('../images/fond-produit.jpg') center bottom no-repeat; }
.base_olfactif { background: url('../images/fond-olfactif.jpg') center bottom no-repeat; }
.base_sonore { background: url('../images/fond-sonore.jpg') center bottom no-repeat; }
.base_visuel { background: url('../images/fond-visuel.jpg') center bottom no-repeat; }
.base_contact { background: url('../images/fond-contact.jpg') center bottom no-repeat; }
.base_services { background: url('../images/fond-generique2.jpg') center bottom no-repeat; }

.home_0_bckg { background: url('../images/home_0.jpg') center bottom no-repeat; }
.home_1_bckg { background: url('../images/home_1.jpg') center bottom no-repeat; }
.home_2_bckg { background: url('../images/home_2.jpg') center bottom no-repeat; }
.home_3_bckg { background: url('../images/home_3.jpg') center bottom no-repeat; }
.home_4_bckg { background: url('../images/home_4.jpg') center bottom no-repeat; }

/* Classes base */
.fleft { display: block; float: left; }
.fright { display: block; float: right; }
.clear { display: block; overflow: hidden; clear: both; height: 1px; font-size: 1px; line-height: 1px; }
.noText { overflow: hidden; display: block; text-indent: -1500px; }
.padd5 { padding: 5px; }
.padd10 { padding: 10px; }
.padd15 { padding: 15px; }
.paddT5 { padding-top: 5px; }
.paddT10 { padding-top: 10px; }
.paddB5 { padding-bottom: 5px; }
.paddB10 { padding-bottom: 10px; }
.marg5 { margin: 5px; }
.marg10 { margin: 10px; }
.marg15 { margin: 15px; }
.margT5 { margin-top: 5px; }
.margT10 { margin-top: 10px; }
.margB5 { margin-bottom: 5px; }
.margB10 { margin-bottom: 10px; }
.success, .warning {}
.error { color: #e3400a; font-weight: bold; }

/* Content */
.content_wrapper, .content_wrapper .content_container { }
.content_wrapper .content_container .content_content { padding: 20px 9px; min-height: 350px; height: auto !important; height: 350px; }

/* Blocks related */
.related { background: url('../images/related_border.gif') left top repeat-x; color: #7d7d7d; }
.related a { display: block; }
.related a:hover { color: #fff !important; text-decoration: none; }
.related .title { font-size: 61.538%; font-weight: bold; text-transform: uppercase; padding: 12px 0 0 0; width: 100%; }
.related .title h3 { float: left; font-size: 169.230%; line-height: 15px; }
.related .title a { float: right; position: relative; top: 4px; padding: 0 2px 0 0; color: #7d7d7d; }
.related .illustration { clear: both; position: relative; top: 0; left: 0; min-height: 100px; height: auto !important; height: 100px; }
.related .illustration .wrapper { padding: 0 0 20px 0; background: url('../images/related_shadow_b.png') center bottom no-repeat; }
.related .illustration .wrapper span { display: block; background: url('../images/related_shadow_t.png') center top no-repeat; padding: 12px 0 0 0; }
.related .illustration .wrapper span a img { display: block; width: 218px; height: 116px; background: #000; cursor: pointer; }
.related .illustration .video_embed { display: none; }
.related h4, .related p { color: #8a8a8a; }
.related h4 { font-size: 100%; padding-bottom: 2px; }
.related h4 a { color: #7d7d7d; }
.related p { font-size: 84.615%; line-height: 140%; }

/* Listing */
.realisation { width: 48.5%; padding: 10px 0; background: url('../images/sep_realisation.gif') left bottom repeat-x; min-height: 98px; height: auto !important; height: 98px; }
.realisation .illustration { float: left; width: 154px; height: 88px; margin-right: 10px; }
.realisation .illustration a { display: block; border: 1px solid #e95e40; padding: 1px; }
.realisation .illustration a img { display: block; width: 100%; height: 84px; }
.realisation .content { color: #58544a; }
.realisation .content h4 { font-size: 100%; }
.realisation .content a { color: #58544a; }
.realisation .content a:hover { color: #000; text-decoration: none; }
.realisation .content p { font-size: 84.615%; line-height: 135%; }

/* Listing documents */
.central .wrapper .container .documents { padding: 20px 0; font-weight: bold; font-size: 92.307%; }
.central .wrapper .container .documents ul li { margin: 1px 0 2px 0; }
.central .wrapper .container .documents ul li a { padding-left: 20px; color: #000; background: url('../images/media_document.png') left 1px no-repeat; }
.central .wrapper .container .documents ul li.audio a { background: url('../images/media_audio.png') left 1px no-repeat; }

/* Punymce */
#edit_content { font-size: 100%; line-height: 135%; }
#edit_content p { padding: 10px 0; margin: 0; }
#edit_content br { }
#edit_content img { display: block; text-align: center; margin: 0 auto; }
#edit_content img.img_left { margin-right: 15px; }
#edit_content img.img_right { margin-left: 15px; }
#edit_content img.img_none { margin-bottom: 15px; }
#edit_content ul, #edit_content ol { padding: 10px 15px 5px 15px; }
#edit_content ol { margin-left: 8px; }
#edit_content ul li { list-style: outside square; }
#edit_content ol li { list-style: outside decimal; }
#edit_content a { color: #e95e40; text-decoration: underline; width: auto; }
.visuel #edit_content a { color: #3d6293; }
.olfactif #edit_content a { color: #6a8d20; }
#edit_content a:hover { text-decoration: none; }
#edit_content blockquote { padding: 15px 25px; }
#edit_content embed { display: block; float: left; margin: 0 15px 15px 0; }

/* Home */
#top { background: #fff url('../images/body_bckg.jpg') left top repeat-x; border-bottom: 1px solid #dad0b7; }
#top .p_wrapper { min-height: 338px; height: auto !important; height: 338px; }
#top .p_wrapper.home { min-height: 545px; height: auto !important; height: 545px; }
#top .p_wrapper .p_container { width: 983px; margin: 0 auto; text-align: left; }
#bottom .p_wrapper {  min-height: 250px; height: auto !important; height: 250px; }
#bottom .p_wrapper .p_container { width: 983px; margin: 0 auto; text-align: left; }
#bottom .p_wrapper.home .p_container { width: 965px; position: relative; left: 8px; *left: 0px; }
#bottom .related { float: left; width: 218px; /* margin: 0 11px 0 12px; */ min-height: 210px; height: auto !important; height: 210px; }
#bottom .related { margin-right: 31px; }
#bottom .related.last { margin-right: 0; }

/* Header */
#header { min-height: 85px; height: auto !important; height: 85px; position: relative; z-index: 150; }
#header #language { float: right; color: #706c61; }
#header #language li { float: left; padding: 10px 7px 0 7px; font-size: 69.23%; text-transform: uppercase; letter-spacing: -0.1em; background: url('../images/language_bckg.gif') left top no-repeat;}
#header #language li a { display: block; text-align: center; color: #706c61; }
#header #language li.active a { font-weight: bold; letter-spacing: 0; }
#header #language li a:hover { text-decoration: none; color: #a6a090; }
#header #language li.active a:hover { font-weight: bold; letter-spacing: 0; }
#header h1 { width: 234px; height: 66px; font-size: 100%; line-height: 100%; position: relative; top: 15px; }
#header h1 a { display: block; overflow: hidden; height: 100%; background: url('../images/logo_bckg.png') left top no-repeat; text-decoration: none; text-indent: -1500px; }
.en #header h1 a { background: url('../images/logo_en_bckg.png') left top no-repeat; }
#header h2 { position: absolute; top: -1500px; }
/* Menu */
#header #menu { position: absolute; top: 60px; right: 0; }
#header #menu li { float: left; width: 113px; margin-right: 1px; height: 22px; position: relative; }
#header #menu li.last { margin-right: 0; }
#header #menu li ul { display: none; position: absolute; z-index: 500; top: 21px; padding: 0; background: transparent; }
#header #menu li ul li { border-top: 1px solid #fff; clear: both; display: block; background: #7f7f7f; width: 113px; position: relative; min-height: 22px; height: auto !important; height: 22px; font-size: 76.923%; line-height: 120%; }
#header #menu li a { display: block; text-align: center; width: 100%; height: 100%; overflow: hidden; text-decoration: none; text-indent: -1500px; background-position: left top; background-repeat: no-repeat; }
#header #menu li ul li a { text-indent: 0; display: block; height: 100%; color: #fff; padding: 5px 0 7px 0; }
#header #menu li ul li a:hover { background: #e95e40; }
#header #menu li ul li a em { text-transform: uppercase; padding: 0 5px; text-align: center; display: block; } 

#header #menu li#m_home { background-image: url('../images/en/m_home.gif'); }
#header #menu li#m_home:hover { background-position: left -22px !important; }
#header #menu li#m_home.active, #header #menu li#m_home.active:hover { background-position: left -44px !important; }
.fr #header #menu li#m_home { background-image: url('../images/fr/m_home.gif'); }

#header #menu li#m_product { background-image: url('../images/en/m_product.gif'); }
#header #menu li#m_product:hover { background-position: left -22px !important; }
#header #menu li#m_product.active, #header #menu li#m_product.active:hover { background-position: left -44px !important; }
.fr #header #menu li#m_product { background-image: url('../images/fr/m_product.gif'); }

#header #menu li#m_service { background-image: url('../images/en/m_service.gif'); }
#header #menu li#m_service:hover { background-position: left -22px !important; }
#header #menu li#m_service.active, #header #menu li#m_service.active:hover { background-position: left -44px !important; }
.fr #header #menu li#m_service { background-image: url('../images/fr/m_service.gif');  }

#header #menu li#m_realisation { background-image: url('../images/en/m_realisation.gif'); }
#header #menu li#m_realisation:hover { background-position: left -22px !important; }
#header #menu li#m_realisation.active, #header #menu li#m_realisation:hover.active { background-position: left -44px !important; }
.fr #header #menu li#m_realisation { background-image: url('../images/fr/m_realisation.gif'); }

#header #menu li#m_concept { background-image: url('../images/en/m_concept.gif'); }
#header #menu li#m_concept:hover { background-position: left -22px !important; }
#header #menu li#m_concept.active, #header #menu li#m_concept.active:hover { background-position: left -44px !important; }
.fr #header #menu li#m_concept { background-image: url('../images/fr/m_concept.gif'); }

/* Section */
#section { width: 100%; position: relative; z-index: 30; }

/* Home */
#section.home { height: 430px; }
#section .wrapper { padding-top: 30px; text-align: center; }
#section .wrapper ul.sections { width: 937px; margin: 0 0 0 33px; min-height: 301px; height: auto !important; height: 301px; }
#section .wrapper ul.sections .sens { float: left; text-align: left; width: 295px; margin-right: 26px; }
#section .wrapper ul.sections .last { margin-right: 0 !important; }
#section .wrapper ul.sections .sens .block { position: relative; top: 0; left: 0; padding: 172px 0 0 0; }
#section .wrapper ul.sections .sens .block .swf_container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
#section .wrapper ul.sections .sens .block .services, #section .wrapper ul.sections .sens .block .description { position: relative; z-index: 10; }
#section .wrapper ul.sections .swf_container { display: block; position: relative; z-index: 1; }
#section .wrapper ul.sections .swf_container a { display: block; height: 51px; width: 51px; line-height: 51px; font-size: 184.615%; position: absolute; left: 20px; top: 147px; overflow: hidden; cursor: pointer; text-indent: -5000px; }
#section .wrapper ul.sections .services { min-height: 129px; height: auto !important; height: 129px; /* padding: 0 14px 0 18px; */ width: 207px; position: absolute; z-index: 100; top: 0; left: 72px; }
#section .wrapper ul.sections .services ul li { font-weight: bold; font-size: 100%; line-height: 134%; text-align: right; }
#section .wrapper ul.sections .description { color: #fff; padding: 0 10px 0 18px; min-height: 129px; height: auto !important; height: 129px; background: url('../images/reflection_shadow.png') left top no-repeat; }
#section .wrapper ul.sections .description h3 { font-size: 107.692%; padding: 10px 0 0 0; }
#section .wrapper ul.sections .description h3 a { border: none; color: #fff; }
#section .wrapper ul.sections .description h3 a:hover { border-bottom: 1px solid #fff; text-decoration: none; }
#section .wrapper ul.sections .description p { font-size: 92.307%; line-height: 130.769%;  }
#section.home #olfactif { background: url('../images/home_sens_smell.png') left 172px no-repeat; }
#section.home #olfactif .swf_container { background: url('../images/home_sens_smell_t.png') top left no-repeat; }
#section.home #olfactif .swf_container a { background: url('../images/home_sens_smell_bt.png') left top no-repeat; }
#section.home #olfactif .services ul li a { color: #a3ab93; }
#section.home #sonore { background: url('../images/home_sens_sound.png') left 172px no-repeat; }
#section.home #sonore .swf_container { background: url('../images/home_sens_sound_t.png') top left no-repeat; }
#section.home #sonore .swf_container a { background: url('../images/home_sens_sound_bt.png') left top no-repeat; }
#section.home #sonore .services ul li a { color: #d0908b; }
#section.home #visuel { background: url('../images/home_sens_view.png') left 172px no-repeat; }
#section.home #visuel .swf_container { background: url('../images/home_sens_view_t.png') top left no-repeat; }
#section.home #visuel .swf_container a { background: url('../images/home_sens_view_bt.png') top left no-repeat; }
#section.home #visuel .services ul li a { color: #a1acc7; }
#section.home #olfactif .services ul li a:hover, #section.home #sonore .services ul li a:hover, #section.home #visuel .services ul li a:hover { color: #fff; text-decoration: none; }

/* Autre */
#section h2 { color: #fff; text-align: left; font-size: 284.615%; position: absolute; left: 25px; top: 192px; }
#section .preview { width: 569px; height: 163px; position: absolute; right: 0; top: 50px; }
#section #s_menu { width: 215px; height: 71px; position: absolute; top: 85px; left: 20px; }
#section #s_menu li { width: 71px; height: 71px; float: left; }
#section #s_menu li.first { margin-right: 1px; }
#section #s_menu li.last { margin-left: 1px; }
#section #s_menu li a { display: block; width: 71px; height: 71px; overflow: hidden; text-indent: -1500px; background: url('../images/menu_s2.png') left -142px no-repeat; }
#section #s_menu li.first a { background: url('../images/menu_s1.png') left -142px no-repeat; }
#section #s_menu li.last a { background: url('../images/menu_s3.png') left -142px no-repeat; }
#section #s_menu li a:hover { background-position: left -71px; }
#section #s_menu li.active a, #section #s_menu li.active a:hover { background-position: left top; }
#section .preview { top: 0; height: 250px; margin-top: -35px; }
#section .preview .top { padding: 35px 0 0 0; text-align: left; color: #fff; background: url('../images/section_preview_t.png') left top no-repeat; }
#section .preview .bottom { padding: 0 0 35px 0; background: url('../images/section_preview_b.png') left bottom no-repeat; }
#section .preview .bottom .content { padding: 0 35px; font-size: 153.846%; background: url('../images/section_preview_bckg.png') left top repeat; line-height: 125%; }
#section .preview .bottom .content p { position: relative; top: -2px; }
#section .olfactif .top { background-image: url('../images/section_preview_t_s1.png'); }
#section .olfactif .top .bottom { padding: 0 0 35px 0; background-image: url('../images/section_preview_b_s1.png'); }
#section .olfactif .top .bottom .content { background-image: url('../images/section_preview_s1_bckg.png'); }
#section .sonore .top { background-image: url('../images/section_preview_t_s2.png'); }
#section .sonore .top .bottom { padding: 0 0 35px 0; background-image: url('../images/section_preview_b_s2.png'); }
#section .sonore .top .bottom .content { background-image: url('../images/section_preview_s2_bckg.png'); }
#section #realisation { text-align: left; }
#section #realisation .preview_realisation { width: 731px; height: 221px; position: absolute; top: 0; top: 32px; background: url('../images/preview_realisation_bckg.png') left bottom no-repeat; }
#section #realisation .preview_realisation .illustration { width: 393px; height: 221px; display: block; position: absolute; right: 30px; top: 0; background: #000; }
#section #realisation .preview_realisation .content { width: 260px; position: relative; left: 27px; top: 25px; color: #fff; }
#section #realisation .preview_realisation h2 { position: static; margin-left: -2px; }
#section #realisation .preview_realisation h4 { width: 260px; margin-top: -12px; font-weight: normal; font-size: 153.846%; line-height: 120%;  }
#section #realisation #s_menu { left: 753px; }

/* Content */
#content { border-top: 1px solid #262626; background: url('../images/c_fullpage_b_bckg.gif') left bottom no-repeat; padding-bottom: 17px; margin-bottom: 10px; }
#content .central { background: #fff url('../images/c_degrade_bckg.png') left top repeat-x; }
#content .central .wrapper { background: url('../images/c_fullpage_bckg.gif') left top repeat-y; }
#content .central .wrapper .container { min-height: 360px; height: auto !important; height: 360px; background: url('../images/c_content_shadow.png') left top repeat-x; padding: 15px 30px 5px 30px;}
#content.fleft { width: 731px; background-image: url('../images/c_columns_b_bckg.gif'); }
#content.fleft.olfactif { background-image: url('../images/c_columns_s1_b_bckg.gif'); }
#content.fleft.visuel { background-image: url('../images/c_columns_s2_b_bckg.gif'); }
#content.fleft .central .wrapper { background-image: url('../images/c_columns_bckg.gif'); min-height: 650px; height: auto !important; height: 650px; }
#content.fleft.olfactif .central .wrapper { background-image: url('../images/c_columns_s1_bckg.gif'); }
#content.fleft.visuel .central .wrapper { background-image: url('../images/c_columns_s2_bckg.gif'); }
#content_related { width: 223px; }
#content_related .related { margin: 0 5px 25px 0; width: 218px; }

/* Contact */
#contact { min-height: 350px; height: auto !important; height: 350px; background: url('../images/sep_contact.gif') center top repeat-y; }
#contact h4 { font-size: 100%; color: #00447b; padding: 2px 0 8px 0; }
#contact .fright, #contact .fleft { width: 48.5%; }
#contact .fleft .information { padding: 7px 10px 25px 0; }
#contact .fleft table { font-size: 92.307%; line-height: 140%; }
#contact .fleft table tr td.left { width: 33%; padding: 1px 0; }
#contact .fright h4 { padding-bottom: 0; padding-top: 5px; }
#contact .fright p { padding-top: 2px; color: #6b6b6b; font-size: 92.307%; }
#contact fieldset { font-size: 92.307%; padding: 3px 0 4px 0; }
#contact fieldset label { display: block; width: 175px; float: left; }
#contact fieldset input.text { width: 250px; font-size: 92.307%; height: 15px; padding: 2px 5px 1px 3px; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #a6a6a6;  }
#contact fieldset textarea { width: 255px; font-size: 92.307%; height: 75px;  padding: 2px 0 1px 3px; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #a6a6a6; }
#contact fieldset.first { padding-top: 20px; }
#contact fieldset.submit { padding: 5px 0 0 175px; }
#contact fieldset.submit input { width: auto; padding: 3px 15px; text-transform: uppercase; border: none; background: #d9cfb6; color: #807761; font-size: 92.307%; cursor: pointer; }
#contact fieldset.error input, #contact fieldset.error textarea { border-color: #e3400a; color: #e3400a; font-weight: normal; background: #f7ebe7; }

/* Footer */
#footer { min-height: 100px; height: auto !important; height: 100px; clear: both; padding-top: 15px; }
#footer .content { padding-top: 15px; background: url('../images/footer_sep.gif') left top repeat-x; font-size: 76.923%; color: #7d7d7d; letter-spacing: -0.1em; }
#footer .content #copy { float: left; padding-left: 5px; }
#footer .content #legal { float: right; text-transform: uppercase; width: 20%; text-align: right; line-height: 220%; }
#footer .content #legal a { display: block; width: 61px; height: 29px; overflow: hidden; position: relative; right: 5px; margin-left: 12px; background: url('../images/solist_logo_bckg.gif') left top no-repeat; float: right; }
#footer .content #legal a em { position: absolute; bottom: -2000px; right: -500px; }