/*
	COULEUR :
	---------
		- couleur bleu	: #4e6172;
		
*/
@charset "utf-8";
body {
	margin				: 0px;
	padding				: 0px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 0.75em;
/*	background			: url(../images/fond/fond.jpg) repeat;*/	/* carré qui ce repete sur l'ensemble du background du site */
	background-color	: #a3abb2;
}

/* Contenaire global du site */
.content{
/*	border				: 1px solid green;*/
/*	height				: 100%;*/
/*	min-height			: 800px;*/
	margin				: auto;
	background			: url(../images/fond/milieu.jpg) repeat-y center;
}

/* sous corps du site (bande d'arriere plan) */
.sousCorps{
/*	border				: 1px solid red;*/
	width				: 1072px;
	background			: url(../images/fond/bande.jpg) repeat-y center;
	margin				: auto;
}

/* corps du site */
.corps_accueil{
/*	border				: 1px solid red;*/
	width				: 1012px;	/* 1072 = 1012 + 60 */
	min-height			: 700px;
	margin				: auto;
	padding				: 0px 30px;
	background			: url(../images/fond/fond-accueil.jpg) no-repeat;
}
.corps_activites{
/*	border				: 1px solid red;*/
	width				: 1012px;	/* 1072 = 1012 + 60 */
	min-height			: 700px;
	margin				: auto;
	padding				: 0px 30px;
	background			: url(../images/fond/fond-activites.jpg) no-repeat;
}
.corps_facadesEtExterieurs{
/*	border				: 1px solid red;*/
	width				: 1012px;	/* 1072 = 1012 + 60 */
	min-height			: 775px;
	margin				: auto;
	padding				: 0px 30px;
	background			: url(../images/fond/fond-facades-et-exterieurs.jpg) no-repeat;
}
.corps_decorationsInterieurs{
/*	border				: 1px solid red;*/
	width				: 1012px;	/* 1072 = 1012 + 60 */
	min-height			: 700px;
	margin				: auto;
	padding				: 0px 30px;
	background			: url(../images/fond/fond-decorationsInterieurs.jpg) no-repeat;
}
.corps_sols{
/*	border				: 1px solid red;*/
	width				: 1012px;	/* 1072 = 1012 + 60 */
	min-height			: 900px;
	margin				: auto;
	padding				: 0px 30px;
	background			: url(../images/fond/fond-sols.jpg) no-repeat;
}
.corps_contact{
/*	border				: 1px solid red;*/
	width				: 1012px;	/* 1072 = 1012 + 60 */
	min-height			: 800px;
	margin				: auto;
	padding				: 0px 30px;
	background			: url(../images/fond/fond-contact.jpg) no-repeat;
}
.corps_sitemap{
/*	border				: 1px solid red;*/
	width				: 1032px;	/* 1072 = 1032 + 40 */
	min-height			: 700px;
	margin				: auto;
	padding				: 0px 20px;
	background			: url(../images/fond/fond-sitemap.jpg) no-repeat;
}
.corps_noticeLegale{
/*	border				: 1px solid red;*/
	width				: 1032px;	/* 1072 = 1032 + 40 */
	min-height			: 700px;
	margin				: auto;
	padding				: 0px 20px;
	background			: url(../images/fond/fond-noticeLegale.jpg) no-repeat;
}

/* haut du site */
.entete_accueil{
	width				: 1072px;
	height				: 53px;	/* 123 = 53 + 70 */
	margin				: 0px auto 0px auto;
	padding				: 70px 0px 0px 1px;
	background			: url(../images/fond/entete_accueil.jpg) center no-repeat;
}
.entete_activites{
	width				: 1072px;
	height				: 53px;	/* 123 = 53 + 70 */
	margin				: 0px auto 0px auto;
	padding				: 70px 0px 0px 1px;
	background			: url(../images/fond/entete_activites.jpg) center no-repeat;
}
.entete_facadesEtExterieurs{
	width				: 1072px;
	height				: 53px;	/* 123 = 53 + 70 */
	margin				: 0px auto 0px auto;
	padding				: 70px 0px 0px 1px;
	background			: url(../images/fond/entete_facadesEtExterieurs.jpg) center no-repeat;
}
.entete_decorationsInterieurs{
	width				: 1072px;
	height				: 53px;	/* 123 = 53 + 70 */
	margin				: 0px auto 0px auto;
	padding				: 70px 0px 0px 1px;
	background			: url(../images/fond/entete_decorationsInterieurs.jpg) center no-repeat;
}
.entete_sols{
	width				: 1072px;
	height				: 53px;	/* 123 = 53 + 70 */
	margin				: 0px auto 0px auto;
	padding				: 70px 0px 0px 1px;
	background			: url(../images/fond/entete_sols.jpg) center no-repeat;
}
.entete_contact{
	width				: 1072px;
	height				: 53px;	/* 123 = 53 + 70 */
	margin				: 0px auto 0px auto;
	padding				: 70px 0px 0px 1px;
	background			: url(../images/fond/entete_contact.jpg) center no-repeat;
}

		
/* milieu du site */
.milieu{
/*	border				: 1px solid green;*/
	min-height			: 10px;
	clear				: both;
}

/* pied du site */
.piedDePage{
/*	border				: 1px solid red;*/
	width				: 1072px;		/* ancienne valeur : 1026 */
	height				: 60px;
	color				: white;
	margin				: auto;
	background			: url(../images/fond/bas.jpg);
	font-size			: 10px;
}

.clearall{
/*	clear				: all;*/
	clear				: both;
}

