/****
Auteur : Samuel Michaud
***/


body, html{
  padding          : 0;
  margin           : 0;
    }

#body_bg{ background: url('../images/row_left_bg.png') repeat-y top left; }
#page{ }

.main { 
  text-align       : left; 
  width            : 100%;
  margin           : 0; 
  padding          : 0;
}

ul.menu
{

margin-right:2px;

/*display:none !important ;*/
/*height:0px;*/
/*overflow:hidden;*/
}

.mod {
  background       : #FFFFFF;
  width            : 2px;
}

td, tr, p, div {
  font-family      : Arial, Verdana, Tahoma, Helvetica, sans-serif;
  font-size        : 14px;
  color            : #000000;
}
hr {
  color            : #999999;
  height           : 1px;
  width            : 100%;
}

form {
margin           : 0; 
padding          : 0;
}


.leftrow {
width:189px;
  height           : 100%;
  margin-right     : 0;
}

.rightrow {
  height           : 100%;
  width            : 169px;
  margin-left      : 0;
  background       : #fff;

 }

.back_button {
  color            : #999999;
  font-family      : Tahoma, Arial, Verdana,  Helvetica, sans-serif;
  font-size        : 11px;
  font-weight      : normal;
  padding-bottom   : 3px;
  margin-right     : 4px;
  float            : right;
  line-height      : 20px;
  }

.button {
  font-size        : 11px;
  color            : #333333;
  border           : 2px solid #a7c2fe;
  margin           : 3px;
  background-color : #EAECEE;
  padding          : 3px !important;
  padding          : 1px;
  cursor           : pointer;
}

.inputbox {
 color        : #000000;
 background   : #ffffff;
 border       : 1px solid #B4C1D1;
 margin       : 3px;
width:70%;
}

.rester_co_box {
 color        : #000000;
 background   : #ffffff;
 border       : 1px solid #B4C1D1;
 margin       : 3px;
}

h1 {font-size        : 18px;
    color            : #3B5576;
    margin           : 5px 0;
}

h2 {font-size        : 16px;
    color            : #666666;
    margin           : 5px 0;
}

h3 {font-size        : 14px;
    color            : #3B5576;
    margin           : 5px 0;
}

form#form-login{
	background: none;
	color: #fff;
	margin: 0px 0px 0px 0px;
	text-align:left;
      }

form#form-login ul{
/*display:none !important;*/
}
	  
form#form-login fieldset{
border: none;
}

form#form-login fieldset label {}
form#form-login ul a
{}



.contact_email  {
  width            : 100%;
}

.contact_email .inputbox {
  width            : 345px;

}


/*  Main Menu */

table.moduletable{width:176px; margin-top:5px;}
table.moduletable_menu {margin-top:5px;}

table.moduletable_menu th, table.moduletable th
{      
    font-family          : Tahoma, Arial, Verdana,  Helvetica, sans-serif;
	font-size          : 12px;
	font-weight        : bold;
	text-align         : left;
	width              : 165px;
	padding            : 2px;
    text-indent        : 10px;
	line-height        : 22px;
    border			   : 1px solid #204db4;
	background-color   : #1c4ec1; 
    color              : #fff;
	margin-right	   : 2px;
	margin-top	   : 5px;
}
table.moduletable, table.moduletable_menu { margin-left:2px; }

table.moduletable#form-login { display:none; }
table.moduletable ul th:hover #form-login{display:none;}

table.moduletable_menu ul li
{
	background:none;
	border:none;
	padding:5px;
	font-size:12px;
}

table.moduletable_menu ul li ul li
{
	background:none !important;
	border:none;
}

table.moduletable_menu ul li ul
{
	background:none;
	border:none;
}

li.item1
{
	background-color:#9DBBFE !important;
	border:1px solid #204DB4 !important;
	margin-top:2px;
}

li.item1_active { margin-top:2px; padding:0px !important; }
li.item1_active a
{
	background-color:#9DBBFE;
	border:1px solid #204DB4;
	color:#992233;
	display:block;
	font-size:12px;
	font-weight:bold;
	padding:5px;
}

li.item1_active ul li a
{
	background:none;
	border:none;
	color:#023095;
	display:block;
	font-size:12px;
	font-weight:bold;
}

