@charset "utf-8";

body {
	margin				: 0px;
	padding				: 0px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 0.75em;
	color				: #333333;
	background			: url("../images/img/enduits-des-pertuis-bg.jpg") repeat-x #FFFFFF;
	}
	
	

/* Contenaire global du site */
/*.content{
	
	height				: 100%;
	min-height			: 800px;
	
	}*/

/* corps du site */
.corps{
/*	border				: 1px solid red;*/
	background			: white;
	position			: relative;
	width				: 950px;
	margin				: 0px auto;
	}

/* haut du site */
.entete{
	/*border			: 1px solid red;*/
	width				: 960px;
	background			: white;
	padding				: 0;
	margin				: 0;
	height				:155px;

	}
	
/* milieu du site */
.milieu{
	clear				: both;
	margin				: auto;
	background			: url("../images/img/enduits-des-pertuis-coin-ombre.jpg") bottom right no-repeat;
	width				: 960px;
	padding				: 20px 40px 50px 0px;
	min-height			: 700px;
	line-height			: 1.30;
	}

/* pied du site */
.piedDePage{
	background			: url("../images/fond/piedDePage.jpg") no-repeat;
	font-size			: 9px;
	color				: #26396b;
	text-align			: center;
	margin				: 0px auto;
	}

/* *******************************COULEURS******************************** */

.gris{
	color				: #333333;
	}
.orange{
	color				: #FF6600;
	}



/* *******************************IMAGES******************************** */
img{
	border				: 0px;
	}

/********* ERREUR / OK / INFO / DEBUG ****************************************************************/
/* Erreur */
.erreur{
	margin				: 0px;
	padding				: 5px;
	border				: 1px solid red;
	background-color	: #FFE1E1;
	color				: red;
	font-size			: 1.25em;
	text-align			: left;
	background-image	: url("../images/fond/cadre/rouge.jpg");
	}
	
/* Validation est OK  */
.ok{
	margin				: 0px;
	padding				: 5px;
	border				: 1px solid green;
	background-color	: #E9FFE8;
	color				: green;
	text-align			: left;
	background-image	: url("../images/fond/cadre/vert.jpg");
	}
	
/* Information */
.info{
	margin				: 0px;
	padding				: 5px;
	border				: 1px solid orange;
	background-color	: #FFF848;										/* Jaune */
	color				: orange;
	text-align			: left;
	background-image	: url("../images/fond/cadre/orange.jpg");
/*	background-image	: url("images/fond/bleu.jpg");*/
	}
	
/* Debug */
.debug{
	margin				: 0px;
	padding				: 5px;
	border				: 1px solid #333333;
	background-color	: #CCCCCC;
	color				: #333333;
	text-align			: left;
	background-image	: url("../images/fond/cadre/gris.jpg");
	}


/* *****************************************MENU************************************ */
a.logo{
	margin-left			: 50px;
	outline:0;
	
	}

div#menu{
	clear				: both;
	width				: 960px;
	background			: url("../images/img/enduits-des-pertuis-bg-menu-taches.jpg") no-repeat;
	height				: 36px;
	margin-top			: 13px;	/* pour le dcalage sous IE7 */
	}

/*ul.menu{
	width				: 404px;
	float				: right;
	height				: 36px;
	}

li.menu{
	display				: inline;
	}*/

a.btAccueil{
	width				: 108px;
	height				: 36px;
	float				: right;
	outline				: 0;/* pour ne pas voir des pointillés autour de l'image qd on clique dessus */
	}


a.btRealisations{
	width				: 160px;
	height				: 36px;
	float				: right;
	outline				: 0;/* pour ne pas voir des pointillés autour de l'image qd on clique dessus */
	}

a.btContact{
	width				: 136px;
	height				: 36px;
	float				: right;
	outline				: 0;/* pour ne pas voir des pointillés autour de l'image qd on clique dessus */
	}
	
	
/***************************PIED DE PAGE ****************************************** */
.partenaires{
	height				: 58px;
	margin				: 0 auto;
	}

