html,body {
	margin:0;
	padding:0;
	height:100%; 
	background:#F6F5E5;
	font-family: arial,sans-serif;
	font-size:small;
	color:#333;
	text-align : justify;
	min-width:950px;
}

/********************* STRUCTURE **************************/
/**********************************************************/
div#tout {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:87%;
	background:#ffffff;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}

div#page {
	padding-bottom : 5em;
        padding-top : 35px;
}
/********************header**********************/
div#header {
	padding-top:1em;
	height:100px;
	margin-bottom : 30px;
}
div#header p {
	font-style:italic;
	font-size:1.1em;
	margin:0;
}

div#header .banner_left{
background-image:url(../images/bandeau_gauche.png);
background-position:left top;
background-repeat:no-repeat;
float:left;
height:99px;
overflow:auto;
width:53%;
z-index:10;
}
div#header .banner_right{
background-image:url(../images/bandeau_droit.png);
background-position:right top;
background-repeat:no-repeat;
float:right;
height:99px;
overflow:auto;
width:46%;
z-index:10;
}
div#header .banner{
background:transparent url(../images/bandeau_m.png) repeat-x;
float:left;
height:99px;
margin-left:20px;
width:97%;
z-index:-1;

}
.search_site .search{
/*float:right;*/
text-align:right;
margin-top : 10px;
}
/********************footer**********************/
	

div#footer {
	clear:both;
	position:absolute;
	width:100%;
	bottom:0;
	background:#f0f0f0;
	border-top:6px double #EBD335;
	text-align : center;
	font-size : 9px;
}
div#footer p {
	padding:1em;
	margin:0;
}

/************** PAGE PRINCIPALE ***************/
#leftcol{
	width:17%;
	float:left;
	margin-left : -40px;
	/** nouvelle modif **/
	width:17%;
	margin-left:-4%;

}
#rightcol{
	width:19%;
	float:right;
	margin-right : 1%;
}
#maincol{
	width:66%;
        min-width : 66%;
	margin-left:13.5%;
	margin-right:0.5%;
	margin-top : 5px;	
    padding-top:15px;
	/*overflow:auto;*/


}
#maincol-100{
	width:83%;
	margin-left:15%;
	margin-top : 5px;	

}

/********************* MENU *********************/
/************************************************/
#active_menu,#active_menu-nav{ font-weight:bold;}
div.pathway{
float:left;
font-size:0.85em;
color:white;
}
/***************** menu top ***********************/
.menu_horizontal{
	width:100%;
	background:#EBD335; float : right;
	margin-top : 10px;
	line-height:20px;
margin-bottom : 15px;
	
}
ul#mainlevel-nav{
	margin : 0;
	float:right;
}
ul#mainlevel-nav li {
	float:left;
	padding : 0;
	margin-left:5px;
	margin-right:15px;
	list-style : none;
background-image:none;
}
#mainlevel-nav a{
	text-decoration : none;
	color :#555555;
font-size 	: 0.85em;
	
}

/********************** menu gauche  ********************************/
#leftcol a{
color           : #555555;
font-size 	: 0.85em;
}
#leftcol a:hover{
color           : #0066B3;
}
.mainlevel{
text-transform  : smallcaps;

}



/******************* module arrondi sur menu left*******************/
.boiteronde-sommaire,.boiteronde-membre{
float:right;
margin-left:5px;
margin-top:10px;
padding:0pt;
}
div.module, .boiteronde-sommaire, .boiteronde-membre {

line-height:20px;
margin:10px 0px 0px 0px;

}

#leftcol div.module {
	background: url(../images/arrond_gris_bl.png) bottom left no-repeat;
	padding: 0;
	margin-bottom: 15px;
}

#leftcol div.module div {
	background: url(../images/arrond_gris_br.png) bottom right no-repeat;
}

#leftcol div.module div div {
	background: url(../images/arrond_gris_tl.png) top left no-repeat;
}

#leftcol div.module div div div {
	background: url(../images/arrond_gris_tr.png) top right no-repeat;
	width: auto !important;
	width: 100%;
	padding: 2px 2px 0px 5px;
	clear: bottom;
}

#leftcol div.module div div div div {
	background:none;
}

/******************* module arrondi sur menu right*******************/
#rightcol ul{
text-align : left;
padding:0;
padding-bottom : 5px;
margin:0 0 0 15px;

}
#rightcol ul li{
padding:0;
margin:0;

}

#rightcol div.module {
	background: url(../images/arrond_bl.png) bottom left no-repeat;
	padding: 0;
	margin-bottom: 15px;
}

#rightcol div.module div {
	background: url(../images/arrond_br.png) bottom right no-repeat;
}

#rightcol div.module div div {
	background: url(../images/arrond_tl.png) top left no-repeat;
}

#rightcol div.module div div div {
	background: url(../images/arrond_tr.png) top right no-repeat;
	width: auto !important;
	width: 100%;
	padding: 2px 2px 0px 5px;
	clear: bottom;
}

#rightcol div.module div div div div {
	background:none;
}

/****** table des matieres *******/
.contenttoc{
        border          : 1px solid #ECD02E;
        margin          : 10px;
        padding         : 5px;
}
.contenttoc th{
        border-bottom   : 1px solid #ECD02E;

}
.pagenavcounter{
        display         : none;
}
/************ texte ******************/
h1,.contentheading,.componentheading,.contentpagetitle{ 
	color:#555555;
	font-size:1.1em; 
	font-weight : bold;
	text-align : left;
	padding-bottom : 5px;
	padding-top : 5px;
}
h2 {
	font-size:1.05em; 
	margin:0 0 0.5em;
	color:#555555;
	text-align : left;
}
h3,h4{
color:#0066B3;
font-size:1.0em;
text-align : left;
}
h5{ font-size:1.0em; }
a{
	color:#0066B3;
	text-decoration : none;
}

p { 
	line-height:1.5; 
	margin:0 0 1em;
}


.modifydate,.small{
color:#999999;
font-size:0.9em;
font-weight:normal;
height:20px;
text-align:left;
vertical-align:bottom;
}
.readon{
	background : url(../images/fleche_right.gif) no-repeat 0% 50%;
	padding-left : 15px;
}




li {
  list-style: url(../../../images/stories/arrow.png) ;
}


table.contentpaneopen,table.contentpane  {
  width: 100%;
  padding: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 0px;
 }


table.contentpaneopen td {
     padding-right: 5px;
     
}

table.contentpane td {
        margin: 0px;
        padding: 0px;
}

table.contentpaneopen fieldset {
        border: 0px;
        border-bottom: 1px solid #eee;
}

img {	border:none; }
.inputbox{
border : 1px solid #ddd;

}
/******************* annuaire *************************/
table.equipeplist th{
text-align : center;
background : #F6F5E5;
color : #333;
margin:0;
padding:0;
}
table.equipelist tr:hover{
background: #F6F5E5;
}