/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/
/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
  background: #ffffff;
}

.box, .box
.box a
.box a:link { font-family: Bookman Old Style; color:#3B85B3; text-decoration: none}
.box a:visited { font-family: Bookman Old Style; text-decoration: none}
.box a:hover { font-family: Bookman Old Style; text-decoration: none}
.box a:active { font-family: Bookman Old Style; text-decoration: none}
.box, .box { font-family: Bookman Old Style; cursor:pointer; }

.boxlittle, .boxlittle
.boxlittle a
.boxlittle a:link { font-family: Bookman Old Style; color:#c3d9e7; text-decoration: none; font-size: 10px;}
.boxlittle a:visited { font-family: Bookman Old Style; text-decoration: none; font-size: 10px;}
.boxlittle a:hover { font-family: Bookman Old Style; text-decoration: none; font-size: 10px;}
.boxlittle a:active { font-family: Bookman Old Style; text-decoration: none; font-size: 10px;}
.boxlittle, .boxlittle { font-family: Bookman Old Style; color:#c3d9e7; cursor:pointer; font-size: 10px; }

span.blue{
 font-family: Bookman Old Style;
 font-size: 14px;
 color: #3B85B3;
 margin: 0px;
 padding: 0px;
}          

.text
{
   text-align: justify; /* Ils seront justifies */
}
.textf
{
   text-align: justify; /* Ils seront justifies */
}
.textf:first-letter
{
   float: left; /* Float to left */
   font-size: 4em; /* font size */
   font-family: Arial, Georgia, "Times New Roman", Times, serif; /* Soit mise en Arial si possible*/
   font-weight: bold; /* Soit ecrite en gras (c'est plus voyant) */
   margin-right: 5px; /* Qu'il y ait une marge de 5px a droite pour que ca colle pas trop au reste du texte */
}

//added
 .tablebox td a { display:block; width:100%; }
 .tablebox td a:hover { display:block; color:#ffffff; background-color:#3B85B3; text-decoration: none;}
 .letterbox td a { display:block; width:10px; height: 10px }
 .letterbox td a:hover { display:block; color:#ffffff; background-color:#3B85B3; text-decoration: none;}


.headertable a
.headertable a:link { font-family: Bookman Old Style; color:#3B85B3; text-decoration: none}
.headertable a:visited { font-family: Bookman Old Style; color:#c3d9e7; text-decoration: none}
.headertable a:hover { font-family: Bookman Old Style; color:#3B85B3; text-decoration: none}
.headertable active { font-family: Bookman Old Style; color:#3B85B3; text-decoration: none}
.headertable inactive { font-family: Bookman Old Style; color:#c3d9e7; text-decoration: none}

a{
	color: #006699;
	text-decoration: none;
}
a:link{
	color:#006699;
	text-decoration: none;
}
a:visited{
	color: #006699;
	text-decoration: none;
}
a:hover{
	color: #006699;
	text-decoration: underline;
}
h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 30px;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}
h2{
 font-family: Arial,sans-serif;
 font-size: 26px;
 color: #006699;
 margin: 0px;
 padding: 0px;
 text-align:center;
}
h3{
 font-family: Arial,sans-serif;
 font-size:18px;
 color: #3B85B3;
 margin: 0px;
 padding: 0px;
}
h4{
 font-family: Arial,sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}
h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 12px;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}
ul ul{
 list-style-type: disc;
}
ul ul ul{
 list-style-type: none;
}
label{
 font-family: Arial,sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #334d55;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#masthead{
	padding: 10px 0px 0px 0px;
	margin-left:0;
	margin-right:0;
	border-bottom: 1px solid #cccccc;
}
#navBarContainer {
  float: left;
	width: 175px;
}
#navBar{
	background-color: #eeeeee;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
#headlines{
	margin-right: 2%;
	float:right;
	font-size:10px;
	margin:0;
	width:0px;
	
}
#content{
	float: left;
	width: 800px;
	font-size:13px;
	margin-bottom:70px;
}
/***********************************************/
/* Components                                  */
/***********************************************/
#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}
/************* #globalNav styles **************/
#globalNav{
padding: 0px 0px 5px 10px;
border-bottom: 1px solid #CCC;
color: #cccccc;
}
#globalNav img{
 display: block;
}
#globalNav a {
	font-size: 90%;
	padding: 0 4px 0 0;
}
/*************** #pageName styles **************/
#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}
/************* #breadCrumb styles *************/
#breadCrumb{
	font-size: 80%;
	padding: 2px 0px 0 10px;
}
/************** .feature styles ***************/
.feature{
	padding: 0px 0px 10px 10px;
	font-size: 12px;
}
.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}
.feature img{
	float: left;
	padding: 10px 10px 0px 0px;
}
/************** .story styles *****************/
.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 12px;
}
.story p{
	padding: 0px 0px 10px 0px;
}
/************* #siteInfo styles ***************/
#siteInfo{
	clear: both;
