/*
	Styles generiques CITP
*/

/* Init */
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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	font-family:arial,verdana,sans-serif;
	color:#333;
}
html {background:#d1d1d1;}
body {position:relative; background:url(img/body_bg.png) repeat-x 0 0 #d1d1d1; line-height:normal; font-size:75%;}
strong {font-weight:bold;}


/* General */
.accessibility {position:absolute; left:-9999em; top:-9999em; width:0; height:0; overflow:hidden; font-size:0;}
.clearFix:after {display:block; clear:both; visibility:hidden; height:0; content:" ";} /* fix context formating bug */
.clear {display:block; clear:both; visibility:hidden; width:100%; font-size:1%;}
.lFloat {float:left;}
.rFloat {float:right;}

a.courriel,
a.courrielSubject {cursor:pointer;}

/* Structure */
#mainCtnr {position:relative; margin:auto; width:900px; min-height:572px; background:url(img/ctnr_bg.png) repeat-y; padding:0 14px;}
#entete {border-bottom:7px solid #fd8915; width:100%; height:64px;}
#navigation {width:100%; background:url(img/navigation_bg.jpg) no-repeat 0 0; padding-top:194px;}
.js #navigation {background:none; padding:0;}
#corps {width:900px;}
#pied {width:100%; height:20px; background:#7f7f7f;}




/* Entete */
#entete {padding-top:13px;}
#entete ul li {float:left; margin-right:10px;}
#identite {margin-left:23px; min-width:200px;}
#identite ul li a {display:block;}
	#citp {background:url(img/logo-citp.png) no-repeat 0 0;}
	#citp a {width:88px; height:40px;}
	#carlier {margin-top:22px; background:url(img/logo-carlier-plastiques.png) no-repeat 0 0;}
	#carlier a {width:52px; height:17px;}
#lngs {/*display:none;*/ margin:35px 43px 0 0; width:170px;}
#lngs p {float:left; margin-right:10px; font-size:83%; color:#d1d1d1;}
#lngs ul {margin-top:2px;}
	#fr {background:url(img/flag_fr.png) no-repeat 0 0;}
	#en {background:url(img/flag_en.png) no-repeat 0 0;}
#lngs a {display:block; width:15px; height:9px;}


/* Navigation */
#navigation.js {position:relative; height:219px;}
#navigation.js .hiders {display:none; position:absolute; left:0; top:0; z-index:5; width:900px; height:194px;}
#navigation.js #hide2 {top:219px; height:270px;}

.js #navigation {height:254px;}
.js #navigation.js {height:219px;}
.js #navigation ul.l0 {display:none;}
.js #navigation.js ul.l0 {display:block; position:relative; z-index:6; height:25px; background:url(img/navigation_bg.png) repeat-x 0 0;}
#navigation.js ul.l0 li.l0 {float:left; margin:0 8px 0 7px; padding:0 10px; line-height:25px; color:#fff;}
#navigation.js ul.l0 li.l0 a {display:block; min-height:25px; text-decoration:none; color:#fff;}
#navigation.js ul.l0 li.l0.current {background:url(img/navigation_bg.png) repeat-x 0 -25px;}
#navigation.js ul.l0 li.l0.focus {background:url(img/navigation_bg.png) repeat-x 0 -25px;}
#navigation.js ul.l0 li.l0.last {margin-right:0;}
#navigation.js ul.l0 li.l0 a strong {color:inherit;}
#navigation.js ul.l-1 {position:absolute; left:0; top:25px; z-index:6; background:#4b4b4b;}
	#navigation.js #l12 {left:104px;}
	#navigation.js #l13 {left:273px;}
	#navigation.js #l14 {left:401px;}
	#navigation.js #l15 {left:548px;}
	#navigation.js #l16 {left:686px;}
#navigation.js ul.l-1 a {display:block; min-height:25px; padding:0 25px 0 15px; line-height:25px;}
#navigation.js li.l-1.more a {background:url(img/puce_fleche.png) no-repeat right 50%;}
#navigation.js ul.l-1 a:hover,
#navigation.js li.l-1.more a:hover {background-color:#7f7f7f;}
#navigation.js ul.l-2 {position:absolute; left:0; top:0; background:url(img/navigation_l2_bg.png) repeat-y 0 0 #4b4b4b; padding:10px 0; font-size:92%;}
	#navigation.js #l222 {left:184px; top:25px; width:130px;}
	#navigation.js #l232 {left:151px; top:25px; width:220px;}
	#navigation.js #l241 {left:188px; width:170px;}
	#navigation.js #l242 {left:188px; top:25px; width:170px;}
	#navigation.js #l243 {left:188px; top:50px; width:170px;}
#navigation.js ul.l-2 a {min-height:16px!important; background-image:none!important; padding:0 20px 0 15px; line-height:16px!important;}
#navigation.js ul.l-2 a:hover {background-color:transparent!important; text-decoration:underline!important;}


/* Corps */
/* Structures */
.sep {margin-bottom:10px;}
#col {position:relative; float:right; border-bottom:1px solid #7f7f7f; width:200px; background:/*url(img/col_bot_bg.png) no-repeat 0 bottom*/ #e8e8e8;}
#col.light {background-image:none;}
#col .ctnr {width:180px; min-height:60px; background:url(img/col_top_bg.png) repeat-x 0 top; padding:25px 12px 15px 8px;}
#mainCol {position:relative; float:right; width:700px; background:#fff;}
#mainCol .ctnr {width:670px; padding:25px 15px 15px;}
.last {margin-right:0!important; margin-bottom:0!important;}


#mainCol h1 {float:left; clear:both; margin-bottom:5px; border-bottom:1px solid #b7b7b7; background:url(img/puce_chevrons.png) no-repeat 0 4px; padding:0 2em 0 1em; text-transform:uppercase; font-size:150%; color:#585858;}
#mainCol h1 em {color:#fd8915;}
#mainCol h2 {clear:left; margin-bottom:5px; padding-left:20px; text-transform:uppercase; font-size:117%; font-weight:bold;}
#mainCol.activites h1 {float:none; background:none; padding:0 0 0 0.5em; font-size:350%; color:#585858;}
#mainCol.activites h2.sTitle {margin-bottom:5px; padding:0 0 0 0.8em; text-transform:uppercase; font-size:250%; color:#7f7f7f;}
#mainCol h3 {margin-bottom:5px; text-transform:uppercase; font-weight:bold; color:#fd8915}
#mainCol a {color:#fd8915;}
#mainCol .ctnr p {margin-bottom:1em;}
#mainCol .ctnr .strLR {padding:0 20px;}
#mainCol .ctnr .strLR .col {float:left; margin-right:10px; width:310px;}
#mainCol .ctnr .panoramique {clear:left; position:relative; margin-bottom:5px; background:#c6c6c6; padding:5px 20px;}
	#mainCol .ctnr .panoramique2 {position:relative; margin-bottom:5px; width:640px; height:157px; overflow:hidden; background:#c6c6c6; padding:5px 10px 5px 20px;}
	#mainCol .ctnr .panoramique2 .galerie ul li {float:left; margin-right:10px;}
	#mainCol .ctnr .panoramique2 .galerie ul li img.blank {width:203px; height:154px;}
	#mainCol .ctnr #btnNext {position:absolute; left:-8px; top:100px; width:28px; height:53px; background:url(img/galerie-fleches.png) no-repeat 0 0; cursor:pointer;}
	#mainCol .ctnr #btnPrev {position:absolute; right:-8px; top:100px; width:28px; height:53px; background:url(img/galerie-fleches.png) no-repeat -28px 0; cursor:pointer;}

#mainCol .ctnr .col ul.ul {margin-bottom:1em;}
#mainCol .ctnr .col ul.ul li {list-style:inside disc;}
#mainCol .ctnr .col em {font-weight:bold; color:#fd8915;}
#mainCol .ctnr .col .signature {margin-top:1em; text-align:right; font-size:92%; font-style:italic;}

#mainCol .partenaire {margin:20px 0; background:#b7b7b7;}
#mainCol .partenaire h2 {height:40px; background:#9f9f9f; text-align:center; text-transform:uppercase; line-height:40px; font-size:125%; font-weight:bold; color:#fff;}
#mainCol .partenaire h3 {text-transform:none; font-weight:bold; color:#333;}
#mainCol .partenaire .strLR {padding:10px 35px;}
#mainCol .partenaire .strLR .col {width:295px;}
#mainCol .partenaire .strLR ul {margin-left:12px; padding:10px 0;}
#mainCol .partenaire .strLR ul li {min-height:18px; background:url(img/puce_coche.png) no-repeat 0 5px; padding-left:18px; line-height:18px; font-size:92%;}
#mainCol .partenaire .btn {margin:0 auto; width:296px; height:32px; background:url(img/btn_bg.png) no-repeat 0 0; padding-top:10px;}
#mainCol .partenaire .btn a {display:block; margin:0 auto; width:230px; background:url(img/puce_chevrons.png) no-repeat 0 4px; padding-left:15px; font-size:117%; color:#fd8915;}
#mainCol .partenaire .btn a em {text-decoration:none; font-size:150%; font-weight:bold; color:inherit;}

#col h2 {margin:0 0 5px 5px; background:url(img/puce_chevrons.png) no-repeat 0 -48px; padding-left:0.9em; text-transform:uppercase; font-size:92%; color:#585858;}

#sNavigation li.navIt {border-top:1px solid #d1d1d1; min-height:30px; line-height:30px;}
#sNavigation li.navIt.first {border:0;}
#sNavigation li.navIt a {text-decoration:none;}
#sNavigation li.navIt a:hover span {color:#fd8915;}
#sNavigation li.navIt a.selected span {font-weight:bold;}
#sNavigation li.navIt a.current span {font-weight:bold; color:#fd8915;}
#sNavigation ul.subSNav {margin-left:15px; padding-bottom:17px;}
#sNavigation ul.subSNav li {min-height:16px; line-height:16px;}
#sNavigation ul.subSNav li a {text-decoration:none; color:#8e8e8e;}
#sNavigation ul.subSNav li.selected a {font-weight:bold;}
#sNavigation ul.subSNav li.current a,
#sNavigation ul.subSNav li a:hover {text-decoration:underline;}


/* Pages */
#navHome li {float:left; margin-right:6px; background:no-repeat 0 0;}
#navHome li a {display:block; width:70px; height:259px; background:no-repeat 0 0;}
#navHome li#cuves {background-image:url(img/cuves-stockage.jpg);}
#navHome li#tuyau {background-image:url(img/tuyauterie-gaines.jpg);}
#navHome li#equip {background-image:url(img/equipements-process.jpg);}
#navHome li#disol {background-image:url(img/disolveur-de-sel.jpg);}
#navHome li#solut {background-image:url(img/solutions-agriculture.jpg);}
#navHome li#cuves a {background-image:url(img/fr/cuves-stockage.png);}
#navHome li#tuyau a {background-image:url(img/fr/tuyauterie-gaines.png);}
#navHome li#equip a {background-image:url(img/fr/equipements-process.png);}
#navHome li#disol a {background-image:url(img/fr/disolveur-de-sel.png);}
#navHome li#solut a {background-image:url(img/fr/solutions-agriculture.png);}

.homeBlk {margin-bottom:5px; background:url(img/home_cart_top_bg.png) no-repeat 0 0; padding-top:10px; font-size:84%; color:#fff!important;}
.homeBlk .bot {height:19px; background:url(img/home_cart_bot_bg.png) no-repeat 0 0;}
.homeBlk.light .bot {height:5px;}
.vcard {margin:0 7px;}
.vcard * {color:#fff;}
.vcard .org {font-size:109%; font-weight:bold;}

#navComposite {margin:30px 0 30px 20px;}
#navComposite li {float:left; margin-right:10px; background:no-repeat 0 0;}
#navComposite li a {display:block; width:150px; height:312px; background:no-repeat 0 0;}
#navComposite li#corrosion {background-image:url(img/composite-corrosion.jpg);}
#navComposite li#miseEnOeuvre {background-image:url(img/composite-miseenoeuvre.jpg);}
#navComposite li#polyester {background-image:url(img/composite-polyester.jpg);}
#navComposite li#thermoplastique {background-image:url(img/composite-thermoplastique.jpg);}
#navComposite li#corrosion a {background-image:url(img/fr/composite-corrosion.png);}
#navComposite li#miseEnOeuvre a {background-image:url(img/fr/composite-miseenoeuvre.png);}
#navComposite li#polyester a {background-image:url(img/fr/composite-polyester.png);}
#navComposite li#thermoplastique a {background-image:url(img/fr/composite-thermoplastique.png);}

#lesNormes {margin-top:1em; width:286px; height:93px; background:url(img/btn_normes.png) no-repeat 0 0; padding:0.5em 1em;}
#lesNormes ul {margin-left:3em;}
#lesNormes p,
#lesNormes ul li {color:#fff;}

#mainCol.implantations .ctnr .strLR {position:relative; padding:0;}
#mainCol.implantations .ctnr .strLR .col {width:328px; background:url(img/implantation-bethune.jpg) no-repeat 0 0; padding-top:200px;}
.implantations .col.last {background-image:url(img/implantation-chaponnay.jpg)!important;}
.implantations .col .vcard {margin:auto; width:296px; color:#9f9f9f!important;}
.implantations .col .vcard .titre {width:278px; height:45px; background-image:url(img/btn_bg.png); padding:15px 0 0 18px; font-size:83%!important; color:#9f9f9f;}
.implantations .col .vcard .titre .adr,
.implantations .col .vcard .titre .region {padding-left:0; color:#9f9f9f;}
.implantations .col .vcard .titre strong {text-transform:uppercase; font-weight:bold; font-size:117%!important; color:#333;}
.implantations .col .vcard .titre em {font-weight:normal!important; color:#333!important;}
.implantations .col .adr,
.implantations .col .tel,
.implantations .col .tel .type,
.implantations .col .tel .value,
.implantations .col .email,
.implantations .col dl {padding-left:18px; color:#585858!important;}
.implantations .col .tel .type,
.implantations .col .tel .value {padding:0;}
.implantations .col .street-address,
.implantations .col .postal-code,
.implantations .col .locality {color:#585858!important;}
.implantations .col .email {color:#fd8915!important;}
.implantations .col dl {margin:1em 0 0 -10px;}
.implantations .col dl dt {background:url(img/puce_li20.png) no-repeat 0 50%; padding-left:10px; font-weight:bold; color:#fd8915!important;}
.implantations .col dl dd {margin:0 0 0.3em 10px; color:#585858!important;}

#mainCol .contact {margin:20px 0; background:#e8e8e8;}
#mainCol .contact h2 {height:40px; background:#9f9f9f; padding-left:55px; text-transform:uppercase; line-height:40px; font-size:125%; font-weight:normal; color:#fff;}
#mainCol .contact h2 strong {font-weight:bold; color:#fff;}
#mainCol .contact h3 {text-transform:none; font-weight:bold; color:#333;}
#mainCol .contact .strLR {padding:10px 55px;}
#mainCol .contact .strLR .col {width:275px;}
	#map {background:url(img/contact_bg.png) repeat-x 0 0; text-align:center;}
	.js #map {display:none;}
	.js #mapHolder ul {display:none;}
	#mapHolder .region {height:30px; background:#fbe3bf; padding-left:2em; line-height:30px; font-weight:bold;}
	#mapHolder .vcard {margin:0; background:#f2ece2; padding:0 0 1em 3em;}
	#mapHolder .vcard * {color:#333;}
	#mapHolder .vcard .title {font-weight:bold; color:#fd8915;}

#navActivites {margin:30px 0 30px 20px;}
#navActivites li {float:left; margin:0 6px 6px 0; background:no-repeat 0 0;}
#navActivites li a {display:block; width:150px; height:152px; background:no-repeat 0 0;}
#navActivites li#chimie {background-image:url(img/activites-chimie.jpg);}
#navActivites li#environnement {background-image:url(img/activites-environnement.jpg);}
#navActivites li#metallurgie {background-image:url(img/activites-metallurgie.jpg);}
#navActivites li#energie {background-image:url(img/activites-energie.jpg);}
#navActivites li#agroAlimentaire {background-image:url(img/activites-agroalimentaire.jpg);}
#navActivites li#papeterie {background-image:url(img/activites-papeterie.jpg);}
#navActivites li#pharmacie {background-image:url(img/activites-pharmacie.jpg);}
#navActivites li#lessiveSavon {background-image:url(img/activites-lessive-savon.jpg);}
#navActivites li#chimie a {background-image:url(img/fr/activites-chimie.png);}
#navActivites li#environnement a {background-image:url(img/fr/activites-environnement.png);}
#navActivites li#metallurgie a {background-image:url(img/fr/activites-metallurgie.png);}
#navActivites li#energie a {background-image:url(img/fr/activites-energie.png);}
#navActivites li#agroAlimentaire a {background-image:url(img/fr/activites-agroalimentaire.png);}
#navActivites li#papeterie a {background-image:url(img/fr/activites-papeterie.png);}
#navActivites li#pharmacie a {background-image:url(img/fr/activites-pharmacie.png);}
#navActivites li#lessiveSavon a {background-image:url(img/fr/activites-lessive-savon.png);}

#navEnvironnement {margin:30px 0 30px 20px;}
#navEnvironnement li {float:left; margin:0 7px 7px 0; background:no-repeat 0 0;}
#navEnvironnement li a {display:block; width:203px; height:154px; background:no-repeat 0 0;}
#navEnvironnement li.second a {height:181px;}
#navEnvironnement li#traitementAir {background-image:url(img/activites-air.jpg);}
#navEnvironnement li#traitementEau {background-image:url(img/activites-eau.jpg);}
#navEnvironnement li#traitementEffluents {background-image:url(img/activites-effluents.jpg);}
#navEnvironnement li#valorisationMenagers {background-image:url(img/activites-dechets-menagers.jpg);}
#navEnvironnement li#valorisationIndustriels {background-image:url(img/activites-dechets-industriels.jpg);}
#navEnvironnement li#methanisation {background-image:url(img/activites-methanisation.jpg);}
#navEnvironnement li#traitementAir a {background-image:url(img/fr/activites-air.png);}
#navEnvironnement li#traitementEau a {background-image:url(img/fr/activites-eau.png);}
#navEnvironnement li#traitementEffluents a {background-image:url(img/fr/activites-effluents.png);}
#navEnvironnement li#valorisationMenagers a {background-image:url(img/fr/activites-dechets-menagers.png);}
#navEnvironnement li#valorisationIndustriels a {background-image:url(img/fr/activites-dechets-industriels.png);}
#navEnvironnement li#methanisation a {background-image:url(img/fr/activites-methanisation.png);}

#navRealisations {margin:30px 0 30px 20px;}
#navRealisations li {float:left; margin-right:7px; background:no-repeat 0 0;}
#navRealisations li a {display:block; width:203px; height:186px; background:no-repeat 0 0;}
#navRealisations li#cuves {background-image:url(img/realisations-cuves.jpg);}
#navRealisations li#equipementProcess {background-image:url(img/realisations-equipements.jpg);}
#navRealisations li#tuyauterieGaines {background-image:url(img/realisations-tuyauterie.jpg);}
#navRealisations li#cuves a {background-image:url(img/fr/realisations-cuves.png);}
#navRealisations li#equipementProcess a {background-image:url(img/fr/realisations-equipement.png);}
#navRealisations li#tuyauterieGaines a {background-image:url(img/fr/realisations-tuyauterie.png);}

#navStandards {margin:30px 0 30px 20px;}
#navStandards li {float:left; margin-right:7px; background:no-repeat 0 0;}
#navStandards li a {display:block; width:150px; height:179px; background:no-repeat 0 0;}
#navStandards li#disolveurSel {background-image:url(img/standards-disolveur.jpg);}
#navStandards li#stockageEngrais {background-image:url(img/standards-stockage.jpg);}
#navStandards li#standardsFabrication {background-image:url(img/standards-fabrication.jpg);}
#navStandards li#equipement {background-image:url(img/standards-equipement.jpg);}
#navStandards li#disolveurSel a {background-image:url(img/fr/standards-disolveur.png);}
#navStandards li#stockageEngrais a {background-image:url(img/fr/standards-stockage.png);}
#navStandards li#standardsFabrication a {background-image:url(img/fr/standards-fabrication.png);}
#navStandards li#equipement a {background-image:url(img/fr/standards-equipement.png);}

#mainCol .docs {margin:20px 0; background:url(img/docs_bg.png) repeat-x #cecece;}
#mainCol .docs h2 {height:40px; background:#9f9f9f; padding-left:0; text-align:center; text-transform:uppercase; line-height:40px; font-size:117%; font-weight:bold; color:#fff;}
#mainCol .ctnr .docs .col {float:none; margin:0; width:auto;}
#mainCol .docs ul {margin-left:15px; padding:10px 0;}
#mainCol .docs ul li {margin-bottom:1em; background:url(img/puce_pdf.png) no-repeat 0 0; padding-left:25px;}
#mainCol .docs ul li.pps {background-image:url(img/puce_pps.png);}
#mainCol .docs ul li a {display:block; text-decoration:underline; font-size:92%; color:#fff;}

#mainCol .mois h2.itemMonth {float:right; text-transform:uppercase; font-size:150%; color:#b7b7b7;}
.mois ul {clear:both;}
.mois ul li {margin-bottom:1.5em; background:url(img/puce_news.png) repeat-x 0 bottom;}
#mainCol .mois h3.itemTitle {margin-bottom:0; font-size:135%; color:#333;}
.mois h4 {margin-bottom:1em; font-size:109%; font-weight:bold;}
.mois .itemDate {color:#fd8915;}
.mois .itemSummary .itemImg {display:block; float:left; margin:0 20px 20px 0;}
.mois .returnUp {display:block; float:right; background:#fff; padding-left:1em; font-size:83%; color:#fd8915;}
ul.mois {border-top:1px solid #7f7f7f; padding:0.5em 0 0 1em;}
ul.mois li {margin-bottom:0.2em; font-size:92%; color:#7f7f7f;}
ul.mois li a {text-decoration:none; color:#7f7f7f;}
ul.mois li a:hover {text-decoration:underline;}

ul.siteMap li.l1 {list-style:inside disc; margin-bottom:1em;}
#mainCol ul.siteMap li.l1 a {text-decoration:none; font-weight:bold; color:#333;}
ul.siteMap a:hover {text-decoration:underline;}
ul.siteMap li.l2 {list-style:inside circle; margin:0 0 0 2em;}
#mainCol ul.siteMap li.l2 a {font-weight:normal; color:#585858;}
ul.siteMap li.l2 ul {margin-bottom:0.5em;}
ul.siteMap li.l3 {list-style:inside square; margin:0 0 0 2em;}
#mainCol ul.siteMap li.l3 a {color:#fd8915;}


/* Footer */
#pied ul {padding:5px 0 0 15px; line-height:1em; font-size:84%;}
#pied li {float:left; border-right:1px solid #fff; padding:0 5px; color:#fff;}
#pied li.last {border:0;}
#pied li a {text-decoration:none; color:#fff;}
#pied li a:hover {text-decoration:underline;}


/* Pop-ups */


/* JSDriven */