body {
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
margin: 0;
padding: 0;
background:#003984 url(img/grafik/bg_body_B128c.gif) repeat-y;
background-position:center top;
}

/* Définition des redondances ////////////////////////////////////////////////////////////*/
a {
font-family: arial;
font-size: 12px;
color: #2084DE;
}
a:visited {color :#023a86;}
a:hover { color: #2a5d6d; }
li {
list-style-image:url(img/grafik/acb_ico2.gif);
font-size: 12px;
}
h1 {font-size: 1.4em;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
p {
text-indent: 1.5em; 
font-size: 12px;
margin-left:20px;
}
img {
vertical-align: middle;
padding: 1px;
}
/*///////////////////////////////////////////////////////////////////////////////////////////*/

/* définition du header /////////////////////////////////////////////////////////////////////////////////////////////*/
#header {
margin-left:0px;
margin-bottom:10px;
background-image:url(img/header/Bg_Head.jpg);
background-repeat:no-repeat;
height : 118px;
}
#header img{
margin:0px;
padding:0px;
}
#header p {
margin-left:0px;
margin-top:0px;
margin-right:5px;
}
#header_droite {
float:right;
width:115px;
}
#header_droite a{color:#FFFFFF;}
#header_droite p{
margin:0px;
margin-top:10px;
text-indent:0px;
text-align:center;
}
#header_droite img {border:none;}
#logo_header {
float: none;
width:337px;
height:118px;
}
/*///////////////////////////////////////////////////////////////////////////////////////////*/

/* Définition du cadre global ////////////////////////////////////////////////////////////////////////////*/
#global {
margin: auto;
margin-top : 0em;
padding: 0em;
padding-left:0px;
background-color: #FFFFFF; 
background-image:url(img/grafik/Bg_glob_menu.gif);
background-repeat: repeat-y;
border: solid 1px #000;
width: 100%;
min-width:500px;
max-width:1000px;
min-height:1085px;
overflow: hidden;
}
/*///////////////////////////////////////////////////////////////////////////////////////////*/

/* Définition de la bande de gauche comprenant le menu + les images en dessous //////////////////////////*/
#leftband {
position: relative;
float: left;
width:196px;
margin-left:0px;
margin-top:2px;
}
#leftband a {
display: block;
margin-left: 1px;
margin-right: 2em;
padding: 0.1em;
text-decoration: none;
color: #000000;
}
#leftband p{
text-indent:0px;
text-align:left;
font-size:16px;
font-stretch:expanded;
font-weight:800;
margin-left:10px;
}	 
/*///////////////////////////////////////////////////////////////////////////////////////////*/

/* Définition des images sous le menu //////////////////////////////////////////////////////*/
#leftimg {
display:block;
float:left;
}
#leftimg img{
margin:36px 60px 0px 60px;
border:none;
}
/*///////////////////////////////////////////////////////////////////////////////////////////*/

/* Définition menu principal //////////////////////////////////////////////////*/
#menu {
position: relative;
float: left;
width:196px;
margin-top:40px;
padding-bottom: 40px;
}
#menu a {
display: block;
padding: 0.1em;
font-weight: bold;
font-size:12px;
text-decoration: none;
color: #000000;
border-top: solid;
border-width:1px;
height: 18px;
background-image:url(img/grafik/Bg_menu1px.png);
}
#menu a:link {color: #000000;}
#menu a:visited {color :#023a86;}
#menu a:hover {background-image:url(img/grafik/Btn_B_Hover_64.gif);
				color:#FFFFFF;}
#menu a:active {background-image:url(img/grafik/Btn_R_Hover_64.gif);
				color:#FFFFFF;}	
/*///////////////////////////////////////////////////////////////////////////////////////////*/

