* {margin:0;padding:0;}

a img { border: none; }

body {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
}

#page {
width:771px;
margin:0 auto;
padding:0 0 0 15px;
background:url(../../images/fond_contenuGeneral.gif) repeat-y;
}

p {
color:#666666;
text-align:justify;
}

hr.coinG {
border:none;
height:11px;
margin:0 0 5px 0;
background:url(../../images/box_photo_haut.gif) top left no-repeat;
}

hr.coinD {
border:none;
height:11px;
background:url(../../images/box_photo_bas.gif) top right no-repeat;
}

#colonneGauche {
width:220px;
float:left;
border-right:1px dashed #CCCCCC;
padding:0 5px 0 14px;
}

#colonneGauche.special {
border:none;
margin:50px 0 0 0;
}


#colonneDroite {
width:220px;
float:right;
padding:0 14px 0 5px;
}

h2 {
color:#FF0000;
font-size:14px;
margin:10px 0 10px 0;
background:
}

a {
outline:none;
}


.separateur {
width:230px;height:5px;
background:url(../../images/box_contenuInfos_separateur.gif) no-repeat;
}

/*********************************
***** MISE EN PAGE DU HEADER  ****
**********************************/
#header {
width:740px;height:230px;
background:#8f0000 url(../../images/image1.jpg) top left no-repeat;

_height:230px;
_overflow:hidden;
}

#contenu {
width:737px;
}

#contenuGauche {
width:480px;
_width:470px;
float:left;
padding:0 0 0 10px;
}

#sidebar {
width:200px;
float:left;
margin:30px 0 0 15px;
_margin:50px 0 0 15px;
}


/*********************************
***** MISE EN PAGES DES BLOCS ****
**********************************/
.blocHaut {
width:230px;height:15px;
background:url(../../images/box_contenuInfos_haut.gif) top left no-repeat;
}

#sidebar a.long {position:relative;top:5px;left:70px;}
#sidebar a.court {position:relative;top:5px;left:115px;}
#sidebar a.moy{position:relative;top:5px;left:95px;}

a.boutique {
	display:block; text-indent:-9999px;
	width:477px; height:132px;
	background:url(../../images/boutique_onex.jpg) top left no-repeat;
}

a:hover.boutique {
	background-position:bottom left;
}
	

.bloc {
width:230px;
background:url(../../images/box_contenuInfos_millieu.gif) repeat-y;
}

.blocBas {
width:230px;height:15px;
background:url(../../images/box_contenuInfos_bas.gif) bottom left no-repeat;
}

.bloc h1 {
color:#be1926;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0 0 0 45px;
height:30px;
margin:10px 0 0 15px;
}

h1.contact {background:url(../../images/ico_box_contact.gif) 0 -5px no-repeat;}
h1.newsletter {background:url(../../images/ico_box_newsletter.gif) 0 -5px no-repeat;}
h1.sondage {background:url(../../images/ico_box_sondage.gif) 0 -5px no-repeat;}
h1.nonex {background:url(../../images/ico_box_notice.gif) 0 -5px no-repeat;}
h1.catalogue {background:url(../../images/ico_box_catalogue.gif) 0 -5px no-repeat;}
h1.certificat {background:url(../../images/ico_box_iso.gif) 0 -3px no-repeat;}
h1.qualite{background:url(../../images/ico_box_gammeQualite.gif) 0 -5px no-repeat;}


.bloc p {
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
padding:5px 20px 5px 20px;
}

.bloc a {
color:#be1926;
font-size:11px;
font-style:italic;
text-decoration:none;
text-align: right;
}

/*
.bloc a.lien_catalogue {
position:relative;
right:50px;
}
*/

hr.reset {visibility:hidden;clear:both;}



/************************** FIL D ARIANE *************************************/
span.rouge {color:#CC0000;font-size:11px;padding:0 3px 0 3px;font-weight:normal;}
img.cible {position:relative;top:3px;left:0;}
#ariane {position:relative;top:30px;left:10px;/*margin:30px 0 0 10px;*/width:715px;height:25px;border-bottom:1px solid #CCCCCC;}
#ariane p {color:#999999;font-weight:bold;}
/***********************************************************************************/



/************************** BARRE D OUTILS *************************************/
#barre_outil {width:480px;margin:25px 0 10px 0;height:26px;line-height:26px;_margin:50px 0 10px 0;background:url(../../images/barre-outil_rouge.gif) #FFFFFF top left no-repeat;}
#barre_outil2 {width:480px;margin:25px 0 10px 0;height:26px;line-height:26px;_margin:50px 0 10px 0;background:url(../../images/barre-outil.gif) #FFFFFF top left no-repeat;}
a.notice {display:block;float:left;width:125px;color:#FFFFFF; font-size:14px; font-weight:bold;margin:0 0 0 20px;_margin:0 0 0 10px;text-align:center;text-decoration:none;}
a.print{display:block;float:left;width:110px;color:#FFFFFF;margin:5px 0 0 25px;_margin:5px 0 0 22px;font-size:10px;text-decoration:none;}
a.download{display:block;float:left;width:130px;color:#FFFFFF;margin:5px 0 0 20px;margin:5px 0 0 14px;font-size:10px;text-decoration:none;}

a:hover.print, a:hover.download {
text-decoration:underline;
}


/***********************************************************************************/





/************************** FOOTER *************************************/

#footer {
clear:both;
height:26px;
width:740px;
background:#ffffff url(../../images/footer.gif) top left no-repeat;
}

#footer ul {
margin:0 0 0 17px;
list-style-type:none;
}

#footer ul li {
float:left;
line-height:18px;
}

#footer ul li a {
display:block;
float:left;
margin:0 2px 0 2px;
color:#FFFFFF;
font-size:10px;
text-decoration:none;
}

