@import url("/themes/boonzai/default/stylesheets/reset.css");
@import url("/themes/boonzai/default/stylesheets/layout.css");

body {
	background-color: #fff;
	font: 15px "Trebuchet MS", Verdana, Helvetica, sans-serif;	
}

/* header */
.visual {
  height: 271px;
	margin-bottom:40px;
}

#header h1 {
	position: absolute;
	top: 80px;
	left: 0px;
}

#header h1 a {
	text-decoration: none;
}

#header p.baseline {
	color: #00455E;
	padding: 0;
	font-size: 31px;
	position: absolute;
	top: 170px;
	right:0px;
	letter-spacing: 2px;
}

#header p.host {
  position: absolute;
  top: 25px;
  left: 20px;
  font-family: Times;
  font-style: italic;
  font-size: 31px;
  color: #fff;
}

#header p.host a {
  color: #ccc;
text-decoration:none;
}

/* languages */
#languages {
	position: absolute;
	top: 15px;
	right: 10px;
}

#languages h3 {
	display: none;
}

#languages ul li a {
	color: #333;
	padding: 10px 5px 5px;
	font-size: 10px;
	text-decoration:none;
	border: 0;
}

#languages ul li a:hover {
	color: #000;
	border-bottom:none;

}

#languages img {
	vertical-align:middle;
	margin-left: 5px;
	margin-bottom: 3px;
}

/* breadcrumb */
#content #main #breadcrumb  {
	font-size: 11px;
	color: #FFFFFF;
	background: #0296BB url(/themes/boonzai/bleu-blanc/images/icons/list-inactive.gif) no-repeat scroll 0 2px;
	padding: 3px 0 3px 15px;
	margin-bottom: 15px;
}

#content #main #breadcrumb a {
	text-decoration: none;
	font-size: 11px;
	color: #333;
	border-bottom: 1px dotted #333;
	
}

#content #main #breadcrumb a:hover {
	text-decoration: none;
	background-color: transparent;
	color:#fff;
	border-bottom: 1px dotted #fff;
}

/* navigation */
#navigation h3 {
	display: none;
}

#navigation ul {
  padding-left: 10px;
}

#navigation ul li {
	border-bottom: 1px solid #494F24;
	padding: 5px 0 5px 0;
	margin: 0 0 0 10px;
	background: url(/themes/boonzai/bleu-blanc/images/icons/list-inactive.gif) no-repeat 0% 7px;
	position: relative;
}

#navigation ul li ul li.last {
  border: 0;
}

#navigation ul li ul {
  margin-left: 15px;
  padding-left: 0px;
}

#navigation ul li a {
	font-size: 13px;
	color: #00455E;
	display: block;
	width: auto;
	padding: 3px 3px 3px 15px;
	border-style: none;
	text-decoration: none;
}

#navigation ul li a:hover {
	border-bottom:0px;
}


#navigation ul li.protected a {
  background: transparent url(/images/lock.gif) no-repeat 0 3px; 
  margin-left: 13px;
}

#navigation ul li ul li.protected a {
  background: transparent url(/images/lock.gif) no-repeat 0 3px !important;  
  margin-left: 13px !important;
}

#navigation ul li.protected ul li a {
  background: none;
  margin-left: 0;
}

#navigation li a:hover {
	color: #2A281B;
	background: transparent url(/themes/boonzai/bleu-blanc/images/icons/list-active.gif) no-repeat 0 2px;
}

#navigation li.active ul li a {
  color: #00455E;
}

#navigation li.active ul li a:hover {
  color: #2A281B;
}


#navigation li.active, #navigation ul li ul li.active {
	background: url(/themes/boonzai/bleu-blanc/images/icons/list-active.gif) no-repeat 0 7px !important;
}

#navigation li.active a {
	padding-left: 15px;
	color: #2A281B;
} 

ul#sub-navigation li {
	border:0 !important;
	margin-bottom:0 !important;
	margin-top:0 !important;
	padding-bottom:0 !important;
	}

#navigation li img {
  position: absolute;
  top: 7px;
  left: -10px;
}

/* footer */
#footer{
	background: url(/themes/boonzai/bleu-blanc/images/fd_footer.gif) no-repeat right top;
	position: relative;
}

#footer p {
	font-size: 11px;
	color: #fff;
	padding: 35px 0 10px 0;
}

#footer hr {
	visibility: hidden;
	display: none;
}

#footer span.signature {
	float: left;
	margin: 0 0 0 190px;
	color: #fff;
}

#footer span.info {
	position: absolute;
	top: 35px;
	right: 15px;
}

#footer span.info a {
	font-size: 11px;
	color: #fff;
	border: 0 !important;
}

#footer span.info a:hover {
	color: #0589AA;
}

#footer img {
	margin: -15px 0 0 10px;
	padding-bottom: 15px;
	border: 0;
}

#footer a {
	text-decoration: none;
}

/* content */
#content .resume {
  margin-bottom: 30px;
}

