/* 
************************************************************************************ 
GENERAL
************************************************************************************ 
*/



body{
background:#FFFFFF;
font-size:11px;
color:#000000;
font-family: Trebuchet MS, Arial, sans-serif;
margin:0;
padding:0;
border:0;
background:url('../img/fondPattern.gif') repeat;
}

img{
border: 0;
margin: 0;
padding: 0;
}

p{
border: 0;
margin: 5px 0 10px 0;
padding: 0;
text-align:left;
}

.png, .win_png, .format_png{
behavior: url('data/css/png.htc');
}

a{
border: 0;
margin: 0;
padding: 0;
text-decoration: none;
color:#900000;
}

a:hover{
border: 0;
margin: 0;
padding: 0;
text-decoration: none;
color:#363636;
}

.clear{
clear:both;
font-size:1px;
height:1px;
overflow:hidden;
}

/* 
************************************************************************************ 
ACCESSIBILITE
************************************************************************************ 
*/

h1{ display:none; } 
h2{ display:none; } 
h3{ display:none; } 

.hide{ display: none; }
@media aural{ .hide{display: block;} }

/* 
************************************************************************************ 
MISE EN PAGE
************************************************************************************ 
*/


ul{
margin:0;
padding:0;
border:0;
list-style-position:outside;
list-style:none;
}

li{
margin:0;
padding:0;
border:0;
}

#global{
position:relative;
width:990px;
height:auto !important;
height:700px;
min-height:700px;
background:url('../img/fondTop.gif') no-repeat;
margin: 0 auto;
padding-top:1px;
z-index:2;
}

/* 
************************************************************************************ 
HABILLAGE ET TETIERE
************************************************************************************ 
*/

#addthis{
margin-bottom:15px;
}


#logo{
position:absolute;
top:0;
right:0;
z-index:5;
}

#clic{
position:absolute;
top:0;
left:0px;
z-index:5;
}


#filAriane{
position:absolute;
top:150px;
left:32px;
z-index:5;
font-size:10px;
color:#900000;
}

		#filAriane li{
		display:inline;
		}

		#filAriane a.puce{
		margin-left: 4px;
		padding: 0 0 0 8px;
		background:url('../img/puceAriane.gif') no-repeat;
		background-position:left top;
		}

		#filAriane a{ color:#900000; }
		#filAriane a:hover{ color:#000000; }


/* 
************************************************************************************ 
NAVIGATION
************************************************************************************ 
*/

#navigation{
position:absolute;
top:194px;
left:19px;
height:46px;
z-index:5;
}

		#navigation li{
		display:inline;
		float:left;
		}

		#navigation span{
		display:none;
		}

		#navigation #accueil a{
		display:block;
		height:46px;
		width:87px;
		background:url('../img/navAccueil.gif');
		}

				#navigation #accueil a:hover{ background-position:0 -46px; }
				#navigation #accueil a.hover{ background-position:0 -46px; }

		#navigation #forces a{
		display:block;
		height:46px;
		width:210px;
		background:url('../img/navForces.gif');
		}

				#navigation #forces a:hover{ background-position:0 -46px; }
				#navigation #forces a.hover{ background-position:0 -46px; }

		#navigation #prestation a{
		display:block;
		height:46px;
		width:231px;
		background:url('../img/navPrestations.gif');
		}

				#navigation #prestation a:hover{ background-position:0 -46px; }
				#navigation #prestation a.hover{ background-position:0 -46px; }

		#navigation #actualites a{
		display:block;
		height:46px;
		width:130px;
		background:url('../img/navActu.gif');
		}

				#navigation #actualites a:hover{ background-position:0 -46px; }
				#navigation #actualites a.hover{ background-position:0 -46px; }

		#navigation #boutique a{
		display:block;
		height:46px;
		width:106px;
		background:url('../img/navBoutique.gif');
		}

				#navigation #boutique a:hover{ background-position:0 -46px; }
				#navigation #boutique a.hover{ background-position:0 -46px; }

		#navigation #loisirs a{
		display:block;
		height:46px;
		width:60px;
		background:url('../img/navLoisirs.gif');
		}

				#navigation #loisirs a:hover{ background-position:0 -46px; }
				#navigation #loisirs a.hover{ background-position:0 -46px; }

		#navigation #contact a{
		display:block;
		height:46px;
		width:114px;
		background:url('../img/navContact.gif');
		}

				#navigation #contact a:hover{ background-position:0 -46px; }
				#navigation #contact a.hover{ background-position:0 -46px; }


