/* 	Feuille de style pour jeanne d'arc 2008 webSite
*	Etabli par la dicWebTeam@2008
*/

.access {
	position:absolute;
	top:-5000px;
}

/* ------------------------------------------------------------
	bloc de layout (page, wrapper, footer)
------------------------------------------------------------- */


body {
 	font-family:"Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	background-color: #5A1004;
 	margin:0;
} 

#page {
	width:928px;
	margin:0 auto;
	background-color: #5c1e14;
}

#header {
	position:relative;
	height:266px;
	background: transparent url(../images/bg_header.png) no-repeat top left;
}

#wrapper {
	background-color: #f0deb5;
}

#content {
	overflow:hidden;
	width: 894px;
	margin-left: 34px;
	background-color: #ffebc1;
}

#footer {
	clear:both;
	height:208px;
	background: transparent url(../images/footer.png) no-repeat top left;
}

/* ------------------------------------------------------------
	Contenu de la page (colonne, header, paragraphe)
------------------------------------------------------------- */
/* ---- TYPO ------------------------------------------------ */
p, ul {
/*
 	font-family:"trebuchet MS";
 	line-height:1.4em;
 	font-size:1.1em;
*/
}

/* ---- HEADER ---------------------------------------------- */
#header img {
	border:none;
}
ul#menu {
	margin:0 0 0 10px;
	text-align: left;
	color: #f9eece;
 	font-family:"Georgia";
}
ul#menu li {
	display:inline;
	margin-right:30px;
	line-height:2.5em;
}
ul#menu li a {
	text-decoration:none;
	color:#ffebc1;
	font-size:1.3em;
	font-weight:bolder;
	border-bottom:none;
}

ul#menu li a:hover {
	text-decoration:none;
	color:#FFFFFF;
}


ul#menu li a#page-1606 {
	margin-left: 250px;
}
ul#menu li.current a {
	color:#E3A456;
}


#header h1 {
	position:absolute;
	top:42px;
	left:239px;
	margin:0;
}
#header a#goto-orleans {
	position:absolute;
	top:87px;
	right:0px;
	border-bottom:none;
}
#header a#goto-orleans img {
}

/* ---- WRAPPER CONTENT --------------------------------------- */
#wrapper #col-left,
#wrapper #col-right {
}
#wrapper #col-left {
	float: left;
	margin: 0 28px 0 28px;
	width:375px;
}

#wrapper #col-right {
	margin-left: 427px;
	width:453px;
	color: #f0deb4;
	background-color: #8c352f;
}

#wrapper #col-right #col-right-top {
	height: 40px;
	background: transparent url(../images/bg_col_right_top.png) no-repeat -15px 0;
}
#wrapper #col-right #col-right-bottom {
	height: 33px;
	background: transparent url(../images/bg_col_right_bottom.png) no-repeat top left;
}
#wrapper #col-right #col-right-content {
	padding: 0 20px;
}
#wrapper #col-right #col-right-content div.hide {
	margin:10px -20px;
	padding:10px;
	background: transparent url(../images/bg_div_expand.png) repeat-y top left;
}
#wrapper #col-right p,
#wrapper #col-right ul {
	margin-left: 20px;
	text-align:justify;
	padding-right: 8px;
	line-height:1.4em;
	padding-bottom:10px;
	padding-top:12px;
	
}
#wrapper #col-right.troupes p {
	
	padding-bottom:4px;
	padding-top:4px;
	
	
}

/*
#wrapper #col-right div.tx-orlprg-pi1 h2 span {
	position: absolute;
	top: -2000px;
}
*/
#wrapper #col-right h2,
#wrapper #col-right div.tx-orlprg-pi1 h2 {
	margin:0 -20px;
	padding-left: 15px;
	background: #4d1a12 url(../images/prg_head_date.png) no-repeat top right;
	color: #ffebc1;
}
#wrapper #col-right h2 {
	background: #4d1a12 url(../images/prg_head_date.png) no-repeat 350px 0;
	line-height: 1.6em;
}

#wrapper #col-right h3,
#wrapper #col-right h4,
#wrapper #col-right p,
#wrapper #col-right ul {
	margin-bottom: 5px;
	margin-top: 5px;
}