#content .resume p {
	font-size: 13px;
	line-height: 16px;
	color: #333;
}

#content p, #content ul li, #content ol li {
	margin: 5px 0 10px;
	color: #333;
	font-size: 12px;
	line-height: 17px;
}

#content small  {
	font-size: 11px;
}

#content h2 {
  font-size: 34px;
	line-height: 37px;
	color: #0296BB;
	margin-bottom: 10px;
	font-weight: normal;
	font-style: normal;
}

#content h3 {
  font-size: 26px;
	line-height: 27px;
	color: #005B7C;
	margin-bottom: 10px;
	font-weight: normal;
	font-style: normal;
}

#content p.surtitre {
  border-left:1px solid #333;
  color:#333;
  font-size:16px !important;
  line-height:18px;
  margin:5px 0 0;
  padding-left:10px;
  text-transform:uppercase;
}

#content p.subtitle {
  color:#333;
  font-size:16px !important;
  line-height:15px;
  margin-top:5px;
  padding-left:10px;
  text-transform:uppercase;

}

#content h4 {
  font-size: 20px;
	line-height: 28px;
	margin-bottom: 10px;
	color: #00455E;
	font-weight: normal;
	font-style: normal;
	padding-left: 10px;
	border-left: 1px solid #333;
	letter-spacing: 1px;
}
h5 {
color:#0296BB;
font-size:14px;
text-transform:uppercase;
}
#content a {
  border-bottom: 1px dotted #333;
  text-decoration: none;
  color: #333;
}

#content a:hover {
 color: #0589AA;
 border-bottom: 1px dotted #0589AA; 

}

#content a.lightbox {
  border: 0;
}

/* elements */
#elements .element {
    clear: both;
	padding-top: 7px;
	margin-bottom: 20px;
}

.document_top {
	background:url(/themes/boonzai/bleu-blanc/images/elements/haut_bloc.gif) no-repeat 0 5px;
	width:648px;
	margin-bottom:-5px;
	padding: 0;
}

.document_bottom {
	background:url(/themes/boonzai/bleu-blanc/images/elements/bas_bloc.gif) no-repeat;
	width:648px;
}

/* document */
.element .document {
	width: 638px;
	background: #0296BB;
	padding: 5px 0 0 10px;
	margin: 0;
}

#content .document .type {
	float: left;
	margin-right: 15px;
}

#content .document .title a {
	color: #fff;
	text-decoration:none;
	border-bottom:none;
	font-size: 14px;
}

#content .document .title a:hover {
	color: #2A281B;

}

#content .document small, #content .document .description p {
  color: #2A281B;
  margin: 0;
  padding: 0;
}

#content .document .description {
  padding-bottom: 5px;
}

#content .document .description {
  border: 0px ;
  background-color:#0296BB;
}

/* image */
.image .align-center {
    text-align: center;
    background-color:#E5ECF7;
    padding-top:4px;
}

.image p {
  text-align: center;
}

/* richtext & paragraph */
.richtext img {
  background-color:#E5ECF7;
  padding: 3px;
}

.richtext ul li, .paragraph ul li {
    background: url(/themes/boonzai/bleu-blanc/images/icons/puce-verte.gif) no-repeat 0 0;
	font-size: 11px;
	list-style-position: outside;
	padding-left: 15px;
	margin: 0 0 2px 5px !important;
}

.richtext ol li, .paragraph ol li {
	font-size: 11px;
	list-style-position: inside;
	padding-left: 15px;
	margin: 0 0 2px -5px !important;
}

.richtext .description {
  width: 150px !important;
}

.richtext .description p{
  width: 150px !important;
  font-size: 10px !important;
  color: #333;
  margin-left: 0 !important;
}

.left .alignment-left {
  float: left;
  margin-right: 15px;
  margin-bottom: 5px;
  background-color:#E5ECF7;

}

.left p, .left ul, .left ol {
  margin-left: 180px !important;
  padding-left:5px;

}

.right p, .right ul, .right ol {
  margin-right: 180px !important;
  padding-left:5px;

}

.right .alignment-right {
  float: right;
  margin-left: 15px;
  margin-bottom: 5px;
  background-color:#E5ECF7;

}

/* thumbnails & images */
.images {
	width: 650px;
}

.images li {
	float: left;
	margin: 5px 10px 5px 0 !important;
	text-align: center; 
  width: 150px;
  height: 100%;
}

.images li a {
  border: 0 !important;
}

.images li a img {
  margin: 0;
  background-color:#E5ECF7;
  padding: 3px;
}

.images li p.description {
  font-size: 10px !important;
  color: #333;
}

/* gmap */
.gmap {
  width: 550px;
	height: 300px;
}

.content-map{
	padding: 10px 49px;
	background-color:#E5ECF7;
	}

/* youtube */
object, embed {
	width: 100%;
}

/* form */