/* 	border: 1px solid #cccccc; */
	font-size: 10px;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
}
#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}
/************* #search styles ***************/
#search{
	border-bottom:1px solid #CCCCCC;
	font-size:90%;
	padding:5px;
}
#search form{
 margin: 0px;
 padding: 0px;
}
#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}
#search h3 {
	padding: 0;
	margin: 0;
	font-size: 14px;
}
/*********** #navBar link styles ***********/
#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;}
/*********** #sectionLinks styles ***********/
#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
	margin-bottom:70px;
}
#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}
#sectionLinks a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}
#sectionLinks a:hover{
	background-color: #dddddd;
}
/*********** .relatedLinks styles ***********/
.relatedLinks{
	position: relative;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}
.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}
.relatedLinks a:link,
.relatedLinks a:visited {
	display: block; 
}
/************** #advert styles **************/
#advert{
	padding: 30px 0px 10px;
}
#advert img{
	display: block;
}
/************** #headlines styles **************/
#headlines p{
	padding: 5px 0px 5px 0px; 
}
.margin_left{
margin-left: 20px;
text-align:left;
} 
/************* #follow_us styles ***************/
#follow_us{
	border-top:1px solid #CCCCCC;
	font-size:90%;
	padding:0px;
	margin-top: 0px;
	margin-bottom: 0;
} 
#follow_us h3 {
	padding: 0;
	margin: 0;
	font-size: 14px;
}
#follow_us p {
	padding: 0;
	margin: 2px 0 0 0;
}
.follow_us_img {
  margin-right: 5px;
}
/************* #bookmark styles ***************/
#bookmark {
	font-size:90%;
	padding:0px;
	margin-top: 10px;
	clear: left;
} 
#bookmark p {
	text-align: center;
	margin: 0px;
	padding: 0px;
}
/************* #Errors and Success ***************/
.error {
  text-align:center;
  color:red;
  font-weight:bold;
  margin:5px;
  padding:0px;
}
.success {
  text-align:center;
  color:green;
  font-weight:bold;
}
/************* #Tooltip ***************/
a.tooltip
{
  position:relative;
  z-index:1;
}

a.tooltip:hover
{
  z-index:2;
  background-color:#ffffff;
}

a.tooltip span
{
  display: none;
}

a.tooltip:hover span
{
  display:block;
  position:absolute;
  top:2em;
  left:2em;
  width:15em;
  border:1px solid #333333;
  background-color:#006699;
  color:#ffffff;
  text-align: center;
  padding: 5px;
  font-size: 0.8em;
}
/************* #Summary & Fullcontent ***************/
#site_summary {}
#site_more {
  display: none;
}
#hide_more {
  display: none;
}
#site_full_content {}    

/************* #Batchbook Forms ***************/
form#publicForm dl { margin: 0; }
form#publicForm dt { margin: 0; }
form#publicForm dd { margin: 0; }
form#publicForm input[type=text],
form#publicForm p.submit { margin: 0; }
    
/******************************************************************************
** STRUCTURE OF DYNAMICALLY CREATED ELEMENTS
*******************************************************************************
**
** <div id="ORIGINAL_IDWidgContainer" class="widgContainer">
**     <ul id="ORIGINAL_IDWidgToolbar" class="widgToolbar">
**         <li id="BUTTON_ID" class="widgEditButton">
**             <a></a>
**         </li>
**         <li class="widgEditSelect">
**             <select>
**             </select>
**         </li>
**     </ul>
**     <iframe id="ORIGINAL_IDWidgIframe" class="widgIframe">
**     </iframe>
**     <textarea id="ORIGINAL_IDWidgTextarea" class="widgEditor">
**     </textarea>
** </div>
*/
/* TOOLBAR */
.widgToolbar
{
	list-style: none;
	width: 100%;
	height: 48px;
	margin: 0;
	padding: 0 0 0 2px;
	border: 1px solid #CCCCCC;
	background-image: url(images/widgeditor_toolbar_bg.gif);
	background-repeat: repeat-x;
}
* html .widgToolbar
{
	width: auto;
}
/* EDITING AREA */
#advgoo{
clear:both;
margin:10px;
text-align:center;
}