/**********************************************/
/*								*/
/**********************************************/

html, body { height:100%; }

.index_1 {
	position: absolute;
	top: 50px;
	left: 50px;
}
.index_2 {
	position: absolute;
	top: 80px;
	left: 50px;
	color: #4D7630;
	width: 90%;
	background: #E0D7C2;
	opacity: 0.5;
	font-family: Arial;
	font-weight: bold;
	font-size: 28px;
	text-align: right;
	margin-right: 10px;
}
.index_3 {
	position: absolute;
	top: 550px;
	left: 440px;
}
.index_4 {
	margin-left:10px;
	position: absolute;
	top: 400px;
	left: 10px;
	color: #4D7630;
	background: #E0D7C2;
	opacity: 0.5;
	font-family: Arial;
	font-weight: bold;
	font-size: 28px;
	text-align: left;
	width: 90%;
}
.desc {
	color: black;
}
.towtonhall {
	position: absolute;
	top: 280px;
	left: 200px
}
.towtonhall_plan {
	position: absolute;
	margin: auto;
	width: 80%;
	height: auto;
}
.towton_map {
	position: relative;
	margin: auto;
	border: 2px solid white;
}
.imagetitle {
	position:absolute;top: 0px;left: 70px;
}
.image1461 {
	position:absolute;top:250px;left:0px;
}
.pictureleft {
	position:absolute;top: 190px;left: 150px;width:150px;height:150px;
}
.menu1 {
	position:absolute;top: 400px;left: 100px;font-family: Garamond;font-size:22px;font-weight:bold;color:green;
	cursor:pointer;
}
.menu1:hover {
	color: #55FB55;
}
.menu2 {
	position:absolute;top: 430px;left: 100px;font-family: Garamond;font-size:22px;font-weight:bold;color:green;
	cursor:pointer;
}
.menu2:hover {
	color: #55FB55;
}
.dot0 {
	position:absolute;top: 260px;left: 320px;
}
.line0 {
	position:absolute;top: 265px;left: 332px;border-top:1px solid;width:300px;color:#4D7630;
}
.dot1 {
	position:absolute;top: 260px;left: 633px;
}
.line1 {
	position:absolute;top: 272px;left: 325px;border-left:1px solid;height:135px;color:#4D7630;
}
.line2 {
	position:absolute;top: 413px;left: 239px;border-top:1px solid;width:80px;color:#4D7630;
}
.dot2 {
	position:absolute;top: 408px;left: 320px;
}
.line3 {
	position:absolute;top: 272px;left: 638px;border-left:1px solid;height:107px;color:#4D7630;
}
.line4 {
	position:absolute;top: 383px;left: 645px;border-top:1px solid;width:80px;color:#4D7630;
}
.dot3 {
	position:absolute;top: 378px;left: 633px;
}
.line5 {
	position:absolute;top: 265px;left: 645px;border-top:1px solid;width:100px;color:#4D7630;
}
.dot4 {
	position:absolute;top: 260px;left: 746px;
}
.line6 {
	position:absolute;top: 152px;left: 751px;border-left:1px solid;height:107px;color:#4D7630;
}
.dot5 {
	position:absolute;top: 140px;left: 746px;
}
.picturerighttop {
	position:absolute;top: 90px;left: 765px;width:100px;height:100px;
}
.menu3 {
	position:absolute;top: 370px;left: 730px;font-family: Garamond;font-size:20px;font-weight:bold;color:green;
	cursor:pointer;
}
.menu3:hover {
	color: #55FB55;
}
.menu4 {
	position:absolute;top: 400px;left: 730px;font-family: Garamond;font-size:20px;font-weight:bold;color:green;
	cursor:pointer;
}
.menu4:hover {
	color: #55FB55;
}
.cairnbody {
	color: white;
	font-family: Arial,sans-serif;
	margin: 0px;
	background-color:#004F00;
}
.feature {
	padding: 0px 10px 10px 10px;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
}

.feature h3{
	padding: 30px 0px 5px 0px;
}

.header
	{font-size:12px;font-family:Arial;font-weight:bold;}
