@charset "UTF-8";

@font-face {
	font-family: 'TuffyRegular';
	src: url('../../../medias/modeles/public/fonts/Tuffy.eot');
	src: local('Tuffy Regular'), local('Tuffy'), url('../../../medias/modeles/public/fonts/Tuffy.woff') format('woff'), url('../../../medias/modeles/public/fonts/Tuffy.ttf') format('truetype'), url('../../../medias/modeles/public/fonts/Tuffy.svg#Tuffy') format('svg');
}

@font-face {
	font-family: 'TuffyItalic';
	src: url('../../../medias/modeles/public/fonts/Tuffy_Italic.eot');
	src: local('Tuffy Italic'), local('Tuffy-Italic'), url('../../../medias/modeles/public/fonts/Tuffy_Italic.woff') format('woff'), url('../../../medias/modeles/public/fonts/Tuffy_Italic.ttf') format('truetype'), url('../../../medias/modeles/public/fonts/Tuffy_Italic.svg#Tuffy-Italic') format('svg');
}

@font-face {
	font-family: 'TuffyBold';
	src: url('../../../medias/modeles/public/fonts/Tuffy_Bold.eot');
	src: local('../../../medias/modeles/public/fonts/Tuffy Bold'), local('Tuffy-Bold'), url('Tuffy_Bold.woff') format('woff'), url('../../../medias/modeles/public/fonts/Tuffy_Bold.ttf') format('truetype'), url('../../../medias/modeles/public/fonts/Tuffy_Bold.svg#Tuffy-Bold') format('svg');
}

@font-face {
	font-family: 'TuffyBold-Italic';
	src: url('../../../medias/modeles/public/fonts/Tuffy_Bold_Italic.eot');
	src: local('Tuffy Bold-Italic'), local('Tuffy-Bold-Italic'), url('../../../medias/modeles/public/fonts/Tuffy_Bold_Italic.woff') format('woff'), url('Tuffy_Bold_Italic.ttf') format('truetype'), url('../../../medias/modeles/public/fonts/Tuffy_Bold_Italic.svg#Tuffy-Bold-Italic') format('svg');
}


/*--------------------------------------------- Page Layout ---------------------------------------------------------*/

body {
background:#e1edfb url(../../../medias/modeles/public/fonds/bg_body.jpg) repeat-x top left;
text-align:center;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:1em;
color:#444;
}


#header,#nav,#main,#footer {
clear:both;
}

#container {
text-align:center;
min-width:980px;
float:left;
width:100%;
}

#page {
width:980px;
margin:0 auto;
min-height:1167px
}

#header {
position:relative;
color:#000;
height:287px
}

#main {
padding:10px 0;
}

#footer {
background:transparent url(../../../medias/modeles/public/fonds/footer_pattern.png) repeat-x bottom center;
color:#666;
padding:0 0 0 0;
height:327px;
}

#footer_top {
background:transparent url(../../../medias/modeles/public/fonds/bg_footer.jpg) repeat-x top center;
padding:0;
margin-bottom:0;
height:75px;
}

#footer_content {
background:transparent url(../../../medias/modeles/public/elements/footer_logo.jpg) no-repeat 20px 0 ;
margin:0 auto;
min-height:120px;
padding-top:20px;
text-align:left;
position:relative;
width:980px;
}

#chapeau {
text-indent:-3000em;
}

/*------------------------------------------- Header Navigation -----------------------------------------------------------*/

div#header ul#topnav {
position:absolute;
left:434px;
top:0px;
height:35px;
padding:0 2px;
width:540px;
}

div#header ul#topnav li {
background:url(../../../medias/modeles/public/fonds/bg_header_menu.png) no-repeat;
float:left;
width:108px;
height:35px;
text-align:center;
}

div#header ul#topnav li a {
text-transform:uppercase;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:0.69em;
line-height:2.19em;
text-decoration:none;
font-weight:bold;
}

