/* Start of CMSMS style sheet 'stylesheet' */
body
{
	background-image: url(trame/back.jpg);
	background-repeat: repeat-x;
	background-position: top;
        background-color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:10pt;
	margin:0;
	padding:0;
        color:#919191;
}

#page
{
	position : relative;
	margin : 0 auto;
	min-height: 100%; 
	width:1000px;
}

#logo
{
        background-image: url(trame/logo.png);
	background-repeat: no-repeat;
	background-position: top;
}
	
a{
color: #CCCCCC;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}

a:hover{
color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}

#menu
{
margin : 0 auto;
background-image: url(trame/menu.png);
background-repeat:no-repeat;
background-position: bottom;
padding-top:215px;
padding-left:110px;
margin-bottom:10px;
}

#menu table
{
padding-bottom:3px;
}

#menu table a
{
padding:0;
margin:0;
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
}

#menu table a:hover
{
color: #FFCC00;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
}

.titre {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
height:20px;
color: #f2bc00;
border-bottom:#FFFFFF solid 0.01em;
margin-bottom:10px;
padding-top:20px;
}

.news {
background-image: url(trame/fond-main.png);
width:250px;
height:300px;
color:#919191;
padding:4px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

.petit {
font-size: 10px; color: #666666
}

#bcrumbs
{
padding-left:140px; 
padding-bottom:5px;
color:#F2BB00
}

#contenu
{
padding-left:130px; 
padding-right:130px; 
padding-bottom:30px;
}

#jsddm li
{	
	float: left;
	list-style: none;
}

#jsddm li a
{	display: block;
	background: #F2BB00;
	padding: 5px 24px;
	text-decoration: none;
	color: #000000;
	white-space: nowrap;
}

#jsddm li a:hover
{	
	background: #000000;
	color:#F2BB00;
}
		
#jsddm li ul
{	
	z-index:1000;
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border: 1px solid #ffffff;
}
		
#jsddm li ul li
{	
	float: none;
	display: inline
	margin :0;
	padding:0;
}
		
#jsddm li ul li a
{	width: auto;
	color: #000000;
	background: #F2BB00
}
		
#jsddm li ul li a:hover
{
	background:#000000;
	color:#B57617;
}

/* Image Gallery - Small Thumbnail Images */
	.thumb {
		margin: 1em 1em 1.6em 0; /* Space between images */
		float: left;
                padding: 0;
		text-decoration: none;
		line-height: normal;
		text-align: left;
	}

	.thumb img, .thumb a img, .thumb a:link img{ /* Set link formatting*/
		/*width: 100px;*/ /* Image width*/
		height: 100px; /* Image height*/
		display: inline;
		padding: 12px; /* Image padding to form photo frame */
		/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/
		margin: 0;
		background-color: white; /*Background of photo */ 
		border-top: 1px solid #eee; /* Borders of photo frame */
		border-right: 2px solid #ccc;
		border-bottom: 2px solid #ccc;
		border-left: 1px solid #eee;
		text-decoration: none;
	}

	.thumb a:visited img {
		background-color: #eee; /*Background of photo on hover - sort of a light grey */
	}

	.thumb a:hover img {
		background-color: #dae6e4; /*Background of photo on hover - sort of light blue/green */
	}

	.thumbPicCaption {
		text-align: center;
		font-size: smaller;
		margin: 0 1px 0 0;
		padding: 0;
		width: 124px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		/* display: none;  if you do not want to display this text */
	}

	/* Image Gallery - Big Images */
	.bigPic {
		margin: 10px 0 5px 0;
		padding: 0;
		line-height: normal;
	}

	.bigPicCaption { /*Big Image Name - above image above .bigpicImageFileName (Without extension) */
		text-align: center;
		font-weight: bold;
		font-variant: small-caps;
		font-weight: bold;
		margin: 0 1px 0 0;
		padding: 0;
		width: 386px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		/* display: none;  if you do not want to display this text */
	}

	.bigPic img{ /* Big Image settings */
		width: 350px; /* Width of Big Image */
			height: auto;
		display: inline;
		padding: 18px; /* Image padding to form photo frame. */
		/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/
		margin: 0;
		background-color: white; /* Background of photo */ 
		border-top: 1px solid #eee; /* Borders of photo frame */
		border-right: 2px solid #ccc; 
		border-bottom: 2px solid #ccc;
		border-left: 1px solid #eee;
		text-decoration: none; 
		text-align: center;

	}

	.bigPicNav { /* Big Image information: 'Image 1 of 4' and gallery navigation */
		margin: 0;
		width: 386px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		padding: 0;
		color: #000;
		font-size: smaller;
		line-height: normal;
		text-align: center;
		/* display: none;  if you do not want to display this text. Why? You Lose Navigation! */
	}

/* End of 'stylesheet' */