html{
	margin: 0;
	padding: 0;
}

body{
 	text-align: center;
	margin: 0;
	padding: 0;
	background: white url(../images/fond_verti.png) repeat-x;
	color: Black;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
}

p.temp {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	font-weight: bolder;
	color: Black;
	text-align: center;
}

a:link, a:visited, a:active{
	color: blue;
	text-decoration: none;
	font-weight: normal;
}
a:hover,a:focus, #content_voyh a:hover{
	color: #CC3300; 
	text-decoration: underline;
}

#page{
 	position: relative;
 	width: 800px;
 	margin: 5px auto;
	padding: 20px;
	border: 1px solid Gray;
 	background: White;
 	color: inherit;
 	text-align: left;
}


#top{
	background: url(../images/logo_ci2.png) no-repeat;
	text-indent: -9000px;
	margin: 0;
	padding: 0;
	height: 70px;
	width: 800px;
}

#top h1{
	margin: 0;
	padding: 0;
}

#menu { 
	/*position: absolute;
  	top: 61px;
 	left: 0;*/
	width: 800px;
	background: #333333;
	margin: 2px 0 1px;
	padding: 0;
	border-top: solid 1px White;
	border-bottom: solid 1px White;
	overflow: hidden;
}

#menu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu li{
	float: left;
	text-align: center;
	padding-bottom: 2px;
	padding-top: 2px;
}

#menu li a:link, #menu li a:active, #menu li a:visited {
	/*font: bold 10px Lucida Grande, Verdana, Arial, Helvetica, sans-serif; */
	background: #333333;
	font: bold 0.9em "Verdana, Geneva, Arial, Helvetica", sans-serif;
	color: White;
	text-decoration: none;
	margin: 0;
	padding: 1em;
	border-right: 1px solid Silver;
	text-transform: uppercase;
}

#menu li a:hover, #menu li a:focus  { 
	color: White;
	background: #900;
	text-decoration: none;
}

#menu li a.currentpage:link, #menu li a.currentpage:hover, #menu li a.currentpage:visited  {
	color: White;
	background: #FF4500;
}

#global{
	width: 800px;
	background: url(../images/global_fond.png) repeat-y 0;
	background-color: white;
	margin:0;
	padding:0;
	overflow: hidden;
}

#main{
 	width: 600px;
 	float: left;
	border: none;
	margin: 0;
	padding: 0;
}

#mapsite{
	font: normal 11px "Trebuchet MS", sans-serif;
	color: White;
	margin: 0px 1px 0px 0px;
	padding: 0 0 1px 0px;
	height: 15px;
	border-bottom: solid 2px White;
	border-top: solid 1px White;
	background: url(../images/house.gif) no-repeat left;
	background-color: #900; /*#333333; /*#6D3920*/
}

#mapsite ul {
	list-style-type: none;
	padding: 0 0 0 10px;
	margin: 0;
}

#mapsite li {
	float: left;
	text-indent: 0;
	text-align: center;
	padding-left: 0.5em;
}

#mapsite li a:link, #mapsite li a:active, #mapsite li a:visited {
	text-decoration: none;
	margin: 0;
	color: White;
}

#mapsite li a:hover, #mapsite li a:focus  { 
	text-decoration: underline;
}

#main h2 {
	margin: 0;
	padding: 15px 2ex 9px 0;
	border-bottom: solid 1px White;

	font: normal bold 20px "Trebuchet MS", sans-serif;
	color: White;
	text-align: right;
	text-transform: lowercase;
	font-variant: small-caps;
}

#main h2.blogue {
	background: url(../images/head_pistil2.png) no-repeat top;
}
#main h2.voy {
	background: url(../images/head_foulebnf.png) no-repeat top;
}
#main h2.pele {
	background: url(../images/head_pois.png) no-repeat top;
	
}
#main h2.clic {
	background: url(../images/head_clic.png) no-repeat top;
}
#main h2.lor {
	background: url(../images/head_fireworks1.png) no-repeat top;
}
#main h2.about {
	background: url(../images/head_ville1.png) no-repeat top;
}
#main h2.blogol {
	background: url(../images/head_cieltree.png) no-repeat top;
}