li.item1_active ul li a:hover {color:#000;}

/* --------- fin ---------------*/

.sectiontableheader {
  font-size        : 12px;
  font-weight      : normal;
  text-transform   : uppercase;
  letter-spacing   : 1px;
  background         : url(../images/mod_lr.gif) #6D8DB5 repeat-x top left; 
  color              : #F6F7F9; 
  padding          : 3px;
}

td.sectiontableheader a {
color              : #F6F7F9;
}

.sectiontableentry1 {
  vertical-align   : top;
  padding          : 3px;
  background       : #F4F5F7;
  border-bottom    : 1px solid #ffffff;
  line-height      : 18px;

}

.sectiontableentry2 {
  vertical-align   : top;
  padding          : 3px;
  border-bottom    : 1px solid #ffffff;
  background       : #EFF1F4;
  line-height      : 18px;
  }

.sectiontableentry1 img{
 
padding-top: 3px !important;
padding-top: 1px;
}

.sectiontableentry2 img{
 padding-top: 3px !important;
 padding-top: 1px;

}

.top_header
{
	background: url(../images/bg_top.png) #ffffff repeat-x top left;
}


a:link, a:visited {
  
  color            : #1744A9;
  text-decoration  : none;
  font-weight      : bold;
}

a:hover {
  color            : #992233;
  text-decoration  : none;
  font-weight      : bold;
}



a.category:link, a.category:visited {
  font-size        : 18px;
  font-weight      : bold;
  color:#1744A9;
  padding-left:10px; 
  background: url(../images/strelka.gif) no-repeat center left;
}

a.category:hover { color: #992233; }
.item_category { margin-bottom:30px;}
.category_description { margin-top:7px; padding-left:25px;}

a.readon:link, a.readon:visited {
  color            : #999999;
  font-family      : Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url(../images/readon.gif) no-repeat;
  white-space      : normal;
  font-weight      : normal;
  padding          : 1px 0 3px 18px;
  float            : right;
  line-height      : 10px;
  text-decoration  : underline;
}

a.readon:hover {
  color            : #4B6B94;
  font-family      : Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url(../images/readon.gif) no-repeat;
  white-space      : normal;
  font-weight      : normal;
  padding          : 1px 0 3px 18px;
  line-height      : 10px;
  text-decoration  : underline;
}

ul {
  margin           : 0px;
  padding-left     : 3px;
  list-style       : none;
}

li {
  
  line-height      : 15px;
  padding-left     : 10px;
  padding-top      : 0;
}

li#current
{
  background-image : url(../images/strelka.gif) ;
  background-repeat: no-repeat;
  background-position: 0px 5px;
}

/* ----------------  MENU de profondeur 1 -------------------------- */
li.item1__
{
  display          : block;
  font-size        : 12px;
  border           : 1px solid #204db4;
  font-weight      : normal;
  padding          : 2px 0;
  color            : #1744a9;
  font-weight      : bold;
  padding-left     : 15px;
  background-color : #9dbbfe;
}



table.contenttoc {
  border           : 1px solid #dcdcdc;
  background       : #F1F1F1;
  padding          : 5px;
  margin-left      : 2px;
  margin-bottom    : 2px;
}

.pagenavcounter {
  font-size        : 10px;
  color            : #4B6B94;
}

.pagenavbar {
  border-top       : 1px solid #999999;
  padding          : 2px;
}

.pagination span { padding: 2px; }
.pagination a    { padding: 2px; } 

a.pagination:link, a.pagination:visited {
  font-size        : 11px;
  color            : #999999;
  text-decoration  : none;
}

a.pagination:hover {
  font-size        : 11px;
  color            : #4B6B94;
  text-decoration  : none;
}

div.date {
  float:right;
  font-size        : 11px;
  font-weight      : bold;
  color            : #707070;
  width: 140px;
  text-align: right;
}

div.pw {
  float:left;
  width: 580px;
}

.small {
  font-size        : 12px;
  color            : #333333;
}

.smalldark {
  font-size        : 10px;
  color            : #333333;
}

.createdate, .modifydate {
  float            : left;
  font-size        : 10px;
  color            : #666666;
  font-weight      : bold;
}

.content_vote {
  font-size        : 10px;
  height           : 22px;
  padding-top      : 2px;
  padding-bottom   : 2px;
}

.content_rating {
  font-size        : 10px;
  color            : #999999;
}

.pathway {
  font-size        : 11px;
  color            : #333333;
  }

a.pathway:link, a.pathway:visited {
  font-size        : 11px;
  padding-left     : 0;
}

a.pathway:hover {
  font-size        : 11px;
  padding-left     : 0;
}

table.content{
  width            : 100%;
  padding          : 0;
  border-collapse  : collapse;
  border-spacing   : 0;
  margin-bottom    : 10px;
}

table.contentpane {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}

table.contentpaneopen {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}

.poll {
	color : #333333;
	line-height : 12px;
	font-weight: normal;
      
}

.pollstableborder{
  border-color     : #999999;
  text-align: left;
}

.componentheading {display:none;}

.contentheading, .componentheading {
  border-bottom    : 1px solid #3e568b;
  font-size        : 16px;
  font-weight      : bold;
  line-height      : 16px;
  text-transform   : uppercase;
  text-align       : left;
  text-indent      : 0;
  color            : #1744a9;
  width            : 100%;
  padding          : 3px;
  margin: 3px 0px;
  }

  
td.article_column{
padding-right: 5px;
}

.footer {
  font-size        : 10px;
  font-weight      : normal;
  height           : 42px;
  border-top       : 1px solid #cccccc;
 }

.lcol {
   vertical-align   : top;
   background       : url('../images/row_left_bg.png') repeat-y top left;
   width:189px;
   padding-top: 5px;
}

.rcol {
   vertical-align   : top;
   background       : #ffffff;
   padding-top: 5px;
   border-right       : 1px solid #cccccc;
   padding-right: 3px;

}

.foot {
  vertical-align   : top;
  position:relative;
}


.contentdescription { 
  width          : auto !important;
  margin         : 0;
  padding        :  0;
  padding-top    : 5px;
  text-align     : left;
}

td.top1{
margin: 0;
padding:  0;
height: 28px !important;
height: 25px;
padding-top:  0px !important;
padding-top:  3px;
padding-left: 2.5%;
padding-right: 2.5%;
background		: url(../images/shadow.png) repeat-x top;

}

table.top2{
background : #ffffff;
width:100% !important;

}

#searchbox {
  margin           : 0;
  padding          : 0;
  margin-top       : 13px;
  margin-left      : 10px;
  width            : 130px;
  font-size        : 11px;
  color            : #707070;
  padding          : 2px !important;
  padding          : 1px; 
  border           : 1px solid #cccccc;
  background       : none;
  
   }

td.logoheader {
  margin: 0;
  padding:  0;
  background     : url(../images/bg_header.png)  #fff repeat-x top left;
  width          : 100%;
  
 }

td.topnav {
  margin : 0px;
  padding:  0px;
  height         : 42px;
  width          : 770px;
  
 }

td.bgline {
  margin : 0px;
  padding:  0px;
  background     : url(../images/s.gif) repeat-y;
  width          : 7px;
 }

#wrap
{
background : url(../images/mod_bottom.png) repeat-x bottom left;
height:36px;
}

div.menu a, div.menu a:visited, div.menu a:link 
{
font-size:14px !important;
padding-top:10px ! important;

}
 
 .blog2
 {
	margin:20px;
	background-color:#edf2fb;
	padding:10px;
	border: 3px solid #a7c2fe;
 }
 
 #mainlevel-nav {
  font-size        : 11px;
  list-style       : none;
  padding          : 0;
  margin           : 0;
  margin-left      : 1px;
 
}