.leftmenu_arrow
	{color:#B05AAA;font-size:12px;font-family:arial;font-weight:bold;text-decoration: none;}
.text_rouge
	{color:red;}
.text_bleu
	{color:blue;}
.text_vert
	{color:green;}
.text_noir
	{color:black;}
.leftmenu_item
	{color:#025C82;	font-size:12px;	font-family:arial;	font-weight:bold;	text-decoration: none;}
.contenu
	{font-size:12px;font-family:Arial;color:#000000;font-weight:bold;clear: both;}
.erreur
	{color:#025C82;	font-size:11px;	font-family:"Arial Black"}

/***********************************************/
/*	Boutons	*/
/***********************************************/

.btValider
	{font-size:12px;font-family:Arial;font-weight:bold;background-color:#025C82;color:#BFE7F1}
.btValiderRouge
	{font-size:12px;font-family:Arial;font-weight:bold;background-color:red;}
.btValiderVert
	{font-size:12px;font-family:Arial;font-weight:bold;background-color:lime;}
.btRetour
	{font-size:12px;font-family:Arial;font-weight:bold;background-color:#BFE7F1;color:#FFFFFF}
/*
	Text
*/
.sitename
	{font-family: Parchment;font-size: 60px;margin: 0px;padding: 5px 5px 5px 5px;}

/**********************************************/
/* Tables							*/
/**********************************************/

.g_table
	{margin:0;padding:0;border:0;border-collapse:separate;border-spacing:0px;}
.g_header 
	{background:ThreeDFace;border:1px solid;border-color:ThreeDHighlight ThreeDDarkShadow ThreeDDarkShadow ThreeDHighlight;padding-right:9px;padding-left:9px;padding-bottom:2px;cursor:pointer;text-align:center;color: black;font-size:18px;-moz-user-select:None;background-color:#65A398;}
.g_footer
	{background:ThreeDFace;border:1px solid;border-color:ThreeDHighlight ThreeDDarkShadow ThreeDDarkShadow ThreeDHighlight;padding-right:9px;padding-left:9px;padding-bottom:2px;cursor:pointer;text-align:center;color: black;font-size:18px;-moz-user-select:None;background-color:#65A398;}
.g_resize 
	{cursor: e-resize;}
.g_header_down 
	{border: 1px solid;border-color:ThreeDDarkShadow ThreeDHighlight ThreeDHighlight ThreeDDarkShadow;background:ThreeDFace;padding-top: 1px;padding-left: 10px;padding-right: 8px;text-align: center;color: black;cursor: pointer;font-size: 18px;-moz-user-select: None;}
.g_cell
	{border: solid;border-width: 1px 1px 1px 1px;border-color: #ccc;padding: 4px;font-size: 14px;}
.g_cell_hl
	{border: dashed;border-width: 1px;border-color: #f00;background-color: #ddd;}
.g_edit_box
	{border: solid;border-width: 1px;border-color: #999;padding: 3px;background: white;}
.display_table
	{border:0; padding:0; text-align:center;}
#profiletable
	{border-width: thin;width: 100%;padding: 4;font-size: 12px;}
.mytable
	{border-width: thin;width: 90%;	padding: 4;	cursor:default;}
.mytablehead { 	
/*border: 1px solid;
  border-color: #FFF #333 #333 #CCC;
  background-color: #eeeeee; */
padding-right: 9px;
padding-left: 9px;
padding-bottom: 2px;
cursor: pointer; 
text-align: center;
color: black; 
font-size: 12px;
 }

/*.mytablehead 
	{padding-left: 10px;padding-right: 10px;font-size:small;font-weight: bold;text-decoration: underline;} */
.mytablecell
	{padding-left: 10px;padding-right: 10px;font-size:x-small;}

	.g_table {
margin: 0;
padding: 0;
border: 0;
border-collapse: separate;
border-spacing: 0px;
background-color:#FFFFFF;
}

.g_header { 	
/*border: 1px solid;
  border-color: #FFF #333 #333 #CCC;
  background-color: #eeeeee; */
padding-right: 9px;
padding-left: 9px;
padding-bottom: 2px;
cursor: pointer; 
text-align: center;
color: black; 
font-size: 14px;
 }

.g_resize {
cursor: e-resize;
}

.g_header_down {
/*border:1px solid;
  border-color: #333 #fff #fff #333; */
background-color: #CCCCCC; 
padding-top: 2px;
padding-left: 10px;
padding-right: 8px;
text-align: center;
color: black; 
cursor: pointer;
font-size: 14px;
}

.g_cell {
/*border: solid;
  border-width: 0px 0px 1px 1px;
  border-color: #ccc; */
padding: 4px;
font-size: 12px;
}

.g_cell_hl {
/*border: dashed;
  border-width: 1px;
  border-color: #f00; */
background-color: #ddd;
}

.g_edit_box {
/*border: solid;
  border-width: 1px;
  border-color: #999;  */
padding: 3px;
background: white;
}

/* Sortable tables */
table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

a:link, a:visited, a:hover {
	color: #006699;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1 {
	margin-left:10px;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
font-weight:bold;
font-size: 120%;
color: #f1f1f1; /*#3cc43c;*/
border-bottom:1px solid #96D860;
}

h2{
	margin-left:10px;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
 	font-size: 90%;
	font-weight:bold;
	border-bottom: 1px dashed #96D860;
}

h3 {
	margin:10px;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
 	font-size: 90%;
	font-weight:bold;
	color: #4A7B21;
}

h4{
	margin:15px;
	font-size: 85%;
	font-weight:bold;
}

h5{
	margin:20px;
	font-size: 80%;
	font-weight:bold;
}

h6{
	margin:25px;
	font-size: 75%;
	font-weight:bold;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	margin: 0;
	padding: 10px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

#fullpage{
	width:100%;
	margin: 0;
	padding: 0 3% 0 0;
}

#site{
	text-align: center;
	width:100%;
	border: 1px solid #cccccc;
	font-size: 75%;
	padding: 10px 0 10px;
}


.membername{
	text-align:center;
	font-weight:bold;
	color:#990000;
	font-size:larger;
}

.memberresume{
	text-align:left;
}

#sitehead {
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	text-decoration: underline;
	font-size:small;
}

#sitecell {
	padding-left: 10px;
	padding-right: 10px;
	font-size:small;
}

/*************** #pageName styles **************/

#pageName{
	padding: 0px 0px 10px 10px;
}


/************* #globalNav styles **************/

#globalNav{
	padding: 0px 0px 0px 10px;
	white-space:nowrap
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 90%;
	padding: 0px 4px 0px 0px; 
}

/************** .discussion style *************/

.discussion p{
	margin-left: 10px;
	margin-right: 10px;
	font-size: x-small;
}

.discussion a{
	font-size: small;
}

/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}

/************* #login styles ***************/

#login{
	padding: 5px 0px 5px 10px;
	margin: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 70%;
}

/*********** .menutitle styles ***********/

.menutitle{
	cursor:pointer;
	margin: 0px; 
	background:url("../images/ArrowRight.jpg") right no-repeat;
	padding: 2px 0px 2px 10px;
	font-size: 90%;
	width: auto;
}

.submenu{
	cursor: pointer;
	margin: 0px;
	font-size: 70%;
	width: auto;
}

.submenu ul li {
	list-style-type: square;
	margin-left:15px;
}

.menutitle :hover {
	border-top: 1px solid #cccccc;
	background-color:#dddddd;
}

/*********** #navBar styles ***********/

#navBar{
	margin: 0 77% 0 0;
	padding: 5px ;
	background-color: #eeeeee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {
	list-style: none;
	margin: 0;
	padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

/*********** #guidemenu styles **************/
#guidemenu{
	margin: 0 77% 0 0;
	padding: 5px ;
	background-color: #eeeeee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#guidemenu ul a:link, #guidemenu ul a:visited {display: block;}

#guidemenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size:smaller;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#guidemenu li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #guidemenu li {border-bottom: none;}

/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}


/************** #advert styles **************/

#advert{
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	border-top: 1px solid #cccccc;
}

#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}

#aide {
margin : 10px;
text-align:justify;
}

.toolbar {
  border: 0;
  width: 100%;
  padding-left: 10px;
  background: #dae0d2 url(images/bg.gif) repeat-x bottom;
}

#navcontainer {
  width: 100%;
  line-height: normal;
  background: #dae0d2 url(images/bg.gif) repeat-x bottom;
  float: left;
  padding-left:10px;
  width: 100%;
  float: left;
  border-bottom:2px solid #996600;
  background-color:DarkBlue; 
}

