
#cont_img{ float:left;  position:relative;  /*margin-left:8px;*/ margin-bottom:20px;}
#cont_img img{ float:left; width:300px; height:58px; position:relative;}
#titre_img{float:left; position: relative; background:#d9dc3d; width:150px; font-size:1em; font-weight:bold; color:#000; height:50px; z-index:10; text-align:center; padding-top:8px;}
#titre_img2{float:left; position: relative; background:#803b3c; width:150px; font-size:1em; font-weight:bold; color:#fff; height:50px; z-index:10; text-align:center; padding-top:8px;}
#titre_img3{float:left; position: relative; background:#2c63b0; width:150px; font-size:1em; font-weight:bold; color:#fff; height:50px; z-index:10; text-align:center; padding-top:8px;}
#titre_img4{float:left; position: relative; background:#008f57; width:150px; font-size:1em; font-weight:bold; color:#fff; height:50px; z-index:10; text-align:center; padding-top:8px;}



/********ongletS**************/
#container {
	position: relative;
	width: 480px;
	/*margin: 3em auto;
	margin-left:8px;*/
	/*margin-top:20px;*/
	text-align: left;
	/*border: 4px solid #AF9D4C;
	background-color: #AF9D4C;*/
}
#container * {
	margin: 0;
	padding: 0;
}
#container ul#onglet2 {
	position: relative;
	width: 100%;
	font-weight: bold;
}
#container ul#onglet2 li {
	float: left;
	display: inline;
}
#container ul#onglet2 li a {
	text-align: center;
	display: block;
	width: 160px;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
}
#container ul#onglet2 li a:hover {
	/*background-color: #EFDC86;*/
}
#container h1,
#container h2 {
	margin: 0.5em 0 0.5em 0;
	font-size: 1.4em;
	color:#fff;
	padding: 0 8px 0 8px;
}
#container .content {
margin: -20px 0 0 0;
	/*padding: 10px;
	
	_margin: -16px 0 0 0;
	background-color: #c9d1d9;*/
}
#container hr {
	clear: both;
	visibility: hidden;
}
#container a.current {
	/*background-color: #E7FFCF;*/

	color:#fff;
}
#container a.ghost  {
	/*background-color: #AF9D4C;*/
	
	color:#fff;
}
#container .on {
	display: block;
}
#container .off {
	display: none;
}

div #onglet2_0{background-color:#c9d1d9; height:350px; overflow:auto; width:480px; padding:20px 0 20px 0;
OVERFLOW-Y: scroll; OVERFLOW-X: hidden; /*BORDER-LEFT: black 1px inset;  BORDER-BOTTOM: black 1px inset; */  scrollbar-face-color: #c9d1d9; scrollbar-shadow-color: #c9d1d9; scrollbar-highlight-color: #c9d1d9; scrollbar-3dlight-color: #333333; scrollbar-darkshadow-color: #333333; scrollbar-track-color: #c9d1d9; scrollbar-arrow-color: #000;
}

div #onglet2_1{background-color: #84b5d5; height:350px; overflow:auto;width:480px; 
OVERFLOW-Y: scroll; OVERFLOW-X: hidden; /*BORDER-LEFT: black 1px inset;  BORDER-BOTTOM: black 1px inset; */  scrollbar-face-color: #84b5d5; scrollbar-shadow-color: #84b5d5; scrollbar-highlight-color: #84b5d5; scrollbar-3dlight-color: #9CE5FD; scrollbar-darkshadow-color: #9CE5FD; scrollbar-track-color: #84b5d5; scrollbar-arrow-color: #000;
padding:20px 0 20px 0; 

}
div #onglet2_0 p{ padding: 0 8px 0 8px;color:#000;}
div #onglet2_1 p{ padding: 0 8px 0 8px; color:#000;}
div #onglet2_2 p{ padding: 0 8px 0 8px;color:#fff;}

