/* CSS Document Data Construction
Couleurs
Bckg2.jpg
Background : #d4d4e2
Pied de page :#e2e5d1
efeee8
e8efed
*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
html, body, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, a img {border:0; margin:0; padding:0;}
html  {font-family: verdana, sans-serif;}
body {height: auto; font-size: 12px; background: url(images/bckg2.jpg) repeat-x;}
img, img a {display: block; border: none;}
p {margin: 0px 15px 0px 15px; padding: .5em; line-height: 1.3em; text-align: justify;}
img.surligne {display: inline;} /*pour placer l'image de l'icone courriel sur la même ligne que le texte*/

h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif; font-weight: bold;}

h1  {font-size: 140%; text-align: center; color: #2a4a3b; padding: 0 0 10px; line-height: 1.3em;}
h2	{font-size: 115%; text-align: center; color: #2a4a3b; padding: 5px 0 10px;}
h3	{font-size: 115%; text-align: left; color: #2a4a3b; padding: 0 0 0 0px;}
h4	{font-size: 140%; text-align: left; color: #2a4a3b; padding: 0 0 5px;}
h5	{font-size: 160%; text-align: left; color: #2a4a3b; padding: 0 0 10px; line-height: 1.3em;}
h6	{font-size: 160%; text-align: left; color: #2a4a3b; padding: 0 0 10px 20px; line-height: 1.3em;}

.liens  { font-weight: bold; line-height: 1.5em;  }
.liens a:link {color: #2a4a3b; }
.liens a:visited {color: #2a4a3b; }
.liens a:hover {color: #000;  background-color: #e2e5d1;}
.liens a:active {color: #2a4a3b; }

/* PAGES EN GÉNÉRAL
--------------------------------------------------------------------------------------- */
#cadre {position: relative; width: 770px; margin-top: 1em; margin-left: auto; margin-right: auto; height:auto;}
#bodyblock {position: relative; top: 0px;	background-color: #eeefe8; width:770px; border-right: solid #cdd69a 1px; border-left: solid #cdd69a 1px; }
#col-head {position: relative; width: 770px; background: url(images/entete.jpg) no-repeat; height: 135px; border: solid #cdd69a 1px;}
#col-pied {position: relative; clear: both; width: 770px;  height:80px; border-top: solid #cdd69a 1px; border-bottom: solid #cdd69a 1px; line-height: 1.5em; clear: both; background-color: #e2e5d1;}	/*dadec6 aab3d0*/
#pied li	{float: left; display: inline; vertical-align: middle; padding: 7px 0 0 20px; border: none;}

.conteneur {width: 100%;}
.conteneur img {margin: 15px 12px 12px 15px; display: block; border: none; }
.droite {float: right; padding-right: 10px;}
 
.copyright {text-align: left; font-size: 7pt; color: olive;}
.copyright a {color: #556B2F; text-decoration: underline;}
.copyright a:visited {color:	#556B2F; text-decoration: underline;}
.copyright a:hover {color:	#556B2F; text-decoration: underline;}

.menu {position: absolute; top: 115px; left: 145px; font-size: 100%;}
.menu a:link { color: #FFFFFF; text-decoration: none;}
.menu a:visited {color: #FFFFFF; font-size: 1em; text-decoration: none;}
.menu a:hover {color: #FFFFFF; background-color: #808080; text-decoration: none;}
.menu a:active {color: #FFFFFF; background-color: #808080; text-decoration: none;}
.menu ul{list-style:none; padding: 0; }
.menu li{display: inline; padding: 0 0 0 0; border-right: 1px solid white;}
.courant {background-color: #000080; font-weight: bold;}

/* ACCUEIL
--------------------------------------------------------------------------------------- */ 
#col-index1 {position: absolute; top: 0px; left: 0px; width: 400px; }
#col-index2 {position: relative; top: 35px; left: 380px; width: 385px; min-height: 600px;} 
#col-index3 {position: absolute; top: 340px; left: 0px; width: 400px; clear: left;}

/* DOMUS
--------------------------------------------------------------------------------------- */ 
#col-domus1 {position: absolute; top: 0px; left: 0px; width: 770px;}

/* NOVOCLIMAT
--------------------------------------------------------------------------------------- */ 
#col-domus1 {position: absolute; top: 0px; left: 0px; width: 770px;}
ul.novoclimat {list-style: disc; list-style-position: inside; margin-left: 35px}

/* PROJET DOMICILIAIRE
--------------------------------------------------------------------------------------- */   	 
#col-proj1 {position: absolute; top: 15px; left: 0px; width: 320px; z-index: 2;	font-size: 90%;}
#col-proj2 {position: relative; top: 15px; left: 310px; width: 450px; text-align: left; padding: 0 0 0 12px} 
#col-proj3 {position: relative; top: 0px; left: 47px; width: 615px; text-align: left;}
#col-proj4 {position: relative; top: 0px; left: 420px; width: 300px; text-align: left;}
#col-proj5 {position: absolute; top: 1100px; left: 155px; width: 200px; text-align: left;}
#col-proj6 {position: absolute; top: 1030px; left: 25px; width: 400px; text-align: left; color: #8f0000;}	
#photos li {float: left; width: 125px; height: 100px; margin: 0 0 0 15px; list-style: none;}
.photos ul li img {display: inline;} /*Photos des terrains*/
#print-proj3 {position: absolute; top: 985px; left: 610px;  }
#print-proj4 {position: absolute; top: 145px; left: 188px;  }
img.bordure  { border: 2px solid #b1a669; padding: 2px 2px 2px 2px; background-color: #fff; }
#print-proj3 a:hover img, #print-proj4 a:hover img { border: 2px solid #fff;}

/* MAISON MODÈLE
--------------------------------------------------------------------------------------- */ 
#bodyblock-mod {position: relative; top: 0px;	width:770px; height: auto;  background: #eeefe8; border-right: solid #cdd69a 1px; border-left: solid #cdd69a 1px; }
#col-mod1 {position: relative; margin-top: 0px; left: 0px;}	
#col-mod2 {position: absolute; z-index: 2; top: 15px; left: 22px; width: 770px;} 
#col-mod2 img {border: 1px solid #fff; padding: 1px;}
#col-mod2 a:hover img { border: 2px solid #2a4a3b;}
#col-mod3 {position: absolute; z-index: 2; top: 340px; left: 20px; width: 770px; height: 500px;} 
#col-mod3 img {border: 1px solid #fff; padding: 1px;}
#col-mod3 a:hover img { border: 2px solid #2a4a3b;}
.modeles ul { display: inline;  list-style: none;}
.modeles li	{float: left; display: inline; list-style: none; height:90px; width:154px; margin:0; padding:  0;}

/* RÉALISATIONS
--------------------------------------------------------------------------------------- */  
#col-real1 {position: absolute;	top: 15px; left: 0px; width: 320px;}
#col-real2 {position: relative;	top: 15px; left: 320px; width: 450px; min-height: 725px;}
#col-real2 img {border: 1px solid #fff; padding: 1px;}
#col-real2 a:hover img { border: 2px solid #2a4a3b;}
.real ul {list-style: none; margin-bottom: 100px;}
.real li	{float: left; display: inline; list-style: none; height:76px; width:110px;}
			
/* COORDONNÉES
--------------------------------------------------------------------------------------- */ 		
#col-contact1 {position: relative; top: 15px; left: 0px; width: 300px; text-align: left;}
#col-contact2 {position: absolute; font-size: 110%; top: 15px; left: 315px; width: 240px; text-align: left;} 
#col-contact3 {position: absolute; top: 15px; left: 540px; width: 225px; text-align: left;} 
p.liens  { font-weight: bold; line-height: 1.5em;  }
p.liens a:link {color: #808080; }
p.liens a:visited {color: #000; }
p.liens a:hover {color: #000;  background-color: #eee;}
p.liens a:active {color: #000; }