div#header ul#topnav li a:hover {
text-decoration:underline;
}

div#header ul#header-language {
position:absolute;
top:35px;
left:786px;
padding:0 2px;
width:180px;
}

div#header ul#header-language li {
float:left;
height:30px;
list-style-type:none;
margin-right:10px;
text-align:left;
width:80px;
line-height:1.88em;
}

div#header ul#header-language li#nav-de {
background:url(../../../medias/modeles/public/elements/nav_de.png) no-repeat 0 3px;
}

div#header ul#header-language li#nav-uk {
background:url(../../../medias/modeles/public/elements/nav_uk.png) no-repeat 0 3px;
}

div#header ul#header-language li#nav-fr {
background:url(../../../medias/modeles/public/elements/nav_fr.png) no-repeat 0 3px;
}

div#header ul#header-language li a {
color:#FFF;
font-size:0.7em;
font-style:italic;
font-weight:bold;
padding-left:34px;
text-decoration:none;
}

div#header #logo a {
position:absolute;
top:45px;
left:45px;
width:180px;
height:220px;
}

div#header #logo a span {
display:none;
}

/*------------------------------------------- Footer Navigation -----------------------------------------------------------*/

div#footer #footer-nav {
margin-left:192px;
width:180px;
}

div#footer h4 {
color:#FFF;
font-size:0.85em;
text-transform:uppercase;
background:url(../../../medias/modeles/public/elements/white_arrow.gif) no-repeat left center;
padding:2px 0 2px 18px;
}

div#footer #footer-nav ul li a {
color:#82cdec;
font-size:1em;
font-weight:normal;
}

div#footer #footer-info {
margin-left:492px;
}

div#footer #footer-nav ul li, div#footer #footer-info p {
color:#82cdec;
font-size:0.75em;
font-weight:normal;
line-height:1.25em;
padding:0 0 1px 18px;

}

div#footer #footer-info p {
margin-bottom:12px;
}

div#footer #footer-info a {
color:#d0ecf8;
font-size:1em;
font-weight:normal;
}

/*------------------------------------------- Formatting content container -----------------------------------------------------------*/

#col1_content, #col2_content, #col3_content {
position:relative;
}

#col1 {
float:left;
width:265px;
margin:0;
}


#col2 {
float:left;
margin:0;
width:485px;
}

#col3 {
margin-left:750px;
margin-right:0;
}

#col3_content, #col2_content {
margin:0;
padding:0;
text-align:left;
}


/*------------------------------------------- col1 content -----------------------------------------------------------*/

#col1_content #intro {
background:url(../../../medias/modeles/public/fonds/bg_intro.jpg) no-repeat;
color:#4E4E4E;
margin:22px 0 0 -3px;
min-height:346px;
padding:44px 14px 0 14px;
text-align:left;
width:235px;
}

#col1_content #intro h1 {
display:none;
}

#col1_content #intro h2, #col1_content #intro h3 {
margin-left:4px;
}

#col1 h2 {
color:#009EE0;
letter-spacing:-0.05em;
text-transform:uppercase;
text-align:left;
line-height:1em;
font-size:0.95em
}


#col1_content div#intro ul li {
color:#333;
font-size:0.75em;
margin:10px 0 0 0;
padding:6px 0 0 58px
}

#col1_content div#intro ul li#entreprises {
background:url(../../../medias/modeles/public/elements/picto1.gif) no-repeat;
}

#col1_content div#intro ul li#salaries {
background:url(../../../medias/modeles/public/elements/picto2.gif) no-repeat;
}

#col1_content div#intro .next {
margin:10px 0 0 50px
}

#col1_content div#actu {
background:url(../../../medias/modeles/public/fonds/bg_actu.jpg) no-repeat;
color:#4E4E4E;
margin:22px 0 0 -3px;
min-height:300px;
padding:16px 8px 0 10px;
text-align:left;
width:236px;
}

#col1_content div#actu h2 {
padding-left:32px;
margin-bottom:10px;
}

