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

@import url(default.css);


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

@import url(layout/layout-1A.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-image:url(../images/fond.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color: #2E9009;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#page { width: 931px; }
#header { background-color: none; }

#titre { width:931px; height:49px;}

#wrapper { background-image: url(../images/bg.jpg); background-color: none; padding:0; }

#content { padding:30px 170px 0px 130px; }
#content1 { padding:0 0 0 100px; }
#content * { color: #fff; }
#content h2 { color: #88D040; font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#content h3 { color: #FFFFFF; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#content a:hover { color:#88D040; text-decoration:none; }

#footer { font-size: 0.8em; background-color: none; }
#footer p, a:link, a:visited, ul, li { color: #FFFFFF; }
#footer a:hover { color: #88D040; text-decoration:none; }
#footer ul { margin: 0; }
#footer li { display: inline; }

#main { background: url(../images/fond-contenu.jpg) no-repeat top; background-color: none; }
#menu { background-color: none; margin: 0; padding: 0;}
#nav { background-color: none; margin: 0; padding: 0;}
#extra { background-color: none; margin: 0; padding: 0;}

h1, h2, h3 { margin: 0; padding: 0; }


/* Éléments Particuliers
----------------------------------------------------------*/

/* Page d'intro */
.h1intro { position:absolute; left:0; top:0; width:100%; text-align:center; padding-top:10px; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; }
.bodyIntro *{ color: #FBF9EC; }
.bodyIntro { background: url(../images/fond-intro.jpg) repeat-x top; background-color:#469C15; }

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

/* Styles Div signature */
#cachesign{
position:absolute;
padding:0px;
left:0;
top:0;
visibility:visible;
background-color:#000000;
display:block;
height:100%;
width:100%;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
display:none;
z-index:10000;
overflow:hidden;
}

#signlivre{
	position:absolute;
	top:100px;
	padding-left:0px;
	padding-bottom:10px;
	visibility:visible;
	background-color:#2E9009;
	border:solid 0px #000000;
	display:none;
	z-index:1000000;
	width:600px;
	height:650px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
/* FIN Styles Div signature */#plansite1 {
	background-image: url(../images/plansite1.jpg);
	background-repeat: no-repeat;
	height: 272px;
	width: 931px;
}
/* Styles de pagination */
a.liencpt, a.liencpt:visited, a.liencpt:active {
	font-family: Tahoma, "Arial Narrow", Arial, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #425D90;
	text-decoration:underline;
}

a.liencpt:hover, a.liencpt:focus {
	font-family: Tahoma, "Arial Narrow", Arial, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #425D90;
	text-decoration:underline;
}

.selpage{
	font-family: Tahoma, "Arial Narrow", Arial, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #5086C5;
}

.aucun{
	font-family: Tahoma, "Arial Narrow", Arial, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FF0000;
}
.select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #2E9009;
}

/* FIN Styles de pagination */

.btn {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
.selectarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #2E9009;
}

.galerie { text-align:center; }
.galerie img { margin:10px; }
.galerie a img { border:none; filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }
.galerie a:hover img { border:none; filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }

/* Styles CSS pour LightBox PopUp */
#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img {
	border: none;
}

#outerImageContainer {
	position: relative;
	background-color: #115500;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer {
	padding: 5px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav {
	left: 0;
}

#hoverNav a {
	outline: none;
}

#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#prevLink {
	background: url(images/prevlabel.gif) left 100% no-repeat;
	left: 0;
	float: left;
}

#nextLink {
	background: url(images/nextlabel.gif) right 100% no-repeat;
	right: 0;
	float: right;
}

#prevLink:hover, #prevLink:visited:hover {
	background: url(images/prevlabel.gif) left 100% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
	background: url(images/nextlabel.gif) right 100% no-repeat;
}

#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #115500;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%
}

#imageData {
	padding:0 10px;
	color: #fff;
}

#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}

#imageData #caption {
	font-weight: bold;
}

#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}

#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}

/* Validator */
.clearvalidator{ clear:both; height:3px;}
#validator a img { background-color:#2F8F09; }
#validator a img { filter:alpha(opacity=50); opacity:.5; margin:5px 25px 0 0; /* aligne l'image W3C avec le logo du dessus */ }
#validator a:hover img { filter:alpha(opacity=100); opacity:1; }