/* No script
-----------------------------------------------------------------------------*/

noscript div {
	background : #FFFFB4;
	border : 1px solid #C0BDB9;
	margin : 0px 0px 10px 0px;
	padding : 5px 5px 5px 5px;
}

/* Body
-----------------------------------------------------------------------------*/

body {
	color : #414141;
	/*background : #ffffff;*/
	background-image: url(../images/animals.png);
	font-family	: "Trebuchet MS", "Lucida Grande", Helvetica, Sans;
	font-weight : normal;
	font-size : 14px;
	margin : auto;
	padding : 0px;
	text-align:center;
}

.hr {
  border: 0;
  width: 100%;
  color : #694ffc;
}

.button{
	background-image: url('../images/button.png');
	height : 42px;
	width : 103px;
}

#wrap {
	background : #f7f7f7;
	/*background-image: url('../images/animals.png');*/
	/*background-repeat: repeat*/
	margin-left : auto;
	margin-right : auto;
	width : 1024px;
	border: 1px #cccccc solid;
}

/* Banner
-----------------------------------------------------------------------------*/

#banner {
		
	margin-left : 0px;
	margin-right : 0px;
	width : 1024px;
	height : 100px;
	/*border-bottom: 1px #694ffc solid;*/
}

#banner #banner-nav {
	/*background : url(../images/nav.png) no-repeat;*/
	height : 42px;
	width : 1004px;
	padding-top : 58px;
	font-size : 16px;
	padding-right: 20px;
	text-align:right;
	/*vertical-align: middle;*/
}

#banner #banner-nav ul
{
list-style: none;
padding: 0;
margin: 0;
} 

#banner #banner-nav li
{
float: right;
margin: 0 0.15em;
} 

#banner #banner-nav li a
{
background: url('../images/button.png') no-repeat;
height: 42px;
line-height: 2.5em;
float: left;
width: 103px;
display: block;
font-weight : normal;
font-size : 14px;
color: #ffffff;
text-decoration: none;
text-align: center;
font-family: Verdana, Tahoma, Helvetica, Arial;
} 

#banner #banner-nav a {	
	color : #616161;
	text-decoration:none;	
}
#banner #banner-nav a:hover {
	text-decoration:underline;
}


#banner #banner-top {
	background : url(../images/header.jpg) no-repeat;
	height : 90px;
	width : 1024px;
}

#banner #banner-bottom {
	background : #01a5e4;
	height : 10px;
	
}



/* Content
-----------------------------------------------------------------------------*/


#content {
	line-height : 20px;
	padding-top : 0px;
	padding-bottom : 20px;
	padding-right : 0px;
	padding-left : 0px;
	width : 1024px;
	/*border-top: 1px #694ffc solid;*/
	
}

#side {
	width : 0px;	
	float : right;	
	text-align:left;
	/*background-color:#ffffff;*/
}

#side .sidetop{	
	height : 7px;
	background : url(../images/bg-topside2.png) no-repeat;	
}

#side .sidebottom{					
	background : url(../images/bg-bottomside2.png) no-repeat;
	height : 9px;
}

#side .sidecontent{		
	padding-right : 20px;
	padding-left : 20px;
	
	
}

#side .blackboard{
	background : url(../images/blackboard_2.png) no-repeat;
	height : 257px;
	width : 246px;
	color: #bbbbbb;
}

#message_ads{
	padding-top : 17px;	
	width : 225px;
	font-size : 11px;
	padding-left : 10px;
}

#message_ads ul{
	
	list-style-type: square;
	/*list-style-position: inside;*/
	/*text-indent: -3em;*/

  	/*padding-left: 0px;*/

}

#side .contact{
	background : url(../images/contactside.png) no-repeat;
	height : 137px;
	width : 0px;
}

#mainfullpage {
	float : left;
	padding-right : 0px;
	padding-left : 0px;
	width : 854px;
	/*background-color:#ffffff;*/
}

#main {
	float : left;
	padding-right : 30px;
	padding-left : 30px;
	/*width : 1024px;*/
	/*background-color:#ffffff;*/
	text-align:justify;
}

#mainflash{
	height : 310px;
	width : 1024px;
	background : url(../images/bg1.jpg) repeat-x;
	
}

#contact-mask{
	height : 102px;
	width : 1024px;
	background : url(../images/bg1.jpg) repeat-x;
	font-weight : bold;
font-size : 14px;

text-decoration: none;
text-align: center;
font-family: Verdana, Tahoma, Helvetica, Arial;
}

#mainflash-nav{
	height : 24px;
	width : 1024px;
	padding-right : 0px;
	padding-left : 0px;
	text-align: right;
	background : #f7f7f7;
	color: #ff7000;
	
}

#mainflash-nav a{
	color: #ff7000;
	font-weight : bold;
}

.title{
color: #ff7000;
}

.subtitle{
font-weight : bold;
}

.bar {
	background : url(../images/bar.png) no-repeat;	
	text-align: left;
	padding-left : 10px;
	padding-top : 7px;
	font-size : 14px;
	height : 33px;
	width : 555px;
	font-family	: "Trebuchet MS", "Lucida Grande", Helvetica, Sans;
	font-weight : normal;
}

.bar2 {
	background : url(../images/bar2.png) no-repeat;	
	text-align: left;
	padding-left : 10px;
	padding-top : 14px;
	font-size : 14px;
	height : 51px;
	width : 846px;
	font-family	: "Trebuchet MS", "Lucida Grande", Helvetica, Sans;
	font-weight : bold;
	font-size : 16px;
}

