html{
background-color: #ffffff;
}

body {
margin: 0px;
font-family: Verdana, Arial, san-serif;
font-size: 12px;
text-align: justify;
color: #000000;
}

p, #contenu ul{
color:#462300;
text-align: justify;
font-size: 12px;
}


td{
border-left:1px dotted #D07908;
border-top:1px dotted #D07908;
border-bottom:1px dotted #D07908;
}

.suppr{
background-color: #eeeeee;
border:1px dotted #D07908;
text-align: center;
}

.coord fieldset legend span{
color:#999999;
font-size: 9px;
}

h1 span{
text-indent: 0px;
font-size: 12px;
}

h1{
background-image: url('../../images/titre1.png');
background-repeat: no-repeat;
min-height: 35px;
-height: 35px;
padding-left: 75px;
padding-top: 0px;
color: #CF1920;
font-size: 21px;
font-weight: bold;
font-family: Arial, san-serif;
display: block;
position:relative;
left:-50px;
z-index: 2;
}

h1+h2{
margin-top: -25px;
}

h2, h2.cat{
background-image: url('../../images/titre2.png');
background-repeat: no-repeat;
background-position: left top;
min-height: 55px;
-height: 55px;
padding-top: 15px;
padding-left:15px;
margin-left: -20px;
margin-bottom: -20px;
display: block;
position:relative;
left:-8px;
font-size:17px;
font-family: Arial, san-serif;
font-weight: bold;
color: #FE7D00;
font-style: italic;
}


h3{
background-image: url('../../images/puce.gif');
background-repeat: no-repeat;
font-size:15px;
font-family: Arial, san-serif;
font-weight: bold;
color: #FE7D00;
padding-left:18px;
}

img{
border:0px;
}

img.imgDte{
float:right;
margin-left:12px;
margin-bottom:12px;
padding: 1px;
border: #FE7D00 solid 1px;
}

img.imgGche{
float:left;
padding: 1px;
margin-right:12px;
margin-bottom:12px;
border: #FE7D00 solid 1px;
}

img.noBorder{
border: 0px;
}

.rouge{
	color: #CF1920;
}

a, a:visited, a:active{
color:#FE7D00;
text-decoration: none;
}
a:hover, a.gris:hover{
color:#462300;
}

#etudes{
background-image: url('../../images/fleche.jpg');
background-repeat: no-repeat;
background-position: 50px 30px;
}

#besoin{
margin-bottom: -5px;
}

#satisfaction{
margin-left:100px;
margin-top: 10px;
}

#conteneur{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}

#suite{
text-indent: 0px;
}

#change{
position: absolute;
bottom:10px;
}

#conteneurPage{
background-image: url('../../images/menu-top2.gif');
background-repeat: no-repeat;
position: absolute;
background-color: #ffffff;
width:900px;
left:50%;
right:50%;
margin-left: -450px;
min-height: 300px;
}

#margeGauche{
background-image: url('../../images/index-01.jpg');
background-repeat: no-repeat;
width:20%;
height:366px;
left:0px;
position:absolute;
}

#contenuIndex{
position:absolute;
left:10%;
top:0px;
background-image: url('../../images/index-02.jpg');
background-repeat: no-repeat;
width:360px;
height:500px;
}

#contenuIndex #logo{
position: absolute;
left:-5px;
top:72px;
/top:70px;
}

#contenu{
position:relative;
margin-left: 70px;
margin-right: 180px;
margin-top: 100px;
top:-55px;
z-index: 3;
}

#hiolle{
position:absolute;
left:10px;
bottom:3px;
}

#contenu ul, #plus2 ul{
list-style: url('../../images/li3.gif');
}

#menuwrapper{
position:relative;
left:80px;
top:-26px;
/top:-23px;
width:800px;
}

#globalMenu{
position:relative;
width:900px;
height:105px;
left:50%;
right:50%;
margin-left: -450px;
z-index: 4;
}

#globalMenu #flashMenu{
position: absolute;
top:74px;
left:33px;
}

#menuPages{
position: absolute;
width:650px;
left:120px;
top:57px;
z-index: 2000;
}

#rollMenu{
position:absolute;
top:0px;
left:635px;
}

