/* 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:#FFFFFF; }


#page { width: 950px; }



#header { }



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



#top{}

#content-actus { padding:30px 60px 0px 60px; width:625px; background: url(../images/bgcontenu.jpg) no-repeat; background-position: top left; }

#content-actus h2 { font-size:1.4em; }

#content-actus h3 { font-size:1.1em; }

#content { padding:30px 60px 0px 60px; width:625px; background: url(../images/bgcontenu.jpg) no-repeat; background-position: top left; }

#content * {
	color: #324E01;
}

#content h2 { font-size:1.4em; }

#content h3 { font-size:1.1em; }

#content a:hover { color:#324E01; text-decoration:none; }



#main { width:745px;}

#menu { }

#nav { width:205px;}

#extra {}



#footer { font-size: 0.8em;}

#footer * { color: #69316c; }

#footer a:hover { color: #69316c; text-decoration:none; }

.clearvalidator{ clear:both; height:3px;}

.validator{ clear:both; float:right; }



/* Éléments Particuliers

----------------------------------------------------------*/



/* Page d'intro */

.bodyIntro {color:#69316c;}

.bodyIntro p, a:link{ color: #69316c; }

.bodyIntro a:visited{color:#69316c;}

.bodyIntro a:hover { color:#69316c; text-decoration:none; }

.h1intro {font-size:12px; margin-bottom:-32px; top:435px; width:100%; position:relative;}





/* Formulaire de contact */

#frmEnvoi{ width:470px; }

#frmEnvoi input, textarea{ background-color:transparent; border-width:thin; }

#frmEnvoi .field{ text-align:right; margin-top:10px; }



/*classes supplémentaires*/

.align{

	text-align:left;

	margin-left:10px;

	color:#000000;

	

}



.alignintro{ margin-left:100px;}

#text-accueil{
	color:#000000;
	float:right;
	width:350px;
	height:400px;
	top:0px;
	text-align:left;

	/*background:url(../images/bg-accueil.jpg);*/

	}

Google map 

/* ============== Plan Aces ====================== */

#map, #map2, #map3, #map4 {
	width: 640px;
	height: 480px;
	border: #69316c solid 5px;
}

.infosbulle {
	border: none;
	margin: 0;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.plan-titre {
	font-size: 14px;
	color: #13218e;
	font-weight: bold;
	margin-bottom: 1em;
	text-align:center;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
	text-align:center;
	!text-align:center;
}
.plan-printer {
	display:block;
	text-align: right;
	padding-bottom:15px;
}

.plan-printer img,
.plan-printer a {
	border: none;
}

#googlemap a.googlemap-icon { display: block; background:url(../images/googlemap.jpg) no-repeat; width: 80px; height: 68px; text-align:center; margin:0 auto; }
#googlemap a.googlemap-icon:hover { background:url(../images/googlemap-hover.jpg) no-repeat; }
#googlemap a.googlemap-icon:active { background:url(../images/googlemap.jpg) no-repeat; }
#googlemap a.googlemap-icon span { display:none; text-align:center; }
.alignCenter{
	text-align:-moz-center;
	!text-align:center;
	margin:0 auto;
	text-align:center;
	
}




/* jQuery lightBox plugin - Gallery style */

	#gallery {

		/*background-color:#a7d827; */

		padding: 5px;

		width: 100%;

		height:auto;

	}

	#gallery ul { list-style: none; }

	#gallery ul li { display: inline; }

	#gallery ul img {

		border: 5px solid #a7d827;

		border-width: 5px 5px 20px;

	}

	#gallery ul a:hover img {

		border: 5px solid #fff;

		border-width: 5px 5px 20px;

		color: #fff;

	}

	#gallery ul a:hover { color: #fff; }
	
	/*Start gallery2*/
	
	
	#gallery2 {

		/*background-color:#a7d827; */

		padding: 5px;

		width: 100%;

		height:auto;

	}

	#gallery2 ul { list-style: none; }

	#gallery2 ul li { display: inline; }

	#gallery2 ul img {

		border: 5px solid #a7d827;

		border-width: 5px 5px 20px;

	}

	#gallery2 ul a:hover img {

		border: 5px solid #fff;

		border-width: 5px 5px 20px;

		color: #fff;

	}

	#gallery2 ul a:hover { color: #fff; }

	/*End gallery2*/
	
	
	/*Start gallery3*/
	
	
	#gallery3 {

		/*background-color:#a7d827; */

		padding: 5px;

		width: 100%;

		height:auto;

	}

	#gallery3 ul { list-style: none; }

	#gallery3 ul li { display: inline; }

	#gallery3 ul img {

		border: 5px solid #a7d827;

		border-width: 5px 5px 20px;

	}

	#gallery3 ul a:hover img {

		border: 5px solid #fff;

		border-width: 5px 5px 20px;

		color: #fff;

	}

	#gallery3 ul a:hover { color: #fff; }

	/*End gallery3*/
	
	