/*#navcontainer ul li { display: inline; 
} */

#navcontainer ul {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 1px; 
  margin: 0px; 
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 0px;
  color: #FFFFFF;
  font-size: 10px;
  letter-spacing: 1.5px;
  font-weight: bold; 
}

#navcontainer li {
  background: url(images/left.gif) no-repeat left top; 
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 4px; 
  padding-right: 0px;
  margin: 0px;
  float: left;
}
#navcontainer a {
  background: url(images/right.gif) no-repeat right top;
  padding-top: 5px; 
  padding-bottom: 4px; 
  padding-left: 6px; 
  padding-right: 10px; 
  display: block; 
  color: white;
  text-decoration: none;
  white-space: nowrap;
  margin-left:1px;
  padding-left: 5px;
  padding-right: 5px;
  background-color:#996600;
  color: #FFFFFF;
  text-decoration: none;
  float: left;
  border-left: 1px solid white;
  line-height:15px;
  border-right:1px solid #EE7c00;
  border-top:1px solid #ffd700; 
}

#navcontainer a:hover {
	color: black;
/*background-color:#FFCC00; */
}

#navcontainer .inactive {
	border-bottom: 1px solid black;
}
#navcontainer .active {
  background-image: url(../images/left_on.gif);
  border-bottom: solid 1px white;
}
#navcontainer .active a {
  background-image: url(../images/right_on.gif);
}
#navcontainer p.filler {
  display: inline;
}


