/* Start of CMSMS style sheet 'CSS' */
body {
	margin:0px;
	padding:0px;
	margin-top:10px;
	background-color:#DAD9C9;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

/* BLOCS */

div#container {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	background-color:#FFFFFF;
}

div#box-header {
	background-color:#DAD9C9;
	background-image: url(/uploads/template/img/box-header.gif);
	width:1000px;
	height:299px;
}

div#box-bandeau {
	position:absolute;
	left:474px;
	width:503px;
	height:261px;
}

div#box-infoline {
	position:absolute;
	top:200px;
	left:74px;
	width:252px;
	font-size:0.9em;
	color:#CFEA80;
}

div#box-menu {
	position:absolute;
	top:260px;
	width:726px;
	left:150px;
	text-align:center;
}

div#box-ariane {
	color:#605847;
	width:500px;
	height:30px;
	padding-top:10px;
	padding-left:40px;
}

div#box-gauche {
	width:258px;
	border:2px solid #EBEBEB;
	margin-left:10px;
	float:left;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
}

div#box-news {
	background-color:#5E4C24;
	padding:20px;
}

div#box-centre {
	width:442px;
	margin-left:10px;
	float:left;
	padding-left:40px;
	padding-right:40px;
	color:#3B3B3B;
text-align:justify;
font-size:1.1em;
}

div#box-droite {
	width:132px;
	float:left;
	margin-left:10px;
}

div#box-footer {
	width:1000px;
	height:23px;
	background-color:#6BAF26;
	margin-top:20px;
	text-align:center;
	padding-top:7px;
	color:#FFFFFF;
	font-size:1.1em;
}

div#box-footer2 {
	margin-top:2px;
	width:1000px;
	height:14px;
	background-color:#5E4C24;
	text-align:center;
	padding-top:4px;
	color:#FFFFFF;
	font-size:0.8em;
}

/* STYLES */

h1 {
	background-image: url(/uploads/template/img/h1.gif);
	background-repeat: repeat-x;
	font-size:1.3em;
	margin:0px;
	padding:3px;
	padding-left:20px;
	padding-right:20px;
	display:inline;
	color:#FFFFFF;
}

h2 {
	font-size:1.3em;
	margin:0px;
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
	color:#4B8F08;
}

h3 {
	font-size:1.3em;
	margin:0px;
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
	color:#EF8700;
}

h4 {
	font-size:1.2em;
	margin:0px;
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
	color:#4B8F08;
}

h5 {
	font-size:1.2em;
	margin:0px;
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
	color:#EF8700;
}

h6 {
	font-size:1.1em;
	margin:0px;
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
	color:#EF8700;
}

div.actu-date {	
	font-size:1.1em;
	font-weight:bold;
	color:#4B8F08;
	text-align:right;
}

div#box-news div.actu-titre {
	font-size:1.2em;
	font-weight:bold;
	color:#FFFFFF;
}


div#box-news div.actu-texte {
	color:#FFFFFF;
	font-size:0.8em;
	text-align:justify;
}

.vert {
	color:#4B8F08;
}

.orange {
	color:#EF8700;
}

/* MENU */

div#box-menu ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

div#box-menu li {
	display:inline;
}

/* LIENS */

div#box-menu a, div#box-menu a:link {
	padding-right:20px;
	padding-left:20px;
	color:#FFFFFF;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
	height:23px;
	float:left;
	padding-top:8px;
	background-image: url(/uploads/template/img/a-menu.gif);
	background-repeat: no-repeat;
	background-position: right bottom;	
}

div#box-menu a.selected, div#box-menu a.selected:link {
	padding-right:20px;
	padding-left:20px;
	color:#FFFFFF;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
	height:23px;
	float:left;
	padding-top:8px;
	background-image: url(/uploads/template/img/a-menu-hover.gif);
	background-repeat: repeat;
}

div#box-menu a:hover {
	background-image: url(/uploads/template/img/a-menu-hover.gif);
	background-repeat: repeat;
}

div#box-news a, div#box-news a:link {
color:#FFFFFF;
text-decoration:underline;
}

div#box-news a:hover {
color:#FFFFFF;
text-decoration:none;
}

div#box-centre a, div#box-centre a:link {
	color:#6BAF26;
	text-decoration:underline;
}

div#box-centre a:hover {
	text-decoration:none;
}


div#box-ariane a, div#box-ariane a:link {
	color:#6BAF26;
	text-decoration:none;
}

div#box-ariane a:hover {
	text-decoration:underline;
}

div#box-footer a, div#box-footer a:link {
	color:#FFFFFF;
	text-decoration:none;
	
}

div#box-footer a:hover {
	text-decoration:underline;
}

div#box-footer2 a, div#box-footer2 a:link {
	color:#6BAF26;
	text-decoration:none;
}

div#box-footer2 a:hover {
	text-decoration:underline;
}

div.sep { clear: both; height: 1px; padding: 0; margin: 0; }
div.sep hr { position: absolute; top:-999em;left:-999em; }

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

	.thumb img, .thumb a img, .thumb a:link img{ /* Set link formatting*/
		display: inline;
		padding: 5px; /* 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: #FFFFFF; /*Background of photo on hover - sort of a light grey */
	}

	.thumb a:hover img {
		background-color: #6BAF26; /*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: 400px; /* Width of Big Image */
			height: auto;
		display: inline;
		padding: 5px; /* 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: left;
	}

	.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! */
	}

input, textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	margin:3px;
	padding:1px;
}

/*--------- Lightbox -----------*/
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}

#lightboxDetails{
    font-size: 0.9em;
    color: #555;
    padding-top: 0.5em;
}

#closeButton{ top: 5px; right: 5px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; }

#overlay img{ border: none; }

#overlay{ background-image: url(lightbox/overlay.png); }

* html #overlay{ /*Hack IE */
    background-color: #000;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="lightbox/overlay.png", sizingMethod="scale");
}
/*-------- fin lightbox -------*/
/* End of 'CSS' */