/* Définition menu secondaire ////////////////////////////////////////////////////////////////////////////////*/
#menu_secondaire {
margin-top:20px;
}
#menu_secondaire li {
padding: 0.2em;
display: inline;
margin-top:30px;
}
#menu_secondaire a {
font-size:11px;
font-weight:600;
font-stretch:semi-condensed;
color:#000000;
}
#menu_secondaire a:link {color:#000000;}
#menu_secondaire a:visited {color :#023a86;}
#contenu {
padding: 0.2em;
margin-left: 20%;
margin-right:80px; /*5%;*/
text-align : justify;
font-family: arial;
font-size: 12px;
}
/*///////////////////////////////////////////////////////////////////////////////////////////*/

/* Définition partie produits sur le cote droit//////////////////////////////////////////////*/
#prod {
background-image:url(img/grafik/Bg_glob_menu.gif);
width : 80px;
float: right;
background-color: #d7dbd9; 
margin: inherit;
margin: 20px 0px 0px 40px;
}
#prod p {
text-align: center;
font-size:9px;
text-indent:0px;
margin : 25px 10px 3px 10px;
}
#prod a {
text-align: center;
display: block;
font-weight: 100;
font-size:9px;
font-family: arial;
text-decoration: none;
color: #000000;
}
#prod a:link {color: #000000;}
#prod a:visited {color :#023a86;}
#prod img {border:none;}
/*///////////////////////////////////////////////////////////////////////////////////////////*/