#footer ul li a.ekko {margin:0 0 0 35px;_margin:0 0 0 14px;}
#footer ul li a.inf {margin:0 0 0 20px;_margin:0 0 0 5px;}
#footer ul li a.inf2 {margin:0 7px 0 7px;_margin:0 4px 0 4px;}

#footer ul li a.inf3 {text-decoration:underline;_margin:0 0 0 3px;}

#footer ul li a:hover {text-decoration:underline;}
/************************** LOGO *************************************/
#logo {width:740px;height:60px;}
#logo a {margin:20px 0 10px 40px;}
#logo a img {border:none;}


#haut {
width:740px;height:25px;
}

form#search {
display:inline;
margin:0 0 0 10px;
}

#haut_contenu {
margin:5px 15px 0 0;
float:right;
}

#haut a {
text-decoration:none;
color:#990000;
line-height:20px;
}

#haut a:hover {
text-decoration:underline;
color:#666666;
}

.drapeaux {
position:relative;
top:2px;left:0;
}


input {
color:#666666;
font-size:11px;
}

.bloc table {
margin:0 0 0 20px;
}

.bloc table tr td {
padding:0 0 0 5px;
vertical-align:middle;
width:150px;
color:#666666;
}

.bloc table tr {
background-color:#EBEBEB;
margin:0 0 5px 0;
}

span.choix {
margin:0 0 0 7px;
}

#flashcontent{
position:relative;
z-index:1;
}

.left {
margin:0 10px 10px 0;
float:left;
}

.right {
margin:0 0 10px 10px;
float:left;
}


/*********************************************
***************** DISQUES ********************
***********************************************/

h3 {
color:#666666;
border-bottom:1px dashed #666666;
margin:0 0 15px 0;
}



#disque {
float:left;
_margin:0 0 10px 0;
margin:0 5px 10px 0;
width:100px;
border:1px dashed #CCCCCC;
text-align:center;
padding:5px;
}

#disque h5 {
font-size:13px;
color:#FF9900;
font-weight:bold;
padding:0 0 5px 0;
}

#disque img {
/*border:2px solid #9999CC;*/
border: none;
}

#disque a {
text-decoration:none;
color:#999999;
font-size:11px;
}

#disque a:hover {
text-decoration:underline;color:#666666;
}

#disque_gauche {
float:left;
width:150px;
}

#disque_droit {
float:left;
margin:0 0 0 30px;
_margin:0 0 0 15px;
width:250px;
}

#disque_droit table {
width:300px;
font-size:12px;
text-align:center;
border:1px solid #333333;
}

table.couronnes {
width:470px;
font-size:12px;
text-align:center;
border:1px solid #333333;
}


tr.entete {
background-color:#666666;
color:#FFFFFF;
font-weight:bold;
}

#disque_droit h5 {
color:#CC0000;
font-size:12px;
font-weight:bold;
}

img.gamme {
position:relative;
top:20px;left:115px;
}

a.retour {
display:block;
text-decoration:none;
color:#FF9900;
font-weight:bold;
float:right;
clear:both;
margin:35px 0 0 0;
}

a.retour:hover {
text-decoration:underline;
}



#couronnes {
margin:0 5px 10px 0;
width:450px;
padding:5px;
}

#couronnes h5 {
font-size:13px;
color:#FF9900;
font-weight:bold;
padding:0 0 5px 0;
}

#couronnes img {
border:1px solid #cccccc;
padding:3px;
}

#couronnes a {
text-decoration:none;
color:#999999;
font-size:11px;
}

#couronnes a:hover {
text-decoration:underline;color:#666666;
}

#couronnes_gauche {
float:left;
width:170px;
}

#couronnes_droit {
float:left;
margin:0 0 0 30px;
width:250px;
}

#couronnes_droit p {
display:block;
}


#scie_gauche {
float:left;
width:230px;
}

#scie_droit {
float:left;
width:190px;
}

#contenuGauche ul {
list-style-type:none;
color:#333333;
margin:0 0 15px 30px;
}

#contenuGauche ul li {
margin:0 0 8px 0;
padding:0 0 0 20px;
min-height:15px;
}

#contenuGauche ul.gris li {background:url(../../images/puces-grise.jpg) 0 1px no-repeat;}
#contenuGauche ul.noir li {background:url(../../images/puces-noire.jpg) 0 1px no-repeat;}
#contenuGauche ul.rouge li {background:url(../../images/puces-rouge.jpg) 0 1px no-repeat;}

/*************************************************************
*************** MENU DU HAUT *********************************
*************************************************************/
.menuHeader {
z-index:500;
position:relative;
top:-260px;
float:right;
list-style-type:none;
}

.menuHeader li {
float:left;
}

.menuHeader li a {
display:block;float:left;
height:25px;
padding:0 0 0 3px;
color:#666666;
text-decoration:none;
font-size:11px;
line-height:15px;
background:url(../../images/menu-3_m.png) repeat-x;

_background:none; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.onex-tntp.com/images/menu-3_m.png', sizingMethod='scale');
}

.menuHeader li a:hover {
text-decoration:underline;
}

.menuHeader li a img {
vertical-align:middle;
margin:-1px 0 0 5px;
border:none;
}

.haut1 {
display:block;
float:left;
width:11px;height:25px;
background:url(../../images/menu-3_g.png) no-repeat;

_background:none; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.onex-tntp.com/images/menu-3_g.png', sizingMethod='scale');
}

.haut2 {
display:block;
float:left;
width:11px;height:25px;
background:url(../../images/menu-3_d.png) top right no-repeat;

_background:none; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.onex-tntp.com/images/menu-3_d.png', sizingMethod='scale');
}