/* CSS Document */
Html, BODY {
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
TEXT-ALIGN: center;}
p {
margin: 0 0 10px 0;
}
#header {
	height: 277px;
	background-color: #fff;
	padding: 4px 2px 9px 2px;
	margin: auto;
}
#haut {
	height: 30px;
	background-color:#CCCCFF;
	color: #000000;
}
#conteneur {
width:763px;
margin:0 auto;
}
#centre {
margin-left: 0px;
margin-right: 166px;
padding: 15px;
border-top: 1px solid gray;
}
#gauche {
float: right;
width: 166px;
border-top: 1px solid gray;
}
#droite {
float:right;
width: 166px;
border-top: 1px solid gray;
}
#navcontainer
{
padding: 0px 3px 0px 3px;
background: #fafafa;
height: 20px;
}

#navlist
{
margin: 0px;
padding: 0px 0px;
display: block;
}

#navlist li
{
list-style: none;
float: left;
}

#navcontainer a, #navlist li.extend
{
margin: 0px;
display: block;

padding: 1px 6px;
text-decoration: none;
background: #fafafa;
font: normal 12px trebuchet MS, verdana, serif;
color: #000;
}

#navcontainer a:hover, #navcontainer a#current
{
padding: 1px 5px;
background: #FAFAFA;
border-right: 1px solid #333;
border-left: 1px solid #333;
border-top: 1px solid #FAFAFA;
border-bottom: 1px solid #333;
color: #000;
}

#navcontainer a#current
{
background: #F6F6F6;
border-top: 1px solid #F6F6F6;
font-weight: bold;
}

#navcontainer li#active
{
border-right: 2px solid #828282;
border-bottom: 2px solid #828282;
}
/* menu droite*/

ul#menudroite 
{
margin: 0;
padding: 0;
font: 14px Trebuchet MS;
list-style-type: none;
text-align:left; 
}

/* quatre div pour le pied de page*/
#un {
float: left;
padding-left: 20px;
width: 166px;
}
#deux {
float:left;
width: 166px;
height: 80px;
padding: 40px 4px 0px 4px;
}
#trois {
float:left;
width: 166px;
height: 80px;
padding: 40px 4px 0px 0px;
}
#quatre {
float:right;
width: 166px;
height: 80px;
padding: 40px 30px 0px 0px;
}
#pied {
clear:both;
height: 150px;

}

/* Images, couleurs et bordures*/

#entete {
	background: White;
	border-left: 1px solid #0f1820;
	border-right: 1px solid #0f1820;
}
#entete h1 {
	color: #003399;
	font-size: 20px;	
}
#conteneur {
	
	background-color: White;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#contenu h2 {
	
	background: #FFEBCD;
}
#pieddepage {
	
	color: #BFBFBF;
}
#pied2 {
	padding: 0 0 10px 0;
	color: #666666;
	width: 752px;
	text-align: center;
	font-size: 13px;
}

/*]]>*/
    .texteintro {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 13px;
	text-align: left;
}
 .textebandeau {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	word-spacing: 2em;
}
    a:link {
	color: #666666;
}
    a:visited {
	color: #006699;
}
    .titre {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 20px;
	line-height: 70px;
	color: #003399;
	text-align: left;
}
    .textenavigation {
	font-size: 10px;
	font-family: "Trebuchet MS";
	color: #000000;
	font-weight: bolder;
	text-align: left;
}
.textenewsletter {
	font-size: 10px;
	font-family: "Trebuchet MS";
	color: #000000;
	font-weight: bolder;
	text-align: left;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	background-color: #FFFFFF;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
    .textecorps {
	font-size: 13px;
	font-family: "Trebuchet MS";
	text-align: left;
}
	.textecentre {
	font-size: 13px;
	font-family: "Trebuchet MS";
	text-align: center;
}
    .Style5 {
	font-size: 12px;
	font-family: "Trebuchet MS";
	text-align:left;
}
    .textechargement {
	font-size: 12px;
	font-family: "Trebuchet MS";
	text-align: left;
	color: #666666;
	font-weight: bold;
}
 
    .Style6 {font-family: "Trebuchet MS"; font-weight: bold; font-size: 20px; line-height: 70px; color: #333366; text-align: left; }
	.Style7 {font-family: "Trebuchet MS"; font-size: 11px; line-height: 30px; color: #336633; text-align: left; }
	.titrevillage {font-family: "Trebuchet MS"; font-weight: bold; font-size: 14px; line-height: 30px; color: #333366; text-align: left; }

    body {
	background-image: url(images/ete/degradevertbleu.jpg);
	background-repeat:repeat-x;
	margin: 0px;
}
.bandeauposition {
	vertical-align: top;
	left: 7px;
	top: 7px;
	right: 0px;
	bottom: 7px;
	width: 500px;
}
.bandeau titre {font-size: 12px;
	font-family: "Trebuchet MS";
	text-align: left;
	color: #666666;
	font-weight: bold;}
.bandeau td {padding: 8px 0; vertical-align:top}
.bandeauimage {
	background: url(images/vrac%20accueil%20ete/ombreportee.gif) left top no-repeat;
	width:85px;
	height:80px;
	left: 2px;	
	float:left;
}
.bandeau texte {
	left: 2px;
	float:left;
	vertical-align: top;}
.bandeautitre {
	float:left;
	width: 480px;
	height: 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	text-align: left;
}
.bandeautitre a {text-decoration:none; color:#9C9C78}
.bandeautitre a:hover {text-decoration: underline}

v\:* {
			behavior:url(#default#VML);
		}
		table#resultat {margin:0; padding:0; border-collapse: collapse; width:740px;}
		table#resultat th {height:15px; background-color:#EEEEEE; border: 1px solid #999999; text-align:center; color: #444444;}
		table#resultat td.encadrement {width:370px; height:410px; border: 1px solid #999999; vertical-align: top;}
		#EmplacementCarteItineraire{height:410px; width:370px;}
		#EmplacementTexteItineraire{margin:0; padding:0; width:auto; height:100%; overflow:auto;}
		#EmplacementTexteItineraire b{color: #03f; text-decoration: underline;}
		
#EmplacementDeMacarte{
	border: 1px solid #B8D6C2;
}