/* ----------------------------------*/
/* -- PANNEAU EDITION DE LA PAGE --  */
/* ----------------------------------*/

/* on enleve les boutons pour le mod "list" */
span.tb-text-list{
	display: none;
}
img.tb-button-list{
	display: none;
}

/* -------------*/
/* -- CADRE --  */
/* -------------*/

BODY{	  	
  margin: 0;
  padding: 10px 0 0 0;
}
#cadre-general{
  width : 100%;
  background-color: #FFF;
	text-align: center;
}
#cadre{  
  width: 100%;
  }
#cadre-inner{
  width: 950px;
	margin: 0 auto 0 auto;
	text-align: left;
	padding: 0;
}
#cadre-inner2{
}
.clear {
}
#contenu{
	clear: both;
	text-align: left;
	padding: 0;
	margin: 0; 
}
.sub{
  padding: 0 0 15px 0;
}


/* ---------------------*/
/* -- PAGE D'ACCUEIL -- */
/* ---------------------*/
 #body-5360 H2,
 #body-5444 H2{
  font-family: 'ITCSouvenirDemi';
	color: #008194;	
	font-size: 26px;
	padding: 0 0 3px 20px;
	margin: 0 0 20px 0;
	background: url(h1-bg.gif) no-repeat 0 17px;
  border-bottom: 1px solid #008194;
 }

/* --------------------------*/
/* -- ELEMENTS DE CONTENU -- */
/* --------------------------*/
.content-element{
	margin-bottom: 20px;
	clear: both;
}

/*---- titre pour le style de contenu "par defaut" ----*/
.content-element form,
.content-element .csc-frame-style-defaut form{
	padding: 10px 0px 20px 5%;
}

/*---- contenu style 1 ----*/
.content-element .csc-frame-style1{
	padding: 0px;
	margin: 0px;
	width: 100%;
	background: url(style1-bg-hg.gif) no-repeat 0 0;
}

.content-element .csc-frame-style1 .css-frame-inner{	
	padding: 0px;
	margin: 0px;
	background: url(style1-bg-hd.gif) no-repeat right 0;
	width: 100%;
}
.content-element .csc-frame-style1 .contenu-texte{	
	padding: 0px;
	margin: 0px;	
  background: url(style1-bg-bg.gif) no-repeat 0 bottom;
	width: 100%;
}
.content-element .csc-frame-style1 .contenu-texte-inner{
	background: url(style1-bg-bd.gif) no-repeat right bottom;
	padding: 50px 15px 10px 22px;
}
.content-element .csc-frame-style1 H2{
  font-family: 'ITCSouvenirLight';
  color: #7a5b38;
  font-size: 1.6em;
  background: none;
  margin: -43px 0 10px 39px;
  padding: 0 0 0 0;
  border-width: 0;
}


/*---- contenu style "encadre 2" ----*/

.content-element .csc-frame-style2{
	padding: 0px;
	margin: 0px;
	width: 100%;
	background: url(style2-bg-hg.gif) no-repeat 0 0;
}

.content-element .csc-frame-style2 .css-frame-inner{	
	padding: 0px;
	margin: 0px;
	background: url(style2-bg-hd.gif) no-repeat right 0;
	width: 100%;
}
.content-element .csc-frame-style2 .contenu-texte{	
	padding: 0px;
	margin: 0px;	
  background: url(style2-bg-bg.gif) no-repeat 0 bottom;
  width: 100%;
}
.content-element .csc-frame-style2 .contenu-texte-inner{
	background: url(style2-bg-bd.gif) no-repeat right bottom;
	padding: 15px 15px 10px 22px;
}
.content-element .csc-frame-style2 H2{
  font-family: 'ITCSouvenirLight';
  color: #7a5b38;
  font-size: 1.6em;
  background: none;
  margin: 0px 0 10px 0px;
  padding: 0 0 0 0;
  border-width: 0;
}


/*---- contenu style "encadre pour citation" ----*/
.content-element .csc-frame-style3{
	background: transparent url(apostrophe-gauche.gif) no-repeat 0px 0px;
}
.content-element .csc-frame-style3 .contenu-texte{
	background: transparent url(apostrophe-droite.gif) no-repeat right bottom;
	padding: 0px 18px 15px 24px;	
}
.content-element .csc-frame-style3 .contenu-texte-inner{
	padding-top: 30px;
}
.content-element .csc-frame-style3 H2{
  background-image: none;
	font-size: 20px;
	border-width: 0;
	margin: 0;
	padding: 0 0 8px 0;
}
.content-element .csc-frame-style3 H2 span{
  background-image: none;
  margin: 0;
	padding: 0 0 0 0;
}

