html
{
	height: 100%;
}
/* PAGE/GENERAL */
*
{
	margin: 0;
	padding: 0;
}

a:link
{
	color: #3C78B5;
}

a:visited
{
	color: #9F65B2;
}

a:hover
{
	text-decoration: none;
}

body
{
	background: #CED6DF url(../images/body_border.gif) repeat-x;
	background-position: left 10px;
	color: #4C4C4C;
	line-height: 1.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	height: 100%;
}

#nonFooter
{
	position: relative;
	min-height: 100%;
}

* html #nonFooter
{
	height: 100%;
}


#page
{
	width: 954px;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;
}

* html #page
{
	height: 100%;
}

.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

.hidden
{
	position: absolute;
	left: -10000px;
}




/* HEADER */

#header
{ height:145px;
	/*margin: 10px 0 0 0;*/
	background: url(../images/borders.gif) top left no-repeat;
}


#logo a
{
	display: block;
	height: 68px;
	overflow: hidden;
	color: #FFFFFF;
	font-size: 150%;
	line-height: 68px;
}

#logo a:hover
{
	cursor: hand;
	c\ursor: pointer;
}

#logo span.replacement
{
	display: none;
	position: absolute;
	top: 0;
	width: 211px;
	height: 68px;
 background-repeat: no-repeat;
}

* h\tml #logo span.replacement
{
	display: block;
	z-index: 30;
	background-image: url(../images/logo.gif);
}

#logo a span.replacement
{
	display: block;
	z-index: 35;
	background-image: url(../images/logo.gif);
}

#logo span.linkText
{
	position: relative;
	z-index: 25;
}

/* CONTENT */
/*ymt*/
#content
{
  display:block;
  padding-bottom:150px !important;
	padding-bottom: 50px;
	background:url(../images/center_back.gif) repeat-y;
	height: 400px;
}

#contentMain
{
	display: inline;
	float: left;
	margin-top: 0;
	margin-left: 10px!important;
	width: 500px;
}

#contentLeft{
  display:block;
  float: left;
  top:160px;
  margin:10px 10px 10px 10px!important;
  margin-left:5px;
}

h1
{
  clear: both;
	position: relative;
	width: 466px;
	margin-top: 20px;
	margin-bottom: 0.75em;
	padding: 10px;
	background-color: #99CC33;
  color: #DBEDB8;
	font-size: 130%;
	text-indent: 16px;
}

h1 .subTitle
{
	padding-left: 16px;
	font-size: 130%;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

h2
{
	clear: both;
	margin-top: 1em;
	margin-bottom: -0.25em;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 0.5em;
	color: #3C78B5;
	font-size: 140%;
	font-family: Arial, Helvetica, sans-serif;
}

#contentMain h2
{
	margin-right: 16px;
}

#contentMain * h2
{
	margin-right: 0;
}

h3
{
	margin-top: 1.5em;
	margin-bottom: -0.75em;
	color: #3C78B5;
	font-size: 120%;
	font-family: Arial, Helvetica, sans-serif;
}

#contentMain h3
{
	margin-right: 16px;
}

#contentMain * h3
{
	margin-right: 0;
}

h4
{
	margin-top: 1.5em;
	margin-bottom: -0.75em;
	color: #B2B2B2;
	font-size: 120%;
	font-family: Arial, Helvetica, sans-serif;
}

#contentMain h4
{
	margin-right: 16px;
}

#contentMain * h4
{
	margin-right: 0;
}

ol
{
	margin-top: 1.5em;
	margin-left: 1.5em;
}

#contentMain ol
{
	margin-right: 16px;
}

#contentMain * ol
{
	margin-right: 0;
}

p
{
	margin-top: 1.5em;
}

#contentMain p
{
	margin-right: 16px;
}

#contentMain * p
{
	margin-right: 0;
}

#contentMain table
{
	margin-top: 1.5em;
	margin-right: 16px;
	border-collapse: collapse;
	font-size: 100%;
}

th
{
	border: 3px solid #FFFFFF;
	padding: 0.5em;
	background-color: #DDDDDD;
	text-align: center;
	vertical-align: middle;
}

th span
{
	display: block;
	font-size: 85%;
	font-weight: normal;
	line-height: 1.2em;
}

thead td
{
	background-color: transparent;
}

/*td
{
	border: 3px solid #FFFFFF;
	padding: 0.5em;
	background-color: #EEEEEE;
	text-align: center;
	vertical-align: top;
}*/

table .c1
{
	text-align: left;
}

ul
{
	margin-top: 1.5em;
	margin-left: 1.5em;
}

#contentMain ul
{
	margin-right: 16px;
}

#contentMain * ul
{
	margin-right: 0;
}

img
{
	border: 0 none transparent;
}

img.featureImageRight
{
	float: right;
	border: 1px solid #CCCCCC;
	padding: 4px;
}

a.moreLink
{
	padding-top: 1px;
}

.note
{
	margin-top: 1.5em;
	margin-right: 16px;
	border-right: 3px solid #C3CED9;
	border-left: 3px solid #C3CED9;
	padding: 13px 16px 16px 16px;
	background-color: #E5F2FF;
}

.noteYellow
{
	border-color: #D9D8A8;
	background-color: #FFFEC5;
}

.note .first
{
	margin-top: 0;
}

/* SUBCONTENT */

#inassoc
{
	display: inline;
	float: right;
	width: 165px;
	margin-top:25px;
}
#inassoc span {
  text-decoration:underline;
  font-weight:bold;
}