#mainlevel-nav li {
  float            : right;
  display          : block;
  list-style       : none;
  background-image : none;
  padding-left     : 2px;
  padding-right    : 2px;
  margin           : 0;
  width            : auto !important;
  font-size        : 11px;
  line-height      : 28px;
  white-space      : nowrap;
  border-left      : 1px solid #cccccc;

}
#mainlevel-nav li a {
  
  padding-left     : 10px;
  padding-right    : 10px;
  font-size        : 11px;
  color            : #000033;
  text-decoration  : none;
  
}

#mainlevel-nav li a:hover {
  font-size        : 11px;
  color            : #999999;
    
}

.blog_more {
margin   : 10px 0 7px 7px;
}

.buttonheading {
padding  : 0 2px;
}

span.article_separator {
display:block;
height:35px;
clear: both;
}

div.caption       { padding: 0 10px 0 10px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: .90em; color: #666; text-align: center; }

div.mosimage         {  margin: 5px; }
div.mosimage_caption {  font-size: .90em; color: #666; }

.caption {border: 1px solid #CCC; padding: 3px;}




/* RAJOUT*/
.tool-tip {
display:none;
   float: left;
   background: #ffc;
   border: 1px solid #D4D5AA;
   padding: 5px;
   max-width: 200px;
   
}

.tool-title {
   padding: 0;
   margin: 0;
   font-size: 100%;
   font-weight: bold;
   margin-top: -15px;
   padding-top: 15px;
   padding-bottom: 5px;
   background: url(../images/selector-arrow.png) no-repeat;
}

.tool-text {
	display:none;
   font-size: 100%;
   margin: 0;
}

.transMenu .background {
background-image:none; background-color: #bad3fe !important ; 
 position:absolute ; 
 left:0px; top:0px; 
 z-index:1; 
 opacity:0.95; 
 filter:alpha(opacity=95)
}