#col1_content div#actu li {
background:url(../../../medias/modeles/public/elements/bg_date.gif) no-repeat;
height:62px;
color:#333;
font-size:0.75em;
min-height:62px;
}

#col1_content div#actu li span {
color:#FFF;
float:left;
width:36px;
height:36px;
margin:2px;
padding:5px;
text-align:center;
text-transform:uppercase;
}

#col1_content div#actu li h3 {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:1em;
color:#009EE0;
padding-top:4px;
}

#col1_content div#actu li h3, #col1_content div#actu li p {
margin-left:54px;
}


#col2_content div#diaporama {
background:url(../../../medias/modeles/public/elements/bg_diaporama.png) no-repeat;
height:207px;
margin:19px 0;
padding:16px 19px 17px 16px;
width:298px;
}

#col2_content h2#developpement, #col2_content h2#hqe {
display:block;
height:110px;
width:482px;
padding:0;
margin:0;
}

#col2_content h2#developpement span, #col2_content h2#hqe span {
display:none;
}

#col2_content h2#developpement {
background:url(../../../medias/modeles/public/elements/tt_developpement.jpg) no-repeat;
}

#col2_content h2#hqe {
background:url(../../../medias/modeles/public/elements/tt_hqe.png) no-repeat;
}

#col2_content p {
text-align:left;
color:#0099CC;
font-size:0.75em;
margin:0 20px 10px 20px;
line-height:1.2em;
}

#col2_content .next {
margin-left:370px;
}

#col3_content {
padding-top:356px
}

#col3_content h2#geographie {
background:url(../../../medias/modeles/public/elements/tt_geographie.png) no-repeat;
display:block;
height:62px;
width:230px;
padding:0;
margin:0;
line-height:1em;
}

#col3_content h2#geographie span {
display:none;
}

#col3_content p {
padding:0 10px;
font-size:0.75em;
font-family:Arial, Helvetica, sans-serif;
color:#0099CC;
margin:0 0 10px 0;
font-weight:normal;
}


#col3_content div#bloc-implantation {
background:url(../../../medias/modeles/public/elements/bg_implantation.gif) 4px 60px no-repeat;
display:block;
height:240px;
width:230px;
}

#col3_content h2#implantation {
background:url(../../../medias/modeles/public/elements/tt_implantation.png) no-repeat;
display:block;
height:78px;
width:230px;
}

#col3_content h2#implantation span {
display:none;
}

#col3_content div#bloc-implantation li {
background:url(../../../medias/modeles/public/elements/blue_arrow.gif) no-repeat left 0.25em;
padding:0 10px 5px 10px;
font-size:0.75em;
font-family:Arial, Helvetica, sans-serif;
color:#0099CC;
margin-left:15px;
}

#col3_content div#bloc-implantation li a {
color:#0099CC;
}

#plan {
width:400px;
height:400px;
position:absolute;
top:5px;
left:-150px;
}

#col3_content #renseignements {
background:url(../../../medias/modeles/public/elements/picto_phone.gif) no-repeat left center;
font-size:0.85em;
font-family:Arial, Helvetica, sans-serif;
color:#0099CC;
padding:10px 0 10px 54px;
text-transform:uppercase;
display:block;
width:156px;
height:30px;
margin-left:10px;
}



/*------------------------------------------------- Navigation Buttons -----------------------------------------------------*/

#nav * {
border:none !important;
}

