@media all {
	/* Reset
	-------------------------------------------------------------- */
	html, body, div, span,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, cite, code,
	del, dfn, em, font, img, ins, kbd,  samp,
	small, strong,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
	
	body { line-height: 1; color: #333; background: white; }
	table { border-collapse: separate; border-spacing: 0; }
	caption, th, td { text-align: left; font-weight: normal; }
	blockquote:before, blockquote:after, q:before, q:after { content: ""; }
	blockquote, q { quotes: "" ""; }
	
	/* Typography
	-------------------------------------------------------------- */
	body {
	font:76%/1.5 "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;	
	/*line-height: 1.5; /* Unitless for proper inheritance */
	text-align: center; /* IE Fix */
	color:#444;
	}

	/*body          { font-size: 75%; }   /* IE */
	/*html > body   { font-size: 12px; }  /* Other browsers */

	/* Headings
	-------------------------------------------------------------- */

	h1,h2,h3,h4,h5,h6 { 
	font-family: Arial, sans-serif;
	color:#111; 
	clear:both; 
	}

	h1 { font-size: 3em; }
	h2 { font-size: 2em; }
	h3 { font-size: 1.5em; margin:0 0 .5em 0;/*line-height:2em;*/}
	h4 { font-size: 1.2em; line-height:1.25; font-weight:bold; }
	h5 { font-size: 1em; font-weight:bold; }
	h6 { font-size: 1em; }

	/* Text elements
	-------------------------------------------------------------- */

	p           { margin: 0 0 1.5em 0; /*text-align:justify; */}
	p.last      { margin-bottom:0; }
	p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding:0; }
	p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */

	ul, ol      { margin: 0 0 1.5em 1.5em; list-style-type: square;}
	ol          { list-style-type: decimal; }
	dl          { margin: 1.5em 0; }
	dl dt       { font-weight: bold; }

	blockquote  { margin: 1.5em 0 1.5em 1.5em; color: #666; font-style: italic; }
	strong      { font-weight: bold; }
	em          { font-style: italic; }
	pre         { margin-bottom: 1.3em; background: #eee; border:0.1em solid #ddd; padding:1.5em; }
	code        { font:0.9em Monaco, monospace; }

	/* Use this to create a horizontal ruler across a column. */
	hr {
	  background: #ffffff;
	  color: #ffffff;
	  clear: both;
	  width: 100%; 
	  height: 0.1em;
	  margin: 0 0 1em 0;
	  border: none; 
	}

	a { 
	color:#009ccb;
	cursor: pointer;
	outline:none;
	}
	a:focus{
	outline:#333 dotted 1px;
	}
	a:visited{
	color:#007194;
	}

}

@media print {
	#main-nav,#side,.hidden,#subnav{
	display:none;
	}
	body{
	text-align: left;
	}	
}

@media screen {
	body{
	background: #fff url("../images/europlastiques-background.jpg") no-repeat center 15px;
	}
	#wrapper{
	margin: 0 auto;
	width: 960px;
	background:#fff;
	text-align:left;
	}
	#content{
	position:absolute;
	top:125px;
	width: 960px;
	}
	#masthead{
	margin:0 0 0 0;
	position:relative;
	width:960px;
	}
	
	#siteName{
	position:absolute;
	top:15px;
	left:0;
	}
	
	#baseline{
	position:absolute;
	top:18px;
	width:350px;
	margin:0 0 0 360px;
	display:block;
	font-size:1.1em;
	color:#009ccb;
	}
	#numcontact{
	position:absolute;
	top:57px;
	right:0px;
/*	width:578px;*/
	height:42px;
	display:block;
