/* @override http://local.valortec.fr/wp-content/themes/10h20_Valortec1.0/style.css */

/*
Theme Name: VALORTEC
Theme URI: http://www.dixheuresvingt.com/
Description: Le thème Wordpress pour VALORTEC, réalisé par l'agence <a href="http://www.dixheuresvingt.com/">dixheuresvingt.com</a>.
Version: 1.0
Author: Fabrice Di Giovanni, Stéphane Di Giovanni
Author URI: http://www.dixheuresvingt.com/
Tags: custom header, fixed width

This theme was designed and built by Fabrice Di Giovanni, Stéphane Di Giovanni
http://www.dixheuresvingt.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

/* @group Reset et tools */

/* Mozilla based browsers coloration du texte sŽélectionnŽé*/
::-moz-selection {
  background-color: #0099E8;
  color: #FFF;
}

/* Works in Safari */
::selection {
  background-color: #0099E8;
  color: #FFF;
}

/* Clear fix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* IE6 */
* html .clearfix {
  height: 1%;
}

/* IE7 */
:first-child+html .clearfix {
  min-height: 1px;
}

/* ========= */
/* ! RESET   */
/* ========= */

/* Eric Meyer's Reset Reloaded */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

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,table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

html {
  overflow-x: auto;
  overflow-y: scroll;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* @end */

/* @group General */

/* @group Dropshadow */

.box-shadow {
    box-shadow: 0 0 4px #aaa;
    border: 1px solid #ccc;
    padding: 5px;
}

.wrap0, .wrap1, .wrap2, .wrap3 {
  display: inline-table;
  /* \*/display: block;/**/
}

.wrap0 {
  /*float: left;*/
  background: url(Images/shadow.jpg) right bottom no-repeat;
}

.wrap1 {
  background: url(Images/shadow180.png) no-repeat;
}

.wrap2 {
  background: url(Images/corner_bl.jpg) bottom left no-repeat;
}

.wrap3 {
  padding: 5px;
  background: url(Images/corner_tr.jpg) top right no-repeat;
}

.dropshadow {
  border: 1px solid #ccc;
  display: block;
}

/* @end */

BODY {
  font-size: 62.5%;/* Resets 1em to 10px */
  color: #6B6B68;
  font-family: Verdana, Lucida, "Lucida Grande", sans-serif;
  margin: 0;
  padding: 0;
}

A:link, A:visited, A:active {
  color: #6B6B68;
  text-decoration: underline
}

A:hover, A:focus {
  color: #9ECC1F;
  text-decoration: none;
}

H2{
	display: none;
	}

.hidden {
  display: none;
}

.left {
  float: left;
}

.right {
  float: right;
}

.legend {
  color: #C4BDAD;
  font-size: 10px;
  font-style: italic;
  }

/* @end */

/* @group Structure */

#page {
  /*overflow: hidden;*/
  width: 910px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

.searchActive {
  display: none;
}

/* @group TopHeader */

#topHeader {
  /*overflow: hidden;*/
  height: 110px;
  /*clear: both;*/
  position: relative;
  padding: 0 5px;
}

#logo {
  position: absolute;
  top: 15px;
}

H1#logo A {}

/* @group dropdown language */

#lang_sel {
    font-family:inherit !important;
    position: absolute;
    top: 35px;
    right: 240px;
}
#lang_sel UL LI, #lang_sel UL LI UL {
    width: 50px;
}
#lang_sel A {
	font-size: 11px;
    line-height: 22px;
    border: 1px solid #9ecc1f;
}
#lang_sel ul ul {
    top: 23px;
}

#lang_sel a:hover, #lang_sel ul ul a:hover, #lang_sel *:hover > a, #lang_sel ul ul *:hover > a {
    background: #f2f0e4 none repeat scroll 0 0;
}

/* @end */

/* @group dropdown list box */

/* DT styles for sliding doors */
#topHeader .dropdown {
  padding:2px 5px 0;
  width:212px;
  background-color:#9ECC1F;
  position: absolute;
  top: 35px;
  right: 5px;
  z-index: 998;
  
}

#topHeader .dropdown A {
  background-color:#9ECC1F;
  color:#FFFFFF;
  display:block;
  font-family: Arial,Helvetica,sans-serif;
  font-size:11px;
  line-height:22px;
  /*height: 12px;*/
  text-decoration:none;
  text-transform:uppercase;
}

