*{
padding:0px; margin:0px;
}
#main{
position:relative;
top:90px;
border:0px solid #fff;
height:578px;
width:984px;
}

#left{
position:absolute;
top:0px;
left:0px;
border:0px solid red;
height:578px;
width:381px;
background-repeat:no-repeat;
}
#right{
position:absolute;
top:0px;
left:381px;
border:0px solid red;
height:578px;
width:603px;
background-repeat:no-repeat;
}

.menu{
position:absolute;
top:0px;
left:0px;
border:0px solid #fff;
height:62px;
width:603px;
background-repeat:no-repeat;
}
.content{
position:absolute;
top:62px;
left:0px;
border:0px solid #fff;
height:518px;
width:603px;
background-repeat:no-repeat;
} 
.bottom{
position:absolute;
top:590px;
left:0px;
border:0px solid #fff;
height:20px;
width:984px;
background-repeat:no-repeat;
}
.bottom_left{
position:absolute;
top:0px;
left:0px;
border:0px solid #fff;
height:20px;
width:90px;
background-repeat:no-repeat;
font-family:arial;
font-size:11px;
font-weight:normal;
color:#89A9C4;
text-align:left;
}
.bottom_center{
position:absolute;
top:0px;
left:95px;
border:0px solid #fff;
height:20px;
width:50px;
background-repeat:no-repeat;
font-family:arial;
font-size:11px;
font-weight:normal;
color:#89A9C4;
text-align:left;
}
.bottom_right{
position:absolute;
top:0px;
left:500px;
border:0px solid #fff;
height:20px;
width:484px;
background-repeat:no-repeat;
font-family:arial;
font-size:11px;
font-weight:normal;
color:#89A9C4;
text-align:right;
}
.bottom_right a{
font-family:arial;
font-size:11px;
font-weight:normal;
color:#89A9C4;
text-align:right;
text-decoration:none;
}
.bottom_right a:hover{
color:#fff;
text-decoration:underline;
}

/* Must have */ 
#main_musthave{
position:relative;
top:90px;
border:0px solid #fff;
height:578px;
width:984px;
background-color:#335876;
}

.text-content{
position:absolute;
top:250px;
left:250px;
border:0px solid #fff;
height:20px;
width:100px;
font-family:arial;
font-size:11px;
font-weight:bold;
color:#fff;
text-align:left;
}
#right_must{
background-color:#335876;
position:absolute;
top:0px;
left:381px;
border:0px solid red;
height:578px;
width:603px;
 background-repeat:no-repeat;
}

/*  References */
#main_references{
position:relative;
top:90px;
border:0px solid #fff;
height:578px;
width:984px;
}
#right_references{
background-image:url(img/vector.gif) ;
position:absolute;
top:0px;
left:381px;
border:0px solid red;
height:578px;
width:603px;
 background-repeat:no-repeat;
}

.content_references {
position:absolute;
top:133px;
left:76px;
height:516px;
width:603px;
border:0px solid red;
 } 
 .title_references{
 position:absolute;
top:0px;
left:0px;
border:0px solid red;
 }
.content_references ul{
border:0px solid #fff;
background-repeat:no-repeat;
text-align:left;
padding-top:2.2em;
padding-left:1.5em;
line-height:1.8em;
font-family:arial;
font-size:14px;
font-weight:bold;
color:#fff;
text-align:left;
} 
.content_references li{
list-style-image:url(img/puce.gif);
   }
   
   /* BIO */
  #right_bio{
background-image:url(img/bio_vector.gif);
position:absolute;
top:0px;
left:381px;
border:0px solid red;
height:578px;
width:603px;
} 
 
.text_bio{
	position:absolute;
	top:79px;
	left:88px;
	border:0px solid red;
	height:356px;
	width:453px;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	color:#000;
	text-align:justify;
	line-height:1.5em;
} 
/* SwaSthya */
  
  .pictures{
position:absolute;
top:0px;
left:0px;
height:321px;
width:381px;
background-repeat:no-repeat;
} 

  .text_left{
position:absolute;
top:432px;
left:20px;
border:0px solid red;
height:120px;
width:340px;
 font-family:arial;
font-size:12px;
font-weight:bold;
color:#000;
text-align:justify;
line-height:1.6em;
} 
  #right_swa{
