html{
height:100%;
 color : #666666;
  font-family      : Verdana, Arial, sans-serif;
}

H1{
  font-size        : 120%;
}

H2{
  font-size        : 110%;
}
H3{
  font-size        : 100%;
}
H4{
  font-size        : 90%;
}

H5{
  font-size        : 80%;
}
H6{
  font-size        : 75%;
}




body {
  color : #aaffdd;
  background-repeat:repeat;
  text-align:justify;
  margin-left: 5px;
  margin-bottom    : 5px;
  font-family      : Verdana,sans-serif;
  font-size        : 11px;
  background-color:#CCCCCC; 
  margin-top:0px;
  height:100%;

}

.adminform{
width:90%;
}

.top
{
clear:both;
width:100%;
z-index:-1;
border-top: 2px solid #CCCCCC;

}
.pathway{clear:none}

a.pathway:link, a.pathway:visited {
  color            : #B96396;
  font-size        : 9px;
  padding-left     : 0px;
  font-weight      : bold;
}
a.pathway:hover {
  font-size        : 9px;
  padding-left     : 0px;

}

/*******************éléments classés par ordre d'apparition sur la page***********************************/
.whole
{
height:100%;
background-color:#FFFFFF;
background-repeat: repeat;

}


.page
{
min-height:99%;
width:100%;
overflow:hidden;
background-color:#FFFFFF;
background-repeat: repeat;
margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0

}

.page-hautg
         {
          float:left;
          z-index:20;
          height:12px;
          background-image:url("../../../images/stories/page_hg.jpg");
          background-position:top left;
          background-repeat:no-repeat;
}


.page-hautd
         {
          float:right;
	  margin-right:-1px;
          z-index:20;
          height:12px;
          background-image:url("../../../images/stories/page_hd.jpg");
          background-position:top right;
          background-repeat:no-repeat;
}		


.banner
{
float:left;
width:100%;
z-index:-1;
overflow:hidden;
height:99px;
padding-left:0px;
margin-top:0px;
background-color:#FFFFFF;
background-image:url("../../../images/stories/new_bandeau_blanc.png");
background-position: top left;
background-repeat: repeat-x;

}

.banner_g
         {
          float:left;
          width:658px;
	  margin-left:10px;
          z-index:1;
          height:99px;
          background-image:url("../../../images/stories/new_bandeau_g2.png"); 
          background-position: top left;
          background-repeat: no-repeat;
}




.banner_d
         {
          float:right;
          width:140px;
          z-index:10;
          height:99px;
          background-image:url("../../../images/stories/new_bandeau_d.png"); 
          background-position: top right;
          background-repeat: no-repeat;
}

.banner-basg
         {
          float:left;
	  margin-left:-1px;
          z-index:20;
          height:12px;
          background-image:url("../../../images/stories/page_bg.jpg");
          background-position:top left;
          background-repeat:no-repeat;
}


.banner-basd
         {
          color:red;
          z-index:20;
          float:right;
          clear:none;
	  margin-right:-1px;
          height:12px;
          background-image:url("../../../images/stories/page_bd.jpg");
          background-position:top right;
          background-repeat:no-repeat;
}


a
{
text-decoration:none;
font-style: normal;

}

a:hover
{
color:#666666;
}


.buttons
{
float:right;
overflow:hidden;
width:100%;
text-align:right;
text-transform:uppercase;
background-position: top right;
background-repeat: no-repeat;
font-style: bold;
background-color:#FFFFFF;
}


#buttons>ul#mainlevel-nav li a {
  float:right;
  width: auto;
}


#buttons>td#mainlevel-nav a {
  float:right;
  width: auto;
}

.ariane
{
width:100%;
clear:both;
overflow:hidden;
padding-top:0px;
padding-bottom:1px;
height:11px;
z-index:5;
font-size: 9px;
text-transform:lowercase;
border-bottom: 2px solid #CCCCCC;


}
.ariane-hautd
         {
          float:right;
	  margin-right:-1px;
          z-index:20;
          height:12px;
          background-image:url("../../../images/stories/page_hd.jpg");
          background-position:top right;
          background-repeat:no-repeat;
}	
.ariane-hautg
         {
          float:left;
	  margin-left:0px;
          z-index:20;
          height:12px;
          background-image:url("../../../images/stories/page_hg.jpg");
          background-position:top left;
          background-repeat:no-repeat;
}	