#main h2.no_bkgd {
	background: none;
	margin: 0;
	padding: 0;
	height: 50px;
	text-align: left;
}
 
#content, #content_voyh, #content_voy, #content_pele, #content_clic, #content_apro{
	margin: 1px 1px 0 10px;
	padding-left: 0.5ex;
	background: transparent;
	font: normal 12px "Trebuchet MS", sans-serif;
	/*font: normal small "Trebuchet MS", sans-serif;*/
	line-height: 130%;
}


#content p, #content_voyh p, #content_voy p, #content_clic p {
	margin:0;
	padding: 10px 10px 0 2px;
	clear: both;
}

#content p .tubeobj{
	margin-left: 50px;
	padding: 5px;
}

#content p.pict, #content_pele p.pict {
	text-align: center;
}
#content p.pict img , #content_pele p.pict img{
	padding: 1px;
	border: 7px solid #333333;
}
#content .pict_leg {
	margin-top: 0;
	padding-top: 0;
	text-align: center;
	color: #333333;
	font: bold x-small "Verdana, Geneva, Arial, Helvetica", sans-serif;
}

#content h5, #content_pele h5 {
	margin: 15px 10px 0 2px;
	padding: 0;
	font: bold 2ex "Trebuchet MS", sans-serif; /*	font-style: oblique; */
	color: Maroon;
	text-transform: uppercase;
	border-bottom: solid 1px Gray;
}


#content #comnb {
	margin: 0 10px 0 2px;
	padding: 0;
	background: url(../images/comment.png) no-repeat;
	text-indent: 19px;
	color: #DD7A00;
/*	border-top: solid 1px Gray;*/
}

#content_pele #comnb {
	text-align: left;
	margin: 0 10px 0 2px;
	padding: 0;
	background: url(../images/comment.png) no-repeat;
	text-indent: 19px;
	color: #DD7A00;
}

#content #blos_comment, #content_pele #pele_comment {
	margin: 15px 10px 0 2px;
	display: block;
	visibility: visible;
}


#content #blos_comment p.blos_comtit, #content_pele #pele_comment p.pele_comtit, 
#content #blos_comment p.blos_comtit a, #content_pele #pele_comment p.pele_comtit a {
	/*background: url(../images/ico_comm.png) no-repeat;*/
	margin: 10px 0 0 0;
	border-bottom: dotted 1px Gray;
	padding: 0;
	font: normal 12px "Trebuchet MS", sans-serif;
	color: Navy;
}


.comment_num {
	font: normal 12px "Trebuchet MS", sans-serif;
	color: #DD7A00;
}
#content #blos_comment p.blos_comtxt, #content_pele #pele_comment p.pele_comtxt {
	text-indent: 4px;
	margin: 0 0 0 2px;
	color: #2F2F2F;
	padding: 0;
}

#content #blos_comment #blos_form  label,  #content #lor_form label,
#content_pele #pele_comment #pele_form  label {
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 20%;	/*** Les intitulés prennent 20% de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}

#content #blos_comment #blos_form  label.oblig, #content #blos_form, #content #lor_form  label.oblig {
	font-weight: bold;
}
#content #blos_comment #blos_form  input, #content #blos_comment #blos_form textarea, 
#content #blos_form  input, #content #lor_form input, #content #blos_form textarea, #content #lor_form textarea{
	font: normal 11px "Trebuchet MS", sans-serif;
	background-color: #F7F7FD;
	border: solid 1px Gray;
	padding-left: 2px;
}

#content fieldset {
	margin: 15px 0 5px 0;
	background-color: #F5F5F5;
}
#content legend {
	font-weight: bold;
	color: maroon;
		text-transform: uppercase;
}
#piedForm {
	text-align: right; /*** Les boutons sont alignés à droite ***/
}
#content #blos_comment #blos_form  #piedForm input, #content #blos_form  #piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-right: 2em;
	font: bold 11px "Trebuchet MS", sans-serif;
	background-color: Silver;
	border: solid 1px Gray;
	padding: 0px;
}