input, select    {
	border: 1px solid silver;
	background-color: white;
	color: black;
	font-size: 11px;
}
input:focus {
border: 1px solid orange; 
background-color:#FCFCFC;
}	


fieldset {
width:600px;
margin:0px;
padding:0 10 10 10px;
color:gray;
border-color:silver;
background-color:#FAFAFA;}

legend {
font-weight:bold;
}

.btn ,.btn:focus{
background-color:#ED9801;
color:#704E12;
border-right:1px solid gray;
border-bottom:1px solid gray;
filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#00fffa50');
}

.btnhover{
background-color:orange;
border-left:1px solid gray;
border-top:1px solid gray;
}

.bouton2,.bouton2:focus{background-color:#d3d3d3;width:50px;border-right:1px solid gray;border-bottom:1px solid gray;}
.bouton2:Hover{background-color:#BCBCBC;width:50px;border-top:1px solid gray;border-left:1px solid gray;}

.gris{background-color:#F0F0F0;color:gray;height:18px;}

.niv0 { background-color:#ffffff;border-bottom:1px solid silver;}
.niv1 { background-color:#EEFFaa;border-bottom:1px dotted silver;}
.niv2 { background-color:#DDFF88;border-bottom:1px dotted silver;}
.niv3 { background-color:#ccff77;border-bottom:1px dotted silver;}


.olbg {background-color:#FDC8A5;}
.olcg {background-color:#FDC8A5;text-align:center;}
.olfg {background-color:white;padding:10px;}
.oltf {font-size:11px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;line-height:15px;}
.olcf {font-size:11px;font-weight:bold;}

#info_bar {
	border-top: 1px solid #F49E31;
	background-color: white;
	width: 100%;
	padding-left: 10px;
}

#grid{
}

#client_title {
	background-color: #CCCC99;
	color: black;
	font-weight: bold;
	font-size: small;
}

#client_value {
	color: black;
	font-size: small;
}

#siteName{
	font-family: Parchment;
	font-size: 60px;
	margin: 0px;
	padding: 5px 5px 5px 5px;
}

.fieldcol {
	background-color: #FFFF99;
	color: black;
}

.fieldcolbad{
	background-color: red;
	color: black;
}

.abutton {
	cursor: pointer;
}

.cadre{border:0px; padding:0px;}

.ligne1{background-color:#FFFFFF;font-size:12px;font-family:arial;padding: 4px;border: solid;
  border-width: 0px 0px 1px 1px;
  border-color: #ccc; 
}
.ligne2{background-color:#BFE7F1;font-size:12px;font-family:arial;padding: 4px;border: solid;
  border-width: 0px 0px 1px 1px;
  border-color: #ccc; 
}
TD.ligne11{background-color:#FFFFFF;font-size:12px;font-family:arial;padding: 4px;border: solid;
  border-width: 0px 0px 1px 1px;
  border-color: #ccc; 
}
TD.ligne21{background-color:#BFE7F1;font-size:12px;font-family:arial;padding: 4px;border: solid;
  border-width: 0px 0px 1px 1px;
  border-color: #ccc; 
}
TD.ligne12{background-color:#FFFFFF;font-size:12px;font-family:arial;padding: 4px;border: solid;
  border-width: 0px 0px 1px 1px;
  border-color: #ccc; 
}
TD.ligne22{background-color:#D7F1F7;font-size:12px;font-family:arial;padding: 4px;border: solid;
  border-width: 0px 0px 1px 1px;
  border-color: #ccc; 
}
TD.ligne13{background-color:#FFFFFF;font-size:12px;font-family:arial;padding: 4px;border: solid;
  border-width: 0px 0px 1px 1px;
  border-color: #ccc; 
}
TD.ligne23{background-color:#C9F4FD;font-size:12px;font-family:arial;padding: 4px;border: solid;
  border-width: 0px 0px 1px 1px;
  border-color: #ccc; 
}
.ods_table {
border-width: 1px 1px 1px 1px;
border-color: black;
border-collapse: separate;
border-spacing: 0px;
background-color:#F9D4A5;
}
tr .ods_header { 
font-family:arial;
border: solid;
border-width: 0px 0px 1px 1px;
border-color: black;
text-align: center;
color: black; 
font-size: 12px;
 }
TR.taxiligne1{
	background-color : orange;
	font-size :12px;
	color:#000000;
}
TR.taxiligne2{
	background-color : #FFFFFF;
	font-size :12px;
	color: #000000;
}
/**********************************************/
/*	Pour YUIdomcollapse				*/
/**********************************************/
.hide{
	position:absolute;
	top:-20000px;
	overflow:hidden;
/*	zoom:1; */
}
.trigger{
cursor:hand;
background:#cccbbb;
}
/*************************/
/*	Pour tableau de bord */
/*************************/
.tbd_h1_rouge {
margin:10px;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 120%;
color: red;
background:#cccbbb;
}

.tbd_h1_jaune {
margin:10px;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 120%;
color: yellow;
background:#cccbbb;
}
.tbd_h1_vert {
margin:10px;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 120%;
color: green;
background:#cccbbb;
}

.tdb_alarm_rouge{
	background:red;
	color:white;
	font-weight:bold;
}
.tdb_alarm_jaune{
	background:yellow;
}
.tdb_alarm_vert{
	background:lightgreen;
}
.tbd_h2_rouge{
	font-size: 114%;
	background:#cccbbb;
	color: red;
	font-weight:bold;
}
.tbd_h2_jaune{
	font-size: 114%;
	color: yellow;
	background:#cccbbb;
	font-weight:bold;
}
.tbd_h2_vert{
	font-size: 114%;
	color: green;
	background:#cccbbb;
	font-weight:bold;
}

.tbd_h3 {
	margin:10px;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
 	font-size: 90%;
	font-weight:bold;
}

.tdb_table {
	font-size: 90%;
}

.tdb_header{
	background:#1C11AB;
	color:yellow;
	font-weight:bold;
}
.tdb_header2{
	background:#4E52FE;
	color:yellow;
	font-weight:bold;
}

/* Elements with this class are generated by the JavaScript code */
/* Make the dividers visible for this demo */
.splitpane-divider {
    border: 1px solid black;
    background:white;
    opacity: .5;
    filter: alpha(opacity=50);
}

#slider_parent {
    width: 100%;
    background: #eeeeee;
}

.slider_columnRed {
    float: left; /* This is forces the page content to adjust to changes in height of the columns */
    overflow: hidden; /* As a precaution, all content is clipped to the column width */
    margin: 0; /* This and padding need to be zero */
    padding: 0;
    z-index: 1;
    background:Red;
    color: #666666;
    width: 33%; /* Default value, overridden by class */
}

.slider_columnGreen {
    float: left; /* This is forces the page content to adjust to changes in height of the columns */
    overflow: hidden; /* As a precaution, all content is clipped to the column width */
    margin: 0; /* This and padding need to be zero */
    padding: 0;
    z-index: 1;
    background:lime;
    color: #666666;
    width: 33%; /* Default value, overridden by class */
}

.slider_columnYellow {
    float: left; /* This is forces the page content to adjust to changes in height of the columns */
    overflow: hidden; /* As a precaution, all content is clipped to the column width */
    margin: 0; /* This and padding need to be zero */
    padding: 0;
    z-index: 1;
    background:Yellow;
    color: #666666;
    width: 33%; /* Default value, overridden by class */
}

/* Any spacing must be on a child of the column, not the column itself */
.content2 {
    border: 1px solid black;
    margin: 5px;
    padding: 5px;
}
.bckrouge
	{font-size:12px;font-family:Arial;font-weight:bold;background-color:red;}
.bckvert
	{font-size:12px;font-family:Arial;font-weight:bold;background-color:lime;}
.pagesubmenu {
position: absolute;
left: 0;
font-size: 0.7em;
border-top: 2px solid #ECEAEA;
width:100%;
}
/* Pour les formulaires de saisie */
.labelcell {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #3670A7;
 background-color: #FFF9F1;
 width: 120px;
 font-weight:bold;
}

.fieldcell {
 background-color: #FFF2E1;
 color: #000000;
 text-align: left;
 margin-right: 0px;
 padding-right: 0px;
} 
.fieldcell input {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #FEDBAE;
 color: #102132;
 border: 1px solid #284279;
 margin-right: 10px;
}
.fieldcell select {
 background-color: #FEDBAE;
 color: #102132;
 border: 1px solid #284279;
 margin-right: 0px;
}
.fieldcell button {
 font-size:12px;
 font-family:Arial;
 font-weight:bold;
 background-color:#025C82;
 color:#BFE7F1
}
.tableheader{
 background:#FFCD8D;
 color:#2F5E89;
 font-weight:bold;
 font-size: small;
}
.caption {
	font-size:10px;
	font-family:'Trebuchet MS', Verdana, Arial, sans-serif;
}
.tree{
	cursor: pointer;
	cursor: hand;
}
.branch{
	display: none;
	margin-left: 16px;
}
/**********************************************/
/* Menus                   		      */
/**********************************************/

#sddm 
{
	font-size: 10px;
	font-family: Verdana;
	font-weight: bold;
	margin: 0;
	padding: 2px;
	z-index: 30;
	border-bottom: 1px solid #6FA555;
}

#sddm li
{
	list-style: none;
	float: left;
	margin: 0;
}

#sddm li a
{
text-decoration: none;
padding: 3px 7px;
background: url("../images/tab-dkgrey-left.gif") no-repeat left top;
}

#sddm li a:hover{
text-decoration: none;
padding: 3px 7px;
background: url("../images/tab-grey-left.gif") no-repeat left top;
/*
border: 1px solid gray;
border-bottom: none;
background-color: white;
*/
}

#sddm li a span{
text-decoration: none;
padding: 3px 7px;
color: black;
background: url("../images/tab-dkgrey-right.gif") no-repeat right top;
}

#sddm li a span:hover{
text-decoration: none;
padding: 3px 7px;
background: url("../images/tab-grey-right.gif") no-repeat right top;
}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0 2px;
	padding: 3px 0 0 0;
	border-right: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	filter: alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: white; 
		color: black;
/*		color: #2875DE;
		color: #0A6DAC;
		background: url(../images/tab_bot-grey-mid.gif) repeat-x; */
		filter:alpha(opacity=100);
		opacity: 1;
		-moz-opacity:1;
	}

	#sddm div a:hover
	{
		margin: 0;
		background: url("../images/tab_bot-grey-mid.gif") repeat-x; 
/*		color: black; 
		padding: 5px 10px;*/
		font-weight:bold;
		filter:alpha(opacity=100);
		opacity: 1;
		-moz-opacity:1;
	}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