/* 
************************************************************************************ 
LIENS MEDIAS
************************************************************************************ 
*/

#liensMedias{
position:absolute;
top:94px;
left:230px;
height:40px;
z-index:5;
}

		#liensMedias li{
		display:inline;
		float:left;
		margin-right:12px;
		}

		#liensMedias span{
		display:none;
		}

		#liensMedias #podcast a{
		display:block;
		height:40px;
		width:144px;
		background:url('../img/mediasPodcast.gif');
		}

				#liensMedias #podcast a:hover{ background-position:0 -40px; }
				#liensMedias #podcast a.hover{ background-position:0 -40px; }

		#liensMedias #webtv a{
		display:block;
		height:40px;
		width:144px;
		background:url('../img/mediasWebTv.gif');
		}

				#liensMedias #webtv a:hover{ background-position:0 -40px; }
				#liensMedias #webtv a.hover{ background-position:0 -40px; }


/* 
************************************************************************************ 
FOOTER
************************************************************************************ 
*/


#footer{
position:relative;
width:990px;
height:60px;
background:url('../img/fondFooter.gif') no-repeat;
margin: 10px auto;
z-index:10;
}

		#footer #avatar{
		position:absolute;
		right:-20px;
		top:-250px;
		width:190px;
		height:290px;
		}

		#footer #informations{
		position:absolute;
		left:10px;
		top:9px;
		width:600px;
		}

				#footer #informations #logoTiny{
				display:inline;
				float:left;
				margin: 0 6px 0 0;
				}

				#footer #informations #infoTiny{
				display:inline;
				float:left;
				margin:0;
				line-height:12px;
				}

						#footer #informations #infoTiny p{
						margin:0;
						color:#FFFFFF;
						font-size:11px;
						}
						
						#footer #informations #infoTiny ul{
						height:10px;
						line-height:10px;
						margin-top:3px;
						}
						
						#footer #informations #infoTiny li{
						display:inline;
						background: url('../img/sepInfos.gif') top left no-repeat;
						padding: 0;
						line-height:10px;
						height:10px;
						}

						#footer #informations #infoTiny li.first{
						display:inline;
						background: none;
						padding: 0;
						line-height:10px;
						height:10px;
						}

						#footer #informations #infoTiny li a{ color:#CCCCCC; padding:0 5px 0 7px; }
						#footer #informations #infoTiny li a:hover{ color:#ffffff; }

						#footer #informations #infoTiny li.first a{ color:#CCCCCC; padding:0 5px 0 0; }
						#footer #informations #infoTiny li.first a:hover{ color:#ffffff; }


		#footer #liensExternes{
		position:absolute;
		right:10px;
		top:15px;
		text-align:right;
		}

				#footer #liensExternes li{
				display:inline;
				}


		#footer #liensRapides{
		position:absolute;
		left:115px;
		top:7px;
		}

				#footer #liensRapides li{
				display:inline;
				float:left;
				}

				#footer #liensRapides li a{
				display:block;
				background: url('../img/sepRapide.gif') right no-repeat;
				padding:0 6px;
				}

				#footer #liensRapides li a.final{ background:none; }



#xiti-logo{
position:absolute;
right:325px;
top:24px;
width:80px;
height:15px;
}

/* 
************************************************************************************ 
CONTENU PRINCIPAL
************************************************************************************ 
*/

#main{
width:990px;
margin-top:265px;
}

