body {
	margin:0;
	padding:0;
	background-image:url(../images/interface/fond.jpg);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #56B2DA;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #56B2DA;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #CA4C38;
}
p {
margin:0;
padding:0;
}

#page {
	text-align: center;
}

.puces {
	list-style-image: url(../images/commun/puces/ptivert.gif);
}

.puces_gauche {
	list-style-image: url(../images/commun/puces/ptivert.gif);
	width: 190px;
	list-style-position: inside;
}
#logo {
margin:0;
width:210px;
height:96px;
float:left;
background-image:url(../images/interface/logo.jpg);
background-repeat:no-repeat;
}
#bando {
	margin:0;
	width:790px;
	height:96px;
	float: right;
/*float:left;*/
}
#visuel {
	margin:0;
	width:790px;
	height:68px;
	/*float:right;*/
	background-image:url(../images/interface/visuel.jpg);
	background-repeat:no-repeat;
	float: right;
}
#menu {
	margin: 0;
	width: 790px;
	height: 28px;
	background-repeat: no-repeat;
	font-variant: small-caps;
	font-weight: bold;
	float: right;
	/*background-color: #00b7dc;*/
	background-image: url(../images/interface/menufond.png);
	background-repeat: repeat-x;
}
#top {
	height: 96px;
	width: 1000px;
}


.section1
{
	background-color: #E0EEC4;
	/*border-color: #FFCC00;*/
	border: solid 1px #88B234;
	padding-right:10px;
	padding-left: 5px;
}
.section2
{
	background-color: #F3D6D1;
	/*border-color: #FFCC00;*/
	border: solid 1px #CA4B38;
	padding-right:10px;
	padding-left: 5px;
}

/*#menu li {
	display:inline;
	list-style:none;
	line-height:28px;
	height:28px;
}

#menu a {
text-decoration:none;
color:#000000;
line-height:28px;
height:28px;

}
#menu  a:hover, #menu   a:focus, #menu   a:active {
text-decoration:none;
color:#FFFFFF;
background-color:#CA4C38;
line-height:28px;
height:28px;
}*/
#menu img {
height:28px;
}

#page {
text-align:center;
margin:auto}

#global {
	margin:0;
	width:1000px;
	overflow:auto;
	clear:none;
}
#col1 {
margin:0;
padding-top:5px;
width:210px;
float:left;
}

#col2 {
margin:auto;
padding-top:5px;
width:540px;
float:left;
}
#col3 {
margin:auto;
padding-top:5px;
width:210px;
float:left;
}
#piedepage {
margin:auto;
height:20px;
line-height:20px;
text-align:center;
clear:both;
color:#56B2DA;
font-size:10px;
}
#encartgauche {
	width:198px;
	height: 800px;
	overflow:hidden;
	margin: auto;
}
#encartghaut {
width:198px;
height:16px;
background-image:url(../images/encart/gauche/haut.gif);
background-repeat:no-repeat;
}
#encartgcentre {
	width:198px;
	background-image:url(../images/encart/gauche/centre.jpg);
}
#encartgcentre p{
padding-left:3px;
padding-right:3px;
}
#encartgbas {
width:198px;
height:9px;
background-image:url(../images/encart/gauche/bas.gif);
background-repeat:no-repeat;
}
#encartdtitre {
margin:auto;
width:235px;
height:21px;
line-height:21px;
background-image:url(../images/encart/droite/fondtitre.gif);
background-repeat:no-repeat;
color:#54B2DA;
font-variant:small-caps;
text-align:center;
font-weight:bold;
}
#encartdtitre1 {
margin:auto;
width:235px;
height:21px;
line-height:21px;
background-image:url(../images/encart/droite/fondtitre.gif);
background-repeat:no-repeat;
color:#54B2DA;
font-variant:small-caps;
text-align:center;
font-weight:bold;
}
#blocdroite {
	margin:auto;
	width:235px;
	border-color: #56B2DA;
	border-style:solid;
	border-width:1px;
	list-style-position: inside;
	list-style-image: url(../images/commun/puces/ptivert.gif);
}
#blocdroite p {
padding-left:3px;
padding-right:3px;
}
#anim {
margin:auto;
padding-top:5px;
padding-bottom:5px;
width:529px;
height:125px;
background-color:#CCCCCC;
}
#encartcontenu {
margin:auto;
margin-left:5px;
width:255px;
float:left;
}