display: inline-block;
margin: 0;
padding: 0;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.gallery {
	margin:auto;
	width:100%;
	text-align:center;
	color:#F1F1F1;
	font-size:18px;
	font-family:'Trebuchet MS', Verdana, Arial, sans-serif;
	font-weight:bold;
}
.gallery_wrapper {
}
.gallery_demo{width:150px;float:left;}
.gallery_demo li{float:left;margin:auto;list-style-type:none;border:2px solid #9ac1c9;margin: 0 2px 2px 0;
background:#F1F1F1;outline:none;cursor:pointer;height:50px;}

.textarea_wrapper {
	float:left;
	margin-top:5px;
}
.textarea {
	font-family:'Trebuchet MS', Verdana, Arial, sans-serif;font-size:14px;
	height: 80px;
	width: 700px;
	padding: 1%;
/*	margin: 2px 0 0 190px;*/
	border:2px solid #3d8d3d;
	color: #4D7630;
	background: #F1F1F1;
}
.returnbutton {
	margin-left: 10px;
	border:2px solid #666;
	height: 50px;
	width: auto;
}
.image_wrapper {
	float:left;
}
.image {
	padding:3px;
	position:relative;
	width:auto;
	height:420px;
	background:#3d8d3d;
}

.thumb_wrapper {
	width:250px;
	float:left;
}
.thumb_image {
	float:left;
	margin:auto;
	list-style-type:none;
	border:2px solid #9ac1c9;
	margin: 0 2px 2px 0;
	background:#F1F1F1;
	outline:none;
	cursor:pointer;
	overflow:hidden;
	width:50px;
	height:50px;
}
.thumb_image img {
	height:50px;
	width:50px;
}
.thumb_button {
	clear:both;
	float:left;
	width:250px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	text-align:center;
}
#thumbarea {
	overflow:hidden;
	height:55px; 
	width:auto; 
}
#thumbs {
	position:absolute;
	list-style:none;
	margin-left:5px;
	height:100px;
}
#thumbs li a {
	outline:none;
	float:left; 
	margin-right:5px; 
	cursor:pointer;
}
#thumbs li a img {
	height:50px;
	width:auto;
}
.imgnav {
	position:absolute;
	width:20%; 
	z-index:100; 
	height:375px; 
	outline:none; 
	cursor:pointer;
	border: 0;
}
#previmg {left:0; background:url("../images/left.gif") left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url("../images/right.gif") right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}
/**********************************************/
/*	Boutons						*/
/**********************************************/

