@charset "utf-8";
/* CSS Document */

/*________________________________________________ General pour tout le site ________________________________________________________*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul, li { list-style: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
html { -webkit-font-smoothing: antialiased; }
body#industrie-poetique { font-size: 14px; line-height: 1; color: #555; background-color: #fff; margin:0; padding:0; }
/*body#industrie-poetique { font-family: 'Open Sans', Arial, sans-serif; }*/
/*body#industriepoetique { font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; }*/
img { border-style: none; max-width: 100%; }
a { text-decoration: none; }
a:hover, a:active, a:visited { border: 0; text-decoration: underline; }
a:active, a:focus { outline:none; }
a img { border: 0; }
a:hover { text-decoration: underline; }
.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 10px 0; color: #000; line-height: 1em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
/*h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }*/
p { line-height: 24px; margin: 0; padding: 10px 0;  }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}
input[type=text],input.text, input.title, textarea, select { /*background-color:#fff; border:1px solid #bbb;*/ padding: 2px; color: #4e4e4e; border: 1px solid #153c51;}
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
textarea { padding: 4px; }

#global { width: 960px; height: 580px; margin-right: auto; margin-left: auto; }
#background { position:fixed; z-index:1; width:100%; height:100%; }
#copyright { float:left; margin-top:20px; font-family:Verdana, Geneva, sans-serif; color:#CCC; font-size:8px; z-index:20; width:960px; }
#copyright a { font-family:Verdana, Geneva, sans-serif; color:#CCC; font-size:9px; text-decoration:none; }
#copyright a:hover { text-decoration:underline; }
/*______________________________________________________________________________________________________________________________________*/


#industrie-poetique .box-bord-arrondis {background-color: #ffdde2;padding: 30px;line-height: 22px;border-radius: 20px;font-size: 16px;}
#industrie-poetique section.simple-texte { background-color: #ffffff;}
#industrie-poetique section.simple-texte.centre p, #industrie-poetique section.simple-texte.centre .display-4 {text-align: center;}
#industrie-poetique section.simple-texte p, #industrie-poetique section.simple-texte .display-4 {font-size: 1.1rem;}
#industrie-poetique section.simple-texte ul, #industrie-poetique section.simple-texte ol {padding-left: 2.2rem;padding-right: 1rem;}
#industrie-poetique section.simple-texte ul li, #industrie-poetique section.simple-texte ol li {font-size: 1.1rem;text-align: left; margin-bottom: 30px;}
#industrie-poetique section.simple-texte ul li {list-style: disclosure-closed;}
#industrie-poetique section.simple-texte ol li {list-style: decimal;}
#industrie-poetique section.simple-texte h3 {font-size: 24px;color: #d1136c;text-align: left;}
#industrie-poetique section.simple-texte.centre h3 {text-align: center;}
#industrie-poetique .card h3.sous-titre {text-align: center;margin-bottom: 10px;}
#industrie-poetique .card-box {padding: 0 10px 20px;}
@media (min-width: 1200px) {#industrie-poetique .container{width:75%;padding-top: 60px;}}
#industrie-poetique strong { font-weight: bold; color: #000 !important; font-size: 102%;}

li.actif a, li.actif li.actif a, li.actif label {color: #ff3333}
li.actif a.non {color: #000 !important}
/*----------- Sous-menu -----------*/
.mon-sous-menu input,
.mon-sous-menu ul.submenu {display: none;}
.mon-sous-menu ul.submenu {text-align: center; background: #f6c6cd; padding: 5px;}
.mon-sous-menu label {position: relative;display: block;cursor: pointer;text-align: center;}
.mon-sous-menu input:checked~ul.submenu {display: block;}


/*----------- RESPONSIVE -----------*/
@media screen and (max-width: 1300px) {
/*body#industrie-poetique { background:yellow; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: orange;}*/
}
@media screen and (max-width: 960px) {
/*body#industrie-poetique { background:blue; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: purple;}*/
}
@media screen and (max-width: 779px) {
/*body#industrie-poetique { background:green; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: blue;}*/
}
@media screen and (max-width: 479px){
/*body#industrie-poetique { background:yellow; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: orange;}*/
}