/* Généralités */

body{
	background-image: url("../images/Bandeau/bandeau.png");
	background-repeat:repeat-x;
	background-color: #DADADA;
	width:1000px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}
h1{
	font-weight:bold;
	font-size:13pt;
}
h2{
	font-weight:bold;
	font-size:10pt;	
}
p{
	font-family: Arial;
}
li{
	font-family: Arial;
	font-size: 10pt;
	color:#1E1E1E;
}
a img{
	border:none;
}

/* Bandeau Haut de Page */

#bandeau{
	position:relative;
	height: 73px;
}
#logo{
	position:absolute;
	left: 17px;
	top:3px;
	height: 55px;
}

/* Bandeau Intéractif avec les liens */

#tableauLiens{
	position: absolute;
	top:2px;
	left:295px;
}
	#tableauLiens td{
		padding: 0px;
	}
	#tableauLiens td img{
		border: 0px;
		height: 58px;
	}

/* Contenu de la page */

#tableau{
	height:100px;
	margin-left:130px;
}
#tableau td{
	padding-right:15px;
	font-size:10pt;
	font-weight:bold;
}

/* Menu de Gauche */

#menu{
	position:absolute;
	width:193px;
	height:100%;
	left:18px;
	background-color:#F4F4F4;
	border-right: 1px solid #B8B7B7;
	z-index:10;
}
#imageMenu{
	position:relative;
	top:40px;
	left:16px;
	height:76px;
}
#menuProduits{
	position:absolute;
	top: 0px;
	width:193px;
	height:100%;
	left:18px;
	background-color:#F4F4F4;
	border-right: 1px solid #B8B7B7;
	z-index:10;
}
#imageMenuProduits{
	position:relative;
	top:40px;
	left:16px;
	height:23px;
}
#tableauBleu, #tableauVert, #tableauRose, #tableauOrange, #tableauRouge, #tableauGris{
	position:absolute;
	left:16px;
	top:126px;
	width:160px;
	font-family:arial;
	font-size: 10pt;
}
#tableauBleu a, #tableauVert a, #tableauRose a, #tableauOrange a, #tableauRouge a, #tableauGris a{
	text-decoration:none;
	color:black;
}
#tableauBleu{
	border-left: 1px solid #1990CB;
}
#tableauBleu a:hover{
		color:#1990CB;	
	}
#tableauVert{
	border-left: 1px solid #2AA22E;
}
#tableauVert a:hover{
		color:#2AA22E;	
	}
#tableauRose{
	border-left: 1px solid #DC004F;
}
#tableauRose a:hover{
		color:#DC004F;	
	}
#tableauOrange{
	border-left: 1px solid #EB7D03;
}
#tableauOrange a:hover{
		color:#EB7D03;	
	}
#tableauRouge{
	border-left: 1px solid #D4213A;
}
#tableauRouge a:hover{
		color:#D4213A;	
	}
#tableauGris{
	border-left: 1px solid #454545;
}
#tableauGris a:hover{
		color:#454545;	
	}

/* Contenu */
#contenu{
	position:relative;
	height:auto;
	margin-left:-18px;
	width:1010px;
	background-image:url("../images/fonds/contenu.png");
	background-repeat:repeat-y;
}
#filAriane{
	padding-top:25px;
	position:relative;
	left:228px;
	font-size:8pt;
	top:0px;
}
#texte{
	width:560px;
	position:relative;
	left:228px;
	font-family:arial;
}
.paragraphe{
	color:#1E1E1E;
	font-size:10pt;
	text-align:justify;
	margin-left:20px;
}
.chapeau{
	font-weight:normal;
	color:#1E1E1E;
	font-size:11pt;
	text-align:justify;
	margin-left:0px;
}
.surlignage{
	color:#EA661E;
}
/* Bandeau de droite */

#bandeauDroite{	
	float:right;
	position:relative;
	height:auto;
	top:40px;
	right:40px;
	width:150px;
	border: 0px;
	z-index:10;
}
	#bandeauDroite table{
			border-collapse:collapse;
	}
	#bandeauDroite img{
		border: none;
		display: block;
	}
#bandeauDroite a{
	text-decoration:none;
}
.caseEntetePied{
	padding:0px;
	margin:0px;
}
.caseBleue img, .caseVerte img, .caseRose img, .caseOrange img, .caseRouge img, .caseGrise img{
	text-align:center;
	margin:auto;
}
.caseBleue, .caseVerte, .caseRose, .caseOrange, .caseRouge, .caseGrise{
	padding-bottom:2px;
	padding-top:2px;
}
.caseBleue{
	background-color: #1990CB;
}
.caseVerte{
	background-color: #2AA22E;
}
.caseRose{
	background-color: #DC004F;
}
.caseOrange{
	background-color: #EB7D03;
}
.caseRouge{
	background-color: #D4213A;
}
.caseGrise{
	background-color: #454545;
}