a.button, span.button, del.button{
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    line-height:0;
	outline: none;
    
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:30px;
	text-decoration:none;
	color:black;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;	
	
    padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}

a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span{
    background-image: url("../images/form_buttons.png");
}

a.button span, span.button button, span.button input, del.button span{
	
	white-space:nowrap;
	cursor:pointer;
    color:black;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0 !important;
    font-family:"Arial" !important;
    font-size:12px !important;
    font-style:normal;    
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:30px;
	padding:8px 20px 0 10px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
	outline: none;
	
}

span.button button{
   line-height:2.5;/*Opera need this*/
}

html.safari a.button span, 
html.safari del.button span{
  line-height:1.3;
}

html.safari span.button button{
  line-height:2.6;
}

html.safari a.button:focus,
html.safari span.button button:focus{
    outline:none;
}



del.button{
	/* cursor:not-allowed;	*/
	background-position:0 -120px;
	
}

del.button span{
	cursor:default;
    color:#aaa !important;
	background-position:100% -120px;
}


span.button button, span.button input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/


/*Hover Style*/

a.button:hover, 
span.button:hover,
a.button:focus, 

a.dom-button-focus, 
span.button-behavior-hover{
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}

a.button:hover span, 
span.button:hover button, 
a.button:focus span, 