.langues
         {
         clear:both;
         float:right;
         padding-right:15px;
         }

#leftcol a{
	text-decoration : none;    	
    	display         : inline;
		font-style: normal;

    	height          : 16px;
    	padding-top     : 1px;
/*	width			: 170px;*/
	padding-left	: 3px;
}

#sublevel{
       font-size: 9px;
        ext-transform:lowercase;
       color  		: #CCCCCC;
}

#leftcol a.sublevel{
   	color  		: #CCCCCC;
   	border 		: 0px none;
 
}

#leftcol a.mainlevel{
	/*display: block;*/
	display : inline;
	padding-top: 3px;
	height: 16px;
	line-height:2em;
	font-style: normal;
	color: #CCCCCC;
}
#leftcol a.mainlevel:hover{
color: #CCCCCC;
}

a.mainlevel:hover{
	color: #CCCCCC;

}

#leftcol .moduletable td{
    	/*border-bottom   : 1px dotted #666666;*/
        padding-top:8px;
}

#active_menu{
width:147px;
	font-weight	: bold;
        /*background-color : #666666;*/
         background-color: #E6F5FA;
   


}




.left
{
float:left;
width:15%;
margin-top:20px;
margin-left:5px;

}

.left-haut
{
margin-left:0px;
float:left;
width:100%;
/*background-image:url("../../../images/stories/leftmenu_haut.jpg");
background-position:top left;
background-repeat: no-repeat;
height:5px;*/
}


.contenumenu{
clear:both;
margin-left: 1px;
margin-top: 2px;
/*width:170px;*/
width:100%;

}


.left-bas
{
margin-left:0px;
float:left;
width:100%;
/*background-image:url("../../../images/stories/leftmenu_bas.jpg"); /*../images/*/
background-position:bottom left;
background-repeat: no-repeat;
height:5px;*/
}

.centre
{
width:60%;
margin-top:20px;
margin-left:40px;
margin-right:1px;
margin-bottom:1px;
padding-left:0px;
padding-right:0px;
float:left;
overflow:hidden;
color:#ffffff;
background-color : #E6F5FA; /*bleu pale*/ 

}
.main-hautg
         {
          float:left;
	  margin-top:0px;
	  margin-left:0px;
          z-index:20;
          height:11px;
          background-image:url("../../../images/stories/hg2.jpg");
          background-position:top left;
          background-repeat:no-repeat;
}
.main-hautm
         {
          float:left;
          margin-top:0px;
          z-index:21;
          height:7px;
          background-image:url("../../../images/stories/mm2.jpg");
          background-position:top left;
          background-repeat:repeat-x;
}

.main-hautd
         {
          float:right;
	  margin-top:0px;
	  margin-right:0px;
          z-index:20;
          height:11px;
          background-image:url("../../../images/stories/hd2.jpg");
          background-position:top right;
          background-repeat:no-repeat;
}	

.main
{
width:98,9%;
color:#ffffff;
background-color : #E6F5FA; /*bleu pale*/ 
border-top: 2px solid #39A7A6;
border-bottom: 2px solid #39A7A6;
}

	
	

.anim
{
float:left;
width:100%;
margin-left:100px;
background-position:bottom center;
}
		 
		  
._news{
float:left;
overflow:hidden;
padding-left:10px;
border-bottom    : 0px solid #CCCCCC;
border-left      : 0px solid #CCCCCC;
border-right     : 0px solid #CCCCCC;
}


.right
{
float:left;
width:16%;
overflow:hidden;
/*width:150px;*/
margin-top:20px;
/*background-image:url("../../../images/stories/leftmenu_center.jpg"); ../images/*/
/*background-repeat: repeat-y;*/





}
.right-haut
{
float:right;
overflow:hidden;
width:150px;
margin-right:20px;
/*background-image:url("../../../images/stories/rightmenu_haut.jpg");
background-position:top right;
background-repeat: no-repeat;
height:5px;*/
}
.right-bas
{
float:right;
overflow:hidden;
width:150px;
margin-top:10px;
margin-right:20px;
background-image:url(../../../images/stories/leftmenu_haut.jpg);
background-position:bottom right;
background-repeat: no-repeat;
height:5px;
}

.bottom
{
width:90%;
clear:both;
/*background-image:url("../../../images/stories/new_bandeau_blancbleu.png");*/
/*background-position: bottomleft;*/
/*background-repeat: repeat-x;*/
background-color:#D1E7EE; /* bleu pale*/
}