form {
	background: #005B7C url(/themes/boonzai/bleu-blanc/images/elements/form_bg.gif) repeat-x 0px 0px;

	padding: 20px;
	width: 604px;
    color: #fff;
}
.form_top {
	background: url(/themes/boonzai/bleu-blanc/images/elements/haut_bloc_form.gif) no-repeat;
	width:648px;
	margin-bottom:-5px;
	padding: 0;
	height:36px;
}

.form_bottom {
background:url(/themes/boonzai/bleu-blanc/images/elements/bas_bloc_form.gif) no-repeat;
width:648px;
height:55px;
}

small.required em {
  font-style: italic !important;
}

form ol {
  list-style: none;
}

form ol li {
  float: left;
  margin: 15px !important;
}

form legend {
  color: #fff;
}

form label {
  display: block;
  color: #fff;
  font-size: 14px;
}

form fieldset input, form fieldset textarea {
  border: 1px solid #fff;
  background: #0296BB;
  color: #fff;
}

form fieldset input:hover, form fieldset textarea:hover {
  border: 1px solid #333;
}

form fieldset textarea {
  font-family: "Trebuchet MS";
  font-size: 13px;
  padding: 5px;
}

form fieldset input {
  font-size: 13px;
  padding: 5px;
}

form p.submit {
  text-align: right;
}

form p.submit input, form span.submit input {
	background: url(/themes/boonzai/bleu-blanc/images/buttons/submit.gif) no-repeat -2px 0px;
	border-style: none;
	line-height: 24px;
	width: 120px;
	color: #fff;
	cursor: pointer;
	margin: 20px 30px 0 0;
	height:26px;
}

form span.submit input {
  margin-top: 0;
}

form p.submit input:hover {
	color: #fff;
	background: url(/themes/boonzai/bleu-blanc/images/buttons/submitOver.gif) no-repeat -2px 0px;
}

form #brain_buster_captcha {
  padding: 5px;
}

form #brain_buster_captcha p {
  color: #fff;
  font-style: italic;
}

form #brain_buster_captcha label {
  font-size: 12px;
  border-left: 2px solid #fff;
  padding: 0 0 0 5px;
  margin-bottom: 15px;
}

form #brain_buster_captcha #captcha_answer {
  width: 250px;
}

/* entries */
#entries .entry {
  margin-top: 15px;
}

.entry .resume {
  margin-left: 10px !important;
}

#entry {
  margin-top: 30px;
}

span.author{
  padding: 2px 0 0 15px;
  background: url(/themes/boonzai/bleu-blanc/images/icons/author.gif) no-repeat top left;
}

p.info {
  font-size: 11px !important;
  margin-left: 5px !important;
}

p.info-on-page {
  font-size: 11px !important;
}

p.info span.date, p.info span.date, small.date, p.info-on-page, p.informations span.date, p.info-on-page span.date  {
  color: #00455E;
}

#entries .entry p.comments {
  padding: 2px 0 0 25px;
  font-size: 11px;
  background: url(/themes/boonzai/bleu-blanc/images/icons/comment.gif) no-repeat top left; 
  color:#0296BB;
}

#entry h3 {
  font-size: 13px;
  background: url(/themes/boonzai/bleu-blanc/images/icons/comments.gif) no-repeat bottom left; 
  height: 40px;
}

#entry h3 span.number-of-comments {
  background: url(/themes/boonzai/bleu-blanc/images/icons/comment.gif) no-repeat top left;
  padding-left: 25px;
}

#comments small {
  color: #0296BB;
}

#comments .comment {
  margin-bottom: 25px;
}

.comment {
  width: 595px;
  margin-left: 15px;
}

.comment .informations {
  border-top: 1px solid #0296BB;
  padding-top: 5px;
}

#post-comment {
  margin-top: 30px;
}

/* flash notice */
#flash-notice, #flash-error {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px;
  text-align: center;
  color: #333;
}

#flash-notice {
  background: #B5B19E;
}

/* flash error */
#flash-error{
  background: #B5B19E;
}

.warning input, .warning textarea {
  border: 1px solid #333 !important;
}

.pagination {
  text-align: center;
}

.pagination * {
  font-size: 12px;
}

/* flickr */
.flickr{
	width: 650px !important;
	position:relative !important;
	text-align:left !important;
}

.flickr a {
	display:block !important;
	text-align:right !important;
	font-weight:bold !important;
	text-decoration:none !important;
	font-size: 12px !important;
	border: 0 !important;
	text-decoration: none !important;
}
.flickr a.flickrlink{
	padding-top:.3em !important;
	text-align:left !important;
	margin-right:60px !important;
	text-decoration: none !important;
	border: 0 !important;
}

.flickr p a {
  text-decoration: none !important;
	border: 0 !important;
}

.flickrnav{
	background:transparent !important;
	position:absolute !important;
	bottom:-35px !important;
	left:68px !important;
	margin: 0 !important;
}

.flickrbadgeopen{
    height:200px !important;
}

.flickr p{
	text-align:right !important;
	padding-right:13px !important;
	position: absolute !important;
	top: 15px !important;
	right: 0 !important; 
}