/* UL styles */
#topHeader .dropdown UL.siteGroup { 
  background-color:#EAE7D6; 
  display:none;
  list-style:none; 
  position:absolute; 
  right:0px; 
  top:25px; 
  width:auto; 
  min-width:222px;    
  margin:0px;
  padding:0px; 
  z-index: 998;
}

#topHeader .dropdown UL.siteGroup LI A:link, #topHeader .dropdown UL.siteGroup LI A:visited, #topHeader .dropdown UL.siteGroup LI A:active { 
  display:block;
  padding: 2px 2px 2px 6px;
  background-color:#EAE7D6;
  color: #6B6B68;
  border-bottom: 1px solid #EAE7D6;
}

#topHeader .dropdown UL.siteGroup LI A:hover { 
background-color:#87a311;
border-bottom: 1px solid #fff;
color: #fff;
}

/* @end */

/* @end */

/* @group mainNavigation */


#mainNavigation {    
	position: relative;
	z-index: 800;
	background-color: #89AA1D;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#BDE822), to(#89aa1d)); /* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(top, #BDE822, #89aa1d); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #BDE822, #89aa1d); /* Firefox 3.6-15 */  
	background-image: -o-linear-gradient(top, #BDE822, #89aa1d); /* Opera 11.10-12.00 */
	background-image: linear-gradient(to bottom, #BDE822, #89aa1d); /* Firefox 16+, IE10, Opera 12.50+ */
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BDE822', endColorstr='#89aa1d'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BDE822', endColorstr='#89aa1d')"; /* IE8 */ 
}

UL#menu {
	height: 40px;   
	width: 655px;
	list-style: none outside none;
	line-height: 40px;  
	margin: 0;
	padding: 0;	 
}

UL#menu > LI {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}

UL#menu > LI A:link, 
UL#menu > LI A:active,
UL#menu > LI A:visited {
	color: #fff;
	text-decoration: none;
    display: block;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    border-right: 1px solid #BDE822;
    border-left: 1px solid #89AA1D;
    text-shadow: 0 1px 0px #697C16; /* color, h-offset, v-offset, blur */
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#697C16', Direction=135, Strength=1);
    zoom: 1;   
}

UL#menu > LI:first-child A {
    border-left: 0px;
    text-indent: -9999px;
    background-image: url("Images/nav_home_icon.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    width: 16px;
}

UL#menu > LI:first-child A:hover, 
UL#menu > LI.current-menu-item:first-child A {
    border-left: 0px;
    text-indent: -9999px;
    background-position: center top;
    background-color: #89AA1D;
}

UL#menu > LI A:hover, UL#menu LI.current-menu-item A, UL#menu LI.current-menu-parent > A   {
	background-color: #89AA1D;
}

UL#menu LI.hovering UL {
  display: block;
}

/*pour les sous-menus*/

LI.mega UL.sub-menu {
  position: absolute; 
  top: 40px;
  background: #9ECC1F url(images/sousNavigation_bg.jpg) repeat-x left top;
  padding: 8px 0 15px;
  display: none;
  margin-right: -1px;
  z-index:900;
}

LI.mega UL.sub-menu LI {
	display: block;
}

UL#menu LI.mega UL.sub-menu LI A:link, UL#menu LI.mega UL.sub-menu LI A:visited, UL#menu LI.mega UL.sub-menu LI A:active {
  display: block;
  text-indent: 0;
  line-height: auto;
  height: auto;
  border-right: none;
  border-lrft: none;
  white-space: nowrap;
  text-decoration: none;  
  color: #FFF;
}

UL#menu LI.mega UL.sub-menu LI A:hover {
  color: #FFF;
  background-color: #87A311;
}


UL#menu LI.mega UL.sub-menu LI:first-child A {
    border-left: 0px;
    text-indent: 0px;
    background-image: none;
    width: auto;
}

UL#menu LI.mega UL.sub-menu LI:first-child A:hover {
    border-left: 0px;
    text-indent: 0px;
}

UL#menu LI.mega UL.sub-menu LI:last-child A {
    border-right: 0px;
}


/* @group Recherche */