#timeshop {
	border : 1px solid #C0BDB9;
	text-align : left;
	padding : 20px;
}

/* Footer
-----------------------------------------------------------------------------*/

#footer {		
	/*border-top: 1px #694ffc solid;*/
	background : url(../images/footer.jpg) no-repeat;
	width: 1024px;
	height: 92px;	
	text-align : center;
	font-size : 16px;
	
	font-family	: "Trebuchet MS", "Lucida Grande", Helvetica, Sans;
	font-weight : bold;
}

#footer_full {		
	
	background : #daeef8;
	width: 908px;		
	text-align : center;	
}

/* General Text Styles
-----------------------------------------------------------------------------*/

#warning {
	color : #ff0000;
	font-family : "Trebuchet MS", "Lucida Grande", Helvetica;
	font-weight : bold;
	font-size : 18px;
	margin : 0px 0px 0px 0px;
}

#text {
	margin : 10px 10px 10px 10px;
	
}

.clear {clear : both;}

.paws {
	background : url(../images/dogpaws.png) repeat-x bottom;
	margin-bottom : 5px;
	padding-bottom : 5px;
}

.more {
	color : #75507b;
	text-decoration: none
}

/* Nouvelles 
-----------------------------------------------------------------------------*/

.main-header {
	background : url(../images/border-hors.gif) repeat-x bottom;
	margin-bottom : 0px;
	padding-bottom : 0px;
	font-size : 13px;
}


#news-recent {
	margin-bottom : 0px;	
	text-align : left;
}

#news-recent .news {
	background : url(../images/hsep_bg.gif) repeat-x bottom;
	padding-bottom : 5px;
}

#news-recent .list .news.last {
	background : none;
	margin-bottom : 0px;
	padding-bottom : 0px;
}

#news-recent .list .news .date {
	font-size : 9px;
	line-height : 7px;
}

#news-recent .list .news .name {
	color : #272E34;
	font-weight : bold;	
	font-size : 11px;
	line-height : 10px;
}

#news-recent .list .news .desc {
	white-space: normal;
	text-align: justify;
	font-size : 11px;
	line-height : 13px;
}

#news-recent .list .news .more {
	font-weight : bold;
	font-size : 11px;
}


#news-list {
	border: 1px #685353 solid;
}

#news-list .view .name {
	font-weight : bold;
	font-size : 15px;
}

#news-list .view .date {	
	font-size : 12px;
	text-align: right;
}

#news-list .view .content {
	font-size : 15px;
	
}

#news-list .view {	
	background : url(../images/bg-message.png);
	padding-bottom : 10px;
	padding-top : 10px;
	padding-left : 10px;
	padding-right : 10px;
}

/* Évènements 
-----------------------------------------------------------------------------*/



#events-recent {
	margin-bottom : 0px;	
	text-align : left;
}

#events-recent .events {
	background : url(../images/hsep_bg.gif) repeat-x bottom;
	padding-bottom : 5px;
}

#events-recent .list .events.last {
	background : none;
	margin-bottom : 0px;
	padding-bottom : 0px;
}

#events-recent .list .events .date {
	color : #ff0000;
	font-weight : bold;
	font-size : 11px;
	line-height : 7px;
}

#events-recent .list .events .desc {
	white-space: normal;
	text-align: justify;
	font-size : 11px;
	line-height : 13px;
}

#events-recent .list .events .name {
	color : #272E34;
	text-align: left;
	font-weight : bold;
	font-size : 11px;
	line-height : 7px;
}

#events-recent .list .events .more {
	font-size : 11px;
	font-weight : bold;
}

#events-list {
	border: 1px #685353 solid;
}

#events-list .view .name {
	font-weight : bold;
	font-size : 15px;
}

#events-list .view .date {	
	font-size : 16px;
	font-weight : bold;
	color : #ff0000;
	text-align: center;
}

#events-list .view .content {
	font-size : 14px;
}

#events-list .view {
	background : url(../images/bg-message.png);
	padding-bottom : 10px;
	padding-top : 10px;
	padding-left : 10px;
	padding-right : 10px;
}


/* Gallery 
-----------------------------------------------------------------------------*/

.photo {
	margin: 10px;
	position: relative;
	width: 210px;
	height: 140px;
	float: left;
	border: 1px #cccccc solid;
}

.photo a {
	text-decoration: none;
}

.photo span {
	width: 210px;
	height: 140px;
	display: block;
	position: absolute;
	top: -6px;
	left: -6px;
	/*background: url(../images/framemask.png) no-repeat;*/
}
.photo img {
	border: none;
	padding: 0px;
	width: 210px;
	height: 140px;
}

.photo2 {
	margin: 5px;
	position: relative;
	width: 270px;
	height: 211px;
	float: left;
	border: 1px #cccccc solid;
}

.photo2 a {
	text-decoration: none;
}

.photo2 span {
	width: 270px;
	height: 211px;
	display: block;
	position: absolute;
	top: -6px;
	left: -6px;
	/*background: url(../images/framemask2.png) no-repeat;*/
}
.photo2 img {
	border: none;
	padding: 0px;
	width: 270px;
	height: 211px;
}

.section {
	
	width: 555px;
	float: left;
	border: 1px #cccccc solid;
}

.section img {
	border: none;
	padding: 0px;
	width: 150px;

}