/*****************************CONTENU******************************************** */

.blocHistorique{
/*	border				: 1px solid red;*/
	float				: left;
	background			: url("../images/img/enduits-des-pertuis-coin-ombre.jpg") bottom right no-repeat;
	width				: 550px;
	/*height				: 700px;*/
	padding				: 10px 20px 50px 0px;
	}
	
td.historique{
	width				: 250px;
	vertical-align		: top;
	text-align			: justify;
	
}

.photoAccueil{
	float				: left;
	margin-left			: 50px;
	}

.titreHistorique{
	background			: url("../images/img/enduits-des-pertuis-titre-historique.jpg") top left no-repeat;
	width				: 536px;
	height				: 53px;
	}

.titreSavoirFaire{
/*	border				: 1px solid red;*/
	clear				: both;
	background			: url("../images/img/enduits-des-pertuis-titre-savoir-faire.jpg") top left no-repeat;
	width				: 894px;
	height				: 48px;
	}
.chapeau{
	font-weight			: bold;
	color				:#FF6633;
}

.lettrine{
	float				: left;
	font-size			: 3em;
	line-height			: 0.8em;
	
	}
.troisColonnes{
	vertical-align:top;
	width				: 530px;
	
}
.maisonsNeuves{
/*	background			: url("../images/img/enduits-des-pertuis-titre-maisons-neuves.jpg")top left no-repeat;*/
	padding				: 0px 10px 0px 10px;
	border-left			: 1px dashed #FF6600;
	width				: 150px;		
	float				: left;	
}

.maisonsRenovees{
/*	background			: url("../images/img/enduits-des-pertuis-titre-maisons-renovees.jpg")top left no-repeat;*/
	padding				: 0px 10px 0px 10px;
	border-left			: 1px dashed #FF6600;
	width				: 150px;	
	float				: left;			
}

.enduitsInterieurs{
/*	background			: url("../images/img/enduits-des-pertuis-titre-enduits-interieurs.jpg")top left no-repeat;*/
	padding				: 0px 10px 0px 10px;
	border-left			: 1px dashed #FF6600;
	width				: 150px;	
	float				: left;			
}
td.haut{
	vertical-align		: top;

}
table.haut{
	vertical-align		: top;

}
.diapo{
	text-align			: center;
	padding				: 20px 0px;
}
.footer{
	color				: #FF6600;

}
a:link, a:hover , a:visited{
	color				: #FF6600;
	}

table.contact{
	padding				: 20px 0px;
}

td.contactezNous{
	background 			:url("../images/img/enduits-des-pertuis-coin-ombre.jpg")bottom right no-repeat;
	vertical-align		:top;
	padding-bottom		:50px;
	
}
	
p.contactezNous{
	background 			:url("../images/img/enduits-des-pertuis-titre-contactez-nous.jpg")top left no-repeat;
	padding-top			:60px;
	margin-right		:10px;
	}
	

.plan{
	background 			:url("../images/img/enduits-des-pertuis-titre-plan.jpg")top left no-repeat;
	margin-top			:10px;
	padding-top			:70px;
	}

.alignDroite{
	text-align:right;
	clear				: both;
	vertical-align		:top;
	width				: 70%;
	padding-right		: 5px;
	color				: #FF6600;
	font-weight			: bold;
	}

textarea, input{
	border				:1px solid #FF6600;
}
	
input.bouton, input.bouton:visited, input.bouton:active{
	color				: #FF6600;
	border				: 1px solid #FF6600;
	background			: white;
}
input.bouton:hover {
	color				: white;
	border				: 1px solid white;
	cursor				: pointer;
	background			: #FF6600;
}

textarea.champ:hover, input.champ:hover{
	background			: #FF6600;
}




h3{
	color				: #FF6600;
	font-weight			: bold;
}
p.introContact{
	line-height			:1.25em;
	color:#666666;
	
	
}
.blink{
	text-decoration		:blink;
}
.gros{
	font-size:2em;
}
.moyen{
	font-size:1.5em;
}
.petit{
	font-size:0.8em;
}