@charset "utf-8";


#home_centrale p.spip {
	margin: 7px 0;
}

#container
{
width:954px;
margin:0 auto;
padding:0;
}

#header
{
position:relative;
height:129px;
width:954px;
z-index: 100;
background:url(../../IMG/construction/BG_menu.jpg) no-repeat bottom left;
}

#header ul
{
margin:0;
padding:0;
}

.formulaire_recherche {
	position: absolute;
	top: 25px;
	right: 0;
	height: 24px;
	width: 251px;
	padding: 6px 0 0 10px; 
	background: url(../../IMG/construction/recherche.jpg) no-repeat;
}
.formulaire_recherche input {
	width: 160px;
	border: none;
	background: #CCC;
}
.formulaire_recherche input#ok {
	position: absolute;
	right: 15px;
	top: 6px;
	margin-left: 0;
	width: auto;
	background: none;
}
#btnRecherche {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	background: url(../../IMG/construction/btn_recherche.gif) no-repeat;
	width: 438px; height: 19px;
	padding: 8px 12px;
}

#langu { display: block; position:absolute; top:35px; left:580px; width: 100px; } /*age_switch*/
#language_switch {
	display: block;
	color:#000;
	border: none;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	background: none;
	padding: 0 0 0 10px; /*Padding to accomodate left tab image. Do not change*/
	text-transform: lowercase;
	background: url(../../IMG/construction/puce_contact.gif) 0 6px no-repeat;
	line-height: 20px;
	}
#languages {
    display:none;
	list-style: none;
}
#languages li a {
	padding-left: 10px;
	line-height: 20px;
	display: block;
	background: #FFF;
	border: #CCC 1px solid;
	color: #333;
	width: 95px;
	text-decoration: none;
}
#languages li a:link, #languages li a:visited {
	color: #333;
}
#languages li a:hover, #languages li a:active {
	color: #C00;
}
#retourHome {
	background: url(../../IMG/construction/maison.gif) 0 0px no-repeat;
	padding-left: 20px;
	display: block;
	position: absolute;
	color: #000;
	text-decoration: none;
	top: 111px;
	left: 10px;
}

#home_centrale
{
line-height: 18px;
position:relative;
height:384px;
width:954px;
overflow: hidden;
background: url(../../IMG/construction/BG_home_centrale.jpg) no-repeat top left;
}
#home_centrale.homemini
{
line-height: 18px;
position:relative;
height:320px;
width:954px;
overflow: hidden;
background: url(../../IMG/construction/BG_home_centrale_mini.gif) no-repeat top left;
}


#liste_menu_gauche_home
{
position:absolute;
top:115px;
left:0;
width:195px;
height:265px;
}


#visuel_article_home
{
position:absolute;
top:0;
left:195px;
width:433px;
height:384px;
}


#texte_article_home
{
position:absolute;
right:0;
top:0;
width:326px;
height:384px;
overflow:hidden;
}

#contenu_texte_article_home
{
position:absolute;
top:88px;
right:0;
width:258px; /*326 - 45 - 23*/
height:169px; /*177 - 8*/
padding:8px 45px 0 23px;
overflow:hidden;
}

#lien_rouge
{
position:absolute;
top:273px;
right:0;
width:296px;/*326 - 30*/
height:20px;/*24 - 4*/
padding:4px 0 0 30px;
background:url(../../IMG/construction/BG_learn_more_rouge.gif) no-repeat top left;
}

#lien_orange
{
position:absolute;
top:273px;
right:0;
width:296px;/*326 - 30*/
height:20px;/*24 - 4*/
padding:4px 0 0 30px;
background:url(../../IMG/construction/BG_learn_more_orange.gif) no-repeat top left;
}

#lien_bleu
{
position:absolute;
top:273px;
right:0;
width:296px;/*326 - 30*/
height:20px;/*24 - 4*/
padding:4px 0 0 30px;
background:url(../../IMG/construction/BG_learn_more_bleu.gif) no-repeat top left;
}

#lien_vert
{
position:absolute;
top:273px;
right:0;
width:296px;/*326 - 30*/
height:20px;/*24 - 4*/
padding:4px 0 0 30px;
background:url(../../IMG/construction/BG_learn_more_vert.gif) no-repeat top left;
}

#home_bas
{
position:relative;
height:169px;
width:954px;
}

#zone_rss_home
{
position:absolute;
left:0;
top:8px;
height:125px;
width:303px;
background: url(../../IMG/construction/BG_home_bas.jpg) no-repeat top left;
}

#texte_rss_home
{
position:absolute;
left:9px;
top:30px;
width:290px;
height:83px;
overflow:hidden;
}

