		
	@import url(map.css);
		
	body{

		font-size:12px;
		font-family: Trebuchet MS, Tahoma;
		padding:0px;
		margin:0px;
		background:#B1AD8E;
		text-align:justify;
	}
	
	#box-index a{
		color:#666666;
		text-decoration:none
		}
		
	#box-index a:hover{
		color:#333333;
		}	
	
	p{
		margin:0 0 20px 0;
	}
	
	a {outline: none;}
	

	div.coordonnees {
		color:#3d3e39;
		font-size:11px;
		font-family:Tahoma, "Trebuchet MS";
		margin: 5px; 
		}
		
	div.coordonnees .marqueur{
		color:#5c5a4a;
		}
			
		
	div.coordonnees a{
		color:#cbc6a3;
		text-decoration:none;
		}	
		
	div.coordonnees a:hover{
		color:#FFF;
		text-decoration:none;
		}	
			
	div.coordonnees span{
		color:#d7d2ad;
		padding:0 4px 0 4px;  
		}	
	
	.coL4 {
		display:inline;
		float:left;
		padding-right:2%;
		width:23%;
	}

	.coL3 {
		display:inline;
		float:left;
		padding-right:2%;
		width:31%;
	}
	.coL2 {
		display:inline;
		float:left;
		padding-right:2%;
		width:48%;
	}
	.coL2.index {
		display:inline;
		float:left;
		padding-right:10%;
		width:40%;
		border:1px solid #666666;
	}
	
	.coL1 {
		display:inline;
		float:left;
		padding-right:0;
		width:100%;
	}
	
	
	ul{
		margin:0px 0px 0px 25px;
		padding:0px;
	}
	
	li{
		margin:0px 0px 0px 0px;
		padding:0px;
		text-align:left;
	}
	
	.tableau th{
		font-size:14px;
		padding: 0 0 0 5px;
		}
		
	.tableau td{
		padding: 0 0 0 5px;
		}			
		
	.asterisque{
		color:#9b0e13;
		}
	
	td{
		margin:0px 0px 0px 0px;
		padding:0px;
	}
	
	hr{	
		width: 100%;	
		height: 1px;
		border: 0;
		padding: 10px 0 10px 0; 
		clear: both;
		border-bottom: 1px #CCCCCC solid; 
		}
		
	
	.asterisque{
		font-size:12px;
		font-weight:bold;
		}
	
	#site-conteneur{
		width:734px;
		margin-left:auto;
		margin-right:auto;
		padding: 22px;
		padding-top:5px;
		background-color:#9b9778;
		background-image: url(/grafx/bg.jpg);
	}
	
	#site{position:relative; background-color:#FFFFFF;}
	
	
	/*  width:300px; pour promo */
	#topMenu{ width:175px; height:23px;  list-style:none; position:absolute; top:0; right:0; _right:22px; background: url(/grafx/backgroundTopMenu.gif) no-repeat;  margin: 0;padding: 0 0 0 7px; overflow-x:hidden; display:none;}
	#topMenu li{ display: inline;height:23px; line-height:23px; padding: 0 1px 0 0; margin:0; color:#555555; text-decoration:none; font-size:11px;}
	#topMenu li a{ color:#323232; text-decoration:none; font-size:11px;}
	#topMenu li a:hover{ color:#000000; text-decoration:none; font-size:11px;}
	
	#entete{}

	#flashDiv{
		background:url(/flash/entete/img/defaut.jpg);
		width:734px;
		height:183px;
	}	
		
	#menu{
		text-align:center;
		height:32px;
		background: url(/grafx/menu/bg-menu.jpg) #d9d9d9;
		border-bottom: 1px #babbba solid; 
	}
		
	#menu ul{
		margin:0px;
		padding:0px;
		}	
		
	#menu ul li{
		list-style:none;
		margin: 0;
		padding:0;
		display:inline;
		}		
		
	#titre-img{
		display:block;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.titre, h2{
		font-size:15px;
		font-weight: bold;
		font-variant:small-caps;
		margin:0 0 8px 0;
		padding: 0px;
		display:block;
	}
	
	.sous-titre, h3{
		color: #52524f;
		font-size:13px;
		font-weight: bold;
		margin:0 0 8px 0;
		padding:0;
		display:block;
	}
	
	#slogan{
		font-size:20px;
		width:100%;
		font-variant:small-caps;		
	}
	
	.|{
		color:#db9900;
	}
		
	#slogan-spacer{
		width:20px;
	}
	
	#contenu{
		position:relative;
		width:508px;
		padding: 10px;
		padding-top: 25px;
		padding-right: 40px;	
		padding-left: 30px;
		float:left;
		display:inline;
		overflow-x:hidden;
	}
	#contenuLarge{
		position:relative;
		width:664px;
		padding: 10px;
		padding-top: 25px;
		padding-right: 40px;	
		padding-left: 30px;
		float:left;
		display:inline;
	}
	
	#details{
	text-align:right;
	/*background-color:#efefe7;*/
	border-top: 1px dotted #dcdcd5;
	}

	a.details{
		color:#83837f;
		text-decoration:none;
	}
	
	a.details:hover{
		color:#cc0200;	
		text-decoration:none;
	}	
	
	a.details-contenu{
		color:#494948;
		text-decoration:none;
	}
	
	a.details-contenu:hover{
		color:#242424;	
		text-decoration:none;
	}
	
	#hr-plan-du-site{
		color:#efefe7;
	}
	
	#entete-plan{
		font-size:15px;
		text-decoration:none;
		padding:3px;
		border: 1px solid #cecece;
		background-color:#f1f1f1;
		list-style-image: url(/grafx/puce/puce.jpg);
	}
	
	.entete-plan{
		color:#db9c03;
		text-decoration:none;
	}
	
	.entete-plan:hover{
		text-decoration:none;
	}
		
	.sous-entete-plan:visited{
		text-decoration:none;
	}
	
	.sous-entete-plan{
		color:#002955;
		text-decoration:none;
	}
	
	.sous-entete-plan:hover{
		color:#0072ff;
		border-bottom: 1px dotted #3e3e3a;
	}
		
	.entete-plan:visited{
		text-decoration:none;
	}	
	
	#sous-entete-plan{
		font-size:12px;
		text-decoration:none;
		display:block;
		border-right: 1px solid # ;
	}
	
	.clear{
		font-size:11px;
		color:#555555;	
	}
	
	#lien-invisible{
		color:#494948;
		text-decoration:none;
	}
	
	
	#section-droite{
		position: relative;
		width:156px;
		display: inline;
		float:left;
	}
	
	#enseignes-box{
	}
	
	#enseigne{
		
	}
	
	#enseigne-tube{
		
	}
	
	#contenu-fin{width: 734px;	background-color:#FFFFFF; position: relative;}
	#armoirie{ float:left; display: inline; height:75px;}
	#division{ display: inline;	margin: 9px 0 0 55px;	float:left;	}
	#bande-coins-arrondis{ clear: both; height:7px;}
	
	#logo-division{
		padding:5px;	
		vertical-align:top;
	}
	
	#contenu-fin-separateur{
		height: 3px;
		clear:both;
	}
	
	#bas-de-page{
		position:relative;
		padding-left: 7px;
		padding-right: 7px;
		background-color:#FFFFFF;
	}
	
	#bas-de-page-lien{
		color:#a6a6a6;		
	}
	
	#bas-de-page-coin-superieur{
		height:6px;
		background-color:#FFFFFF;
	}
	
	#bas-de-page-coin-inferieur{
		height:6px;
		background-color:#FFFFFF;
	}
		
	.footer-lien{
		color:#000034;
		font-size:11px;
		text-decoration:none;	
	}
	
	a.footer-lien:hover{
		color:#0072ff;
		font-size:11px;
		text-decoration:none;	
	}

	
	#credit{
		padding-top: 5px;
		color: #9b9778;
	}
	
	#webdesign-activis{
		position: absolute;
		top:33px;
		right: 5px;
		_right:27px;
	}
	
	
	#formulaire-contact {
		width:100%;
	}
	
	#formulaire-contact td {
		font-size:11px;
		margin:0px;
		padding:0px;
	}
	
	.asterisque {
		color: #0072ff;
	}

	#erreur {
		border: 1px solid #d70000;
		padding:10px;
	}
		
	.erreur {
		color: #cc0001;
	}
	
	#erreur-boite-inscription {
		width:115px; 
		background-color:#CCCCCC;
		border: 1px solid #d70000;
		float:center;
		padding:10px;
	}
	
	.input-clear, .itemid{
		width:100%;
		background-color: #FFFFFF;
		border: 1px solid #FFFFFF;
	}
	
	.input-hover {
		font-family: Trebuchet MS, Tahoma, Helvetica;
		color:#a7a6aa;
		width:100%;
		background-color: #FFFFFF;
		border: 1px solid #a8d7ff;
	}
	
	input, .inscription{
		width:100%;
		background-color: #FFFFFF;
		border: 1px solid #aaaaa9;
	}

	textarea, .input, select {
		font-family: Trebuchet MS, Tahoma, Helvetica;
		font-size: 12px;
		color:#000062;
		width:100%;
		border: 1px solid #a7a6aa;
		background-color: #FFFFFF;
		overflow: auto;
		
		scrollbar-face-color: #d1dcdd;
		scrollbar-shadow-color: #F7F8F5;
		scrollbar-highlight-color: #F7F8F5;
		scrollbar-3dlight-color: #F7F8F5;
		scrollbar-darkshadow-color: #F7F8F5;
		scrollbar-track-color: #F7F8F5;
		scrollbar-arrow-color: #434343;
	}
	
	#boite-inscription{
		width:150px;
		display: block;
		float:right;
	}
	
		
	#map1 {
		width:525px; /* 670px */
		height:300px;
		border: 1px solid #c6c6be;
	}
	
	#itineraire {
		font-size:11px;
		width:517px;
		height:85px;
		padding:4px;
		text-align: center;
		background-color: #efefe7;
		border: 1px solid #c6c6be;
	}
	
	input.postal{
		width:100%;
		color:#494948;
		text-decoration:none;
		font-variant:normal;
		background-color:#FFFFFF;
		border: 1px solid #c6c6be;
	}
	
	input.itineraire{
		width:100%;
		color:#fff;
		text-decoration:none;
		background-color:#c2c2ba;
		border: 1px solid #989892;
	}
	
	
	#map-zone {
		width:100%; /* 670px */
		height:300px;
		border: 1px solid #e8e8df;
	}
		
	#pop {
		display:none;
		position:absolute; 
		top:0; 
		left:0;
		width:100%;
		background-color:#000000; 
		filter: alpha(opacity=90); 
		-moz-opacity: 0.9; 
		-khtml-opacity: 0.9; 
		opacity: 0.9;
		z-index:9997;
	}
	
	#lienpopimg 
	{
		display:none;
		position:absolute; 
		text-decoration:none; 
		z-index:9998;
	}
	
	#popimg {
		text-align:center;
		border:3px solid #FFFFFF;
	}
	
	#popimg-close {
		padding: 10px;
	}
		
	a#lienpopimg span {
		display: none;
	}
	
	a#lienpopimg:hover span {
		position: absolute;
		display:block;
		width:100%;
		height:35px;
		top:0px;
		left:0px;
		font-size:12px;
		font-weight:bold;
		text-align:right;
		color:#FFFFFF ;
		filter: alpha(opacity=70); /* Pour Internet Explorer */
		-moz-opacity: 0.7; /* Pour Mozilla */
		-khtml-opacity: 0.7; /* Pour Konqueror */
		opacity: 0.7; /* Pour les standards CSS3 */	
		border: 0px solid #FFFFFF;
		background-color: #;
		z-index:9999;
	}	


.clearboth{clear: both; float: none; _height:1px; _background:#fff; _line-height:1px;}


	#box-index{
		float:left;
		text-align:left;
		border:1px;
		position:relative;
	}

.menuStValentin {position:absolute;left:165px;top:3px;}
.menuStValentin img{opacity:0.9;filter:alpha(opacity=90);}