/* ELEMENTS GENERAUX
--------------------------------------------------- */

body {
	margin: 0;
	padding: 0; /* pour Opéra */
	text-align: center ; /* pour IE */
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	color: black;
	background-color: #9cf; /* bleu */
	background-image : url( "../img/fond-bandeau3.jpg" );
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position:  center top;
}

.page {
	width: 770px;
    margin: 0 auto; 
    text-align: left; /* pour IE */
    background-color: #ff9;
    background-color: transparent;
}

h1 {
    font-size: 1.5em;
    color: #c33; /* bordeaux */
}

h2 {
    font-size: 1.3em;
}

h3 {
    margin: 1em 0;
    font-size: 1.2em;
    color: #c33;
}

a img {
    border: none;
}

img {
    vertical-align: middle;
}

/* liens par defaut */
a:visited, a:link {  
    text-decoration: underline;
    color: black;
}

a:hover, a:active { 
    text-decoration: none;
    color: #09f;
}

a.bouton {
    border: 1px solid #666;
    font-weight: bold;
    padding: 4px;
    background-color: #ccf;
    -moz-border-radius-topright: 0.5em;
    -moz-border-radius-topleft: 0.5em;
    -moz-border-radius-bottomright: 0.5em;
    -moz-border-radius-bottomleft: 0.5em;
}

a.bouton:hover, a.bouton:active {
	background-color: #09f;
	color: white;
}

a.cache, a.cache:hover, a.cache:visited, a.cache:link {
    text-decoration: none;
    color: black;
}

a.geosite:hover, a.geosite:active, a.geosite:visited, a.geosite:link {
    text-decoration: none;
    font-weight: bold;
}

.sep {
	clear: both;
	line-height: 0;
}

.infoDetail {
    font-size: 0.8em;
}
    
/* BANDEAU HAUT
--------------------------------------------------- */
	
div#haut {
    width: 100%;
    height: 125px;
    background-color: transparent;
}

div#haut img#logo {
    float: left;
    margin: 5px;
    vertical-align: middle;
    height: 60px;
    width: 60px;
}

div#haut div#entete {
	margin-left:70px;
	padding-left: 0px;
	padding-top: 5px;
	width: 250px;
	text-align: right;
}

div#entete div#slog {
	font: 0.85em arial;
	font-weight: bold;
}

/* MENUS
--------------------------------------------------- */
    
#menu {
    clear: both;
    font-family: arial;
}

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

#menu li {
    padding: 3px 0;
}

#menu dl {
    float:left;
}

#menu a {
    display: block;
}

#menu .limite {
    float: left;
    padding: 3px 0;
}

#menu li a {
    padding-left: 20px;
    padding-right: 3px;
}

#menu a:hover { /*pour IE*/
    color: black;
}
	
#menu dt {
    color: #cef; /*bleu clair*/
    padding: 3px 9px 8px 4px;
}

#menu dl:hover dd {
    display: block;
}

#menu dl:hover dt {
    background-color: #09f;
    background-color: transparent;
    background-image: url( "../img/fond-menu3.gif" );
    background-repeat: no-repeat;
	background-attachment: scroll;
	background-position:  top right;
	border: none;
	color: black;
}

#menu li:hover {
    background-color: #ffc; /*jaune clair*/
}

#menu dd {
    display: none;
    position: absolute;
    border: 1px solid black;
    white-space: nowrap; /* pour IE */
    z-index: 5;
    background-color: #fc6;
}

a.navMenu, a.navMenu:visited, a.navMenu:link {
    text-decoration: none;
    color: inherit;
    font-weight: bold;
}

a.navMenu:hover, a.navMenu:active {
    color: black;
}

/* BARRE_ETAT
--------------------------------------------------- */
	
.barre_etat {
	text-align: left;
    color: #f53;
    font-size: 0.8em;
    border-bottom: 1px solid black;
    border: 1px solid #cef;
    clear: both;
    background-color: white;
}

.login {
    float: right;
}

.login a, .login a:visited, .login a:link {
    text-decoration: none;
    font-weight: bold;
    color: #669;
}

.login a:hover, .login a:active {
    color: #09f;
}

