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

/*----------- GENERALITÉ -----------*/
* { margin: 0; padding: 0; }
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; }
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; }
strong { font-weight: bold; }
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; }

/*----------- GENERALITÉ POUR CE SITE -----------*/
body#industrie-poetique {background-color: #eee; margin:0; padding:0; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 1; color: #898787; }
#industrie-poetique .container { width: 1000px;}
#industrie-poetique #ip-contenue {padding:50px 60px 40px 60px; margin:0 auto; background:#FFF; border-bottom: #7c7b7b solid 2px; position: relative;}
#industrie-poetique #ip-contenue:after {background: url(../images/ip-bg-barre-footer.png) no-repeat center center; width: 100%;	height: 30px; position: absolute; bottom: -16px; left: -50%; content: ''; z-index: 999;	margin-left: 50%;}


/*----------- MAINTENANCE -----------*/
#industrie-poetique.maintenance {
background-image: linear-gradient(to right, #2c292a 0%, #f1dcb7 100%);/*__________A CHANGER! */
background-image: -webkit-linear-gradient(to right, #2c292a 0%, #f1dcb7 100%); /*__________A CHANGER! */
background-image: -moz-linear-gradient(to right, #2c292a 0%, #f1dcb7 100%); /*__________A CHANGER! */
color: #fff; padding: 0;
}
#industrie-poetique.maintenance #box-logo {background: url(../images/bg-header.png) center center; background-size: cover; width: 100%;}
#industrie-poetique.maintenance #box-logo img { margin: 0 auto; text-align: center; /*width: 30%;*/ display: block;}
#industrie-poetique.maintenance #box-logo {display:table; height:300px; min-height: 200px;}
#industrie-poetique.maintenance #box-logo span {display:table-cell; vertical-align:middle;}

#industrie-poetique.maintenance #box-texte {background: url(../images/maintenance.gif) no-repeat center top; width: 100%; opacity: 0.1; min-height: 500px; z-index: 1; }
#industrie-poetique.maintenance #contenu-texte { width: 500px; position: absolute; top: 350px; margin-left: -250px; left: 50%; text-align: center; z-index: 100;}
#industrie-poetique.maintenance #contenu-texte p { padding-bottom: 10px; line-height: 25px;	font-size: 20px;}
#industrie-poetique.maintenance #contenu-texte p strong { font-weight: 600;color: #933057;}
#industrie-poetique.maintenance #contenu-texte h2 { font-size: 54px; margin-bottom: 34px; color: #FFF; border-bottom: 1px solid #FFF; padding-bottom: 32px; font-weight: 400; text-transform: uppercase;}

/*----------- RESPONSIVE -----------*/
@media screen and (max-width: 960px) {
/*body#industrie-poetique { background:blue; }*/
#industrie-poetique .container { width: 750px;}
#industrie-poetique.maintenance #box-logo img { height: 190px;}
}

@media screen and (max-width: 779px) {
/*body#industrie-poetique { background:green; }*/
#industrie-poetique #ip-breadcrumb { display: none; }
#industrie-poetique .container { width: 100%;}
#industrie-poetique.maintenance #box-logo img { height: 190px;}
#industrie-poetique.maintenance #box-logo {height:200px; min-height: 100px;}
#industrie-poetique.maintenance #contenu-texte { top: 250px; }
#industrie-poetique.maintenance #contenu-texte p { line-height: 24px;	font-size: 21px;}
#industrie-poetique.maintenance #contenu-texte h2 { font-size: 45px;}
}

@media screen and (max-width: 479px) {
/*body#industrie-poetique { background:yellow; }*/
#industrie-poetique #ip-breadcrumb { display: none; }
#industrie-poetique .container { width: 100%;}
#industrie-poetique.maintenance #box-logo img { height: 150px;}
#industrie-poetique.maintenance #box-logo {height:200px; min-height: 100px;}
#industrie-poetique.maintenance #contenu-texte { top: 250px; width: 240px; margin-left: -120px; }
#industrie-poetique.maintenance #contenu-texte p { line-height: 24px;	font-size: 16px;}
#industrie-poetique.maintenance #contenu-texte h2 { font-size: 32px;}
}


/* A CHANGER!
#2c292a     (gris)
______________________________

#f1dcb7     (couler logo)

*/