/*	margin:0 0 0 360px;*/
	font-size:1.1em;
	font-weight: bold;
	}
	#numcontact span{
	font: 150% Arial, sans-serif;
	color:#009ccb;
	font-weight: bold;
	}
	
	
	#nav {
	position:absolute;
	width: 960px;
	top:92px;
	margin:0;
	}
	#nav li {float:left;;width:144px;margin-right:9px;height:32px;list-style-type: none;}
	#nav a {display:block;width:144px;height:32px;color:#000;text-indent:-3000px;border:none;}

	#nav li#conta {margin-right:0;}
	
	
	#nav li#accue{width:42px}
	#nav li#accue a{width:42px;background: url("../images/europlastiques-navigation-background.png") no-repeat 0 0}
	#nav li#innov a{background: url("../images/europlastiques-navigation-background.png") no-repeat -51px 0}
	#nav li#succe a{background: url("../images/europlastiques-navigation-background.png") no-repeat -204px 0}
	#nav li#guide a{background: url("../images/europlastiques-navigation-background.png") no-repeat -357px 0}
	#nav li#catal a{background: url("../images/europlastiques-navigation-background.png") no-repeat -510px 0}
	#nav li#actua a{background: url("../images/europlastiques-navigation-background.png") no-repeat -663px 0}
	#nav li#conta a{background: url("../images/europlastiques-navigation-background.png") no-repeat -816px 0}
	#nav li#accue a.active,#nav li#accue a:hover,#nav li#accue a:focus{background: url("../images/europlastiques-navigation-background.png") no-repeat 0 -41px}
	#nav li#innov a.active,#nav li#innov a:hover,#nav li#innov a:focus{background: url("../images/europlastiques-navigation-background.png") no-repeat -51px -41px}
	#nav li#succe a.active,#nav li#succe a:hover,#nav li#succe a:focus{background: url("../images/europlastiques-navigation-background.png") no-repeat -204px -41px}
	#nav li#guide a.active,#nav li#guide a:hover,#nav li#guide a:focus{background: url("../images/europlastiques-navigation-background.png") no-repeat -357px -41px}
	#nav li#catal a.active,#nav li#catal a:hover,#nav li#catal a:focus{background: url("../images/europlastiques-navigation-background.png") no-repeat -510px -41px}
	#nav li#actua a.active,#nav li#actua a:hover,#nav li#actua a:focus{background: url("../images/europlastiques-navigation-background.png") no-repeat -663px -41px}	
	#nav li#conta a.active,#nav li#conta a:hover,#nav li#conta a:focus{background: url("../images/europlastiques-navigation-background.png") no-repeat -816px -41px}
	
	#sub_nav li {display:inline;}
	
	#pageactu{
		margin:0;
		position:absolute;
		top:0;
		right:5px;
		text-decoration: none;
		color:#6D6D6D;
		display:block;
		font-weight:bold;
		background:#E0E0DF url(img/rss.gif) no-repeat right center;
		padding:5px 25px;
		text-transform: uppercase;
		-moz-border-radius-bottomleft:4px;
		-moz-border-radius-bottomright:4px;	
		border-bottom: 2px solid #B7B7B7;
		border-left: 2px solid #B7B7B7;		
		border-right: 2px solid #B7B7B7;
	}
	
	#pageactu:hover{
		color:#6D6D6D;
		border-bottom: 2px solid #B7B7B7;
		border-left: 2px solid #B7B7B7;		
		border-right: 2px solid #B7B7B7;	
	}	
	
	
	h2.title{
	font-family:Arial,sans-serif;
	padding:80px 0 15px 20px;
	display:block;
	margin:10px 0;
	height:37px;
	background:transparent url("../images/europlastiques-titres-background-1.jpg") no-repeat 0 0;
	}	
	
	#catalogue h2.title{
	background:transparent url("../images/europlastiques-titres-background-2.jpg") no-repeat 0 0;
	}	
	

	h2#titre{
	font-size:24px;
	font-weight:bold;
	}	
	h3#sstitre{
	font-size:18px;
	font-weight:bold;	
	color:#4899b7;
	}	
	
	#chapo{
	font:bold 1.1em Arial,sans-serif;
	}	
	
	
	#main{
	float:left;
	width:620px;
	border-right:1px #ccc solid;
	padding:0 15px 0 20px;
	text-align:justify;
	}
	
	#second{
	float:left;
	width:285px;
	padding:0 5px 0 14px;
	}

	#context_nav{
/*	width:240px;*/
	margin:0;
	}
	#context_nav li,#context_nav li a,#context_nav li span{
	display:block;
	font-family: Arial, sans-serif;
	letter-spacing: 0.05em;