.annonce {
    text-align: center;
    padding: 5px;
    background-color: #fc6;
}

/* BANDEAU BAS
--------------------------------------------------- */

.bandeau_b {
	text-align: center;
	clear: both;
	background-color: #fe9;
	font-size: 0.7em;
	color: #c3c;
}
.bandeau_b a:visited, .bandeau_b a:link {
    text-decoration: none;
}
.bandeau_b a:hover, .bandeau_b a:active {
    text-decoration: underline;
}


/* AFFICHAGE CARTES ET POINTS
--------------------------------------------------- */

.contenu {
	background-color: #ff9;
	font-size: 11px;
}
	
.panSurCarte {
    position: relative;
    display: none;
    z-index: 10;
    padding: 5px;
    background-color : #ff9;
    background-image: url( "../img/fondGeo.jpg" );
    background-repeat: repeat-x;
	background-attachment: scroll;
	background-position:  center top;
}

#cont_partie_g {
    width: 312px;
    float: right;
}

.partie_g {
    padding:5px;
    background-color: #ff9;
}

#cont_partie_d {
    float: left;
    width: 458px;
}

.partie_d {
    min-height: 500px;
    z-index: 3;
}

.legende, #ech {
    font-size: 0.8em;
}

.legende {
    float: right;
    width: 50%;
}

.pan {
    border: 1px solid black;
    padding: 5px;
    margin: 5px 0;
    background-color: #fc6;
    background-image: url( "../img/fond_depart.jpg" );
    background-repeat: repeat-x;
	background-attachment: scroll;
	background-position:  center top;
}

.pan h3 {
    margin: 0.1em;
    padding: 0;
    font-size: 1em;
}

#NavCarte a {
    /*position: block;*/
}

#contZone_aff {
    border: 1px solid black;
}

#zone_aff {
    position: relative;
    overflow: hidden;
}

#calqueInfo {
    /*position: relative;
    font-weight: bold;
    font-size: 0.7em;
    left: 0px;
    top: 0px;
    z-index: 3;
    background-color: red;*/
}

.carte {
    position: absolute;
    border: none;
}

.img_zone_fille, .img_point {
    border: none;
    position: absolute;
}
.ptactif {
    z-index: 1;
}

#calGeo {
    position: absolute;
    left: 0px;
    top: 0px;
}

.carteGM {
    position: absolute;
    overflow: hidden;
}

#infoss {
    position: relative;
    z-index: 10; 
}

/* INFOS GEOSITE
--------------------------------------------------- */

#ficheGeo, #ficheRech {
    min-height: 200px;
    text-align: justify;
    padding: 5px;
    background-color : #ff9;
    background-image: url( "../img/fondGeo.jpg" );
    background-repeat: repeat-x;
	background-attachment: scroll;
	background-position:  center top;
}

.enteteGeo {
    padding: 0 10px;
}

h1.titreGeo {
    font-family: serif;
    font-size: 1.7em;
}

.panModif {
    font-size: 0.8em;
}

.detailsGeo {
    margin: -1em 0 0;
    font-size: 0.8em;
}

.detailsGeo img {
    vertical-align: middle;
}

.detailsGeo a:visited, .detailsGeo a:link {
    text-decoration: none;
}

.auteur {
    clear: both;
    /*border-top: 1px dotted black;*/
    color: #666;
    font-size: 0.8em;
    padding: 0 15px 5px;
    margin: 10px 0 0;
    background-image: url( "../img/puce-auteur.gif" );
    background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 5px center;
}

.groupe-prp {
    margin: 0 10px;
}

.auteur span {
    color: black;
}

.act-suite {
    margin-top: -1em;
    font-size: 0.85em;
    text-align: right;
}     

.prp-suite {
    display: none;
}

.titre-prp {
    clear: both;
    color: #c33;
    font-size: 0.9em;
    border-bottom : 1px solid #c33;
}

.contenuGeo {
    padding: 0 10px;
}

.curiosite {
    color: red;
}

.corps-info, .panActions {
    margin: 5px 0;
    padding: 5px;
    font-size: 0.8em;
    border: 1px solid white;
    background-color: #fc6;
}