#content_apro h3 {
	padding: 1px 0 1px 0;
	margin: 0px 10px 0 0;
	background: url(../images/ico_earth.png) no-repeat right;
	font: bold 3ex "Trebuchet MS", sans-serif; /*	font-style: oblique; */
	color: Black;
	/*text-indent: 30px;*/
	border-bottom: 1px solid Maroon;
	text-align: left;
}

#content_apro h4 {
	padding: 0 10px 0 2px;
	border-bottom: 1px solid Gray;
	margin: 15px 10px 5px 0;
	font: bold 3ex "Trebuchet MS", sans-serif;/*	font-style: oblique; */
	color: Maroon;
	text-align: left;
	background-image: none;
	text-indent: 0;
}

#content h3, #content_clic h3 {
	padding: 1px 0 1px 0;
	margin: 5px 10px 0 0;
	background: url(../images/ico_titrevoy.png) no-repeat right;
	font: bold 3ex "Trebuchet MS", sans-serif; /*	font-style: oblique; */
	color: Black;
	/*text-indent: 30px;*/
	border-bottom: 2px solid Maroon;
	text-align: left;
}
#content_clic h3 {
background: url(../images/ico_pentax.png) no-repeat right;
}
#content h4, #content_voy h5, #content_clic h4 {
	padding: 1px 0 1px 0;
	margin: 2px 10px 0 0;
	border-bottom: 1px solid Maroon;
	background: url(../images/time.png) no-repeat 0 1px;
	font: normal 1em "Trebuchet MS", sans-serif;/*	font-style: oblique; */
	color: #555555;
	text-indent: 20px;
	text-align: left;
}

#content h4 a:link.permalink, #content h4 a:active.permalink, #content h4 a:visited.permalink{
	margin: 0;
	color: Maroon;
	padding: 0;
	border: none
}

#content_voyh h3 {
	background: url(../images/ico_earth.png) no-repeat right;
	margin:0;
	border-bottom: thin solid Gray;
	color: #900;
	
	font: bold 3ex "Trebuchet MS", sans-serif; /*	font-style: oblique; */
}
#content_voy h4{
	padding: 1px 0 1px 0;
	margin: 15px 10px 0 0;
	background: url(../images/ico_earth.png) no-repeat right;
	font: bold 3ex "Trebuchet MS", sans-serif; /*	font-style: oblique; */
	color: Black;
	/*text-indent: 30px;*/
	border-bottom: 2px solid Maroon;
	text-align: left;
} 

#content_voyh ul {
	margin: 1ex 0 1ex 1ex;
	padding: 0;
	list-style-type: none;	
}
#content_voyh li {
	margin: 0;
	padding: 0;
	text-indent: 2.5ex;
	background: url(../images/nonew.gif) no-repeat 0;
}

#content_voy img.imgr{
	float: right;
	margin: 5px;
	margin-bottom: 2px;
	margin-right: 0px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 7px;
	padding-left: 7px;
	border: solid 1px Gray;
}
#content_voy img.imgl{
	float: left;
	margin: 5px;
	margin-left: 0px;
	margin-bottom: 2px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 7px;
	padding-left: 7px;
	border: solid 1px Gray;
}
/* images centrées dans page */
#content_voy p.imgcontainer {
	margin: 0;
	text-align: center;
	border: none;
}

#content_voy img.imgc, #content_voy img.plan{
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 2px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 7px;
	padding-left: 7px;
	border: solid 1px Gray;
}
/* fin images centrées dans page (paragraphe images uniquement*/
#content_voy p.note, #content_clic p.note{
	margin:10px 10px 0 2px;
	padding: 0;
	text-indent: 18px;
	background: url(../images/ico_add.png) no-repeat;
	color: #2F3E4F;
	display: block;
	clear: both;
}

#content_voy table.aff_tmpkm {
	width: 250px;
	padding: 0;
	margin-top: 15px;
	color: White;
	background-color: White;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;

}
#content_voy table.aff_tmpkm thead tr th{
	background-color: #FF4500;
	padding: 0;
	margin: 0;
	text-align: center;
}