/*	width:240px;*/
	height:30px;
	background:#f6f6f6;
	text-transform:uppercase;
	color:#3D4D72;
	color:#5594AA;
	text-decoration:none;
	font-weight:bold;
	}
	#context_nav li{
	border-right:3px solid #333;
	margin:0 0 10px 0;
	list-style: none;
	}
	#context_nav li a,#context_nav li span{
	padding:7px 0 2px 10px;
/*	width:230px;*/
	height:21px;
	}
	#context_nav li span{
	background:#343434;
	background:#60a7c1;
	color:#fff;
	}
	#context_nav li a:hover{
	background:#ccc;
	}



	#viewall{
		background:#60a7c1;
		color:#fff;
		text-decoration: none;
		font-weight:bold;
		text-align: center;
		padding:10px 0;
		display:block;
		text-transform: uppercase;
		margin-bottom:5px;
		color
	}

	#historique
	{margin:0;padding:0;}

	#historique li{
		list-style: none;
		margin-bottom:10px;
	}
	
	#historique strong{
		display:block;
		background:#E1E1E1;
		padding:5px;
	}	
	
	#historique a{
		padding:5px;
		display:block;
		text-decoration: none;		
		font-weight: bold;
	}
		
	#historique a:hover{
		background:#E1E1E1
	}	
	
	#historique small{
		font-size: 10px;
		color:#333;
	}	

	#footer{
	text-align:center;
	background:#fff url("../images/europlastiques-navigation-background.png") no-repeat 0 -156px;
	color:#fff;
	margin:10px 0 0 0;
	padding:8px 0 11px 0;
	}
	#footer a{
	line-height:15px;
	}
	#signature{
	text-align:center;
	color:#333;
	font-size:80%;
	margin:3px 0 5px 0;
	}
	#signature a{
	color:#333;
	}
	#footer a{
	color:#fff;
	text-decoration:none;
	}


	/*-----------------------------------------------------------------------*/
	/*                               ACCUEIL                                 */
	/*-----------------------------------------------------------------------*/
	#innovations{
	height:264px;
	margin:5px 0 15px 0;
	position:relative;
	}	
	#innovations #pager {position:absolute;top:10px;right:10px;z-index:9999;}
	/*#innovations #pager a { margin: 0 2px; padding: 3px 5px; border: 1px solid #ccc; background: #f6f6f6; text-decoration: none; }*/
	#innovations #pager a {float:left;margin:5px;text-indent:-9999px;display:block;width:16px;height:16px;background:#333;-moz-border-radius:8px;}
	#innovations #pager a.activeSlide { background: #008EC0;-moz-box-shadow: 0px 0px 3px #000 }
	#innovations #pager a:focus { outline: none; }
	
	.innovations{
	font-family:Arial,sans-serif;
	width:960px;
	height:264px;
	color:#fff;
/*	top:5px;
	position:absolute;*/
	}
	.innovations .desc{
	padding:175px 0 0 20px;
	font-weight:bold;
	font-size:150%;
	color:#fff;
	}
	.innovations .desc h2{
	font-size:1.7em;
	text-shadow: 0px 0px 5px #333;
	}
	.innovations .desc h2 a{
	color:#fff;
	text-decoration:none;
	}
	.innovations .desc h3{
	font-size:1em;
	text-shadow: 0px 0px 3px #333;
	color:#fff;
	}
	.btnplus{
	position:absolute;
	top:220px;
	right:20px;
	}
	
	#news{
	background:#e2edf1;
	-moz-border-radius:6px;
	-moz-box-shadow: 0px 0px 1px #7E7E7E;
	border: 2px solid #fff;
	margin:0 2px 20px 2px;
	padding:10px 15px 15px 15px;
	}
	
	#news h2{
	font-size:18px;
	font-weight:bold;
	}
	#news h3{
	font-size:14px;
	font-weight:bold;
	}	
	#news p{
	margin:0 0 8px 0;
	}	

	#home-gauche{
	float:left;
	width:330px;
	padding:0 5px 0 10px;	
	}
	#home-droite{
	float:left;
	width:510px;
	border-left:1px #ccc solid;
	margin-left:10px;
	padding-left:20px;
	}
	
	#home-gauche img{
	float:right;
	}
	
	#home-gauche h2,
	#home-gauche h3{
	clear:none;
	}
	
	#home-gauche h2,
	#home-gauche h3,
	#home-droite h2,
	#home-droite h3{
	font-weight:bold;
	}
	
	#home-gauche h2,
	#home-droite h2{
	font-size:18px;
	}	
	#home-gauche h3,
	#home-droite h3{
	font-size:16px;
	color:#4899b7;
	}	
	
	#catalogue_spe{
	margin:0;
	}
	#catalogue_spe li{
	float:left;
	display:block;
	width:85px;
	list-style:none;
	text-align:center;	
	}
	
	#catalogue_spe li a{
	display:block;
	text-decoration: none;
	font-weight: bold;
	}

	/*-----------------------------------------------------------------------*/
	/*                              INNOVATION                               */
	/*-----------------------------------------------------------------------*/

