/* CSS Document */
body {
	margin:0;
	padding:0;
	font:75% Geneva, Arial, Helvetica, sans-serif; /*Verdana, Arial, Helvetica, sans-serif;*/
	line-height:1.5em;
	background-color:#FFFCF0
}
#conteneur {
	position:relative;
	margin:0 auto;
	width:1000px
}
#content {
	position:relative;
	text-align:center;
	margin:0;
	padding:0
}
.lateral, .manifestations, #nature, #soie, #pompier, .agenda, #pole, #gites, #chambres, #campings, #hotels, #restaurants, #cafes, #office, #artisanat, .associations, #acces, #produits-terroir, .patelin, #sante {
	margin:0 30px;
	clear:both
}	
#diaporama {
	height:170px;
	border-bottom:1px solid #000
}
.altFlash {
	text-align:center
}
#logo {
	position:absolute;
	top:175px;
	left:0;
	width:150px;
	height:53px;
	z-index:101
}
#pied {
	position:absolute;
	bottom:-63px;
	width:1000px;
	clear:both;
	margin:0 auto;
	padding: 15px 0 15px;
	border-top:1px solid rgb(204, 204, 204);
	font:95% Geneva, Arial, Helvetica, sans-serif;
	text-align:center
}	
#pied img {
	vertical-align: middle;
	margin-bottom:3px
} 
.hautPied {
	clear:both;
	float:right;
	margin-bottom:1px
}	
a {
	color:#668;
	text-decoration:none
}
a:hover {
	color:#EE7942
}
img {
	border:0 none; /*Toutes les images sont sans bordure*/
}
.popup {
	width:500px;
	padding:25px
}
#popupLegende{
	width:735px;
	padding:25px
}
.hrInvisible{
	clear:both;
	visibility:hidden
}
h1, h3 {
	font-weight:lighter;
	line-height:120%
}
h1 {
	font-size:1.7em
} 
h2 {
	/*display:inline;	*/
	font-size:1.2em
}
.photosG {
	margin:20px 30px 20px 0;
	float:left;
	clear:both
}
.photosD {
	margin:20px 0 20px 30px;
	float:right
}
.photosG-haut {
	float:left;
	margin:0 20px 20px 0
}
.photosD-haut {
	float:right;
	margin:0 0 20px 20px
}
.photosCentre1 {
	float:left;
	width:470px;
	text-align:center;
	clear: both
}
.photosCentre2 {
	float: right;
	width:470px;
	text-align:center;
}
.legendeCentre1 {
	float:left;
	width:300px;
	margin-left:5px;
	text-align:center;
}
.legendeCentre2 {
	float:left;
	width:300px;
	margin-left:70px;
	text-align:center
}
/*.titre {
	position:relative;
	top:0;
	margin-bottom:50px;
	border-bottom:1px solid #C63
}
*/
.titreDroit {
	position:relative;
	top:-13px;
	float:right;
	text-align:right;
	text-indent:3px;
	background:#FFFCF0
}
.sousTitre {
	float:left;
	width:500px;
	text-align:right;
	padding:250px 20px 0 0
}
.photoSousTitre {
	float:left;
	margin-top:33px
}
ul {
	margin-left:30px;
	padding-left:8px
}
li {
	list-style-image:url(../images/puce.gif);
	margin-bottom:1em
}
.puce {
	position:relative;
	top:-2px;
	right:10px	
}
hr {
	color:#C63;
	background:url(../images/ligne.gif) repeat-x;
	height:1px;
	border:0
}
.liensAncres {
/*	position:relative;
	top:-105px;
	float:right;
*/
	text-indent:-4px;
	margin-left:700px;
	background:#FFFCF0
}
#chambres .liensAncres, #gites .liensAncres {
	position:relative;
	top:-30px;
	float:right;
	text-indent:-4px;
	background:#FFFCF0
}
.liensAncres li {
	list-style-image:url(../images/fleche-liens.gif);
	margin-bottom:0;
	margin-left:-20px
}
.liensInternes a {
	position:relative;
	top:3px;
	left:3px;
	background:url(../images/fleche-liens-d.gif) no-repeat 0 0
}
.liensInternes a:hover {
	background:url(../images/fleche-liens-d.gif) no-repeat -6px 0
}
#visites {
	display:none
}
sup {
	font-size:0.8em;
	vertical-align:25%
}
/********************************************** Menu */
#territoires {
	width:7.5em; /*92px;*/
}
#loisirs {
	width:5.5em; /*70px;*/
}
#culture {
	width:5.5em; /*80px;*/
}
#agenda {
	width:6em; /*82px;*/
}
#hebergements {
	width:9em; /*120px;*/
}
#saveurs {
	width:6em; /*80px;*/
}
#pratique {
	width:9.5em; /*76px;*/
}
/************************************************** Navigation */

