/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

/*
  body { margin: 0px;
    padding: 0px;
    font-family: Arial,sans-serif;
    color: rgb(51, 51, 51);
    line-height: 1.166;
    background-color: #D7D7C1;
/*
    background-color: rgb(186, 186, 152);

    }
*/
  body {
	margin: 0px;
	padding: 0px;
	font-family: Arial,sans-serif;
	color: rgb(51, 51, 51);
	line-height: 1.166;
	background-color: #F4F4FF;
    }
	
  a:link { /* a:visited, supprimer car pb bouton lien sous IE, a:visited sera définis par le navigateur */
	color: rgb(0, 51, 204);
	text-decoration: underline;
    }

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

  h1, h2, h3, h4, h5, h6 { margin: 0px;
    padding: 0px;
    font-family: Arial,sans-serif;
    }

  h1 {
	font-family: Verdana,Arial,sans-serif;
	font-size: 110%;
	color: rgb(0, 0, 0);
    }

  h2 { font-size: 114%;
    color: #333333;
    }

  h3 { font-size: 100%;
    color: #000000;
    }

  h4 { font-size: 100%;
    font-weight: normal;
    color: rgb(51, 51, 51);
    }

  h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-style: normal;
	font-size: 12px;
	font-weight: lighter;
    }

  ul { list-style-type: square; }
  ul ul { list-style-type: disc; }
  ul ul ul { list-style-type: none; }

  #masthead {
	width: 100%;
	background-repeat: repeat;
	height: 80px;
	background-image: url(img_css/wertronic-header-H80.jpg);
    }

  #navBar {
	border: 1px solid rgb(103, 103, 103);
	margin: 20px 83% 0px 3px;
	font-family: Arial,Helvetica,sans-serif;
	background-color: #F2F5FD;
	background-image: url(/includes_css/img_css/degrade_bleugris_600px.jpg);
    }

  #content { 
	padding: 0pt 0% 0pt 0pt;
    float: right;
    width: 65%;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    }

  #globalNav {
	border-bottom: 1px solid rgb(103, 103, 103);
	padding: 2px 0px 2px 20px;
	background-color: #E6ECFB;
	border-top: 1px solid;
	height: 22px;
	font-size: 18px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
    }

  #globalNav a { padding: 0px 4px 0px 0px;
    font-size: 70%;
    }

  #siteInfo {
	padding: 2px;
	clear: both;
	color: #000000;
	margin-top: -1px;
	background-color: #E6ECFB;
	border-top: 1px solid rgb(0, 0, 0);
	border-bottom: 1px solid rgb(0, 0, 0);
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
    }

  #navBar ul a:link, #navBar ul a:visited { display: block; }

  #navBar ul { margin: 0pt;
    padding: 0pt;
	list-style: none outside none;
    }

  #navBar li { border-bottom: 1px solid rgb(238, 238, 238); }

  html > body #navBar li { border-bottom: medium none; }

  #sectionLinks {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	border-bottom: 0px solid rgb(0, 0, 0);
    }

  #sectionLinks h3 { padding: 10px 0px 2px 10px; }

  #sectionLinks a:link { border-top: 1px solid rgb(204, 204, 204);
    padding: 2px 0px 2px 10px;
    width: auto;
    }

  #sectionLinks a:visited {
	padding: 2px 0px 2px 10px;
	border-top: 1px solid rgb(204,204,204);
    }

  #sectionLinks a:hover { border-top: 1px solid rgb(204, 204, 204);
    padding: 2px 0px 2px 10px;
    background-color: #FFFFCC;
    }

  .Cadre-produit {
	border: 1px solid rgb(103, 103, 103);
	width: 98%;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	margin-top: 20px;
	background-color: #F9F9FF;
    }

  #navBar2 {
	border: 1px solid rgb(103, 103, 103);
	margin: 10px 83% 0pt 3px;
	padding: 0px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	vertical-align: bottom;
	background-color: #F2F5FD;
	background-image: url(/includes_css/img_css/degrade_bleugris_600px.jpg);
    }

  .navbar-haut {
	background-color: #BBCFD7;
	color: #000000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 2px 0px 2px;
	border-top: 1px solid rgb(0, 0, 0);
	border-bottom: 1px solid rgb(0, 0, 0);
    }

  #navBar2 ul a:link, #navBar2 ul a:visited { display: block; }

  #navBar2 ul { margin: 0pt;
    padding: 0pt;
	list-style: none outside none;
    }

  #sectionLinks2 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	border-bottom: 1px solid rgb(0, 0, 204);
    }

  #navBar2 li {
	border-bottom: 1px solid rgb(238, 238, 238);
	font-size: 12px;
    }

  #sectionLinks2 h3 { padding: 10px 0px 2px 10px; }

  #sectionLinks2 a:link { 
	border-top: 1px solid rgb(204, 204, 204);
    padding: 2px 0px 2px 10px;
    width: auto;
    }

  #sectionLinks2 a:visited { 
	border-top: 1px solid rgb(204, 204, 204);
    padding: 2px 0px 2px 10px;
    }

  #sectionLinks2 a:hover { 
	border-top: 1px solid rgb(204, 204, 204);
    padding: 2px 0px 2px 10px;
    background-color: #FFFFCC;
    }

  .Ar-GrsIt-18-Cent { 
	font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    color: rgb(250, 220, 60);
    }

  #navBar3 {
	border: 1px solid rgb(103, 103, 103);
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	vertical-align: bottom;
	background-color: #F2F5FD;
	float: right;
	width: 17%;
	margin-top: 20px;
	margin-right: 2px;
	background-image: url(/includes_css/img_css/degrade_bleugris_600px.jpg);
    }

  #navBar3 ul a:link, #navBar3 ul a:visited { display: block; }

  #navBar3 ul {
	list-style: none outside none;
	margin: 0px;
	padding: 0px;
	margin-right: 0px;
    }

  #sectionLinks3 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	border-bottom: 0px solid rgb(0, 0, 0);
    }

  #navBar3 li { border-bottom: 1px solid rgb(238, 238, 238); }

  #sectionLinks3 h3 { padding: 10px 0px 2px 10px; }

  #sectionLinks3 a:link { 
	border-top: 1px solid rgb(204, 204, 204);
    padding: 2px 0px 2px 10px;
    width: auto;
    }

  #sectionLinks3 a:visited { 
	border-top: 1px solid rgb(204, 204, 204);
    padding: 2px 0px 2px 10px;
    }

  #sectionLinks3 a:hover { 
	border-top: 1px solid rgb(204, 204, 204);
    padding: 2px 0px 2px 10px;
    background-color: #FFFFCC;
    }

  .table_black {
	border: 2px solid black;
	border-collapse: collapse;  
	}

  .td_black {
	border: 1px solid #000000;
	} 

  .table_brun {
	border: 1px solid #666666;
	}
