@charset "ISO-8859-1";
/* CSS Document Daniel R�my � ANLS */

* { margin:0; padding:0;}


/* ***************** Structure ******************************************** */

body { margin:0; padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;color:#333333;font-size:12px;line-height:1.2em;
	text-align:center;background-image:url(../images/bg1.gif);background-repeat:repeat;}	/*background-color:#528b52;  vert du logo */


/* ---------------------------------Positionnement au centre de la page *//* on positionne le conteneur */
div#page {position: relative; margin-left: auto; margin-right: auto;width:963px;text-align:left;background-color:#FFFFFF;}


/* ---------------------------------Positionnement de l'entete */
div#entete {position:absolute;top:6px;left:0px;width:963px;height:80px;padding:0px;margin-bottom: 20px;
	font-size:0.9em;background-image:url(../images/bg3.jpg); background-repeat: no-repeat;}/*background-color:#FFFFFF;*/


/* ---------------------------------Positionnement du menu */
div#menu {position:absolute;top:96px;left:0px;width:945px;height:22px;padding:8px 0px 0px 10px;
	font-size:12px;color:#528b52;background-color:#dddddd;}/*border-top:solid;border-color:#666666;border-top-width:1px;*/


/* ---------------------------------Positionnement de la langue et la session */
div#langue{ position:absolute;top:10px;left:550px;width:297px;text-align:right;font-size:0.9em;margin-right:3px;}


/* ---------------------------------Positionnement du conteneur des pages */
div#conteneur {position:absolute;top:136px;left:0px;width:955px;height:auto;padding-top:10px;color:#333333;font-size:11px;line-height:1.2em;background-color: #FFFFFF;}


/* -----------------------------Positionnement du pied de page et copyright */
div#idg {float:left;width:935px;height:20px;font-size:8px;line-height:20px;padding:0px 10px 0px 10px;border:solid;border-color:#528b52;border-width:1px 0px 0px 0px;text-align:right;}

div#idg a {color:#666666;text-decoration:none;font-size:8px;}

div#idg a:hover {color:#CC3300;text-decoration:none;font-size:8px;}

/* ***************** Contenu ******************************************** */


/* ---Parties de l'entete */
div#logo {position:absolute;top:0px;left:10px;width:227px;height:98px;padding:0px;margin-bottom: 0px;font-size:0.8em;}

div#texteEntete {position:absolute;top:24px;left:300px;width:470px;height:76px;padding:0px;margin-bottom: 0px;
	color: #94CD77;font-size:14px;line-height:1.4em;font-style:italic;} /* Orange CC3300*/


