/*@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:light);*/

html {text-align : center}
body {
  font-family: palatino;
  margin: 0;
 background-color: #99a19b; 
  /* font-family: sans-serif; */
  /* font-family: verdana; */
}
/*.titlefont { font-family: "Palatino Linotype" }
h1 { font-family: "verdana"; color:black; }
h2 { font-family: "Palatino Linotype"; color: #99a19b }*/

/*.center { display: block ; margin-left: auto ; margin-right:auto }*/

.linkbox {
/*  font-family: "Century Gothic" ;*/
  font-weight: bold;
  font-size: 1.5em;
  line-height: 2em;
  text-align: center;
  margin-top: 0em;
  margin-bottom: 2em
}
.linkbox a {
  margin-left: 1em; margin-right: 1em;
  padding: 0.2em ;
  border: 2px black solid;
  text-decoration: none
}

/* Font, decoration */

img { border-width : 0px 0px }

#menu a:link    { text-decoration: none }
#menu a:visited { text-decoration: none }
#menu a:hover   { text-decoration: none; color:#00d8b1 }
/*code { font-family: monospace, sans-serif; font-size: 0.8em }*/
/* #main p:first-letter { font-size: x-large } */
.rem { font-size: 0.7em ; }

/* Color */

body { /*color: #2C2E29 ; background: #FCE5B9*/}
code, h2, h3, a /*, #main p:first-letter */ { color:  #99a19b }
a { color: #99a19b; }
.highlight { color: red }
.verbatim { color: black ; background: #aaa }
.intro, .rem { color: #622 }
.popup { border: solid #003 ; border-width: 0px 0px 0px 1px }

.grayed { color: #666 }
.grayed b { color: #666 }
.grayed a { color: #666 }
.grayed code { color: #666 }

/* Misc */

/* ul { list-style-image: url(dot.gif) } */

/* Layout */

h1 { margin-top: 0px ; margin-bottom: 30px ; text-align: center }

/*h2 { margin-top: 1.234cm }*/
h3 { padding-bottom: 0cm; margin-bottom: 0cm ; font-size: 1em ; }
p { margin-top: 0cm }

.verbatim {
  white-space: pre ;
  border: solid 1px black ;
  font: x-small "Inconsolata", monospace, sans-serif ;
  padding: 10px 10px ; margin: 10px 0px ;
}

#page {
  position: relative; /* on positionne le conteneur */
  margin-left: auto;
  margin-right: auto;
  top: 2em;
  width: 73em;
  height: 13000px; /*SIZE TO CHANGE*/
  text-align: left;
  background-color : white;
  overflow:hidden;
  box-shadow: -1px 2px 10px 1px rgba(0, 0, 0, 0.7);
/*  -moz-box-shadow: 6px 6px 12px #888; 
-webkit-box-shadow: 6px 6px 12px #888; 
box-shadow:6px 6px 12px #888;*/
    /*overflow-y: visible;*/
}
#photosrepet a img {
width: 100px;
}
#main {
  position: absolute;
  margin:0 auto 0 auto;
  text-align: justify ;
  /*width: 56%;*/
  width: 80em;
  top : 16em;
  left: 0em;
  bottom: 3em;
  line-height: 130%;
  /*margin-top: 0%;*/
  /*height: 70%;*/
  overflow-y: auto;
}


#mainbook {
  position: absolute;
  margin:0 auto 0 auto;
  text-align: justify ;
  margin-left: auto ;
  margin-right: auto ;
  /*width: 56%;*/
  width: 62em;
  top : 14em;
  left: 0em;
  line-height: 130% ;
  /*margin-top: 0%;*/
  height: 60%;
  padding: 40px;
  overflow-y: auto;
 /* border-left: outset 5px #99a19b;
  border-top: outset 5px #99a19b;
*/
}

.book{
width: 15em;
} 

/*
.bookafter{
width: 30em;
}
*/
#startmain {
  position:absolute;
  margin:0 auto 0 auto;
  text-align: center ;
 /*
  margin-left: auto ;
  margin-right: auto ;
  margin-top:5em;
  width: 56%;*/
  width: 1085px;
 /* left: 15em;
  line-height: 130% ;
  margin-top: 0%;*/
  height: 90%;
  */
}

/*.main {overflow:auto}*/

#title table { 
  position: absolute;
  text-align: center;
  top: 0em;
  /*width: 80em;*/
  /*left: 3em ;*/
  width:700px;
}
.logo1, .logo2, .logo3 {height: 155px}


#menu table {
  position: absolute;
  top: 11em ;
  left:0.3em;
  width : 1150px;
  text-align: center;
}
#menu td {
font-size: x-large ;
/*text-shadow: -1px 2px 10px 1px rgba(0, 0, 0, 0.7);*/
}

#small-header {
  position: absolute;
  /*left: 85em ;*/
  bottom: 1em;
  width: 1085px;
  text-align:center ;
  font-size: x-small ;
  font-family: "Inconsolata", monospace, sans-serif ;
}

/*
.popup {
  padding-right: 6px;
  font-size: 75% ;
}
*/
/*
#menu-right { 
  text-align: right ;
  position: fixed ;
  right: 0px ;
  top: 10% ;
  padding: 20px ;
}
*/
#submain, #par1,#submainequipe, #liens { 
position: absolute; 
top: 0.5em;
left: 2em;
width: 67em;
/*height:50em;*/
padding: 10px;
overflow-y:auto;
}


/*#par1 {width:30em; }*/
.photos_links img {text-align:center; width:400px}

#submainequipe {width:40em; }
#liens {width: 40em}
#submain2 { 
position: absolute; 
/*
border-left: outset 5px #99a19b;
border-top: outset 5px #99a19b;
*/
top: 0em;
left: 2em;
width: 60em;
/*height:50em;*/
padding: 10px;
overflow-y:auto;
}
#submain2 h2, .dates{text-align: center}
#photo, #par2 { 
position: absolute; 
left: 40em;
width: 25em;
/*width: 50em; 
height:10em;*/
top: 3em;
text-align: justify;
/*margin-left : 5%*/
}
#par2 {top: 1.2em; left: 35em; width:30em; }
#repet { 
position: absolute; 
left: 17.5em;
/*width: 45em;*/
top: 1em;
text-align: center;
}
/*
#repet tr {
  float: left;
  padding-right:40px;
  list-style: none   
}
*/
#repet tr, td{
padding: 10px
}
#repet a img{
  width: 100px;
  border: solid 5px #99a19b;
  border-radius:5px
}
#repet a:hover img{
  border: solid 5px #00d8b1;
}
#repet_id a img{
  border: solid 5px #99a19b;
  border-radius:5px
}
#repet_id a:hover img{
  border: solid 5px #00d8b1;
}


/*
::-webkit-scrollbar { 
    display: none; 
}
*/
/*
::-moz-scrollbar { 
    display: none; 
}
*/

.affiche {width: 100%;}
.startaffiche {width: 410px;}
.plans { /*width: 30em; height: 5em;*/ text-align: center }
/*
#photo img {
  margin: 5px ;
  height: 80% ;
  border: 2px solid #003;
}
*/
#info h2 { margin-top: 1em }

/* Menus déroulants */
/*
scrollbar {-moz-appearance: none !important; background: none #000 !important;}
scrollbarbutton {-moz-appearance: none !important; background: none #666 !important;}
*/
.popup { display: none }
#menu li:hover .popup { display: block }
*/
/* News */
/*div#page {text-align : center}*/
.date { padding-left: 1em ; padding-right: 1em ; text-align: right }