#texte_rss_home strong { font-weight: normal; }

#read_more_rss
{
position:absolute;
top:105px;
right:40px;
width:170px;
height:15px;
text-align:right;
}

#zone_global_home
{
position:absolute;
left:326px;
top:8px;
height:125px;
width:303px;
background: #FF6600 url(../../IMG/construction/BG_home_bas.jpg) no-repeat top left;
}

#image_globale_home
{
position:absolute;
top:35px;
left:9px;
width:145px;
height:81px;
}

#texte_globale_home{
position:absolute;
top:27px;
right:15px;
width:120px;
height:70px;
padding:0 0 0 2px;
}

#zone_acces_home
{
position:absolute;
right:0;
top:8px;
height:161px;
width:303px;
background:url(../../IMG/construction/BG_home_bas.jpg) no-repeat top left;
}

#image_access_home
{
position:absolute;
top:42px;
left:9px;
width:125px;
height:110px;
overflow:hidden;
}

#texte_access_home
{
position:absolute;
top:45px;
right:5px;
width:160px;
height:105px;
overflow:hidden;
}
#texte_access_home .spip
{
margin: 0;
padding: 0;
}

#footer
{
height:14px; /*34 - 20*/
width:954px;
padding-top:20px;
}

#flashcontent {
	position: absolute;
	top: 182px;
	left: 305px;
}

.lien_video{
position:absolute;
bottom:10px;
left:200px;
}

#popup
{
	position: absolute;
	top:200px;
	left:400px;
	width:474px;
	height:286px;
	border: 1px solid #b3b3b3;
	background-color:#f4f9fa;
	padding-top:10px;
	z-index: 1;
	display:none;
}

.Close {
	position: absolute;
	top: 5px;
	right: 20px;
	background: url(../../IMG/construction/close.png) no-repeat;
	width: 41px;
	height: 10px;
	cursor: pointer;
}

#popup iframe{
width:474px;
height:286px;
border:0;
}
#gallery a {
	margin-left: 25px;
}
ul#cadre {
	padding: 0 0 20px 0;
	position: absolute;
	left: 350px; top: 88px;
}

div#cadreSales {
	position:absolute;
	padding: 0 0 20px 0;
	overflow: auto;
	height: 260px;
	width: 602px;
	border: #838383 1px solid;
	left: 350px;
	top: 90px;
}
div#onglets{
position:relative;
height:10px;
margin-top:30px;
z-index:100;
}

ul#onglet {  margin: 0; position:absolute; top:68px; left:350px; padding: 0; list-style: none; background:#FFF; width: 600px;}
ul#onglet li { margin: 0 10px 0 0; float: left; }
ul#onglet li a { display: block; width: 94px; height: 18px; margin-top: 5px;}
ul#onglet li.electro a:link, ul#onglet li.electro a:visited { background: url(../../IMG/construction/onglet_electronics.gif) no-repeat; width: 98px; clear:both;}
ul#onglet li.electro a:hover, ul#onglet li.electro a:active { background: url(../../IMG/construction/onglet_electronics_over.gif) no-repeat; width: 98px;  clear:both;}
ul#onglet li.mic a:link, ul#onglet li.mic a:visited { background: url(../../IMG/construction/onglet_mic.gif) no-repeat; width: 135px; clear:both; }
ul#onglet li.mic a:hover, ul#onglet li.mic a:active { background: url(../../IMG/construction/onglet_mic_over.gif) no-repeat; width: 135px; clear:both; }
ul#onglet li.mvl a:link, ul#onglet li.mvl a:visited { background: url(../../IMG/construction/onglet_mvl.gif) no-repeat; width: 140px; clear:both; }
ul#onglet li.mvl a:hover, ul#onglet li.mvl a:active { background: url(../../IMG/construction/onglet_mvl_over.gif) no-repeat; width: 140px; clear:both;}
ul#onglet li.prod a:link, ul#onglet li.prod a:visited { background: url(../../IMG/construction/onglet_production.gif) no-repeat; width: 145px; clear:both; }
ul#onglet li.prod a:hover, ul#onglet li.prod a:active { background: url(../../IMG/construction/onglet_production_over.gif) no-repeat; width: 145px;  clear:both;}
ul#onglet li.rd a:link, ul#onglet li.rd a:visited { background: url(../../IMG/construction/onglet_rd.gif) no-repeat; width: 64px;  clear:both;}
ul#onglet li.rd a:hover, ul#onglet li.rd a:active { background: url(../../IMG/construction/onglet_rd_over.gif) no-repeat; width: 64px;  clear:both;}
ul#onglet li.hd a:link, ul#onglet li.hd a:visited { background: url(../../IMG/construction/onglet_hd.gif) no-repeat; width: 59px; clear:both;}
ul#onglet li.hd a:hover, ul#onglet li.hd a:active { background: url(../../IMG/construction/onglet_hd_over.gif) no-repeat; width: 59px;  clear:both;}
ul#onglet li.all a:link, ul#onglet li.all a:visited { background: url(../../IMG/construction/onglet_all.gif) no-repeat; clear:both; }
ul#onglet li.all a:hover, ul#onglet li.all a:active { background: url(../../IMG/construction/onglet_all_over.gif) no-repeat; clear:both;}