#inassoc ul
{
  height: 450px;
  overflow:hidden;
	margin:8px 16px 8px 15px;
}

#inassoc li
{
	margin-top: 0.75em;
}

p.moreLink
{
	margin-top: 16px;
	margin-right: 16px;
	margin-left: 16px;
	border-top: 1px dashed #CCCCCC;
	padding-top: 16px;
	text-align: right;
}

/* FOOTER */

#footer
{
	width: 954px;
	padding-bottom: 0.5em;
	font-size: 85%;
	color: #A6B8CA;
	text-align: center;
	line-height: 1.5em;
	position: relative;
	margin: -6.5em auto 0 auto!important;
  margin-bottom:-7.5em;
	background: #CED6DF url(../images/borders.gif) bottom left no-repeat;
}

/* A CSS hack that only applies to IE -- specifies a different offset for the footer */

* html #footer
{
	margin-top: -7.4em;
}

#bottomLinks
{
	list-style: none;
	margin-top: 0;
	margin-left: 0;
	padding-top: 1.5em;
	background-repeat: no-repeat;
}

#bottomLinks li
{
	display: inline;
	border-left: 1px solid #527597;
	padding-right: 1em;
	padding-left: 1em;
}

#bottomLinks li.first
{
	border-left: 0 none transparent;
}

#bottomLinks a
{
	color: #A6B8CA;
}

#footer p
{
	margin-top: 1.5em;
}
/*Box ymt*/
/* set the image to use and establish the lower-right position */
.cssbox {
  display: block;
  float: left;
}

.cssbox,
.cssbox_body,
.cssbox_head,
.cssbox_head h2
{
  background: transparent url(../images/roundedBox2.gif) no-repeat bottom right;
  color:#3B618B;
}

.cssbox
{
  width: 195px !important; /* intended total box width - padding-right(next) */
  width: 180px; /* IE Win = width - padding */
  padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
  margin: 10px auto; /* use to position the box */
}

#horaire {
  text-align:left;
  display:block;
  float:none;
  clear:both;
}
.cssbox h2
{
  margin: 4px 0 0 0; /* reset main site styles*/
  border: 0; /* ditto */
  text-decoration: underline;
  font-size:12px;
  text-align:center;
  color:#3B618B;
}
/* set the top-right image */
.cssbox_head
{
  background-position: top right;
  margin-right: -15px; /* pull the right image over on top of border */
  padding-right: 25px; /* right-image-gap + right-inside padding */
}
/* set the top-left image */
.cssbox_head h2
{
  background-position: top left;
  margin: 0; /* reset main site styles*/
  border: 0; /* ditto */
  padding: 20px 0 10px 25px; /* padding-left = image gap + interior padding ... no padding-right */
  height: auto !important;
  height: 1%; /* IE Holly Hack */
  text-decoration: underline;
  font-size:12px;
  text-align:center;
}
/* set the lower-left corner image */
.cssbox_body {
  background-position: bottom left;
  margin-right: 10px; /* interior-padding right */
  padding: 0px 0 25px 25px; /* mirror .cssbox_head right/left */
  text-align:center;
}