/*---- contenu style 3 ----*/
.content-element .csc-frame-style5{
	padding: 0px;
	margin: 0px;
	width: 100%;
	background: url(style5-bg-hg.gif) no-repeat 0 0;
}

.content-element .csc-frame-style5 .css-frame-inner{	
	padding: 0px;
	margin: 0px;
	background: url(style5-bg-hd.gif) no-repeat right 0;
}
.content-element .csc-frame-style5 .contenu-texte{	
	padding: 0px;
	margin: 0px;	
  background: url(style5-bg-bg.gif) no-repeat 0 bottom;
}
.content-element .csc-frame-style5 .contenu-texte-inner{
	background: url(style5-bg-bd.gif) no-repeat right bottom;
	padding: 50px 40px 20px 27px;
}
.content-element .csc-frame-style5 H2{
  font-family: 'ITCSouvenirLight';
  color: #7a5b38;
  font-size: 1.6em;
  background: none;
  margin: -43px 0 10px 35px;
  padding: 0 0 0 0;
  border-width: 0;
}
.content-element .csc-frame-style5 H3{
  font-size: 20px;
}
/*--------*/
/* TOP */
/*--------*/
#top{
  position: relative;
	clear: both;  	
  text-align: left;
}
#slideshow{
 position: absolute;
 background-color: #FFF;
 left: 150px;
 top: 33px;
 width: 800px;
 height: 365px;
 z-index:1; 
}
#jugon{
  position: absolute;
  top: 0;
  left: 0;
	background: transparent url(top-bg.png) no-repeat 0 0;
  width: 950px;
  height: 446px;
  z-index:2;  
}
#marque-bretagne{
  position: absolute;
  top: 302px;
  left: 778px;
	background: transparent url(marque-bretagne.png) no-repeat 0 0;
  width: 172px;
  height: 66px;
  z-index:3;  
}

div#visuel,
#fil-ariane-outer{ 
	display: none;
}

/*----------*/
/*   LOGO   */
/*----------*/
#logo{
  position: relative;
  height: 445px;
  width: 100%;
  z-index:3;
}
#logo-texte{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 262px;
  height: 188px;
  z-index:3; 
}
#logo-texte A{
  display:block;
  width: 262px;
  height: 188px;
  text-indent: -9999px;
}
#drapeaux{
  position: absolute;
  top: 3px;
  left: 330px;
  width: 70px;
  height: 20px;
  z-index: 6;
}
.drapeauimage{
  float: left;
  margin-right: 8px;
}
/*------------*/
/* Menu haut */
/*----------*/
#menu-haut{
  position: absolute;
  top: 0px;
  left: 554px;
  width: 396px;
  height: 32px;
}
#menu-haut ul{
  float: left;
	margin:0;
	padding: 0px 0 0 5px;
}
.bodyenglish #menu-haut ul { 
 	padding: 0 0 0 5px; /* version anglaise */
}
#menu-haut ul li{
  float: left;  	
	list-style: none; 
	margin:0;
	padding: 0;
	background: url(menuhaut-separateur.gif) no-repeat right 15px;
	color: #FFF;
  font-size: 13px;	
	line-height: 100%; 
}
#menu-haut ul li A{
  display : block;
  padding: 8px 9px 0 6px;
  font-family: 'ITCSouvenirDemi';
  font-size: 13px;
  color: #FFF;
  font-weight: normal;
  text-decoration: none;
  line-height: 100%;   	
}
#menu-haut ul li.li-dernier{
  padding-right: 0px;
  background: none;
}
#menu-haut ul li A:hover{
   color: #533d26 !important;
}
#menu-haut ul li.li-act A{
   color: #533d26 !important;
}
#menu-haut ul li.li-act A{
   background: url(menuhaut-fleche.gif) no-repeat center 0;
}

/*--------*/
/* Menu 1 */
/*--------*/
#menu1{ 
  position: absolute;
  left: 0px;
  top: 399px;
  width: 950px;
  height:47px;
  z-index:5;  
}
#menu1 ul { 
  height: 37px;
  margin: 0 0 0 0;
	padding: 0 0 0 5px;
}
.bodyenglish #menu1 ul { 
 	padding: 0 0 0 45px; /* version anglaise */
}
#menu1 li{
  display: inline;
  float: left;  	
	list-style: none; 
	margin:0;
	padding: 0;
	background: none;
}
#menu1 li.menu1-dernier{
  background: none;
}
#menu1 li A,
#menu1 li A:visited{
	display: block;
	float: left;
	cursor: hand;
  font-family: 'ITCSouvenirDemi';
  font-size: 14px;
  color: #FFF;
	text-decoration: none;
	color : #FFF !important;
  background: url(menu1-separateur.gif) no-repeat right 23px;
  line-height: 100%;   	
}    
#menu1 li A span{
  display: block;
	padding: 16px 18px 11px 14px;
}
#menu1 li.menu1-dernier A{
  background: none;
}
#menu1 li A:hover{
  color: #533d26 !important;
}  
#menu1 li.menu1Act A{
  color: #533d26 !important;
}
#menu1 li.menu1Act A span {
  background: url(menu1-fleche.gif) no-repeat center 0;
}