ul#onglet.zh li.electro a:link, ul#onglet.zh li.electro a:visited { background: url(../../IMG/construction/onglet_electronics_zh.gif) no-repeat; width: 98px; }
ul#onglet.zh li.electro a:hover, ul#onglet.zh li.electro a:active { background: url(../../IMG/construction/onglet_electronics_over_zh.gif) no-repeat; width: 98px; }
ul#onglet.zh li.mic a:link, ul#onglet.zh li.mic a:visited { background: url(../../IMG/construction/onglet_mic_zh.gif) no-repeat; width: 135px; }
ul#onglet.zh li.mic a:hover, ul#onglet.zh li.mic a:active { background: url(../../IMG/construction/onglet_mic_over_zh.gif) no-repeat; width: 135px; }
ul#onglet.zh li.mvl a:link, ul#onglet.zh li.mvl a:visited { background: url(../../IMG/construction/onglet_mvl_zh.gif) no-repeat; width: 140px; }
ul#onglet.zh li.mvl a:hover, ul#onglet.zh li.mvl a:active { background: url(../../IMG/construction/onglet_mvl_over_zh.gif) no-repeat; width: 140px; }
ul#onglet.zh li.prod a:link, ul#onglet.zh li.prod a:visited { background: url(../../IMG/construction/onglet_production_zh.gif) no-repeat; width: 145px; }
ul#onglet.zh li.prod a:hover, ul#onglet.zh li.prod a:active { background: url(../../IMG/construction/onglet_production_over_zh.gif) no-repeat; width: 145px; }
ul#onglet.zh li.rd a:link, ul#onglet.zh li.rd a:visited { background: url(../../IMG/construction/onglet_rd_zh.gif) no-repeat; width: 64px; }
ul#onglet.zh li.rd a:hover, ul#onglet.zh li.rd a:active { background: url(../../IMG/construction/onglet_rd_over_zh.gif) no-repeat; width: 64px; }
ul#onglet.zh li.hd a:link, ul#onglet.zh li.hd a:visited { background: url(../../IMG/construction/onglet_hd_zh.gif) no-repeat; width: 59px; }
ul#onglet.zh li.hd a:hover, ul#onglet.zh li.hd a:active { background: url(../../IMG/construction/onglet_hd_over_zh.gif) no-repeat; width: 59px; }
ul#onglet.zh li.all a:link, ul#onglet.zh li.all a:visited { background: url(../../IMG/construction/onglet_all_zh.gif) no-repeat; }
ul#onglet.zh li.all a:hover, ul#onglet.zh li.all a:active { background: url(../../IMG/construction/onglet_all_over_zh.gif) no-repeat; }