.cssbox_body .group {margin:10px 0}
/*Général*/
span.underlined {text-decoration: underline;}
div.desc span.agence {font: normal bold 16px Arial Black;}
/*Menu*/
ul.menu1 {height:22em;position:relative;left:15px!important;left:7px;}
ul.menu1, ul.menu1 ul {padding:0; margin:0; border:0; list-style-type:none; overflow:hidden; background:#F8F8F8; width:15em; text-align:left; color:#fff; border:1px solid #AAA;}
ul.menu1 table {border-collapse:collapse; padding:0; margin:0; font-size:1em;}
ul.menu1 ul {margin-left:1em;}
ul.menu1 li {text-indent:0.5em;}
ul.menu1 li.drop {}
ul.menu1 li.hove {font-weight: bold;}
ul.menu1 li li {font-weight: normal;}
ul.menu1 li a,
ul.menu1 li a:visited {cursor:pointer;display:block; width:15em; height:2em; line-height:1.9em; text-decoration:none; color:#333;}
ul.menu1 li a.last,
ul.menu1 li a.last:visited {display:block; width:14em; height:14em; line-height:2em;}
ul.menu1 li li a:hover, ul.menu1 li li.hove a {background-color: #DDD; font-style:italic}

/*ul.menu1 li a.prep {cursor: no-drop;}*/

ul.menu1 li ul {width:13em; margin-top:-1px; background:#EEE; border:1px solid #DDD;margin-left:10px;}

/*Form*/
form {margin-top: 1.5em;}
form p {background: url(../images/backLine.gif) repeat-y; margin:0;padding:1px 0;clear:both}
form p label {width: 146px; text-align: right; display: block; float:left;padding:1px 2px;background-color:#CED6DF;}
form p textarea,
form p select,
form input {border:1px solid #a1bedf;padding:1px 3px;margin:1px 0 1px 2px!important; margin:0;}
form p.bad span.status,
form p.check span.status,
form p.OK span.status {background-image: url(../images/check.gif); background-repeat:no-repeat;padding:4px 0 0 25px;}
form p.check span.status {background-position:bottom right;}
form p.OK span.status {background-position:top right;}
form p.bad span.status {background-image: url(../images/errorIcon.gif);background-position:top right;}
form p input.focus {border-color:blue;}
form span {line-height: 22px; padding-left: 3px;}
form span input {border:0;}
form p span.error {border-top: 1px solid #FF6F6F; border-bottom:1px solid #FF6F6F;width:280px; background-color:#FFDFDF; padding:2px 5px; left:152px;position:relative;display:block;}
form p input.mail {width:250px;}
form p input.address {width:250px;}
form p textarea {width: 270px;height:100px;}
form p textarea.dvo {border:none;color:#4C4C4C;padding-left:2px;}
form p input.cp {width:50px;}

/*Button*/
div.buttons {padding:15px 0 15px 150px;}
div.buttons input {padding:1px 8px; border: 1px solid gray;}
/*Hide field to avoid bots*/
.bmail {display: none}
/*Accor*/

ul.tabber ol li {list-style: decimal}
ul.tabber div {padding:10px 5px 5px 5px;}
div.tab h2 {cursor:pointer; float:left; display:block; position:relative; line-height: 25px; padding: 5px 8px; margin: 5px; clear:none;font-size:120%;}
div.tab p {float: none; clear:both;}
ul.tabber li h2 {cursor: pointer}
/*Photos*/
#photos {top:20px; right:80px;position:absolute;width:203px;height:137px;background:url(../images/backPhotos.gif) no-repeat top left;}
#photos img {left:4px;position:absolute;top:4px;}

.bureau {text-align:center;}
.bureau img {display: block; margin:40px 0 0 140px;}
.bureau h2 {text-align:left;margin-bottom: 10px;}
.bureau p {text-align:left;margin:2px 0 2px 20px;}
.bureau button {float: none; margin: 10px auto;padding:3px;}

/*Gallery*/
#gallery {margin:15px 5px 5px 20px; width:450px; display:block; float:left;padding:5px 0;text-align:center;}
#gallery a.photo {border: 1px solid gray; position:relative; float:left; width: 135px; height:100px;margin:6px;text-align:center;background-color:#D1D5DF;}
#gallery a.photo:hover {border: 1px solid #555;background-color:#B3B7BF;}
#gallery .photo img {margin:0 auto;border:1px solid #FFF; top:9px;position:relative;}
#galNum {text-align:center; margin:0 auto;}
#galNum .num {top:10px;position:relative;clear:both;}
#galNum .num a,
#galNum .num span.click {padding: 2px 3px;border: 1px solid gray;margin:0 2px;}
#galNum .num a { background-color:#DDD; text-decoration:none;}
#galNum .num a:hover { background-color:#BBB;text-decoration:undeline;}

/*shadow*/
#shadow {z-index:2000; width:100%; height:100%;position:absolute;top:0;left:0;}
#loader {background:url(../images/loader.gif) no-repeat top left;width:100px;height:100px;position:absolute;top:0;left:0;}

div.hint {position:absolute; background-color:#CED6DD;border:1px solid #999999;color:#555555; width:200px;}
div.hint span {text-align: center}

/*CBFA*/
#agreg {color:#666;padding-top:10px;}
#agreg span {text-decoration: underline}

/*Construct*/
center.construct {font-size: 1.5em; line-height:3em;}

/*Bureau*/
#contentMain #bur {margin:0;}
#bur td img {border:1px solid #5481AA; margin:20px;}
#bur td.pres a{line-height:20px;}
#bur td.pres span{color:#535353;line-height:20px;vertical-align:middle}
#bur td.pres span.fct {font-weight:bold;padding-right:10px;}
#bur td.pres span.fonct {font-weight:normal;color:#333;}

div.rapContact {margin: 1.5em;}
div.rapContact p{margin: 0.5em;}