@import url("reset.css");

/**
 * Generic styles
 */
body {
	background: #e6e6e6 url('../img/bottom-content.png') bottom no-repeat;
	color: #331E09;
	font-family: Verdana, Arial, Helvetica, cursive, sans-serif;
	font-size: 13px;
}

#topbd{
  background:#846921;
  width:100%;
  height:17px;
}

h1{
  background: #cdcdcd url('../img/lapin.png') 6px 2px no-repeat;
  padding-left:40px;
  margin:0;
  /*width:100%;  */
  width:718px;
  color:#6b5119;
  font-size:14px;
  line-height:29px;
  font-weight:bold;
  height:29px;
  overflow:hidden;
}

h2, h3 {
	margin: 20px 10px 10px 10px;
}
h4, h5, h6, ol, ul, table, pre, dl,form {
	margin: 10px 10px;
}

h2 {
	font-size: 1.4em;
	border-bottom: 1px solid;
}
h3 {
	font-size: 1.3em;
	text-decoration: underline;
}
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
p {
	line-height: 1.1em;
	margin: 10px;
}
a {
	color: #733D17;
	font-weight: bold;
	letter-spacing: -1px;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
strong { font-weight: bold; }
em { font-style: italic; }
code { font-family: "Lucida Console", Courier, monospace; }
blockquote {
	border-left: 2px solid #733D17;
	margin: 10px;
	padding-left: 10px;
}
ul {
	list-style: disc inside;
	margin-left: 10px;
}
pre {
	margin: 10px;
	padding: 0px;
}
dt { font-weight: bold; }
dd {
	display: list-item;
	list-style: circle inside;
	margin-bottom: 10px;
}


/**
 * Layout
 */
#container {
	background: transparent url('../img/backgrd.gif') repeat-y;
	border:0;
	margin: 0 auto;
	padding: 0 5px 0 8px;
	width: 960px;
}

#bottomContainer{
	background: transparent url('../img/bottom-content.gif') no-repeat;
	padding-left:4px;
	width: 972px;
	margin: -13px auto;
	height:13px;
}

#header {
	color: #D9C271;
	padding:0;
	text-align:left;
	position:static;
}

	#header #title a {
		background: #331E09;
		border: 3px double #D9C271;
		color: #D9C271;
		display: block;
		font-size: 1.8em;
		font-variant: small-caps;
		letter-spacing: 2px;
		margin: 0 auto 20px auto;
		padding: 10px 30px;
		width: 80%;
	}

	#header #title a:hover {
		background: #542E08;
		text-decoration: none;
	}

	#logo{
	 float:left;
	}

	#diapo{
	 width:475px;
	 height:190px;
	 float:right;
	 margin:0;
	 padding:0;
	}

	#flashICI{
	 background:url('../img/diapoDefault.jpg') no-repeat;
	 width:475px;
	 height:190px;
	 margin:0;
	 padding:0;
	}

	#nav {
		list-style: none;
		margin: 0px;
		overflow: hidden;
		clear:both;
		height:24px;
		color: #cdcdcd;
		background:#7898be;
	}
	#nav li {
		float: left;
	}
	#nav li a {
		border:0;
		background: #7898be;
		display: block;
		height: 30px;
		line-height: 24px;
		padding: 0px 10px;
		color:#6e591c;
	}

	#nav li a:hover, #header #nav li.active a {
		border-bottom: 0px;
		color: #fff;
		text-decoration: none;
	}
/* --- SOUS-MENU ---*/
#nav li ul { visibility: hidden; }
#nav li:hover ul { visibility: visible; }
#nav ul{
	background-color:#FFF;
	position:absolute;
	top:220px;
	z-index:10;
}
#nav ul li{
	position:relative;
	display:block;
	width:190px;
}
#nav ul li a{
	display:block;
	color:#6e591c;
	cursor:pointer;
	height:auto;
	line-height:20px;
}
/* Largeur des sous éléments pour pouvoir les mettre à la verticale */
#nav li ul { width:85px; }
#nav li#4b447397-e31c-4aac-919b-4f9250f7e92b ul{ margin-left : -10px; }
/* Peut etre pas nécéssaire */
#nav li:hover ul a { color:#6e591c; border-bottom:1px solid #968784; }
#nav li:hover ul a:hover { color:#fff; }
#nav ul span {
	border:0;
	background: #7898be;
	display: block;
	font-weight: bold;
	height: 30px;
	line-height: 24px;
	padding: 0px 10px;
	color:#6e591c;
}
#nav ul span:hover, #header #nav ul:active span {
	border-bottom: 0px;
	color: #fff;
	text-decoration: none;
}
/* --- FIN SOUS-MENU --- */
#nav li.active a {
	border-bottom: none;
	padding: 0px 10px;
}

