/*
* Copyright 1999-2004 The Apache Software Foundation
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*     http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

/* page */
		
		.R-Chiffre    { background-color: #f93; margin: inherit inherit inherit inherit; padding: inherit inherit 0 0 }
		.R-Etape    { color: #eee; font-size: 18px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; background-color: #888; text-transform: uppercase; margin: 0; padding-top: 0px; border-top: 5px solid #000; border-bottom: 0 }
		.R-Critere          { color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; margin: 0; padding: 0 }
		.R-CritereLien     { color: #000; text-decoration: none; background-color: #ededed; margin: 0 ; padding: 5px 0 5px 20px; width: 250px; float: left; border-bottom: 1px solid white }
		.R-CritereLien:hover  { color: #fff; background-color: #b5b6d2 }
		.R-CritereLien-choix     { color: #fff; text-decoration: none; background-color: #b5b6d2; margin: 0; padding: 5px 0 5px 20px; width: 250px; float: left; border-bottom: 1px solid white }
		.R-CritereJ          { color: #000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; margin: 0; padding: 0 }
		.R-CritereLienJa     { color: #966BA6; text-decoration: none; background-color: #ededed; margin: 0 ; padding: 5px 0 5px 20px; width: 250px; float: left; border-bottom: 1px solid white }
		.R-CritereLienJ     { color: #000; text-decoration: none; background-color: #B99FBC; margin: 0 ; padding: 5px 0 5px 20px; width: 250px; float: left; border-bottom: 1px solid white }
		.R-CritereLienJb     { color: #B1290E; text-decoration: none; background-color: #ededed; margin: 0 ; padding: 5px 0 5px 20px; width: 250px; float: left; border-bottom: 1px solid white }
		.R-CritereLienJc     { color: #B1290E; text-decoration: none; background-color: #B99FBC; margin: 0 ; padding: 5px 0 5px 20px; width: 250px; float: left; border-bottom: 1px solid white }
		.R-CritereLienJd     { color: #000 ; text-decoration: none; background-color: #ededed; margin: 0 ; padding: 5px 0 5px 20px; width: 250px; float: left; border-bottom: 1px solid white }
		.R-CritereLienJe     { color: #833A9D ; text-decoration: none; background-color: #ededed; margin: 0 ; padding: 5px 0 5px 20px; width: 250px; float: left; border: 1px solid #966BA6}
		.R-CritereLien-choixJ     { color: #fff; text-decoration: none; background-color: #966BA6; margin: 0; padding: 5px 0 5px 20px; width: 250px; float: left; border-bottom: 1px solid white }
		.R-CritereLienJ:hover  { color: #fff; background-color: #b5b6d2 }
		.R-CritereLienJd:hover  { color: #fff; background-color: #966BA6 }
		.R-CritereLienJe:hover  { color: #fff; background-color: #966BA6 }
		.R-InfoTitre  { color: #888; font-size: 18px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; text-transform: uppercase; margin-left: 5px; margin-bottom: 0; padding-top: 2px; border-top: 5px solid #000 }
		.R-InfoTexte    { margin-left: 5px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold }
		.R-legende  { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #ddd }
		.R-ListeArticle   { font-weight: bold; background-color: #ddd; background-position: 10px 3px; margin: 0 -5px 1px 20px; padding: 2px 10px 2px 5px; border-left: 3px solid #f93 }
		.R-ListeLettre { font-weight: bold; background-color: #ddd; background-position: 10px 3px; margin: 0 -5px 1px 20px; padding: 2px 10px 2px 5px; border-left: 3px solid #0c9 }
		.R-ListeRapport  { font-weight: bold; background-color: #ddd; background-position: 10px 3px; margin: 0 -5px 1px 20px; padding: 2px 10px 2px 5px; border-left: 3px solid #c09 }
		.R-ListeBase { font-weight: bold; background-color: #ddd; background-position: 10px 3px; margin: 0 -5px 1px 20px; padding: 2px 10px 2px 5px; border-left: 3px solid #36f }
		.R-ListeInfo   { color: #555; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 2px 50px 15px 30px; padding-bottom: 0; padding-left: 0 }
		.R-ListeLien  { color: #333399; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
		.R-ListeLien:hover { color: #FF3300; text-decoration: underline }
		.R-FondTD { background-color: #ededed }
		.R-FondTD2 { background-color: #ddd }
		.R-Coul1  { background-color: #f93 }
		.R-Coul2  { background-color: #0c9 }
		.R-Coul3  { background-color: #c09 }
		.R-Coul4  { background-color: #36f }
#page {
    padding: 0;
    margin: 0 0 0 -5px;
    border-right: 5px solid #333377;
/*	background: white url({$root}/images/bv.gif) repeat-y 
	background-image:url({$root}/images/bv.gif) ;
	background-repeat: repeat-y ;
}*/
   }

/* tabs
     border-bottom: solid 5px #DDBBBB;
    color: Maroon; couleur du texte avec lien sélectionné
}*/

#tabs {
    border-top: solid 15px #B4B6CD;
    color: White;
}

#tabs a {
    text-decoration: none;
    color: White;
}

#tabs table {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 70%;
    font-weight: bold;
	}

#tabs td {
    vertical-align: bottom;
	}

#tabs div {
    white-space: nowrap;
	}

.tab {
    position:relative;
	top:-5px;
	left:0px;
	padding: .5em .5em;
    background-color: #AAAAAA;
    font-size: 70%;
    font-weight: bold;
    border-left: solid 2px #000000;
}
/* tab selected = bandeau de navigation haut */
.tab-selected {
    position:relative;
	top:-5px;
	left:0px;
    padding: .5em .5em;
    background-color: #FF9A00;
    border-left: solid 2px #000000;
    border-bottom: solid 0px #BB9999;
	font-size: 70%;
    font-weight: bold;
}

.tab-separator {
    border-bottom: solid 0px #BB9999;
}

.tab-pre-separator {
    width: 25px;
    border-bottom: solid 0px #BB9999;
}

td.tab-post-separator {
    width: 100%;
}

/* menu */

#menu {
    margin: 0;
	width: 142px;
    font-family: Verdana, Arial, Sans-serif;
    background-color: #333377;
    border-left: none;
    border-top: none;
    color: #333377;
}

/* #menu a {
    text-decoration: none; caractéristiques du texte avec hyperlien non sélectionné     background-color: #333399;
    color: Maroon;
}
*/

#menu a {
    text-decoration: none;
    color: White;
}

/* #menu a:hover {
    text-decoration: underline; caractéristiques du texte avec hyperlien au passage de la souris
*/

#menu a:hover {
    text-decoration: underline;
}
/* .menublock-1, .menublock-selected-1 {
    padding: 0px;
    border-top: solid 1px #C0C0C0; bordure supérieure bandeau gauche
    background: #FFCCCC; couleur de fond des cellules non selectionnées
*/
.menublock-1, .menublock-selected-1 {
    padding: 0px;
    border-top: solid 2px #000000;
	background: #AAAAAA;
}

.menublock-1 a { }
.menublock-1 a:visited { }

.menublock-1 .menublock-2 { display: none; }
.menublock-2 .menublock-3 { display: none; }
.menublock-3 .menublock-4 { display: none; }
.menublock-4 .menublock-5 { display: none; }
.menublock-5 .menublock-6 { display: none; }

.menublock-selected-1 .menuitem-1 { background-color: #CCCCCC; }
.menublock-1          .menuitem-1 { }

.menuitem-spe { background: #A77BB8; padding: 5px 5px 5px 10px; font-size: 70%; font-weight: bold; text-transform: uppercase}
.menuitem-1 { padding: 5px 5px 5px 10px; font-size: 70%; font-weight: bold; text-transform: uppercase;}
.menuitem-selected-1 { padding: 5px 5px 5px 10px; font-size: 70%;  color: black; font-weight: bold; text-transform: uppercase;}
.menuitem-2 { padding: 2px 5px 2px 20px; font-size: 65%;  font-weight: bold; border-top: solid 1px #DDDDDD;}
.menuitem-selected-2 { padding: 2px 5px 2px 20px; border-top: solid 1px #DDDDDD; background-color: #FF9A00; font-size: 65%;  font-weight: bold;}
.menuitem-2 a { }

.menuitem-selected-1 {
    background-color: #FF9A00;
    padding: 5px 5px 5px 10px;
    font-size: 70%;
}

.menuitem-3 { padding: 2px 5px 2px 30px; font-size: 60%; }
.menuitem-selected-3 { padding: 2px 5px 2px 30px; background-color: #FF9A00; font-size: 60%;  color: black;}

.menuitem-4 { padding: 2px 5px 2px 40px; font-size: 60%; }
.menuitem-selected-4 { padding: 2px 5px 2px 40px; background-color: #FF9A00; font-size: 60%;  color: black;}
.menuitem-5 { padding: 2px 5px 2px 50px; font-size: 55%; }
.menuitem-selected-5 { padding: 2px 5px 2px 50px; background-color: #FF9A00; font-size: 55%;  color: black;}
.menuitem-6 { padding: 2px 5px 2px 55px; font-size: 55%; }
.menuitem-selected-6 { padding: 2px 5px 2px 55px; background-color: #FF9A00; font-size: 55%;  color: black;}


/* breadcrumb */

#breadcrumb {

    padding: 3px 0px 3px 10px;
    background-color: #DDDDDD;
    border-top: solid 0px #000000;
	border-bottom: solid 0px #BB9999;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 80%;
}

/* breadcrumb #FFFF99 #FF3300*/

#breadcrumb a {
    text-decoration: none;
    color: #333399;
}

#search {

    font-family: Verdana, Arial, Sans-serif;
	 font-size: 80%;

}

input.searchfield {
    font-size: 80%;
    background-color: #ffffff;
    border: 1px solid #FF9A00;
}

input.searchsubmit {
    font-size: 80%;
    color: #000000;
    background-color: #FF9A00;
    border: 1px solid #FFFFFF;
}

input.searchsubmit:hover {
    background-color: #DDBBBB;
}
/*
#search a {
    text-decoration: none;
    color: Maroon;
}
*/

/* body */

#body {
 
	 
	width:121%;
    float: left;
	top:-15px;
    left: 1%;
    position:relative;
 
    border: none;
    padding: 1em;
    margin-left:-15px;
    font-family: Verdana, Arial, Sans-serif;
}

#main {
/*
    float: left;
    width: 80%;
*/
	float: left;
	width: 80%;

	}

h1 { font-size: 140%; }
h2 { font-size: 100%; }
h3 { font-size: 80%; }
p { font-size: 80%; }
li { font-size: 80%; }
a {color: #333399;}
a:hover {color: #FF3300;}
.crossheading { font-weight: bold; font-size: 110%; }

table.simple {
    border-collapse: collapse;
/*
    background-color: #909090;
    border-color: #909090;
*/
    width: auto;
}

td.simple {
    font-size: 80%;
    padding: 3px;
    background-color: White;
    border: solid 1px Navy;
    vertical-align: top;
}

img.simple {
}

#publication-title {
    font-family: verdana, arial, sans-serif;
    font-size: 100%;
    vertical-align: top;
    text-align: left;
    padding-left: 0px;
    padding-bottom: 0px;
    color: #000000;
}

#project-logo {
    width: 142px;
    vertical-align: top;
    padding: 0px 0px 0px 0px;
    color: #000080;
	text-align: left;
}

/* #bv {
	position: absolute;
	padding: 0px;
	border: 0px;
	top: 200px;
	width: 100%;
	height: 5px;
	background-color: #333377;
}
*/

.pbdd {
	vertical-align: top;
	font-size: 12px;
	font-family: verdana, arial, sans-serif;
    color: #000080;
	text-align:justify
}

.media {
    text-align: center;
    padding: 10px;
}

.caption {
    padding: 5px;
    text-align: center;
    font-style: italic;
    font-size: 80%;
}

.abstract {
    font-weight: bold;
}

h1 {
	font-size: 20px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 0;
	}
/*    font-size: 105%;
    color: #000000; */ 
	
h2 {
	font-size: 14px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	margin-bottom: 0;
	margin-left: 20px;
	margin-right: 0;
}

/*    font-size: 80%;
    color: #663300;
    border-bottom: solid 1px #BB9999;
    margin-top: 30px; */ 

h3 {
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align: justify;
	margin-bottom: 0;
	margin-left: 20px
}

h4 {
	font-size: 11px;
    font-weight: bold;
	text-decoration: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	margin: 0 0 10px 20px
}
	
h5 {
	font-size: 11px;
    text-decoration: italic;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: justify;
	margin: 0 0 10px 20px
}

h6 {
	font-size: 11px;
    font-weight: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	margin: 0 0 10px 20px
}
	
p {
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;
	text-align: justify;
	margin: 0 0px 10px 20px
}
/*    font-size: 70%; */ 

li {
    font-size: 70%;
}

.asset { 
    display: block;
    color: #000;
    font-size: 10px;
    margin: 10px 10px 10px 5px;
}

.mention    {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
    font-weight: italic;
	margin: 0px -2px 0px 0px
}		

#footer {
	position:relative;
	float:left;
	width:100%;
/*    margin-top:5px; */

	padding: 5px;
	background-color: #B4B6CD;
	font-size: 11px;
/*	color: white;  */
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*    border-top: solid 1px #000000; */
}