/*------------------------------------------------------*
  *-----------------------------------     CSS BODY     ----*
  *------------------------------------------------------*/


body {
	text-align:center;
	padding: 0;
	border:0;
	margin: 0;
	font-family: verdana;
	font-size: 10px;
	color: #000000;
	font-weight: 500;
	line-height: 18px;
	background-position: center top;
	background-image: url(../images/deco/fond_v1.jpg);
	background-color: #E4D38B;
	background-repeat: repeat-x;
}


/*------------------------------------------------------*
  *-----------------------------------     CSS DIV     ----*
  *------------------------------------------------------*/
  
#global{
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-color: #F6EECE;
}





#haut{
	-moz-box-sizing: border-box;
	box-sizing: padding-box;
	width: 800px;
	height: 200px;
	text-align: center;
	background-image: url(../images/deco/fondflash.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	}
	

#menu{
	float:left;
	-moz-box-sizing: border-box;
	box-sizing: padding-box;
	width: 152px;
	padding-top: 0px;
	padding-bottom: 75px;

	}
		

	
#centre{
	float:left;
	-moz-box-sizing: border-box;
	box-sizing: padding-box;
	padding-top: 25px;
	width: 580px;
	padding-left: 25px;
	padding-bottom: 10px;
	text-align: justify;
	line-height:18px;

	}
#centre p {
	
	padding: 10px;
	text-indent: 15px;
}
#centre p firstletter {
	first-letter : 200%;
}



		

#bas{
	clear:both;
	box-sizing: border-box;
	-moz-box-sizing: padding-box;
	padding-top: 1px;
	height: 20px;
	width:100%;
	background-image: url(../images/deco/bas.gif);
	text-align: center;
	background-repeat: repeat-x;
	}
/* kadafi c'est moi le coupable */	
#bas a {
	color: #999;
	text-decoration: none;
}

#bas a:hover {
	color: #666;
}	
	

 /*------------------------------------------------------*
  *-----------------------------------     CSS TEXT     ----*
  *------------------------------------------------------*/

h1
{
	color:#008B64;
	font-family: verdana;
	font-size: 14px;
	font-weight:bold;
	text-transform: uppercase;
}



.highlight
{
	
	font-family: verdana;
	font-size: 14px;
	color: #008B64;
	font-weight: bold;
}

.pied
{
	font-family: verdana;
	font-size: 10px;
}


li {
	list-style-image: url(../images/deco/puce.gif);
	  	font-family: verdana;
	font-size: 14px;
}

p {
   text-align:justify;
    margin:0;
   	font-family: verdana;
	font-size: 14px;
}

p:First-Letter {
  font-family: verdana ; 
  font-Weight: bold; 
  color: #008B64;
  font-Style: Italic;
  font-size:125%;
 }

 /*------------------------------------------------------*
  *-----------------------------------     CSS MENU     ----*
  *------------------------------------------------------*/
  
body#presentation a#presentation, body#ravalement a#ravalement, body#sablage a#sablage, body#taille a#taille, body#terrasses a#terrasses, body#contact a#contact{
	color:#008B64;
	padding-bottom: 2px;
	background-image: url(../images/deco/on.gif);
	background-repeat: no-repeat;
   }
     
	 
a.menu{
	-moz-box-sizing: border-box;
	box-sizing: padding-box;
	text-decoration: none;
	display:block;
	height: 40px;
	width:152px;
	font-family: verdana;
	font-size: 10px;
	color:#000000;
	padding-top: 13px;
	padding-left: 14px;
	background-image: url(../images/deco/off.gif);
	background-repeat: no-repeat;
	text-transform:capitalize;
	font-weight: bold;
	}

a.menu:hover{
	color:#000000;
	padding-bottom: 2px;
	background-image: url(../images/deco/roll.gif);
	
}



.preload {display:none;}

 /*------------------------------------------------------*
  *-----------------------------------     CSS LIEN     ----*
  *------------------------------------------------------*/

a.lien{
	font-family: verdana;
	font-size: 10px;
	text-decoration: underline;
	color: #000000;
	}

a.lien:hover{
	text-decoration: underline overline;
}

a.lien_plan:hover{
	text-decoration: underline overline;
}


a.lien_plan{
	font-family: verdana;
	font-size: 10px;
	text-decoration: underline;
	color: #000000;
	}

a.qualibat{
	font-family: verdana;
	font-size: 14px;
	text-decoration: underline;
	color: #008B64;
	font-weight: bold;
	}
	
a.qualibat:hover{
	font-family: verdana;
	font-size: 14px;
	text-decoration: underline;
	color: #000000;
	font-weight: bold;
	}

a.home{
	font-family: verdana;
	font-size: 10px;
	text-decoration: none;
	color: #000000;
	}


a.home:hover{
	color: #666666;
}


 /*------------------------------------------------------*
  *-----------------------------------     CSS TABLEAU     ----*
  *------------------------------------------------------*/

td.tableau{
	-moz-box-sizing: border-box;
	box-sizing: padding-box;
	padding: 10px;
	font-family: verdana;
	font-size: 10px;
	color: #000000;
	font-weight: 500;
	line-height: 18px;
	text-align: justify;
	vertical-align: top;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #000000;

	}

th{
	-moz-box-sizing: border-box;
	box-sizing: padding-box;
	padding-top:4px;
	padding-left:15px;
	text-align: left;
	color: #008B64;
	font-family: verdana;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #000000;
	background-color: #FFFFFF;
	}
.exemple{
	margin: 10px;
	width:230px;
	clip: rect(auto,auto,auto,auto);
	float: right;
}

.exemple_facade{
	margin: 10px;
	width:80%;
	clip: rect(auto,auto,auto,auto);
}

.exmple_pierre{
	margin: 10px;
	width:200px;
	height:160px;
	float: right;
	padding: 0px;
	
}
.devis{
color:#008b64;}