/* Import de la CSS d'initialisation
----------------------------------------------------------*/

@import url(default.css);


/* Import de la CSS de layout
----------------------------------------------------------*/

@import url(layout/layout-2A.css);

/* Liste des layout disponibles :

@import url(layout/layout-1A.css);
@import url(layout/layout-1B.css);
@import url(layout/layout-1C.css);

@import url(layout/layout-2A.css);
@import url(layout/layout-2B.css);
@import url(layout/layout-2C.css);
@import url(layout/layout-2D.css);

@import url(layout/layout-3A.css);
@import url(layout/layout-3B.css);
@import url(layout/layout-3C.css);
@import url(layout/layout-3D.css);
@import url(layout/layout-3E.css);
@import url(layout/layout-3F.css);

*/


/* Quelques couleurs
----------------------------------------------------------*/

body { background:url(../images/fond.jpg) repeat-x top; background-color:#fffede; }

#page { width: 950px; }

#header { background:url(../images/head.jpg) no-repeat top; }

#wrapper { background: url(../images/bg.jpg) repeat-y top; }

#top{ }

#content { padding:5px 40px 0px 30px; background: url(../images/bgcontenu.jpg) no-repeat top; }
#content * { color: #62453a; }
#content h2 { font-size:1.4em; }
#content h3 { font-size:1.1em; }
#content a:link, a:visited, a:active { color: #62453a; }
#content a:hover { color:#62453a; text-decoration:none; }

#content1 { padding:5px 40px 0px 30px; font-size:11px; background: url(../images/bgcontenu.jpg) no-repeat top; }
#content1 * { color: #62453a; }
#content1 h2 { font-size:1.4em; }
#content1 h3 { font-size:1.1em; }
#content1 a:link, a:visited, a:active { color: #62453a; }
#content1 a:hover { color:#62453a; text-decoration:none; }

#main { width:675px; }
#menu { width:275px; background:url(../images/menu.jpg) no-repeat top; }
#nav { }
#extra { width:225px; padding:0px 0px 0px 50px; }
#extra * { color: #62453a; }
#extra h2 { font-size:1.4em; }
#extra h3 { font-size:1.1em; }
#extra a:link, a:visited, a:active { color: #62453a; }
#extra a:hover { color:#62453a; text-decoration:none; }

#footer { font-size: 0.8em; }
#footer * { color: #62453a; }
#footer a:hover { color: #62453a; text-decoration:none; }

.validator{ clear:both; float:right; }
.validator1{ clear:both;
text-align:center; }
.vali{width:100%; vertical-align:bottom; float:left; text-align:center; position:absolute; top:400px; left:0; clear:both;}
/* Éléments Particuliers
----------------------------------------------------------*/

/* Page d'intro */
.bodyIntro { }
.bodyIntro *{ color: #62453a; }
.bodyIntro a:link, a:visited, a:active { color: #62453a; }
.bodyIntro a:hover { color:#62453a; text-decoration:none; }
.h1intro { padding-top:5px; font-size:12px; height:15px; position:absolute; width:100%; text-align:center; top:360px; left:0; clear:both; }

/* Formulaire de contact */
#frmEnvoi{ width:470px; }
#frmEnvoi textarea{ background-color:#fffede;  border-width:thin; }
input .bouton{ background-color:#000000;  border-width:thin; }
.champ{ background-color:#fffede;  border-width:thin; }
#code { background-color:#fffede;  border-width:thin; }
#frmEnvoi .field{ text-align:right; margin-top:10px; }

/*************************** Classes Element *********************************/

.habill{ padding:20px 0px 0px 0px; }


/*************************** Styles diapos : page "Maçonnerie" *********************************/

.diapo {
	width: 400px;
	height: 300px;
	margin: 0 auto;
	text-align: center;
	border: 2px solid #62453A;
}

.diapo2 {
	width: 300px;
	height: 400px;
	margin: 0 auto;
	text-align: center;
	border: 2px solid #62453A;
}

#subnav
{
	text-align: center;
	list-style-type:none;
	list-style-position:inside;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;

}

#subnav li
{
	display: inline;
	text-align: center;
	margin: 0 0.3em;
	padding: 0.3em;
	border-top: 1px solid #F6EEC7;
	border-left: 1px solid #F6EEC7;
	border-right: 1px solid #F6EEC7;
}


/*************************** Fin des classes Element *************************/
/*galary*/
#content #gallery .img-gallery /* On prend la priorité sur les propriétés définies dans jquery.lightbox-0.5.css */
{
border: 3px solid #62453A;
margin:10px;
}

#gallery {
		background-color: tranferance;
		padding: 5px;
		width: 100%;
		margin-left: 50px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 0px solid #fff;
		border-width: 5px 5px 10px;
	}
	#gallery ul a:hover img {
		border: 0px solid #fff;
		border-width: 5px 5px 10px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }