@charset "iso-8859-1";

body {font-family: Verdana, helvetica, sans-serif; text-align: justify; background: #E6E6FF; color: #12514C;margin: 0}

a:link {color: #CF2900; font-family: Verdana, helvetica, sans-serif; text-decoration: none}

a:active, a:visited {font-family: Verdana, helvetica, sans-serif; text-decoration: none; color: #663399}

a:hover {font-family: Verdana, helvetica, sans-serif; text-decoration: underline}

p, td, ul, ol {font-size: 0.8em}

/*li {text-align: left}*/

img {border: none}

h1 {font-family: Rockwell Extra Bold,verdana, helvetica, sans-serif; font-size: 1.5em; text-align: center}

h2 {font-family: Verdana, helvetica, sans-serif; font-size: 1.1em; font-weight: bold; text-align: left; color: #12514C; line-height: 0.5em}

h3 {font-family: Verdana, helvetica, sans-serif; font-size: 0.9em; font-weight: 600; text-align: left; color: #12514C}

h4 {font-family: Verdana, helvetica, sans-serif; font-size: 0.8em; font-weight: 600; text-align: left; color: #12514C; text-indent: 2em; font-style: italic}

sup {line-height: 0}

/*bandeau*/
#bandeau {width: 99%; position: absolute; background: #E6E6FF; top: 0px; z-index: 1; left: 3px}

#banniere {background: url(images/hautpage.jpg) no-repeat center top}

#devise {position: relative; visibility: hidden; text-align: left; font-weight: bold}

#cache {overflow: hidden; position: relative; margin: 20px 10px 0 10px; padding: 0; width: 98%}

#hautpage {table-layout: fixed; width: 100%}

#logo {width: 205px; text-align: left}

#plan {text-align: left; margin: 5px; font-weight: bold; font-size: 1em}

.menuband {margin: 0 0 3px 0; font-weight: 600; font-size: 0.78em; padding: 0; line-height: 0.9em}

/* moteur */
#sbi {background: #F0F0FF; width: 150px; border: 1px solid #000080; margin: 2px 0 2px 0; font-size: 0.8em}

#sbb {background: url(http://www.google.com/images/poweredby_transparent/poweredby_FFFFFF.gif) center; cursor: pointer; width: 150px; border: 1px solid #000080; background-repeat: no-repeat; height: 20px}

#gog1 {width: 205px; background-color: #DCDCFF; white-space: nowrap; text-align: center}

/*menu de niveau 1*/
.actifh {height: 22px; line-height: 22px; background: #12514C url(images/fond-menu-2.jpg) repeat-x center; border: 1px solid #12514C; color: #DCDCFF; padding: 3px; font-weight: bold; min-width: 6.5em; _width: 6.5em; letter-spacing: -1px; white-space: nowrap}
#menuh {margin: auto; font-size: 0.7em; padding: 0; list-style: none; height: 22px; position: relative; z-index: 500; width: 87em; text-align: center}
#menuh li {float:left; margin-right:1px}
#menuh li a {display: block; float: left; height: 22px; line-height: 22px; background: #C8C8FF url(images/fond-menu-1.jpg) repeat-x center; border: 1px solid #12514C; color: #12514C; text-decoration: none; padding: 3px; min-width: 6.5em; _width: 6.5em; white-space: nowrap}
#menuh table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
#menuh li a:hover {z-index: 200; position: relative; color: #fff; background: #12514C url(images/fond-menu-2.jpg) repeat-x center}
#menuh li:hover {position:relative; z-index:200;}
#menuh :hover ul {left:0; top:29px; width:120px}
#menuh ul, #menuh :hover ul ul {position: absolute; left: -9999px; top: -9999px; width: 0; height: 0; margin: 0; padding: 0; list-style: none}

#menuh :hover ul :hover ul
{left:120px; top:-1px; white-space:nowrap; width:auto; z-index:200; height:auto}
#menuh :hover ul li a {width: 140px; padding: 0; height: auto; line-height: 18px; margin-top: -1px; font-size: 1.1em; _font-size: 1.5em; background-color: #ECEFFF}
#menuh :hover ul :hover ul li a {width: auto; padding: 0; text-indent: 10px}
#menuh ul li a:hover {background-color: #186D66}

/*menus de niveau 2*/
#pave_gauche {position: absolute; top: 90px; width: 120px; left: 5px}
#menu_niv2 {font-size: 0.85em; z-index: 0}

#menu_niv2 p {margin: 8px 0 8px 0; background: #C8C8FF url(images/fond-menu-1.jpg) repeat-x center; border: 1px solid #12514C; text-align: left; padding: 0; position: relative; letter-spacing: -1px}

#menu_niv2 p a {display: block; width: 115px; padding: 3px 0 3px 3px}

#menu_niv2 p:hover, #menu_niv2 P a:hover {background-color: #12514C; color: #FFF; text-decoration: none; background-image: url(images/fond-menu-2.jpg); background-repeat: repeat-x; background-position: center}

#menu_niv2 ul {color: #12514C; margin: 0 0 0 1px; padding: 2px 0 2px 2px; position: relative; background-color: #ECEFFF; list-style-position: inside; text-align: left}

#menu_niv2 a:link, #menu_niv2 a:visited {color:#12514C}

#menu_niv2 li {line-height: 1.4em; letter-spacing: -1px}

#menu_niv2 ul ul {padding-left:2em}

/*petits drapeaux */
.drap {display: block; position: absolute; right: 1px; top: 1px; _right: 2px; _top: 2px}

.actif a:link, .actif a:visited {background-color:#12514C; color:#FFF!important; padding: 0px 2px 1px 2px; text-decoration: none}

/* pavé adsense*/
#adsense {position: absolute; top: 100px; right: 3px; width: 120px}

/*pavé nuage de mots clés*/
.a1 {font-size: 1.1em; color: #777777!important; font-weight: bold; font-family: Arial!important}
.a2 {font-size: 1em; color: #9E8B9E!important; font-weight: bold; font-family: Arial!important}
.a3 {font-size: 0.9em; color: teal!important; font-weight: bold; font-family: Arial!important}
.a4 {font-size: 0.8em; color: #C8854E!important; font-family: Arial!important}
.a5 {font-size: 0.7em; color: black!important; font-family: Arial!important}
#aa {width: 120px; position: absolute; top: 720px; right: 3px; text-align: center; border: 1px solid #12514C; font-size: 0.8em; padding: 0}


/*pages menus d'états*/
#droite {overflow: auto; margin: 100px 10px 0 480px; padding: 0px 5px 0 4px; height: 450px; width: auto; border: 2px ridge white; background: #E6E6FF; position: relative; text-align: justify}

#gauche {overflow: hidden; left: 150px; position: absolute; top: 100px; width: 323px; height: 450px; border: 2px ridge white; line-height: 1.1; background: #E6E6FF; font-size: 0.85em}

.carte {border: 3px ridge #FFCC00; margin: 0 0 0 4px; padding: 0; background: #DCDCFF}

.legende {border: 1px solid black; display: block; margin-right: auto; margin-left: auto}

#viseur {left: 0; position: absolute; top: 0; visibility: hidden; display: block; height: 32px; width: 32px; margin: 0 0 0 4px}

p.clic {margin: 0; padding: 0; font: bold 12px Verdana; color: #FF0000; text-align: center}

#basg {height: 140px; padding: 5px; overflow: auto; margin: 0 0 0 0; position: relative}

#cogp, .carterelief {position: absolute; top: 119px; left: 159px; visibility: hidden; z-index: 2}

.menu {font-family: Verdana, helvetica, sans-serif; background-color: #E1FFEA; font-size: 12px; color: #000000; text-align: left; padding-left: 3px; position: relative}

.menu a:link {font-family: Verdana, helvetica, sans-serif; color: #CF2900; text-decoration: none}

.menu a:active, .menu a:visited {font-family: Verdana, helvetica, sans-serif; color: #969696; text-decoration: none}

.menu a:hover {color: #009900; font-family: Verdana, helvetica, sans-serif; text-decoration: underline}

#diapo {text-align: center}

/*mise en page des photos*/
.fphot {text-align: center; color: #8C0050; width: 90%; padding-left: 5%; padding-right: 5%}

td.fphot {width: 45%; padding: 0}

.tphot {width: 100%; text-align: center}

/*pages tourisme*/
/* h1.voir {font-family: Rockwell Extra Bold,times new roman,times,serif; text-align: center; color: #F0F0FF}

span.voir {background: #12514C; font-size: 1.3em; padding: 3px}*/

#conteneur {padding: 5px 138px 0 140px; margin-top: 90px}

/*Distances aéroports*/
table.yaller {width: 100%; font-size: 0.89em; background-color: #FFF9DB}

td.yaller {text-align: left; color: #12514C}

/*cartes livres etc en bas de page*/
.colonbdp {width: 100%; _width: auto}

.colonbdp td {background-color: #DCDCFF; vertical-align: top; text-align: left}

.copyright {font-size: 0.7em; text-align: center; color: gray}

/*schémas */
.schem {border: 10px solid #002d00; background-color: #002d00; margin: auto; color: #ADFF5B; border-collapse: collapse}	

.schem td {border: 10px solid #002d00} 

 /*portraits*/
.portrait {border: 5px ridge rgb(0,153, 0)}

/*bouton pour passer à une page suivante*/
.psuiv {text-align: center}

.pagesuiv {border: 6px outset #C8FFDC; background: #64D2C8; text-decoration: none; font-weight: bold; padding: 2px 5px 2px 5px; text-align: center}

/*pavés données météo*/
#meteo {position: relative; display: block}

#txt {background-color: sandybrown; width: auto; height: auto; position: absolute; top: -450px; z-index: 1; visibility: hidden; font-size: 0.85em; border: 3px ridge silver}

#txt p {font-size: 1em}

#txt td {width: 50%}

/*résumé caché pour les non javascript*/
#principal {display: block}

#abstract {display: none}

/*vente de cartes sur les pages paysages*/
/*menu gauche du guide*/
.cult {padding: 0px 0 5px 0; width: 120px; margin: 0 0 2px 0px; font-size: 0.8em; text-align: center; background-color: #DCDCFF}

.lfm, .lfm a:link, .lfm a:visited, .lfm a:hover, .lfm a:active {font-size: 0.85em; color: #12514C; white-space: nowrap; margin: 4px 0 4px 2px; line-height: 1.3; padding: 0}

.lfm1, .lfm1 a:link, .lfm1 a:visited, .lfm1 a:hover, .lfm1 a:active {font-size: 9pt; font-family: Arial; color: rgb(0, 80, 160); white-space: nowrap; margin: 0; display: block; width: 100%}

.lfm2 {text-align: center; margin: 0}

#lfm1 {border-bottom: 1px solid black}

/*pages voyageurs*/

div.auteur {border: 5px double #12514C; margin: 0; height: auto; padding: 0px}

h1.voyageur {width: auto; padding: 5px; margin: 0; background: #12514C; color: #F5F5FF; font-size: 1.5em; font-style: italic}

.intro {border: 4px double #12514C; font-style: italic; text-align: justify; margin: 1em 0 0 0; padding: 5px; background: #DCDCFF}

.recit {border: 4px double #12514C; text-align: justify; margin: 1em 0 0 0; padding: 5px; background: #DCDCFF}

#publ {margin: auto; width: 468px}

/*mise en page pour l'impression*/
@media print{

#conteneur {padding: 0; margin-top: 0}

#bandeau, #pave_gauche, #adsense, #cse-search-box2 {display:none}
}