/*Quelques classes ////////////////////////////////////////////////////////////////////////////////*/
.important, .confirmation {font-family: arial;}
.important, .confirmation, .menu_cours {font-weight: bold;}
.important {color: #ff0000;}
.confirmation {color: #008000;}
.menu_cours {
margin-top: 2em;
text-align: center;
}
/*///////////////////////////////////////////////////////////////////////////////////////////*/

/* Les tableaux ////////////////////////////////////////////////////////////////////////////////*/
caption {
margin: auto; 
font-family: Arial, Times, "Times New Roman", serif;
font-weight: bold;
font-size: 1.2em;
color: #000;
border: 1px solid #000;
padding: 0.5em;
background: #DADADA;
}	
table /* Le tableau en lui-même */
{margin: auto;}
th /* Les cellules d'en-tête */
{
background-color: #889fab;
color: white;
text-align: center;
font-size: 1.1em;
font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}
td /* Les cellules normales */
{
font-family: "Courier New", Courier, monospace;/*"Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;*/
text-align: left; /* Tous les textes des cellules seront centrés*/
padding: 2px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
border:none;
}
.Stetho_table {
margin-left:0px;
}
.Stetho_table th,.Stetho_table td,.Stetho_table td a
{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-stretch:ultra-condensed;
}
.Stetho_table th
{
font-weight:300;
background-color:#666666;
}
.Stetho_table td,.Stetho_table td a
{
font-weight:700;
color:#000000;
text-decoration:none;
line-height:10px;
}
.Stetho_table td{
border:  dotted 1px #666666;
line-height:0px;
}
.Stetho_table td p{
line-height:10px;
}
.Stetho_table a img{
border-width:1px;
border-color:#023a86;
}
.Stetho_table a:visited img{
border:none;
}

.qte input{width:50px;
text-align:right;}
.prod_descript {
text-indent:0px;
font-weight:100;
font-size:10px;}
.prod_descript td a{
line-height:5px;
}
.vente_block_content  p{
	 margin-top:3px;margin-bottom:3px;}
/*///////////////////////////////////////////////////////////////////////////////////////////*/

/*boutons////////////////////////////////////////////////////////////////////////////////*/
a.bouton,a.bouton:hover{
width:80px; 
height:32px; 
text-decoration:none; 
color:white;
text-align:center; 
font-weight:bold; 
padding:5px;
}
a.bouton{
background-color:#000080;
background-image: url(img/grafik/Btn_bleu.jpg);
}
a.bouton:hover{
background-color:#0000FF;
background-image:url(img/grafik/Btn_jaune.jpg);
}
/*///////////////////////////////////////////////////////////////////////////////////////////*/

/* Les formulaires ////////////////////////////////////////////////////////////////////////////////*/
#formul{
float:left;
padding-left:0%;
width:70%;}
input, textarea {
font-family:sans-serif;
font-size:small;
background:#fff;
border:1px solid #aaa;
}
textarea {
width:70%;
height:10em;
}
input {
width: 60%;
}
textarea:focus, input:focus {background: #eceaf6;}
label {
font-size: 0.9em;
font-stretch:wider;
}
p.formulaire {
text-align: right;
padding-right: 5%;
padding:0%;
margin:8px;
}
/*///////////////////////////////////////////////////////////////////////////////////////////*/

/*Les blocks//////////////////////////////////////////////////////////////////////////////*/
#vente_block,.vente_block_header, .vente_block_footer, .vente_block_shadow, .contact_block_header, .contact_block_footer, .contact_block_shadow,.vente_block_content, .vente_block_img, .contact_block_content{
width:500px;
}
#vente_block{margin-left:10%;}
.vente_block_header, .vente_block_footer, .vente_block_shadow, .contact_block_header, .contact_block_footer, .contact_block_shadow{
background-repeat:no-repeat;
height:23px; /*23px = hauteur de l'image de fond(31px) - padding-top (8px) */
text-align:center;
padding-top:8px;
color:#FFFFFF;
text-indent:0px;
font-weight:700;
font-size:14px;
}
.vente_block_header{background-image:url(img/grafik/HeaderStethoDevis.jpg);}
.vente_block_footer{background-image:url(img/grafik/HeaderStethoDevis_sym.jpg);}
.vente_block_shadow{background-image:url(img/grafik/HeaderStethoDevis_sym_ombre.png);}
.contact_block_header{background-image:url(img/grafik/HeaderCoordDevis.jpg);}
.contact_block_footer{background-image:url(img/grafik/HeaderCoordDevis_sym.jpg);}
.contact_block_shadow{background-image:url(img/grafik/HeaderCoordDevis_sym_ombre.png);}
.vente_block_content, .vente_block_img, .contact_block_content{
background-repeat:repeat-y;
font-size:11px;
padding:6px;
color:#000000;
text-indent:0px;
font-weight:300;
border-left:#000000 1px;
}
.vente_block_content, .contact_block_content{
background-image:url(img/grafik/bg_stetho_block_content_degrad2.gif);
text-align:left;
}
.vente_block_content,{text-align:left;}
.contact_block_content{
text-align: center;
text-indent:0px;
font-weight:600;
}
.vente_block_img{
background-image:url(img/grafik/bg_stetho_block_img.gif);
text-align:center;
padding-top:10px;
padding-bottom:10px;
}
.vente_block_content{
padding-left:0px;
}

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

/*Partie flash du site//////////////////////////////////////////////////////////////////////////////*/
#DiapoActi{
width:660px;/*670px;*/
height:143px;/*143px;*/
position: static;
padding-left:10px;
padding-bottom:30px;
}
#flash_header {
float: right;
width:885px;
height:118px;
}
#blur3D_slid {
width:650px;
height:466px;
}
#AcVS_gamme {
width:650px;
height:600px;
margin-left:18px;
}
#AcVS_tween {
width:650px;
height:290px;
margin-top:18px;
margin-bottom:18px;
}
#paper_cloud {
width:650px;
height:480px;
}
#FLVMovie {
width:260px;
height:190px;
}
#menu_flash {
float: left;
width:950px;
margin-top:2px;
}
#reseau {
width:600px;
height:450px;
margin-top: 30px;
}
#reseau,#AcVS_tween,#AcVS_gamme,#blur3D_slid {
margin-left:18px;
}
#flash_header,#reseau,#menu_flash,#paper_cloud,#AcVS_tween,#AcVS_gamme,#blur3D_slid,#flash_header {
position: absolute;
}
/*///////////////////////////////////////////////////////////////////////////////////////////*/