/*
#nav_main {
overflow:hidden;
width:980px;
height:44px;
background: url(../../../medias/modeles/public/fonds/bg_menu.gif) repeat-x;
float:left;
display:inline;
line-height:0;
}

#nav_main ul {
display:inline;
float:left;
margin:0 0 0 10px;
padding:0;
line-height:2.75em;
}

#nav_main ul li {
background:url(../../../medias/modeles/public/elements/menu_delimit.gif) no-repeat right center;
float:left;
height:44px;
list-style-type:none;
margin:0;
padding:0 24px 0 28px;
font-size:1em;
}

#nav_main ul li.last {
background:none;
}

#nav_main ul li a {
display:block;
font-size:0.88em;
width:auto;
color:#FFF;
font-weight:normal;
padding:0 16px 0 12px;
line-height:2.75em;
}

#nav_main ul li a:focus, #nav_main ul li a:hover, #nav_main ul li a:active {
color:#fff;
}

#nav_main ul li#current strong, #nav_main ul li#current a, #nav_main ul li#current a:focus, #nav_main ul li#current a:hover, #nav_main ul li#current a:active {
color:#4D87C7;
font-weight:bold;
}*/


#nav_main {
overflow:hidden;
width:980px;
height:44px;
background: url(../../../medias/modeles/public/fonds/bg_menu.gif) repeat-x;
float:left;
display:inline;
position:relative;
}

#nav_main ul {
display:inline;
float:left;
margin:0;
padding:0;
line-height:2.75em;
}

#nav_main li {
background:url(../../../medias/modeles/public/elements/menu_delimit.gif) no-repeat right center;
float:left;
height:44px;
list-style-type:none;
margin:0;
padding:0 34px 0 34px;
font: 16px/44px 'TuffyRegular', Arial, sans-serif;letter-spacing: 0;
}

#nav_main ul li.last {
background:none;
}

li#btn_ecoparc {
padding:0 34px 0 40px;
}

#nav_main li a {
display:block;
color:#FFF;
text-decoration:none;
height:44px;
/*text-indent:-3000em;*/
/*margin:0 0 0 40px;*/
}

#nav_main li a:hover {
color:#003366;
}

/*
li#btn_ecoparc {
position:absolute;
left:42px;
}

li#btn_commercialisation {
position:absolute;
left:159px;
}

li#btn_environnement {
position:absolute;
left:351px;
}

li#btn_renseignements {
position:absolute;
left:521px;
}

li#btn_multimedia {
position:absolute;
left:696px;
}

li#btn_contact {
position:absolute;
left:885px;
}
/*
#btn_ecoparc a, #btn_commercialisation a, #btn_environnement a, #btn_renseignements a, #btn_multimedia a, #btn_contact a {
background:url(../../../medias/modeles/public/elements/menu.png) no-repeat;
text-indent:-3000em;
}

#btn_ecoparc a {
width:56px;
background-position:-42px 0;
}

#btn_commercialisation a {
width:130px;
background-position:-159px 0;
}

#btn_environnement a {
width:103px;
background-position:-351px 0;
}

#btn_renseignements a {
width:112px;
background-position:-521px 0;
}

#btn_multimedia a {
width:129px;
background-position:-696px 0;
}

#btn_contact a {
width:58px;
background-position:-885px 0;
}

#btn_ecoparc a:hover, #btn_accueil a:active {
background-position:-42px -44px;
}

#btn_commercialisation a:hover {
background-position:-159px -44px;
}

#btn_environnement a:hover {
background-position:-351px -44px;
}

#btn_renseignements a:hover {
background-position:-521px -44px;
}

#btn_multimedia a:hover {
background-position:-696px -44px;
}

#btn_contact a:hover {
background-position:-885px -44px;
}
*/
body#btn_commercialisation-on #nav_main li#btn_commercialisation a,
body#btn_environnement-on #nav_main li#btn_environnement a,
body#btn_renseignements-on #nav_main li#btn_renseignements a,
body#btn_ecoparc-on #nav_main li#btn_ecoparc a, 
body#btn_multimedia-on #nav_main li#btn_multimedia a, 
body#btn_contact-on #nav_main li#btn_contact a {
color:#003366;
}

/*--------------------------------------------- Content style ---------------------------------------------------------*/

body {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:1em;
color:#444;
}

h1,h2,h3,h4,h5,h6 {
font-family:Arial, Verdana, Helvetica;
font-weight:bold;
color:#666;
margin:0 0 0.25em;
}

