body {
font: 80% Tahoma, arial, sans-serif;
text-align: center;
}

#global {
 position: relative;
 margin-left: auto;
 margin-right: auto;
 width: 800px;
 text-align: left;
}

.stock{
margin-left:10px;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#onglet1:hover{
background-color:gainsboro;

}
#onglet1:focus{
font-style:bold;
}

#onglet2:hover{
background-color:gainsboro;

}
#onglet1 {
margin:-20px 0 0px 0px;
position:relative;
text-align:center;
background-color:#e7e7e7;
height:20px;
width:127px;
display:block;
}

#onglet2 {
margin:-20px 0 10px 126px;
position:relative;
width:127px;
height:20px;
background-color:#e7e7e7;
text-align:center;
border-left:red 1px solid;
display:block;
}

#para6_mail{
margin:0;
}

#para6_mail #lab_para6_mail{
margin:0px 0px 0px 7px; 
}

#para6_mail input[type="text"]{
margin-left:24px;
margin-top:10px;
position:relative;
}

#para6_pass{
margin:0px;
}

#para6_pass #lab_para6_pass{
margin:0px 0px 0px 7px; 
}

#para6_pass input[type="password"]{
margin: 3px 0px 0px 20px;
position:relative;
}

#form_box input[type="checkbox"]{
margin:10px 3px 0px 0px;

}

#Client_OAT_Bouton{
margin-left:110px;
width:60px;
}
.Client_OAT_Bouton{
margin-left:110px;
width:60px;
}
#numClientBouton{
margin:25px 0px 0px 90px;
width:60px;
}
#numClientNum input[type="text"]{
margin-left:20px;
margin-top:10px;
}
#numClientLien a{
margin-top:30px;
color:red;
text-align:center;
display:block;
}

/*#Client_OAT input[type="image"]{
margin: 0  0  0 100px;
}*/


#menu {
position: absolute;
top: 0;
left: 0px;
z-index:9;
width: 100%;
}
#menu dl {
 position: relative;
 top: 130px;
 left: 34px;
}

#menu dl, h1 {
float: left;
width: 131px;
margin: 0 0px;
font-family : Tahoma;
}

#menu img {
float: left;
border: 0px;
}

#menu dt {
cursor: pointer;
font-weight: bold;
font-size: 14px;
color: #800000;
text-align: center;
background: url(btimg/menu-gris.gif) no-repeat 0 0 ;
background-position: center top;
width: 130px;
height: 20px;
padding-top: 2px;
border-left: 1px solid #808080;
padding-top: 6px;
padding-bottom: 6px;
border-right: 1px solid #808080;
}

#menu dt  + dt  + dt {
cursor: pointer;
font-weight: bold;
font-size: 14px;
color: #800000;
text-align: center;
background: url(btimg/menu-gris.gif) no-repeat 0 0 ;
background-position: center top;
width: 128px;
height: 20px;
padding-top: 2px;
padding-top: 6px;
padding-bottom: 6px;
border-right: 1px solid red;
}

#menu dd {
border: 1px solid #808080;
border-top: none;
padding-bottom: 6px;
width:130px;
background: #fff;
margin-top: 0px;
}

#menu li {
text-align: center;
background: #fff;
height: 33px;
width:128px;
font-size: 12px;

margin-right: 8px;
}

#menu li a, #menu dt a {
color: #573d3d;
text-decoration: none;
display: block;
height: 33px;
width:128px;
margin-right: 4px;
padding-top: 8px;
}

#menu dt a {
color: white;
}

#menu li a:hover, #menu dt a:hover {
background: #e7e7e7;
width:130px;
height:28px;
/*padding-top: 4px;*/
}

#menu dt a:hover {
background: url(btimg/blanc.gif) no-repeat 0 0 ;
border: 1px solid black;
color: white;
width:128px;
}