#finMenu{
position: absolute;
width:179px;
height:116px;
background-image: url('../../images/finMenu.gif');
background-repeat:no-repeat;
right:0px;
}

#flashMenu{
position:relative;
left:82px;
top:34px;
/top:34px;
-top:36px;
}

#flashMenu .noJS {
background-image: url('../../images/bar.jpg');
background-repeat: no-repeat;
width: 30px;
height: 30px;
}

#load {
display:none;
}

#lastNews{
background-image: url('../../images/barActu.png');
-background-image: url('../../images/barActu.gif');
background-repeat: no-repeat;
background-position: 10px 100%;
-background-position:left bottom;
position:absolute;
top:450px;
left:100px;
max-height:177px;
min-height:50px;
width:550px;
-padding-top:35px;
}

#lastNews img{
position:absolute;
top:-30px;
-top:0px;
left:133px;
-left:155px;
}

#lastNews div{
width:450px;
position:relative;
top:-10px;
left:160px;
-left:15px;
}

#lastNews div p{
margin:0px;
margin-bottom:13px;
}

#lastNews #suite{
display:block;
position:absolute;
bottom: 2px;
margin-bottom: 0px;
margin-left:190px;
margin-top:0px;
font-style: italic;
}

#archive{
position:relative;
margin-top: 40px;
width:880px;
}

#archive fieldset{
border: 1px dashed #FE7D00;
padding-left:15px;
/padding-left:13px;
padding-bottom: 5px;
}

#archive legend{
color:#462300;
/background-color: white;
}

#archive span{
margin-top:-35px;
margin-left:20px;
display: block;
position:relative;
}


#logo{
position:absolute;
left:250px;
width: 296px;
height: 87px;
z-index:1500;
}

#droite{
position:absolute;
left:760px;
top:108px;
z-index: 1001;
background-image: url('../../images/droite.png');
background-repeat: no-repeat;
min-width: 160px;
-width:160px;
}

#droite address{
margin-top: 0px;
text-indent: 0px;
text-align: left;
/margin-left:3px;
font-style: normal;
}

#droite b{
font-size: 13px;
}

#droite h2{
background-image: none;
top:10px;
/margin-top: 15px;
left: 30px;
}

#plus, .plus{
position:absolute;
top:300px;
left:760px;
width:180px;
}


#plus2{
position:absolute;
top:150px;
left:5px;
width:180px;
}

#plus2 h2{
margin: 0px;
margin-bottom: -20px;
}

#plus2 ul{
margin-left: -20px;
list-style: none;
}

#plus2 li:hover{
list-style: url('../../images/li3.gif');
}


#plus legend, .plus legend{
font-size:13px;
font-family: Arial, san-serif;
font-weight: bold;
color: #CF1920;
}

#plus fieldset p, .plus fieldset p{
text-align:left;
}

#panier{
position: relative;
top:20px;
left: -10px;
background-image: url('../../images/panier.gif');
background-repeat: no-repeat;
height:90px;
padding-top:15px;
}

#panier a{
padding-left: 35px;
font-weight:bold;
font-size: 15px;
font-style: italic;
font-family: Arial;
}

#panier p{
text-align: right;
width: 120px;
}

#valid, .valid{
position: relative;
top:-88px;
left:460px;
font-size: 14px;
font-weight: bold;
width: 190px;
}

.valid{
right: 20px;
/right:10px;
bottom:-25px;
/bottom: -8px;
top:auto;
left:auto;
position:absolute;
}

#valid, #continu, #cancel, .continu, .valid{
background-image: url('../../images/valid-back.jpg');
background-repeat: repeat-x;
height:35px;
margin: 0px;
}

#continu, #cancel, .continu {
background-image: url('../../images/btn-back.jpg');
position:relative;
width: 190px;
}

#cancel{
top: -39px;
left:200px;
}

#continu{
top:10px;
}

#valid a, #valid a:visited, .valid a, .valid a:visited, .produit p span a, .produit p span a:visited{
color:white;
}

#valid a:hover, #valid a:active, .valid a:hover, .valid a:active, .produit p span a:hover, .produit p span a:active{
color:#462300;
}


#valid span.left, .valid span.left{
background-image: url('../../images/valid-left.jpg');
background-repeat: no-repeat;
height: 35px;
padding-left: 30px;
padding-top: 5px;
display: block;
}

