f@charset "utf-8";
/* CSS Document */

* {

}
body {
	margin: 0; /* pour éviter les marges */
	background-image: url(../img/fond/fond-img.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-color: #CCC;
	background-position: 50% 50%;
}
p{
	font-family: Verdana, Geneva, sans-serif;
	color: #000; 
}
#total{
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
#menu{
	width: 600px;
}

#sous-menu{
	background-image: url(../img/fond/fond_blanc50.png);
	background-repeat: repeat;
	height: 70px;
}
#menu-gauche{
	float: left;
}
#menu-droite{
	float: right;
}

#titre{
	background-color: #A18C79;
	height: 45px;
	padding-top: 1px;
}
#titre2{
	background-color: #6090BD;
	height: 45px;
	padding-top: 1px;
}
#titre3{
	background-color: #689689;
	height: 45px;
	padding-top: 1px;
}
#titre4{
	background-color: #CC5433;
	height: 45px;
	padding-top: 1px;
}
#retour{
	float: left;
}
#texte-titre{
}
#titre #texte-titre h1 {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 37px;
	font-weight: bold;
	color: #FFF;
	line-height: 1px;
}
#titre2 #texte-titre h1 {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 37px;
	font-weight: bold;
	color: #FFF;
	line-height: 1px;
}
#titre3 #texte-titre h1 {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 37px;
	font-weight: bold;
	color: #FFF;
	line-height: 1px;
}
#titre4 #texte-titre h1 {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 37px;
	font-weight: bold;
	color: #FFF;
	line-height: 1px;
}



#navigation-menu{
	position: fixed;
	/*float: right;*/
	right: 0px;
	width: 25px;	
}


#contenu{
	padding-top: 10px;
}
#sous-bloc{
	float: left;
	padding: 02px;
}
#contenu-devis{
	padding-top: 10px;
	text-align: center;
}


#footer p{
	position:fixed;
	bottom:-12px;
	width:100%;
	text-align: right;
	font-size: 12px;
	background-image: url(../img/fond/fond_footer.png);
	background-repeat: repeat;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
}
#footer a{
	text-decoration: none; 
	text-align: right;
	font-size: 12px;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
}
#footer a:hover {
	color: #CCC;
}
#footer a:active {
	color: #F00;
}
/* box */
#bloc{
}
#mentions-legales{
	background-color: #FFF;
	width: 560px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	padding: 20px;
}
#bloc-picto{
	float: left;
}
#bloc-tel{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 35px;
	font-weight: bold;
	color: #000;
	text-align: center;
	float: left;
}
#bloc-mail{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	text-align: center;
	float: left;
	line-height: 55px;
}