.blocAccueil{
/*	border				: 1px solid red;*/
	color				: #4e6172;
	width				: 400px;
	float				: right;
	margin				: 0px 20px 0px 0px;
}
.blocFacadesEtExterieurs{
/*	border				: 1px solid red;*/
	color				: #4e6172;
	width				: 500px;
	margin				: 0px 20px 0px 0px;
}
.blocFacadesEtExterieurs2{
/*	border				: 1px solid red;*/
	position			: absolute;
	color				: #4e6172;
	width				: 450px;
	margin				: 475px 20px 0px 520px;
	float				: right;
}
.blocDecorationsInterieurs{
/*	border				: 1px solid red;*/
	color				: #4e6172;
	width				: 500px;
	margin				: 0px 20px 0px 0px;
}
.blocSols2{
/*	border				: 1px solid red;*/
	position			: absolute;
	color				: #4e6172;
	width				: 450px;
	margin				: 400px 20px 0px 520px;
	float				: right;
}
.blocSols{
/*	border				: 1px solid red;*/
	color				: #4e6172;
	width				: 500px;
	margin				: 0px 20px 0px 0px;
}
.blocContact2{
/*	border				: 1px solid red;*/
	position			: absolute;
	color				: #4e6172;
	width				: 450px;
	margin				: 530px 20px 0px 520px;
	float				: right;
}
.blocContact{
/*	border				: 1px solid red;*/
	color				: #4e6172;
	width				: 500px;
	margin				: 0px 20px 0px 0px;
}
.blocNoticeLegale{
	padding				: 10px;
}

/**************************************************************** H1 ****************************************************************/
h1{
	color				: white;
	font-size			: 2.5em;
}
h2{
	margin				: 0px;
	font-size			: 1.75em;
}
h2.h2_01{
	margin				: 0px;
	font-size			: 1.25em;
	text-decoration		: underline;
}
h3{
	margin				: 0px;
	font-size			: 1.5em;
}
h4{
	margin				: 0px;
	font-size			: 1.25em;
}
h5{
	margin				: 0px;
	font-size			: 0.75em;
}
h6{
	margin				: 0px;
	font-size			: 0.5em;
}

/**************************************************************** FORM ****************************************************************/
form{
	margin				: 0px;
	padding				: 0px;
}
input.input_01{
/*	border				: 1px solid #a5b2be;*/
	border				: 0px;
	background-color	: #40505d;
	width				: 100%;
	color				: white;
}
textarea.textarea_01{
/*	border				: 1px solid #a5b2be;*/
	border				: 0px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 12px;
	border				: 1px solid #a5b2be;
	background-color	: #40505d;
	width				: 100%;
	height				: 60px;
	color				: white;
}
select.select_01{
/*	border				: 1px solid #a5b2be;*/
	border				: 0px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 10px;
	border				: 1px solid white;
	background-color	: #a5b2be;
/*
	width				: 95%;
	height				: 60px;
*/
}
/**************************************************************** LIENS ****************************************************************/
a, a:visited, a:active{
	color				: #26396b;
	text-decoration		: none;
}
a:hover {
	color				: #26396b;
	text-decoration		: underline;
}

a.a_01, a.a_01:visited, a.a_01:active{
	color				: white;
	text-decoration		: underline;
	font-size			: 10px;
}
a.a_01:hover {
	color				: white;
	text-decoration		: none;
	font-size			: 10px;
}

a.a_02, a.a_02:visited, a.a_02:active{
	color				: #4e6172;
	background-color	: white;
	text-decoration		: underline;
	font-size			: 10px;
}
a.a_02:hover {
	color				: #4e6172;
	background-color	: white;
	text-decoration		: none;
	font-size			: 10px;
}

/**************************************************************** TEXTE ****************************************************************/
/* Texte : petit + italique */
.texte_01{
	font-size			: 10px;
	font-style			: italic;
}
.texte_02{
	text-align			: center;
	font-size			: 10px;
	color				: white;
}

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

/**************************************************************** ERREUR / OK / INFO / DEBUG ****************************************************************/
/* Erreur */
.erreur{
	margin				: 0px 5px;
	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");
	width				: 450px;
}
/* Validation est OK  */
.ok{
	margin				: 0px 5px;
	padding				: 5px;
	border				: 1px solid green;
	background-color	: #E9FFE8;
	color				: green;
	text-align			: left;
	background-image	: url("../images/fond/cadre/vert.jpg");
	width				: 450px;
}
/* Information */
.info{
	margin				: 0px 5px;
	padding				: 5px;
	border				: 1px solid orange;
	background-color	: #FFF848;										/* Jaune */
	color				: orange;
	text-align			: left;
	background-image	: url("../images/fond/cadre/orange.jpg");
	width				: 450px;
/*	background-image	: url("images/fond/bleu.jpg");*/
}
/* Debug */
.debug{
	margin				: 0px 5px;
	padding				: 5px;
	border				: 1px solid grey;
	background-color	: #CCCCCC;
	color				: grey;
	text-align			: left;
	background-image	: url("../images/fond/cadre/gris.jpg");
	width				: 450px;
}

/**************************************************************** LEGEND ****************************************************************/
/* corps de la legende */
fieldset{
	border				: 1px solid white;
	margin				: auto;
	padding				: 1%;
	width				: 95%;
	text-align			: center;
}

/* titre de la legende */
legend{
	padding				: 5px;
	font-size			: 16px;
	font-weight			: bold;
	color				: white;
}

/**************************************************************** ALIGNEMENT ****************************************************************/
.alignGauche{
	float				: left;
	padding-bottom		: 1px;
}
.alignGaucheAccueil{
	float				: left;
	margin-left			: 23px;
	padding-bottom		: 1px;
}
.alignDroite{
	float				: right;
}
