/* General ==================================================================*/
* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	background: url(../images/bg_ecran.jpg) #8AA0B1 repeat-x;
}

body table td {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: black;
}
	
a:link {
	text-decoration: none;
	color: #8AA0B1;
	cursor: hand;
}

a:visited {
	text-decoration: none;
	color: #8AA0B1;
}

.link {
	text-decoration: none;
	color: #8AA0B1;
	cursor: hand;
}

a:hover {
	text-decoration: underline;
	color: #000;
}

img {
	border: none;
}

img.illusd {
	float: right;
	margin: 0 0 10px 20px;
}

p {
	font-size: 11px;
	font-weight: normal;
	margin: 2px 0 7px;
	line-height: 1.2em;
	color: #000;
}

.clear {
	clear: both;
	
}

label {
	cursor: pointer;
	display: block;
	text-align: left;
}

.erreur {
	color: #FF0000;
}

.obligatoire {
 color: #89B140;
}

ul.square li {
 list-style: square;
 margin-left: 20px;
}



/* Structure =================================================================*/
#page {
	margin: auto;
	width: 650px;
	text-align:center;
	background: #E7EBED;
}

#entete1 {
	background: url(../images/entete1.gif) top left #8AA0B1;
	text-align: left;
  height: 54px;
}

#entete2 {
	position: relative;
	height: 83px;
	background: url(../images/entete2.jpg) top left no-repeat;
}

#corps {
	margin: 0 23px;
}
	
#pied {
	color: #8AA0B1;
	margin: auto;
	text-align: center;
	clear: both;
	padding: 20px 0 10px;
}

#ref {
	position: absolute; 
	left: 0; 
	top: 0; 
	z-index: 1; 
	visibility: hidden;
}

/* Entete =================================================================*/
h1 {
	position: absolute;
	left: 23px;
	top: 58px;
	background: white;
	font-size: 14px;
	color: #89B140;
	padding: 5px 15px;
} 

#langue {
	display: block;
	float: right;
	height: 16px;
	width: 90px;
	color: white;
	font-size: 10px;
	text-align: right;
	padding: 3px 23px 0 0;
}

#quitter {
	display: block;
	float: right;
	height: 16px;
	width: 90px;
	color: white;
	font-size: 10px;
	font-weight: bold;
	padding: 3px 23px 0 0;
}

#menu  {
  position: absolute;
  left: 250px;
  top: 68px;
  width: 450px;
}

#menu li {
	display: inline;
	list-style: none;
}

#menu li a {
	display: block;
	float: left;
	line-height: 10px;
	padding: 0 10px 5px 5px;
	margin: 0 5px 0 0;
	text-decoration: none;
	text-align: center;
	color: white;
	font-size: 10px;
	font-weight: bold;
	border-left: 1px solid white;
}

#menu li a:hover {
	color: #ADCE2B;
	border-left: 1px solid #ADCE2B;
}


/* Corps  gauche =================================================================*/
#gauche {
	width: 400px;
	float: left;
}

#main {
	padding: 15px;
	background: white;
	text-align: left;
	height: 50px;
}

html>body #main {
	min-height: 50px;
	height: auto;
}

h2 {
	color: black;
	font-size: 11px;

}

h3 {
	font-size: 11px;
	text-align: left;
	color: white;
	margin: 0 0 8px;
}

h4 {
	font-size: 11px;
	color: #89B140;
	margin: 15px 0 2px;
}

h5 {
	font-size: 13px;
	color: #89B140;
	margin: 10px 0 2px;
}

h6 {
	font-size: 11px;
	color: #89B140;
	font-weight: normal;
	margin-bottom: 5px;
}

#dreal {
	margin-top: 20px;
	padding: 2px 10px 10px;
	background: url(../images/derniere_real.gif) top right no-repeat white;
	text-align: left;
	min-height: 110px;
	height: auto !important;
	height: 110px;
}

#dreal img, .portfolio img  {
	float: left;
	margin: 4px 10px 40px 0;
}


.portfolio {
	padding: 10px;
	background: white;
	text-align: left;
	margin-top: 20px;
	height: 90px;
}

#dreal .portfolio {
	margin-top: 5px;
}

html>body .portfolio {
	min-height: 90px;
	height: auto;
}

#contact {
border: 0;
margin: 10px 0;
}

#contact td {
padding: 2px;
}

#zoneclient .ok {
border: 1px solid #8AA0B1;
background: none;
color: #8AA0B1;
width: 25px;
height: 21px;
margin: 0 0 0 5px;
}

.envoyerhov, #zoneclient .okhov {
border: 1px solid #000;
color: #000;
}



/* Corps  droite =================================================================*/

#droite {
	margin: 0 0 0 420px;
	width: 180px;
}

#topright {
	padding: 10px;
	background: white;
	text-align: left;
	font-size: 10px;
}

#topright h4 {
	margin-top: 5px;
}

#topright.hebergement h4, #topright.hebergement strong {
	letter-spacing: -1px;
}

#topright.hebergement img {
	float: left;
	margin: 0 10px 15px 0;
}

#topright.hebergement p {
	margin: 15px 0;
}

#zoneclient {
	margin-top: 20px;
	padding: 2px 10px 10px;
	background: url(../images/zoneclient.gif) top right no-repeat white;
	text-align: left;
}

#zoneclient input{
	color: #8AA0B1;
	font-size: 11px;
	width: 120px;
	height: 17px;
}

#pub {
	margin-top: 20px;
	padding: 2px 8px;
	background: url(../images/pub.gif) top right no-repeat white;
	text-align: left;
}

.list {
	list-style: none;
	margin: 0;
}

.list li {
	list-style: none;
	margin: 0 0 5px;
	color: black;
}

.list2 {
	list-style: square;
	margin: 10px 0 10px 20px;
}

.list2 li {
	list-style: square;
	margin: 0 0 5px;
}

/* ###  START Image Display ### */

#maquettes {
margin: 8px 0 20px;
}
#maquettes li {
list-style: none;
float: left;
margin: 0 10px 10px 0;
}

.latentzoom {
cursor: url(/images/zoom/zoomin.cur), pointer; 
outline: none;
}

.latentzoom-caption {
display: none; 
border: 2px solid white;
border-top: none;  
padding: 5px; 
background-color: white;  
}

.latentzoom-display-block {
display: block;}

.latentzoom-display-none {
display: none;}

.latentzoom-loading {
display: block; 
color: white; 
font-size: 9px; 
font-weight: bold; 
text-transform: uppercase; 
text-decoration: none; 
padding: 3px; 
border-top: 1px solid white; 
border-bottom: 1px solid white; 
background-color: black; 
padding-left: 22px; 
background-image: url(/images/zoom/loader.gif); 
background-repeat: no-repeat; 
background-position: 3px 1px;
}

.latentzoom-move {cursor: move;}
/* ###  End Image Display ### */