#main #menuRapide{
display:inline;
float:right;
width:104px;
height:auto !important;
height:500px;
min-height:500px;
margin-right:0px;
background:url('../img/fondMenuRapide.gif') no-repeat;
}

		#main #menuRapide ul{
		margin: 54px 0 60px 0;
		width:104px;
		font-size:10px;
		font-weight:bold;
		}

		#main #menuRapide li{
		text-align:center;
		margin:0;
		padding: 0;
		}

				#main #menuRapide a{
				display:block;
				color:#FFFFFF;
				width:104px;
				height:22px;
				line-height:22px;
				}
		
				#main #menuRapide a.double{
				background:#000000;
				}

				#main #menuRapide a:hover{
				background:#666666;
				}



#main #contenu{
position:relative;
display:inline;
float:left;
width:880px;
background:url('../img/contenuFond.gif');
}

#main #contenuSimple{
position:relative;
display:inline;
top:-5px;
float:left;
width:990px;
}

#main #contenuSimple3{
	    position:relative;
		display:inline;
		width:500px;
		height:637px;
		margin-top:0px;
		margin-right:0px;
		margin-bottom:0px;
		z-index:135;
		text-align:left;
		height:auto !important;
		}

		#main #contenu #contenuTop{
		position:absolute;
		top:-8px;
		left:-14px;
		height:450px;
		width:900px;
		background:url('../img/contenuTop.gif');
		z-index:5;
		}

		#main #contenu #contenuBottom{
		clear:both;
		position:relative;
		height:17px;
		width:900px;
		background:url('../img/contenuBottom.gif');
		}

		#main #contenu #contenuCenter{
		position:relative;
		display:inline;
		float:right;
		width:800px;
		margin: 40px 34px 0 0;
		z-index:10;
		height:auto !important;
		height:457px;
		min-height:457px;
		}

		
		#main #contenu #liensInternes{
		position:relative;
		display:inline;
		float:left;
		width:180px;
		margin-top:20px;
		margin-left:45px;
		z-index:10;
		}
/*
				#main #contenu #liensInternes ul{
				margin: 0;
				width:180px;
				font-size:12px;
				font-weight:bold;
				text-transform:uppercase;
				}

				#main #contenu #liensInternes li{
				text-align:center;
				margin:0;
				padding: 0;
				}

						#main #contenu #liensInternes a{
						display:block;
						color:#666666;
						width:180px;
						height:42px;
						line-height:44px;
						background:url('../img/btLiensInternes.gif');
						}

						#main #contenu #liensInternes a:hover{ background-position: 0 -42px; }
						#main #contenu #liensInternes a.hover{ background-position: 0 -42px; }

*/
/* 
************************************************************************************ 
ARTICLES
************************************************************************************ 
*/

#main #contenu #contenuCenter{
font-size:12px;
font-family: Arial, sans-serif;
}

#main #contenu #contenuCenter .chapo{
font-size:16px;
font-weight:bold;
overflow:hidden;
color:#333333;
}

		#main #contenu #contenuCenter .chapo img{
		margin: 0 10px 5px 0;
		display:inline;
		}

		#main #contenu #contenuCenter .spip_documents{
		margin: 15px 0;
		}

#main #contenu #contenuCenter .texte{
margin-top:15px;
font-size:13px;
}

#main #contenu #contenuCenter p.date{
font-size:14px;
color:#333333;
}

#main #contenu #contenuCenter p{
font-size:14px;
color:#333333;
margin:0 0 10px 0;
}

#main #contenu #contenuCenter h4{
font-size:20px;
font-weight:bold;
color:#333333;
margin:0 0 12px 0;
text-transform:uppercase;
}

#main #contenu #contenuCenter hr{
height:1px;
font-size:1px;
width:100%
overflow:hidden;
margin:15px 0 25px 0;
background:#df0000;
color:#333333;
padding:0;
border:0;
}

#main #contenu #contenuCenter .pagination{
width:100%;
text-align:center;
}