/*
#menu dl {
 position: relative;
 top: 130px;
 left: 37px;
}

#menu dl, h1 {
float: left;
width: 130px;
margin: 0 0px;
font-family : Tahoma;
}

#menu img {
float: left;
border: 0px;
}

#menu dt {
cursor: pointer;
font-weight: bold;
font-size: 14px;
color: #800000;
text-align: center;
background: url(btimg/menu-gris.gif) no-repeat 0 0 ;
background-position: center top;
width: 131px;
height: 20px;
padding-top: 2px;
border-left: 1px solid #808080;
padding-top: 6px;
padding-bottom: 6px;
}

#menu dt  + dt  + dt {
cursor: pointer;
font-weight: bold;
font-size: 14px;
color: #800000;
text-align: center;
background: url(btimg/menu-gris.gif) no-repeat 0 0 ;
background-position: center top;
width: 130px;
height: 20px;
padding-top: 2px;
padding-top: 6px;
padding-bottom: 6px;
border-right: 1px solid red;
}

#menu dd {
border: 1px solid #808080;
border-top: none;
padding-bottom: 6px;
background: #fff;
margin-top: 0px;
}

#menu li {
text-align: center;
background: #fff;
height: 32px;
font-size: 12px;
margin-left:4px;
margin-right: 8px;
}

#menu li a, #menu dt a {
color: #573d3d;
text-decoration: none;
display: block;
height: 32px;
margin-left: 4px;
/*margin-right: 4px;
padding-top: 4px;*/


#mtrait {
height: 1px;
width: 92%;
background: url(btimg/OAT_trait.gif) repeat 0 0;
margin-top: 4px;
margin-left: 4px;
margin-right: 4px;
}

p {
font-family : Tahoma;
font-size : 11px;
border: 0px solid blue;
margin-left: 4px;
margin-bottom: 8px;
text-align: justify;
}

h1 {
 position: relative;
 border: solid 0px red;
 text-align: left;
 margin-bottom: 4px;
 padding-bottom: 4px;
 font-size: 14px;
 padding-left: 8px;
 padding-top: 4px;
}

a {
text-decoration: none;
color: black;
color: #222;
}

.oat {
position: relative;
padding-left: 10px;
width:145px;
}

#azur {
position: absolute;
margin-left: 300px;
height: 50px;
top: 50px;
}

#azur2 {
position: relative;
left:1px;
margin: -5px 0pt 10px 75px;
}



.stock {
position: absolute;
left: 530px;
top:10px;
}

.tableform {
text-align: center;
}

.title {
position: relative;
text-align:left;
left: 10px;
top: 0px;
font-size: 36px;
margin-bottom: 0;
border: solid 0px #802222;
width: 120px;
font-family: Harrington;
color: #FF6600;
}
 
.title2 {
 position: relative;
left : 56px;
}
 
.title3 {
 position: relative;
left : 85px;
}
 
.first {
 color: #993300; 
}
  
.site {
position: relative;
z-index: 1;
top : 170px;
color: #000;
background-color: white;
border: solid 0px #ff6600;
padding-bottom: 10px;
margin-bottom: 10px;
height: auto;
}

.p_qui {
width: 450px;
margin-left: 175px;
margin-top:10px;
text-indent:20px;
}

h5{
margin-left:175px;
color:#c60005;

}

.site h1 {
color: white;
margin-bottom: 0px;
height: 21px;
border: solid 0px #ff6600;
background:  url(btimg/h4.gif) repeat 0 0 ;
}

.block1 {
position: absolute;
top: 2px;
left: 0px;
width: 270px;
height: auto;
margin-top:0px;
}

.block1 h1 {
width: 262px;
}

.blockClassic {
position: absolute;
top: 0px;
left: 0px;
width: 800px;
margin-top:1px;
}
.blockClassic h1 {
width: 792px;
background: url(btimg/h4.gif) repeat 0 0;
}

#para {
margin:60px 0px 0px 10px;
margin-left:10px;
padding:15px;
width:475px;
font-size:10pt;
}


.paraClassic {
width: 800px;
height: auto;
float:left;
background: #F5F5F5;
border-right: solid 2px #ff6600;
top: 0px;
left: 0px;
border-left: solid 1px #800000;
border-right: solid 1px #800000;
padding-bottom:0px;
font-size:11pt;
}

.block4_footer{
margin-left:250px;
}

.p_direct{
width: 240px;
margin: 10px;
}