#searchform {
    height: 21px;
    margin: 10px;
    position: absolute;
    right: 0;
    top: 0;
}

#searchform INPUT, #header #searchform BUTTON {
  border: 0;
}

#searchform INPUT.topSearchInput {
  background:url(Images/search_bg.png) no-repeat scroll left -11px;
  color: #6B6B68 ;
  font-size: 11px;
  height: 20px;
  padding-left: 10px;
  vertical-align: top;
  width: 166px;
  margin-left: 18px;
}
#searchform INPUT.hasFocus {
	color: #000000;
}
#searchform INPUT.isChanged {
	color: #87A311;
  /*background: #FFF url(Images/search_bg.jpg) no-repeat left -23px;
  outline: none;*/
}


#searchform BUTTON.topSearchBtn {
  background:url(Images/search_bg.png) no-repeat scroll right -11px;
  border: 0;
  cursor: pointer;
  height: 22px;
  margin-left: -4px;
  text-indent: -9999px;
  vertical-align: top;
  width: 28px;
}

#searchform BUTTON.topSearchBtn:hover {
  background:url(Images/search_bg.png) no-repeat scroll right -53px;
}

/* @end */

/* @end */

/* @group Content */

#content {
	clear: both;
	margin-bottom: 10px;
	position:relative;
}

#content UL {
	margin: 10px 0;
	padding: 0;
	list-style: none;
}

#content LI {	
	margin: 0 0 3px 14px; 
	padding: 0;
	list-style-position: outside;
  	list-style-image: url(Images/puce_arrow.png);
}

#content P {	
	margin: 10px 0; 
}

/* arreter le flux flotant page single et telechargements*/
.single #content, .post-type-archive-telechargement #content {
	overflow:hidden;
}

/* @end */

/* @group Footer */

#footer {
 clear: both;
 border-top:1px solid #D6D6D6;
 border-bottom: 1px solid #D6D6D6;
 padding: 5px 0;
 margin: 0 5px;
 position: relative;
}
#footer IMG {
	margin-bottom:-2px ;
	}

#footer SPAN {
	color: #A3C533;;
	font-size: 11px;
	}

#footer P {
	display: block;
	position: absolute;
	top: 7px;
	right: 5px;
	}
	#footer P A {
	text-decoration: none;
	}
	#footer P A:hover {
	color: #A3C533;
	}

/* @end */

/* @end */

/* @group Generique single  */

#genericContainer {
  background-color: #F2F0E4;
  overflow: hidden;
  width: 858px;
  position: relative;
  padding: 20px;
  position: relative;
  line-height: 13px;
  }
  
 #genericContainer H3 {
	width: 400px;
	font-size: 18px; 
	font-weight: normal;
	text-transform: uppercase;
	line-height:19px;
	float: left;
}

#genericContainer IMG {
	margin-top: 13px;
	float: left;
	clear: left;
}
	
#genericContainer DIV#contenu {
	margin-left:420px;
	margin-top:4px;
	width:440px;

}
	
#genericContainer DIV#contenu SPAN.accroche {
	font-size:12px;
	font-weight:bold;
	margin-bottom:15px;
	line-height:14px;
	display: block;
}

/* @end */

/* @group Home */

/* @group etiquettes latérales verticales */

#flagALaUne, #flagMission {
	display: block;
	text-indent: -5000px;
	width: 31px;
	position: absolute;
	left: -26px;
}

#flagMission {
	height: 105px;
	top: 404px;
}

#flagALaUne {
	top: 625px;
	height: 74px;
}

/* @end */

/* @group multimediaContainer */

/* @group Scrollable diaporama  */
#diaporama {
	height:369px;
	overflow:hidden;
	position:relative;
	width:656px;
}
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 656px;
	height:369px;
}
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items DIV {
	float:left;
	width:656px;
}

/* single scrollable item */
.scrollable IMG {
	float:left;
}

/* active item */
.scrollable .active {
}

/* @group navigator */

/* position and dimensions of the navigator */
.navi {
	bottom:14px;
	height:14px;
	position:absolute;
	right:20px;
	z-index:200;
}