h2.titre-do-contrib {
    color: black;
    font-size: 1em;
    margin-top: 1.5em;
}

h2.titre-do-contrib img {
    vertical-align: bottom;
}

.corps-do-contrib {
    text-align: left;
    margin: 1em 10% 1em 10%;
    /*background-color: #fc6; *//* #c7f; violet */
}

.go-do-contrib {
    margin: 1em 0;
    text-align: right;
}

.contTabInfoCom {
    width: 100%;
}
.tabInfoCom {
    width: 100%;
    font-size: 1em;
}
    
.coordGPS {
    width: 30%;
    float: right;
    padding: 0 5px;
    border-left: 2px solid #c33;
}

/* PAGE ACCUEIL
--------------------------------------------------- */

#pageAccueil {
    background-color: #fc6; /* orange */
    border-bottom: 1px dotted #333;
}

#contColDroite {
	/*width: 245px;
	float: right;*/
	margin-left: 522px;
	/*background-color: #fc6;*/
}

#merci {
    background-color: #ffc;
    color: #c33;
    font-size: 0.8em;
    text-align: left;
    padding-left: 15px;
    font-style: italic;
    border-bottom: 1px dotted black;
}

#colDroite {
	/*float: right;
	width: 229px;*/
	background-color: #fc6;
	/*background-image: url( "../img/lisere.jpg" );
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position:  left center;*/
	/*border-left: 3px solid #c03;*/
	/*border-top: 1px solid black;*/
	padding-left: 13px;
	padding-top: 1px; /* hack bug IE padding-border */
	padding-bottom: 10px;
	
}
#colCentre {
    float: left;
    width: 522px;
    border-right: 3px solid #c03;
    background-color: #ff9; /*jaune*/
}

.img_hab {
    margin: 0px;
    margin-right: 7px;
    padding: 0px;
    border: none;
    float: left;
    clear: left;
}
#une {
    /*padding-left: 100px;*/
    padding: 10px 5px 0px 15px;
    border-bottom: 1px solid #fc6; /*orange*/
    /*height: 200px;*/
    /*border: 1px solid transparent;*/
    background-color : #fc6;
    background-image: url( "../img/fond_depart.jpg" );
    background-repeat: repeat-x;
	background-attachment: scroll;
	background-position:  center top;
}
#depart h1 {
    font-size: 12pt;
    padding: 0px 15px 0px 15px;
    font-family: arial;
}
#depart h2 {
    padding: 0px 15px 0px 15px;
}
#depart h3 {
    color: black;
    font-size: 10pt;
    padding: 0px 15px 0px 15px;
}
#depart p {
	font-family: Verdana;
	font-size: 11pt;
}

.bloc_gb h2 {
    color: #c33; /*rouge bordeau*/
    /*font-size: 10pt;*/
    padding: 0px 15px 0px 15px;
}
.bloc_gb p {
    font-size: 0.85em;
    padding: 0px 15px;
    line-height: 12pt;
    text-align: justify;
}
#cont-appel {
    margin-left: 100px;
    width: 350px;
    height: 166px;
    background-image: url( "../img/fond-appel.png" );
    background-repeat: no-repeat;
    background-attachment: scroll;
}
#boiteAppel {
    padding: 1px 15px;
}
#gs_info {
    width: 100px;
    padding: 5px;
    border: 1px solid #666;
    background-color: #ccf;
    position: absolute;
    visibility: hidden;
}
#liste_gs {
    margin-top: 1em;
}

/* LISTE IMAGES
--------------------------------------------------- */
#liste_image {
	width: 455px;
	margin: 0 auto;
	padding: 4px;
	padding-bottom: 10px;
}
    
.bloc_gb h2 {
    font-size: 1em;
    text-align: left;
    background-color: #c03;
	color: white;
	padding: 3px;
	margin-top: 0;
}
.bloc_gb h3 {
    font-size: 1em;
}

.bord_img {
	float: left;
}
.bord_img .cont { /* conteneur invisible */
	height: 75px;
	width: 75px;
	overflow: hidden;
}
/*
************************/

#carteAccueil {
    float: right;
}

#rechAccueil {
    padding: 0;
    text-align: center;
}

input.recherche {
    background-color: #ff9;
    width: 70%;
}


