*{ margin:0; padding:0;}
body{ background:#000; font-family:"Arial", Gadget, sans-serif; font-size:1em;}

#corps_site{ width:1000px; height:900px; margin:auto; background:#666666; margin-top:5px; margin-bottom:15px;}
#top_site_hindi{ height:200px; width:100%; background:#ff6666; color:#FFF; text-align:center; text-transform:uppercase; font-size:1.4em;}
	#top{ height:50px; background:#000 url(../IMG_architecte_hindi_vannes/fond_architecte_vannes_top.jpg);}
	#mid_vannes{height:100px;background:#000 url(../IMG_architecte_hindi_vannes/fond_architecte_vannes.jpg);}
	#subarchitecte{ height:20px; background:#ff6666;}
	#menu{ height:34px; background:#ff6666; font-size:0.7em; border-bottom: 1px #000 solid;}
		#menu h1{ float:right; width:200px; text-align:center; text-transform:uppercase; color:#000;}
		#menu img{ height:20px; width:20px; margin:5px 10px 0 0;}
		#menu ul { margin: 0;  padding: 0;  line-height: normal;}
		#menu ul li { width: 9em; display:inline; float:left; list-style:none; text-align:center; margin-left:5px;}
		#menu ul li a { display: block;  text-decoration: none;  text-transform: uppercase; padding:7px; color: #000;}
		#menu ul li a:hover,#menu ul li a.active {  font-weight:bold;  color:#ff6666; background:#666666; border-left:1px #000 solid; border-right:1px #000 solid; border-top:1px #000 solid;}
		
#centre_hindi_archi{ height:670px;}
	#architecte_vannes_gauche{ float:left; width:750px; padding:20px; color:#FFF;}
		#architecte_vannes_gauche h1{ font-size:1.1em; border-bottom:1px #ff6666 solid; color:#000;}
		#architecte_vannes_gauche h2{ font-size:0.9em; border-bottom:1px #66ff66 solid; color:#000; text-align:left; width:90%;}
		#architecte_vannes_gauche p{ padding:5px;}
		.citation{overflow:auto; width:750px; height:140px;margin-bottom:10px; border:1px #ff6666 solid; color:#fff;}
		#architecte_vannes_gauche p span{ font-weight:bold; padding-left:5px; text-transform:uppercase;}
		#architecte_vannes_gauche ul { padding: 10px;}
		#architecte_vannes_gauche li { list-style-image: url(../IMG_architecte_hindi_vannes/li_architecte_vannes.gif);color: #FFF; margin-bottom:3px;}
		#architecte_vannes_gauche li span{ font-weight:bold;}
			#adresse_vannes{ width:300px; height:310px; float:left; text-align:center; margin-top:10px; padding:5px; border:1px #ff6666 solid; color:#FFF; background:url(../IMG_architecte_hindi_vannes/bureaux_architecte_vannes.jpg) no-repeat bottom;}
			#plan_vannes{ width:389px; float:right; height:320px; border: 1px #ff6666 solid; margin-top:10px;}
	#architecte_vannes_droite{ float:right; width:200px; height:662px; background:#81CC83; margin-top:1px; text-align:center; color:#FFF}
#foot_hindi{ height:30px; background:#FF6666; color:#000; text-align:center; font-size:0.7em; border-top:#000 2px solid; line-height:25px;}

#bloc{ height:430px;}
#coordonnees{ width:340px; float:left; text-align:center; margin-top:35px;background:#ff6666;}
	#coordonnees h1{ color:#FFF; font-size:1.4em;}
#contact{  width:400px; text-align: right; color:#ff6666; margin-top:20px; float:right;}
	#contact span{ margin-right:300px;}
input {  width: 300px;}
textarea { width: 360px; height:70px;  /*IE specific to eliminate scroll bar when not needed. Uncomment if wanted, but it is not valid CSS 
  scrollbar-3dlight-color : #777;  scrollbar-arrow-color : #EEE;  scrollbar-darkshadow-color : #777;  scrollbar-face-color : #777;
  scrollbar-highlight-color : #777;  scrollbar-shadow-color : #777;  scrollbar-track-color : #777;  */}
input,
textarea { padding: 1px 3px;  margin: 5px 0;  font: 1em verdana, arial, sans-serif;  color: #EEE;  background-color: #777;  border: 1px solid #999;}

input:hover,
input:focus,
textarea:hover,
textarea:focus {  color: #FFF;  background-color: #999;  border: 1px solid #ff6666;}

#client{ width:700px; margin-top:10px; margin:auto; margin-top:10px;}
	#client tr{ background:#666}
	#client td{ }
	#client a{ color:#81CC83;}
	.logo{ height:100px; width:100px;background:#FFF; }
	.logo img{ height:100px; width:100px;}
	.nom{ width:300px; text-align:left; padding-left:35px; }


/* affiche réa */
.hoverbox{cursor: default;	list-style: none;}
.hoverbox a{cursor: default;}
.hoverbox a .preview{display: none;}
.hoverbox a:hover .preview{	display: block;	position: absolute;	top: -75px;	left: -66px;z-index: 1;}
.hoverbox img{background: #fff;	color: inherit;	vertical-align: top;width: 150px;height: 112px;margin: 2px;padding: 2px;border-color: #ccc;border-style: solid;border-width: 1px;}
.hoverbox li{color: inherit;display: inline;float: left;position: relative;}
.hoverbox .preview{	border-color: #000;	width: 300px;height: 225px;}

.hoverbox2{cursor: default;	list-style: none;}
.hoverbox2 a{cursor: default;}
.hoverbox2 a .preview{display: none;}
.hoverbox2 a:hover .preview{	display: block;	position: absolute;	top: -33px;	left: -50px;z-index: 1;}
.hoverbox2 img{background: #fff;	color: inherit;	vertical-align: top;width: 100px;height: 75px;margin: 3px;padding: 3px;border-color: #ccc;border-style: solid;border-width: 1px;}
.hoverbox2 li{color: inherit;display: inline;float: left;position: relative;}
.hoverbox2 .preview{	border-color: #000;	width: 200px;height: 150px;}
		