.p_oat{
width: 240px;
margin: 10px;
}

.cadre p#contact{
margin:0px 80px 20px 19px;
padding:15px 15px 15px 15px;
font-size:12px;
width:500px;
text-indent: 25px ;
}

.cadre p#azur_tel{

text-align:center;
margin:-50px 0 5px 160px; 
}

.cadre p#email_cont{
text-align:center;
margin-top:-16px;
}
#enveloppe{
border:0px black solid;
margin-left:200px;
}


.paraClassic  ul{
margin:-70px 150px 30px 60px;
}

.paraClassic p#adresse{

font-style:italic;
text-align:center;
font-size:14px;
margin-left:170px;
}

.cadre{
border:2px solid #fefefe;
margin:70px 110px 60px 119px;
padding:15px;
}

.paraClassic p a{
color:black;
}

.paraClassic2 h4{
margin:0px 0px 20px 0px;
text-align:center;
}

.paraClassic2 h1{
margin:0px 0px 20px 0px; 
}

.paraClassic2 ul#orient{
text-align:center;
font-style:italic;
margin:0px 0px 20px 0px;
}

.contour{
border:2px solid #fefefe;
margin:40px 0px 20px 135px;
width:500px;
padding:15px 20px 15px 15px;
}

.paraClassic2 ul#moderne{
text-align:center;
font-style:italic;
}

.paraClassic2 {
width: 800px;
height: auto;
float:left;
background: #F5F5F5;
border-right: solid 2px #ff6600;
top: 0px;
left: 0px;
border-left: solid 1px #800000;
border-right: solid 1px #800000;
}

.paraClassic3 {
width: 800px;
height: auto;
position: relative;
background: #F5F5F5;
border-right: solid 2px #ff6600;
top: 0px;
left: 0px;
border-left: solid 1px #800000;
border-right: solid 1px #800000;
float:left;

}

.footer-paraClassic {
float:left;
width: 800px;
background: url(btimg/OAT-bottom-para.gif) repeat 0 0;
height: 20px;
margin: 0px 0px 0px 0px;
margin-bottom:10px;
border-bottom: solid 1px #800000;
border-left: solid 1px #800000;
border-right: solid 1px #800000;
}

.footer-para {
position: relative;
background: url(btimg/OAT-bottom-para.gif) repeat 0 0;
height: 20px;
width: 270px;
margin-bottom:10px;
border-bottom: solid 1px #800000;
border-left: solid 1px #800000;
border-right: solid 1px #800000;
}

.para1 {
position: relative;
background: #FF66CC;
top: 0px;
left: 0px;
width: 270px;
height: 200px;
border-bottom: solid 1px #800000;
border-left: solid 1px #800000;
border-right: solid 1px #800000;
margin-bottom:10px;
}

.para2 {
position: relative;
background: #F5F5F5;
top: 0px;
left: 0px;
width: 270px;
height: 250px;
border-left: solid 1px #800000;
border-right: solid 1px #800000;
}

.para2 p {
left: 130px;
position: absolute;
z-index: 1;
top: 35px;
width: 114px;
margin-top:10px;
}

.para2 img {
margin-top:25px;
}

.para3 {
position: relative;
background: #F5F5F5;
top: 0px;
left: 0px;
width: 270px;
height:289px;
border-left: solid 1px #800000;
border-right: solid 1px #800000;
}

.para3 img {
position: relative;
}

.para3 p {
left: 130px;
position: absolute;
z-index: 1;
top: 35px;
width: 114px;
margin-top:24px;
}

.block2 {
position: absolute;
top: 2px;
left: 280px;
width: 255px;
height: auto;
}
.block2 h1 {
width: 247px;
}

.block2 .footer-para {
width: 255px;
}

.block2 .trait {
width: 240px;
}

.para4 {
position: relative;
background: #F5F5F5;
top: 0px;
left: 0px;
border-left: solid 1px #800000;
border-right: solid 1px #800000;
border-bottom: solid 1px #800000;
width: 255px;
height: 481px;
margin-bottom:10px;
}

#para4_adresse img{
margin: 0 0 0px 0;
}