#bottomNav{
	 background:#846921;
	 height:18px;
	 width:100%;
	}

div.contents div div {
  padding:0 5px;
}

#footer {
	background: #fff;
	clear: both;
	text-align: center;
	margin: 40px auto 0 auto;
	padding: 5px 0 18px 0;
}
#footer, #footer a {
	color: #bbd770;
	font-size: 12px;
	font-weight: bold;
}

#content {
	background: #cdcdcd;
	margin: 0;
	padding:0 0 10px 0;
}
	#content ul li {
		margin: 5px 0;
	}
	/* List + form for admin pages */
	#content ul#leftList {
		background: #D9C271;
		border: 1px solid #733D17;
		float:left;
		list-style: none;
		width: 200px;
	}
		#content ul#leftList li {
			height: 1.7em;
			line-height: 1.7em;
			margin: 2px 1px;
		}
		#content ul#leftList li a {
			background: #733D17;
			color: #D9C271;
			display: block;
			text-align: center;
		}
		#content ul#leftList li a:hover {
			background: #542E08;
			color: #DED2A6;
			text-decoration: none;
		}
		#content ul#leftList li.highlighted a {
			background: #331E09;
		}
	#content #formPlaceholder {
		margin-left: 230px;
	}

	#content #left{
	   background:#FFF;
	   border-right:1px #cdcdcd solid;
	   -webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-left-radius: 5px;
	   float:left;
	   padding:0;
	   width:758px;
	   min-height:660px;
	}

	#content #right{
	 float:right;
	 padding:10px;
	}

	.box{
	  width:180px;
     background:#7898be;
	   -moz-border-radius: 10px;
	   -webkit-border-radius: 10px;
	   padding:5px 0;
	   text-align:center;
	   margin-bottom:10px;
	}

	.box .title{
	   color:#534741;
	   font-weight:bold;
	   font-size:14px;
	   margin:0 10px 5px 5px;
	   text-align:left;
	   height:27px;
	   line-height:27px;
	}

	hr.separ{
	 border:0;
	 border-bottom:1px #534741 dashed;
	 height:1px;
	 margin:5px;
	}

	.box .recherche{
	   background: url('../img/box-recherche.gif') no-repeat;
     padding-left:45px;
     width:120px;
	}

	.box .contact{
	   background: url('../img/box-contact.gif') no-repeat;
     padding-left:38px;
     width:124px;
	}

	.box .affiche{
	   background: url('../img/box-affiche.gif') no-repeat;
     padding-left:50px;
     width:120px;
	}

	.box .dept{
	   background: url('../img/box-dept.gif') no-repeat;
     padding-left:25px;
     width:140px;
	}


/**
 * Admin sortable menus
 */
.menu #children {
	background: #D9C271;
	border: 1px solid #733D17;
	list-style: none;
	margin: 10px auto;
	padding: 5px 10px;
	width: 70%;
}
	.menu #children li {
		padding: 5px 10px;
	}
	.menu #children li:hover {
		border: 1px dashed #733D17;
		cursor: move;
		background: #DED2A6;
		padding: 4px 9px;
	}



/**
 * Notices and Errors
 */
div.message {
	color: #900;
	font-size: 1.2em;
	margin: 1em 0;
}
div.error-message {
	color: #900;
	font-weight: bold;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 1.4em;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}

/**
 * Other generic markup
 */
.paging {
	margin: 1em 0;
}
.actions {
	border-top: 1px solid #331E09;
	line-height: 1.2em;
	margin: 15px auto 10px auto;
	padding-top: 10px;
}


.clear{
  clear:both;
}

.left{
  float:left;
}

.right{
  float:right;
}

/**
 * Tables
 */