/* box */
/* 1ere img references */
#sous-bloc-abbaye-d-igny{
	clear: both;
	text-align: right;
	background-color: #CCC;
	background-image: url(../page-references/abbaye-d-igny/1.jpg);
	color: #FFF;
	font-family: "arial", Times, serif;
	width: 600px;
	height: 300px;
}
#sous-bloc-cabinet-medical{
	clear: both;
	text-align: right;
	background-color: #CCC;
	background-image: url(../page-references/cabinet-medical/1.jpg);
	color: #FFF;
	font-family: "arial", Times, serif;
	width: 600px;
	height: 300px;
}
#sous-bloc-caisse-d-epargne-de-reims{
	clear: both;
	text-align: right;
	background-color: #CCC;
	background-image: url(../page-references/caisse-d-epargne-de-reims/1.jpg);
	color: #FFF;
	font-family: "arial", Times, serif;
	width: 600px;
	height: 300px;
}
#sous-bloc-chapelle-de-saint-joseph-de-Reims{
	clear: both;
	text-align: right;
	background-color: #CCC;
	background-image: url(../page-references/chapelle-de-saint-joseph-de-Reims/1.jpg);
	color: #FFF;
	font-family: "arial", Times, serif;
	width: 600px;
	height: 300px;
}
#sous-bloc-eglise-de-bazancourt{
	clear: both;
	text-align: right;
	background-color: #CCC;
	background-image: url(../page-references/eglise-de-bazancourt/1.jpg);
	color: #FFF;
	font-family: "arial", Times, serif;
	width: 600px;
	height: 300px;
}
#sous-bloc-eglise-de-bouleuse{
	clear: both;
	text-align: right;
	background-color: #CCC;
	background-image: url(../page-references/eglise-de-bouleuse/1.jpg);
	color: #FFF;
	font-family: "arial", Times, serif;
	width: 600px;
	height: 300px;
}
#sous-bloc-eglise-de-cliron{
	clear: both;
	text-align: right;
	background-color: #CCC;
	background-image: url(../page-references/eglise-de-cliron/1.jpg);
	color: #FFF;
	font-family: "arial", Times, serif;
	width: 600px;
	height: 300px;
}
#sous-bloc-eglise-de-cormontreuil{
	clear: both;
	text-align: right;
	background-color: #CCC;
	background-image: url(../page-references/eglise-de-cormontreuil/1.jpg);
	color: #FFF;
	font-family: "arial", Times, serif;
	width: 600px;
	height: 300px;
}
#sous-bloc-eglise-de-levrezy{
	clear: both;
	text-align: right;
	background-color: #CCC;
	background-image: url(../page-references/eglise-de-levrezy/1.jpg);
	color: #FFF;
	font-family: "arial", Times, serif;
	width: 600px;
	height: 300px;
}
#sous-bloc-eglise-de-nouzonville{
	clear: both;
	text-align: right;
	background-color: #CCC;
	background-image: url(../page-references/eglise-de-nouzonville/1.jpg);
	color: #FFF;
	font-family: "arial", Times, serif;
	width: 600px;
	height: 300px;
}
#sous-bloc-eglise-de-rosnay{
	clear: both;
	text-align: right;
	background-color: #CCC;
	background-image: url(../page-references/eglise-de-rosnay/1.jpg);
	color: #FFF;
	font-family: "arial", Times, serif;
	width: 600px;
	height: 300px;
}
#sous-bloc-eglise-de-saint-amand-sur-fion{
	clear: both;
	text-align: right;
	background-color: #CCC;
	background-image: url(../page-references/eglise-de-saint-amand-sur-fion/1.jpg);
	color: #FFF;
	font-family: "arial", Times, serif;
	width: 600px;
	height: 300px;
}
#sous-bloc-eglise-de-servion{
	clear: both;
	text-align: right;
	background-color: #CCC;
	background-image: url(../page-references/eglise-de-servion/1.jpg);
	color: #FFF;
	font-family: "arial", Times, serif;
	width: 600px;
	height: 300px;
}
#sous-bloc-eglise-de-soizy-aux-bois{
	clear: both;
	text-align: right;
	background-color: #CCC;
	background-image: url(../page-references/eglise-de-soizy-aux-bois/1.jpg);
	color: #FFF;
	font-family: "arial", Times, serif;
	width: 600px;
	height: 300px;
}
#sous-bloc-eglise-de-son{
	clear: both;
	text-align: right;
	background-color: #CCC;
	background-image: url(../page-references/eglise-de-son/1.jpg);
	color: #FFF;
	font-family: "arial", Times, serif;
	width: 600px;
	height: 300px;
}
#sous-bloc-eglise-de-witry-les-reims-1{
	clear: both;
	text-align: right;
	background-color: #CCC;
	background-image: url(../page-references/eglise-de-witry-les-reims-1/1.jpg);
	color: #FFF;
	font-family: "arial", Times, serif;
	width: 600px;
	height: 300px;
}
#sous-bloc-eglise-de-Witry-Les-reims-2{
	clear: both;
	text-align: right;
	background-color: #CCC;
	background-image: url(../page-references/eglise-de-Witry-Les-reims-2/1.jpg);
	color: #FFF;
	font-family: "arial", Times, serif;
	width: 600px;
	height: 300px;
}
#sous-bloc-eglise-sainte-macre-de-fismes{
	clear: both;
	text-align: right;
	background-color: #CCC;
	background-image: url(../page-references/eglise-sainte-macre-de-fismes/1.jpg);
	color: #FFF;
	font-family: "arial", Times, serif;
	width: 600px;
	height: 300px;
}
#sous-bloc-eglise-saint-jean-baptiste-de-warcq{
	clear: both;
	text-align: right;
	background-color: #CCC;
	background-image: url(../page-references/eglise-saint-jean-baptiste-de-warcq/1.jpg);
	color: #FFF;
	font-family: "arial", Times, serif;
	width: 600px;
	height: 300px;
}
#sous-bloc-piscine{
	clear: both;
	text-align: right;
	background-color: #CCC;
	background-image: url(../page-references/piscine/1.jpg);
	color: #FFF;
	font-family: "arial", Times, serif;
	width: 600px;
	height: 300px;
}
#sous-bloc-portes-coulissantes{
	clear: both;
	text-align: right;
	background-color: #CCC;
	background-image: url(../page-references/portes-coulissantes/1.jpg);
	color: #FFF;
	font-family: "arial", Times, serif;
	width: 600px;
	height: 300px;
}
#sous-bloc-temple-maconnique{
	clear: both;
	text-align: right;
	background-color: #CCC;
	background-image: url(../page-references/temple-maconnique/1.jpg);
	color: #FFF;
	font-family: "arial", Times, serif;
	width: 600px;
	height: 300px;
}
#sous-bloc-germiny{
	clear: both;
	text-align: right;
	background-color: #CCC;
	background-image: url(../page-references/notre-dame-de-germigny/1.jpg);
	color: #FFF;
	font-family: "arial", Times, serif;
	width: 600px;
	height: 300px;
}
/* 1ere img references */
#titre-descrip{
	color: #FFF;
	font-family: "arial", Times, serif;
	margin-bottom: 10px;
	background-image: url(../img/fond/fond_footer.png);
	background-repeat: repeat;
	float: right;
	width: 220px;
	height: 300px;
	overflow: auto;
	padding-right: 10px;
	padding-left: 10px;
}
#titre-descrip p{
	color: #FFF;
	font-family: "arial", Times, serif;
	font-size: 14px;
}