#menu {
	/*background:#41424B;*/
	position:relative;
	z-index:3;
	padding-left:180px;
	padding-bottom:3em;	
}
#menu a {
	display:block;
	text-decoration:none;
}
#menu ol {
	list-style:none;
	position: relative;
	z-index:300;
	background: none; /*url(images/menu.bg.jpg) repeat-y;
	margin-right:0;*/
}
#menu ol li.premier {
	background:none;
}
#menu ol li {
	float:left;
	position:relative;
	list-style-image: none;
	background:#FFFCF0 url(images/menuitem-bg.jpg) no-repeat 0 50%;
	margin-bottom:0;
}
#menu ol ol {
	display:none;
	position:absolute;
	top:auto;
	margin-left:-52px;
	font-weight:normal;
	width:180px;
	background: none;
}
#menu ol ol li {
	width:100%;
	float:left;
	/*background:#5f5555;
	border-top:1px dotted #9f9aa0;*/
	margin-top:0;
	padding:0 1em; /* Espace à gauche et à droite des items des menus déroulant */
}
#menu ol ol ol {
	position:absolute;
	top:-1px;
	left:100%;
	display:none;
	width:150px
}
#menu ol ol ol li {
	/*background:#c7c5ce;
	width:190px  Recouvrir le fond */
}
/* a */

#menu ol li a {
	/*color:#dfdfeb;*/
	padding:2px 3px;
}
#menu ol ol li a {
	/*color:#dfdfeb;*/
	padding:1px 3px;
}
#menu ol ol ol li a {
	/*color:#4b4646;*/
}
#menu ol ol .parent {
	/*background:#5f5554 url(../images/menu_chevron_off.png) no-repeat 95% 53% si sous-menu*/
}
#menu li.premier a.actif {
	background:#646464;
	color:#fff
}
#menu li a.actif {
	background:#646464 url(../icono/accueil/menuitem.bg.jpg) no-repeat 0 50%;
	color:#fff
}
/* Rollover */

#menu ol li:hover, #menu ol li.sfhover {
	/*background:#646464 url(../icono/accueil/puce_menu.png) no-repeat 0 50%;*/
	color:#fff;
}
#menu ol li.premier:hover {
	/*background:#646464;*/
	color:#fff;
}
#menu li li:hover, #menu li li.sfhover {
	/*background:#e7e7f0;*/
}
#menu li li.parent:hover, #menu li li.parentsfhover {
	/*background:#e7e7f0 url(../images/menu_chevron_off.png) no-repeat 95% 53%;*/
}
#menu li li:hover a, #menu li li.parentsfhover a, #menu li li.sfhover a, #menu li li.parentsfhover:hover a {
	/*color:#000*/
}
/* ROLLOVER CSS */

#menu li:hover ol ol, #menu li.sfhover ol ol, #menu li li:hover ol ol, #menu li li.sfhover ol ol, #menu li li li:hover ol ol, #menu li li li.sfhover ol ol {
	display:none;
}
#menu li:hover ol, #menu li.sfhover ol, #menu li li:hover ol, #menu li li.sfhover ol, #menu li li.parentsfhover ol, #menu li li li:hover ol, #menu li li li.sfhover ol {
	display:block;
}
/*************************** Fin navigation */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
	padding-left:20px;
	margin-top:0
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/********************************************** Recherche */
#recherche {
	float:right; /* Nécessaire au flux */
}
#recherche h4 {
	display:none
}
input[type="text"] {
	position:absolute;
	top:2px;
	height:1.05em;
	border:1px inset #999;
	padding-left:0.2em;
	padding-right:0.2em
}
input[type="submit"] {
	position:absolute;
	top:1px;
	left:122px;
	height:1.5em;
	border:1px inset #999;
	background-color:#FFF7DF;
	color:#666
}
/********************************************** Tableaux */
table {
	font-size:1em;
	margin:10px auto;
	border:1px dotted #CCC;
	border-collapse:collapse;
	width:100%
}
table h1 {
	margin-bottom:0
}
th {
	border:1px dotted #CCC;
	padding:3px;
	font-size:1em;
	font-weight:normal
}
td {
	border:1px dotted #CCC;
	padding:3px;
	font-style:italic;
	text-align:center;
	color:#666
}
.tablePhoto {
	border:none
}
#nature .tablePhoto {
	width:765px;
	position:relative;
	left:-88px
}
.tablePhoto td {
	border:none;
	padding:0;
	font-style:normal;
	text-align:left;
	color:#000;
	vertical-align:top
}
.tablePhoto .texte {
	width:60%
}
.tablePhoto .photo {
	text-align:right;
	width:40%
}
/********************************************** Accueil */
#chataignier-accueil {
	float:left;
	width:190px;
}
#edito {
	float:left;
	width:450px;
	line-height:140%;
	margin:10px 50px 0 50px;
}
#edito .sIFR {
	text-align:center;
}
#chene {
	float:left;
	width:200px;
	margin:90px 0
}
#accueil-office {
	margin:0 150px;
	font-style:italic;
	text-align:center;
	line-height:140%;
	clear:both
}
.lettrine {
	font-size:3em;
	color:#666;
	margin-right:5px;
	float:left;
	line-height:0.9em;
	position:relative;
	top:0;
}
/********************************************** Carte Territoire */
#carte {
	position:absolute;
	left:5px;
	width:630px;
	z-index:0
}
#texteCarte {
	position:absolute;
	top:250px;
	right:0;
	margin-left:630px;
	}