#adresse_para4{
margin: -108px 0 0 50px;
width:180px;
text-align:center;
}

#para4_tel img{
margin: 35px 0 50px 0;
}

#tel_para4{
margin: -186px 0 0px 60px;
width:180px;
text-align:center;
}

#para4_plan img{
margin: -16px 0 75px 0;
}


#plan_para4{
height:80px;
width:200px;
margin: -160px 0 0px 40px;
text-align:center;
}

#plan_para4 img{
height:96px;
margin:-15px 0 0px 10px;
}

#para4_horaire img{
margin: 10px 0px 0;
}

#horaire_para4{
width:180px;
margin: -65px 0 0 65px;
}

.para5 {
position: relative;
background: #F5F5F5;
top: 0px;
left: 0px;
border-left: solid 1px #800000;
border-right: solid 1px #800000;
width: 255px;
height:289px;
}

.block3 {

position: absolute;
top: 2px;
left: 545px;
width: 255px;
height: auto;
}

.block3 h1{
width: 247px;
}

.block3 .footer-para {
width: 255px;
}

.block3 .trait{
width: 240px;
}

.para6 {
position: relative;
background: #F5F5F5;
top: 1px;
left: 0px;
border-left: solid 1px #800000;
border-right: solid 1px #800000;
width: 255px;
height:237px;
font-family : Tahoma;
}

.para6 .adresseMail input[type=password]{
margin:5px 15px 2px 29px;
}

.para6 .adresseMail input[type=text]{
margin:10px 15px 0px;
}

.numclient{
width:240px;
}

.para6 .numClient input[type="text"]{
margin:15px 100px 0px;
width:120px;

}
.para6 .numClient input[type=submit]{
border: solid 1px #800000;
margin:0px 95px;
}
.para6 .numClient a{
border:1px solid #F5F5F5;
margin:0px 0px 0px 20px;
font-size:10px;
}

#numClient input + input {
margin:10px 92px;
width:50px;
}

#numClient  label{
width:50px;
}

#numClient input[type="text"]{
width: 135px;
}

#numClient a{
font-family:tahoma;
font-size:10px;
margin:0 10px 0 20px;
}

.para6 .ou{
text-align:center;
font-size:12px;
}

.para7 {
position: relative;
background: #F5F5F5;
top: 0px;
left: 0px;
border-left: solid 1px #800000;
border-right: solid 1px #800000;
width: 255px;
height: 319px;
}

.para7 a {
padding-left: 10px;
}

.para8 {
position: relative;
background: #F5F5F5;
top: 0px;
left: 0px;
border: solid 1px #800000;
border-bottom: solid 0px #800000;
width: 255px;
height: 162px;
}

.para8 #demande_cat{
width:181px;
margin:10px 0 10px 37px;
}

.para8 #demande_cat a{
color:red;
}

#label_mail{
margin-left:10px;
margin-top:10px;
}
#mail{
margin-left: 10px; 
margin-top:10px;
}

#mail_send{
margin-top:20px;
margin-left: 96px;
}




.trait {
height: 2px;
width: 10px;
background: url(btimg/OAT_trait.gif) repeat 0 0;
margin-left: 5px;
margin-top: 3px;
}

.null {
border: solid 0px;
height: 31px;
width: 88px;
}

.paraClassic3 #nom{
margin: 50px 0px 5px 30px;
}

.paraClassic3 #telephone{
margin:0px auto 5px 30px;
}

.paraClassic3 #societe{
margin:0px auto 5px 30px;
}

.paraClassic3 #siret{
margin:0px auto 5px 30px;
}

.paraClassic3 #email{
margin:0px auto 5px 30px;
}

.paraClassic3 #nom input[type=text]{
margin:0px 0px 0px 30px;
}

.paraClassic3 #telephone input[type=text]{
margin:0px 0px 0px 12px;
}

.paraClassic3 #email input[type=text]{
margin:0px 0px 0px 26px;
}
#envoyer_catalogue{
margin-left:100px;
margin-top:30px;
}

#catalogue{
margin-left:30px;
}
#choix{
margin-left:75px;
}
.block_particulier{
margin-top:30px;
width:400px;
height:auto;
margin-left:250px;
}