span.button-behavior-hover button, 
span.button-behavior-hover input{
	background-position:100% -60px;
}

a.button:active, a.button:focus span{
	color:#444;
}

del.button-behavior-hover, del.button:hover{
	background-position:0 -180px;
	/* cursor:not-allowed; */
}

del.button-behavior-hover span, del.button:hover span{
	background-position:100% -180px;
	/* cursor:not-allowed; */
	
}

/*Optional hack for IE6 to simulate :hover selector*/

span.button button, del.button span, span.button input{

	_behavior:expression(
		(function(el){

			if( typeof( behavior_onMouseEnter) == 'undefined'){

				
				behavior_onMouseEnter = function(el){
					
					var dEl = this.parentNode;					
					var sClass = dEl.className ;
					dEl.__defaultClassName = sClass ;
					dEl.className = sClass + ' button-behavior-hover';	
					this.setCapture();
				};

				behavior_onMouseLeave = function(el) {
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName ;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};

			};
			
			el.runtimeStyle.behavior = 'none';
			el.onmouseenter = behavior_onMouseEnter;
			el.onmouseleave = behavior_onMouseLeave;
			
			
		})(this));

}

/* Titles */

.content_title {
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-weight: bold;
	cursor:	pointer;
	color: #96D860;
	clear: both;
	margin-left: 10px;
}
.content_title:hover {
	color: white;
	margin-left: 20px;
}
.content_title_open {
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
/*	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;*/
	font-weight: bold;
	cursor:	pointer;
	color: #f1f1f1;
	clear:both;
	margin-left: 20px;
}
.content_title_open:hover {
	color: #96D860;
}
.quote {
	margin-left:10px;
	margin-right:10px;
	padding-left:5px;
	padding-right:5px;
	text-align:justify;
	background:#5B8e5B;
	border-top:10px solid #3d8d3d;
	font-size:14px;	
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
}
.quote_author {
	margin-left:10px;
	margin-right:10px;
	text-align:right;
	padding-right:10px;
	background:#3d8d3d;
	font-size:10px;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
}
.quote_light {
	margin-left:10px;
	margin-right:10px;
	padding-left:5px;
	padding-right:5px;
	text-align:justify;
	background:#89B589;
	border-top:10px solid #5DBB5D;
	font-size:14px;	
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
}
.quote_author_light {
	margin-left:10px;
	margin-right:10px;
	text-align:right;
	padding-right:10px;
	background:#5DBB5D;
	font-size:10px;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
}
.content {
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	text-align: justify;
	margin:10px;
}
.myimage_toggle {
	border-top:3px solid #3d8d3d;
	border-right:3px solid #3d8d3d;
	border-left:3px solid #3d8d3d;
	cursor:pointer;
	margin-right:10px;
}
.myimage_notoggle {
	border-top:3px solid #3d8d3d;
	border-right:3px solid #3d8d3d;
	border-left:3px solid #3d8d3d;
	margin-right:10px;
}
.myimage_caption {
	background-color:#3d8d3d;
	padding-right:5px;
	text-align:right;
	font-size:10px;
	font-family:'Trebuchet MS', Verdana, Arial, sans-serif;
}
.myimage {
	border-top:3px solid #3d8d3d;
	border-right:3px solid #3d8d3d;
	border-left:3px solid #3d8d3d;
	margin-right:10px;
}
/**************************/
/* Book */
/**************************/
.book_title {
	text-align:center;
	font-size:10px;
	color:#F1F1F1;
}
.book_heading {
	margin-top:10px;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
 	font-size: 90%;
	font-weight:bold;
	color: #4A7B21;
}
.book_heading2 {
	margin-top:10px;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
 	font-size: 80%;
	font-weight:bold;
	color: #4A7B21;
}
.book_heading3 {
	margin-top:10px;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
 	font-size: 70%;
	font-weight:bold;
	color: #4A7B21;
}
.book_quote {
	font-size:12px;
	margin-left:10px;
	margin-right:10px;
}
.book_cite {
	font-size:10px;
	margin-left:10px;
	margin-right:10px;
	text-align:right;
}
.tablerowodd {
	background: white;
	color: black;
}
.tableroweven {
	background: #FEEDD8;
	color: black;
}
.tablerow:hover{
	background: #F6C482;
}
/************/
/* Rounded Box                             	  */
/**********************************************/ 