#carteTexte {
	margin:0 30px;
	height:530px
}
#salindrenque {
	margin:0 20px 0 30px;
	padding-left:5px
}
#salindrenque #chataignier {
	margin:-30px 0 0 -10px;
	float:left
}
#salindrenque h1 {
	margin-top:33px;
	margin-left:105px
}
#garrigue {
	margin-left:30px;
	margin-right:10px
}
#garrigue #chene {
	float:right;
	margin-top:35px
}
#garrigue h1 {
	margin-top:30px;
	margin-left:0px
}
/********************************************** Communes */
.sectionCevennes {
	font-style:italic;
	font-size:110%;
	color:#9F9F00;
	border-bottom:1px solid #9F9F00;
	width:225px
}
.aVoirGarrigue {
	font-style:italic;
	font-size:110%;
	color:#C63
}	
.voir {
	background-color:#FC9;
	margin:20px 0;
	padding:20px 50px
}		
.infosGarrigue {
	font-style:italic;
	font-size:110%;
	color:#C63;
	border-bottom:1px solid #C63;
	width:225px
}
.villesCevennes {
	height:25px;
	margin-bottom:11px;
	letter-spacing:0.05em;
	font-style:italic;
	font-weight:lighter;
	color:#9F9F00;
	padding:1px 0 15px 0;
	border-bottom:1px solid #9F9F00
}
.villesGarrigue {
	height:25px;
	margin-bottom:11px;
	letter-spacing:0.05em;
	font-style:italic;
	font-weight:lighter;
	color:#C63;
	padding:1px 0 15px 0;
	border-bottom:1px solid #C63
}
.patelin .titreDroit {
	top:-24px
}
.legendeG {
	margin:0 180px 0 400px;
	text-align:right
}
.legendeD {
	margin:0 350px 0 0
}
.legendeD-haut {
	float:left;
	width:420px;
	margin-top:20px
}
.legendeD-haut-vert {
	float:left;
	width:420px;
	margin-top:30px
}
.patelin .photosG-haut {
	margin:33px 15px 0 100px;
	float:left;
	width:300px
}
.patelin .photosG-haut-Colognac {
	margin:33px 15px 0 100px;
	float:left;
	width:199px
}
.patelin .photosG {
	margin:0 20px 20px 100px
}
.patelin .photosD-haut {
	margin:0 100px 0 15px
}
.patelin hr {
	clear:both;
	visibility:hidden
}		
.p-photos {
	clear:both
}
/* Réglage du pied */
#stHippo {
	height:900px
}
.justifie {
	text-align:justify
}	
#Lasalle {
	height:1050px
}
#ste-croix-fouille {
	background-color:#FFF7DF;
	padding:35px
}
#castellas {
	text-align:justify;
	text-align:center;
	width:400px
}
#castellas-photo {
	float:right;
	margin:85px 0 20px 20px
}