#block_societe{
margin:-338px  0px 0px 401px;
position:absolute;
/*border: 1px #808080 solid;
width:380px;
height:336px;*/
}


#block_societe #contenu_soc{
text-align:center;
}

#block_societe #contenu_soc a{
text-align:center;
}

#block_societe #societe2{
text-align:center;
margin:120px 0 0 75px;
font-size:12px;
}

.block_particulier #para {
width:380px;
margin: 0px 8px 20px 10px;
}

.block_particulier  #nom2{
margin:0px 98px 4px;
}

.block_particulier #catalogue{
margin:20px 0px 0px 10px;
}

.block_particulier #choix{
margin:12px 100px;
}

.block_particulier input[type=submit]{
margin: 15px 160px;
}


.block_footer{
text-align:center;
}

#container{
width:800px;
}


#envoyer_distributeur{
margin-left:110px;
margin-top:30px;

}

#lab_nom_ser{
padding:0px 0px 0px 0px;
}

 #nom_ser{
margin:10px 0 0 30px ;
}

#tel_ser{
margin:0px 0 0 1px ;
}

#mail_ser{
margin:0px 0 0 28px ;
}

#lab_type_ser1 {

}
#type_ser1 {

}

#type_res {

}

#type_ser2 {

}

#type_net {

}

#type_ser3 {

}

#type_exper {

}

#lab_part_ser{
margin:10px;
}

 #soc_ser input[type="radio"]{
margin:0px 0 0 10px;
}

 #lab_soc_ser{
margin:10px;
}


.block_footer{
text-align:center;
}
 .cadre_expertise{
margin-left:15px;
width:450px;
margin-top:50px;
padding:15px;
height:500px;
}
#service_expertise{
text-indent:15px;
width:450px;
margin-left:0px;
font-size:10pt;
}

 .cadre_restauration {
width:600px;
margin-top:40px;
padding:15px;
height:506px;
}

#service_restauration {
margin-left:15px;
width:450px;
font-size:10pt;
}

 .cadre_nettoyage {
width:600px;
border:2px #fefefe solid;
margin-left:85px;
margin-top:40px;
padding:15px;
}

#bouton_service{
text-align:center;
margin-top:15px;

}

#service_nettoyage{
width:600px;
text-indent:25px;
margin-left:0px;
margin-bottom:30px;
}

#contour_distrib{
margin-top:40px;
padding:15px;
width:450px;
margin-bottom:-20px;
}

#soc_distrib{
margin-left:20px;
}

#contact_distrib{
margin-left: 38px;
}

#tel_distrib{
margin-left:26px;
}

#email_distrib{
margin-left:55px;
}

#contour_envami{
margin-top:0px;
padding:15px;
margin-left:-185px;
width:600px;
margin-bottom:20px;
}
#lab_prenom_envami{
margin: 0 0 0 -18px;
}
#image-label{
float:left;
padding-left:5px;
margin-left:0px;
margin-top:5px;
}


#ethique{
width:675px;
font-size:10pt;
margin-top:75px;
padding:20px; 
margin-bottom:25px;
}

#lien_label {
color:#F5F5F5;
text-decoration:none
}

#plan_para4 img{
border:0px black solid;
} 

#para4_plan img{
border:0px black solid;
}

#para4_adresse a img{
border: 0px solid red;
}

#para4_horaire a img{
border:0px black solid; 
}

#para4_tel a img{
border:0px black solid;
}

.para3 a img{
border:0px black solid;
margin-top:35px;
}

#ethique a img{
border:0px black solid;
height:230px;
width:200px;
margin-top:-25px;
margin-bottom:5px;
}


#menu2 dt{
border-right:1px solid #800000;
}
.valid {
border:2px solid red;
text-align:center;
margin-left:85px;
margin-top:42px;
color:red;
padding-top:7px;
padding-bottom:7px;
padding-left:190px;
padding-right:200px;
width:242px;
}

#valid_catal{
border:1px #808080 solid;
text-align:center;
margin-left:85px;
margin-top:30px;
color:red;
padding-top:7px;
padding-bottom:7px;
padding-left:190px;
padding-right:200px;
}