h1 { font-size:200%; } /* 24px */
h2 { font-size:200%; color:#182E7A; }/* 24px */

h4 { font-size:133.33%; } /* 16px */
h5 { font-size:116.67%; } /* 14px */
h6 { font-size:116.67%; font-style:italic; } /* 14px */

#header h1 {
font-size:2.5em;
letter-spacing:-2px;
line-height:65%;
color:#000;
}

#header span {
color:#999;
}

#intro h3 {
color:#333333;
font-size:0.75em;
font-weight:normal;
}

/* Text formatting */

cite, blockquote { font-style:italic }
blockquote { margin: 0 0 1em 1.5em }

strong,b { font-weight: bold }
em,i { font-style:italic }

pre, code { font-family: monospace; font-size: 1.1em; }

acronym, abbr {
letter-spacing: .07em;
border-bottom: .1em dashed #c00;
cursor: help;
}

/* Lists */

/*ul,ol,dl {
line-height:1.5em;
margin:0 0 1em 1em;
}

li {
margin-left:1.5em;
line-height:1.5em;
}*/

/* Generic Content Classes */
a.next {
display:block;
width:100px;
height:38px;
background:url(../../../medias/modeles/public/elements/btn_suite.png) no-repeat;
margin:5px 0 5px 0;
}

a.next span {
display:none;
}

.note {
background:#cce1f6;
border-top:1px #bdb dotted;
border-bottom:1px #bdb dotted;
padding:1em;
}

.important {
background:#ffd;
border-top:1px #ddb dotted;
border-bottom:1px #ddb dotted;
padding:1em;
}

.warning {
background:#fdd;
border-top:1px #dbb dotted;
border-bottom:1px #dbb dotted;
padding:1em;
}



.center {
text-align:center;
margin:0.5em auto;
}

/* External Links */
a {
color:#4D87C7;
text-decoration:none;
}

a:focus,a:hover,a:active {
color:#182E7A;
text-decoration:underline;
}

#topnav a {
color:#999;
font-weight:400;
background:transparent;
text-decoration:none;
}

#topnav a:focus,#topnav a:hover,#topnav a:active {
text-decoration:underline;
background-color:transparent;
}

#footer a {
color:#999;
background:transparent;
font-weight:bold;
}

#footer a:focus,#footer a:hover,#footer a:active {
color:#4D87C7;
background-color:transparent;
text-decoration:underline;
}


/* Generic classes for table-width and design definition  */
table {
width:auto;
border-collapse:collapse;
margin-bottom:0.5em;
}

table.full {
width:100%;
}

table.fixed {
table-layout:fixed;
}

th,td {
padding:0.5em;
}

thead th {
background:#444;
color:#fff;
}

tbody th {
background:#ccc;
color:#333;
}

tbody th.sub {
background:#ddd;
color:#333;
}

/* Miscellaneous */
hr {
color:#fff;
background:transparent;
border:0;
border-bottom:1px #eee solid;
margin:0 0 0.5em;
padding:0 0 0.5em;
}

a.top {
position:absolute;
bottom:0;
left:600px;
display:block;
width:75px;
height:38px;
background:url(../../../medias/modeles/public/elements/btn_top.png) no-repeat;
margin:5px 0 5px 0;
}

a.top span {
display:none;
}

#developpement_suite h3 {
font-family:Arial, Verdana, Helvetica, sans-serif;
margin-left:20px;
margin-right:20px;
margin-bottom:10px;
color:#009EE0;
letter-spacing:0.6;
font-weight: bold;
text-align:left;
line-height:1.33em;
font-size:0.94em;
background:url(../../../medias/modeles/public/elements/filet_hr.gif) repeat-x bottom left;
}

#col2_content .jdGallery .slideInfoZone p
{
padding:0;
text-indent:0;
font-size:0.69em;
margin:2px 5px;
color:#FFF;
}