/*
  .table_bg_grisClair {
	border: 1px solid #666666 ;
	background-color: #DADADA;
	border-spacing: 0px;
	}
*/

.table_bg_grisClair {
	border:1px solid #000000;
	border-collapse:collapse;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #EAEAEA;
}
  .td_brun {
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	} 

  .td_top_brun {
	border-top: 1px solid #666666;
	} 

  .table_height_100pcent {
	border-collapse: collapse;
	height: 100%;
	}

form {margin: 0; padding: 0;}
.tab_gris_tres_clair {
border: 2px solid rgb(103, 103, 103);
/*  background-color: #CDD8DE; */
	background-color: #FBFBFB;
    /* width: 98%; */
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin-top: 0px;
}

.StyleBleuFonce { color: #003253 }
.Style18pxJaune {
	color: rgb(250, 220, 60);
	font-style: italic;
	font-size: 20px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}
.StyleGrisMoyen {
	color: #CCCCCC;
	font-size: 12px;
	font-style: italic;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.StyleGrisClair {
	color: #E2E2E2;
	font-size: 100%;
	font-style: italic;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.Style10px {
	font-size: 10px;
}

a.bouton_01
	{
	width:145px;
	height:22px; /*28-5 =padding pour centrer le texte */
	display:block;
	border-width: 0px;
	padding-top: 8px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#060330;
	font-Size:11px;
	font-weight:bold;
	background-image:url('/img/button/button_a02_blau145-30.gif');
	}

a.bouton_01:hover 
	{
	width:150px;
	height:22px; /*28-5 =padding pour centrer le texte */
	border-width: 0px;
	padding-top: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000099;
	font-Size:12px;
	font-weight:bolder;
	text-decoration:none;
/*	background-image: url('/img/button/button_b05_lila_145-30px.gif'); */
	background-image: url('/img/button/bleu_aqua_150-30px.gif');
	}

a.bouton_01:visited /* Rien car pas même couleur police bouton link et hover, il faut desactiver a:hover */
	{

	}

a.bouton_02
	{
	width:132px;
	height:18px;
	display:block;
	border-width: 0px;
	padding-top: 4px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#00005E;
	font-Size:12px;
	background-image:url('/img/button/button_a02_blau_131-22px.gif');
	font-style: italic;
	}

a.bouton_02:hover 
	{
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#990000;
	font-Size:11px;
	font-weight:bold;
	text-decoration:none;
	background-image: url('/img/button/button_a02_orange_131-22px.gif');
	}

a.bouton_02:visited  /* Rien car pas même couleur police bouton link et hover, il faut desactiver a:hover */
	{

	}

#ongletsbutton a {
	display:block;
	float:left;
	text-align:center;
	width:128px;
	height:18px;
	padding-top: 4px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#00005E;
	font-Size:12px;
	font-style: normal;
}
 
#ongletsbutton a.img_button    {
	background-image:url('/img/button/button_a02_blau_131-22px.gif');
}

#ongletsbutton a.img_button:hover  {
    background-image:url('/img/button/button_a02_orange_131-22px.gif');
}

input.bouton_02
	{
	padding-bottom: 2px;
	width: 90px;
	height : 22px;
	text-decoration:none;
	color:#00005E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
	background-image:url('../img/button/button_a02_blau_90-22px.gif');
	border:0;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	}

input.bouton_02:hover {
	background-image: url('../img/button/button_a02_orange_90-22px.gif');
}


/*	------------------------------------------------------------ */

a.bouton_75-18
	{
	width:75px;
	height:15px;
	display:block;
	border-width: 0px;
	padding-top: 3px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#00005E;
	font-Size:10px;
	background-image:url('/img/button/button_a02_blau_75-18px.gif');
	font-style: italic;
	}

a.bouton_75-18:hover 
	{
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#990000;
	font-Size:10px;
	font-weight:bold;
	text-decoration:none;
	background-image: url('/img/button/button_a02_orange_75-18px.gif');
	}

a.bouton_65-16:visited  /* Rien car pas même couleur police bouton link et hover, il faut desactiver a:hover */
	{

	}


/*	------------------------------------------------------------ */
/* Astuce pour que hover fonctionne sur input sous IE 6 <a href="javascript:void(0)"> ou <a href="#">
<a href="javascript:void(0)"><input type="submit" class="bouton_02" name="submit" value="text button" /></a>
*/
/*
a:hover input.bouton_02 {
	background-image: url('../img/button/button_a02_orange_131-22px.gif');
} 
*/

.trans_1px {
	font-Size:5px;
}

.degrade_bleugris600px {
	background-image: url(img_css/degrade_bleugris_600px.jpg);
}