body {
	background: #78AAC4 url("images/bg.jpg") repeat-x ;
	margin: 0 ;
	padding: 0 ;
}
@font-face {
	font-family: Segoesc ;
	src: url("images/SEGOESC.TTF") ;
}
@font-face {
	font-family: Segoesc ;
	font-weight: bold ;
	src: url("images/SEGOESCB.TTF") ;
}
img {
	border: none ;
}
a:link,
a:visited {
	text-decoration: none ;
}
#site {
	margin: 0px auto 10px ;
	width: 938px ;
	font-family: Helvetica, Arial, sans-serif ;
	font-size: 13px ;
}
#container {	
	background-image: url("images/site-bg.jpg") ;
	position: relative ;
	z-index: 0 ;
	border-top-left-radius: 8px ;
	-webkit-border-top-left-radisu: 8px ;
	-moz-border-radius-topleft: 8px ;
	border-top-right-radius: 8px ;
	-webkit-border-top-right-radisu: 8px ;
	-moz-border-radius-topright: 8px ;
	box-shadow: 3px 3px 12px #333333 ;
	-webkit-box-shadow: 3px 3px 12px #333333 ;
	-moz-box-shadow: 3px 3px 12px #333333 ;
	zoom:1 ;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=135, Strength=9);
}
/*////////////////////////////////////////
		H E A D E R
////////////////////////////////////////*/
#header {
	background: url("images/nuages.png") no-repeat ;
	margin-left: -34px ;
	height: 143px ;
	position: relative ;
	z-index: 1 ;
}
#header img {
	position: absolute ;
	top: 30px ;
	left: 32px ;
}
#header p {
	position: absolute ;
	font-family: Segoesc, Textile, Arial, sans-serif ;
	color: #fd6502 ;
	font-size: 18px ;
	font-weight: bold ;
	text-shadow: 1px 1px 15px #ffffff ;
	bottom: 15px ;
	left: 314px ;
	margin: 0 ;
}
#son {
	position: absolute ;
	bottom: 21px ;
	right: 20px ;
}
/*////////////////////////////////////////
		T O T E M
////////////////////////////////////////*/
#totem {	
	float: left ;
	width: 22% ;
	font-size: 14px ;
	font-weight: bold ;
}
/************************* 
			MENU 
*************************/
ul#menu {
	background-image: url("images/menu-bg.jpg") ;
	list-style-image: url("images/liste-menu.png") ;
	margin-top: 90px ;
	float: left ;
	margin-left: -20px ;
	padding: 10px 0px 10px 40px ;
	width: 180px ;
	box-shadow: 3px 1px 6px #888888 ;
	-webkit-box-shadow: 3px 1px 6px #888888 ;
	-moz-box-shadow: 3px 1px 6px #888888 ;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=135, Strength=3);
	-o-transform: rotate(-0.02rad);
	-o-transform-origin: 50% 50%;
	-webkit-transform: rotate(-0.02rad);
	-webkit-transform-origin: 50% 50%;
	-moz-transform: rotate(-0.02rad);
	-moz-transform-origin: 50% 50%;
	
}
ul#menu > li {
	position: relative ;
}
ul#menu a:link,
ul#menu a:visited {
	font-family: Segoesc, Textile, Arial, sans-serif ; 
	color: #fd6502 ;	
}

/**** ROLL OVER ***/
ul#menu ul {
	display: none ;	
	list-style: disc ;
	padding: 0 0 0 10px ;
	margin-left: 0 ;
	font-size: 13px ;
}
ul#menu ul li {
	color: #fd6502 ;
}
ul#menu li:hover ul {
	display: block ;
}