/* items inside navigator */
.navi A {
	width:14px;
	height:14px;
	float:left;
	margin:0;
	background:url(Images/navigator_dots.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi A:hover {
	background-position:0 -14px;      
}

/* active state (current page state) */
.navi A.active {
	background-position:0 -29px;     
}

/* @end */

/* @end */

#multimediaContainer { 
background-color:#F2F0E4;
overflow:hidden;
position:relative;
width:898px;
height:369px;
z-index:100;
}

/* @group Onglets */

#multimediaContainer UL.tabsMedia {
list-style:none outside none;
margin:0 !important;
padding:0;
width:242px;
float:right
}

#multimediaContainer UL.tabsMedia LI {
font-size:11px;
line-height:12px;
list-style-image:none;
margin:0 ;
padding:0;
text-transform:uppercase;
}

#multimediaContainer ul.tabsMedia LI A:link, 
#multimediaContainer ul.tabsMedia LI A:visited, 
#multimediaContainer ul.tabsMedia LI A:active {
background-color:#F2F0E4;
border-bottom:1px solid #C6C6C3;
border-top:1px solid #FFFFFF;
color:#6B6B68;
display:block;
font-size:11px;
height:24px;
line-height:13px;
padding:23px 40px 23px 82px;
text-decoration:none;
text-transform:uppercase;
}

/* li sequentiel de la playlist*/
#multimediaContainer UL.tabsMedia LI A.item1 {
   background:url("Images/videoNumbers.png") no-repeat scroll 25px 21px;
}
#multimediaContainer UL.tabsMedia LI A.item2 {
   background:url("Images/videoNumbers.png") no-repeat scroll 25px -48px;
}
#multimediaContainer UL.tabsMedia LI A.item3 {
   background:url("Images/videoNumbers.png") no-repeat scroll 25px -108px;
}
#multimediaContainer UL.tabsMedia LI A.item4 {
   background:url("Images/videoNumbers.png") no-repeat scroll 25px -174px;
}

#multimediaContainer UL.tabsMedia LI A.current, 
#multimediaContainer UL.tabsMedia LI A:hover {
	color:#FFF;
	cursor:pointer;
}

#multimediaContainer UL.tabsMedia LI A.item1.current, 
#multimediaContainer UL.tabsMedia LI A.item1:hover  {
	background:url("Images/videoNumbers.png") no-repeat scroll 25px -270px #9ECC1F;
}
#multimediaContainer UL.tabsMedia LI A.item2.current, 
#multimediaContainer UL.tabsMedia LI A.item2:hover  {
	background:url("Images/videoNumbers.png") no-repeat scroll 25px -338px #9ECC1F;
}
#multimediaContainer UL.tabsMedia LI A.item3.current, 
#multimediaContainer UL.tabsMedia LI A.item3:hover  {
	background:url("Images/videoNumbers.png") no-repeat scroll 25px -398px #9ECC1F;
}
#multimediaContainer UL.tabsMedia LI A.item4.current, 
#multimediaContainer UL.tabsMedia LI A.item4:hover  {
	background:url("Images/videoNumbers.png") no-repeat scroll 25px -464px #9ECC1F;
}

#multimediaContainer div.panesMedia {
height:369px;
width:656px;
}

/* @end */

/* @end */

/* @group missionsContainer */

#missionsContainer {
  background: #FFFFFF url(Images/servicesContainer_bg.jpg) repeat-x left bottom;
  width: 898px;
  overflow: hidden;
}

#missionsContainer #missionsIntro {
  padding: 20px;
  font-size: 11px;
  line-height: 13px;
  width: 406px;
  float: left;
}

#missionsContainer #missionsIntro P {
  margin:0 0 10px;
}

#missionsContainer #TabsContainer {
  width: 450px;
  margin-left: 447px;
  overflow: hidden;
  border-left:1px solid #D6D6D6;
}