#wrapper #col-right h3 {
	color: #f69d61;
}
#wrapper #col-right h4 {
	padding-left:20px;
}
#wrapper #col-right div.tx-orlprg-pi1 ul {
	margin:10px 10px 10px 10px;
	list-style: none;
	list-style-position:inside;
	font-weight:bold;
}
#wrapper #col-right div.tx-orlprg-pi1 div.prg-content {
	margin-bottom: 20px;
}
#wrapper #col-right div.tx-orlprg-pi1 div.prg-content ul {
	font-weight: normal;
	margin:10px 0 10px 20px;
	list-style: circle;
	list-style-position: inside;
}
#wrapper #col-right div.tx-orlprg-pi1 div h4 {
	margin-bottom: 12px;
	
}
#wrapper #col-right div h5 {
	margin:0;
}
#wrapper #col-right div.tx-orlprg-pi1 div p {
	padding-top:0;
	padding-bottom:0;
}
#wrapper #col-right div.tx-orlprg-pi1 div.prg-content-details p {
	margin:2px;	
}

#wrapper #col-right div.tx-orlprg-pi1 a.button-open-close {
	display: block;
	padding-right: 20px;
	line-height: 1.6em;
	margin: 10px 0px;
	cursor: pointer;
	text-align: right;
	font-weight:bold;
	text-transform:uppercase;
	color:#F2995C;
	font-size:0.85em;
}

#wrapper #col-right div.tx-orlprg-pi1 a.open {
	background: transparent url(../images/savoir_plus.png) no-repeat top right;
}
#wrapper #col-right div.tx-orlprg-pi1 a.close {
	background: transparent url(../images/savoir_moins.png) no-repeat top right;
}
/*
#wrapper #col-right div abbr {
	padding:0;
}
#wrapper #col-right div p.small {
	font-size:0.9em;
	font-style:italic;
}
#wrapper #col-right div.hide {
	zoom:1;
	overflow:hidden;
	margin: 0 -10px;
	background-color:#D09B47;
}
#wrapper #col-right div.group-by-date h4,
#wrapper #col-right div.group-by-date div.prg-content, 
#wrapper #col-right div.group-by-date div.prg-content-details {
	margin-left: 20px;
}
#wrapper #col_droite div.prg-content-details {
	padding-left:0;
	margin-left:25px;
	padding-left:10px;
	font-size:1em;
	border-left:5px solid #C68C3C;
	color: black;
}
#wrapper #col-right p.itineraire,  
#wrapper #col-right p.savoir-plus {
	text-align:right;
	line-height:1.5em;
	font-size:1.3em;
	padding-right:20px;
	margin: 10px;
}
#wrapper #col-right p.savoir-plus a {
	padding-left:25px;
	text-decoration:none;
	font-variant:small-caps;
	background: transparent url(../images/savoir-plus.png) no-repeat scroll center left;
	color: #FAE7C2;
	cursor: pointer;
	font-size: 1.2em;
	font-weight: bold;
}

#wrapper #col-right p.savoir-plus a:hover {
	
	text-decoration:underline;
	color: #FFFFFF;
	
}
#wrapper #col-right p.itineraire a {
	padding:10px 30px 10px 25px; 
	text-decoration:none;
	font-variant:small-caps;
	background: transparent url(../images/fleche-itineraire.gif) no-repeat scroll center left;
	color: #FAE7C2;
		
}

#wrapper #col-right p.itineraire a:hover {
	text-decoration:underline;
	color: #FFFFFF;
}
#wrapper #col-right div.group-by-date {
	margin:10px;
}

#wrapper #col-right p.itineraire  {
	display:block;
	text-align:right;
}
#wrapper #col-right.infos h4,
#wrapper #col-right.infos h5,
#wrapper #col-right.infos p {
	color:white;
	margin:8px 10px;
	margin-bottom:10px;
}
#wrapper #col-right.infos h4 {
	margin-top:25px;

}
#wrapper #col-right.troupes h4 {
	color:white;
	margin:8px 10px;
	margin-bottom:0;
}
#wrapper #col-right.troupes p {
	color:white;
	margin:8px 10px;
	margin-top:0;
}
#wrapper #col-right.fetes h4 {
	color:white;
	margin-top:15px;
}
#wrapper #col-right.fetes h4,
#wrapper #col-right.fetes p {
	color:white;
	margin:8px 10px;
	margin-bottom:10px;
}
#wrapper #col-right.fetes h4 {
	color:white;
	margin-top:15px;
}
#wrapper #col-right.troupes ul li {
	list-style:none;

}


*/
#wrapper #col-left div.box-info {
	width:370px;
	background: transparent url(../images/bg_infos_content.png) repeat-y 0 0;
	border-bottom:5px solid #ecd8b1;
	color: #7f4238;
}
#wrapper #col-left div.box-info-content {
	overflow: hidden;
	background: transparent url(../images/bg_infos.png) no-repeat 0 -12px;
}