div #onglet2_2{background-color: #c81624; height:350px; overflow:auto;width:480px;padding:20px 0 20px 0;
OVERFLOW-Y: scroll; OVERFLOW-X: hidden; /*BORDER-LEFT: black 1px inset;  BORDER-BOTTOM: black 1px inset; */  scrollbar-face-color: #c81624; scrollbar-shadow-color: #c81624; scrollbar-highlight-color: #c81624; scrollbar-3dlight-color: #f49eb6; scrollbar-darkshadow-color:#f49eb6; scrollbar-track-color: #c81624; scrollbar-arrow-color: #000;

}

.onglet20{background:url(../../../img/innovations_solutions/onglet_bg_gris.png) right no-repeat ;/*background-color:#c9d1d9;*/ color:#fff;}

.onglet21{background:url(../../../img/innovations_solutions/onglet_bg_bleu.png) right no-repeat ;/*background-color: #84b5d5;*/ color:#fff;}

.onglet22{background:url(../../../img/innovations_solutions/onglet_bg_rouge.png) right no-repeat ;/*background-color: #c81624;*/ color:#fff;}

div #onglet2_0 ul{ list-style-type:square;  list-style-position:inside; color:#000;  list-style-image:url(../img/innovations_solutions/carre_blanc.gif); margin:12px 8px 12px 20px; padding:0 8px 0 8px; text-align:justify;}

div #onglet2_1 ul{ list-style-type:square;  list-style-position:outside; color:#000;  list-style-image:url(../img/innovations_solutions/carre_blanc.gif); margin:12px 8px 12px 20px; padding:0 8px 0 8px; text-align:justify; display:block;}

/*div #onglet2_1  li {display:block;}*/

div #onglet2_2 ul{ list-style-type:square;  list-style-position:inside; color:#fff;  list-style-image:url(../img/innovations_solutions/carre_blanc.gif); margin:12px 8px 12px 20px; padding:0 8px 0 8px; text-align:justify;}

/*************************************************/

h4 {font-weight:bold;  background:url(../img/innovations_solutions/carre_vert.gif) no-repeat left;vertical-align:middle; padding-left:16px; font-size:1em; color:#000000; /*margin-left:8px;*/}
h5 {font-weight:bold;  vertical-align:middle; font-size:1em; display:inline; padding:4px; }
div#display2 ul{margin-left:0px; 	padding:0px; float:left; display:block; width:100%; list-style-image: none;}
div#display2 li{text-align:center; vertical-align:middle;display: inline-block;  width:145px; float:left; margin:2px 4px 2px 4px; height:50px; background:#d9dc3d; padding-top:6px;} 
div#display2 li a{ text-decoration:none; color:#000;}

#dynamic h4 {font-weight:bold; color:#000; background:url(../img/innovations_solutions/carre_rouge.gif) no-repeat left;vertical-align:middle; padding-left:16px; margin-left:8px;}
#dynamic h5 {color:#fff;}
div#dynamic #display2  li  a{ text-decoration:none; color:#fff;}
div#dynamic #display2  li{text-align:center; vertical-align:middle;	list-style-image: none;display: inline-block;  width:145px; float:left; margin:2px 4px 2px 4px; height:50px; background:#803b3c; padding-top:6px;} 

#ignition h4 {font-weight:bold; color:#000; background:url(../img/innovations_solutions/carre_bleu.gif) no-repeat left;vertical-align:middle; padding-left:16px;}
#ignition h5 {color:#fff;}
div#ignition #display2  li  a{ text-decoration:none; color:#fff;}
div#ignition #display2  li{text-align:center; vertical-align:middle;	list-style-image: none;display: inline-block;  width:145px; float:left; margin:2px 4px 2px 4px; height:50px; background:#2c63b0; padding-top:6px;} 


#energy h4 {font-weight:bold; color:#000; background:url(../img/innovations_solutions/carre_vert_fonce.gif) no-repeat left;vertical-align:middle; padding-left:16px;}
#energy h5 {color:#fff;}
div#energy #display2  li  a{ text-decoration:none; color:#fff;}
div#energy #display2  li{text-align:center; vertical-align:middle;	list-style-image: none;display: inline-block;  width:145px; float:left; margin:2px 4px 2px 4px; height:50px; background:#008f57; padding-top:6px;} 