ul#onglet-select {  width:150px;  margin: 0; position:absolute; right:360px; top:0px; padding: 0 0 0px; list-style: none; z-index:100;}
ul#onglet-select li { margin: 0 10px 0 0; }
ul#onglet-select li.all { position:absolute; left:0px; top:0px; }
ul#onglet-select li a { display: block; width: 94px; height: 18px; margin-top: 5px; }
ul#onglet-select li.electro a:link, ul#onglet-select li.electro a:visited { background: url(../../IMG/construction/onglet_electronics.gif) no-repeat; width: 98px; clear:both;}
ul#onglet-select li.electro a:hover, ul#onglet-select li.electro a:active { background: url(../../IMG/construction/onglet_electronics_over.gif) no-repeat; width: 98px;  clear:both;}
ul#onglet-select li.mic a:link, ul#onglet-select li.mic a:visited { background: url(../../IMG/construction/onglet_mic.gif) no-repeat; width: 135px; clear:both; }
ul#onglet-select li.mic a:hover, ul#onglet-select li.mic a:active { background: url(../../IMG/construction/onglet_mic_over.gif) no-repeat; width: 135px; clear:both; }
ul#onglet-select li.mvl a:link, ul#onglet-select li.mvl a:visited { background: url(../../IMG/construction/onglet_mvl.gif) no-repeat; width: 140px; clear:both; }
ul#onglet-select li.mvl a:hover, ul#onglet-select li.mvl a:active { background: url(../../IMG/construction/onglet_mvl_over.gif) no-repeat; width: 140px; clear:both;}
ul#onglet-select li.prod a:link, ul#onglet-select li.prod a:visited { background: url(../../IMG/construction/onglet_production.gif) no-repeat; width: 145px; clear:both; }
ul#onglet-select li.prod a:hover, ul#onglet-select li.prod a:active { background: url(../../IMG/construction/onglet_production_over.gif) no-repeat; width: 145px;  clear:both;}
ul#onglet-select li.rd a:link, ul#onglet-select li.rd a:visited { background: url(../../IMG/construction/onglet_rd.gif) no-repeat; width: 64px;  clear:both;}
ul#onglet-select li.rd a:hover, ul#onglet-select li.rd a:active { background: url(../../IMG/construction/onglet_rd_over.gif) no-repeat; width: 64px;  clear:both;}
ul#onglet-select li.hd a:link, ul#onglet-select li.hd a:visited { background: url(../../IMG/construction/onglet_hd.gif) no-repeat; width: 59px; clear:both;}
ul#onglet-select li.hd a:hover, ul#onglet-select li.hd a:active { background: url(../../IMG/construction/onglet_hd_over.gif) no-repeat; width: 59px;  clear:both;}
ul#onglet-select li.all a:link, ul#onglet-select li.all a:visited { background: url(../../IMG/construction/onglet_all.gif) no-repeat; clear:both; }
ul#onglet-select li.all a:hover, ul#onglet-select li.all a:active { background: url(../../IMG/construction/onglet_all_over.gif) no-repeat; clear:both;}

ul#onglet-select.zh li.electro a:link, ul#onglet-select.zh li.electro a:visited { background: url(../../IMG/construction/onglet_electronics_zh.gif) no-repeat; width: 98px; }
ul#onglet-select.zh li.electro a:hover, ul#onglet-select.zh li.electro a:active { background: url(../../IMG/construction/onglet_electronics_over_zh.gif) no-repeat; width: 98px; }
ul#onglet-select.zh li.mic a:link, ul#onglet-select.zh li.mic a:visited { background: url(../../IMG/construction/onglet_mic_zh.gif) no-repeat; width: 135px; }
ul#onglet-select.zh li.mic a:hover, ul#onglet-select.zh li.mic a:active { background: url(../../IMG/construction/onglet_mic_over_zh.gif) no-repeat; width: 135px; }
ul#onglet-select.zh li.mvl a:link, ul#onglet-select.zh li.mvl a:visited { background: url(../../IMG/construction/onglet_mvl_zh.gif) no-repeat; width: 140px; }
ul#onglet-select.zh li.mvl a:hover, ul#onglet-select.zh li.mvl a:active { background: url(../../IMG/construction/onglet_mvl_over_zh.gif) no-repeat; width: 140px; }
ul#onglet-select.zh li.prod a:link, ul#onglet-select.zh li.prod a:visited { background: url(../../IMG/construction/onglet_production_zh.gif) no-repeat; width: 145px; }
ul#onglet-select.zh li.prod a:hover, ul#onglet-select.zh li.prod a:active { background: url(../../IMG/construction/onglet_production_over_zh.gif) no-repeat; width: 145px; }
ul#onglet-select.zh li.rd a:link, ul#onglet-select.zh li.rd a:visited { background: url(../../IMG/construction/onglet_rd_zh.gif) no-repeat; width: 64px; }
ul#onglet-select.zh li.rd a:hover, ul#onglet-select.zh li.rd a:active { background: url(../../IMG/construction/onglet_rd_over_zh.gif) no-repeat; width: 64px; }
ul#onglet-select.zh li.hd a:link, ul#onglet-select.zh li.hd a:visited { background: url(../../IMG/construction/onglet_hd_zh.gif) no-repeat; width: 59px; }
ul#onglet-select.zh li.hd a:hover, ul#onglet-select.zh li.hd a:active { background: url(../../IMG/construction/onglet_hd_over_zh.gif) no-repeat; width: 59px; }
ul#onglet-select.zh li.all a:link, ul#onglet-select.zh li.all a:visited { background: url(../../IMG/construction/onglet_all_zh.gif) no-repeat; }
ul#onglet-select.zh li.all a:hover, ul#onglet-select.zh li.all a:active { background: url(../../IMG/construction/onglet_all_over_zh.gif) no-repeat; }


ul#onglet-select .hidden { display: none; }
ul#onglet-select .visible { display:block; }