#missionsContainer #TabsContainer UL.tabs{ 
  float:left;
  width:206px; 
  list-style:none; 
  margin:0 !important; 
  padding:0;	
}
	#missionsContainer #TabsContainer UL.tabs LI{ 
	  font-size: 11px;
	  line-height: 12px;
	  text-transform: uppercase;
	  padding:0;
	  margin:0 !important;
	  list-style-image:none !important; 
	  border-top:1px solid #D6D6D6;
	}
		
	#missionsContainer #TabsContainer UL.tabs LI:first-child { 
	  border:0;
	}
	
	/* link inside the tab. uses a background image */
	UL.tabs A:link, UL.tabs A:visited, UL.tabs A:active { 
		display:block;
		background: #FFFFFF url(Images/tabArrow.png) no-repeat 168px 17px;
		height:21px;
		padding:15px 50px 15px 25px;
		text-decoration: none;
		color: #6B6B68;
	}
	
	/* when mouse enters the tab move the background image */
	UL.tabs A:hover {	
		background-color:#F2F0E4;	
	}
	
	/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
	UL.tabs A.current, UL.tabs A:hover, UL.tabs LI.current A {
		background-color:#F2F0E4;
		background-position: 168px -23px;			
		cursor:default !important; 
		color:#6B6B68 !important;
	}

	#missionsContainer #TabsContainer DIV.panes {
		background:url("Images/innerShadow.png") repeat-y scroll left top #F2F0E4;
		height:163px;
		width: 200px;	
		padding:22px;
		float: right;
	}
		
		#missionsContainer #TabsContainer DIV.panes DIV {
			display:none;				
			font-size:11px;	
			line-height: 13px;
		}
		

/* @end */

/* @group newsContainer */

#newsContainer {
  background-color: #FFFFFF;
  width: 898px;
  overflow:hidden;
}

.newsBox {
  border-left:1px solid #D6D6D6;
  float:left;
  font-size:11px;
  min-height:150px;
  line-height:13px;
  padding:12px 12px 35px;
  position:relative;
  width:199px;
  background: #FFFFFF url(Images/servicesContainer_bg.jpg) repeat-x left bottom;
}

.newsBox:hover {
	cursor: pointer;
 	background: url(Images/box_bg_hover.jpg) repeat-x left bottom;
}

.newsBox:first-child {
  border: 0;
  width: 202px;
}

.newsBox IMG {
  border: 0;
  margin-bottom: 12px;
}

.newsBox H4 {
  font-size:13px;
  font-weight:normal;
  line-height:13px;
  text-transform:uppercase;
  margin-bottom:8px;
}

.newsBox A {
  text-decoration: none;
}

.newsBox .moreLink{
  bottom:12px;
  display:block;
  left:12px;
  position:absolute;
}

/* @end */

/* @end */

/* @group Nature des dechets */

#videoContainer {
  background-color: #F2F0E4;
  width: 898px;
  overflow: hidden;
  position: relative;
  z-index: 100;
}

#videoContainer #dechetTitle {
	background:url("Images/tabArrow.png") no-repeat scroll left -36px transparent;
	color:#A3C533;
	font-size:20px;
	left:666px;
	line-height:23px;
	padding-left:26px;
	position:absolute;
	top:15px;
	width:190px;
	word-spacing:-2px;
}

/*#videoContainer #dechetTitle {
  position: absolute;
  top: 25px;
  left: 656px;
  background:url(Images/dechetTitle_bg.jpg) repeat-x center center;
}

#videoContainer #dechetTitle #dechetTitleLeft {
  background:url(Images/dechetTitleLeft.jpg) no-repeat -10px center;
}

#videoContainer #dechetTitle H3#dechetTitleRight {
  background:url("Images/dechetTitleRight.jpg") no-repeat scroll right center transparent;
  color:#FFFFFF;
  font-size:17px;
  font-weight:bold;
  height:60px;
  line-height:60px;
  padding:0 25px 0 40px;
  word-spacing:-2px;
}
*/

#videoContainer IMG.attachment-graph {
  position: absolute;
  bottom: 25px;
  left: 700px;
}

/* @group ServicesContainer */

#servicesContainer {
  width: 898px;
  overflow: hidden;
  background: #FFFFFF url(Images/servicesContainer_bg.jpg) repeat-x left bottom;
}

.serviceBox {
  font-size: 11px;
  line-height: 13px;
  /*height: 210px;*/
  width: 128px;
  float: left;
  padding:25px;
  border-left: 1px solid #d6d6d6;
  position: relative;
}

.serviceBox:hover {
 	background: url(Images/box_bg_hover.jpg) repeat-x left bottom;
}

.serviceBox:first-child {
  border: 0;
  width: 129px;
}

.serviceBox:last-child {
  width: 130px;
}