/********************************************** Activités */
#nature h2 {
	font-weight:lighter
}
/********************************************** Artisanat */
.titreLiens {
	position:absolute;
	right:0;
	margin:8.8em 30% 0 0;
	text-align:right;
	font-weight:lighter;
	z-index:1
}
#galerie {
	text-align:right;
	line-height:.3em
}
#artisanat .liensAncres {
	top:-70px
}
#artisanat .tablePhoto {
	border: #D1D1D1 1px dotted;
}
#artisanat .tablePhoto td {
	padding:10px
}
/********************************************** Hébergement */
/*.communesCevennes {
	color:#FFF;
	padding:10px 10px;
	margin:15px 0;
	background:#9F9F00
}
*/
/*.hr-cevennes {
	color:#9F9F00;
	background:url(../images/ligne-cevennes.gif) repeat-x;
	height:1px;
	border:0;
	margin:15px 0
}
*/
.communesGarrigue, .communesCevennes {
	color:#C63;
/*	padding:10px 10px;
	margin:15px 0;
	background:#C63
*/}
/*.hr-garrigue {
	color:#C63;
	background:url(../images/ligne-garrigue.gif) repeat-x;
	height:1px;
	border:0;
	margin:15px 0
}
*/
#reservation {
	background-color:#FC9;
	padding:30px
}
#gites .titre, #chambres .titre, #sante .titre {
	margin-bottom:10px
}
#campings .titre, #hotels .titre, #restaurants .titre {
	margin-bottom:30px;
	width:350px
}
#chambres .titreDroit, #gites .titreDroit {
	top:-18px
}
.titrePhotos {
	height:25px; /*5*/
	width:757px; /*450*/
	border-bottom:1px solid #C63
}	
#artisanat h2, #gites h2, #chambres h2, #campings h2, #hotels h2, #restaurants h2, #cafes h2 {
	font-weight:lighter
}
.titreCentre {
	text-align:center
}
.listeChoix {
	margin:6px 0 0 0
}
.haut {
	float:right; 
	padding:7px 10px
}
.contenant {
	display:block;
	border:1px solid #000
}
.legendesGites {
	height:140px;
	margin-right:225px
}
.traitgauche {
  border-left:1px solid black;
  padding-left:10px;
  margin-left:45px;
	margin-top:-30px
}
.photosGites {
	float:right
}
#gites thead, #chambres .tarifs {
	background-color: #FFF7DF
}
#gites .tarifs, #chambres .tarifs {
	background-color: #FFF7DF
}
/********************************************** Spécialités */
#chataigneOuverte {
	margin:80px 0 0 80px
}
/********************************************** Musées */
#horaire {
	clear:left;
	float:left;
	margin:30px 0 0 300px
}
#papillon {
	margin:20px 0 0 320px
}