/*--------*/
/* Menu 2 */
/*--------*/
#menu2{
  display: none;
}
#menu2b{
  width: 232px;
  margin: 0 0 0 0;
  padding: 56px 0 0 0;
  background: url(menu2-bgh.gif) no-repeat 0 0;	
}
#menu2b-inner{
  padding: 0 12px 338px 0;
  background: url(menu2-bgb.gif) no-repeat 0 bottom;	  
}
h2.menu2h2{
  text-align: center;
  padding: 0 5px 15px 10px;
  margin: 0 0 12px 0;
  background: url(menu2-trait.gif) no-repeat center bottom;
  border-width: 0;
}
h2.menu2h2 A{
  font-family: 'ITCSouvenirLight';
  font-size: 22px;
  font-weight: bold;
  line-height: 130%;
  color: #7a5b38;
  text-decoration: none;
}
h2.menu2h2 A:hover{
  text-decoration: none;
}
#menu2b ul{  
  margin: 0;
  padding: 0 0 0 24px;
}
#menu2b li{
  margin: 0;
	padding: 3px 0 3px 0;
	background-image: none;
	list-style: none;
}
#menu2b .li21 A{
  display: block;
	padding: 0 0 0 0;
	font-family: 'ITCSouvenirLight';
	font-weight: bold;
  font-size: 1em;
  color: #008194;
  text-decoration : none;
}
#menu2b li A:hover{
  color: #7a5b38;
  text-decoration : none;
}
#menu2b li#li21Act A{
  color: #7a5b38;
}
#menu2b li#li21Act A:hover{
  text-decoration: none;
}
#menu2b .li22{
	margin: 0 0 0 22px;
	padding: 2px 0 2px 12px;
	border-left: 1px solid #008194;
}
#menu2b .li22dernier{
}
#menu2b .li22 A,
#menu2b .li22 A:visited{
	margin: 0;
	padding: 0;
	font-family: 'ITCSouvenirLight';
  font-size: 0.9em;
  color: #008194;
	text-decoration: none;
}

#menu2b .li22 A:hover{
  color: #7a5b38;
  text-decoration : none;
}
#menu2b #li22Act A{
  color: #7a5b38;
}

/*---------------------------*/
/* Fil d'Ariane et fontsize */
/*--------------------------*/

#imprimer{
  float: right;
  width: 40px;
  padding: 0 0 3px 22px;
  background: url(http://www.jugon-les-lacs.com/fileadmin/styles/jugon/imprimer.gif) no-repeat 0 0;
}
#imprimer A{
  float: right;
  font-size: 11px;
  font-weight: normal;
  color: #999794;
}
#fil-ariane{
  font-size: 11px;
  color: #999794;
  padding-bottom: 13px;  
}
#fil-ariane A{
  font-size: 11px;
  color: #999794 !important;
  font-weight: normal;  
}
#fontsize{
  float: right;
}

/* --------------------*/
/* -- PIED DE PAGE --  */
/* --------------------*/

#pieddepage{
	width : 950px;
	clear: both;
	margin: 0px auto;  
  background: #009ca8 url(pieddepage-bg.gif) no-repeat 0 0;
  font-weight: bold;
	color: #FFF;	
	font-size: 0.9em;	
}                
#pieddepage-inner{ 
  padding: 23px 50px 28px 50px;
  text-align: center;
}
#pieddepage A{
  color: #FFF;
  text-decoration: none;
} 
#pieddepage A:hover{
  color: #FFF;
  text-decoration: underline;
} 

#adresse{
  padding-bottom: 15px;
}
#ot{
 font-family: 'ITCSouvenirBold';
 font-size: 1em;
 letter-spacing: 0.05em;
}
#coordonneesot{
 font-family: 'ITCSouvenirLight';
 font-size: 12px;
}
#villes{
 font-family: 'ITCSouvenirLight';
 font-size: 1em;
}
#villes span{
  padding: 0 13px 0 5px;
  background: url(villes-puce.gif) no-repeat right 5px;
}
#villes span.villes-dernier{
  background: none;
}
#cc{
 font-family: 'ITCSouvenirBold';
 font-size: 1em;
 letter-spacing: 0.05em;
 padding: 5px 0 15px 0;
 margin-bottom: 15px;
 background: url(cc-pointilles.gif) repeat-x 0 bottom;
}
ul#liens-pieddepage{	
	float: left;
	margin: 0;
  padding: 0 0 0 0;
 }