.serviceBox .icon { 
width: 45px;
height: 55px;
background: url(Images/ico_services.png) no-repeat center bottom;
display: block;
position: absolute;
top: 10px;
left: 16px;
}

.serviceBox IMG { 
margin-top: 25px;
margin-left:-20px;
}

.serviceBox.box1 .icon  { 
background-position: 0;
}
.serviceBox.box2 .icon  { 
background-position: -45px;
}
.serviceBox.box3 .icon  { 
background-position: -90px;
}
.serviceBox.box4 .icon  {
background-position: -135px; 
}
.serviceBox.box5 .icon  { 
background-position: -180px;
}

.serviceBox H4 { 
font-weight:normal;
font-size: 15px;
line-height: 15px;
margin-left:36px;
}
#content .serviceBox UL { 
margin: 25px 0 0 0;
padding: 0;
}

/* @end */

/* @end */

/* @group Telechargement */

/*règle utilisée pour la page single-telechargement (après une recherche)*/
.post-type-archive-telechargement #content .wrap0 {
  float: left;
  width: auto;  
}

.post-type-archive-telechargement #content P.infoText{
	font-size:12px;
	margin:9px auto;
	width:552px;
	margin-left:5px;
}

.post-type-archive-telechargement .section {
 clear: both;
 overflow: hidden;
}

.post-type-archive-telechargement H3 {
font-size: 18px;
font-weight: normal;
margin: 30px 0 10px 5px;
}

.telechargerContainer {
  height: 78px;
  background-color: #F2F0E4;
  width: 251px;
  overflow: hidden;
  padding: 10px 20px;
  position: relative;
}

.telechargerContainer:hover  {
	cursor: pointer;
 	background: url(Images/box_bg_hover.jpg) repeat-x left bottom;
}

.telechargerContainer A {
	border-right: 1px solid #C3BFAC;
	background: url(Images/telechargement.png) no-repeat -93px 0;
	display: block;
	width: 66px;
	height: 71px;
	margin:  0;
	text-indent: -200px;
	padding-right: 10px;
	}
.telechargerContainer A:hover {
	background: url(Images/telechargement.png) no-repeat 0 0;
	}
	
	.telechargerContainer H3, .telechargerContainer H4 { 
	position: absolute;
	height: 71px;
	width: 164px;
	bottom:17px;
	left: 97px;
	text-transform: uppercase;
	font-weight: normal;
	padding-left: 20px;
	border-left: 1px solid #fff;
	line-height: 12px;
	}


/* @end */


/* @group Actualites */
/*.post-type-archive-telechargement .wrap0 {
  float: left;
  overflow: hidden;
}*/

.actualitesContainer {
  background-color: #F2F0E4;
  overflow: hidden;
  width: 858px;
  position: relative;
  padding: 20px;
  position: relative;
  line-height: 13px;
}

.actualitesContainer H3 {
	width: 400px;
	font-size: 18px; 
	font-weight: normal;
	text-transform: uppercase;
	line-height:19px;
	float: left;
}

.actualitesContainer IMG {
	margin-top: 13px;
	float: left;
	clear: left;
}
	
.actualitesContainer DIV#contenu {
	margin-left:420px;
	margin-top:4px;
	width:440px;
}
	
.actualitesContainer DIV#contenu SPAN.accroche {
	font-size:12px;
	font-weight:bold;
	margin-bottom:15px;
	line-height:14px;
	display: block;
}

/* @end */

/* @group 404 */

#ErrorContainer {
  background-color: #F2F0E4;
  width: 870px;
  overflow: hidden;
  position: relative;
  padding: 15px;
  position: relative;
}
#ErrorContainer H3 {
	color: #D8D5C5;
	font-weight: normal;
	font-size: 22px;
	padding-bottom: 10px;
	border-bottom: 1px solid #C3BFAC;

}
#ErrorContainer P {
	border-top: 1px solid #fff;
	line-height: 12px;
	padding-top: 10px;
	padding-bottom: 100px;
}

/* @end */

/* @group Contactez-nous  */

#contactContainer {
	background-color: #F2F0E4;
 	overflow: hidden;
 	width: 868px;
 	position: relative;
 	padding: 15px;
  	position: relative;
}

