/* ----------------------------------*/
/* -- PANNEAU EDITION DE LA PAGE --  */
/* ----------------------------------*/
#panneau-edition{
	text-align: center;
	width: 100%;		
}
#editPanelSet{
	width: 889px;
	margin: 0px auto;
	text-align: left;
}
#panneau-edition #editPanelSet form{
	background-color: white;	
}
#panneau-edition #editPanelSet table td{	
	border: 0px;
}

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

span.tb-text-list{
	display: none;
}

/* -------------*/
/* -- CADRE --  */
/* -------------*/
BODY{			
	background: #000 url(bg.jpg) repeat top left;
}
#cadre{
	width: 100%;
	background: transparent url(bg-milieu.jpg) repeat-y top center;
}
#cadre-inner{
	width: 100%;
	padding-bottom: 80px;
	background: transparent url(bg-bas.jpg) no-repeat bottom center;
}
#cadre-inner2{
	width: 100%;
	background: transparent url(bg-haut.jpg) no-repeat top center;
	
	text-align: center;
}
#contenu-principal{
	width: 777px;
	margin: 0px auto;
	text-align: left;
}

/* -------------------------------------------------*/
/* --  LOGO  -------------------------------------- */
/* - comprend le menu voyage, le logo, et le menu 1-*/
/* -------------------------------------------------*/
#top{		
}
#logo {	
}
#menuvoyage{
	float: right;
	width: 427px;	
	font-family : "Trebuchet MS", verdana, arial;
	padding-top: 23px;
}
#menuvoyage-gauche{
  float: left;
  width: 240px;
}
#menuvoyage-droite{
  float: right;
  width: 180px;
}

#titremenuvoyage{
	margin: 10px 0 0 18px;	  	
	color: #7e3a19;
	font-weight: bold;
	font-style : italic;
	font-family : "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 15px;
}
#menuvoyage ul{
	margin: 2px 0 0 0px;
	padding:0;	
	line-height: 110%;
}
#menuvoyage li{
	margin: 0;
	padding:0 0 2px 0;
	list-style-type: none;
	background-image: none;
}
#menuvoyage ul li A{
	color: #045768;
	text-decoration: none;
	font-family : Arial, Verdana, sans-serif;
	font-size: 12px;	
	padding-left: 20px;
	/* letter-spacing: -0.05em; */
}
#menuvoyage ul li A:hover{
	background : transparent url(fleche-noire.gif) no-repeat 10px 5px;
	text-decoration: underline;
}
#menuvoyage ul li.menuvoyageAct A{
	background : transparent url(fleche-noire.gif) no-repeat 10px 5px;
	color: #000;
}
#logoimage{
	padding-top: 31px;
}

/* -----------------*/
/* --  MENU1   ---- */
/* -----------------*/
#menu1-inner{
	width: 340px;	
}
#menu1-inner ul{
	margin: 70px 0 0 31px;
	padding: 0;
}

#menu1-inner ul li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	color: #827a7a;
	font-family : "Trebuchet MS", verdana, arial;	
	font-size: 11px;
	background-image: none;
}
#menu1-inner ul li A{
	color: #827a7a;
	font-family : "Trebuchet MS", verdana, arial;	
	font-size: 11px;
	text-decoration: none;
	/*font-style : italic;*/
}
#menu1-inner ul li A:hover{
	text-decoration: underline;
}
#menu1-inner ul li.menu1-act A{
	color: #000;
	text-decoration: underline;
}

/* ---------------------------*/
/* --  TITRE H1 + Menu 2 ---- */
/* ---------------------------*/
#bloctitre{
	margin: 40px 0 0px 29px;
}
#titreH1{
	width: 454px;
	height:72px;
	background: transparent url(bg-h1.gif) no-repeat top left;
}

#menu2b{
	width: 100%;
	clear: both;
	padding-bottom: 24px;
}
#menu2b ul{ 
	padding: 0 0 0 5px;
	margin:0;
}
#menu2b ul li{
	margin:0 !important;
	padding:0 !important;
	float: left;
	list-style-type: none;
	color: #226872;
	font-size: 12px;
	background-image: none;
}
#menu2b ul li A{
	font-size: 12px;
	text-decoration: none;
	white-space: nowrap;
}
#menu2b ul li A:hover{
	color:#3083bd;
	text-decoration: underline;
}
#menu2b ul li.li21Act A,
#menu2b ul li.li21Act A:hover{
	color: #000;
	text-decoration: underline;
}
/* -----------------*/
/* --  CONTENU ---- */
/* -----------------*/
#menu2{
	display: none;
}
#contenu{
	clear: both;
}
.sub{
	clear: both;
	margin-top: 0px;
}
#hautdepage{
	display: none;
}
#visuel{
	display: none;
}

