#navpp{

width:120px;
position:absolute;
right:10px;
top:220px;

}

#navpp.pleft{

float:left;

}

#navpp.pright{

float:right;

}

.logo{

float:right;
padding: 10px 40px 0 0;
}

.logo2{

float:right;
padding: 10px 20px 0 0;
}


#news_title{

position:absolute;
top:170px;
right:0px;
padding-right:20px;
width:100px;
text-align:right;


}

table.news{
top:240px;
left:0px;
position:absolute;
height:360px;
background-color:#E1DEDD;
z-index:10000;
}

table.news img{margin:0px 20px 20px 20px;}


.news_image{


float:left;
vertical-align:top;
border:1px solid #FFF;
width:115px;
height:115px;

}

.news_content{
padding-top:0px;
z-index:100;
}

.news_content a{z-index:10000; position:relative;}





#texte_intro{

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-style:italic;
font-weight:bold;
color:#C1BB00;
position:absolute;
left:40px;
top:420px;
background-image:url(../images/texte_intro.gif);
width:346px;
height:152px;
}

#texte_intro_nl{

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-style:italic;
font-weight:bold;
color:#C1BB00;
position:absolute;
left:40px;
top:420px;
background-image:url(../images/texte_intro_nl.gif);
width:346px;
height:152px;
}

#logo{
position:absolute;
right:40px;
top:380px;
background-image:url(../images/logo_small.gif);
width:189px;
height:200px;
}

#serie_images1{
position:absolute;
left:30px;
top:460px;

width:367px;
height:115px;
}



#calendrier{
z-index:4000;
}

#calendrier li, a{
	height:auto;
	list-style: none;	
	font-size:11px;
	width : 16px;
	height:16px; 
	
	
}

#calendrier a{color:#99CC00;}

#libelle {
	
	margin: 0 auto;
	padding: 0;
}
.ligne {
	
	margin: 0 auto;
	padding: 0;
} 
#libelle li {
	float : left;
	width : 16px; 
	height:16px;
	border:1px solid #CCC;
	background-color:#CCCCCC;
}
.ligne li {
	z-index:5000;
	color: #000;
	float : left; 
	width : 16px;
	height:16px; 
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

.ligne li a:hover{
	list-style: none;
	text-decoration: none;
}

li.itemCurrentItem {
background-color:#99CC00;
font-weight:bold;
color:#FFF;
	/* A vous de configurer l'apparence de la date du jour */
}



li.itemEventToday {
background-color:#99CC00;
font-weight:bold;
color:#FFF;
	/* A vous de configurer l'apparence de la date du jour */
}

li.itemEventToday a{font-size:12px; color:#FFF;}

li.itemCurrentItem a{color:#FFF;}

li.itemSelectedItem {
	background-color:#99CC00;
	/* A vous de configurer l'apparence du jour sélectionné */
}	

#calendrier .eventslist {
	border: 1px solid #60738b; 
	background-color:#FFF; 
	padding: 2px;
	position:absolute;
	clear:both;
	visibility: hidden; 
	width: 150px;
	z-index:5000;
	color:#000;
	font-weight:100;
	
}

#calendrier .eventslist a{color:#003366; font-size:11px; }
#calendrier .eventslist a:hover{color:#003366; font-size:11px; }



#panLeft .panLeft_bgtop{
height:27px;
background-image:url(../images/module_left_top.jpg);
background-repeat:no-repeat;
width: 151px;
}

#panLeft .panLeft_bginner{
background-image:url(../images/module_left_inner.jpg);
background-repeat:repeat-y;
width: 151px;

}

#panLeft .panLeft_bgbottom{
height:17px;
background-image:url(../images/module_left_bottom.jpg);
background-repeat:no-repeat;
width: 151px;
margin-bottom:10px;

}
#component .com_login{position:relative; padding-top:10px; height:200px; }
#component .com_login_left fieldset{padding:10px 10px 59px 10px; }
#component .com_login_right fieldset{ padding:10px;}
#component .com_login_left {width:49%;  height:300px;}
#component .com_login_right{margin-left:51%;width:49%; float:left; position:absolute;  top:10px;}

.com_login_label{

float:left;
width:100px;
text-align:left;

}

.component_input{
height:20px;

}


div#editor label{

color:#FFF;


}

div#onglet label{

color:#164D7E;
font-weight:bold;


}

div#editor p{
text-indent:5px;


}

div#sitemap li{
list-style-type:square;
list-style-position:inside;

padding-left:5px;

}





div#listing table{
text-indent:5px;
font-size:11px;
}

div#listing table h5{
font-size:13px;
}

div#component label{

font-size:11px;
}


div#component address{

font-size:12px;
}

.custom{
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#FFF;
font-size:11px;
text-align:justify;

}

.info{

	width:984px;
	margin-left:20px;
	height:27px;
	line-height:27px;
	position:absolute;
	float:left;

}

.warnings{

	position:relative;
	margin-bottom:10px;
	color:#CC0000;
	text-align:right;
	width:100%;
}



.article_dotted1{color:#FFF; font-size:14px; height:20px;}
.article_dotted2{color:#AAA; font-size:14px; height:20px; margin-top:10px;}


.mod_login{

float:left;
text-align:right;
width:30px;
font-size:10px;
padding-left:2px;
}


.mod_login_input{

width:80px; height:16px;

}

.mod_login_checkbox{

border:0;

}

.mod_newsletter{
width:95px; 
height:16px;
float:left;
margin-top:1px;

}

#cpanel {  text-align: center;  vertical-align: center; }

#cpanel div.icon   { margin: 3px;}
#cpanel div.icon a { 

	
	float: left;
	height: 120px; 
	width: 120px; 
	vertical-align: middle; 
	text-decoration : none;
	border: 1px solid #BABABA;
	padding: 2px 5px 1px 5px;
    
}

#cpanel div.icon a{color : #003366; }

#cpanel div.icon a:link    {  color:#99CC00;  }
#cpanel div.icon a:hover   { 

	color : #003366; 
	background-color:#FFF;  
	border: 1px solid #CC6600;
	

}


#cpanel div.icon img { margin-top: 0px;  }
#cpanel div.icon span {  padding-top: 3px;}



.top_right_links{position:absolute; right:10px; top:10px;}

.picture_border{

border:5px solid #A7B0BF;
right:0px;
top:0px;
position:absolute;

}

.online{color:#009900}
.offline{color:#FF0000}

#statue{

position:absolute; bottom:20px; width:163px; height:299px;  background-image:url(../images/statue.jpg); background-repeat:no-repeat;

}








.jcarousel-skin-tango .jcarousel-container {


	position:absolute;
left:30px;
top:460px;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 400px;

}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 115px;
    height: 400px;

}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  375px;
    height: 115px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  115px;
    height: 290px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 115px;
    height: 115px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}






/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 115px;
    height: 115px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}