/*	.detail{
	float:left;
	}*/
/*	#autreProd{
	float:right;
	width:230px;
	padding:5px 0 5px 0;
	text-align:right;
	}
	#autreProd dd{
	margin:5px 0;
	display:block;
	}
	#autreProd a,#autreProd span{
	color:#252525;
	padding:2px 3px 2px 0;
	font-size:1.2em;
	text-decoration:none;
	display:block;
	}
	#autreProd a:hover,#autreProd span{
	background:#ccc;
	}*/
	/*--------------------------*/
	/*	 pages    */
	/*--------------------------*/

	
	/*-----------------------------------------------------------------------*/
	/*                             CATALOGUE                                 */
	/*-----------------------------------------------------------------------*/

	#bloc_catalogue_spe #texte{
		float:right;
		width:310px;
	}
	
	.bouton{
		
		background:#60a7c1;
		-moz-border-radius:6px;
		text-decoration: none;
		font-weight: bold;
		text-align: center;
		padding:5px 10px;
		color:#fff!important;
	}
	
	#second .bouton{
		text-align: left;
		display:block;
	}
	
	#bloc_catalogue_spe{
		overflow:hidden;
		height:1%;
		background:#f6f6f6;
		-moz-border-radius:6px;
		border: 1px solid #999;
		margin:0 3px 20px 3px;
		padding:10px 15px 10px 15px;
	}
	
	#bloc_catalogue_spe h2{
		clear:none;
	font-size:18px;
	font-weight:bold;
	}	
	#bloc_catalogue_spe h2 em{
	color:#4899b7;
	font-style: normal;
	}


	
	#catalogue h2,
	#catalogue h3{
	font-weight:bold;
	font-size:18px;
	}	
	
	#catalogue h3{
	font-size:16px;
	color:#4899b7;
	}	
	
	

	#catalogue #main{
	border-right:none;
	}
	
	
	

	#btnCatal{
		list-style: none;
		margin:0 0 20px 0;
		padding:0;
	}
	#btnCatal li{
		margin:5px 0;
	}
	#btnCatal li a{
		border-bottom: 1px solid #427129;
		border-left: 1px solid #427129;		
		border-right: 1px solid #AADC98;
		border-top: 1px solid #AADC98;				
		display:block;
		color:#fff;
		font-weight:bold;
		background:#60A23C;
		padding:10px 5px;
		text-decoration:none;
		text-align:center;
	}

	#pubcatal{
	background:#fff url("img/catalogue-illustr.jpg") no-repeat right 0;
	height:170px;
	}
	#lesgammes,#lesmarches{
	margin-top:15px;
	}
	#tricatal h2, #lesgammes h2,#lesmarches h2{
	font-size:2em;
	margin:15px 0;
	}
	#lesgammes dl,#lesmarches dl{
	margin:0 0 5px 0;
	border: 1px solid #eee;
	}
	#lesgammes dt,#lesmarches dt{
	cursor: pointer;
	font-size:1.1em;
	padding:5px 0 5px 5px;
	background:#e9e9da;
	display:block;
	height:17px;
	}
	#lesgammes dd,#lesmarches dd{
	padding:0 0 0 5px;
	border-left:3px #e9e9da solid;
	}
	#lesgammes dd li,#lesmarches dd li{
	padding:6px 0 0 0;
	}
	a.pdf{
	background:transparent url("../images/logo-pdf.png") no-repeat 0 0;
	padding:0 0 0 16px;
	}
	#tricatal{
	float:right;
	margin-top:35px;
	}
	#tricatal table {
		border: 1px solid #eee;
		background-color: #FFF;
		text-align: left;
	}

	th {
		background-color: #e9e9da;
		cursor: pointer;
		font-size:1.1em;
		padding:5px 0 5px 5px;
	}
	td {

		padding:5px;
	}	
	.largeHeaders {
			background:#e9e9da url('../images/green_arrows.gif') no-repeat center left;
			color: #333;
			padding: 5px;
			padding-left: 25px;
			text-align: left;
			cursor: pointer;	
	}
	.sortUp {
		background:
			#e9e900 
			url('../images/green_decending.gif')		
			no-repeat
			center left;
	}
	.sortDown {
		background:
			#e9e900 
			url('../images/green_acending.gif')
			no-repeat
			center left;
	}
	#sorting {
		position: absolute;
		width: 100%;
		height: 100%;
		left:0px;
		top:0px;
		text-align: center;
		display: none;
		margin:0px;
		padding:0px;
	}
	#sorting div {
		border: 1px solid #000;
		padding:10px;
		margin: auto;
		text-align: center;
		width: 300px;
		top:200px;
		position: relative;
		background-color: #FFF;
		color: #333;
		font-weight: bold;
	}
		.odd {
			background-color:#f6f6f6;
			color: #000;
		}
		.even {
			background-color:#FFF;
			color: #000;
		}
		/*-----------------------------------------------------------------------*/
		/*                               CONTACT                                 */
		/*-----------------------------------------------------------------------*/
		fieldset{
		width:575px;
		}
		legend{
		display:none;
		}
		.spip_form_champ{
		margin-bottom:1em;
		}
		.spip_form_champ .spip_form_label{
		display:block;
		font-weight:bold;
		}	
		.spip_form_champ .spip_form_label_obligatoire,.spip_form_label_details{
		font-weight:normal;
		font-style:italic;
		font-size:.8em;
		color:#cc0000;
		}		
		.spip_form_champ input,.spip_form_champ textarea,.spip_form_champ select{
		font-family: 'Trebuchet MS', 'Arial', sans-serif;
		font-weight:normal;
		font-size:1em;
		margin-top:3px;
		padding:3px;
		border-top:1px solid #7c7c7c;
		border-left:1px solid #c3c3c3;
		border-right:1px solid #c3c3c3;
		border-bottom:1px solid #ddd;
		background:#ffffff;
		}
		.spip_form_champ textarea{
		padding:0;
		}
		.spip_form_champ input:focus,.spip_form_champ textarea:focus{
		background:#f6f6f6;
		}	
		.spip_form_champ input{
/*		width:50%;*/
		float:left;
		}
		.spip_form_champ textarea{
		width:100%;
		}
		.spip_form_champ .erreur{
		display:block;
		float:left;
		width:200px;
		color:#cc0000;
		padding:2px 0 0 5px;
		}
		.nettoyeur{
		clear:both;
		display:block;
		width:100%;
		}
		.spip_forms .spip_bouton input {
		border: 1px solid #ccc;
		cursor:pointer;
		padding:.4em;
		background:#f6f6f6;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:1em;
		width:100px ;
		color:#4A4336;
		}
		.spip_forms .spip_bouton input:hover{
		background:#D5D5D5;
		}
		#detailContact{
		float:right;
		width:300px;
		}
		#detailContact address{
		margin:10px 0 0 0;
		padding:0 10px 0 0;
		width:210px;
		font-style:italic;
		font-size:1.1em;
		color:#333;
		}
		#detailContact address{
		border: 1px solid #ccc;
		width:280px;
		padding:10px;
		}
		#detailContact address p.spip{
		line-height:1.2em;
		margin:0;
		}
		#detailContact address strong{
		color:#009ada
		}
		#detailContact h2{
		color:#fdb813;
		font-size:1.4em;
		font-weight:bold;
		}
		
		.spip_documents_right{
			margin-left:20px;
		}

		.spip_form_choix_multiple{
			list-style: none;
			margin:0;
		}
		.spip_form_choix_multiple input{
			width:none!important;
			float:none;
			clear:left;
		}	
	
}