/* --------------------------------*/
/* -- ELEMENTS DE CONTENU -- */
/* --------------------------------*/

.content-element{
	padding-bottom: 15px;
	clear: both;
}

/*---- titre pour le style de contenu "par defaut" ----*/


/*---- contenu style "encadre 1" ----*/
.content-element .csc-frame-style1 H2{
	background-image: none;
	padding: 0px;
}
.content-element .csc-frame-style1 {
	background: transparent url(bg-style1-haut-gauche.gif) no-repeat top left;	
	margin-bottom: 15px;
}
.content-element .csc-frame-style1 .css-frame-inner{
	width: 100%;
  background: transparent url(bg-style1-haut-droit.gif) no-repeat top right;
}
.content-element .csc-frame-style1 .contenu-texte{
   background: transparent url(bg-style1-bas-gauche.gif) no-repeat bottom left;
}
.content-element .csc-frame-style1 .contenu-texte-inner{   
   background: transparent url(bg-style1-bas-droit.gif) no-repeat bottom right;
   padding: 125px 15px 20px 25px;
}

/*---- contenu style "encadre 2" ----*/
.content-element .csc-frame-style2 H2{
	background-image: none;
	padding: 0px;
}
.content-element .csc-frame-style2 {
	background: transparent url(bg-style2-milieu.gif) repeat top left;
	margin: 0px 2px 10px 8px;
}
.content-element .csc-frame-style2 .css-frame-inner{
	width: 100%;
	background: transparent url(bg-style2-haut.gif) repeat-x top left;
}
.content-element .csc-frame-style2 .contenu-texte{
	background: transparent url(bg-style2-haut.gif) repeat-x bottom left;
	padding: 25px 15px 20px 25px;
}
/*---- contenu style "encadre pour citation" ----*/
.content-element .csc-frame-style3 H2{
	background-image: none;
	padding: 0px;
}
.content-element .csc-frame-style3{
	background: transparent url(apostrophe-gauche.gif) no-repeat 0px 0px;
	margin-bottom: 10px;
}
.content-element .csc-frame-style3 .contenu-texte{
	background: transparent url(apostrophe-droite.gif) no-repeat right bottom;	
	padding: 0px 25px 12px 35px;	
}
.content-element .csc-frame-style3 .contenu-texte .contenu-texte-inner{
	padding-top: 25px;
}

/*---- contenu style "encadre 4" ----*/
/*----          agenda          ----*/
.content-element .csc-frame-style6 H2 {

}


/*--------*/
/* Menu 1 */
/*--------*/
div#menu1{
	display: none;
}

/*--------------*/
/* Fil d'Ariane */
/*--------------*/
#fil-ariane{
	display: none;
}
#fil-ariane A{	
}
#fil-ariane A:hover{	
}

/* -----------------------------*/
/* --  MENU element de contenu  */
/* -----------------------------*/
.csc-menu-1 P{
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 4px 10px;
}
.csc-menu-1 P A{
	text-decoration: none;
}

/* --------------------------------*/
/* --  tableau pour les images --  */
/* --------------------------------*/
/* il faut "écraser" toutes les propriétes des tableaux faits avec le RTE */

/*
table.imgtext-table{
	margin-top: 0px;
}
table.imgtext-table td{
 border: 0px solid #000;
 margin: 0px;
 padding: 5px;
}
*/

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

#pieddepage{
	display: none;
}

#pieddepage2{
	color: #827a7a;
	font-family : "Trebuchet MS", verdana, arial;	
	font-size: 10px;
	text-align: center;
	clear: both;
	margin: 15px 0 0 0;
}
#pieddepage2 A{
	color: #827a7a;
	font-family : "Trebuchet MS", verdana, arial;	
	font-size: 10px;
	text-decoration: none;
	white-space:nowrap;
}
#pieddepage2 A:hover{
	text-decoration: underline;
	color:#3083bd;
}
#pieddepage2 ul{  
  width: 600px;
	margin: 0px auto;	
	padding: 0;
	text-align: center;
}
#pieddepage2 ul li{
	margin: 0;
	padding: 0 0px 0 0;
	background-image: none;
	display: inline;
}


#stats{
	padding: 20px 0 10px 0;
	text-align: center;
}
#stats-inner{
	width: 777px;
	margin: 0px auto;
	text-align: right;
}

/* --------------------------  */
/* --  SLIDE SHOW EN FLASH --  */
/* --------------------------  */
div.tx-slideshow-pi1{
	border-top: 8px solid #000;
	border-bottom: 8px solid #000;
	background-color: #000;
	margin-bottom: 20px;
}