#valid span.right, .valid span.right{
background-image: url('../../images/valid-right.jpg');
background-repeat: no-repeat;

display: block;
position: absolute;
right:0px;
top:0px;

width:19px;
height: 35px;
}

#continu span.left, #cancel span.left, .continu span.left{
background-image: url('../../images/btn-left.jpg');
background-repeat: no-repeat;

display: block;

padding-left: 19px;
padding-top: 7px;

height: 35px;
}

#continu span.right, .continu span.right{
background-image: url('../../images/continu-right.jpg');
background-repeat: no-repeat;

display: block;
position: absolute;
right:0px;
top:0px;

width:30px;
height: 35px;
}

#cancel span.right{
background-image: url('../../images/cancel-right.jpg');
background-repeat: no-repeat;

display: block;
position: absolute;
right:0px;
top:0px;

width:30px;
height: 35px;
}

#finish .continu{
top:0px;
width:220px;
}

#finish .devis{
width:170px;
top:-18px;
}

#finish #valid{
top:10px;
left:0px;
width:290px;
}


#bas{
position: absolute;
bottom:0px;
width:100%;
}

#bas p, p.java{
text-align: center;
}
#bas p, #bas a, p.java{
font-size: 10px;
color:#6a6a6a;
}

#bas a:hover, #bas a:active{
color:#462300;
}

#recap td, #recap tr{
border: 0px;
}



.page{
background-image: url('../../images/background2.gif');
background-repeat: no-repeat;
min-height: 300px;
-height:100%;
}

.clear{
clear: both;
}

.gris{
color:#a4a4a4;
}

a.gris{
color:#a4a4a4;
}

fieldset.produit{
background-color: #ffffff;
padding: 10px;
margin-bottom: 15px;
position: relative;
}

legend{
color:#555555;
}

.produit legend{
color: #6a6a6a;
font-size: 10px;
}

.produit .nom, .produit .nomImg{
display: inline;
font-weight: bold;
font-size: 15px;
/width: 550px;
}

.produit p a{
color: #CF1920;
}

.produit .nomImg{
background-image: url('../../images/titre1b.png');
background-repeat: no-repeat;
padding-left: 30px;
padding-right:10px;
padding-bottom: 20px;
/padding-bottom:0px;

/width: 450px;
position:relative; 
display:block; 
border: 0px;

min-height:81px; 
height:auto; 
/height:81px; 
margin-left:140px
}

.produit span{
display: block;
font-size: 12px;
font-weight: normal;
}

.produit .description{
margin-bottom: 15px;
padding-right: 10px;
}

.produit .infos{
text-align: left;
color:#999999;
}

/*.produit .infos a{
float:right;
display: inline;
margin-top: -14px;
}*/

.famille{
padding: 5px;
margin-bottom: 10px;
}

.famille .nom, .famille .nomImg{
display: inline;
font-weight: bold;
font-size: 15px;
}


.famille .nomImg{
margin-top: -3px;
background-image: url('../../images/famille.png');
background-repeat: no-repeat;
line-height: 56px;
padding-left: 54px;
padding-right:10px;
margin-left: -50px;
/margin-left: -53px;
padding-bottom: 20px;
position: absolute;
}

.famille img{
display: inline;
}

.famille span{
color:#462300;
text-align: justify;
font-size: 12px;
background-image: none;
font-weight: normal;
line-height: 12px;
display: block;
margin-top: 15px;
width:440px;
}


.nomProd{
color: #CF1920;
font-size: 15px;
font-weight: bold;
}

.menuDroite ul{
list-style: none;
position: relative;
padding-left: 20px;
margin-top: 5px;
/margin-left:0px;
}

.menuDroite h2{
margin-bottom:-40px;
}

#plan, #plan ul, #plan li{
list-style: none;
}

#erreur, #erreur ul, #erreur li{
color: red;
}
/*****************************************
 FORMULAIRE
*******************************************/

#formulaire{
position:relative;
width: 620px;
height: 400px;
}

#identite{
position: absolute;
left: 0px;
}

#coord{
position: absolute;
right:0px;
width:260px;
padding: 10px;
top:8px;
border: 0px;
}