/* ---Utilitaires */
a {color:#666666;text-decoration:none;font-size:11px;}

a:hover {color: #528b52;text-decoration:underline;} /* Orange CC3300*/

span a:hover {color: #ffffff;background-color: #528b52;text-decoration:none;} /*orange = #CC3300*/

div#menu a {color:#528B52;text-decoration:none;font-size:13px;}

div#menu a:hover {color:#CC3300;text-decoration:none;font-size:13px;}

a img{border: none;}

p.orange{color:#CC3300;font-style:italic;}

ol.orange{margin:0px 0px 0px 12px;}

li.orange{color:#990000;font-style:italic;}  /*CC330*/

.clearfloat {clear:both;}

.details {text-align:right;margin:0px 12px 0px 0px;}

.details a{text-align:right; color:#666666;text-decoration:none;font-size:10px;font-style:italic;}

.details a:hover{color:#528B52;text-decoration:none;}


/* ---Partie centre de chacune des pages */
div#centre {float:left;width:565px;height:auto;margin-left:5px;padding:10px 0px 10px 10px;}/*background-color: #CCCCCC;*/

div#centre p {color:#666666;font-size:11px;line-height:16px;text-align: justify;margin:0px 0px 6px 0px;}

div#centre p.photo {font-size:.7em;line-height:1em;font-style:italic;text-align:right;margin:0 0px 0px 0;padding:4px 0px 0px 0px;}

div#centre ul {color:#666666;font-size:11px;line-height:16px;text-align: justify;margin:0px 0px 8px 20px;}<!--margin:0px 0px 8px 20px;-->

div#centre ul li {color:#666666;font-size:11px;line-height:16px;text-align: justify;margin:0px 0px 4px 0px;padding:4px 0px 0px 10px;}

div#centre ol {color:#666666;font-size:11px;line-height:16px;text-align: justify;margin:0px 0px 8px 28px;padding:4px 0px 0px 0px;}

div#centre p.titre {font-family:Verdana, Arial, Helvetica, sans-serif;color:#528b52;font-size:16px;line-height:24px;font-style:italic;
	margin:0 0px 10px 0;padding:0px 0px 7px 0px;border:solid;border-color:#528b52;border-width:0px 0px 3px 0px;}

h1 {font-family:Verdana, Arial, Helvetica, sans-serif;color:#528b52;font-size:16px;line-height:20px;font-style:italic; font-weight:normal;
	margin:0 0px 10px 0;padding:0px 0px 4px 0px;border:solid;border-color:#528b52;border-width:0px 0px 3px 0px;}

/* ---Partie centre pour log */
div#centreLogo {float:left;width:177px;height:107px;margin-left:5px;padding:0px 0px 0px 0px;margin:10px 0px 0px 10px;background-image:url(../images/elephant01.jpg); background-repeat: no-repeat;}/*background-color: #CCCCCC;*/


/* ---h3 est le formatage du titre quoi de neuf? */
h3 {font-family:Verdana, Arial, Helvetica, sans-serif;color:#666666;font-size:11px;line-height:12px;font-style:normal; font-weight:normal;
	width:558px;height:30px;margin:0px 0px 0px 0;padding:8px 0px 4px 0px;background-image:url(../images/QuoiNeufTitre.png); background-repeat: no-repeat;}

.photo {font-size:.7em;line-height:1em;font-style:italic;text-align:right;margin:0 0px 0px 0;padding:4px 0px 0px 0px;}	

.pointsGBT ul{  padding: 0px;  margin-left: -20px;}

.pointsGBT li{list-style-type: none; background-image: url('../images/puce_gbt.png');  background-repeat: no-repeat;  background-position: 0 50%;  padding: 0px 0 0px 20px;  margin: 8px 0 0 -20px;}

	

/* ---Partie gauche de chacune des pages */
div#gauche {float:left;width:160px;height:auto;padding:10px 10px 10px 10px;background-color: #ffffff;}/* vert 2 #94CD77*/

div#adresse {float:left;width: 95%;margin: 1em auto;padding: 1em 0 1em 0;font-size:1em;text-align:center;background-color: #eeeeee;
	border:solid;border-width: 4px;border-color: #efefef #aaab9c #ccc #efefdf;border-style: solid;}  /*ffe */

div#adresseDroite {float:left;width: 95%;margin: 0em auto 12px auto;padding: 0em 0 1em 0;font-size:1em;text-align:center;background-color: #eeeeee;
	border:solid;border-width: 4px;border-color: #efefef #aaab9c #ccc #efefdf;border-style: solid;}  /*ffe */

div#adresse span {font-size:0.9em;}

div#adresseNeuf {float:left;width: 40%;margin: 5px;padding: 6px;font-size:1em;text-align:center;background-color: #eeeeee;
	border:solid;border-width: 4px;border-color: #efefef #aaab9c #ccc #efefdf;border-style: solid;}  /*ffe */

div.infoNeuf {float:right;width:40%;height:auto;font-size:1em;text-align:center;margin:10px;padding:5px;background-color: #ffffff;}

div.info1 {float:left;width:140px;height:auto;font-size:1em;text-align:center;margin:5px;padding:5px;background-color: #ffffff;}

div.info1 p, .infoNeuf p {font-family:Verdana, Arial, Helvetica, sans-serif;text-align:center;color:#666666;font-size:1em;font-style:italic;
	margin:0 0px 10px 0;padding:0px 0px 7px 0px;border:solid;border-color:#528b52;border-width:0px 0px 3px 0px;}

/* ---Partie gauche pleine page */
div#gaucheNeuf {float:left;width:558px;height:auto;color:#666666;font-size:11px;line-height:16px;text-align: justify;padding:10px 10px 10px 10px;background-color: #ffffff;}/* vert 2 #94CD77*/

div#gaucheNeuf h3 span {color:#528b52;font-size:12px; font-weight:bold;}

div#quoiNeufFond {float:left;width:558px;height:300px;background-image:url(../images/QuoiNeufCadre.png); background-repeat: no-repeat;}/* padding:10px 10px 0px 10px;margin:0px 0px 10px 0px;vert 2 #94CD77 background-position:16px 198px; background-attachment:fixed;  overflow:auto;*/

div#quoiNeuf {float:left;width:538px;height:290px;padding:10px 10px 0px 10px;margin:0px 0px 10px 0px; overflow:auto;}/* vert 2 #94CD77 background-position:16px 198px; background-attachment:fixed;background-image:url(../images/QuoiNeufCadre.png); background-repeat: no-repeat; */

div#quoiNeuf p {color:#666666;font-size:11px;line-height:16px;text-align: justify;margin:0px 0px 6px 0px;}

div#quoiNeuf ul {color:#666666;font-size:11px;line-height:16px;text-align: justify;margin:0px 0px 8px 20px;}<!--margin:0px 0px 8px 20px;-->

div#quoiNeuf ul li {color:#666666;font-size:11px;line-height:16px;text-align: justify;margin:0px 0px 4px 0px;padding:4px 0px 0px 10px;}

div#quoiNeuf ol {color:#666666;font-size:11px;line-height:16px;text-align: justify;margin:0px 0px 8px 28px;padding:4px 0px 0px 0px;}


/* ---Partie droite de chacune des pages */
div#droiteNeuf {float:right;width:350px;height:auto;color:#666666;font-size:11px;line-height:16px;text-align: justify;margin:0px 5px 0px 5px;padding:10px 10px 4px 0px;background-color: #ffffff;border:solid;border-color:#ffffff;border-width:1px 2px 2px 1px;}/* vert 2 #94CD77, 528b52*/

div#droiteNeuf img, object {margin:0px 0px 4px 0px;padding:0px 0px 0px 0px;border:solid;border-color:#528b52;border-width:0px;}/* vert 2 #94CD77*/

div#sectionDroite {float:right;width:154px;height:auto;font-size:.9em;line-height:2em;text-align:center;margin:0 6px 10px 0;padding:9px 7px 7px 0px;}	/*background-color: #ffff00;*/


div#droite {float:left;width:154px;height:auto;text-align:center;border:solid;border-color:#528b52;border-width:1px 3px 3px 1px;background-color: #ffffff;}	

div#droite h3 {font-family:Verdana, Arial, Helvetica, sans-serif;color:#528b52;font-size:16px;font-weight:normal;font-style:italic;
	margin:0 0px 10px 0;border:solid;border-color:#528b52;border-width:0px 0px 3px 0px;background-color:#eeeeee;}

div#droite h4 {font-family:Verdana, Arial, Helvetica, sans-serif;color:#528b52;font-size:14px;line-height:1.4em;font-weight:normal;font-style:italic;margin:0 0px 10px 0; padding:0px 4px;border:solid;border-color:#528b52;border-width:0px 0px 3px 0px;background-color:#eeeeee;}

div#droite ul,p {font-family:Verdana, Arial, Helvetica, sans-serif;color:#666666;font-size:10px;line-height:1.4em;text-align:left;font-weight:normal;font-style:normal;margin:0px 0px 0px 0; padding:0 5px}

div#droite li {margin:0px 0px 0px 15px; padding:0 0 0 0px}

div#droite li ul li {margin:0px 0px 0px 10px; padding:0 0 0 0px}


div.droite {float:left;width:154px;height:auto;text-align:center;border:solid;border-color:#528b52;border-width:1px 3px 3px 1px;background-color: #ffffff;}	

div.droite h4 {font-family:Verdana, Arial, Helvetica, sans-serif;color:#528b52;font-size:14px;line-height:1.4em;font-weight:normal;font-style:italic;margin:0 0px 10px 0; padding:0px 4px;border:solid;border-color:#528b52;border-width:0px 0px 3px 0px;background-color:#eeeeee;}

div.droite ul,p {font-family:Verdana, Arial, Helvetica, sans-serif;color:#666666;font-size:10px;line-height:1.4em;text-align:left;font-weight:normal;font-style:normal;margin:0px 0px 0px 0; padding:0 5px}

div.droite li {margin:0px 0px 0px 15px; padding:0 0 0 0px}

div.droite li ul li {margin:0px 0px 0px 10px; padding:0 0 0 0px}


/* ---Menu gauche */
div#navcontainer {width: 100%;margin: 0 auto;padding: 1em 0 2em 0;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;text-align: center;}/*background: #B0DAA1;  beige #f0e7d7*//*text-transform: lowercase;*/ /* georgia, serif */

ul#navlist {text-align: left;list-style: none;padding: 0;margin: 0 auto;width: 100%;}

ul#navlist li {display: block;margin: 0;padding: 0;}

ul#navlist li a {display: block;width: 100%;padding: 0.5em 0 0.5em 1em;border-width: 1px;border-color: #ffe #aaab9c #ccc #fff;border-style: solid;
color: #ffffff;text-decoration: none;background: #528b52;} /* #777*/ /* #f7f2ea*/

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a {background: #eeeeee;color: #528b52;} /* #f0e7d7*/ /* #800000*/

ul#navlist li a:hover, ul#navlist li#active a:hover {color: #528b52;background: transparent;border-color: #aaab9c #fff #fff #ccc;} /* #800000*/


/* ---Menu centre GBT*/

div#blocMenu{float:left;width:100%;height:auto;font-size:.9em;line-height:14px;text-align:left;margin:0 0px 10px 0;padding:0px 0px 0px 0px;}	/*background-color: #eeeeee;*/

div.ligneMenu a{display: block;width: 97%;padding: 0px 4px 0px 10px;border-width: 1px;border-color: #ffe #aaab9c #ccc #fff;border-style: solid;color: #528b52;text-decoration: none;background-color: #eeeeee;}	/**/

div.ligneMenu a:hover {color: #528b52;background: transparent;border-color: #aaab9c #fff #fff #ccc;}	



/* ---FORMULAIRE membre */
#etapeInscription label, #etapeInscription input, #etapeInscription select {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px; line-height:12px;color: #666666;margin: 0px 0;padding: 0;text-align: left;}

#etapeInscription span{ display:inline; width: 200px; text-align: right; letter-spacing:0em;margin: 0px 0;padding: 0;}


/* ---FORMULAIRE adh�sion */
#adhesionform label, #adhesionform input, #adhesionform select {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 100%;color: #666666;
	display: block;float: left;width: 20em;margin: 5px 0;padding: 0;}

#adhesionform textarea {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 100%;color: #666666;display: block;
	float: left;width: 20em;height:auto;margin: 5px 0;padding: 0;}

#adhesionform input.radio{width: 1em;}

#adhesionform label{font-weight: normal;font-size:.8em;color: #666;letter-spacing: .1em;text-align: right;width:22em;margin-right: 5px;}

#adhesionform br{clear:left;}

#adhesionform fieldset {border:solid;border-color:#528b52;border-width:1px 3px 3px 1px;}

#adhesionform legend {font-family: Georgia, "Times New Roman", Times, serif;font-size: 1.2em;color: #528b52;padding: 0px 4px 12px 4px;}

div #submit1  {font-size:0.8em;color: #ffffff;background-color:#528b52;display:block;float:right;margin-right:6px;padding:2px 6px;}
	  /*vert fonc� #528b52  brun #886A60  vert pale #B0DAA1*/


/* ---Formatage du tableau Services Auberges et adresses */
div.serv, div.servNom {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #666666;
	display: block;float: left;width: 100%;margin: 0px 0px 0px 0px;padding: 0;}

div.servAdres {font-size: 10px;color: #666666;display: block;float: left;width: 100%;margin: 0px 0px 4px 0px;padding: 0;}

div.servNom {background-color:#B0DAA1;padding: 2px 4px 2px 4px;}


/* ---Formatage du tableau des Sentiers */
div#sentiers {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #666666;display: block;float: left;width: 100%;margin: 0px 0px 0px 0px;padding:  0px 0px 0px 0px;}

div#sentiers h5 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #666666;display: block;float: left;width: 100%;margin: 0px 0px 0px 0px; padding:0px 0px 6px 0px;;}

div#sentiers td.sentier {background-color:#B0DAA1;margin: 0px 0px 0px 0px;padding: 2px 4px 2px 4px;font-size: 11px; font-weight:bold; line-height:12px;color: #666666;}

div#sentiers td.sentier span {background-color:#B0DAA1;font-size: 9px;color: #666666; font-weight: normal;}

div#sentiers td.acces {background-color:#ffffff;padding: 2px 4px 2px 4px;}

div#sentiers td.vertpale, th.vertpale {background-color:#94CD77;}

div#intranet label, #intranet input {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #666666;margin: 0px 0;padding: 0;}

.poeme a{color:#CC3300;font-weight: normal;}