/*Plan du site//////////////////////////////////////////////////////////////////////////////*/
#plan {margin-bottom:100px;}
#plan a{text-decoration:none;}
#vid {
background-image:url(img/grafik/Bg_plan.gif);
width: 260px;
}
.plan_cont{
background-image:url(img/grafik/Bg_plan.gif);
width: 200px;
margin-bottom:10px;
}
.plan_cont h1{
font-size:13px;
color:#0000CC;
text-align:center;
margin:0px;
}
.plan_cont p{
font-size:11px;
color:#000000;
text-indent:0px;
margin:0px;
margin-left:3px;
text-align:left;
}
.plan_cont li{
margin-left:30px;
}

#ga {float:left;}
#ce {float: right;
	 margin-right:35px;}
#dr {float:right;}

/* Lie au style du plan et de la prodband (Une image pour chacun des coins du block considere/////////////////////////////*/
/* propriétés communes à l'ensemble des 4 coins */
.hautgauche, .hautdroit, .basgauche, .basdroit,.plan_hautgauche, .plan_hautdroit, .plan_basgauche, .plan_basdroit {
height: 19px; width: 19px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
.hautgauche {background: url(img/grafik/hautgauche.jpg);}
.hautdroit {
float: right;
background: url(img/grafik/hautdroit.jpg);
}
.basgauche {background: url(img/grafik/basgauche.jpg);}
.basdroit {
float: right;
background: url(img/grafik/basdroit.jpg);
}
.plan_hautgauche {background: url(img/grafik/plan_hautgauche.jpg);}
.plan_hautdroit {
float: right;
background: url(img/grafik/plan_hautdroit.jpg);
}
.plan_basgauche {background: url(img/grafik/plan_basgauche.jpg);}
.plan_basdroit {
float: right;
background: url(img/grafik/plan_basdroit.jpg);
}
/*///////////////////////////////////////////////////////////////////////////////////////////*/

/*concerne les pages sur AcVS ////////////////////////////////////////////////////////////////////////////////*/
#contenu_gauche {
float: left;
padding: 0.2em;
margin-left: 10px;
text-align : justify;
max-width:500px;
}
#contenu_droite {
float: right;
padding: 0.2em;
margin-right:20px; 
}
#contenu_droite img{padding-bottom: 10px;}
/*///////////////////////////////////////////////////////////////////////////////////////////*/

/*concerne les news/////////////////////////////////////////////////////////////*/
#news_gauche, #accueil_gauche {
float: none;
text-align : justify;
width: auto;
}
#news_droite, #accueil_droite {
float: right;
margin-left: 30px;
}
#news_droite img{margin-bottom: 1em;}
#news p {text-indent: 0px;}
/*///////////////////////////////////////////////////////////////////////////////////////////*/

/*concerne les composants du stetho/////////////////////////////////////////////////////////////*/
.stetho_comp_gauche{
float:left;
margin-bottom:40px;
}
.stetho_comp_droite{
float:right;
height: 200px;
width:58%;
margin-bottom:40px;
}
/*///////////////////////////////////////////////////////////////////////////////////////////*/

#client {
text-align:center;
line-height: 30px;
}
#client a{padding-left: 20px; } 
#partenaire img{border-width: 0px;}
#partenaire a{border-width: 0px;}
#flash_conteneur {position:relative; width:200px; height:4em;}
#flash_conteneur:hover #menu_flash {z-index:1;}

/* Définition du pied de page ////////////////////////////////////////////////////////////////////////////////*/
#footer {
background-image:url(img/grafik/bg_foot_16c.gif) ;
background-repeat: repeat-y;
background-position:center top;
border:solid #000000 1px;
}
#footer p{
text-align: center;
font-size: 10px;
color: #fff;
line-height:10px;
font-weight:400;
}
/*///////////////////////////////////////////////////////////////////////////////////////////*/