p.fonction {
    padding: 0 15px;
    margin: 0;
}

#zone_aff-accueil {
    position: relative;
    overflow: hidden;
    /* IE6 ne comprend pas les chemins relatifs pour les curseurs */
    /*cursor: url( '/gabarits/defaut/img/loupe.cur' ), pointer;*/
}

#carte-accueil {
    cursor: url( '/gabarits/defaut/img/loupe.cur' ), pointer;
}

.img_zone_filleAccueil {
    visibility: hidden;
    border: none;
    position: absolute;
}

.bloc_gb {
    text-align: center; /*IE*/
}

#aproposDebut {
    float: left;
    width: 42%;
    margin-left: 20px;
}

#aproposSuite {
    float: left;
    width: 42%;
    margin-left: 20px;
    padding: 0px 20px;
    border-left: 2px dotted #666;
}

/****** recherche et categories
*************************************/

#ficheRech {
    padding: 5px 15px;
}
form {
    margin: 1em 0;
}
#Liste {
    background-color: #fc6;
    padding: 10px;
    border: 1px solid white;
}
.invite {
    font-weight: bold;
}

/***** pages ************/

.contenuPage {
    text-align: justify;
    padding: 15px;
    background-color : #ff9;
    background-image: url( "../img/fondGeo.jpg" );
    background-repeat: repeat-x;
	background-attachment: scroll;
	background-position:  center top;
	min-height: 20em;
}

.blocPage {
    margin: 0 15%;
    padding: 15px;
    border: 1px solid white;
    background-color: #fc6;
    height: 1%;
}


/* FORMULAIRES
--------------------------------------------------- */
   
form.centre {
    text-align: center;
}
form {
    padding: 10px 5px;
}
div.ligneForm {
    clear: both;
    padding-top: 10px;
    /*background-color: blue;*/
}
form .label {
    float: left;
    width: 45%;
    text-align: right;
    font-weight: bold;
    /*margin-right: 5px;*/
}
.invite {
    font-weight: bold;
}
form div.champs {
    float: right;
    text-align: left;
    width: 50%;
}
form div.champsNote {
    font-size: 0.7em;
    clear: both;
    text-align: left;
}
form label.section {
    font-weight: bold;
}

/* la police pour les balises ci-dessous n'est pas heritée automatiquement
depuis le body */
input, textarea, option, select {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1em;
    vertical-align: middle;
}

textarea {
    border: 1px solid black;
    vertical-align: text-top; /* voir 'v_contact.php'*/
    width: 100%;
    padding: 1px 2px;
}
input[ type="text" ], [ type="password" ]{ /* IE ne reconnait cette syntaxe */
    padding: 1px 2px;
    font-size: 1em;
    border: 1px solid black;
    /*width: 155px;*/ /* par defaut sous mozilla */
}
input[ type="file" ] {
    border: 1px solid black;
}
input.submit {
    border: 1px dashed black;
    background-color: white;
    margin-left : 20px;
    margin-top : 10px;
    margin: 0;
    padding:0;
    font-weight: bold;
    
    width: auto;
}
div.champs input.text, input.password {
    width: 90%;
}

select {
    border: 1px dashed black;
    background-color: white;
}
.lign_form {
	margin-bottom:1em;
}
form .ctg {
    padding: 5px 5px;
}

/* page identification ***************************/

#formIdentif {
    float: left;
    width: 40%;
    border: 1px solid white;
    background-color: #fc6;
}

#formInscrit {
    background-color: #fc6;
    width: 40%;
    float: right;
    border: 1px solid white;
}

/* page creation geosite ****************/

div.listeDeroul {
    margin: 0 5px;
    overflow: auto;
    max-height: 25em;
}

table.resultats {
    font-size: 1em;
    /*width: 95%;*/
    text-align: left;
}

table.resultats td.geo {
    width: 70%;
}

table.resultats tr:hover {
    background-color: #ff9;
}

.panAlerte {
    padding: 10px 45px;
    margin: 0 20px;
    background-image: url( "../img/l-attention.gif" );
    background-repeat: no-repeat;
	background-attachment: scroll;
	background-position:  left center;
}