.roundedbox
{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 20px;
	padding: 0;
	text-align: left;
}
.roundedbox_lb
{
	background-color: #eeeeee;
	background-image:url("../images/roundedbox_l.gif");
	background-position: 0% 100%;
	background-repeat: repeat-y;
}
.roundedbox_rb
{
	background-image:url("../images/roundedbox_r.png");
	background-position: 100% 0%;
	background-repeat: repeat-y;
}
.roundedbox_bb
	{
	background-image:url("../images/roundedbox_bb.png");
	background-position: 50% 100%;
	background-color: transparent;
	background-repeat: repeat-x;
	}
.roundedbox_blc
	{
	background-image:url("../images/roundedbox_blc.png");
	background-position: 0% 100%;
	background-color: transparent;
	background-repeat: no-repeat;
	}
.roundedbox_brc
	{
	background-image:url("../images/roundedbox_brc.png");
	background-position: 100% 100%;
	background-color: transparent;
	background-repeat: no-repeat;
	}
.roundedbox_tb
	{
	background-image:url("../images/roundedbox_tb.png");
	background-position: 0% 0%;
	background-color: transparent;
	background-repeat: repeat-x;
	}
.roundedbox_tlc
	{
	background-image:url("../images/roundedbox_tlc.png");
	background-position: 0% 0%;
	background-color: transparent;
	background-repeat: no-repeat;
	zoom: 1;
	}
.roundedbox_trc
	{
	background-image:url("../images/roundedbox_trc.png");
	background-position: 100% 0%;
	background-color: transparent;
	background-repeat: no-repeat;
	zoom: 1;
	}

.pagescroll {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	height:700px;
	overflow-y:auto;
	padding: 0px 10px 10px 10px;
}
.clear_div {
	clear:both;
	height:0px;
	overflow:hidden;
}
.email  {
	font-size: small;
	color:white;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	cursor:pointer;
}