#encartcontenu_gd {
margin:auto;
margin-left:5px;
width:529px;
float:left;
}

#encarttitre {
	margin:auto;
	padding-top:2px;
	padding-bottom:2px;
	width:255px;
	height:21px;
	line-height:21px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	/*background-color:#CA4C38;*/
	background-image: url(../images/interface/menufond1.png);
	background-repeat: repeat-x;
}

#encarttitre_gd {
	margin: auto;
	/*padding-top: 2px;
	padding-bottom: 2px;*/
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	/*background-color: #CA4C38;*/
	background-image: url(../images/interface/menufond1.png);
	background-repeat: repeat-x;
}

#encarttexte {
margin:auto;
width:255px;
height:auto;
overflow:auto;
background-color:#F5F7F8;
}

#encarttexte_gd {
	margin:auto;
	/* height:188px; */
overflow:auto;
	background-color:#F5F7F8;
	font-size: 11px;
}

#encarttexte p {
padding:2px;
}
.pti {
font-size:10px;
}

a:link	{
color:#56B2DA;  
text-decoration: underline; 
 
}
a:active	{
color:#56B2DA;  
text-decoration: underline; 
 
}
a:visited {  
color:#56B2DA;  
text-decoration: underline;   
}
a:hover	{ 
color:#3F95BA;
text-decoration: underline;  

}
input {
border-color:#56B2DA;
border-style:solid;
border-width:1px;
font-size:10px;
color:#56B2DA;
margin:0;
padding:0;
}
form {
padding:0;
margin:0;
}

/* SlideShow */
  #imageSlideshowHolder{
	position:relative;  /* Never change this value */
    
  }
  .imageInGallery{    
    width:184px;
    height:93px;
    background-color:#FFFFFF;
    
    /* Never change these 3 value */
    left:0px;
    top:0px;
    position:absolute;  
  }
	#imageSlideshowHolder{
	/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width: 606px;	/* IE 5.x */
	width/* */:/**/184px;
	/* CSS HACK */
		height: 456px;	/* IE 5.x */
	height/* */:/**/450px;	/* Other browsers */
	height: /**/93px;
	background-color:#000;
	border:3px solid #317082;
	position:relative;	/* Never change this value */
	}
	
	#imageSlideshowHolder img{
		position:absolute;
	}
	
/* CSS Pour les Tooltips */
#dhtmlgoodies_tooltip{
		background-color:#EEE;
		border:1px solid #000;
		position:absolute;
		display:none;
		z-index:20000;
		padding:2px;
		font-size:0.9em;
		-moz-border-radius:6px;	/* Rounded edges in Firefox */
		font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
		
	}
#dhtmlgoodies_tooltipShadow{
		position:absolute;
		background-color:#555;
		display:none;
		z-index:10000;
		opacity:0.7;
		filter:alpha(opacity=70);
		-khtml-opacity: 0.7;
		-moz-opacity: 0.7;
		-moz-border-radius:6px;	/* Rounded edges in Firefox */
	}

#arrondi_haut {
	background-image: url(../images/interface/arrondi_haut.png);
	background-repeat: no-repeat;
	width: 520px;
	height:22px;
}

#arrondi_centre {
	background-image: url(../images/interface/arrondi_centre.png);
	background-repeat: repeat-y;
	width: 520px;
	text-indent: 10px;
}

#arrondi_bas {
	background-image: url(../images/interface/arrondi_bas.png);
	background-repeat: no-repeat;
	width: 520px;
	height:29px;
}

#texte_heure {
color:#00b7dc;
}

.lien_noir a {
	color: #000000;
}
.posleft        {
       		 background-color: #fff;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
                 height: 200px;
                 width: 192px;
                 font-size: 12px;
		 font-variant: small-caps;
                 position: absolute;
                 left: 9px;
                 top: 110px;}

.posleft a	{color: #0099CC;}

.posleft a:hover	{color: #000;}

.posleft p 	{
                 font-size: 13px;
		 font-weight: 800;}

.deco           {background-color: #fff/*#ca4c38*/;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 color: /*#fff;*/ #ca4c38;
                 width: 190px;
		 font-weight: 600;}

.deco img	{background-color: #fff;}