/* CSS Document */
body {
        font-family:Arial, Helvetica, sans-serif;
		color:#000000;
        margin: 0;
		font-size: 12px;
       background-color: #fff;
        }
div#global {
	width: 960px;
	margin: 5px auto 10px auto;
	position: relative;
 	background-color: #fff;
	}
img {
    border: none;
	padding:0;
	margin:0;
}
p {
margin:4px 0px;
}
h1 {
font-size:160%;
font-weight:bold;
margin:11px 10px 5px 10px;
font-style:italic;
color:#6D9BB5;
}
h1.aligne {
margin-left:0px;
}
h2 {
font-size:120%;
font-weight:bold;
margin:10px 0px;
padding:0;
}
h3 {
font-size:120%;
font-weight:bold;
margin:4px 0px 2px 0px;
}
form {
margin:5px 0px;
}
ul {
margin:5px 0px 5px 20px;
padding:0;
}
ol {
	list-style:square;
	margin:5px 0px 5px 20px;
	padding:0;
}
img.flottant {
float:left;
margin-right:10px;
margin-left:5px;
}

img.puce_flottante, .puce_flottante {
float:left;
margin-right:5px;
margin-left:5px;
}

img.titre {
margin:8px 0px 15px 0px;
}

a {
	text-decoration: none;
	color:#3366CC;
  }
a:hover  {
	color:#0099CC;
}

/* include */
div#footer {
position:absolute;
top:563px;
right:0px;
	color:#ffffff;
	width: 740px;
	height:18px;
	text-align:center;
	text-transform:uppercase;
	padding-top:4px;
	background-image:url(images/footer.gif);
	font-size:90%;
	}
#footer a {
	color:#ffffff;
	margin-right:50px;
	margin-left:50px;
}
#footer a:hover {
	color:#FFCC66;
}
#logo {
	position:absolute;
	left:5px;
	top:5px;
}

#gauche_partner {
	float:left;
	width:180px;
	margin-top:30px;
}
#gauche_partner a {
	font-size:130%;
	font-weight:bold;
	margin:11px 10px 5px 10px;
	font-style:italic;
	color:#6D9BB5;
}
#gauche_partner a:hover {
	color:#DE7A0C;
}
#gauche_partner p{
margin:20px 10px;
}

/* menu gauche */
#menu_gauche{
	float:left;
	width:205px;
	padding:0px 5px 0px 0px;
	background-image:url(images/fond_menu.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
#menu_gauche{
	margin-top:12px;
	height:420px;
}
#regions a, #themes a, #themes2 a, #sites a {
	color:#000000;
	font-weight:bold;
}
#regions a, #themes a, #themes2 a {
	font-size:110%;
}
#menu_gauche a:hover {
color:#DE7A0C;
}
#menu_gauche ul {
	margin:0;
	padding:0;
	list-style:none;
}
#regions li, #themes li, #themes2 li {
	display:block;
	margin:12px 0px;
}
#sites li {
	display:block;
	margin:8px 0px 0px 0px;
}

#regions, #themes,#sites {
	display:block;
	height:298px;
	overflow:hidden;
}
#themes2 {
height:320px;
overflow:auto;
}
#btn_regions {
position:absolute;
top:540px;
left:0px;
}
#btn_themes {
position:absolute;
top:506px;
left:0px;
}

/* page index */
#presentation {
	display:block;
	position:relative;
	height:190px;
	width:740px;
	text-align:justify;
}
#bt_bon_plan {
position:absolute;
bottom:-15px;
left:30px;
}
img.ombre {
	margin:0px 8px 15px 6px;
	border:#000000 1px solid;
}
#flottant_gauche_index {
	width:430px;
	height:123px;
	overflow:auto;
}
#flottant_gauche_index p {
text-align:justify;
}
#fleches {
	float:right;
	width:25px;
	margin-top:7px;
	margin-right:10px;
	text-align:center;
	font-size:9px;
	padding:0;
}
.marge {
margin-bottom:76px;
}

#actu {
margin:0px;
overflow:auto;
}