#main #contenu #contenuCenter .pagination .on{
width:100%;
text-align:center;
color:#333333;
font-weight:bold;
}

#main #contenu #contenuCenter .pagination.top{ margin-bottom: 20px; }
#main #contenu #contenuCenter .pagination.bottom{ margin-top: 20px; clear:both; }

/* Logos, documents et images */
.spip_logos { margin: 0; padding: 0; border: none; }
.spip_documents { text-align: left; }
#playerMedias .spip_documents { text-align: left; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { display:inline; float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { display:inline; float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left:auto; margin-right:auto;}
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left:auto; margin-right:auto;
}


/* 
************************************************************************************ 
ACTUALITES
************************************************************************************ 
*/

.blocActu{
float:left;
display:inline;
width:230px;
height:480px;
margin:0 0 4px 15px;
padding:10px 20px;
background:url('../img/fondActu.gif');
}

		.blocActu h4{
		margin: 0 0 5px 0;
		}

		.blocDefil{
		width:230px;
		height:400px;
		padding:0;
		margin:0;
		overflow:auto;
		}

				.blocDefil ul{
				margin: 0;
				padding:0;
				border:0;
				}
				
				.blocDefil li{
				display:inline;
				float:left;
				margin:0;
				padding:8px 0;
				border:0;
				height:50px;
				width:230px;
				line-height:12px;
				border-bottom:1px solid #850f0f;
				}

				.blocDefil li.last{
				border:0;
				}

				.blocDefil li span.logoActu{
				float:left;
				display:inline;
				width:70px;
				height:50px;
				overflow:hidden;
				cursor:pointer;
				margin: 0 10px 0 0;
				}
				
				.blocDefil li p{
				
				text-align:justify;
				font-weight:bold;
				font-size:11px;
				line-height:12px;
				margin:0;
				padding:0;
				border:0;
				}

				.blocDefil li a{
				display:block;
				font-weight:bold;
				}

				.blocDefil li span.plusActu{
				font-weight:normal;
				font-size:10px;
				margin:0;
				padding:0;
				border:0;
				}

		.defilTop{
		width:230px;
		height:20px;
		margin-bottom:5px;
		display:none;
		overflow:hidden;
		cursor:pointer;
		background:url('../img/btDefilTop.gif');
		}

				.defilTop.hover{ background-position:0 -20px;}
				.defilTop.none{ background:none;}

		.defilBottom{
		width:230px;
		height:20px;
		margin-top:5px;
		display:none;
		overflow:hidden;
		cursor:pointer;
		background:url('../img/btDefilBottom.gif');
		}

				.defilBottom.hover{ background-position:0 -20px;}
				.defilBottom.none{ background:none;}


/* 
************************************************************************************ 
CONTACTS
************************************************************************************ 
*/

.spip_forms form{
width:632px;
margin:0;
padding:0;
border:0;
}

.spip_forms fieldset{
width:632px;
margin:0;
padding:0;
border:0;
}

.spip_forms legend{
display:none;
}

.spip_forms .spip_form_label{
display:block;
margin-top:12px;
}

.spip_forms label.checklabel{
margin: 0 5px;
}

.spip_forms input.checkinput{
display:inline;
}


.spip_forms .spip_form_label_obligatoire{
font-size:10px;
color:#920000;
}

.spip_forms .spip_form_label_details{
display:block;
font-size:10px;
color:#969696;
}

.spip_forms input{
display:block;
margin-top:4px;
font-size:11px;
color:#666666;
font-family: Trebuchet MS, Arial, sans-serif;
background:#dddddd;
border:1px solid #969696;
padding:3px;
}

.spip_forms .hidden{
display:none;
}

.spip_forms textarea{
display:block;
margin-top:4px;
font-size:11px;
color:#666666;
width:550px;
padding:3px;
background:#dddddd;
border:1px solid #969696;
font-family: Trebuchet MS, Arial, sans-serif;
}