/* jQuery lightBox plugin - Gallery style */

#jquery-overlay {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

}

#jquery-lightbox {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

}

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

}

#lightbox-container-image { padding: 10px; }

#lightbox-loading {

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

}

#lightbox-nav {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

}

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {

	width: 49%;

	height: 100%;

	zoom: 1;

	display: block;

}

#lightbox-nav-btnPrev { 

	left: 0; 

	float: left;

}

#lightbox-nav-btnNext { 

	right: 0; 

	float: right;

}

#lightbox-container-image-data-box {

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	overflow: auto;

	width: 100%;

	padding: 0 10px 0;

}

#lightbox-container-image-data {

	padding: 0 10px; 

	color: #666; 

}

#lightbox-container-image-data #lightbox-image-details { 

	width: 70%; 

	float: left; 

	text-align: left; 

}	

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber {

	display: block; 

	clear: left; 

	padding-bottom: 1.0em;	

}			

#lightbox-secNav-btnClose {

	width: 66px; 

	float: right;

	padding-bottom: 0.7em;	

}

 #Fly box



#plandusite

{

	display:block;

	width:950px;

	margin-right:auto;

	margin-left:auto;

	text-align:center;

}

#plan-middle{

	width:950px;

	height:81px;

	background-image:url(../images/plan-du-site-middle.jpg);

}

#plan-content{

	background-image:url(../images/plan-du-site-body.jpg);

	background-repeat:repeat-y;

	width:950px;

	height:auto;

}

#plan-header

{

background-image:url(../images/plan-du-site-header.jpg);

width:950px;

height:261px;

text-align:center;

}

#plan-text-content

{

	text-align:left;

	font-size:12px;	

	margin-left:200px;

	margin-right:78px;

	line-height:25px;

	color:#000000;

}

#plan-footer{

	width:950px;

	height:82px;

	background-image:url(../images/plan-du-site-footer.jpg);

}

#plan-text-content a {

	color: #330066;

}

#plan-text-content a:hover { color:#330033; text-decoration:none; }

.plan-align-intro{margin:center;color:#330066; }

.plan-validator{ clear:both; float:right; padding-right:300px; color:#330066; font-size:10px;  }

.diapo-accueil{margin-top:10px;}
.tarifs{margin-top:10px;}



 Plan du site 
 
 .midd{vertical-align:middle;}
#infoclient {  margin-bottom:1.7em; }
#hebergeur { margin-bottom:1.5em; float:right;}
.fixN{width:950px; margin:0 auto;}
#validator a img { filter:alpha(opacity=50); opacity:.5; margin-right:30px; }
#validator a:hover img { filter:alpha(opacity=100); opacity:1; }
legend { font: 700 15px Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; border-left:3px solid #69316c; padding:2px 10px 2px 10px; color:#69316c; }
fieldset { 
	border:1px solid #69316c; 
	padding:0 10px 0 10px;
	margin:0 auto;
}

.texte3{ background:url("../images/bullet.gif") no-repeat scroll center left;
	font-size:15px;
	padding-left:20px;
	}
	
	.link{margin-top:7px;}
	.mgN{margin-right:15px;}