#coord p{
font-size: 11px;
margin-top: 2px;
margin-bottom:2px;
width:260px;
}

#entreprise{
position: absolute;
top:160px;
width:100%;
padding: 10px;
border: #eeeeee solid 1px;
}

#cp{
margin-left: 5px;
}

form p{
margin-top: 5px;
margin-bottom: 5px;
}

#coord label, #coord select{
font-size: 12px;
}
#coord input, #coord select{
width: 180px;
}

#message{
position:absolute;
top:260px;
/top:280px;
border: 0px;
background-color: #eeeeee;
padding: 4px;
padding-top: 1px;
width:595px;
/left:10px;
margin-left: 15px;
}


#message2{
margin-left: 20px;
}

p.Form{
	padding:2px 0;
	width: 280px;
	margin-top:10px;
	margin-bottom: 10px;
}

p.Form label{
	display: block;
	float: left;
	width: 20%;
	text-align: right;
	margin: 0 1em 0 0;
	padding: 2px;
	height: 1%;
	width:60px;
}

p.Form2 label{
	display: block;
	float: left;
	width: 21%;
	text-align: right;
	margin: 0 1em 0 0;
	padding: 2px;
	height: 1%;
}

p.Form input{
width: 200px;
}

label.deux_elements{
	display: block;
	float: left;
	width: 20%;
	text-align: right;
	margin: 0 1em 0 0;
	padding: 2px;
}

label.deux_elements_deuxieme{
	margin: 0 1em 0 2em;
	padding: 2px;
}

#nbre{
margin-left: 3px;
}

input, select, textarea {
border: solid 1px;
border-color: #999999 rgb(170, 179, 179) rgb(213, 221, 221);
background-color: #FFFFEF;
/background-color: #FFFFFF;
color: #555555;
}

input:hover, select:hover, textarea:hover {
border-color:#DFA7A7 rgb(223,139,139) rgb(255, 223, 223);
}
input:focus, select:focus, textarea:focus {
color:#462300;
background-color: #ffffff;
outline-color:#ffcccc;
outline-style:solid;
outline-width:1px;
}

select{
cursor: pointer;
}

input.submit{
cursor: pointer;
position:absolute;
top:400px;
right: 0px;
width:200px;
height: 28px;
background-image: url('../../images/btnOK.jpg');
background-repeat: no-repeat;
border: 0px;
background-color: transparent;
padding-left: 10px;
/padding-left: 20px;
color: #000000;
padding-bottom: 5px;
/padding-bottom:2px;
text-align: left;
}

input.submit:hover, input.submit:active{
color:#CF1920;
}

#contenu a img{
cursor: -moz-zoom-in ;
}

#contenu a img.standard{
cursor:pointer;
}

/*liste des marques */
.familles{
margin-top: 50px;
height: 320px;
}

.familles div{
vertical-align: middle;
list-style: none;
background-repeat: no-repeat;
position:relative;
}

.familles div img{
position: absolute;
}

.familles a{
cursor: pointer;
}

.familles .interfaces{
margin-bottom: 10px;
left:-100px;
width: 250px;
}

.interfaces img{
top:-10px;
left:40px;
}
p.interfacesText{
width:200px;
text-align: left;
margin-left: 165px;
margin-top: 50px;
/margin-top:0px;
-position: absolute;
-top:5px;
-left:-50px;
}

.familles .cartes{
left: 300px;
padding-top: 130px;
top:-80px;
-top:-320px;
text-align: right;
padding-left: 0px;
-padding-left: 0px;
width: 300px;
}

.cartes img{
top:0px;
left:20px;
}
p.cartesText{
}



.familles .racks{
background-position: right top;
left: 0px;
-left:-30px;
padding-left: 0px;
padding-right: 110px;
top:30px;
-top:-320px;
text-align: right;
margin-bottom: -300px;
-margin-bottom:-700px;
width: 250px;
}

.racks img{
top:-50px;
left:-30px;
}
p.racksText{
width:200px;
text-align: left;
margin-left: 125px;
}

.familles .composants{
top:400px;
-top:220px;
-margin-bottom: -480px;
left:350px;
width:250px;
}

.composants img{
top:-150px;
}
p.composantsText{
}