#nom_cata{
margin-left:31px;
}
#mail_cata{
margin-left:26px;
}

#box_orient{
margin-bottom:0px;
margin-left:100px;
margin-right:5px
}
#box_tapisserie{
margin-bottom:0px;
margin-left:100px;
margin-right:5px
}
#box_moderne{
margin-bottom:0px;
margin-left:100px;
margin-right:5px
}
#obligatoire{
margin-left:80px;
color:#f77273
} 

.block4 {
margin-top:961px;
position:relative;
width:auto;
text-align:center;
}

#lab_com_ser{
float:left;
margin-top:28px;
}

#com_ser{
margin-top:30px;
margin-left:30px;
}

#effet_tapis{
margin-left:675px;
margin-top:-533px;
float:left;
}


#historique{
float:left;
margin-left:20px;
margin-right:20px;
margin-top:34px;
}

#commerce{
float:left;
margin-left:20px;
margin-right:20px;
margin-top:20px;
margin-bottom:20px;
}

#step {
float:left;
margin-left:19px;
margin-right:20px;
margin-top:23px;
height:94px;
}

#tapis_ethique{
float:left;
margin-left:20px;
margin-right:20px;
margin-top:20px;
}

#barre_contact{
margin-top:29px;
margin-left:-760px;
position:absolute;
}

#adresse1{
margin-top:50px;
margin-left:230px;
font-size:10pt;
margin-right:20px;
}
#adresse{
margin-top:40px;

}
#contact{
margin-top:50px;
margin-left:230px;
margin-right:20px;
font-size:10pt;
}

#contact_azur{
margin-top:60px;
margin-left:205px;

}

#email_cont{
margin-top:52x;
margin-left:230px;
margin-bottom:77px;
font-size:10pt;
}

h6{
margin-left:100px;
color:#C60005;
font-size:12px;
}
.p_legal {
margin-left:100px;
margin-top:10px;
text-indent:20px;
width:600px;
}
.separation{
margin-left:380px;
margin-top:20px;
}

#contact_tel{
font-size:10pt;
margin-bottom:105px;
margin-left:370px;
margin-top:18px;
}

#acces_stock{
width:275px;
height:325px;
background:gainsboro;
margin-top:-280px;
margin-left:525px;
}

#oubli_pass{
color:blue;
margin-left:62px;
font-size:10px;
}
#creer_compte img{
margin-top:20px;
margin-left:85px;
}
#creer_compte{
padding-left:10px;
padding-right:10px;
}
.trait2 {
background:transparent url(btimg/OAT_trait.gif) repeat scroll 0pt;
height:2px;
margin-left:5px;
margin-top:3px;
width:263px;
}
#form_box{
margin-left:5px;
}

#Client_OAT_Bouton2{
margin-left:108px;
width:60px;
}

.cadre_service{
background:gainsboro none repeat scroll 0% 50%;
margin-left:499px;
margin-top:-550px;
padding:8px;
width:270px;
height:550px;
}
.cadre_service2{
background:gainsboro none repeat scroll 0% 50%;
margin-left:484px;
margin-top:-272px;
padding:8px;
width:270px;
height:543px;
}

#cadre_distrib{
background:gainsboro none repeat scroll 0% 50%;
margin-left:485px;
margin-top:-340px;
padding:15px;
width:270px;
height:550px;
}

h4{
color:#C60005;
text-align:center;
margin-top:20px;
font-size:10pt;
}
#titre_acces{
color:#C60005;
margin-left:72px;
margin-top:-16px;
}

#service_restauration img{
width:200px;
margin-top:30px;
margin-left:20px;
}

#ethique a{
color:red;
}

#effacer{
margin-top:0px;
}
#chateaudax{
margin:-20px 40px 40px 40px;
}

#cuircenter{
margin:40px 40px 40px 40px;
}

#mobilierdefrance{
margin:-19px 70px 0px 40px
}

#mobilierseduction{
margin:0px 40px 0px ;
}

#contact_expertise{
margin-left:50px;

}
.block4 img{
margin-left:-69px;
}

.block_footer img{
margin-left:-69px;
}