/*****************************************************************/
/********************old stuff************************************/

 tr, p, div, th {

  color            : #666666;
  padding-right    :1px;

}

td {

  color            : #666666;
  padding-right    :1px;
  padding-top    :5px;
  
}



hr {
  color            : #999999;
  height           : 1px;
  width            : 100%;
}
.search_box {
  float: right;
  background	   : url('../images/search.gif');
  color			   : #666666
}
.button {
  font-family       : Verdana, sans-serif;
  font-size         : 8px;
  text-transform    :uppercase;
  font-style        : bold;
  border            : 1px solid #000000;
  background-color  : #FFFFFF;
  color             :#404F59;
  padding           : 3px
}

td#mainlevel-nav {
  font-size        : 11px;
  color : #FFFFFF;
}

 
ul#mainlevel-nav {
  list-style        : none;
  padding           : 0;
  margin            : 0;
  font-size         : 11px; /*0.8em;*/
}

ul#mainlevel-nav li {
  display           : block;
  color            : #aaffdd;
  text-align       : center;
  padding-left      : 5px;
  padding-right     : 2px;
  float             : left;
  margin            : 0;
  width             : auto !important;
  width             : 11%;
  font-size        : 11px;
  line-height       : 21px;
  white-space       : nowrap;
/*  border-right      : 1px solid #FFFFFF;*/
  
}
ul#mainlevel-nav li a {
  width             : 100%;
  display           : block;
  padding-left      : 2px;
  padding-right     : 3px;
  text-decoration   : none;
  color             : #aaffdd;
  background        : transparent;
}


ul#mainlevel-nav li a:hover{
  color            : #666666
}
table.moduletable {
  width		   : 170px;
 table-layout	   : auto;
background-image:url(../../../images/stories/leftmenu_haut.jpg);
background-position:left top;
background-repeat:no-repeat;
height:5px;
padding-bottom:3px;
padding-top:1px;
}
table.moduletable th {

  font-weight      : bold;
  text-align       : center;
  height           : 10px;
  line-height      : 10px;
  padding-top:2px;
  border-top: 0px solid #FFE6BF; 

}
table.moduletable td {
  padding-left     : 1px;
  height           :15px;
}
table.content{
  width            : 100%;
  padding          : 15px;
  border-collapse  : collapse;
  border-spacing   : 0px;
  
}
table.contentpane {
  width            : 100%;
  padding-left     : 3px;
  padding-right    : 3px;
  padding-top      : 1px;
  border-spacing   : 0px;
  margin-bottom    : 1px;
}
table.contentpaneopen {
  width            : 95%;
  padding-left     : 10px;
  padding-right    : 3px;
  padding-top      : 1px;
  border-spacing   : 0px;
  margin-top: 10px;
  margin-bottom    : 2px;
}
.contentheading {

  font-weight      : bold;
  height           : 22px;
  line-height      : 22px;
  text-transform   : uppercase;
  padding-left     : 5px;
  text-align       : left;
  color            : #B96396;
  width            : 90%;
  margin           : 2px
}
.componentheading {

  letter-spacing   : 0px;

  font-weight      : bold;
  height           : 22px;
  line-height      : 22px;
  text-transform   : uppercase;
  padding-left     : 0px;
  text-align       : left;
  color            : #FFFFFF; /* afin de cacher l'intitulé...pas heureux mais OK*/
  width            : auto;
  margin           : -2px
  
  }
.componentheading2 {

  letter-spacing   : 0px;

  font-weight      : bold;
  height           : 22px;
  line-height      : 22px;
  padding-left     : 10px;
  text-align       : left;
  color            : #FFF;
  width            : auto;
  margin           : 2px;
  
  }
.title {

  /*font-weight      : bold;*/
  text-transform   : uppercase;
  text-indent      : 8px;
  font-size        : 15px;
  text-align       : left;
  color            : #aaffdd;
}
.title a:link, .title a:visited {
  font-size        : 20px;
  color            : #B96396;
  text-decoration  : none;
  font-weight      : bold;
}
.title a:hover {
  font-size        : 20px;
  color            : #666666;
  text-decoration  : none;
  font-weight      : bold;
}
.buttonheading {
  background       : url('../images/header.jpg');
  padding-left     : 4px;
  padding-right    : 4px
  }