#content_voy table.aff_tmpkm th {
	font-weight: bold;
	background-color: Navy;
	padding-right: 4px;
	width: 60%;
	text-align: right;
	border: solid 1px White;
	
}
#content_voy table.aff_tmpkm td {
	font-weight: normal;
	background-color: #990000;
	padding-left: 4px;
	text-align: left;
	border: solid 1px White;
}

#content_voy img.info_img {
	margin-right: 10px;
	float: right;
	border: solid 1px gray;
}

#content_voy dt {
	font-weight: bold;
	color: White;
	background: Maroon;
	padding: 1px 5px 1px 5px;
}

#content_voy dd {
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: normal;
	display: list-item;
	list-style-type: disc;
}

#content_voy dd blockquote {
	margin-top: 5px;
	margin-bottom: 10px;
}

#content_voy p.voy_encours {
	color: Gray;
	font-weight: bold;
	margin-top: 0px;
	text-align: center;
	margin-bottom: 10px;
}

#content_voy p.voy_encours a{
	font-weight: bold;
}

#content_pele p {
	margin:0;
	padding:0;
 	text-align: center;
}

#content_clic dl.h {
	margin: 15px 15px 25px 15px;
	padding: 0;
	width: 107px;
	height: 107px;
	/*border: solid 1px Gray;*/
	background: url(../images/diapoh.png) no-repeat;
	float: left;
}
#content_clic dl.v {
	margin: 15px 15px 25px 15px;
	padding: 0;
	width: 107px;
	height: 107px;

	background: url(../images/diapov.png) no-repeat;
	float: left;
}
/*
#content_clic dl:hover {
	border: solid 1px White;
}
*/
#content_clic dt.h {
	margin: 21px 0px 17px 5px;
	padding: 0;
	border: none;
}
#content_clic dt.v {
	margin: 5px 0px 0px 21px ;
	padding: 0;
	border: none;
}
#content_clic img {
	margin: 0;
	padding: 0;
	border: solid 1px White;
}

#content_clic dd {
	margin: 0;
	padding: 3px 0 5px 0;
	text-align: center;
	overflow: hidden;
	font: normal 4px "MS Sans Serif", Geneva, sans-serif;
}

#content_clic dt a:link, #content_clic dt a:active, #content_clic dt a:visited {
	margin: 0;
	padding: 0;
	border: none
}

#content_clic dt a:hover {
	margin: 0;
	padding: 0;
	border: none;
}
#content_clic .clic_desc {
	font-weight: normal;
	color: red;
}

#content_pele img.photo {
	margin: 10px 0 0 0;
 	background: White;
 	padding: 1px;
	border: 10px solid Black; 
}

#content_pele h3{
	margin: 0 0 10px 0;
	padding: 0;
	font: bold 1em "MS Sans Serif", Geneva, sans-serif;
	color: Black;
	text-align: center;
}


#content_apro p {
	margin: 0;
	padding: 5px 10px 0 2px;
}

#content p.lor_headL{
	margin: 15px 0 0 0;
	padding: 0;
	text-indent: 22px;
	background: url(../images/logo2.gif) no-repeat left;
	background-color: #623594;
	color: White;
	text-align: left;
	border-bottom: solid 1px black;
	border-top: solid 1px black;
	border-right: solid 1px black;
	
}

#somm {
	/*padding: 1px 1px 1px 1px;
	border: solid 1px gray;*/
	margin-top: 5px;
	margin-right: 10px;
	
}
#somm h3 {
	/*background: url(../images/dot_orange.png) no-repeat 2px;*/
	background: url(../images/ico_valise2.png) no-repeat right;
	border-bottom: medium solid Gray;
	font: bolder 3.3ex "Trebuchet MS", sans-serif;
	line-height: 150%;
	/*text-indent: 2.5ex;*/
	/*background-color : ;*/
	color: #333;
	/*padding-left: 1ex;*/
	margin:0;
}
#somm ul {
	list-style-type: none;
	margin: 1ex 0 2ex 1ex;
	padding: 0;
}
#somm li {
	text-indent: 2ex;
	background: url(../images/nonew.gif) no-repeat 0;
}

