/* 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
----------------------------------------------------------*/
.offre_spe{
	width:200px;
	margin:0 0 0 10px;
	float:left;
}
.bord{
	margin-left:5px;
}
.fond_prod{
	background:url(../images/tab_encart_02.jpg);
	background-repeat:no-repeat; 
}
.fond_prod2{
	background:url(../images/tab_encart_04.jpg);
	background-repeat:repeat-y;
}
body { background:url(../images/fond.jpg) repeat-x top; background-color:#FFFFFF; }

#page { width: 100%; }

#header { width:906px; margin:0 auto 0 auto; }

#wrapper { background-image: url(../images/bg.jpg); width: 906px; margin:0 auto 0 auto; }

#top{ }

#content { padding:30px 25px 0px 15px; width:651px; background: url(../images/bgcontenu.jpg) no-repeat; background-position: top left; }
#content * { color: #7b7b7b; }
#content h2 { font-size:1.4em; }
#content h3 { font-size:1.1em; }
#content a:hover { color:#222D29; text-decoration:none; }

#main { width:691px; }
#menu { width:215px; }
#menu p{ color:#7b7b7b; }
#menu a:link{ color:#7b7b7b; text-decoration:none; }
#menu a:visited{ color:#7b7b7b; text-decoration:none; }
#menu a:hover{ color:#5299EA; text-decoration:none; }
#menu ul{ color:#A4A4A4; }
#menu li{ color:#A4A4A4; padding-left:10px; vertical-align:baseline; list-style-type:none; list-style-position:outside; background:url(../images/flechegrise.jpg) no-repeat; background-position:top left;}
#menu h3{ display:block; width:100%; vertical-align:baseline; font-size:1.1em; color:#A4A4A4; cursor:pointer; padding:0 0 8px 0;
background:url(../images/spacer.gif) repeat-x bottom; }
#menu h3 *{ display:inline; vertical-align:baseline;}

	/** mise en forme du menu **/
#menuDrapeaux { display:none; }
#menuMairieVoirie { display:none; }
#menuImagerie { display:none; }
#menuMatsSupports { display:none; }

#nav { padding:0 20px 0 20px; }
#extra { padding:0 20px 0 20px; }

#footer { font-size: 0.8em; background:url(../images/fond-adresse.jpg) repeat-x top; }
#footer * { color: #D12646; }
#footer a:hover { color: #A4A4A4; text-decoration:none; }

#category
{
	float:left;
	width:202px;
	height:143px;
	border:2px #CCCCCC;
	margin-right:5px;
}
#plan-du-site
{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:906px;
}
#plan-content{
background-image:url(../images/plandusite/plan-content.jpg);
background-repeat:repeat-y;
width:906px;
height:470px;
text-align:left;
}

#plan-hearder
{
background-image:url(../images/plandusite/plan-head.jpg);
width:906px;
height:296px;

}
.plan-text-content
{
	text-align:left;
	font-size:12px;

	margin-left:150px;
	margin-right:78px;
	width:650px;
	line-height:20px;
}
#plan-content a
{
	color:#7b7b7b;
}
#plan-content a:hover { color:#7b7b7b; text-decoration:none; }
/* Éléments Particuliers
----------------------------------------------------------*/

/* Intégration */

.imgLeft{ float:left; margin-right:1em; }
.imgRight{ float:right; margin-left:1em; }
#contenuTopAccueil { margin:-30px -25px 0 -15px; vertical-align:top;  height:108px; }

	/** mise en forme du contenu de l'accueil **/
#contenuAccueil { margin:0 -25px 0 -15px; background: url(../images/fond-contenu-accueil.jpg) no-repeat; background-position: top left; width:691px; padding-top:95px; }
#contenuAccueil ul{ width:172px; float:left; }
#contenuAccueil ul li{ margin-left:50px; padding-left:10px; vertical-align:baseline; list-style-type:none; list-style-position:outside;  }
#contenuAccueil ul li a{ text-decoration:none; }
.flecherouge li{ background:url(../images/flecherouge.jpg) no-repeat; background-position:top left; }
.flechebleue li{ background:url(../images/flechebleue.jpg) no-repeat; background-position:top left; }
.flecheverte li{ background:url(../images/flecheverte.jpg) no-repeat; background-position:top left; }
.flechejaune li{ background:url(../images/flechejaune.jpg) no-repeat; background-position:top left; }

.inLine *{ display:inline; vertical-align:baseline;}

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

/* Page d'intro */
.bodyIntro { background:url(../images/fondintro.jpg) repeat-x top;  background-color:#324E01;  }
.bodyIntro *{ color: #FFFFFF; }
.bodyIntro a:link, a:visited { color: #FFFFFF; }
.bodyIntro a:hover { color:#FFFFFF; text-decoration:none; }
.h1intro { color:#324E01; position:absolute; left:0; top:0; width:100%; padding-top:5px; font-size:12px; }

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

/* google map API*/
.plan {
	width: 640px;
	height: 480px;
	border:#FF0000;
}
#map .infosbulle {
	width: 210px;
	border: #FFFFFF;
	margin: 0;
	padding: 0;
}
#map .infosbulle p {
	display: block;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.plan-titre {
	font-size: 14px;
	color: #5F0666;
	font-weight: bold;
	margin-bottom: 1em;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
}
.plan-printer {
	display:block;
	text-align: right;
}
.plan-printer img, 
.plan-printer a {
	border: none;
}

.bordure{
	border: 1px solid #333333;
}