/* page theme site */
#presentation2 {
	display:block;
	height:185px;
	padding:10px 10px 0px 10px;
	margin:0px 0px 0px 0px;
	width:720px;
}
#fiche,#fiche1,#fiche2,#fiche3,#fiche4,#fiche5,#fiche6,#fiche7,#fiche8 {
	float:right;
	background-position:top right;
	background-repeat:no-repeat;
}
#fiche1,#fiche2,#fiche3,#fiche4,#fiche5,#fiche6,#fiche7 {
	margin-top:5px;
	width:740px;
}
#fiche8 {
	background-image:url(images/illuAccueil.gif);
	width:770px;
}
#fiche {
	background-image:url(images/illuAccueil.gif);
	width:740px;
}
#fiche1 {
	background-image:url(images/illu_siteshisto.gif);
}
#fiche2 {
	background-image:url(images/illu_loisirs.gif);
}
#fiche3 {
	background-image:url(images/illu_musees.gif);
}
#fiche4 {
	background-image:url(images/illu_sitesnat.gif);
}
#fiche5 {
	background-image:url(images/illu_scientific.gif);
}
#fiche6 {
	background-image:url(images/illu_parcanimal.gif);
}
#fiche7 {
	background-image:url(images/illu_terroir.gif);
}

#titre {
	display:block;
	width:720px;
	height:65px;
	margin:0px 0px 0px 10px;
	overflow:auto;
}
#contenu, #contenu_region {
	float:right;
	margin-right:10px;
}
#contenu {
	width:500px;
}
#boutons {
margin-left:10px;
margin-top:15px;
}
#boutons a {
	margin-right:30px;
}
#boutons img {
	margin-left:12px
}
#boutons a:hover {
text-decoration:underline;
}
#drapeaux {
float:left;
margin-left:220px;
margin-top:15px;
}
#drapeaux img {
	margin-right:12px
}
img.retrait {
margin-top:-15px;
}
img.retrait2 {
position:absolute;
top:400px;
right:0px;
}

#flottant_gauche,#flottant_gauche_region,#flottant_gauche_index  {
	float:left;
	margin:5px 0px 0px 0px;
	padding:5px;
}
#flottant_gauche {
	width:220px;
}
#flottant_droit {
float:right;
margin: 4px 2px 0px 0px;
font-size:120%;
}
img.logotour {
margin:4px 10px 0px 0px;
}

p.adresse {
font-size:130%;
font-weight:bold;
margin:0px 0px 0px 10px;
}
p.descriptif {
text-align:justify;
height:75px;
overflow:auto;
margin:0px 0px 3px 0px;
}
#presentation2 p {
text-align:justify;
}

img#photo {
	margin:2px 10px 0px 10px;
	border:#000000 1px solid;
}

#infos, #vignettes {
	height:290px;
}
#infos {
	font-size:90%;
}
#vignettes img {
	margin:4px 30px;
	border:#000000 1px solid;
}
#vignettes img:hover {
	border:#FFFF99 1px solid;
}

/* page carte */
#map {
	border:#33CCCC 1px solid;
}

/* page region */
#flottant_gauche_region {
	width:215px;
	text-align:justify;
	font-size:110%;
}
#legende {
	width:115px;
	margin-left:5px;
	float:right;
	font-size:80%;
}
#legende ul {
margin:0;
padding:0;
}
#contenu_region {
	display:block;
	width:495px;
	margin:5px 0px 9px 0px;
}
#hebergement, #resto, #divers {
display:none;
height:338px;
}

div#promos {
position:relative;
clear:both;
display:block;
padding:0px;
margin:10px 0px 10px 0px;
height:390px;
}
#promos a {
font-size:120%;
color:#F96200;
font-weight:bold;
}
#promos a:hover {
color:#000000;
}
div.promo1, div.promo2 {
display:block;
position:relative;
float:left;
margin:0px 10px;
width:210px;
padding:3px;
height:280px;
text-align:center;
background-color:#CFDEFF;
border:#000000 2px dotted;
}
div.promo2 {
margin-top:15px;
}
h1.promo {
font-style:normal;
color:#000000;
text-align:center;
font-size:180%;
}
img.droite_bas {
position:absolute;
bottom:-28px;
right:-9px;
}
h2.hdroite {
	text-align:right;
	margin:0px 30px 15px 0px;
}
img.titrebp {
position: absolute;
left: 100px; top: 130px;
}
p#nouvelles {
font-size: 25px; font-style: italic;
margin: 0px 0px 0px 100px;
}
table#inscription {
	width:90%;
	margin:40px 10px;
}
form#inscrire {
	height:300px;
	background-image:url(images/illuAccueil.gif);
	width:300px;
	margin:0px auto;
}
#bon {
	position:relative;
	display:block;
	width:500px;
	border:#000000 1px solid;
	margin:20px auto;
	height:110px;
	background:url(images/illuAccueil.gif) top right no-repeat;
	padding:20px 5px;
}
p#numero {
position:absolute;
top:120px;
right:10px;
}
p#date_validite {
position:absolute;
top:120px;
left:20px;
}
p.bas {
position:absolute;
top:260px;
left:50px;
}