/************************
			ACTUALITÉS
************************/
#totem h1{
	background: url("images/trait-bleu.png") no-repeat left bottom ;
	margin-left: 10px ;
	padding: 0 0 7px 3px ;
	font-family: Segoesc, Textile, Arial, sans-serif ;
	color: #2952d0 ;
	font-size: 24px ;
}
#totem > a > img {
	float: right ;
	margin-right: 24px ;
} 
ul#actus {
	padding: 0 0 0 13px ;
	list-style: none ;
	width: 179px ;
	margin-left: 0 ;
}
ul#actus > li  {
	background: url("images/trait-jaune.png") no-repeat left bottom ;
	position: relative ;
	margin-top: 4px ;
}
ul#actus span.jour {
	float: left ;
	font-family: Helvetica, Arial, sans-serif ;
	color: #fd6502 ;
	padding-top: 2px ;	
}
ul#actus span.an {	
	font-family: Helvetica, Arial, sans-serif ;
	font-size: 9px ;
	font-weight: bold ;
	color: #FFEC78 ;
	float: left ;
	clear: left ;
}
ul#actus span.actua {
	display: inline-block ;
	width: 68% ;
	padding: 0 0 23px 7px ;
	line-height: 14px ;
}
ul#actus a:link,
ul#actus a:visited {
	color: #2952d0 ;
	font-family: Segoesc, Textile, Arial, sans-serif ;
}
/*////////////////////////////////////////
		C O N T E N U
////////////////////////////////////////*/
#content {
	float: left ;
	min-height: 537px ;
	width: 73% ;
	padding: 10px 5px 10px 15px ;
}
div#bandeau_bg {
	height: 79px ;
	margin-top: -10px ;
	position: absolute ;
	right: 0 ;
	width: 707px ;
	border-top-right-radius: 8px ;
	-webkit-border-top-right-radius: 8px ;
	-moz-border-radius-topright: 8px ;
}
div#bandeau_bottom {
	background:#DCBE9C url("images/bandeau_bottom.jpg") repeat-x;
	position: absolute ;
	right: 0 ;
	top:70px;
	height:9px;
	padding:1px;
	width: 707px ;
}
div#bandeau img {
	margin-top: -10px ;
	position: relative ;
	left: 3px ;
}
#texte {
	float: left ;
	width: 63% ;
	margin-left: 42px ;
	color: #2952D0 ;
	text-align: justify ;
}
ol li {
	margin-top: 5px ;
}
ol li:first-line {
	font-weight: bold ;
}
#totem_right {
	float: left ;
	width: 30% ;
	position: relative ;
	margin: -20px -18px 10px 18px ;
}
#totem_right ul {
	list-style: none ;
	padding: 0 ;
}
#totem_images img {
	background-color: #ffffff ;
	padding: 5px 5px 15px ;
	border: 1px solid #333333 ;
	box-shadow: 3px 1px 6px #888888 ;
	-webkit-box-shadow: 3px 1px 6px #888888 ;
	-moz-box-shadow: 3px 1px 6px #888888 ;
	z-index:100;
	height: 150px ;
	width: 200px ;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=135, Strength=3);
	
	-o-transform: rotate(0.05rad);
	-o-transform-origin: 50% 50%;
	-webkit-transform: rotate(0.05rad);
	-webkit-transform-origin: 50% 50%;
	-moz-transform: rotate(0.05rad);
	-moz-transform-origin: 50% 50%;
	
	transition-duration: 0.50s;
	-moz-transition-duration: 0.50s;
	-webkit-transition-duration: 0.50s;
	-o-transition-duration: 0.50s;
	
	transition-property: transform, height,width ;
	-moz-transition-property: -moz-transform, height,width ;
	-webkit-transition-property: -webkit-transform, height,width ;
	-o-transition-property: -o-transform, height,width ;
	
	transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
	-moz-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
	-webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
	-o-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
#totem_images img.img1{
	-o-transform: rotate(-0.05rad);
	-o-transform-origin: 50% 50%;
	-webkit-transform: rotate(-0.05rad);
	-webkit-transform-origin: 50% 50%;
	-moz-transform: rotate(-0.05rad);
	-moz-transform-origin: 50% 50%;
}
#totem_images a:hover img{
	-o-transform: rotate(0rad);
	-o-transform-origin: 50% 50%;
	-webkit-transform: rotate(0rad);
	-webkit-transform-origin: 50% 50%;
	-moz-transform: rotate(0rad);
	-moz-transform-origin: 50% 50%;
	
	height: 165px ;
	width: 230px ;
	z-index:1000;
}
#files_download {
	background-color: #fdf6d9 ;
	margin-top: 45px ;
	box-shadow: 3px 1px 6px #888888 ;
	-webkit-box-shadow: 3px 1px 6px #888888 ;
	-moz-box-shadow: 3px 1px 6px #888888 ;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=135, Strength=3);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

#files_download li {
	padding-top: 10px ;
	line-height:14px;
}
#files_download li > img {
	margin:-26px 3px 5px 10px;
	vertical-align:top;
	float:left;
}
#files_download a {
	position: relative ;
	right: -33px ;
	display:block;
}
#clear {
	clear: both ;
}
/*///////////////////////////////////////
		F O O T E R
///////////////////////////////////////*/
#footer {
	height: 24px ;
	position: relative ;
	z-index: 0 ;
}
#footer div {
	background: url("images/footer.jpg") repeat-x ;
	padding: 5px 10px 3px 0 ;
	position: absolute ;
	bottom: 0 ;
	right: 0 ;
	width: 700px ;
	z-index: -1 ;
}
#footer ul {
	list-style: none ;
	text-align: right ;
	margin: 0 ;
	display: inline ;
	padding: 0 ;
}
#footer ul li{
	float:right;
	margin-right:10px;
}
#footer ul a:link,
#footer ul a:visited {
	color: #fd6502 ;
}

/*///////////////////////////////////////
		S U B F O O T E R
///////////////////////////////////////*/
#subfooter {
	background: url("images/pieddepage.jpg") repeat-x ;
	color: #FFEC78 ;
	height: 36px ;
	text-align: center ;
	font-size: 12px ;
}
#subfooter p {
	padding-top: 10px ;
	margin: 0 ;
	font-family: Segoesc, Textile, Arial, sans-serif ; 
}