/* =====================================BASE STYLES===================================== */a:focus, a:active, a:hover, a:visited {outline: none;}input::-moz-focus-inner {border: 0;}a {color:#239be5;outline: 0!important;  outline: none!important;}article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block}/* taken from HTML5 Boilerplate http://h5bp.com */html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}audio, canvas, video {display: inline-block;*display: inline;*zoom: 1}audio:not([controls]) {display: none}[hidden] {display: none}/* text selection */.content-wrapper ::-moz-selection {background: #f39c2c;background: rgba(243,156,44,0.7);color: #555;text-shadow: none}.content-wrapper ::selection {background: #f39c2c;background: rgba(243,156,44,0.7);color: #555;text-shadow: none}/* Consistent box sizing and appearance */input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;*width: 13px;*height: 13px}input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box}input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none}/* Remove inner padding and border in FF3/4 */button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0}/** 1. Remove default vertical scrollbar in IE6/7/8/9* 2. Allow only vertical resizing*/textarea {overflow: auto;vertical-align: top;resize: vertical}ul, ol {margin: 1em 0;padding: 0 0 0 40px}dd {margin: 0 0 0 40px}nav ul, nav ol {list-style: none;list-style-image: none;margin: 0;padding: 0}/* Redeclare monospace font family */pre, code, kbd, samp {font-family: monospace, serif; _font-family: 'courier new', monospace;font-size: 1em }/* Improve readability of pre-formatted text in all browsers */pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word}q {quotes: none}q:before, q:after {content: "";content: none}small {font-size: 85%}/* Hide from both screenreaders and browsers */.hidden {display: none !important;visibility: hidden}/* Hide only visually, but have it available for screenreaders */.visuallyhidden {border: 0;clip: rect(0,0,0,0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px}/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto}/* Hide visually and from screenreaders, but maintain layout */.invisible {visibility: hidden}/* correct text resizing */html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}body {margin: 0;font-size: 1em;/* -webkit-font-smoothing: antialiased */}/* =====================================12 COLUMN GRID===================================== *//* ================================Desktop================================ *//* the wraping container */.container {width: 92%;min-width: 980px;max-width: 1140px}/* align the site */.leftaligned {margin: 0 auto 0  0}.rightaligned {margin: 0 0 0 auto}.centered {margin: 0 auto}/* Global Grid layout */.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {display:inline;float: left;position: relative;margin-left: .96%;margin-right: .96%}/* alpha and omega classes remove margins, aplha = no margin left, omega = no margin right */.alpha { margin-left: 0 }.omega { margin-right: 0 }/* Grid sizes up to 12 columns */.container .grid_1 { width:6.333% }.container .grid_2 { width:14.667% }.container .grid_3 { width:23.0% }.container .grid_4 { width:31.333% }.container .grid_5 { width:39.667% }.container .grid_6 { width:48.0% }.container .grid_7 { width:56.333% }.container .grid_8 { width:64.667% }.container .grid_9 { width:73.0% }.container .grid_10 { width:81.333% }.container .grid_11 { width:89.667% }.container .grid_12 { width:98.0% }/* Prefix to add extra space left */.container .prefix_1 { padding-left:8.333% }.container .prefix_2 { padding-left:16.667% }.container .prefix_3 { padding-left:25.0% }.container .prefix_4 { padding-left:33.333% }.container .prefix_5 { padding-left:41.667% }.container .prefix_6 { padding-left:50.0% }.container .prefix_7 { padding-left:58.333% }.container .prefix_8 { padding-left:66.667% }.container .prefix_9 { padding-left:75.0% }.container .prefix_10 { padding-left:83.333% }.container .prefix_11 { padding-left:91.667% }/* Suffix to add extra space right */.container .suffix_1 { padding-right:8.333% }.container .suffix_2 { padding-right:16.667% }.container .suffix_3 { padding-right:25.0% }.container .suffix_4 { padding-right:33.333% }.container .suffix_5 { padding-right:41.667% }.container .suffix_6 { padding-right:50.0% }.container .suffix_7 { padding-right:58.333% }.container .suffix_8 { padding-right:66.667% }.container .suffix_9 { padding-right:75.0% }.container .suffix_10 { padding-right:83.333% }.container .suffix_11 { padding-right:91.667% }/* Push columns to right */.container .push_1 { left:8.333% }.container .push_2 { left:16.667% }.container .push_3 { left:25.0% }.container .push_4 { left:33.333% }.container .push_5 { left:41.667% }.container .push_6 { left:50.0% }.container .push_7 { left:58.333% }.container .push_8 { left:66.667% }.container .push_9 { left:75.0% }.container .push_10 { left:83.333% }.container .push_11 { left:91.667% }/* Pull columns to left */.container .pull_1 { left:-8.333% }.container .pull_2 { left:-16.667% }.container .pull_3 { left:-25.0% }.container .pull_4 { left:-33.333% }.container .pull_5 { left:-41.667% }.container .pull_6 { left:-50.0% }.container .pull_7 { left:-58.333% }.container .pull_8 { left:-66.667% }.container .pull_9 { left:-75.0% }.container .pull_10 { left:-83.333% }.container .pull_11 { left:-91.667% }/* =====================================Tablet (Portrait)===================================== */@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait) {.container {width: 92%;min-width: 768px;max-width: 1024px}.bandeau {width:96%}}/* =====================================Smartphones (Portait)===================================== */@media only screen and (max-width: 320px) {.container {width: 100%;min-width: 300px;max-width: 320px}.container .grid_1,.container .grid_2,.container .grid_3,.container .grid_4,.container .grid_5,.container .grid_6,.container .grid_7,.container .grid_8,.container .grid_9,.container .grid_10,.container .grid_11,.container .grid_12 {width: 98%;margin: 0 1%;float: none}}/* =====================================Smartphones (Landscape)===================================== */@media only screen and (min-width: 321px) and (max-width: 767px) {.container {width: 92%;min-width: 321px;max-width: 767px}.container .grid_1,.container .grid_2,.container .grid_3,.container .grid_4,.container .grid_5,.container .grid_6,.container .grid_7,.container .grid_8,.container .grid_9,.container .grid_10,.container .grid_11,.container .grid_12 {width: 98%;margin: 0 1%;display: block;float: none}.bandeau {width:100%}}/* =====================================Smartphones (Portrait & Landscape)===================================== */@media only screen and (min-width: 300px) and (max-width: 767px) {.container .prefix_1,.container .prefix_2,.container .prefix_3,.container .prefix_4,.container .prefix_5,.container .prefix_6,.container .prefix_7,.container .prefix_8,.container .prefix_9,.container .prefix_10,.container .prefix_11,.container .suffix_1,.container .suffix_2,.container .suffix_3,.container .suffix_4,.container .suffix_5,.container .suffix_6,.container .suffix_7,.container .suffix_8,.container .suffix_9,.container .suffix_10,.container .suffix_11 {padding-right: 0;padding-left: 0}.container .push_1,.container .push_2,.container .push_3,.container .push_4,.container .push_5,.container .push_6,.container .push_7,.container .push_8,.container .push_9,.container .push_10,.container .push_11,.container .pull_1,.container .pull_2,.container .pull_3,.container .pull_4,.container .pull_5,.container .pull_6,.container .pull_7,.container .pull_8,.container .pull_9,.container .pull_10,.container .pull_11 {left: auto;right: auto}.bandeau {width:100%}}/* =====================================CLEARING FLOATS===================================== */.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0}.cf:before,.cf:after,.row:before,.row:after{content: "";display: table}.cf:after,.row:after{clear: both}.cf,.row {*zoom: 1}/***mise en place bandeau***/img {max-width: 100%; max-height:auto}.bandeau {width: 94%;min-width: 320px;max-width: 1168px;}.adressehaut{width: 94%;min-width: 300px;max-width: 1166px;box-shadow: 2px 2px 2px #555;text-align: center;font-weight:bold;padding:0.2em;background-color: #fff;border-top: 1px solid #505050}
/* Stylesheet: Simplex: Core Modified On 2015-02-08 12:43:42 */
/* =====================================BASIC STYLES===================================== */body {background: #fff;font-family: sans-serif; /* sans-serif falls back to default OS and Browser font, usually Arial or Helvetica and so on */font-size: 1em;color: #555;line-height: 1.3}/* you can change appearance of the page by adding or removing #boxed id to body tag. */body#boxed {background: #d1d1d1 url(https://www.traina-inox.fr/uploads/simplex/images/boxed-bg.gif) repeat}/* add some space inside the boxed container */#boxed .container {padding: 0 1%}#boxed .bandeau {margin:none!important; box-shadow: 2px 2px 2px #555;}a img {border: none}/* you can use these classes to align images to left or right */.right {float: right}.left {float:left}/* if image needs some space add this class to img tag* so at the end a left floating image would be <img src='some.jpg' class='left spacing' alt='foo' />*/.spacing {margin: 10px}.spacing.left {margin: 10px 10px 10px 0}.spacing.right {margin: 10px 0 10px 10px}/* or add a 2 px border to image or something, change as you need it */.border {border: 2px solid #e9e9e9}/* some styling for code chunks */code, samp, kbd {font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', monospace;color: #555}pre code {line-height: 1.4;font-size: 11px}pre {padding: 10px;margin: 10px 0;overflow: auto;width: 93%;background: #f1f1f1;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px}/* target IE7 and IE6 */*:first-child+html pre {padding-bottom: 20px;overflow-y: hidden;overflow: visible;overflow-x: auto}* html pre {padding-bottom: 20px;overflow: visible;overflow-x: auto}/* horizontal ruler */hr {border: solid #e9e9e9;border-width: 1px 0 0 0;clear: both;margin: 10px 0 30px 0;height: 0}/* =====================================COMMON TYPOGRAPHY===================================== *//* link default styles */a {color: #3a64ab;text-decoration: none}a:visited {color: #a93a00;text-decoration: none}a:hover {color: #ff5900;transition: transform 0.6s ease-out;-webkit-transition: color 0.6s ease-out;-moz-transition: color 0.6s ease-out;-o-transition: color 0.6s ease-out;text-decoration: underline}a:focus {outline: thin dotted}a:hover, a:active {outline: 0}/* add icon to links with class external */a.external span {display: inline-block;width: 9px;height: 9px;text-indent: -999em;margin: 0 3px;/* using sprite image, but left as reference to single imagebackground: transparent url(https://www.traina-inox.fr/uploads/simplex/images/external-icon.png) no-repeat 0 0*/background: transparent url(https://www.traina-inox.fr/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -130px;}a.external:hover span {background-position: -10px -139px}/* default heading styles */h1,h2,h3 {font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}h1 {color: #3a64ab;margin: 10px 0;font-size: 1.285em;text-transform: uppercase;}h2 {color: #555;font-size: 22px}h3 {color: #555;font-weight: 300;font-size: 18px}/* blockquotes and cites */blockquote,blockquote p {font-size: 14px;line-height: 1.5;color: #555;font-style: italic;font-family: Georgia, Times New Roman, serif}blockquote {margin: 0 0 20px 0;padding: 9px 10px 10px 19px;border-left: 5px solid #f1f1f1}blockquote cite {display: block;font-size: 12px;color: #555}blockquote cite:before {content: "\2014 \0020";}blockquote cite a,blockquote cite a:visited,blockquote cite a:visited {font-family: Georgia, Times New Roman, serif;}/* =====================================LAYOUT===================================== *//* wrapping the page in a box */#wrapper {margin-top: 0px;border-top: 0px solid #3a64ab}/* you can switch appearance of the page by adding or removing id #boxed to body tag */#boxed #wrapper {background: #fff;box-shadow: 0px 0px 10px #555}/* ------ HEADER SECTION ------ *//* if you need height or something for header part add style here */.header {max-width:1172px;margin:0 auto;background-color:white;}/* the logo */.logo {margin-top: 12px;position: relative}/* ------ NAVIGATION ------ *//* first level */.navt {width: 100%;padding-bottom: 3em;}.navt li a {color: #ff5900!important}nav.main-navigationbis {z-index: 990;height: 55px;line-height: 37px;margin-top: 20px;}nav.main-navigationbis > ul {float:left;padding-bottom: 20px;}nav.main-navigationbis > ul > li {padding: 0;display: block;margin:0 auto;width: 90%;}nav.main-navigationbis > ul > li > a {   font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;color: #555;text-decoration: none;font-size: 15px;font-weight: 600;cursor: pointer;text-transform: uppercase}/* bottom part of header*/.header-bottom {height: 55px;line-height: 55px}/* catchphrase */.phrase span {font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;text-transform: uppercase;color: #ddd;font-size: 11px;font-weight: 500}/* search */.search {text-align: right;}/* webkit browser add icons to input of type search, we dont want it here now */input.search-input::-webkit-search-decoration,input.search-input::-webkit-search-results-button,input.search-input::-webkit-search-results-decoration {-webkit-appearance:none}/* styling the search input field */input.search-input {border: 2px solid #f1f1f1;height: 17px;line-height: 17px;outline: 0;margin: 13px 0 0 0;width: 200px;padding: 5px 0 3px 35px;font-size: 12px;color: #555;transition: all .35s ease-in-out;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;-o-transition: all .35s ease-in-out;/* using sprite image, left as reference to single imagebackground: #fff url(https://www.traina-inox.fr/uploads/simplex/images/search-icon.png) 10px 50% no-repeat*/background: #fff url(https://www.traina-inox.fr/uploads/simplex/images/simplex-sprite.png) 0px -434px no-repeat}input.search-input:focus {border: 1px solid #3a64ab;width: 240px;box-shadow: 0 0 3px #3a64ab;-webkit-box-shadow: 0 0 3px #3a64ab;-moz-box-shadow: 0 0 3px #3a64ab;-o-box-shadow: 0 0 3px #3a64ab;}/* ------ BANNER AREA ------ *//* ------ CONTENT AREA ------ */.content-wrapper {padding-top: 0px}.content-top {background: url(https://www.traina-inox.fr/uploads/simplex/images/dots.gif) repeat-x 0 50%;font-family: Georgia, Times New Roman, serif;color: #555;font-style: italic;line-height: 20px}/* breadcrumbs */.breadcrumb {display: inline-block;background: #fff;width: auto;padding-right: 6px;margin-top: 20px;}.breadcrumb a {color: #555;display: inline-block;width: auto;background: #fff}/* print button */a.printbutton {display: block;padding-left: 6px;width: 16px;height: 16px;float:right;text-indent: -999em;/* using sprite image, left as reference to single imagebackground: #fff url(https://www.traina-inox.fr/uploads/simplex/images/print-icon.png) no-repeat 6px -16px;*/background: #fff url(https://www.traina-inox.fr/uploads/simplex/images/simplex-sprite.png) no-repeat -4px -94px;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out}a.printbutton:hover {/* using sprite image, left as reference to single imagebackground: #fff url(https://www.traina-inox.fr/uploads/simplex/images/print-icon.png) no-repeat 6px 0;*/background: #fff url(https://www.traina-inox.fr/uploads/simplex/images/simplex-sprite.png) no-repeat -4px -78px;}/* news module summary -> content */.content .news-summary  span.heading {display: none}.nouveautes {font-family :'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; color : #1754a5;}.content .news-article {margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px dotted #e9e9e9}.content .news-summary ul.category-list {margin: 15px 0}.content .news-summary ul.category-list li a,.news-summary ul.category-list li span {border-radius: 4px}.news-summary ul.category-list li span {opacity: .4}/* news module summary -> sitewide (content + sidebar) *//* article heading */.news-article h2 {margin: 0 0 15px 0}.news-article h2 a {font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;text-transform: uppercase;color: #555;font-size: 16px;text-decoration: none;font-weight: 700}/* date circle, well square for IE  */.news-article .date {background: #3a64ab;color: #fff;display: block;width: 100px;padding: 6px;height: 20px;border-radius: 10px;text-align: center;font-family: Georgia, Times New Roman, serif}.news-article .day {font-size: 20px;line-height: 1;padding-bottom: 2px;font-style: italic;display: block}.news-article.month {font-size: 11px;display: block}/* author and category */.news-article .author,.news-article .category {font-family: Georgia, Times New Roman, serif;display: block;padding-left: 60px;font-size: 11px;font-style: italic}/* category list on top of summary */.news-summary ul.category-list {margin:15px 0 0 0;padding:0;list-style: none}.news-summary ul.category-list li {float:left;display: block;width: auto;margin-right: 5px}.news-summary ul.category-list li a,.news-summary ul.category-list li span {display: block;color: #555;padding: 4px 8px;background: #f1f1f1;border-radius: 4px 4px 0 0;text-decoration: none;font-size: 11px;text-transform: uppercase}.news-summary ul.category-list li a:hover {color: #3a64ab}.news-summary .paginate {font: italic 11px/1.2 Georgia, Times New Roman, serif;}.news-summary .paginate a {padding: 0 3px;}.news-meta {background: #f1f1f1;padding: 10px;margin: 10px 0}/* more link */.more,.more a,/* back link */.back,.back a,/* previous, next links */.previous a,.next a,.previous,.next {font:  normal 11px/1.3 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;color: #555;text-decoration: none}/* hover behavior of more, next, previous links */.more a:hover,.back a:hover,.previous a:hover,.next a:hover {text-decoration: none}.previous,.next {padding: 6px 0;}/* align next link to right */.previous {float:left;}.next {float: right}/* ------ SIDEBAR AREA ------ *//* news module summary -> sidebar */.sidebar .news-summary  span.heading {background: url(https://www.traina-inox.fr/uploads/simplex/images/dots.gif) repeat-x 0 50%;color: #555;font:  normal 16px/20px Georgia, Times New Roman, serif;margin: 0 0 15px 0;display: block}.sidebar .news-summary .heading span {display: inline-block;width: auto;background: #fff;padding-right: 6px}.sidebar .news-article {padding: 15px;position: relative;background: #f1f1f1;margin-bottom: 20px;border-radius: 0 0 6px 0}/* creating a bubble box with css3 */.sidebar .news-article:before {content:'';position: absolute;bottom: -15px;right: 25px;width: 10px;height: 35px;-webkit-transform: rotate(55deg) skewY(55deg);-moz-transform: rotate(55deg) skewY(55deg);-o-transform: rotate(55deg) skewY(55deg);-ms-transform: rotate(55deg) skewY(55deg);transform: rotate(55deg) skewY(55deg);background: #f1f1f1}/* ------ FOOTER AREA ------ *//* footer wrapper */.footer {position: relative;background: transparent url(https://www.traina-inox.fr/uploads/simplex/images/footer-background.png) repeat-x top;border-bottom: 1px dotted #e9e9e9;margin: 25px 0 10px 0;padding: 20px 0}/* copyright text */.copyright {padding-top: 15px}.copyright p,.copyright a {color: #555;font-size: 11px}/* social icons */.footer ul.social {padding: 0;margin: 0}.footer .social li {float:left;margin: 0;padding: 0;list-style: none;margin-right: 6px}.footer .social li a {display: block;width: 24px;height: 24px;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;text-indent: -999em}.footer .social li.facebook a {/* using sprite image, left as reference to single imagebackground: transparent url(https://www.traina-inox.fr/uploads/simplex/images/facebook-icon.png) no-repeat 0 -24px*/background: transparent url(https://www.traina-inox.fr/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -260px}.footer .social li.facebook a:hover {/* using sprite image, left as reference to single imagebackground: transparent url(https://www.traina-inox.fr/uploads/simplex/images/facebook-icon.png) no-repeat 0 0*/background: transparent url(https://www.traina-inox.fr/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -236px}.footer .social li.twitter a {/* background: transparent url(https://www.traina-inox.fr/uploads/simplex/images/twitter-icon.png) no-repeat 0 -24px */background: transparent url(https://www.traina-inox.fr/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -192px}.footer .social li.twitter a:hover {/* background: transparent url(https://www.traina-inox.fr/uploads/simplex/images/twitter-icon.png) no-repeat 0 0 */background: transparent url(https://www.traina-inox.fr/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -168px}.footer .social li.linkedin a {/* background: transparent url(https://www.traina-inox.fr/uploads/simplex/images/linkedin-icon.png) no-repeat 0 -24px */background: transparent url(https://www.traina-inox.fr/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -328px}.footer .social li.linkedin a:hover {/*  background: transparent url(https://www.traina-inox.fr/uploads/simplex/images/linkedin-icon.png) no-repeat 0 0 */background: transparent url(https://www.traina-inox.fr/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -304px}.footer .social li.youtube a {/* background: transparent url(https://www.traina-inox.fr/uploads/simplex/images/youtube-icon.png) no-repeat 0 -24px */background: transparent url(https://www.traina-inox.fr/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -396px}.footer .social li.youtube a:hover {/* background: transparent url(https://www.traina-inox.fr/uploads/simplex/images/youtube-icon.png) no-repeat 0 0 */background: transparent url(https://www.traina-inox.fr/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -372px}/* back to top anchor */.back-top a {display: inline-block;width: auto;padding: 8px;border-left: 5px solid #fff;border-right: 5px solid #fff;font:  normal italic 11px/20px Georgia, Times New Roman, serif;text-decoration: none;color: #555;background: #f1f1f1;color: #555;border-radius: 10px 0 10px 0;-webkit-border-radius: 10px 0 10px 0;-moz-border-radius: 10px 0 10px 0;-o-border-radius: 10px 0 10px 0;position: absolute;top: -14px;left: 48%}/* Footer navigation */.footer-navigation {padding-top: 15px;font-size:12px;}.footer-navigation > ul > li {float:left;width: 32.333%}.footer-navigation > ul > li > a,.footer-navigation > ul > li span.sectionheader {font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;text-transform: uppercase;color: #555;text-decoration: none;display: block}/* second level */.footer-navigation > ul ul {margin-top: 10px}.footer-navigation > ul > li li {float: none;width: 100%;display: block}.footer-navigation > ul > li li a,.footer-navigation > ul > li.sectionheader li a,.footer-navigation > ul > li li span.sectionheader  {text-decoration: none;font-family: sans-serif;font-weight: normal;text-transform: none;display: block;padding: 2px 0;color: #555}.footer-navigation > ul > li li a:hover {color: #3a64ab}/***bandeau***/}.bandeau{padding: 0;box-shadow: 5px 0px 80px #555}.legendetr {font-size: 9px;color: #9e9e9e;font-style: italic;margin:5px 0;width:100%;text-align: center;}.important {color: #ff5900;}.cadrephoto {border: 1px solid #bababa;padding: 5px;}.margetoptext {margin-top: 0;}.justifier {text-align: justify;}.lisibilitelegende {padding: 0 25px 0 15px;}.listegood {list-style-type: none;padding: 0px;margin: 0px;}.listegood li {/*background-image: url(https://www.traina-inox.fr/uploads/ettttccccc.gif);*/background-repeat: no-repeat;/* background-position: 0px center;*/padding: 1em 0 1em 20px;border-bottom: 1px dotted #dedede;}/***********rajout******************/img {max-width:100%;height:auto;}figcaption {text-syle:italic;font-weight:bold;font-size:0.82em;text-align:center;color:#928585;padding-top:14px;}.catalogue {padding:1em; margin:1em 2em;border:1px solid #3964ab;background: transparent url(https://www.traina-inox.fr/uploads/simplex/images/angle-catalogue.png) no-repeat top right;}.milieu {text-align:center;color:#343231;font-weight:bold;font-size:0.9em;}/**********alertcookies***************/.tarteaucitronAlertBigTop {background-color:#1b7cd4!important;}#tarteaucitronPersonalize {background-color:#0f457a!important;}#tarteaucitronDotGreen {background-color:#165fb2!important;}/****************** formulaires complets******/.livdif {font-size:1.3em;text-decoration:underline;}.formpartlist {list-style-type: none;margin: 20px;padding: 0;}.formpartlist li {padding:5px;font-size:12px;font-weight:200;border-bottom:1px solid #ababab;}.formpartlist li:last-child {padding:5px;border-bottom:none;}.intitule {font-weight:bold;}
/* Stylesheet: Simplex: Layout Modified On 2018-09-12 14:20:32 */
/* Sample FormBuilder CSS base */
form {margin-top:0}
form, td, th, li { font-size: 100%; font-weight:bold;}
form div {margin-bottom:0}
fieldset div {
	margin-bottom:0.5em;
	margin-left:1em;
}
fieldset div div {
	margin-top:0.5em;
	margin-left:1em
}
fieldset {
	margin-bottom:1em;
	border:none;
	padding:0.5em
}
fieldset label {
	width:auto;
}
/*legend {
	color:#FFF;
	background:#ffc2a1;
	font-style:italic;
        font-weight:bold
	font-size:1em;
	margin: 0.2em;
	padding:0.2em;
	width:auto;
	
}*/
textarea {
	margin: 0.5em 0;
	width:98%;
	height: 6em
}

/* Apply this class to text/select input fields with shorter labels
	to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}

/* Pretty up your Captcha image output */
.captcha {
	margin:0.5em 0;
	width:200px;
	text-align:center
}
.captcha img {border:1px solid #644040; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}

/* Just a bit more room for the Submit button */
.submit {margin-top:0.5em}

/* Sample FormBuilder CSS base */
form {margin-top:0}
form, td, th, li { font-size: 100%}
form div {margin-bottom:0}
fieldset div {
	margin-bottom:0.5em;
	margin-left:1em;
}
fieldset div div {
	margin-top:0.5em;
	margin-left:1em
}
fieldset {
	margin-bottom:1em;
	
	padding:0.2em
}
fieldset label {
	width:auto;
}
*/legend {
	color:#fff;
	background:#ffc2a1;
	font-style:italic;
	font-size:1.2em;
        font-weight:bold;
	margin-bottom:0.5em;
	padding:0.2em;
	width:auto;
	border:1px solid #CCC;
}/*
textarea {
	margin: 0.5em 0;
	width:98%;
	height: 6em
}

/* Apply this class to text/select input fields with shorter labels
	to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}

/* Pretty up your Captcha image output */
.captcha {
	margin:0.5em 0;
	width:200px;
	text-align:center
}
.captcha img {border:1px solid #644040; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}

/* Just a bit more room for the Submit button */
.submit {margin-top:0.5em;}

.contactform input {border: 1px solid #644040;}
.contactform input.checkbox {border: none;}
.contactform label {
	display: block;
	float: left;
	width: 150px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 11px;
        font-weight: bold
}
.contactform textarea {
	background-color: #f6fbff;
	border: 1px solid #644040;
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}

#messageb input{margin:5px;padding:5px;background-color:#f6fbff;color:#ff5900;font-size:14px;font-weight:bold;}
/* Stylesheet: FormBuilder Default Style Modified On 2014-12-30 09:25:22 */