*/********************************************** Bibliographie */
.couverture-g {
	float:left;
	padding:30px 0 15px 80px
}
.couverture-d {
	float:right;
	padding:30px 80px 15px 0
}
.leg-couverture-g {
	padding:0 400px 15px 80px;
	clear:both
}
.leg-couverture-d {
	text-align:right;
	clear:both;
	padding-right:80px;
	padding-bottom:15px;
	padding-left:400px
}
/********************************************** Manifestations */
.manifestations .titreDroit {
	top:-58px
}
.manifestations .photos {
	text-align:right
}
/********************************************** Café */
#cafes .titreDroit {
	top:-55px
}
/********************************************** Agenda */
.agenda .titreDroit, #office .titreDroit {
	top:-56px
}
.mois {
	color:#FFF;
	padding:10px 10px;
	margin:15px 0;
	font-weight:bold;
	font-style:italic;
	background:#C63
}
.evenements {
	padding:10px 0 10px 310px;
	margin:15px 0 15px 0;
	border-top:1px solid #CCC;
	text-align:center;
	font-weight:bold;
}
.agenda .tablePhoto td {
	border:0;
	padding:0 10px 0 10px;
	text-align:center;
	color:#C63
}
.agenda td {
	background-color: #FFF7DF
}
.dateCalendrier {
	color:#C63;
	font-style:normal;
	font-weight:bold;
	border-bottom:none;
	border-left:none
}
.agenda .tablePhoto {
	border-top:1px solid #C63
}
.invisible {
	height:20px;
	color:#FFFCF9;
	border-bottom:none;
	border-right:none	
}
.imageCalendrier {
	width:33%;
	text-align:center;
	border-top:none;
	border-right:none;
	padding-bottom:15px
}
.texteCalendrier {
	border-top :none;
	border-left:none
}
.texteCalendrier p {
	/*width:67%;*/
	font-style:italic;
	color:#333;
	text-align:center
}
#hautPiedAgenda {
	clear:both;
	float:right;
	margin-bottom:2px
}	
/********************************************** Pôle culturel */
#pole table, #pole table td {
	border:none;
	text-align:left;
	font-style:normal;
	vertical-align:bottom;
	padding:25px 0;
	color:#000
}
.droite-photo {
	float:right
}
.pole {
	color: #C63;
	font-weight:bold
}
.sherwood {
	color: #21a535;
	font-size:2.5em
}
.clamens {
	color: #b0004d;
	font-size:2.5em
} 
.bodega-olmedo {
	color: #33693f;
	font-size:2.5em
} 
.florence-saul {
	color: #f7931d;
	font-size:2.5em;
	line-height:1em
} 
.folie {
	color: #cc3300;
	font-size:2.5em;
	line-height:1em
} 
.tete-de-bois {
	color: #4d3ab8;
	font-size:2.5em;
	line-height:0.8em
} 
.grand-melo {
	color: #e6452e;
	font-size:2.5em;
	line-height:1.3em
} 
.la-strada {
	color: #ffc20e;
	font-size:2.5em;
	line-height:1em
} 
/********************************************** Associations */
.titreAssoc {
	font-style:italic;
	font-size:.9em;
	margin:2em 0
}
.associations hr {
	margin:25px 0
}
.associations td {
	background-color: #FFF7DF;
	padding:20px;
}
.associations .photos {
	text-align:right
}
/********************************************** Accès */
#acces .photosG-haut {
	margin-right:0
}
.route {
	margin-left:230px
}	
/********************************************** Météo */
#meteo-gard {
	position:relative
}
#meteo1 {
	position:absolute;
	top:72px;
	left:105px;
	width:123px;
	height:99px;
	background-image:url(../images/meteo-gard-1.png)
}
#meteo2 {
	position:absolute;
	top:170px;
	left:105px;
	width:161px;
	height:93px;
	background-image:url(../images/meteo-gard-2.png)
}
#meteo3 {
	position:absolute;
	top:142px;
	left:265px;
	width:69px;
	height:121px;
	background-image:url(../images/meteo-gard-3.png)
}
#meteo4 {
	position:absolute;
	top:72px;
	left:227px;
	width:107px;
	height:71px;
	background-image:url(../images/meteo-gard-4.png)
}
#meteo {
	position:absolute;
	top:125px;
	left:222px
}
#peyriat {
	padding:0 150px;
	margin-top:60px;
	border-top:1px solid #C63
}	
/********************************************** Produits du terroir */
/*#produits-terroir li {
	margin-bottom:0
}*/
#produits-terroir .liensAncres {
	top:-20px /* = #artisanat */
}
#produits-terroir .titre {
margin-bottom:0
}
.rubrique {
	float:left;
	margin-left:30px;
	padding-top:30px;
	width:500px
}
.photoRubrique {
	clear:both;
	float:left;
	width:250px;
	padding-top:30px
}
.centre {
	margin:0 300px
}
.colGauche {
	float:left;
	padding-right:100px;
	width:370px
}
.colDroite {
	float:left;
	padding-right:100px;
	width:370px
}
#elevage {
	padding-top:270px
}
#chevre {
	margin-top:0
}	
#chataigne {
	padding:155px 20px 0 0
}
#vins {
	padding:248px 20px 0 0
}
/********************************************** Services de santé */
#sante .liensAncres {
	top:-190px
}
#sante .titreAssoc { /*= .communesGarrigue*/
	color:#FFF;
	padding:1px 10px;
	background:#C63
}
/*********************************** Formulaire de contact */
#submit {
	border:1px #000 solid; 
	cursor:pointer; 
	padding:1px; 
	width:150px
}
#submit:hover {
	border:1px red solid
}
.alerte {
	font-weight:bold;
	font-size:14px;
	color:#c33;
}
.focus {
	background:#ff9
}
.center {
	text-align:center
}
#envoyer {
	position: absolute;
	top: 810px;
	left: 30px;
	margin-left: 705px
}
/*********************************** Liens */
.tablePhoto .texteLien {
	vertical-align:middle;
	
}
/*********************************** Plan du site */
.chapitre-plan {
	padding:5px;
	border-top:1px solid #C63;
	border-bottom:1px solid #C63
}

#message_accueil {
	display:none;
}

/************************************ sIFR */
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active h1 {
	font-family:Georgia, "Bitstream Vera Serif", Norasi, serif;
	font-size:30px;
	font-style:italic;
	color:#C63;
    visibility: hidden;
  }
  .sIFR-active h2 {
	font-family:Georgia, "Bitstream Vera Serif", Norasi, serif;
	font-size:24px;
	color:#C63;
    visibility: hidden;
  }
  .sIFR-active .lettrine {
	font-family:Georgia, "Bitstream Vera Serif", Norasi, serif;
	font-size:36px;
	color:#C63;
    visibility:hidden
  }
}