background-image: url(img/methode_vector.gif) ;
position:absolute;
top:0px;
left:381px;
border:0px solid red;
height:578px;
width:603px;
 background-repeat:no-repeat;
} 
.text_swa{
position:absolute;
top:0px;
left:0px;
border:0px solid red;
height:516px;
width:604px;
line-height:1.6em;
}  
   
.text_swa1{
position:absolute;
top:100px;
left:88px;
border:0px solid red;
height:88px;
width:428px;
font-family:arial;
font-size:12px;
font-weight:bold;
color:#86BBD6;
text-align:left;
padding-top:15px;
line-height:1.7em;
}  
   
   .text_swa2{
position:absolute;
top:250px;
left:88px;
border:0px solid red;
height:218px;
width:448px;
line-height:1.6em;
font-family:arial;
font-size:12px;
font-weight:bold;
color:#000;
text-align:left;
padding-top:15px;
line-height:1.7em;
}  

/* Contact */
  #right_contact{
background-image: url(img/contact_vector.gif) ;
position:absolute;
top:0px;
left:381px;
border:0px solid red;
height:578px;
width:603px;
 background-repeat:no-repeat;
} 
.contact_cordonne{
position:absolute;
top:58px;
left:170px;
border:0px solid red;
height:88px;
width:228px;
line-height:1.6em;
font-family:arial;
font-size:11px;
font-weight:bold;
color:#fff;
text-align:left;
}
.contact_cordonne a{
font-family:arial;
font-size:11px;
font-weight:bold;
color:#fff;
text-align:left;
text-decoration:none;
}
.contact_cordonne a:hover{
color:#fff;
text-decoration:underline;
}
.contact_text{
position:absolute;
top:160px;
left:20px;
border:0px solid red;
height:58px;
width:500px;
line-height:1.6em;
font-family:arial;
font-size:11px;
font-weight:bold;
color:#fff;
text-align:left;
}  
select.liste {
position:absolute;
top:245px;
left:86px;
border:0px solid red;
height:20px;
width:100px;
background-image:url(img/bg_label.gif);
}
option.liste {
background-image:url(img/bg_label.gif);
}
.contact_form{
position:absolute;
top:276px;
left:86px;
border:0px solid red;
height:116px;
width:484px;
}
input.nom{
position:absolute;
top:2px;
left:6px;
border:0px solid red;
height:18px;
width:180px;
font-family:arial;
font-size:11px;
font-weight:bold;
color:#fff;
text-align:left;
padding-top:0px;
padding-left:0px;
background-image:url(img/bg_label.gif);
}
input.prenom{
position:absolute;
top:33px;
left:6px;
border:0px solid red;
height:18px;
width:180px;
font-family:arial;
font-size:11px;
font-weight:bold;
color:#fff;
text-align:left;
padding-left:0px;
background-image:url(img/bg_label.gif);
}
input.email{
position:absolute;
top:63px;
left:6px;
border:0px solid red;
height:18px;
width:180px;
font-family:arial;
font-size:11px;
font-weight:bold;
color:#fff;
text-align:left;
padding-left:0px;
background-image:url(img/bg_label.gif);
}
input.tel{
position:absolute;
top:98px;
left:6px;
border:0px solid red;
height:18px;
width:180px;
font-family:arial;
font-size:11px;
font-weight:bold;
color:#fff;
text-align:left;
padding-left:0px;
background-image:url(img/bg_label.gif);
}
.message{
position:absolute;
top:6px;
left:228px;
border:0px solid red;
height:96px;
width:242px;
font-family:arial;
font-size:11px;
font-weight:bold;
color:#fff;
text-align:left;
background-image:url(img/msg_box.gif);
overflow:auto;
}
input.envoyer{
background-image:url(img/envoyer.gif);
position:absolute;
top:130px;
left:385px;
border:0px solid red;
height:36px;
width:104px;
}
/* Send */
  #right_contact1{
background-image: url(img/contact_vector2.gif) ;
position:absolute;
top:0px;
left:381px;
border:0px solid red;
height:578px;
width:603px;
background-repeat:no-repeat;
} 
.message-contact{
position:absolute;
top:210px;
left:100px;
border:0px solid red;
height:58px;
width:500px;
line-height:1.6em;
font-family:arial;
font-size:14px;
font-weight:normal;
color:#fff;
text-align:left;
}