BODY {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	background-image: url(../bg-site.gif);
	background-repeat: repeat;
	text-align: center;
}
#menuDeroulant {
	BORDER-TOP-WIDTH: 0px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BACKGROUND: #66cccc;
	BORDER-BOTTOM-WIDTH: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	WIDTH: 560px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
	POSITION:absolute;
	TOP: 271px;
	HEIGHT: 23px;
	BORDER-RIGHT-WIDTH: 0px;
	text-align:left;
	left:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#menuDeroulant LI {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 137px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
#menuDeroulant LI A:link {
	BORDER-RIGHT: #fff 1px solid;
	PADDING-RIGHT: 8px;
	DISPLAY: block;
	PADDING-LEFT: 8px;
	PADDING-BOTTOM: 4px;
	MARGIN: 0px;
	COLOR: #fff;
	PADDING-TOP: 4px;
	HEIGHT: 1%;
	TEXT-DECORATION: none;
	background-color: #888787;
}
#menuDeroulant LI A:visited {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; BACKGROUND: #999999; PADDING-BOTTOM: 4px; MARGIN: 0px; COLOR: #fff; PADDING-TOP: 4px; HEIGHT: 1%; TEXT-DECORATION: none
}
#menuDeroulant LI A:hover {
	BACKGROUND-COLOR: #66cccc;
	COLOR: #000000;
	font-weight: bold;
}
#menuDeroulant LI A:active {
	BACKGROUND-COLOR: #66cccc
}
#menuDeroulant .sousMenu {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; BORDER-RIGHT-WIDTH: 0px
}
#menuDeroulant .sousMenu LI {
	BORDER-RIGHT: transparent 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: transparent 0px solid; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FLOAT: none; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 149px; PADDING-TOP: 0px
}
#menuDeroulant .sousMenu LI A:link {
	BORDER-TOP-WIDTH: 0px; DISPLAY: block; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(fond.jpg); BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; COLOR: #fff; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none
}
#menuDeroulant .sousMenu LI A:visited {
	BORDER-TOP-WIDTH: 0px; DISPLAY: block; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(fond.jpg); BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; COLOR: #fff; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none
}
#menuDeroulant .sousMenu LI A:hover {
	BACKGROUND-IMAGE: none; BACKGROUND-COLOR: #66cccc; COLOR: #000000
}
#menuDeroulant LI:hover > .sousMenu {
	DISPLAY: block
}

h1 {
	COLOR: #69BDB3;
	font-size: 24px;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px;
	font-weight: lighter;
	text-align: left;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	COLOR: #999999;
	font-size: 20px;
	font-weight: lighter;
}
h3 {
	COLOR: #FF0033;
	font-weight: normal;
	border-bottom-style: dotted;
	border-bottom-width: thin;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: left;
}
h4 {
	COLOR: #666666;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
}
.doc  {
	COLOR: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	list-style-image: url(images/bullet-small.png);
	text-align: left;
	background-color: #009999;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
A.doc {
	COLOR: #666666;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	list-style-image: url(images/bullet-small.png);
	text-align: left;}
A.doc:hover {
	COLOR: #FF0033;
	font-weight: normal;
	text-decoration: none;
}
.marge {
	MARGIN: 10px
}
.marge2 {
	MARGIN: 5px 0px 0px
}
.marge3 {
	MARGIN: 11px 0px 0px 31px
}
.border {
	BORDER-RIGHT: #898989 1px solid; BORDER-TOP: #898989 1px solid; BORDER-LEFT: #898989 1px solid; BORDER-BOTTOM: #898989 1px solid
}
.invi {
	COLOR: #fff6f6
}
A.lien {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #303030; FONT-FAMILY: helvetica,verdana,sans-serif; LETTER-SPACING: 2px; TEXT-DECORATION: none
}
A.lien2 {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #ff0000; FONT-FAMILY: helvetica,verdana,sans-serif; LETTER-SPACING: 2px; TEXT-DECORATION: none
}
A.lien:hover {
	COLOR: #ff0000
}
A.lien2:hover {
	COLOR: #99cccc
}
A.liennews {
	FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #303030; LINE-HEIGHT: 20px; FONT-FAMILY: verdana
}
.lien-h2 {
	font-family:Arial, Helvetica, sans-serif;
	COLOR: #999999;
	font-size: 20px;
	font-weight: lighter;
	text-align: left;	list-style-image: url(images/bullet.png);
}
}A.lien-h2 {
	COLOR: #999999;
	list-style-image: url(images/bullet.png);
}
A.lien-h2:hover {
	COLOR: #FF0000;
}
A.lien-h4 {
	FONT: 13px verdana, sans-serif;
	COLOR: #999999;
	line-height: 13px;
	font-weight: bold;
}
A.lien-h4:hover {
	COLOR: #FF0000;
}
A.index {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #272727; TEXT-DECORATION: none
}
A.index:hover {
	COLOR: #99cccc
}
TD.menu {
	PADDING-LEFT: 35px; VERTICAL-ALIGN: middle; HEIGHT: 17px
}