a.mainlevel  {
  font-family      : Verdana,Arial, Geneva, Helvetica, sans-serif;
  padding-left      : 0px;
  padding-top      : 2px;
  text-align       : left;
  display          : block;
  height	   : 20px;
  font-size        : 11px;
  width            : 170px;
  background-color:#FFFFFF;
}
a.mainlevel:link {
  text-align       : left;

  display          : block;
  font-size        : 11px;
  width            : 170px;
  padding-left      : 0px;
  
}
a.mainlevel:visited { /* description fonte menu gauche*/
  text-align       : left;
  display          : block;
  font-size        : 11px;
  font-weight      : bold;
  padding          : 0px 0px 0px 0px;
  color            : #B96396;
  width            : 170px;
  height           : auto;

}
a.mainlevel:hover {
  text-align       : left;
  display          : block;
  color            : #CCCCCC;
  font-size        : 11px;
  font-weight      : bold;
  text-decoration  : none
  

}
#active_menu {
  text-align       : left;
  color            : #CCCCCC
  padding-left      : 0px;
  font-weight      : bold
  background-color : #FFFFFF;

}
a#active_menu:hover {
  text-align       : left;
  color            : #CCCCCC;
  font-weight      : bold

}
a:link, a:visited {
  font-size        : 11px;
  color            : #B96396;
  text-decoration  : none;
  font-weight      : bold;


}
a:hover {
  font-size        : 11px;
  color            : #666666;
  text-decoration  : none;
  font-weight      : bold;

}
a.category:link, a.category:visited {
  font-size        : 11px;
  font-weight      : bold;
  color            : #B96396;
}
a.readon:link, a.readon:visited {
  padding:2px;
  color            :#B96396;

  font-style       : italic;
  white-space      : normal;
  font-weight      : normal;
  float            : left;
  line-height      : 11px;
  text-decoration  : none; 
  text-transform:lowercase;

  }
a.readon:hover {
  color            :#666666;

  white-space      : normal;
  font-weight      : normal;
  padding-bottom   : 2px;
  padding-left     : 2px;
  padding-right    : 2px;
  padding-top      : 2px;
  float            : left;
  line-height      : 11px;
  text-decoration  : none; 
  text-transform:lowercase;

}
ul {
  
  margin           : 2px;
  padding-left     : 0px;
  list-style       : none;
}
li {
  
  line-height      : 15px;
  padding-left     : 15px;
  padding-top      : 0px;
/*  background-image : url(../images/bullet.gif) ;
  background-repeat: no-repeat;
  background-position: 0px 3px;
*/
}  
.date {

  color            : #666666;
  padding-right    : 10px;
}
.small {

  color            : #666666;
}
.smalldark {

  color            : #666666;
}
.createdate, .modifydate {
  font-size        : 11px;
  color            : #666666;
}
.blog_more {
padding-left       : 10px;
}
.inputbox {
background-image   :url('../images/inputback.jpg');
border             : 1px solid #666
}
.back_button {
text-align         : center;
padding            : 0px;
}
.pagenavcounter {

  color            : #FF9900;
}
.small {

  color            : #666666;
}
.smalldark {

  color            : #666666;
}
.createdate, .modifydate {

  color            : #666666;
}
.content_vote {

  height           : 22px;
  padding-top      : 2px;
  padding-bottom   : 2px;
}
.content_rating {

  color            : #CC9900;
}
.contact_email  {
  width            : 100%;
}
.contact_email .inputbox {
  width            : 345px;
}
.sectiontableheader {

  font-weight      : normal;
  text-transform   : uppercase;
  letter-spacing   : 1px;
  background       : #D8E0E4;
  color            : #666666;
  padding          : 4px;
}
.sectiontableentry1 {
  vertical-align   : top;
  padding          : 3px;
  background       : #E6F5FA; /*B68863;*/
  border-top       : 0px solid #FFE6BF;
  border-bottom    : 0px solid #999999;
}
.sectiontableentry2 {
  vertical-align   : top;
  padding          : 3px;
  background       : #B68873;
  border-top       : 0px solid #FFE6BF;
  border-bottom    : 0px solid #999999;
}
table.contenttoc {
  border           : 1px solid #FFE6BF;
  background       : #E6EEF2;
  padding          : 5px;
  margin-right     : 10px;
  margin-left      : 10px;
  margin-bottom    : 10px;
}
body.mceContentBody {
background-color : #ffffff;
color : #666666;
}