#wrapper div.box-info, 
#wrapper div#photo, 
#wrapper div#video {
	margin: auto;
	margin-bottom: 30px;
}
#wrapper div.box-info p,
#wrapper div.box-info h2, 
#wrapper div#photo h2, 
#wrapper div#video h2 {
	margin:15px 20px 6px 0px;
	text-align:justify;
}
#wrapper div.box-info h2, 
#wrapper div#photo h2, 
#wrapper div#video h2 {
	margin:0;
	margin-left:20px;
}
#wrapper div.box-info p {
	margin-left:57px;
}
#wrapper div.tx-rgsmoothgallery-pi1,
#wrapper div#video {
	margin: 0 auto;
	margin-bottom: 20px;
	margin-top:17px;
	border:6px solid #ecd8b1;
}
#wrapper div#photo h2 {
	margin-bottom: 5px;
	margin-left: 35px;
}


#wrapper div.box-info ul {
	margin-left:60px;
} 
#wrapper div.box-info ul li a {
	color: #FCE2C3;
}



#wrapper #col-left a, 
#wrapper #col-left a:link, 
#wrapper #col-left a:visited, 
#wrapper #col-left a:active {
	color: #7f4238;
	text-decoration: underline;
}
#wrapper #col-left a:hover, 
#wrapper #col-left a:focus {
	color: #7f4238;
	text-decoration: underline;
}

#wrapper #col-right a.fancybox {
	color: #FCE2C3;
	text-decoration: underline;
	font-weight:bold;
	background: transparent url(../images/zoom.gif) no-repeat left ;
	display:block;
	padding-left:23px;
	/*font-weight:1.6em;*/
	width:100px;
	
}


#wrapper #col-right a, 
#wrapper #col-right a:link, 
#wrapper #col-right a:visited, 
#wrapper #col-right a:active {
	color: #FCE2C3;
	text-decoration: underline;
}



#wrapper #col-right a:hover, 
#wrapper #col-right a:focus {
	color: #FFFFFF; 
	text-decoration: none;
}

/*--- POWERMAIL ------------------------------------------------------*/
	
div.tx-powermail-pi1 {
}

div.tx-powermail-pi1 form div {
	clear: both;
	margin-bottom: 10px;
}

div.tx-powermail-pi1 form fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
div.tx-powermail-pi1 form textarea,
div.tx-powermail-pi1 form input {
	border: none;
	border-color: #FCF8C8;
}
div.tx-powermail-pi1 form p.entete {
	font-weight: bold;
	color: #4a342f;
	border-bottom:1px solid #4a342f;
	margin-top: 15px;
}
div.tx-powermail-pi1 form span.powermail_mandatory,
div.tx-powermail-pi1 form div.powermail_mandatory_js {
	color: red;
	font-style: italic;
}

div.tx-powermail-pi1 div label {
	float:left;
	display:block;
	width:150px;
}


div.tx-powermail-pi1 div input, 
div.tx-powermail-pi1 div textarea {
	width:280px;
}
div.tx-powermail-pi1 div.submit {
	width:320px;
}
div.tx-powermail-pi1 div.submit input {
	width:120px;
	font-weight: bold;
}

/* ---- FOOTER ---------------------------------------------- */
#footer p#print {
	margin:0 40px 0 0;
	padding-top:5px;
	text-align:right;
}
#footer p#print a {
	padding-left:20px;
	color:#FAE7C2;
	font-variant:small-caps;
	background: transparent url(../images/print.png) no-repeat scroll top left;
	
}
#footer div {
	position:relative;
	float:left;
	width:200px;
	margin-left:30px;
	margin-top:65px;
	color:#ffebc1;
}
#footer div a {
	color:#ffebc1;
}
#footer div h2 {
	position:absolute;
	top:-27px;
	left:15px;
	color: #f39f65;
}
#footer div p {
	margin-left:20px;
}
#footer div ul {
	list-style: circle;
}


/* ---- GALLERY PORNO ---------------------------------------------- */
#wrapper #col-left a.carouselBtn { color: white}

#wrapper #col-left .jdGallery .slideInfoZone h2 {
	
	font-size:10px;
	
	}