.texte-georgia-16 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	line-height: 17px;
}
	/* jQuery lightBox plugin - Gallery style */
	#gallery {
		background-color: #FFFFFF;
		padding: 10px;
		width: 520px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
	
/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	background:url(http://www.im2s.mc/bi-jquery/h400.png) 0 0;
	width: 211px;
	border:1px solid #999;
	-background:#6ac0b6;
	text-align: left;
}

/* accordion header */
#accordion h2 {
	background:#6ac0b6 url(http://www.im2s.mc/bi-jquery/h40.png);
	margin:0;
	padding:10px 15px;
	font-size:14px;
	font-weight:normal;
	color:#333333;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;		
}

/* currently active header */
#accordion h2.current {
	cursor:default;
	background-color:#fff;
	color:#333333;
}

/* accordion pane */
#accordion .pane {
	border:1px solid #fff;
	border-width:0 2px;
	display:none;
	padding:15px;
	color:#fff;
	font-size:12px;
}

/* a title inside pane */
#accordion .pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#FFF;
}

A.accordion {
	FONT: 14px/17px serif;
	TEXT-DECORATION: none;
	COLOR: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	
A.accordion:hover {
	COLOR: #66FFCC;
}
.texte2011 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	list-style-image: url(images/bullet-small.png);
	line-height: 18px;
}
A.texte2011 {
	color: #284B47;
}
A.texte2011:hover {
	color: #3D726B;
	text-decoration: none;
}
.phone-grand {
	color: #2A4A47;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
}
.phone-petit {
	font-size: 18px;
	font-weight: bold;
	color: #284B47;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.phone-comment {
	font-size: 14px;
	font-weight: bold;
	color: #284B47;
	font-family: Arial, Helvetica, sans-serif;
	list-style-image: url(images/bullet-small.png);
}
A.phone-comment {
	font-size: 14px;
	font-weight: bold;
	color: #284B47;
	font-family: Arial, Helvetica, sans-serif;
	list-style-image: url(images/bullet-small.png);
	text-decoration: none;
}
A.phone-comment:hover {
	color: #FFFFFF;
}
.copyright {
	font-size: 12px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.legende-photos {
	font-size: 12px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color: #69BDB3;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.lien-blanc {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	list-style-image: url(images/bullet-small.png);
}
.lien-gris {
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	list-style-image: url(images/bullet-small.png);
}
A.lien-gris {
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	list-style-image: url(images/bullet-small.png);
}
A.lien-gris:hover {
	color: #CCCCCC;
	text-decoration: none;
}
.ensavoirplus {
	font-size: 16px;
	color: #666666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 200;
	font-style: italic;
	text-align: left;
}
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 465px;
	height:155px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}