#informations {
	float: left;
	width: 340px;
}
#informations H3, #frm_form_2_container H3 {
	background: url(Images/tabArrow.png) no-repeat 0 center;
	font-size: 12px;
	padding-left: 30px;
	text-transform: uppercase;
	margin-bottom: 20px;
}
#informations P{
	margin-left: 28px;
	font-size: 12px;
}

#adresse, #tel, #mail, #web, #personne1, #personne2 {
	padding-left: 42px;
}
P#adresse {
	line-height: 18px;
	padding-left: 0;
	padding-bottom: 10px;
	font-size: 15px;
}
#tel{
	background: url(Images/icoContacts.png) no-repeat 0 0;
	height: 29px;
	padding-top: 5px;
	margin-bottom: 5px;
}
#mail{
	background: url(Images/icoContacts.png) no-repeat 0 -49px;
	height: 15px;
	padding-top: 20px;

}
#web{
	background: url(Images/icoContacts.png) no-repeat 0 -100px;
	height: 15px;
	padding-top: 20px;
	margin-bottom: 30px;
}
#personne1{
	background: url(Images/icoContacts.png) no-repeat 0 -149px;
	height: 15px;
	padding-top: 20px;
	margin-bottom: 5px;
}
#personne2{
	background: url(Images/icoContacts.png) no-repeat 0 -149px;
	height: 15px;
	padding-top: 20px;	
}

#frm_form_2_container {
	overflow: hidden;
	width: 500px;
	margin-bottom: 20px;
	float: left;
}
/*
#frm_form_2_container P {
	margin-left: 28px;
	font-size: 9px;
	margin-bottom: 10px;
}
	#frm_form_fields{
	margin-left: 28px;
}

label.frm_pos_top {
	display: block;
	padding-bottom: 1px;
}
.form-field {
	padding: 5px 0 0 0 ;
	margin-bottom: 5px;
}
#contactContainer INPUT {
	width: 200px;
	height: 20px;
	border: 1px solid #6B6B68;
}
*/

#contactContainer TEXTAREA {
width: 480px;
border: 1px solid #6B6B68;
}
#contactContainer LABEL {
margin-bottom: 5px;
}
#contactContainer #recaptcha_area {
    border:0;
    background-color: transparent;
}
#contactContainer .recaptchatable .recaptcha_image_cell {
    background-color: transparent;
}

#contactContainer div.frm_submit {
	text-align:center;
}
/*
#contactContainer p.submit INPUT {
	float: right;
	background: url(Images/boutonEnvoyer.png) no-repeat 0 0;
	width: 52px;
	height: 63px;
	border: none;
	margin-top: -68px;
	text-indent: -9999px;
	cursor: pointer;
}

#contactContainer #message {
	font-size: 15px;
	padding: 20px;
	color: #87A312;
	text-align: center;
}
*/
/* @end */

/* @group Flowplayer */

/* flowplayer container */
A.player{
  display:block;
  width:656px;
  height:369px;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  float:left;
  position: relative;
}

#playerShadow {
	background:url("Images/innerShadow.png") repeat-y scroll left top transparent;
	height:369px;
	left:656px;
	position:absolute;
	top:0;
	width:5px;  
	z-index:100;
}


/* play button */
.player SPAN.playButton {
background:url("Images/playButtonCircle.png") no-repeat scroll 0 0;
height:72px;
left:282px;
padding:5px 15px;
position:absolute;
text-align:left;
top:120px;
width:54px;
display: block;
}

/* info area */
.player SPAN.info {
background:url("Images/caption_bg_80.png") repeat scroll 0 0 ;
bottom:0;
color:#FFFFFF;
display:block;
font-size:11px;
height:124px;
line-height:13px;
overflow:hidden;
padding:15px 20px;
position:absolute;
text-align:left;
width:616px;
}
.player SPAN.info p {
	margin:0 !important;
	padding:0;
}
.player SPAN.features {
display:block;
line-height:13px;
/*margin-top:4px;*/
margin-top:-8px;
}

.player SPAN.title {
font-size: 25px;
line-height:26px;
display: block;
margin-bottom: 15px;
}

/*specifique player page dechets*/
.player#playerDechet SPAN.info {
font-size:12px;
height:74px;
line-height:15px;
}

/* @end */