.spip_forms .spip_bouton{
display:block;
width:550px;
margin-top:15px;
text-align:left;
border:0;
}

.spip_forms .spip_bouton input{
display:block;
border:0;
padding:0;
}

.spip_forms .erreur{
display:block;
font-size:10px;
color:#ef0000;
font-weight:bold;
}


/* 
************************************************************************************ 
MEDIAS
************************************************************************************ 
*/

#playerMedias{
text-align:left;
}

#navMedias{
display:block;
margin:20px 0 0 0;
width:630px;
text-align:left;
}

		
		#navMedias .blocMedias{
		float:left;
		display:inline;
		height:50px;
		width:290px;
		margin: 0 15px 15px 0;
		padding:3px;
		overflow:hidden;
		background:#FFFFFF;
		border:1px solid #3e0402;
		font-weight:bold;
		text-align:left;
		}
		
				#navMedias .blocMedias .logoMedias{
				float:left;
				display:inline;
				height:50px;
				width:70px;
				margin: 0 6px 0 0;
				overflow:hidden;
				}

				#navMedias .blocMedias span{
				font-size:10px;
				font-weight:normal;
				}

#galerieCycle{
float:left;
display:inline;
position:relative;
width:620px;
height:375px;
overflow:auto;
}

		#playerMedias a#prev{
		float:left;
		display:inline;
		width:60px;
		height:375px;
		overflow:hidden;
		background:url('../img/galeriePrev.gif');
		display:none;
		}

		#playerMedias a#prev:hover{
		background-position:-60px 0;
		}

		#playerMedias a#next{
		float:left;
		display:inline;
		width:60px;
		height:375px;
		overflow:hidden;
		background:url('../img/galerieNext.gif');
		display:none;
		}

		#playerMedias a#next:hover{
		background-position:-60px 0;
		}
		
		
			/* 
************************************************************************************ 
DIAPORAMAS
************************************************************************************ 
*/
.diaporama {  width:637px; overflow: hidden; }
.diaporama ul { list-style-image: none; list-style-position: outside; list-style-type: none; }
.diaporama ul li { display: inline; }
.diaporama ul li a.lien_photo { text-decoration: none; }
.diaporama ul li a.lien_photo img { border: 2px solid #000000; }

/* HABILLAGE POPIN */
.showdiaporama {
	/*background-color: #444;*/
	padding:10px;
	overflow:hidden;
}
.pollBlk .showdiaporama {
	padding:0;
}
.showdiaporama ul { list-style: none;  }
.showdiaporama ul li {
	display: none; 
}

.showdiaporama ul li.miniature {
	display: inline;
}

.showdiaporama ul li.miniature.pxBlk.alone {
	display: block;
}
	
.showdiaporama ul img
{
	border: 0px solid #000000;
	border-width: 0px 0px 0px;
}

.showdiaporama ul a{
	text-decoration:none;
}

.showdiaporama ul a:hover img {
	border: 0px solid #fff;
	border-width: 0px 0px 0px;
	color: #fff;
}

.showdiaporama ul a:hover { color: #fff; }

/*********************************************/
 
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99998;
	width: 100%;
	height: 700px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #000000;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 6px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 100px;
	left: 0;
	margin-top:250px;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background: none;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0; 
	color: #000000;
	font-style: italic;
	font-size: 13px; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 120px;
height:60px;	
	float: right;
	margin-top:30px;
	padding-bottom: 0.7em;	
}



#lightbox-newnav{
	position: absolute;
	top: 0px;
	left: 0;
	height: 50px;
	width: 100%;
	z-index: 11;
	background:none;
}

#lightbox-newnav #lightbox-btnPrev{
	position: absolute;
	left:-60px;

}

#lightbox-newnav #lightbox-btnNext{
	position: absolute;
	right:-60px;

}

#lightbox-image {
	border: 0px solid #FFFFFF;
}

#lightbox-habillage {
	position: absolute;
	bottom: -55px;
	right: 8px;
}