/* Polices */ @font-face { font-family: "Raleway"; src: url('Fonts/Raleway-Italic.eot'); src: url('Fonts/Raleway-Italic.eot?#iefix') format('embedded-opentype'), url('Fonts/Raleway-Italic.woff2') format('woff2'), url('Fonts/Raleway-Italic.woff') format('woff'), url('Fonts/Raleway-Italic.ttf') format('truetype'), url('Fonts/Raleway-Italic.svg#Raleway-Italic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: "Raleway"; src: url('Fonts/Raleway-ExtraLight.eot'); src: url('Fonts/Raleway-ExtraLight.eot?#iefix') format('embedded-opentype'), url('Fonts/Raleway-ExtraLight.woff2') format('woff2'), url('Fonts/Raleway-ExtraLight.woff') format('woff'), url('Fonts/Raleway-ExtraLight.ttf') format('truetype'), url('Fonts/Raleway-ExtraLight.svg#Raleway-ExtraLight') format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: "Raleway"; src: url('Fonts/Raleway-MediumItalic.eot'); src: url('Fonts/Raleway-MediumItalic.eot?#iefix') format('embedded-opentype'), url('Fonts/Raleway-MediumItalic.woff2') format('woff2'), url('Fonts/Raleway-MediumItalic.woff') format('woff'), url('Fonts/Raleway-MediumItalic.ttf') format('truetype'), url('Fonts/Raleway-MediumItalic.svg#Raleway-MediumItalic') format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: "Raleway"; src: url('Fonts/Raleway-ExtraBold.eot'); src: url('Fonts/Raleway-ExtraBold.eot?#iefix') format('embedded-opentype'), url('Fonts/Raleway-ExtraBold.woff2') format('woff2'), url('Fonts/Raleway-ExtraBold.woff') format('woff'), url('Fonts/Raleway-ExtraBold.ttf') format('truetype'), url('Fonts/Raleway-ExtraBold.svg#Raleway-ExtraBold') format('svg'); font-weight: 800; font-style: normal; } @font-face { font-family: "Raleway"; src: url('Fonts/Raleway-ExtraLightItalic.eot'); src: url('Fonts/Raleway-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('Fonts/Raleway-ExtraLightItalic.woff2') format('woff2'), url('Fonts/Raleway-ExtraLightItalic.woff') format('woff'), url('Fonts/Raleway-ExtraLightItalic.ttf') format('truetype'), url('Fonts/Raleway-ExtraLightItalic.svg#Raleway-ExtraLightItalic') format('svg'); font-weight: 200; font-style: italic; } @font-face { font-family: "Raleway"; src: url('Fonts/Raleway-Medium.eot'); src: url('Fonts/Raleway-Medium.eot?#iefix') format('embedded-opentype'), url('Fonts/Raleway-Medium.woff2') format('woff2'), url('Fonts/Raleway-Medium.woff') format('woff'), url('Fonts/Raleway-Medium.ttf') format('truetype'), url('Fonts/Raleway-Medium.svg#Raleway-Medium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: "Raleway"; src: url('Fonts/Raleway-Black.eot'); src: url('Fonts/Raleway-Black.eot?#iefix') format('embedded-opentype'), url('Fonts/Raleway-Black.woff2') format('woff2'), url('Fonts/Raleway-Black.woff') format('woff'), url('Fonts/Raleway-Black.ttf') format('truetype'), url('Fonts/Raleway-Black.svg#Raleway-Black') format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: "Raleway"; src: url('Fonts/Raleway-SemiBoldItalic.eot'); src: url('Fonts/Raleway-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('Fonts/Raleway-SemiBoldItalic.woff2') format('woff2'), url('Fonts/Raleway-SemiBoldItalic.woff') format('woff'), url('Fonts/Raleway-SemiBoldItalic.ttf') format('truetype'), url('Fonts/Raleway-SemiBoldItalic.svg#Raleway-SemiBoldItalic') format('svg'); font-weight: 600; font-style: italic; } @font-face { font-family: "Raleway"; src: url('Fonts/Raleway-Light.eot'); src: url('Fonts/Raleway-Light.eot?#iefix') format('embedded-opentype'), url('Fonts/Raleway-Light.woff2') format('woff2'), url('Fonts/Raleway-Light.woff') format('woff'), url('Fonts/Raleway-Light.ttf') format('truetype'), url('Fonts/Raleway-Light.svg#Raleway-Light') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: "Raleway"; src: url('Fonts/Raleway-ExtraBoldItalic.eot'); src: url('Fonts/Raleway-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('Fonts/Raleway-ExtraBoldItalic.woff2') format('woff2'), url('Fonts/Raleway-ExtraBoldItalic.woff') format('woff'), url('Fonts/Raleway-ExtraBoldItalic.ttf') format('truetype'), url('Fonts/Raleway-ExtraBoldItalic.svg#Raleway-ExtraBoldItalic') format('svg'); font-weight: 800; font-style: italic; } @font-face { font-family: "Raleway"; src: url('Fonts/Raleway-ThinItalic.eot'); src: url('Fonts/Raleway-ThinItalic.eot?#iefix') format('embedded-opentype'), url('Fonts/Raleway-ThinItalic.woff2') format('woff2'), url('Fonts/Raleway-ThinItalic.woff') format('woff'), url('Fonts/Raleway-ThinItalic.ttf') format('truetype'), url('Fonts/Raleway-ThinItalic.svg#Raleway-ThinItalic') format('svg'); font-weight: 100; font-style: italic; } @font-face { font-family: "Raleway"; src: url('Fonts/Raleway-Bold.eot'); src: url('Fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'), url('Fonts/Raleway-Bold.woff2') format('woff2'), url('Fonts/Raleway-Bold.woff') format('woff'), url('Fonts/Raleway-Bold.ttf') format('truetype'), url('Fonts/Raleway-Bold.svg#Raleway-Bold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: "Raleway"; src: url('Fonts/Raleway-LightItalic.eot'); src: url('Fonts/Raleway-LightItalic.eot?#iefix') format('embedded-opentype'), url('Fonts/Raleway-LightItalic.woff2') format('woff2'), url('Fonts/Raleway-LightItalic.woff') format('woff'), url('Fonts/Raleway-LightItalic.ttf') format('truetype'), url('Fonts/Raleway-LightItalic.svg#Raleway-LightItalic') format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: "Raleway"; src: url('Fonts/Raleway-Thin.eot'); src: url('Fonts/Raleway-Thin.eot?#iefix') format('embedded-opentype'), url('Fonts/Raleway-Thin.woff2') format('woff2'), url('Fonts/Raleway-Thin.woff') format('woff'), url('Fonts/Raleway-Thin.ttf') format('truetype'), url('Fonts/Raleway-Thin.svg#Raleway-Thin') format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: "Raleway"; src: url('Fonts/Raleway-BoldItalic.eot'); src: url('Fonts/Raleway-BoldItalic.eot?#iefix') format('embedded-opentype'), url('Fonts/Raleway-BoldItalic.woff2') format('woff2'), url('Fonts/Raleway-BoldItalic.woff') format('woff'), url('Fonts/Raleway-BoldItalic.ttf') format('truetype'), url('Fonts/Raleway-BoldItalic.svg#Raleway-BoldItalic') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: "Raleway"; src: url('Fonts/Raleway-Regular.eot'); src: url('Fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'), url('Fonts/Raleway-Regular.woff2') format('woff2'), url('Fonts/Raleway-Regular.woff') format('woff'), url('Fonts/Raleway-Regular.ttf') format('truetype'), url('Fonts/Raleway-Regular.svg#Raleway-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "Raleway"; src: url('Fonts/Raleway-SemiBold.eot'); src: url('Fonts/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'), url('Fonts/Raleway-SemiBold.woff2') format('woff2'), url('Fonts/Raleway-SemiBold.woff') format('woff'), url('Fonts/Raleway-SemiBold.ttf') format('truetype'), url('Fonts/Raleway-SemiBold.svg#Raleway-SemiBold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: "Raleway"; src: url('Fonts/Raleway-BlackItalic.eot'); src: url('Fonts/Raleway-BlackItalic.eot?#iefix') format('embedded-opentype'), url('Fonts/Raleway-BlackItalic.woff2') format('woff2'), url('Fonts/Raleway-BlackItalic.woff') format('woff'), url('Fonts/Raleway-BlackItalic.ttf') format('truetype'), url('Fonts/Raleway-BlackItalic.svg#Raleway-BlackItalic') format('svg'); font-weight: 900; font-style: italic; } @font-face { font-family: "icomoon"; src: url('Fonts/SeptodontIcon.eot?9dudgr'); src: url('Fonts/SeptodontIcon.eot?9dudgr#iefix') format('embedded-opentype'), url('Fonts/SeptodontIcon.ttf?9dudgr') format('truetype'), url('Fonts/SeptodontIcon.woff?9dudgr') format('woff'), url('Fonts/SeptodontIcon.svg?9dudgr#septodon-icon') format('svg'); font-weight: normal; font-style: normal; } /* Reset */ #page_statique ol, #page_statique ul { list-style: initial; margin: 1em 0px 1em 0px; padding: 0px 0px 0px 40px; } #page_statique .page_vision_valeurs ol, #page_statique .page_vision_valeurs ul { list-style: none; margin: 0px; padding: 0px; } /* Popups */ div#sep_pop_conteneur_entree { display: none; position: fixed; z-index: 99999; top: 0px; left: 0px; height: 100%; width: 100%; background-image: url('./Images/pix_sombre.png'); background-repeat: repeat; } div#sep_popup_entree { margin: 18vw auto; background-color: #e30019; width: 440px; font-family: "Raleway"; border: 2px solid #e30019; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } div#sep_popup_entree span.pop_titre { display: none; text-align: center; margin-top: 8px; line-height: 58px; font-size: 20px; font-weight: bold; color: #e2001a; } div#sep_popup_entree div.pop_img_entete { display: none; height: 87px; background-image: url('./Images/sep_pop_titre.png'); background-repeat: no-repeat; } div#sep_popup_entree span.pop_texte { display: block; text-align: center; margin: 20px 0px 0px 0px; line-height: 18px; font-size: 18px; color: #FFFFFF; } div#sep_popup_entree span.pop_texte_info { display: block; text-align: center; margin: 10px 0px 15px 0px; line-height: 12px; font-size: 12px; color: #FFFFFF; font-style: italic; } div#sep_popup_entree div.pop_boutons { text-align: center; margin: 10px 0; } div#sep_popup_entree a.pop_bouton { display: inline-block; margin: 10px; width: 125px; line-height: 28px; text-align: center; color: #000000; font-size: 14px; font-weight: bold;/* background-image: url('./Images/btn_fond.png');*/ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #ebebeb; font-family: Arial; } div#sep_popup_entree a.pop_bouton:hover { cursor: hand; cursor: pointer; } div#sep_pop_conteneur_sortie { display: none; position: absolute; z-index: 99999; top: 0px; left: 0px; height: 100%; width: 100%; background-image: url('./Images/pix_sombre.png'); background-repeat: repeat; } div#sep_popup_sortie { margin: 10% auto; background-color: #e30019; width: 440px; font-family: "Raleway"; border: 2px solid #e30019; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #FFFFFF; } div#sep_popup_sortie span.pop_titre { display: block; text-align: center; margin-top: 8px; line-height: 58px; font-size: 17px; font-weight: bold; color: #FFFFFF; } div#sep_popup_sortie div.pop_img_entete { display: none; height: 87px; background-image: url('./Images/sep_pop_titre.png'); background-repeat: no-repeat; } div#sep_popup_sortie span.pop_texte { display: block; text-align: center; margin: 0px 0px 0px 0px; padding: 0px; line-height: 16px; font-size: 16px; color: #FFFFFF; } div#sep_popup_sortie div.pop_boutons { text-align: center; margin: 10px 0px; } div#sep_popup_sortie a.pop_bouton { display: inline-block; margin: 10px 30px 0px 30px; width: 125px; line-height: 28px; text-align: center; color: #000000; font-size: 15px; font-weight: bold;/* background-image: url('./Images/btn_fond.png');*/ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #ebebeb; font-family: Arial; } div#sep_popup_sortie a.pop_bouton:hover { cursor: hand; cursor: pointer; } div#sep_pop_conteneur_message { display: none; position: absolute; z-index: 99999; top: 0px; left: 0px; height: 100%; width: 100%; background-image: url('./Images/pix_sombre.png'); background-repeat: repeat; } div#sep_popup_message { margin: 10% auto; background-color: #ffffff; width: 550px; font-family: Arial; border: 2px solid #e30019; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } div#sep_popup_message span.pop_titre { display: block; text-align: center; margin-top: 8px; line-height: 58px; font-size: 20px; font-weight: bold; color: #e2001a; } div#sep_popup_message div.pop_img_entete { display: block; margin-top: 16px; height: 87px; background-image: url('./Images/sep_pop_titre.png'); background-repeat: no-repeat; } div#sep_popup_message span.pop_texte { display: block; text-align: center; margin: 20px 10px; line-height: 22px; font-size: 18px; color: #cd0000; font-weight: bold; } div#sep_popup_message span.pop_remarque { display: block; text-align: center; margin: 10px; line-height: 18px; font-size: 14px; color: #333333; } div#sep_popup_message div.pop_boutons { text-align: center; margin: 10px 0; } div#sep_popup_message a.pop_bouton { display: inline-block; margin: 10px; width: 96px; line-height: 28px; text-align: center; color: #ffffff; font-size: 14px; font-weight: bold; background-image: url('./Images/btn_fond.png'); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } div#sep_popup_message a.pop_bouton:hover { cursor: hand; cursor: pointer; } div#sep_pop_conteneur_entree.cacher { display: none; } div#sep_pop_conteneur_entree.montrer { display: block; } div#sep_pop_conteneur_sortie.cacher { display: none; } div#sep_pop_conteneur_sortie.montrer { display: block; } div#sep_pop_conteneur_message.cacher { display: none; } div#sep_pop_conteneur_message.montrer { display: block; } /* FIN Popups */ /* Messages systèmes */ #message_system { } .tableau_message { max-width: 1000px; width: 100%; margin: 0px auto; font-size: 14px; } .msg_info { padding: 4px; background: linear-gradient(to bottom, #D9EDF7 0%, #BAE6FC 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 2px solid #88C4E2; color: #3A87AD; } .msg_erreur { padding: 4px; background: linear-gradient(to bottom, #F6D8D8 0%, #F5C5C5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 2px solid #E18D9A; color: #DA5251; } .msg_warning { padding: 4px; background: linear-gradient(to bottom, #F6EDBA 0%, #F5E0A8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 2px solid #E4BF7F; color: #9C6C38; } .msg_notice { padding: 4px; background: linear-gradient(to bottom, #D9EDF7 0%, #BAE6FC 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 2px solid #88C4E2; color: #3A87AD; } .msg_debug { padding: 4px; background: linear-gradient(to bottom, #F6EDBA 0%, #F5E0A8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 2px solid #E4BF7F; color: #9C6C38; } .msg_debug_log { padding: 4px 4px 4px 20px; font-family: "Courier New", Courier, monospace; font-size: 11px; color: #000000; background-color: #000000; color: #FFFFFF; text-indent: -20px; white-space: normal; } .msg_erreur_critique { padding: 4px 4px 4px 25px; background-image: url('./../Images/ErreurCritique.gif'); background-repeat: no-repeat; background-position: 4px center; background-color: #FF0000; border: 2px solid #000000; color: #FFFFFF; font-weight: bold; } .msg_maintenance { padding: 4px 4px 4px 35px; border: 2px solid #000000; background-color: #CACAFF; font-weight: bold; color: #FF0000; background-image: url('./../Images/Maintenance.gif'); background-repeat: no-repeat; background-position: left center; } /* Style sites et génériques */ BODY { min-width: 1280px; text-decoration: none; font-style: normal; font-family: "Raleway", Arial, Helvetica, sans-serif; line-height: 1.5; color: #0f2239; font-size: 16px; padding: 0px; font-weight: 400; overflow: hidden; overflow-x: auto; overflow-y: scroll; min-height: 100%; } HTML { min-width: 1280px; height: 100%; } #container_page { } #page { position: relative; left: 0; -webkit-transition: left ease-out 0.5s; -moz-transition: left ease-out 0.5s; -ms-transition: left ease-out 0.5s; -o-transition: left ease-out 0.5s; transition: left ease-out 0.5s; } .form_mention_obligatoire { color: #FF0000; padding: 1px 2px 1px 2px; font-size: 26px; } /* Styles Header */ #header { position: relative; z-index: 4; -webkit-transition: margin-bottom 0.1s ease-in; -moz-transition: margin-bottom 0.1s ease-in; -ms-transition: margin-bottom 0.1s ease-in; -o-transition: margin-bottom 0.1s ease-in; transition: margin-bottom 0.1s ease-in; } #headerInner { max-width: 1280px; width: 100%; margin: 0 auto; overflow: hidden; min-height: 80px; } #header_bloc_logo { position: absolute; z-index: 7; top: 10px; width: 208px; padding: 0px 15px; text-align: center; } #logo { } #logo img { display: inline-block; margin-right: 9px; vertical-align: middle; max-width: 91px; height: auto; } #header_bloc_menus { display: inline-block; float: left; width: 679px; height: 80px; margin: 0px 0px 0px 223px; padding: 0px 0px 0px 15px; } #header_bloc_menus .header_menu { display: inline-block; float: left; height: 80px; margin: 0px 10px 0px 0px; padding: 0px 8px 0px 0px; } #header_bloc_menus .header_menu_lien:before { content: ""; display: inline-block; width: 7px; height: 7px; background-color: #E2031A; vertical-align: middle; margin: 0px 8px 0px 0px; } #header_bloc_menus .header_menu_lien { display: inline-block; height: 80px; padding: 25px 0px 25px 0px; font-size: 18px; font-weight: 700; color: #000000; line-height: inherit; cursor: pointer; text-decoration: none; } #header_bloc_menus .header_menu_lien:hover { color: #E2031A; } #header_bloc_menus .header_menu_lien.menu_actif { color: #E2031A; } #header_recherche { display: inline-block; float: left; width: 179px; height: 80px; position: relative; } #header_recherche #rechercheMot { border: 0px; border-left: 1px solid #D6D6D6; border-right: 1px solid #D6D6D6; height: 80px; width: 100%; padding: 0px 0px 0px 50px; margin: 0px; font-size: 14px; } #header_recherche:before { content: "\e908"; font-family: "icomoon" !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 16px; color: #BFBFBF; position: absolute; top: 31px; left: 20px; } #recherche_doc_septo { position: absolute; top: 0px; left: 0px; z-index: 10000; text-align: center; font-size: 12px; padding: 10px; background-color: #EEEEEE; border: 1px solid #ACACAC; } #header_langue { display: inline-block; float: left; margin: 0px 0px 0px 0px; padding: 12px 4px 12px 8px; text-align: center; } #header_langue #header_langue_active { display: inline-block; width: 50px; height: 50px; background-image: url('./Images/Drapeaux/FR.png'); background-position: center 14px; background-repeat: no-repeat; background-size: 29px 20px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; position: relative; overflow: hidden; } #header_langue #header_langue_active:before { content: ""; position: absolute; top: 0px; left: 0px; display: inline-block; width: 50px; height: 50px; background: url('./Images/fleche-bas.svg') center 40px no-repeat; background-size: 9px 7px; } #header_langue #header_langue_active:hover { background-color: #C9C8C6; } #header_langue #header_langue_active.hover { background-color: #C9C8C6; } #header_langues_liste_container { position: absolute; top: 80px; left: 0; width: 100%; z-index: 6; background-color: #FFFFFF; padding: 31px 2px 31px; border-top: 1px solid #C9C8C6; } #header_langues_liste_container #header_langues_liste { overflow: hidden; max-width: 870px; width: 100%; margin: 0px auto; text-align: left; } #header_langues_liste_container #header_langues_liste .header_langue { width: 20%; padding: 0px 2px; float: left; } #header_langues_liste_container #header_langues_liste .header_langue a { text-decoration: none; font-size: 14px; font-weight: 500; color: #000000; } #header_langues_liste_container #header_langues_liste .header_langue a:hover { color: #E2031A; } #header_langues_liste_container #header_langues_liste .header_langue a:before { content: ""; width: 20px; height: 16px; display: inline-block; background: #FFFFFF; margin: 0px 6px 0px 0px; vertical-align: middle; background-position: left top; background-repeat: no-repeat; background-size: 100%; } #header_langues_liste_container #header_langues_liste .header_langue a.langue_AT:before { background-image: url('./Images/Drapeaux/AT.png'); } #header_langues_liste_container #header_langues_liste .header_langue a.langue_BE:before { background-image: url('./Images/Drapeaux/BE.png'); } #header_langues_liste_container #header_langues_liste .header_langue a.langue_BR:before { background-image: url('./Images/Drapeaux/BR.png'); } #header_langues_liste_container #header_langues_liste .header_langue a.langue_CA:before { background-image: url('./Images/Drapeaux/CA.png'); } #header_langues_liste_container #header_langues_liste .header_langue a.langue_CN:before { background-image: url('./Images/Drapeaux/CN.png'); } #header_langues_liste_container #header_langues_liste .header_langue a.langue_DE:before { background-image: url('./Images/Drapeaux/DE.png'); } #header_langues_liste_container #header_langues_liste .header_langue a.langue_ES:before { background-image: url('./Images/Drapeaux/ES.png'); } #header_langues_liste_container #header_langues_liste .header_langue a.langue_IN:before { background-image: url('./Images/Drapeaux/IN.png'); } #header_langues_liste_container #header_langues_liste .header_langue a.langue_IR:before { background-image: url('./Images/Drapeaux/IR.png'); } #header_langues_liste_container #header_langues_liste .header_langue a.langue_IT:before { background-image: url('./Images/Drapeaux/IT.png'); } #header_langues_liste_container #header_langues_liste .header_langue a.langue_NL:before { background-image: url('./Images/Drapeaux/NL.png'); } #header_langues_liste_container #header_langues_liste .header_langue a.langue_PL:before { background-image: url('./Images/Drapeaux/PL.png'); } #header_langues_liste_container #header_langues_liste .header_langue a.langue_UK:before { background-image: url('./Images/Drapeaux/UK.png'); } #header_langues_liste_container #header_langues_liste .header_langue a.langue_US:before { background-image: url('./Images/Drapeaux/US.png'); } #header_langues_lien_corporate { padding-bottom: 15px; margin: 0px auto 20px auto; border-bottom: 1px solid #c9c8c6; } #header_langues_lien_corporate a { text-decoration: none; font-size: 14px; font-weight: 500; color: #000000; } #header_langues_lien_corporate a:before { content: ""; width: 54px; height: 58px; display: inline-block; vertical-align: middle; margin-top: 0px; margin-right: 8px; background-color: transparent; background-image: url('./Images/logo.png'); background-repeat: no-repeat; background-size: 100%; background-position: 0px center; } #header_lien_intranet { position: absolute; top: 0px; right: 0px; width: 50px; height: 80px; line-height: 70px; } #header_lien_intranet a { color: #000000; font-size: 14px; font-weight: 400; text-decoration: none; } #header_lien_intranet a:hover { color: #E2031A; text-decoration: none; } #header_box_utilisateur { position: absolute; top: 20px; right: 0px; display: inline-block; font-size: 14px; font-style: italic; white-space: nowrap; } #header_box_utilisateur #box_uti_nom { display: block; } #header_box_utilisateur #box_uti_deco { display: block; } #header_box_utilisateur #box_uti_deco a { color: #000000; text-decoration: underline; } #header_box_utilisateur #box_uti_deco a:hover { color: #E2031A; } #header_sous_menus_vide { width: 100%; height: 65px; margin: 0px 0px 0px 0px; background: #EBEBEB; } .header_sous_menus { width: 100%; height: 65px; background: #EBEBEB; left: 0px; position: absolute; top: 80px; padding: 0px; z-index: 5; overflow: hidden; } .header_sous_menus li { display: inline-block; } .header_sous_menus li a { display: inline-block; color: #4F4F4F; font-weight: 500; font-size: 14px; padding: 22px 40px; position: relative; text-decoration: none; } .header_sous_menus li a:hover { background-color: #F8F8F8; color: #E2031A; font-weight: 700; } .header_sous_menus li a:before { content: ""; display: inline-block; width: 1px; height: 10px; background-color: #9C9C9C; vertical-align: middle; position: absolute; left: 0; top: 43%; } .header_sous_menus li.dernier_sous_menu a:after { content: ""; display: inline-block; width: 1px; height: 10px; background-color: #9C9C9C; vertical-align: middle; position: absolute; right: 0; top: 43%; } .header_sous_menus li.sous_menu_actif a { background-color: #F8F8F8; color: #E2031A; font-weight: 700; } .header_sous_menus li.sous_menu_actif a:before { display: none; } .header_sous_menus li.sous_menu_actif a:after { display: none; } #fil_ariane_container { position: relative; overflow: hidden; background-color: #F8F8F8; width: 100%; margin-top: 2px; border-bottom: 1px solid #D6D6D6; } #fil_ariane { max-width: 1280px; width: 100%; margin: 0px auto; padding: 18px 0 19px 165px; color: #000000; font-size: 12px; font-weight: 600; } #fil_ariane a { text-decoration: none; color: #000000; } #fil_ariane a:hover { color: #FF001A; } #fil_ariane .fil_texte { display: inline-block; } #fil_ariane .fil_texte:last-of-type { color: #FF001A; } #fil_ariane .fil_texte:last-of-type a { color: #FF001A; } #fil_ariane_container #bouton_back { text-decoration: none; background-color: #EBEBEB; background-image: url('./Images/back.svg'); background-position: 30px center; background-repeat: no-repeat; padding: 20px 45px 20px 70px; position: relative; z-index: 3; color: #4F4F4F; font-size: 14px; font-weight: 600; float: right; position: absolute; right: 0px; top: 0px; } #fil_ariane_container #bouton_back:hover { opacity: 0.8; } /* Styles Footer */ #footer { clear: both; position: relative; /*position: absolute; top: 1000px; left: 0px;*/ margin-top: 50px; width: 100%; color: #FFFFFF; } #footer #footer_bloc_adresse { float: left; width: 50%; height: 60px; background-color: #DB1D29; } #footer #footer_bloc_adresse #footer_adresse { width: 100%; max-width: 640px; float: right; padding: 10px 0px 0px 180px; font-weight: 400; font-size: 12px; line-height: 1.3; } #footer #footer_bloc_adresse #footer_adresse:before { content: "\e902"; margin-top: -1px; font-family: "icomoon"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 35px; float: left; margin-right: 30px; display: inline-block; width: 25px; height: 36px; } #footer #footer_bloc_tel { float: right; width: 50%; height: 60px; background-color: #C51A25; } #footer #footer_bloc_tel #footer_tel { padding: 16px 0px 0px 153px; font-size: 20px; line-height: 1; } #footer #footer_bloc_tel #footer_tel:before { content: "\e906"; margin-top: -7px; font-family: "icomoon"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 39px; float: left; margin-right: 30px; display: inline-block; width: 15px; height: 36px; } #footer #footer_bloc_liens { clear: both; display: block; margin: 0px; text-align: center; height: 60px; background-color: #B11721; padding: 18px 0px 0px 0px; } #footer #footer_bloc_liens a { text-decoration: none; font-weight: 700; font-size: 15px; color: #FFFFFF; display: inline-block; } #footer #footer_horodatage { position: absolute; top: -21px; right: 70px; font-size: 13px; font-weight: bold; color: #525252; } /* Style Content */ #content_zone_titre { display: block; position: relative; text-align: center; background-color: #F8F8F8; min-height: 116px; } .zone_titre_image { width: 100%; height: auto; text-align: center; } #content_zone_titre h1 { position: absolute; top: 42%; width: 100%; color: #FFFFFF; font-size: 42px; line-height: 1; font-weight: 700; text-shadow: -1px 2px 4px rgba(47, 47, 47, 0.84); } #content_zone_titre h1.titre_seul { color: #000000; top: 32%; text-shadow: none; } #content_zone_titre h2 { position: absolute; top: 75%; width: 100%; color: #FF001A; font-size: 18px; line-height: 1; } h3 { font-size: 18px; font-weight: 700; line-height: 1.3; letter-spacing: 1px; position: relative; text-align: center; font-style: normal; } h3:after { content: ""; display: block; width: 20px; height: 2px; background-color: #DB1D29; margin: 15px auto 0px auto; } /* HomePage Liens Catégories */ #index_bloc_liens_categories { display: block; width: 100%; text-align: center; } #index_liens_categories { max-width: 700px; width: 100%; margin: -37px auto 0px auto; position: relative; float: none; } #index_liens_categories li { list-style-type: none; } #index_liens_categories a { text-decoration: none; display: table-cell; width: 230px; background-color: #E2031A; color: #FFFFFF; font-size: 15px; font-weight: 400; text-transform: uppercase; height: 63px; vertical-align: middle; padding: 0px 10px; text-align: center; line-height: 1.3; letter-spacing: 2.3px; transition: background 0.3s ease-in; -webkit-transition: background 0.3s ease-in; -moz-transition: background 0.3s ease-in; } #index_liens_categories a:hover { background-color: #FF001A; } #index_liens_categories .flex-direction-nav a { display: inline-block; position: absolute; top: 17px; width: 31px; height: 31px; } #index_liens_categories .flex-direction-nav a.flex-prev { background-color: transparent; left: -90px; font-size: 0; } #index_liens_categories .flex-direction-nav a.flex-prev:before { content: "\e901"; font-family: "icomoon" !important; line-height: 1; font-size: 30px; width: 31px; height: 31px; float: left; color: #DB1D29; position: relative; top: 2px;} #index_liens_categories .flex-direction-nav a.flex-next { background-color: transparent; right: -45px; font-size: 0; } #index_liens_categories .flex-direction-nav a.flex-next:before { content: "\e905"; font-family: "icomoon" !important; line-height: 1; font-size: 79px; width: 31px; height: 31px; float: left; color: #DB1D29; position: relative; top: -23px; } /* Home Page Bloc identification */ #index_bloc_identification_container { display: block; max-width: 1005px; width: 100%; text-align: center; margin: 60px auto 0px auto; font-style: italic; } #index_bloc_identification_container h3 { margin: 8px 0px 24px 0px; } #index_bloc_identification { display: block; width: 100%; background-color: #F8F8F8; border: 1px solid #D0D0D0; color: #A4A5A6; padding: 25px 0px 10px 36px; } #index_bloc_identification .index_identification_colonne { display: inline-block; width: 50%; margin: 0px; float: left; text-align: left; } #index_bloc_identification .identification_input { margin: 0px 0px 25px 0px; } #index_bloc_identification .identification_input input { font-style: italic; width: 423px; height: 43px; background-color: #FFFFFF; border: 1px solid #DBDBDB; padding: 0px 10px; font-size: 14px; color: #000000; box-shadow: 2px 2px 2px #DBDBDB; } #index_bloc_identification .identification_checkbox { margin: 0px 0px 16px 0px; } #index_bloc_identification .identification_checkbox input { margin: 0px 15px 0px 0px; box-shadow: 2px 2px 2px #DBDBDB; } #index_bloc_identification .form_message { clear: both; display: block; width: 75%; margin: 0px auto 10px auto; background-color: #FFE8EB; color: #E2001A; border: 1px solid #E2001A; font-weight: bold; padding: 8px 20px; } #index_bloc_identification #index_identification_submit { clear: both; display: block; width: 100%; } #index_bloc_identification #index_identification_submit input { display: block; width: 220px; height: 44px; cursor: pointer; text-align: center; margin: 0px auto 0px; background-color: #E2031A; color: #FFFFFF; font-weight: 600; font-size: 13px; line-height: 44px; border-radius: 5px; -moz-border-radius: 5px; transition: background 0.3s ease-in; -webkit-transition: background 0.3s ease-in; -moz-transition: background 0.3s ease-in; } #index_bloc_identification #index_identification_submit input:hover { background-color: #FF001A; } #index_bloc_identification #index_identification_message_engagement { font-size: 12px; margin: 10px 0px 0px 0px; } /* Home Page Bloc Tops Produits */ #index_tops_produits_container { display: block; width: 100%; text-align: center; margin: 60px auto 0px auto; } #index_tops_produits_container h3 { margin: 8px 0px 24px 0px; } #index_tops_produits { max-width: 1140px; width: 100%; margin: 0px auto 0px auto; position: relative; float: none; } #index_tops_produits li { list-style-type: none; } #index_tops_produits a { text-decoration: none; display: block; } #index_tops_produits .index_top_produit_bloc { background-color: #FFFFFF; border: 1px solid #D9D9D9; position: relative; padding-bottom: 20px; text-align: center; height: 270px } #index_tops_produits .index_top_produit_bloc .index_top_produit_image { width: 100%; height: 180px; } #index_tops_produits .index_top_produit_bloc .index_top_produit_image img { max-width: 100%; max-height: 180px; width: auto; height: auto; } #index_tops_produits .index_top_produit_bloc .index_top_produit_nom { font-size: 16px; color: #000000; font-weight: 700; padding: 0px 3px; line-height: 1.3; margin: 8px 0px 7px 0px; line-height: 1; } #index_tops_produits .index_top_produit_bloc .index_top_produit_libelle { font-size: 14px; font-weight: 500; line-height: 1.3; color: #0F2239; } #index_tops_produits_lien_tous { display: block; margin: 25px auto 0px auto; } #index_tops_produits_lien_tous a { display: block; width: 220px; height: 44px; text-decoration: none; text-align: center; margin: 0px auto 0px; background-color: #E2031A; color: #FFFFFF; font-weight: 600; font-size: 13px; line-height: 44px; border-radius: 5px; -moz-border-radius: 5px; transition: background 0.3s ease-in; -webkit-transition: background 0.3s ease-in; -moz-transition: background 0.3s ease-in; } #index_tops_produits_lien_tous a:hover { background-color: #FF001A; } #index_tops_produits .flex-direction-nav a { display: inline-block; position: absolute; top: 50%; width: 24px; height: 35px; } #index_tops_produits .flex-direction-nav a.flex-prev { background-color: transparent; left: -55px; font-size: 0; } #index_tops_produits .flex-direction-nav a.flex-prev:before { content: "\e900"; font-family: "icomoon" !important; line-height: 1; font-size: 33px; width: 24px; height: 35px; float: left; color: #E0E0E0; position: relative; } #index_tops_produits .flex-direction-nav a.flex-prev:hover:before { color: #FF001A; } #index_tops_produits .flex-direction-nav a.flex-next { background-color: transparent; right: -32px; font-size: 0; } #index_tops_produits .flex-direction-nav a.flex-next:before { content: "\e904"; font-family: "icomoon" !important; line-height: 1; font-size: 33px; width: 24px; height: 35px; float: left; color: #E0E0E0; position: relative; } #index_tops_produits .flex-direction-nav a.flex-next:hover:before { color: #FF001A; } /* Home Page Blocs statiques */ #index_contenu { display: block; max-width: 870px; width: 100%; margin: 60px auto 0px auto; position: relative; } #index_contenu .index_box_statique { vertical-align: top; background-color: #FFFFFF; border: 1px solid #E6E6E6; position: relative; width: 400px; min-height: 440px; display: inline-block; margin: 26px 0px 2px 0px; padding: 0px; box-shadow: 2px 2px 2px #DBDBDB; color: #000000; text-decoration: none; } #index_contenu .index_box_statique:first-of-type { margin-right: 65px; } #index_contenu .index_box_statique #content_zone_titre { display: none; } #index_contenu .index_box_statique #page_statique { margin-top: 0px; } /* Home Actualités défilantes */ #index_contenu #box_actualite_defilantes { display: block; width: 100%; text-align: center; margin: 0px auto 0px auto; overflow: hidden; } #index_contenu #box_actualite_defilantes .actualite_defilante { cursor: default; text-align: left; vertical-align: top; background-color: #FFFFFF; border: 1px solid #E6E6E6; position: relative; width: 400px; min-height: 440px; display: inline-block; margin: 26px 0px 2px 0px; padding: 0px; box-shadow: 2px 2px 2px #DBDBDB; color: #000000; text-decoration: none; overflow: hidden; text-decoration: none; } #index_contenu #box_actualite_defilantes .actualite_defilante.actudef_aveclien { cursor: pointer; } #index_contenu #box_actualite_defilantes .actualite_defilante .actudef_image img { width: 400px; height: auto; max-height: 440px; } #index_contenu #box_actualite_defilantes .actualite_defilante .actudef_titre { padding: 30px 30px 0px 30px; font-weight: bold; } #index_contenu #box_actualite_defilantes .actualite_defilante .actudef_desc.actudef_avec_titre { padding: 0px 30px 0px 30px; } #index_contenu #box_actualite_defilantes .flex-direction-nav a { display: inline-block; position: absolute; top: 54%; width: 24px; height: 35px; } #index_contenu #box_actualite_defilantes .flex-direction-nav a.flex-prev { background-color: transparent; left: -55px; font-size: 0; } #index_contenu #box_actualite_defilantes .flex-direction-nav a.flex-prev:before { content: "\e900"; font-family: "icomoon" !important; line-height: 1; font-size: 33px; width: 24px; height: 35px; float: left; color: #E0E0E0; position: relative; } #index_contenu #box_actualite_defilantes .flex-direction-nav a.flex-prev:hover:before { color: #FF001A; } #index_contenu #box_actualite_defilantes .flex-direction-nav a.flex-next { background-color: transparent; right: -32px; font-size: 0; } #index_contenu #box_actualite_defilantes .flex-direction-nav a.flex-next:before { content: "\e904"; font-family: "icomoon" !important; line-height: 1; font-size: 33px; width: 24px; height: 35px; float: left; color: #E0E0E0; position: relative; } #index_contenu #box_actualite_defilantes .flex-direction-nav a.flex-next:hover:before { color: #FF001A; } #index_contenu #box_actualite_defilantes ol.flex-control-nav { text-align: center; margin-top: 20px; } #index_contenu #box_actualite_defilantes ol.flex-control-nav li { list-style-type: none; display: inline-block; vertical-align: middle; height: 24px; font-family: "Raleway", Sans-Serif; font-weight: 300; font-size: 20px; margin-bottom: 10px; line-height: 1.2; position: relative; padding-left: 0px; float: none; } #index_contenu #box_actualite_defilantes ol.flex-control-nav li a { display: inline-block; text-indent: 99999px; width: 4px; height: 4px; background-color: #000000; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; margin: 0px 8px; vertical-align: middle; } #index_contenu #box_actualite_defilantes ol.flex-control-nav li a:hover { background-color: #FFFFFF; border: 7px solid #DB1D29; margin: 0px 1px; } #index_contenu #box_actualite_defilantes ol.flex-control-nav li a.flex-active { background-color: #FFFFFF; border: 7px solid #DB1D29; margin: 0px 1px; } /* Page Tops Produtis */ #page_tops_produits { display: block; max-width: 900px; width: 100%; margin: 36px auto 0px auto; position: relative; } #page_tops_produits .top_produit { display: block; width: 100%; border: 1px solid #D9D9D9; position: relative; margin-bottom: 20px; padding: 0px; min-height: 242px; } #page_tops_produits .top_produit table { width: 100%; height: 242px; } #page_tops_produits .top_produit td { vertical-align: middle; } #page_tops_produits .top_produit .top_produit_image { width: 315px; padding-right: 15px; text-align: center; } #page_tops_produits .top_produit .top_produit_image img { max-width: 300px; max-height: 242px; width: auto; height: auto; } #page_tops_produits .top_produit .top_produit_infos { text-align: left; padding-left: 15px; } #page_tops_produits .top_produit .top_produit_nom_produit { font-weight: bold; color: #FF001A; } #page_tops_produits .top_produit .top_produit_nom_produit:before { content: ""; display: inline-block; width: 7px; height: 7px; background-color: #FF001A; vertical-align: middle; margin: 0px 8px 2px 0px; } #page_tops_produits .top_produit .top_produit_savoir_plus { margin: 25px 0px 0px 0px; } #page_tops_produits .top_produit .top_produit_savoir_plus a { font-size: 12px; color: #7B7B7B; margin: 0px; background-image: url('./Images/fleche_lien_rouge.gif'); background-repeat: no-repeat; background-position: left 3px; padding: 0px 0px 0px 7px; text-decoration: none; margin-left: 8px; } #page_tops_produits .top_produit .top_produit_savoir_plus a:hover { color: #FF001A; } /* Pages Statiques */ #page_statique { display: block; max-width: 900px; width: 100%; margin: 36px auto 0px auto; position: relative; } #page_statique h3 { font-size: 1.125rem; } /* Spécifique page statique "Vision & Valeurs" */ .page_vision_valeurs_bloc_vision, .page_vision_valeurs_bloc_mission { width: 100%; float: left; margin-bottom: 50px; padding-bottom: 30px; border-bottom: 1px solid #E5E5E5; position: relative; } .page_vision_valeurs_bloc_vision_inner, .page_vision_valeurs_bloc_mission_inner, .page_vision_valeurs_bloc_valeurs_inner { max-width: 675px; display: block; width: 100%; margin: 0px auto; } .page_vision_valeurs_bloc_valeurs_inner { max-width: 1000px; } .page_vision_valeurs_bloc_vision:after, .page_vision_valeurs_bloc_mission:after { content: ""; -moz-box-shadow: inset 1px 1px 0px 0px #d6d6d6; -webkit-box-shadow: inset 1px 1px 0px 0px #d6d6d6; -o-box-shadow: inset 1px 1px 0px 0px #d6d6d6; box-shadow: inset 1px 1px 0px 0px #d6d6d6; -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg); width: 12px; height: 12px; position: absolute; bottom: -7px; background-color: #FFFFFF; left: 50%; margin-left: -7px; } .page_vision_valeurs_bloc_vision h3, .page_vision_valeurs_bloc_mission h3, .page_vision_valeurs_bloc_valeurs h3 { text-align: left; color: #DB1D29; font-family: "Raleway"; font-size: 45px !important; font-weight: 400; position: relative; top: 70px; z-index: 10; } .page_vision_valeurs_bloc_valeurs h3 { top: 35px; left: 49%; width: 100%; clear: both; } .page_vision_valeurs_bloc_vision h3:after, .page_vision_valeurs_bloc_mission h3:after, .page_vision_valeurs_bloc_valeurs h3:after { display: none; } .page_vision_valeurs_bloc_vision h3 { text-align: right; padding-right: 25%; } .page_vision_valeurs_bloc_vision ul li, .page_vision_valeurs_bloc_mission ul li { line-height: 1.6rem; color: #676767; } .page_vision_valeurs_bloc_vision li, .page_vision_valeurs_bloc_mission li { position: relative; float: left; } .page_vision_valeurs_bloc_vision .img-slide { position: relative; float: left; } .page_vision_valeurs_bloc_mission .img-slide { position: relative; float: right; } .page_vision_valeurs_bloc_vision .img-slide:before, .page_vision_valeurs_bloc_mission .img-slide:before { content: ""; border: 8px solid rgba(255, 255, 255, 0.4); box-sizing: border-box; border-radius: 150px; width: 225px; height: 225px; position: absolute; top: 0px; left: 0px; } .page_vision_valeurs_bloc_vision .img-slide img, .page_vision_valeurs_bloc_mission .img-slide img { border-radius: 150px; width: 226px; height: 226px; vertical-align: middle; } .page_vision_valeurs_bloc_vision .discrption, .page_vision_valeurs_bloc_mission .discrption { float: right; width: 100%; max-width: 380px; margin: 85px 0px 0px 0px; color: #000000; font-size: 1rem; font-weight: 500; line-height: 1.4rem; margin-bottom: 25px; text-align: justify; } .page_vision_valeurs_bloc_mission .discrption { float: left; } .page_vision_valeurs_bloc_vision ol.flex-control-nav, .page_vision_valeurs_bloc_mission ol.flex-control-nav { text-align: center; } .page_vision_valeurs_bloc_vision ol.flex-control-nav li, .page_vision_valeurs_bloc_mission ol.flex-control-nav li { list-style-type: none; display: inline-block; vertical-align: middle; height: 24px; font-family: "Raleway", Sans-Serif; font-weight: 300; font-size: 20px; margin-bottom: 10px; line-height: 1.2; position: relative; padding-left: 0px; float: none; } .page_vision_valeurs_bloc_vision ol.flex-control-nav li a, .page_vision_valeurs_bloc_mission ol.flex-control-nav li a { display: inline-block; text-indent: 99999px; width: 4px; height: 4px; background-color: #000000; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; margin: 0px 8px; vertical-align: middle; } .page_vision_valeurs_bloc_vision ol.flex-control-nav li a:hover, .page_vision_valeurs_bloc_mission ol.flex-control-nav li a:hover { background-color: #FFFFFF; border: 7px solid #DB1D29; margin: 0px 1px; } .page_vision_valeurs_bloc_vision ol.flex-control-nav li a.flex-active, .page_vision_valeurs_bloc_mission ol.flex-control-nav li a.flex-active { background-color: #FFFFFF; border: 7px solid #DB1D29; margin: 0px 1px; } .page_vision_valeurs_bloc_valeurs #bx-pager { width: 260px; height: 260px; position: relative; background-image: url(./Images/ValeursBackRoues.png); background-size: 100% 100%; } .page_vision_valeurs_bloc_valeurs #bx-pager a { position: absolute; width: 125px; transition: all 0.3s ease-out; text-decoration: none; color: #9E9E9E; } .page_vision_valeurs_bloc_valeurs #bx-pager a:before { background-position: left top; background-repeat: no-repeat; } .page_vision_valeurs_bloc_valeurs #bx-pager a.bx-pager-0 { top: 29px; left: 29px; } .page_vision_valeurs_bloc_valeurs #bx-pager a.bx-pager-0:before { content: ""; top: -24px; left: -23px; width: 134px; height: 104px; background-size: 100% 100%; z-index: 10; } .page_vision_valeurs_bloc_valeurs #bx-pager a.bx-pager-0.active::before { content: ""; background-image: url(./Images/ValeursBackRoues_Active1.png); position: absolute; } .page_vision_valeurs_bloc_valeurs #bx-pager a.bx-pager-0:before { content: ""; top: -24px; left: -23px; width: 134px; height: 104px; background-size: 100% 100%; z-index: 10; } .page_vision_valeurs_bloc_valeurs #bx-pager a.bx-pager-1 { top: 31px; left: 110px; } .page_vision_valeurs_bloc_valeurs #bx-pager a.bx-pager-1.active::before { content: ""; background-image: url(./Images/ValeursBackRoues_Active2.png); position: absolute; } .page_vision_valeurs_bloc_valeurs #bx-pager a.bx-pager-1:before { content: ""; position: absolute; top: -25px; left: 12px; width: 142px; height: 100px; } .page_vision_valeurs_bloc_valeurs #bx-pager a.bx-pager-2 { top: 94px; left: 116px; } .page_vision_valeurs_bloc_valeurs #bx-pager a.bx-pager-2.active::before { content: ""; background-image: url(./Images/ValeursBackRoues_Active3.png); position: absolute; } .page_vision_valeurs_bloc_valeurs #bx-pager a.bx-pager-2:before { content: ""; position: absolute; top: -8px; left: 70px; width: 70px; height: 150px; } .page_vision_valeurs_bloc_valeurs #bx-pager a.bx-pager-3 { top: 127px; left: 64px; } .page_vision_valeurs_bloc_valeurs #bx-pager a.bx-pager-3.active::before { content: ""; background-image: url(./Images/ValeursBackRoues_Active4.png); position: absolute; } .page_vision_valeurs_bloc_valeurs #bx-pager a.bx-pager-3:before { content: ""; position: absolute; top: 81px; left: -16px; width: 160px; height: 47px; } .page_vision_valeurs_bloc_valeurs #bx-pager a.bx-pager-4 { top: 95px; left: 21px; width: 115px; } .page_vision_valeurs_bloc_valeurs #bx-pager a.bx-pager-4.active::before { content: ""; background-image: url(./Images/ValeursBackRoues_Active5.png); position: absolute; } .page_vision_valeurs_bloc_valeurs #bx-pager a.bx-pager-4:before { content: ""; position: absolute; top: -18px; left: -16px; width: 62px; height: 155px; } .page_vision_valeurs_bloc_valeurs #bx-pager .titre-pager { position: absolute; font-family: "Raleway"; font-size: 0.875rem; color: #9E9E9E; transition: all 0.3s ease-out; width: 140px; font-weight: 500; } .page_vision_valeurs_bloc_valeurs #bx-pager .active .titre-pager { color: #DB1D29; font-weight: 700; } .page_vision_valeurs_bloc_valeurs #bx-pager .titre-pager-0 { top: -32px; right: 123px; text-align: right; } .page_vision_valeurs_bloc_valeurs #bx-pager .titre-pager-1 { top: -32px; left: 114px; } .page_vision_valeurs_bloc_valeurs #bx-pager .titre-pager-2 { top: 35px; left: 152px; width: 100px; } .page_vision_valeurs_bloc_valeurs #bx-pager .titre-pager-3 { top: 135px; left: -13px; text-align: center; } .page_vision_valeurs_bloc_valeurs #bx-pager .titre-pager-4 { top: 50px; right: 145px; text-align: right; } .page_vision_valeurs_bloc_valeurs .page_vision_valeurs_bloc_valeurs_textes { max-width: 500px; position: relative; right: 0; float: right; width: 100%; margin-top: 30px; } .page_vision_valeurs_bloc_valeurs .page_vision_valeurs_bloc_valeurs_textes li { padding-left: 15px; } .page_vision_valeurs_bloc_valeurs .page_vision_valeurs_bloc_valeurs_textes h4 { line-height: 1.6rem; color: #DB1D29; font-family: "Raleway"; font-size: 20px !important; font-weight: 300; margin: 30px 0px 6px 0px; } .page_vision_valeurs_bloc_valeurs .page_vision_valeurs_bloc_valeurs_textes .discrption { width: 485px !important; font-size: 1.4rem; color: #000000; font-size: 1rem; font-weight: 500; margin-bottom: 25px; text-align: justify; } .page_vision_valeurs_bloc_valeurs .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } /* Page Recherche */ #page_recherche { display: block; max-width: 900px; width: 100%; margin: 0px auto; position: relative; } #page_recherche #recherche_input { display: block; width: 100%; margin: 20px 0px 0px 0px; position: relative; } #page_recherche #recherche_input input { width: 100%; max-width: 773px; height: 59px; background-color: #FFFFFF; border: 1px solid #DBDBDB; padding: 0px 10px; font-size: 14px; color: #000000; } #page_recherche #recherche_parametre { font-size: 14px; } #page_recherche #recherche_parametre .recherche_submit { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background 0.3s ease-in; -webkit-transition: background 0.3s ease-in; -moz-transition: background 0.3s ease-in; padding: 20px 36px; margin: 0px 0px 1rem; background-color: #E2031A; color: #FFFFFF; font-weight: 600; font-size: 16px; vertical-align: middle; border: 1px solid transparent; } #page_recherche #recherche_parametre .recherche_submit:hover { background-color: #FF001A; } #page_recherche #recherche_parametre span { margin-left: 25px; } #page_recherche #recherche_parametre input { margin-left: 10px; cursor: pointer; } #page_recherche #recherche_parametre label { margin-left: 5px; cursor: pointer; } #page_recherche #recherche_resultats #recherche_stats { font-size: 18px; font-weight: 500; margin-top: 25px; border-bottom: 1px solid #E7E7E7; padding-bottom: 35px; } #page_recherche #recherche_resultats.tri_arbo #recherche_stats { border-bottom: 0px; } #page_recherche #recherche_resultats #recherche_stats #recherche_stats_rappel_recherche { display: inline-block; font-weight: 600; color: #E2031A; } #page_recherche #recherche_resultats #recherche_resultat_aucun { font-size: 18px; font-weight: 700; line-height: 1.3; letter-spacing: 1px; position: relative; text-align: left; font-style: normal; } #page_recherche #recherche_resultats .recherche_resultats_ligne { margin-top: 20px; border-bottom: 1px solid #E7E7E7; padding-bottom: 35px; } #page_recherche #recherche_resultats .recherche_resultats_ligne .recherche_resultats_ligne_nom a { color: #E2031A; font-size: 16px; font-weight: 600; margin-bottom: 6px; display: block; text-decoration: none; } #page_recherche #recherche_resultats .recherche_resultats_ligne .recherche_resultats_ligne_nom a:before { content: ""; display: inline-block; width: 3px; height: 3px; background-color: #DB1D29; margin-right: 6px; vertical-align: middle; } #page_recherche #recherche_resultats .recherche_resultats_ligne .recherche_resultats_ligne_lien { display: block; } #page_recherche #recherche_resultats .recherche_resultats_ligne .recherche_resultats_ligne_lien a { font-size: 12px; color: #7B7B7B; margin: 0px; background-image: url('./Images/fleche_lien_rouge.gif'); background-repeat: no-repeat; background-position: left 3px; padding: 0px 0px 0px 7px; text-decoration: none; margin-left: 8px; } #page_recherche #recherche_resultats .recherche_resultats_ligne .recherche_resultats_ligne_lien a:hover { color: #FF001A; } /*#page_recherche #recherche_resultats .zone_arbo_bar { border-top: 1px solid #DB1D29; cursor: pointer; color: #000000; font-size: 22px; font-weight: 800; text-transform: uppercase; padding: 15px 0px; display: block; overflow: hidden; position: relative; z-index: 5; background-color: #FFFFFF; } #page_recherche #recherche_resultats .zone_arbo_bar.active { color: #DB1D29 } #page_recherche #recherche_resultats .zone_arbo_bar:hover { color: #DB1D29; } #page_recherche #recherche_resultats .zone_arbo_bar:before { content: ""; display: inline-block; width: 8px; height: 8px; background-color: #DB1D29; vertical-align: middle; margin-right: 11px; } #page_recherche #recherche_resultats .zone_arbo_bar:after { content: "+"; display: inline-block; font-weight: 300; font-size: 60px; color: #DB1D29; vertical-align: middle; margin-right: 11px; line-height: 50%; float: right; } #page_recherche #recherche_resultats .zone_header_arbo.active .zone_arbo_bar:after { content: "-"; } */ #page_recherche #recherche_resultats.tri_arbo { border-bottom: 1px solid #DB1D29; } /*#page_recherche #recherche_resultats.tri_arbo .recherche_resultats_arbo_contenu { margin-bottom: 25px; border-top: 1px solid #EE8D94; height: auto; opacity: 1; padding: 30px 40px 20px; position: relative; overflow: visible; z-index: 3; transition: opacity 0.5s ease-in; -webkit-transition: opacity 0.5s ease-in; -moz-transition: opacity 0.5s ease-in; -ms-transition: opacity 0.5s ease-in; } #page_recherche #recherche_resultats.tri_arbo .recherche_resultats_arbo_contenu:before { content: ""; display: inline-block; position: absolute; top: -9px; left: 67px; width: 16px; height: 16px; background-color: #FFFFFF; border: 1px solid #DB1D29; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); } */ /* Page Bibliographie */ #content_zone_titre.bandeau_page_biblio h1 { top: 15%; } #biblio_recherche { position: absolute; top: 55%; background-color: #000000; opacity: 0.4; width: 100%; height: 95px; } #biblio_recherche_form { position: absolute; top: 60%; width: 100%; } #biblio_recherche_form_inner { width: 1260px; margin: 0px auto; } #biblio_recherche_form input { width: 100%; max-width: 265px; height: 59px; background-color: #FFFFFF; border: 1px solid #DBDBDB; padding: 0px 10px; font-size: 14px; color: #000000; } #biblio_recherche_form input.biblio_recherche_submit { font-style: normal; max-width: 135px; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background 0.3s ease-in; -webkit-transition: background 0.3s ease-in; -moz-transition: background 0.3s ease-in; background-color: #E2031A; color: #FFFFFF; font-weight: 600; font-size: 16px; vertical-align: middle; border: 1px solid transparent; } #biblio_recherche_form input.biblio_recherche_submit:hover { background-color: #FF001A; } #biblio_recherche_form .biblio_recherche_form_container_input { position: relative; display: inline-block; margin-right: 10px; vertical-align: bottom; } #biblio_recherche_form .biblio_recherche_form_container_input .form_mention_obligatoire { position: absolute; top: 24%; right: 23px; } #page_biblio { display: block; max-width: 900px; width: 100%; margin: 60px auto 0px auto; position: relative; } #page_biblio #recherche_biblio_resultats .biblio_recherche_aucun_resultat { font-size: 18px; font-weight: 700; line-height: 1.3; letter-spacing: 1px; position: relative; text-align: left; font-style: normal; } #page_biblio #recherche_biblio_resultats .biblio { margin-top: 20px; border-bottom: 1px solid #E7E7E7; padding-bottom: 25px; } #page_biblio #recherche_biblio_resultats .biblio .biblio_titre { color: #000000; font-size: 16px; font-weight: 600; margin-bottom: 6px; display: block; text-decoration: none; } #page_biblio #recherche_biblio_resultats .biblio .biblio_titre:before { content: ""; display: inline-block; width: 3px; height: 3px; background-color: #DB1D29; margin-right: 6px; vertical-align: middle; } #page_biblio #recherche_biblio_resultats .biblio .biblio_descriptif { margin: 5px 0px 0px 0px; color: #9E9E9E; } #page_biblio #recherche_biblio_resultats .biblio .biblio_champs { margin: 20px 0px 0px 0px; color: #7B7B7B; } #page_biblio #recherche_biblio_resultats .biblio .biblio_lien_telecharger { margin-top: 25px; overflow: hidden; width: 135px; height: 39px; } #page_biblio #recherche_biblio_resultats .biblio .biblio_lien_telecharger a { margin: 0px; padding: 0px; font-style: normal; max-width: 135px; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background 0.3s ease-in; -webkit-transition: background 0.3s ease-in; -moz-transition: background 0.3s ease-in; background-color: #E2031A; color: #FFFFFF; font-weight: 600; font-size: 16px; vertical-align: middle; border: 1px solid transparent; } #page_biblio #recherche_biblio_resultats .biblio .biblio_lien_telecharger a:before { content: "Télécharger"; display: block; width: 135px; height: 39px; line-height: 39px; color: #FFFFFF; } #page_biblio #recherche_biblio_resultats .biblio .biblio_lien_telecharger a:hover { background-color: #FF001A; } .biblio_lien_telecharger a { display: block; background: transparent url('./../Templates_client_septodont/Images/fleche_lien_rouge.gif') no-repeat left 3px; color: #303131; font-family: Helvetica, Arial; font-size: 10px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 7px; text-decoration: none; text-align: left; text-transform: none; } .biblio_lien_telecharger a:hover { color: #E2001A; } #page_biblio #recherche_biblio_resultats .biblio .recherche_resultats_ligne_lien { display: block; } #page_biblio #recherche_biblio_resultats .biblio .recherche_resultats_ligne_lien a { font-size: 12px; color: #7B7B7B; margin: 0px; background-image: url('./Images/fleche_lien_rouge.gif'); background-repeat: no-repeat; background-position: left 3px; padding: 0px 0px 0px 7px; text-decoration: none; margin-left: 8px; } #page_biblio #recherche_biblio_resultats .biblio .recherche_resultats_ligne_lien a:hover { text-decoration: underline; } /* Page Contact */ #page_contact { display: block; max-width: 1280px; width: 100%; margin: 36px auto 0px auto; position: relative; } #page_contact #content_zone_titre { display: none; } #page_contact .contact_colonne_champ_contact { width: 545px; vertical-align: top; text-align: right; padding: 0px 0px 20px 0px; } #page_contact .contact_colonne_page_statique { width: 735px; vertical-align: top; padding: 0px 0px 20px 25px; position: relative; } #page_contact .champ_contact_libelle { display: inline-block; width: 320px; padding: 0px 32px 0px 0px; text-align: right; } #page_contact .contact_colonne_champ_contact_message .champ_contact_libelle { padding-top: 10px; vertical-align: top; } #page_contact .champ_contact_input { display: inline-block; padding: 0px; text-align: left; } #page_contact .champ_contact_input input { width: 220px; height: 43px; background-color: #FFFFFF; border: 1px solid #DBDBDB; padding: 0px 10px; font-size: 14px; color: #000000; } #page_contact .champ_contact_input textarea { width: 575px; background-color: #FFFFFF; border: 1px solid #DBDBDB; padding: 0px 10px; font-size: 14px; color: #000000; } #page_contact .champ_contact_input .chosen-container-single .chosen-single { height: 43px; line-height: 43px; } #page_contact .champ_contact_input .chosen-container-single.chosen-with-drop .chosen-single { height: 43px; line-height: 43px; } #page_contact #page_statique { margin: 0px auto 0px auto; height: 630px; overflow: hidden; } #page_contact .decoration_champ_message { position: absolute; left: 25px; bottom: 20px; } #page_contact .contact_captcha { display: inline-block; margin: 20px 0px 0px 320px; vertical-align: top; } #page_contact .contact_captcha img { vertical-align: middle; } #page_contact .contact_captcha input { height: 43px; background-color: #FFFFFF; border: 1px solid #DBDBDB; padding: 0px 10px; font-size: 14px; color: #000000; } #page_contact .contact_submit { display: inline-block; margin: 20px 0px 0px 25px; height: 59px; font-style: normal; width: 135px; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background 0.3s ease-in; -webkit-transition: background 0.3s ease-in; -moz-transition: background 0.3s ease-in; background-color: #E2031A; color: #FFFFFF; font-weight: 600; font-size: 16px; vertical-align: middle; border: 1px solid transparent; } #page_contact .contact_submit:hover { background-color: #FF001A; } /* Page Présence internationale */ #page_presinter { display: block; max-width: 980px; width: 100%; margin: 70px auto 0px auto; position: relative; } #page_presinter_carte_container { width: 100%; max-width: 980px; margin: 0px auto; position: relative; } #page_presinter_carte { width: 855px; height: 465px; position: relative; margin: 0px auto; } #page_presinter_carte_legende { position: absolute; bottom: 5px; left: 16px; text-align: left; font-size: 0.75rem; padding: 6px 0px; } #page_presinter_carte_legende .carte_legende { display: block; color: #000000; padding: 0px 0px 0px 20px; margin: 0px; font-weight: 600; white-space: pre-line; width: 155px; position: relative; } #page_presinter_carte_legende .carte_legende:before { content: ""; position: absolute; left: 0px; display: block; width: 12px; height: 12px; } #page_presinter_carte_legende .carte_legende.carte_legende_orange:before { background-color: #F7953A; top: 20%; } #page_presinter_carte_legende .carte_legende.carte_legende_rouge:before { background-color: #FE0000; top: 33%; } #page_presinter_carte_legende .carte_legende:first-child { margin-bottom: 45px; } #page_presinter_carte .filiale_custom_label { position: absolute; background-color: #FFFFFF; color: #EC3235; text-transform: uppercase; border: 1px solid #EC3235; padding: 6px 8px; font-size: 0.75rem; display: inline; font-family: Arial, sans-serif; } #page_presinter_carte .filiale_custom_label:after { background-image: url(./Images/MapMarkerFleche.png); background-repeat: no-repeat; bottom: -9px; content: ""; position: absolute; left: 55px; margin-left: -44px; height: 9px; width: 12px; } #page_presinter_liste { display: block; width: 100%; margin-top: 50px; } #page_presinter_liste .page_presinter_titre_recherche { font-size: 1rem; font-weight: 800; margin-bottom: 12px; display: inline-block; } #presinter_liste_recherche { position: relative; } #presinter_liste_recherche:before { content: "\e908"; font-family: "icomoon" !important; line-height: 1; font-size: 16px; color: #BFBFBF; position: absolute; top: 37%; left: 2%; } #presinter_liste_recherche .recherche_pays { background-color: #FFFFFF; border: 1px solid #DBDBDB; padding: 0px 10px; font-size: 14px; color: #000000; width: 780px; height: 58px; padding-left: 55px; } #presinter_liste_recherche .recherche_submit { vertical-align: top; border: 1px solid transparent; cursor: pointer; height: 58px; padding: 20px 36px; background-color: #E2031A; color: #FFFFFF; font-weight: 600; font-size: 16px; border-radius: 0; transition: background 0.3s ease-in; -webkit-transition: background 0.3s ease-in; -moz-transition: background 0.3s ease-in; display: inline-block; text-align: center; line-height: 1; margin: 0px; } #presinter_liste_recherche .recherche_submit { vertical-align: top; border: 1px solid transparent; cursor: pointer; height: 58px; padding: 20px 36px; background-color: #E2031A; color: #FFFFFF; font-weight: 600; font-size: 16px; border-radius: 0; transition: background 0.3s ease-in; -webkit-transition: background 0.3s ease-in; -moz-transition: background 0.3s ease-in; display: inline-block; text-align: center; line-height: 1; margin: 0px; } #presinter_recherche_resultats_rappel_pays { font-size: 18px; font-weight: 600; width: 100%; border-bottom: 1px solid #ACACAC; margin-top: 45px; padding-bottom: 4px; } .presinter_recherche_resultats_liste { display: inline-block; float: left; width: 33.33333%; padding: 0px 22px 0px 0px; margin: 40px 0px 40px 0px; } .presinter_recherche_resultats_liste h3 { text-transform: uppercase; font-size: 1rem; font-weight: 600; padding: 0px; text-align: left; } .presinter_recherche_resultats_liste h3:after { display: none; } #presinter_recherche_resultats_liste_filiale h3 { color: #DB1D29; border-bottom: 1px solid #DB1D29; } #presinter_recherche_resultats_liste_distrib h3 { color: #F99336; border-bottom: 1px solid #F99336; } .distrib_infos { font-size: 0.875rem; font-weight: 400; } .distrib_sep { display: block; height: 21px; } .liste_division_filiale { position: absolute; top: 30% !important; left: 40% !important; } .liste_division_filiale.ui-widget { font-family: Arial, sans-serif; font-size: 0.75rem; font-weight: 400; } .liste_division_filiale.ui-dialog { font-family: Arial, sans-serif; vertical-align: middle; outline: none; padding: 0px; font-size: 0.75rem; border: 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); } .liste_division_filiale .ui-dialog-titlebar { padding: .4em 1em; position: relative; background-color: #DF031D; background-image: none; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; -o-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; height: 34px; vertical-align: middle; padding-left: 10px; color: #FFFFFF; line-height: 2; font-weight: bold; text-transform: uppercase; width: 100%; border: 0px; cursor: auto; } .liste_division_filiale .ui-dialog-titlebar-close { background-image: url(./Images/DialogClose.png); background-repeat: no-repeat; background-position: center center; width: 20px; border: 0px; background-color: transparent; outline: none; margin-right: 8px; cursor: pointer; position: absolute; top: 50%; right: 0px; } .liste_division_filiale .ui-dialog-titlebar-close span { display: none; } .liste_division_filiale .ui-dialog-content { padding: 22px; } .liste_division_filiale .ui-state-focus, .liste_division_filiale .ui-widget-content .ui-state-focus, .liste_division_filiale .ui-widget-header .ui-state-focus { background-image: url(./Images/DialogClose.png); background-color: transparent; } .liste_division_filiale .division_libelle { position: relative; padding: 6px 0px 6px 24px; text-transform: uppercase !important; line-height: 1.5; } .liste_division_filiale img { position: absolute; top: 15%; left: 0px; } .liste_division_filiale .division_AGENCE_COM img { top: 25%; } .liste_division_filiale .division_SITE_PRODUCTION_X3 img { top: 25%; } /* Pages Produits Sommaire (Catégories et FDS) */ #page_categories, #page_produits_fds { display: block; max-width: 702px; width: 100%; margin: 0px auto 0px auto; position: relative; } #page_produits_fds { max-width: 784px; } .page_produits_categories_blocs_lien_sommaire { display: inline-block; width: 100%; margin: 36px auto 36px auto; text-align: center; } .page_produits_categories_blocs_lien_sommaire a.lien_sommaire { display: inline-block; text-decoration: none; margin: 0px; padding: 10px 20px 8px 20px; color: #E2031A; font-size: 11px; font-weight: 600; text-transform: uppercase; border: 1px solid #E2031A; transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; } .page_produits_categories_blocs_lien_sommaire a.lien_sommaire:hover { background-color: #E2031A; border-color: #E2031B; color: #FFFFFF; } .page_produits_categories_blocs_lien_sommaire a.lien_sommaire.lien_sommaire_actif { background-color: #E2031A; border-color: #E2031B; color: #FFFFFF; } #page_produits_categories_liens { position: absolute; top: 0px; left: -235px; } #page_produits_categories_liens a.page_produits_categories_lien { display: block; text-decoration: none; color: #87888A; width: 111px; height: 111px; margin-bottom: 16px; border: 1px solid #ACADAF; text-align: center; text-transform: uppercase; font-size: 11px; font-weight: bold; } #page_produits_categories_liens a.page_produits_categories_lien:hover { color: #FFFFFF; background-color: #2D395B; } #page_produits_categories_liens a.lien_site_production { padding: 56px 0px 0px 0px; background-image: url('./Images/IconePlay_Gris.png'); background-position: center 20px; background-repeat: no-repeat; } #page_produits_categories_liens a.lien_site_production:hover { background-image: url('./Images/IconePlay_Blanc.png'); } #page_produits_categories_liens a.lien_form_prescription { padding: 68px 0px 0px 0px; background-image: url('./Images/IconeFormPrescription_Gris.png'); background-position: center 17px; background-repeat: no-repeat; } #page_produits_categories_liens a.lien_form_prescription:hover { background-image: url('./Images/IconeFormPrescription_Blanc.png'); } #page_produits_categories_liste { border-bottom: 1px solid #DB1D29; } #page_produits_categories_liste .accordeon_contenu { padding-right: 0px; } #page_produits_categories_liste .libelle_famille { display: block; color: #000000; font-size: 19px; font-weight: 800; margin-bottom: 8px; text-transform: uppercase; line-height: 1.3; } #page_produits_categories_liste .libelle_famille:before { content: ""; display: inline-block; width: 5px; height: 5px; background-color: #DB1D29; vertical-align: middle; margin-right: 8px; } #page_produits_categories_liste .libelle_famille .famille_lien_pdf { float: right; margin: 4px 32px 0px 0px; text-decoration: none; text-transform: none; color: #DB1D29; font-size: 12px; font-weight: 600; } #page_produits_categories_liste .libelle_gamme { display: block; padding: 0px 0px 0px 45px; text-transform: uppercase; line-height: 1.3; color: #000000; font-size: 16px; font-weight: 600; margin-bottom: 6px; } #page_produits_categories_liste .groupe_produit { display: block; width: 610px; margin: 15px 0px 15px 20px; font-size: 12px; font-weight: 600; } #page_produits_categories_liste .ligne_produit { display: block; width: 100%; margin: 0px 15px 4px 0px; } #page_produits_categories_liste .libelle_produit a { color: #000000; text-decoration: none; font-size: 16px; font-weight: 600; } #page_produits_categories_liste .libelle_produit a:before { content: ""; display: inline-block; width: 3px; height: 3px; background-color: #DB1D29; margin-right: 6px; vertical-align: middle; } #page_produits_categories_liste .libelle_produit a:hover { color: #DB1D29; } #page_produits_categories_liste .sous_lien_produit { float: right; margin: 0px; color: #9E9E9E; } #page_produits_categories_liste .sous_lien_produit span { padding: 0px 2px 0px 2px; color: #9E9E9E; text-decoration: none; text-transform: none; font-weight: normal; } #page_produits_categories_liste .sous_lien_produit a { padding: 0px 2px 0px 2px; color: #9E9E9E; text-decoration: none; text-transform: none; font-weight: normal; } #page_produits_categories_liste .sous_lien_produit a:hover { color: #DB1D29; } #page_fds_liste_initiale { display: block; max-width: 784px; width: 100%; text-align: center; border-bottom: 1px solid #E2031A; padding-bottom: 7px; margin: 0px auto 40px auto; } #page_fds_liste_initiale .fds_lien_initiale { display: inline-block; font-weight: 800; color: #000000; font-size: 22px; text-transform: uppercase; margin-right: 5px; cursor: pointer; } #page_fds_liste_initiale .fds_lien_initiale:hover { color: #E2031A; } #page_fds_liste_initiale .fds_lien_initiale.active { color: #E2031A; } #page_fds .fds_bloc_initiale { width: 100%; max-width: 784px; margin: 0px auto; border-bottom: 1px solid #e2031a; } #page_fds .fds_initiale { width: 100%; max-width: 700px; margin: 0px auto 30px auto; border-bottom: 1px solid #F0818C; padding-left: 20px; font-size: 50px; color: #E2031A; font-weight: 700; } #page_fds .fds_ligne { width: 100%; max-width: 700px; margin: 0px auto; padding: 0px 0px 0px 20px; clear: both; } #page_fds .fds_ligne:after { content: ""; display: table; clear: both; } #page_fds .fds_nom_prod { display: inline-block; color: #000000; font-size: 18px; font-weight: 600; line-height: 1.3; margin-bottom: 8px; } #page_fds .fds_nom_prod:before { content: ""; display: inline-block; width: 5px; height: 5px; background-color: #DB1D29; margin-right: 9px; vertical-align: middle; } #page_fds .fds_ligne:hover .fds_nom_prod { color: #E2031A; } #page_fds .fds_liens { float: right; color: #9E9E9E; font-size: 13px; font-weight: 600; line-height: 1.3; } #page_fds .fds_liens a { color: #9E9E9E; text-decoration: none; } #page_fds .fds_liens a:hover { color: #E2031A; } /* Page Forumulaire Prescription */ #content_zone_titre.page_formulaire_prescription h1 { top: 21%; } #content_zone_titre.page_formulaire_prescription h2 { top: 62%; } #page_formulaire_prescription { display: block; max-width: 1005px; width: 100%; margin: 26px auto 0px auto; position: relative; } #page_formulaire_prescription #prescription_bloc_infos_client { display: inline-block; width: 100%; background-color: #F8F8F8; border: 1px solid #D0D0D0; color: #A4A5A6; margin-top: 17px; } #page_formulaire_prescription .prescription_infos_client_colonne { display: inline-block; width: 50%; margin: 0px; float: left; text-align: left; padding: 25px 0px 0px 35px; } #page_formulaire_prescription .prescription_infos_client_input { margin: 0px 0px 25px 0px; } #page_formulaire_prescription .prescription_infos_client_input input { font-style: italic; width: 423px; height: 43px; background-color: #FFFFFF; border: 1px solid #DBDBDB; padding: 0px 10px; font-size: 14px; color: #000000; box-shadow: 2px 2px 2px #DBDBDB; } #page_formulaire_prescription .prescription_infos_client_indication { float: left; font-size: 11px; } #page_formulaire_prescription .prescription_submit { display: block; width: 100%; margin: 38px 0px 68px 0px; height: 68px; } #page_formulaire_prescription .prescription_submit input { display: inline-block; float: right; width: 220px; height: 44px; cursor: pointer; text-align: center; margin: 0px auto 0px; background-color: #E2031A; color: #FFFFFF; font-weight: 600; font-size: 13px; line-height: 44px; transition: background 0.3s ease-in; -webkit-transition: background 0.3s ease-in; -moz-transition: background 0.3s ease-in; } #page_formulaire_prescription .prescription_submit input:hover { background-color: #FF001A; } #page_formulaire_prescription .prescription_submit input.prescription_submit_modifier { float: left; } #page_formulaire_prescription .table_form_commande { width: 100%; border-spacing: 0; border-collapse: collapse; font-family: Arial, Helvetica, sans-serif; } #page_formulaire_prescription .table_form_commande .tr_nom_arbo div.nom_arbo { color: #FFFFFF; font-size: 22px; font-weight: 800; text-transform: uppercase; padding: 15px 18px; display: block; position: relative; z-index: 5; background-color: #DB1D29; margin-bottom: 20px; } #page_formulaire_prescription .table_form_commande .tr_nom_arbo div.nom_arbo:before { content: ""; display: inline-block; width: 8px; height: 8px; background-color: #FFFFFF; vertical-align: middle; margin-right: 11px; } #page_formulaire_prescription .table_form_commande .tr_nom_arbo div.nom_arbo:after { content: ""; display: inline-block; position: absolute; bottom: -8px; left: 67px; width: 16px; height: 16px; background-color: #DB1D29; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); } #page_formulaire_prescription .table_form_commande .tr_sep_arbo td { height: 40px; } #page_formulaire_prescription .table_form_commande .tr_sep_arbo:first-of-type td { height: auto; } #page_formulaire_prescription .table_form_commande .tr_legende td { padding: 2px 0px; color: #DB1D29; font-size: 12px; font-weight: bold; } #page_formulaire_prescription .table_form_commande .tr_legende td:first-of-type { padding-left: 8px; color: #DB1D29; font-size: 12px; font-weight: bold; } #page_formulaire_prescription .table_form_commande .tr_sep td { height: 0px; border-bottom: 1px solid #DB1D29; } #page_formulaire_prescription .table_form_commande .tr_nom_produit td { padding: 10px 4px 8px 0px; color: #000000; font-size: 12px; } #page_formulaire_prescription .table_form_commande .tr_nom_produit td.td_nom_produit { color: #000000; font-size: 13px; font-weight: bold; } #page_formulaire_prescription .table_form_commande .tr_nom_produit td.td_nom_produit:before { content: ""; display: inline-block; width: 5px; height: 5px; background-color: #DB1D29; margin: 0px 9px 0px 8px; vertical-align: middle; } #page_formulaire_prescription .table_form_commande .td_code_produit { color: #EF3E42 !important; font-weight: bold; padding-right: 10px !important; } #page_formulaire_prescription .table_form_commande .td_nombre_article { text-align: center; } #page_formulaire_prescription .table_form_commande .td_nombre_article input { width: 5em; background-color: #ffffff; color: #000000; text-align: center; border-top: none; border-bottom: 1px dotted #ef3e42; border-left: 1px solid #ef3e42; border-right: 1px solid #ef3e42; } #page_formulaire_prescription .table_form_commande .td_nombre_article input:focus { background-color: #dff8e8; } #page_formulaire_prescription .table_form_commande .td_nombre_article input.saisie { background-color: #dff8e8; font-weight: bold; } #page_formulaire_prescription .form_message_erreur { display: block; background-color: #FFE8EB; color: #E2001A; border: 1px solid #E2001A; font-weight: bold; padding: 8px 20px; } #page_formulaire_prescription .prescription_avertissement { display: block; width: 100%; margin: 12px 0px 60px; text-align: center; text-transform: uppercase; font-size: 18px; color: #ED1C24; } #page_formulaire_prescription .prescription_recap_champ { display: block; width: 100%; margin: 0px 0px 5px 0px; font-family: Arial, Helvetica, sans-serif; clear: both; } #page_formulaire_prescription .prescription_recap_libelle { display: inline-block; width: 38%; float: left; text-align: left; } #page_formulaire_prescription .prescription_recap_val { display: inline-block; width: 62%; float: left; text-align: left; padding: 0px 0px 0px 12px; font-weight: bold; } #page_formulaire_prescription #prescription_recap_tableau { display: inline-block; width: 100%; clear: both; margin: 20px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; } #page_formulaire_prescription .table_recap_commande { width: 100%; border: 1px solid #A9ABAD; border-spacing: 0; border-collapse: collapse; } #page_formulaire_prescription .table_recap_commande tr.tr_legende td { border: 1px solid #A9ABAD; padding: 4px; text-align: center; background-color: #EF3E42; color: #FFFFFF; font-size: 12px; font-weight: bold; } #page_formulaire_prescription .table_recap_commande tr td { border: 1px solid #A9ABAD; padding: 4px; text-align: center; font-size: 12px; } #page_formulaire_prescription .table_recap_commande tr td.td_recap_code_produit { color: #EF3E42; font-weight: bold; } #page_formulaire_prescription .table_recap_commande tr td.td_recap_nom_produit { border: 1px solid #A9ABAD; padding: 4px; font-weight: bold; text-align: center; font-size: 12px; } #page_formulaire_prescription .prescription_message_confirmation { display: block; width: 100%; text-align: center; } /* Fiche Produit */ #content_zone_titre.fiche_produit h1 { top: 21%; } #content_zone_titre.fiche_produit h2 { top: 62%; color: #000000; font-weight: 300; } #content_zone_titre.fiche_produit h2 table { width: 100%; } #content_zone_titre.fiche_produit h2 table span.page_prevue_cat_prod_carac { display: none; } #content_zone_titre.fiche_produit #picto_produit_arrete { position: absolute; top: 28%; left: 0px; display: block; width: 135px; height: 30px; background-image: url('./Images/picto_produit_arrete.jpg'); background-position: left top; background-repeat: no-repeat; } #fiche_produit { display: block; width: 1280px; margin: 46px auto 80px auto; position: relative; } #fiche_produit #fiche_produit_bloc_visuels { display: inline-block; float: left; width: 50%; text-align: center; position: relative; margin: 60px 0px 80px 0px; } #fiche_produit #fiche_produit_bloc_visuels .visuels_categorie table { width: 100%; } #fiche_produit #fiche_produit_bloc_visuels .fiche_produit_bloc_visuels_liens { display: inline-block; float: left; margin: 60px 0px 0px 15%; } #fiche_produit #fiche_produit_bloc_visuels .fiche_produit_lien_print { display: inline-block; cursor: pointer; width: 37px; height: 38px; background-image: url('./Images/IconeProduitPrint.png'); background-position: left top; background-repeat: no-repeat; margin-right: 12px; } #fiche_produit #fiche_produit_bloc_visuels .fiche_produit_lien_loupe_visuel { display: inline-block; cursor: pointer; width: 37px; height: 38px; background-image: url('./Images/IconeProduitLoupe.png'); background-position: left top; background-repeat: no-repeat; margin-right: 12px; } #fiche_produit #fiche_produit_bloc_visuels .fiche_produit_lien_bibliographie { display: inline-block; cursor: pointer; width: 37px; height: 38px; background-image: url('./Images/IconeProduitBibliographie.png'); background-position: left top; background-repeat: no-repeat;/* background-size: 37px 38px;*/ } #fiche_produit .fiche_produit_pictos { position: absolute; top: 0px; left: 15%; width: 112px; text-align: left;; } #fiche_produit .fiche_produit_pictos img { margin-right: 10px; margin-bottom: 10px; } #fiche_produit #fiche_produit_bloc_infos { display: inline-block; float: left; width: 625px; padding: 0px; margin: 0px; } #fiche_produit #produit_categorie { display: block; width: 160px; height: 30px; line-height: 30px; background-color: #FD0E25; color: #FFFFFF; text-align: center; font-size: 13px; font-weight: bold; -moz-box-shadow: inset 0px 0px 4px 0px #000000; -webkit-box-shadow: inset 0px 0px 4px 0px #000000; -o-box-shadow: inset 0px 0px 4px 0px #000000; box-shadow: inset 0px 0px 7px 0px #ad0d19; } #fiche_produit #produit_onglet { display: block; min-height: 15px; } #fiche_produit #produit_onglet .produit_onglet { display: block; float: left; box-sizing: border-box; width: 131px; height: 39px; text-align: center; font-size: 12px; font-family: Arial; color: #000000; cursor: pointer; margin-bottom: 15px; padding-top: 7px; background-image: url('./Images/produit_onglet.jpg'); background-position: top left; background-repeat: no-repeat; } #fiche_produit #produit_onglet .produit_onglet_actif { color: #FFFFFF; background-image: url('./Images/produit_onglet_actif.jpg'); } #fiche_produit #produit_contenu_onglet_infos, #fiche_produit #produit_contenu_onglet_mentions { clear: both; } .def_champ_septo_titre { display: block; margin: 0px 0px 10px 0px; font-weight: 800; font-size: 22px; color: #000000; } .def_champ_septo_val, #produit_mentions { display: block; margin: 0px 0px 10px 30px; font-size: 14px; font-weight: 400; line-height: 1.6; color: #000000; } .def_champ_septo_val ul, .def_champ_septo_val ol { padding: 0px 0px 0px 40px; margin: 10px 0px; } .def_champ_septo_val li { list-style-type: none; position: relative; } .def_champ_septo_val li:before { content: "• "; color: #DB1D29; font-size: 30px; position: absolute; top: -14px; left: -15px; } .highlight_recherche { background-color: #FFFF00; } @media print { #fiche_produit #fiche_produit_bloc_visuels { display: block; float: none; } #fiche_produit #fiche_produit_bloc_infos { display: block; float: none; height: auto !important; } #fiche_produit #produit_contenu_onglet_infos { height: auto !important; } .mCS-dark-3.mCSB_scrollTools { display: none !important; } * { -webkit-print-color-adjust: exact; color-adjust: exact; } } /* Barre de Média */ #fiche_produit_barre_medias { display: inline-block; width: 100%; clear: both; overflow: hidden; padding: 0px; margin: 35px auto 0px auto; float: none; background-color: #EEEEEE; } .barre_medias_bloc { position: relative; display: inline-block; vertical-align: top; height: 411px; width: 33%; overflow: hidden; } .barre_medias_bloc_contenu { display: inline-block; width: 1710px; padding: 0px 15px; } .barre_medias_bloc_contenu div { float: left; } .barre_medias_bloc:nth-child(even){ background-color: #F8F8F6; } .barre_medias_bloc h2 { display: block; color: #000000; font-weight: 800; font-size: 20px; padding-left: 30px; margin-top: 24px; margin-bottom: 26px; text-align: left; } .barre_medias_bloc .barre_medias_bloc_contenu div:nth-child(1) h2{ padding-left: 15px; } .barre_medias_bloc .media_legende { position: absolute; width: 285px; text-align: center; top: 0px; left: 0px; font-size: 16px; color: #000000; font-weight: 700; padding-top: 10px; } .barre_medias_bloc.bloc_video .video_container { width: 600px; } .barre_medias_bloc.bloc_video .video_titre { display: block; float: none; text-align: center; margin: 0px auto 5px auto; font-size: 16px; color: #000000; font-weight: 800; text-decoration: underline; } .barre_medias_bloc.bloc_video .video_cadre { display: block; float: none; text-align: center; } .barre_medias_bloc.bloc_video .video_legende { display: block; float: none; text-align: center; margin: 10px auto 0px auto; font-size: 14px; color: #000000; font-weight: 700; padding-bottom: 20px; } .barre_medias_bloc a.fiche_produit_lien_toolbar { display: block; float: left; margin: 0px 60px; width: 165px; height: 219px; background-image: url('./Images/IconePdf.png'); background-position: left top; background-repeat: no-repeat; background-size: 100% 100%; text-decoration: none; text-align: center; padding: 82px 4px 0px 4px; font-size: 20px; font-weight: 800; color: #DB1D29; } .barre_medias_bloc.bloc_formulaire a.fiche_produit_lien_toolbar { background-image: url('./Images/PrevueFormulairePrescription.jpg'); overflow: hidden; padding-top: 219px; } .barre_medias_bloc a.lien_agrandir_bloc { cursor: pointer; background-image: url('./Images/Septo_2017_BoutonPlusRouge.svg'); background-position: left top; background-repeat: no-repeat; width: 24px; height: 24px; display: inline-block; position: absolute; bottom: 20px; right: 20px; transition: transform 0.3s ease-in; -webkit-transition: transform 0.3s ease-in; -moz-transition: transform 0.3s ease-in; } .barre_medias_bloc a.lien_agrandir_bloc:hover { -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .barre_medias_bloc a.lien_fermer_bloc { cursor: pointer; display: inline-block; width: 78px; height: 78px; background-image: url('./Images/IconeClose.png'); background-position: left top; background-repeat: no-repeat; position: absolute; top: 0; right: 0; z-index: 5; } /* Tableaux Article */ .table { width: 100%; margin: 10px 0px 0px 0px; border: 1px solid #D0D0D0; font-family: Arial, Helvetica, sans-serif; } .table th { padding: 2px; font-size: 12px; color: #FFFFFF; font-weight: bold; background-color: #FA0F25; text-align: left; border-bottom: 1px solid #CC1901; } .table th:nth-child(1) { padding-left: 4px; } .table.alterne tr th:nth-child(odd) { background-color: #FA0F25; } .table td { padding: 2px; border-bottom: 1px solid #AAAAAA; font-size: 11px; color: #000000; } .table td.REF_CAT { color: #FA0F25; font-weight: bold; } .REF_CAT { color: #FA0F25; font-weight: bold; } /* Tableaux Croisés */ .tableau_croise { color: #000000; width: 100%; font-family: Arial, Helvetica, sans-serif; } .tableau_croise_colonnes { padding: 2px; text-align: center; } .tableau_croise_lignes { padding: 2px; text-align: center; } .tableau_croise_donnees { padding: 2px; text-align: center; } .tableau_croise_header { padding: 2px; font-size: 12px; color: #FFFFFF; font-weight: bold; background-color: #FA0F25; text-align: center; border-bottom: 1px solid #CC1901; } .tableau_croise_header_lib { padding: 2px; font-size: 12px; color: #FFFFFF; font-weight: bold; background-color: #FA0F25; text-align: left; border-bottom: 1px solid #CC1901; } .tableau_croise_row_header { padding: 2px; font-size: 12px; font-weight: bold; border-bottom: 1px solid #AAAAAA; text-align: left; } .tableau_croise_row_header_lib { display: none; } .tableau_croise_contenu { padding: 2px; font-size: 11px; color: #000000; border-bottom: 1px solid #AAAAAA; text-align: center; } .tableau_croise_contenu_lib { display: none; } .tableau_croise_sous_contenu_1 { padding: 0px 2px; font-size: 11px; color: #000000; border-bottom: 1px solid #AAAAAA; text-align: center; } .tableau_croise_sous_contenu_2 { padding: 0px 2px; font-size: 11px; color: #000000; border-bottom: 1px solid #AAAAAA; text-align: center; } /* Champ TABLE */ .mini_table { padding: 1px; border-collapse:collapse; text-align: center; } .mini_table TD { padding-left: 8px; padding-right: 8px; padding-bottom: 2px; height: 26px; } .mini_table_header { padding: 0px; padding-left: 4px; text-align: left; } .mini_table_row_header { padding: 0px; padding-left: 4px; text-align: left; border-bottom: 1px solid #000000; } .mini_table_ligne_alterne_1 { padding: 1px; text-align: right; white-space: nowrap; border-bottom: 1px solid #000000; } .mini_table_ligne_alterne_2 { padding: 1px; text-align: right; white-space: nowrap; border-bottom: 1px solid #000000; } .mini_table_contenu { padding: 1px; } /* Système Accordéon */ .accordeon_lien_ouverture { border-top: 1px solid #DB1D29; cursor: pointer; color: #000000; font-size: 22px; font-weight: 800; text-transform: uppercase; padding: 15px 0px; display: block; overflow: hidden; position: relative; z-index: 5; background-color: #FFFFFF; } .accordeon_lien_ouverture div { display: inline-block; } .accordeon_lien_ouverture.active { color: #DB1D29 } .accordeon_lien_ouverture:hover { color: #DB1D29; } .accordeon_lien_ouverture:before { content: ""; display: inline-block; width: 8px; height: 8px; background-color: #DB1D29; vertical-align: middle; margin-right: 11px; } .accordeon_lien_ouverture:after { content: "+"; display: inline-block; font-weight: 300; font-size: 60px; color: #DB1D29; vertical-align: middle; margin-right: 11px; line-height: 50%; float: right; } .accordeon_lien_ouverture.active:after { content: "-"; } .accordeon_contenu { margin-bottom: 25px; border-top: 1px solid #EE8D94; height: auto; opacity: 1; padding: 30px 40px 20px; position: relative; overflow: visible; z-index: 3; transition: opacity 0.5s ease-in; -webkit-transition: opacity 0.5s ease-in; -moz-transition: opacity 0.5s ease-in; -ms-transition: opacity 0.5s ease-in; } .accordeon_contenu:before { content: ""; display: inline-block; position: absolute; top: -9px; left: 67px; width: 16px; height: 16px; background-color: #FFFFFF; border: 1px solid #DB1D29; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); } /* Select stylisé Chosen */ .chosen-container-single { margin-top: -4px; } .chosen-container-single .chosen-single { text-align: left; color: #000000; border: 1px solid #DBDBDB; height: 59px; line-height: 59px; padding: 0px 10px; border-radius: 0px; background-color: #FFFFFF; background-image: none; box-shadow: 0px; } .chosen-container-single.chosen-with-drop .chosen-single { color: #000000; border: 1px solid #DBDBDB; height: 59px; line-height: 59px; padding: 0px 10px; border-radius: 0px; background-color: #FFFFFF; background-image: none; box-shadow: 0px; } .chosen-container-single .chosen-single.chosen-default { color: #777777; } .chosen-container-single.chosen-with-drop .chosen-single.chosen-default { color: #777777; } .chosen-container-single .chosen-single div { width: 30px; background-color: #FFFFFF; } .chosen-container-single.chosen-with-drop .chosen-single div { width: 30px; background-color: #FFFFFF; } .chosen-container-single .chosen-single div b { background-color: inherit; background-image: none; } .chosen-container-single.chosen-with-drop .chosen-single div b { background-color: inherit; background-image: none; } .chosen-container-single .chosen-single div b:after { content: "\25BC"; position: absolute; top: 0px; left: 8px; font-size: 16px; color: #DBDBDB; } .chosen-container-single .chosen-single abbr { top: 42%; right: 32px; } .chosen-container .chosen-drop { border: 1px solid transparent; box-shadow: 0px; } .chosen-container-single .chosen-drop { border-radius: 0px; background-color: #FFFFFF; background-image: none; width: auto; min-width: 100%; } .chosen-container .chosen-results { text-align: left; max-height: 400px; white-space: nowrap; } .chosen-container .chosen-results li.highlighted { background-color: #DB1D29; background-image: none; } .chosen-container .chosen-results li.group-result { font-size: 12px; font-weight: bold; } .chosen-container .chosen-results li.active-result { font-size: 12px; font-weight: bold; } .chosen-container .chosen-results li.active-result.group-option { font-size: 12px; font-weight: normal; } /* Scollbar custom */ .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #DCDFE2; } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; background-color: #A2B0AD; } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover { background-color: #A2B0AD; } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { width: 8px; background-color: #A2B0AD; } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar:hover { background-color: #A2B0AD; } /* AutoComplete */ .ui-widget { font-family: "Raleway"; font-size: 16px; font-weight: 800; } .ui-widget.ui-spinner { font-family: "Raleway"; font-size: 100%; font-weight: normal; } .ui-spinner-input { margin: 0px 16px 0px 0px; } .ui-widget-content { border: 1px solid #DBDBDB; background-color: #FFFFFF; background-image: none; color: #000000; } .ui-widget-content.ui-spinner { border: 0px; } .ui-corner-all { border-radius: 0px; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; font-weight: normal; } .ui-widget-content a { color: #000000; } .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 0px; background: none; background-color: #DBDBDB; color: #000000; } .ui-menu .ui-menu-item a.ui-state-focus { font-weight: normal; margin: 0px; }