.typoBlanche{
	border-top:1px dotted white;
	margin-left:6px;
	margin-top:0px;
	font-weight:bold;
	font-size:9pt;
	color:white;
	}
.typoBlanche p{
	margin-bottom:20px;
}
.typoNoire{
	margin-left:6px;
	margin-top:0px;
	font-weight:normal;
	font-size:9pt;
	color:black;
}
.typoNoire a{
	text-decoration:none;
	color:black;
}
.typoNoire :hover{
	color:white;
}
.typoBleue{
	color:#1990CB;
}
.typoVerte{
	color:#2AA22E;
}
.typoRose{
	color:#DC004F;
}
.typoRouge{
	color:#D4213A;
}
.typoOrange{
	color:#EB7D03;
}
.typoGrise{
	color:#454545;
}
.typoProduits{
	color:#EA661D;
}

#plan{
	width:560px;
	position:relative;
	left:228px;
	font-family:arial;
}
	#plan a{
		text-decoration:none;
		color:#1E1E1E;
	}
	#plan a:hover{
		text-decoration:none;
		color:#6fbb2b;
	}

#map{
	position:relative;
	top:10px;
	left:347px;
}

#spacer{
	height:10px;
	position:relative;
	clear:both;
}


/* Contenu du mini site via-energica.com */

#miniSite{
	position:relative;
	width:750px;
}
#miniBandeau{
	position:relative;
	height:79px;
}
#miniBandeau img{
	height:79px;
	width:750px;
}
.miniSpacer{
	height:5px;
	position:relative;
	clear:both;
}
#miniContenu{
	background-image:url("../images/contenu/site/zone.png");
	min-height:345px;
}
#miniMenu{
	position:absolute;
	text-align:center;
	top:83px;
	left:15px;	
	width:165px;
	border-collapse:collapse;
}
	#miniMenu p{
		font-size:8pt;
		margin-top:2px;
		margin-bottom:7px;
	}
	#miniMenu a{
		text-decoration:none;
		color:#1E1E1E;
	}
#miniZoneTexte{
	position:relative;
	height:auto;
	width:500px;
	left:210px;
	top:0px;
}
	#miniZoneTexte p{
		color:#1E1E1E;
		font-size:10pt;
	}
#imagePresentation{
	margin-left:57px;
	margin-top:20px;
}
#video{
	position:relative;
	top:20px;
	left:90px;
}

/*Slideshow*/

#slideshow {
	background-image:url("../images/Slideshow/fond3.png");
	width:430px;
	height:266px;
	margin-left:79px;
	position: relative;
}
#slideshow #slidesContainer {
  margin:auto;
  top:10px;
  width:400px;
  height:211px;
  overflow:auto; /* affiche une scrollbar au cas ou */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:420px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
  height:211px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
	top:223px;
	width:146px;
	height:18px;
	text-indent:-10000px;
	position:absolute;
	cursor: pointer;
	display:block;
}
#navDiapo{
	text-indent:-10000px;
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	right:25px;
	bottom:10px;
	cursor:pointer;
	z-index:0;
}
#leftControl {
	z-index:10;
	left:35px;
	background:transparent url(../images/Slideshow/control_left2.png) no-repeat 0 0;
}
#rightControl {
	left:270px;
	background:transparent url(../images/Slideshow/control_right2.png) no-repeat 0 0;
}


#pageContainer {
  margin:auto;
  width:420px;
}
#pageContainer h1 {
  display:block;
  width:960px;
  height:114px;
  margin:auto;
}
.slide h2{
  margin:15px;
}
.slide h2 {
  font: bold 10pt Arial;
  color:black;
}
.slide p {
	font: 9pt Arial;
	color:black;
}
.slide table{
	position:relative;
	width:380px;
	left:12px;
	border-collapse:collapse;
	border:0px;
	
}
.slide td{
	margin:0;
}
.slide p{
	margin:0;
	margin-left:5px;
}


#footer {
	position:relative;
	width:1011px;
	background-repeat:no-repeat;
	left:-19px;
}
#footer table{
	margin-left:350px;
}
#footer table td{
	height:10px;
	font-family:arial;
	font-size:9pt;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:5px;
	padding-left:5px;
	border-right: 2px solid #1ba512;;
}