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

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

#bantop img {
margin-left:5px;
margin-bottom:5px;
}

#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;

}

#bantop {
left: 0px;
width: 100%;
}

#menu {
margin-top:-3px;
top: 50px;
left: 0px;

width: 100%;
}

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

#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: left;
}

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

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

.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;
}

.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 : 160px;
color: #000;
background: transparent;
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.png) ;
}

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

.block1 h1 {
width: 262px;
background:  url(btimg/h42.png) ;
}

.blockClassic {
background-color:transparent;
position: absolute;
top: 0px;
left: 0px;
width: 800px;
}
.blockClassic h1 {
width: 792px;
background: url(btimg/h43.png) 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;
top: 0px;
left: 0px;
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{

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;
top: 0px;
left: 0px;
}

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

}

.footer-paraClassic {
float:left;
width: 800px;
background: url(btimg/OAT-bottom-para4.gif) repeat 0 0;
height: 20px;
margin: 0px 0px 0px 0px;
margin-bottom:10px;
}

.footer-para {
position: relative;
background: url(btimg/OAT-bottom-para.gif) repeat 0 0;
height: 20px;
width: 270px;
margin-bottom:10px;
}
.footer-para-actualite{
position: relative;
background: url(btimg/OAT-bottom-para3.png);
height:7px;
width: 270px;
margin-bottom:10px;
}
.footer-para2 {
position: relative;
background:  url(btimg/OAT-bottom-para2.gif) repeat 0 0;
height: 20px;
width: 518px;
margin-bottom:10px;
}

.para1 {
position: relative;
background: #F5F5F5;
top: 0px;
left: 0px;
width: 270px;
height: 205px;
}

.para2 {
position: relative;
background: #F5F5F5;
top: 0px;
left: 0px;
width: 270px;
height: 482px;
}

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

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

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

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

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


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

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

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

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

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

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

#para2_adresse a img{
border: 0px solid #000066;
}

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

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

.para3 {
position: relative;
background: #F5F5F5;
top: 0px;
left: 0px;
width: 270px;
height:112px;

}

.para3 img {
position: relative;
}

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

.block2 {
position: absolute;
left: 280px;
width: 520px;
height: 200px;
}
.block2 .para1 {
width: 270px;
height: auto;
background-color:#F5F5F5;
}
.block2 h1 {
width: 510px;
}

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

.block2 .trait {
width: 240px;
}

.para4 {
position: relative;
background: #F5F5F5;
top: 0px;
left: 0px;
width: 518px;
height: auto;
}

.p-index{
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight:bold;
}

#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;
width: 255px;
height:289px;
}

.block3 {

position: absolute;
top: 150px;
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;
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]{
margin:0px 95px;
}
.para6 .numClient a{
border:1px solid #F5F5F5;
margin:0px 0px 0px 20px;
font-size:10px;
}

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

.para7 {
position: relative;
background: #F5F5F5;
top: 0px;
left: 0px;
width: 255px;
height: 319px;
}

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

.para8 {
position: relative;
background: #F5F5F5;
top: 0px;
left: 0px;
width: 270px;
height: 162px;
}

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

.para8 #demande_cat a{
color:#000066;
}

#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;
}

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

.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_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 #000066;
}

#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;
}

#valid_catal{
border:1px #808080 solid;
text-align:center;
margin-left:85px;
margin-top:30px;
color:#000066;
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_moderne{
margin-bottom:0px;
margin-left:100px;
margin-right:5px
}
#obligatoire{
margin-left:80px;
color:#f77273
} 

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

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

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

#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-left:20px;
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:52px;
margin-left:230px;
margin-bottom:30px;
font-size:10pt;
}

h6{
margin-left:190px;
color:#5d618e;
font-size:12px;
}
.p_legal {
margin-left:190px;
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;
}

.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;
}

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:#000066;
}

#contact_expertise{
margin-left:50px;

}

.menu-general { /* défini les boites qui comprenent chaque menu de base */
	float:left ; /* Les boite sont calées à gauche */
	width:247px ; /* largeur des boites du menu de base */
	padding:0 ; /* marges intérieures à 0 */
	margin: 0 ; /* marges extérieures à 0 */
	height:25px; /* Hauteur des boites */
	color:white;
	text-decoration:none;
	text-align:center;
	font-weight: bold;
	font-size: 14px;
}

#menu-general1{
	
	height:25px;
	cursor:pointer; 
	clear:both; 
	background:  url(btimg/menu-gauche.png) no-repeat 0 0;
}
#menu-general2 {
	
	height:25px;
	cursor:pointer; 
	background:  url(btimg/menu-centre.png) no-repeat 0 0;

}
#menu-general3 {
	
	height:25px;
	cursor:pointer; 
	background:  url(btimg/menu-droit.png) no-repeat 0 0;
	width:306px;

}
#sous-menu1, #sous-menu2, #sous-menu3 { /*défini les 3 boites des 3 sous-menues */
	clear:left;
  display: none; /* les sous-menus ne sont pas affichés */
  padding : 0; /* marges intérieures à 0 */
  /*position : absolute ;  boite positionnée par rapport à la boite parent, ici l'écran */
  top : 19px; /* Début (par rapport au haut de page) des sous-menus */
  left : 0px; /* Début (par rapport à la gauche de la page) des sous-menus */
  width : 800px ;/* largeur des sous-menus par rapport à la boite parent (ici la page)*/
  height:25px;
 

}

.td1{
float:left;
width:247px;
padding-top:3px; 
background:  url(btimg/sous-menu-g.gif) no-repeat 0 0;
text-align:center; 
}

.td2{
float:left;
width:247px;
padding-top:3px; 
background:  url(btimg/sous-menu.gif) no-repeat 0 0;
text-align:center; 
}

.td3{
float:left;
width:306px;
padding-top:3px; 
background:  url(btimg/sous-menu-d.gif) no-repeat 0 0;
text-align:center; 
}

.td4{
width:39px; 
padding-top:3px;
background:  url(btimg/sous-menu-d.gif) no-repeat 0 0;
text-align:center; 
}

.lienmenu{
	color:white;
	text-decoration:none;
	font-weight: bold;
	font-size: 14px;
	width:100%;
	height:100%;
}


.liensousmenu{
	text-decoration:none;
	font-weight: bold;
	font-size: 12px;
}
.liensousmenu:link {color:white;} 
.liensousmenu:visited {color:white;} 
.liensousmenu:hover {color:gray;} 
.liensousmenu:active {color:gray;} 

.td-index1{
width: 30%;
}

.td-index2{
width: 70%;
}

.td-oat-id1{
height: 114px; 
width: 40%; 
}

.td-oat-id2{
height: 114px; 
width: 60%; 
text-align: center;
}

.td-oat-id3{
height: 221px; 
width: 30%;
text-align: center; 
}

.td-oat-id4{
height: 221px; 
width: 70%; 
}

.legal_u_b{
font-weight:bold;
text-decoration:underline;
}
.legal_center{
text-align:center;
}

.bold{
font-weight:bold;
}

.valid {
border:2px solid #5D618E;
text-align:center;
margin-left:55px;
margin-top:42px;
color:#5D618E;
padding-top:7px;
padding-bottom:7px;
padding-left:190px;
padding-right:200px;
width:300px;
font-size:13px;
}
.cursorPhotoZoom {
    cursor:url(btimg/zoom.cur), wait;
}