/* 
 * page.css
 */

html { 
>	scrolling:"no"; /*only for MS IE...*/
>	overflow : hidden; /*only for MS IE...*/
}

body {
>	scrolling:"no"; /*only for MS IE...*/
>	overflow : hidden; /*only for MS IE...*/
	font-size: 80%;
	line-height: 1.4em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color:#D1AC7B;
	background : #D1AC7B url(../images/fond1.jpg)  fixed top left;
	margin: 0px;
	text-align : justify;
	height : 100%;
}


#banniere_image {
	width: 100%;
}

/* ----------------------------------------------------- */
/* ici, on travaille sur le div "navigation" et ses sous-div */
/* ----------------------------------------------------- */
#navigation {
	position : fixed;
>	position : absolute; /*only for MS IE...*/
	z-index : 4;
	top : 0 ;
	left : 0 ;
	width : 15% ;
	height : 100%;
	border-right : 1px dashed #6F6F6F;
}

#navigation #logo {
	position : absolute;
	top:0;
	left:10px;
	z-index:5;
	width:80%;

}

/* ----------------------------------------------------- */
/* fin de la section "navigation" 							 */ 
/* ----------------------------------------------------- */



/* ----------------------------------------------------- */
/* ici, on travaille sur le div "page" et ses sous-div : */
/* style des éléments des pages html principales		 */
/* ----------------------------------------------------- */

#page {
	position : absolute;
	z-index : 0;
	color:#602000;
	top : 0 ;
	left : 15% ;
	width:84.5%;
>	width : 85% ;
	height : 100%;
	border-radius : 25px;
/*	border-top : 1px dashed #6F6F6F;
	border-left : 1px dashed #6F6F6F;
*/	display : block;
	overflow : visible;
>	overflow-y : auto; /*only for MS IE...*/
>	overflow-x : hidden; /*only for MS IE...*/
	padding : 0px 0px 0px 0px;
}

#contenu {
	margin : 0 3% 0 3%;
}

.trigger {
    cursor: pointer;
    cursor: hand;
}

.toggle{
	display: block;
}

#open { 
	direction:rtl;
	top:0px;
	right:10px;
	float:right;
	position:absolute;
} 

#close { 
	border:0;
	src:url(../images/closed.gif);
} 


dfn {
	font-size:smaller;
	font-style:italic;
}

table {
	border : 1px solid #602000;
	border-collapse : collapse;
	margin : 1em;
	padding : 1em;
}

table td {
	border : 1px dotted #602000;;
	padding : 1em;
}

a:link {
  color:#832315; 
}

a:active{
  color:#CC0000;
}

a:visited {
  color:#836A56;
}

a:hover {
  color:red;
}

strong {
	color:black;
	font-size:larger;
}

a:link strong {
  color:rgb(155,155,00); 
}

a:visited strong {
  color:rgb(155,155,00); 
}

a:hover strong {
  color:rgb(155,155,00); 
}

a:active strong {
  color:rgb(155,155,00); 
}
 
h1 {
	font-family: "Trebuchet MS", sans-serif;
  	margin-top: 1em;
  	margin-bottom: 1em;
	font-size: 2em;
	line-height: 1.8em;
	text-align : center;
}

h2 {
	font-family: "Trebuchet MS", sans-serif;
  	margin-top: 1em;
	font-size: 1.5em;
	line-height: 1em;
	font-weight : bold;
	text-align : center;
}

h3 {
	font-family: "Trebuchet MS", sans-serif;
 	margin-top: 2em;
  	margin-bottom: 1.5em;
	font-size: 1.5em;
	font-weight : bold;
	font-style : oblique;
	text-align : center;
}

h4 {
	font-weight : bold;
}

h5 {
	font-weight : bold;
 	margin-top: 2em;
  	margin-bottom: 1.5em;
	font-size: 1.3em;
	font-weight : bold;
	font-style : oblique;
	text-align : left;	
}

h6 {
	font-weight : bold;
 	margin-top: 2em;
  margin-bottom: 1.5em;
	font-size: 1.3em;

}

p {
  margin-bottom: 1em;
}

.center {
  clear : both;
  text-align : center;
}

.note {
  font-size : smaller;
}
.note_title {
  text-decvoration:underline;
}

img {
	border : 0;
}
.right {
  float : right;
}
.left {
  float : left;
}

img.right {
  margin : 5px;
}

.half {
  width : 48%;
  text-align : center;
}

img#expedition{
	height:50%;
 	float:right;
	margin-left : 2em;
}

img#escalade{
	height:70%; 
	float:right;
	margin-left : 1em;
	margin-right : -1em;
}

img.logolink{
	width:7em;
	margin-right : 2em;
	vertical-align:middle;
}

#abstractdiv {
        font-family: "Times New Roman";
	border : 1px dashed #6F6F6F;
	width : 70%;
	text-align : left;
	margin : 2em ;
	padding : 2em;
}

div#logos {
  height : 100px;
}

img#cofi {
  margin-top : 12px;
}

.proc_encart {
  clear : both;
  padding : 30px 10px;
  margin-top : 50px;
}
.proc_encart div.inside {
  padding : 10px 15px;
  border : 1px dotted black;
}
.proc_encart h2 {
  text-align : left;
}
.proc_encart p {
  margin : 0.5em;
}
.proc_encart table td{
  padding : 3px 6px;
}
.proc_encart table thead td{
  font-weight : bold;
}
.proc_encart table thead  td:first-child {
  background-color : #AAA;
}.proc_encart table tr  td:first-child {
  background-color : #AADDAA;
}
.proc_encart table td a{
  color : #00b;
}

div.admin {
	float : left;
	color:#6F6F6F;
	text-align:center;
	font-size:70%;
	z-index:4;
	width:95%;
}
/* ------------------------------------------------------ */
/* fin de la section "page" : style des 			*/
/* 		éléments des pages html principales	*/ 
/* ------------------------------------------------------ */