/* 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:#171717;  color: #FFFFFF;}
p { font-size:1em;}
#page { width: 903px; }

#header { }

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

#top{ }

#content { padding:10px 45px 0px 15px; width:558px; background: url(../images/bgcontenu.jpg) no-repeat; background-position: top left; text-align:justify; }
#content * { }
#content h2 { font-size:1.4em; }
#content h3 { font-size:1.1em; }
#content a:hover { color:#FFFFFF; text-decoration:none; }

#main { width:618px; }
#menu {  }
#nav { width:285px; height:361px; background:url(../images/fond-anim.jpg) no-repeat top;}
#extra { }

#footer { font-size: 0.8em;}
#footer * { color: #FFFFFF; }
#footer a:hover { color: #FFFFFF; text-decoration:none; }
.footergauche{ float:left; margin-top:-73px; z-index:10;}

.marge {
	margin-left: 20px;
}
.marge1 {
	margin-left: 24px;
}
.marge2 {
	margin-left: 12px;
}

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

/* Intégration */

.imgLeft{ float:left; margin-right:1em;}
.imgRight{ float:right; margin-left:1em; }

/* Lien W3C */
.validator{ clear:both; float:right; }

/* Page d'intro */
.bodyIntro { background:url(../images/fond-intro.jpg) repeat-x top; background-color:#171717;  }
.bodyIntro *{ color: #FFFFFF; }
.bodyIntro a:link, a:visited { color: #FFFFFF; }
.bodyIntro a:hover { color:#FFFFFF; text-decoration:none; }
.h1intro { color:#FFFFFF; font-size:12px; width:700px; margin:0 auto; }
.h1intro1 { position:absolute; padding-left:50px;    }
.flashintro{width:902px; margin:0 auto; }
/* Formulaire de contact */
#frmEnvoi{ width:470px; }
#frmEnvoi input, textarea{ background-color:transparent; border-width:thin; color:#FFFFFF; }
#frmEnvoi .field{ text-align:right; margin-top:10px; color:#FFFFFF;}
/**********************show image*************************/
#gallery {
		
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border-color:#fff;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid ;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover {  }
	

.gallery {
		
	}
	.gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border-color:#fff;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid ;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover {  }
	
	
.int{width:100%;}
.int1{width:902px; margin:0 auto;}	

.mentions li {
list-style: none;
}

#infoclient {  margin-bottom:1.7em; }
#hebergeur { margin-bottom:1.5em; float:right; margin-top: -5px;}
.table {
	color: #990000;
}
.table td{
	border:1px solid #990000;
	color: #990000;
	padding: 2px;
	width: 25%;
	white-space: 0;
}
td.none {
	border: none;
}