ul#liens-pieddepage li {
	list-style: none; 
	display: inline;
	margin: 0 0;
	padding: 0 0 10px 0;
  background: none;
}
ul#liens-pieddepage li.pieddepage-li-dernier{
  background: none;
}
ul#liens-pieddepage A{
  font-family: 'ITCSouvenirLight';
	text-decoration : none;
	color: #FFF;	
	font-size: 13px;
}
ul#liens-pieddepage A:hover{
	text-decoration : underline;
}

#divmilega{
  float: right;
  padding: 0 0 0 0;
}
/* -------------*/
/* -- STATS --  */
/* -------------*/
div#stats{	
	width : 950px;
	clear: both;
	margin: 0px auto;
}

div#stats-inner A{
}



/* -------------*/
/* --  NEWS --  */
/* -------------*/

.news-list-item H3{
	font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #008194;
	padding: 0 0 0 0;
	margin-bottom: 6px;
}
.news-list-item H3 A{
  color: #008194;
}
.news-list-date{
  padding: 0 0 0 0;
}
.news-list-content{
  padding: 0 0 10px 0;
}
.news-list-morelink{
  display: none;
}

.news-single-item-h3{
  font-size: 18px;
}
.news-single-timedata{
  margin: 4px 0 10px 0;
}
.news-single-subheader H3{
  font-family: arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  text-transform: none;
  color: #7a5b38;
  margin-bottom: 10px;
}

/* ------------------------------------*/
/* --  Tourinsoft - Manifestations --  */
/* ------------------------------------*/
#body-5404 #colonne-gauche,
#body-5423 #colonne-gauche,
#body-5466 #colonne-gauche,
#body-5467 #colonne-gauche{
  background: url(branche-seule.gif) no-repeat 0 0;
  padding-bottom: 490px;
}
#listemanifestation{
  padding-bottom: 20px;
}
#choixmois{
  margin-bottom: 25px;
}
#listemanifestation .manifestation{
  border-top: 1px solid #ac8e6c;
  padding: 7px 3px 7px 12px;
}               
#listemanifestation .manifestation1{
  background-color: #f2ede7;
}      
#listemanifestation .manifestation .titre A{
  font-size: 1em;
  font-weight: bold;
}

/* -----------------------------*/
/* --  fiche  Manifestation --  */
/* -----------------------------*/
#fichemanifestation  #description{
  padding-top: 20px;
}
#fichemanifestation  #categories{
  padding: 20px 0 0px 0;
}
#fichemanifestation H2{
  margin-top: 20px;
}
#fichemanifestation #fichier-attache{
  margin-top: 20px;
}
#fichemanifestation #photos img{
  padding: 15px 15px 0 0;
}
/* -------------------------------------*/
/* --  liste Manifestation - Accueil--  */
/* -------------------------------------*/
#listemanifestationaccueil{
  margin-top: -5px;
}
#listemanifestationaccueil .manifestation .titre A{
  font-weight: bold;
}
#listemanifestationaccueil .manifestation{
  padding-bottom: 5px;
} 
#listemanifestationaccueil .dates-commune{
  font-size: 0.8em;
}

/* -------------------------------*/
/* --  Pour outes les listes  --  */
/* ------------------------------*/
#listechoix{
  padding-bottom: 25px;
}
.listeitem{
  width: 100%;
  clear: both;
  padding: 15px 0 15px 0;
  border-bottom: 1px solid #DDD;
}
.listeitem .photo{
  float: left;
  width: 150px;
  border: 1px solid #FFF; /*bug firefox*/
}
.listeitem .infos{
  float: left;
  width: 400px;
}
.listeitem .titre{
  font-size: 1.1em;
  font-weight: bold;
  padding-bottom: 8px;
}
.listeitem .adresse{
  padding-top: 5px;
}
.listeitem .ensavoirplus{
  float: left;
  width: 130px;
  padding-top: 40px;
}
/* --------------------------------*/
/* --  Pour toutes les fiches  --  */
/* --------------------------------*/
.fiche #fichegauche{
  position: relative;
  float: left;
  width: 410px;
}
.fiche #fichedroite{
  position: relative;
  float: right;
  width: 250px;
}
.fiche #photos{
  width: 100%;
  padding: 0px 0 15px 0;
}
.fiche #photos img{
  margin-bottom: 5px;
}
.fiche H2{
  margin-top: 20px;
}
.fiche #map{
  clear: both;
  margin-top: 15px;
}