#somm li a:link, #somm li a:visited, #somm li a:active {
	color: blue;
	text-decoration: none;
}
#somm li a:hover, #somm li a:focus {
	color: #CC3300; 
	text-decoration: underline;
}

#carnet p{
	border-left: 8px solid #333333;
	padding-left: 1ex;
	padding-right: 1ex;
}

#content p.firstpar:first-letter{
   font:bold 44px/34px Geneva, sans-serif;
   color: Maroon;
   float:left;
}

.navbar {
	background: #19456F; 
	margin-bottom: 0px;
	padding: 0;
	width: 100%;
	overflow: hidden;
	clear: both;
}

.navbarbot {
	background: #19456F; 
	margin-bottom: 0px;
	margin-top: 10px;
	padding: 0;
	width: 100%;
	overflow: hidden;
	clear: both;
}

.navbar ul, .navbarbot ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.navbar li, .navbarbot li{
	float: left;
	background-color: #696969;
	border-left: 1px solid white;
	font:normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #999999;
	padding: 2px 0px 2px 0px;
}
.navbar li a:link, .navbar li a:visited, .navbar li a:active,
.navbarbot li a:link, .navbarbot li a:visited, .navbarbot li a:active{
	padding: 2px 5px 2px 5px;
	background-color: #696969;
	text-decoration: none;
	font:normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: White;
}

.navbar li a:hover, .navbar li a:focus,
.navbarbot li a:hover, .navbarbot li a:focus{
	background-color:#900; 
	color:#fff;
	text-decoration: none;
}

.navbar li.start, .navbarbot li.start{
	padding: 2px 5px 2px 5px;
	background-color:#19456F;
	color:#fff;
	border: none;
}
.navbar li.situation, .navbarbot li.situation  {
	padding: 2px 5px 2px 5px;
	background-color:#19456F; 
	color:#fff;
	border-left: 1px solid white;
}
.navbar li.currentpage, .navbarbot li.currentpage  {
	padding: 2px 5px 2px 5px;
	color:#fff; 
	background-color:#FF4500; 
	border-left: 1px solid white;
}
 
#pano{
 	width: 198px;
	margin: 0;
	padding: 0;
	float: right;
	background: transparent;
	overflow: hidden;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
 }
 
#footer {
	border-top: 2px solid white;
	padding: 0.2ex 2ex 0.5ex 2ex;
	margin: 0;
	clear: both;
	background: #333333;
	color: White;
}

#footer a:link,#footer a:active, #footer a:visited{
	color: white;
	text-decoration: none;
}
#footer a:hover{
	color: orange;
	text-decoration: underline;
}

/* FORMATTING - RIGHT */
#pano h1 {
font: bold 0.9em "Verdana, Geneva, Arial, Helvetica", sans-serif;
color: White;
margin-top: 0;
margin-bottom: 1ex;
padding: 2px 0 5px 5px; 
text-transform:uppercase;
background: Maroon;
height: 10px;
border-left: none;
text-indent: 19px;
background-color: Maroon;
background: url(../images/btn_menu.png) no-repeat 0 0px;
/*border-right: 10px solid #CC3300;
background-color: #708090;*/
display: block;
}

#pano h1 a:link, #pano h1 a:visited, #pano h1 a:active {
	text-transform: none;
	font: bold 0.9em Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	color: White; 
	text-decoration: underline;
}
#pano h1 a:hover, #pano h1 a:focus {
	color: Yellow;
	text-decoration: none;
}

#pano img { margin: 2px 0 2px 3px; border: 1px solid #CCC; padding: 0; background: #FFF;}

#pano p {
	margin: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}

#pano p.lien {
	margin: 0;
	padding: 0;
}

#pano ul{
	list-style-type: square;
	margin: 0;
	padding-left: 20px;
	padding-bottom: 10px;
}
#pano li {
	margin: 0;
	padding-left: 0px;
	}
#pano li a:link, li a:visited, li a:active { 
	font: normal 1em "Trebuchet MS", sans-serif;
	color: #1F49C0; 
	text-decoration: none;
 }
#pano li a:hover { 
	color: #CC3300; 
	text-decoration: underline;
}