table {
	border-collapse: collapse;
	width: 98%;
	margin: 20px auto;
}
table th {
	border: 1px solid #331E09;
	background: #733D17;
	color: #D9C271;
	font-size: 1.1em;
	font-variant: small-caps;
	padding: 10px;
}
table th a { color: #D9C271; }
table td { padding: 5px 10px; }
table tbody tr.hover:hover { background: #D9C271; }

/**
 * Forms
 */
.input {
	clear: left;
	min-height: 2em;
	line-height: 2em;
	margin-bottom: 5px;
}
.input input, .input select {
	background: #FFFFFF;
	border: 1px solid #733D17;
	color: #733D17;
	font-size: 1.1em;
	padding: 5px 10px;
	width: 300px;
}

.input input:hover, .input select:hover {
	background: #DED2A6;
	border: 1px solid #331E09;
}
.input input:focus, .input select:focus {
	padding: 4px 9px;
	border: 2px solid #542E08 ;
}

.input label {
	clear: left;
	display: block;
	float: left;
	width: 120px;
}
.input label:after, .radio legend:after { content: ":"; }
.checkbox label:after, .radio label:after { content: ""; }
.checkbox label, .radio label {
	clear: right;
	float: left;
	margin: 0 20px 0 2px;
	width: auto;
}
.checkbox input, .radio input {
	float: left;
}
.radio fieldset {
	display: block;
	overflow: hidden;
}
.submit input {
	background: #7898be;
	border: 2px solid #331E09;
	color: #ffffff;
	cursor: pointer;
	font-size: 1.1em;
	letter-spacing: 1px;
	margin: 10px 0;
	padding: 5px 10px;
}
.submit input:hover {
	background: transparent;
	color: #846921;
}
.ckeditor table tr:hover {
	background: inherit;
}

/* Inputs du formulaire de recherche*/
#SearchDisplayForm .input, #SearchViewForm .input, #SearchIndexForm .input{
   width:115px;
   float:left;
   padding:0;
}

#SearchQ, #SearchQ:focus{
  width:115px;
  padding:0;
  font-size:19px;
  border: 1px solid #733D17;
}

#SearchDisplayForm .submit , #SearchViewForm .submit , #SearchIndexForm .submit{
  float:right;
}
#SearchDisplayForm .submit input , #SearchViewForm .submit input , #SearchIndexForm .submit input{
    border:none;
    margin:0;
    padding:0;
}
#SearchDisplayForm .submit input:hover { background: transparent; }

.search_keywords{
  color:red;
}

/* Cadres de Home */

#cadre_acces .title, #cadre_actu .title, #cadre_video .title, #actu_link {
  	 color:#534741;
	   font-weight:bold;
	   font-size:14px;
	   margin:0 10px 5px 5px;
	   text-align:left;
	   height:27px;
	   line-height:24px;
  }
/* --- CARTE ACCES --- */
#cadre_acces {
  width: 50%;
  float:left;
}
#cadre_acces .acces {
	   background: url('../img/lapin.png') no-repeat;
	   background-color:#cdcdcd;
     padding-left:25px;
     width:340px;
     height:32px;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
	}

/* --- ACTUALITES --- */
#cadre_actu {
  width:49%;
  -moz-border-radius: 5px;
	webkit-border-radius: 5px;
  background:#9bb5ce;
  float:left;
  margin:2px;
}
#cadre_actu .actu {
	   background: url('../img/lapin.png') no-repeat;
     padding-left:25px;
     width:100px;
     height:24px;
	}
	#cadre_actu .title {
      float:left;
}
	#actu_link {
   float:right;
}
/* cach� l'auteur et la date de la news */
.infos {
 display:none;
}
.newsItem {
  padding:10px;
  padding-top:0px;
}

#paginator-counter, .paging{padding:0 5px;}

/* --- VIDEOS --- */
#cadre_video {
  width:49%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background:rgb(230,230,230);
  float:left;
  margin:2px;
}
#cadre_video .videos {
	   background: url('../img/lapin.png') no-repeat;
     padding-left:25px;
     width:140px;
     height:24px;
	}

/**
 * Public Gallery page
 */
.slides_container {
	width: 640px;
}
.slides_container div {
	width: 640px;
	height: 480px;
	display: block;
}
.slides-pagination {
	margin: 0 0 0 10px;
}
.slides-pagination li {
	background: #7898BE;
	border: #331E09;
	color: #534741;
	display: inline-block;
	list-style: none;
	margin-top: 0 !important;
}
.slides-pagination li.current {
	background: #534741;
}
.slides-pagination li a {
	color: #534741;
	display: block;
	padding: 5px 10px;
}
.slides-pagination li.current a {
	color: #fff;
}