html{
  height:100%
}

body{
  overflow:hidden;
  background-color:#000;
  color:#fff;
  font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size:small;
  margin:0;
  padding:0;
  height:100%
}

/* Definitions generales */
acronym.premier{
cursor:help;
border-bottom:1px dotted #fff;
}

code,pre{
color:#ddd;
background-color:transparent;
font-family:"Courier New",Courier,monospace;
font-size:small;
}

pre{
border-left:5px solid #666;
padding:0.5em 1em;
margin-left:2em;
}

blockquote,q{
font-style:italic;
color:#fff;
background-color:transparent;
quotes:'\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d';
}

samp{
font-size:medium;
color:#000;
background-color:#ccc;
}

caption{
margin:1em 0;
color:#fff;
background-color:#666;
font-weight:700;
}

thead{
background-color:#444;
color:#fff;
}

table{
margin-top:1em;
}

table,td{
border-collapse:collapse;
border:1px solid #999;
padding:0.2em;
}

/* Definitions des elements dans l'ordre du code Xhtml */
#page{
color:#fff;
background-color:#000;
/*background-image:url("fond.png"); */
background-position:top right;
background-repeat:no-repeat;
}
 
#saisie label{
display:block;
text-align:left;
color:#ccc;
background-color:#000;
font-weight:700;
}
#texte #saisie label{
color:#9cf;
background-color:transparent;
margin:0.5em 0;
}
#motcle{
position:absolute;
right:6%;
top:4.9em;
text-align:right;
}

#moteurint label{
display:block;
text-align:left;
color:#ccc;
background-color:#000;
font-weight:700;
}

#motcle input.champs,#texte #moteurint input.champs,#texte #saisie input.champs{
color:#fff;
background-color:#444;
border:1px solid #999;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
width:14em;
}

#motcle input.valid, #moteurint input.valid, #saisie input.valid, #zone input.valid{
background-color:#f93;
border-color:#fff;
border-style:solid;
border-width:1px;
color:#fff;
cursor:pointer;
font-weight:700;
text-align:center;
}

#motcle input.valid:hover,#texte #moteurint input.valid:hover,#texte #saisie input.valid:hover,#zone #saisie input.valid:hover{
background-color:#9cf;
border:1px solid #fff;
color:#000;
}

#motcle input.valid:active,#texte #moteurint input.valid:active,#texte #saisie input.valid:active, #zone #saisie input.valid:active{
background-color:#9cf;
border:1px solid #fff;
color:#fff;
}


#texte #saisie textarea.champs {
color:#fff;
background-color:#444;
/*background-color:#999999;*/
border:1px solid #999;
font-family:Trebuchet MS,Verdana,Geneva,Arial,Helvetica,sans-serif;
width:34em;
}

#texte #saisie select.champs {
color:#fff;
background-color:#444;
/*background-color:#999999;*/
border:0px solid #444;

font-family:Trebuchet MS,Verdana,Geneva,Arial,Helvetica,sans-serif;
width:12em;
}
#texte #saisie input.champs{
color:#fff;
background-color:#444;
/*background-color:#999999;*/
border:1px solid #999;
font-family:Trebuchet MS,Verdana,Geneva,Arial,Helvetica,sans-serif;
width:12em;
}


#texte #saisie input.champslongs{
color:#fff;
background-color:#444;
/*background-color:#999999;*/
border:1px solid #999;
font-family:Trebuchet MS,Verdana,Geneva,Arial,Helvetica,sans-serif;
width:24em;
}

/*Menu horizontal haut*/
#menuhaut{
height: 22px;
/*background-color: yellow;*/ /*Pour visualiser la position du menu*/
margin:0 3% 2px 21%;  /*On se cale sur texte*/
padding:0 0 0 0;
display:block;
}

#menuhaut ul {
list-style-type: none;
width: 100%; /* précision pour Opera */
/*float: right;*/
padding: 0 0 0 5% ;
}

.menuh li {
float: left;
margin-right:1%;
}

.menuh a {
/*margin: 0 2px; */
width: 100px;
height: 15px;
text-align: center;
display:block;
border: 1px solid gray;
text-decoration: none;
/*color: #000;*/
/*background: #fff;*/
background-color: #333;
color: #ffb94f;
}

.menuh a:hover {
background: #0099FF;
border: 1px solid gray; 
color:#000;
}

.menuh a:active {
background: gray;
border: 1px solid gray; 
color: #fff;
}


/*Login*/

#identification{
color:#fff;
display:block;
/*background-color:#000;*/
width: 400px;
height: 245px;
background-image:url("images/lock.gif");
background-position:top right;
background-repeat:no-repeat;
border:3px solid #333;
margin-left: 10em;
}

#identification label{
display:block;
text-align:left;
color:#ccc;
background-color:#000;
font-weight:700;
}


#identification input.champs{
color:#fff;
background-color:#444;
border:1px solid #999;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
width:12em;
}




.bargraph {
border:1px solid black;
height: 15px;
}


/* --------------- */
#logo{
margin:4em 0 0 5%;
}

#logo img{
border:0;
color:#ccc;
background-color:#000;
}

#logo a{
color:#fff;
background-color:transparent;
}

/* Page d'accueil */
#texteaccueil{
margin:0 2% 2em 20%;
}

#texteaccueil h2{
font-family:Georgia,"Times New Roman",Times,serif;
font-size:medium;
font-weight:700;
}

#texteaccueil h3{
color:#9cf;
background-color:transparent;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:small;
font-weight:700;
}

#intro{
float:right;
margin-left:1%;
width:30%;
}

#cartouche{
position:relative;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 24px;
font-weight:500;
color:#FFB93F;
margin:0.2em 0 1em 0;
text-align: right;
}
/* --------------- */


/* Pages interieures */
#texte{
color:#fff;
background-color:#333;
border:1px solid #666;
line-height:150%;
margin:0 3% 2em 21%;
padding:0 2% 3em 2%;

}
#texte em{
font-family:Arial,Helvetica,sans-serif;
font-size:small;
font-style:italic;
text-align:right;
/*color:#ccc;*/
/*color:#FF9900;*/
color:#FFB93F;
background-color:transparent;
}
#zone{
color:#fff;
background-color:#333;
border:1px solid #666;
line-height:150%;
margin:0 3% 2em 1%;
padding:2em 2% 3em 2%;
}

/* Zones répétées */

#texte .pave {
background-color:#444;
background-image:none;
border:1px solid #999;
color:#fff;
margin:0;
padding:0 1em;
display:block;
}

#texte .pave em{
font-weight:700;
font-style:normal;
color:#ccc;
background-color:transparent;
}

#texte .pave hr{
display:block;
clear:both;
visibility:hidden;
}


#texte .photo{
 float:left;
 width: 300px;
 height: 225px;
}

#texte .photo a img{
border:1px solid #FFB93F;
}


#texte .photo a:hover {
border: 0px; /* hack pour IE */
}

#texte .photo a:hover img{
border:1px solid white;
}

#texte .carte a img{
border:0px;
}


#texte .carte a:hover {
border: 0px; /* hack pour IE */
}

#texte .carte a:hover img{
border:0px;
}

#texte .logo_partenaire{
 float:left;
 width: 300px;
 height: 100px;
}
#texte .logo_partenaire a img{
border:1px solid #FFB93F;
}


#texte .logo_partenaire a:hover {
border: 0px; /* hack pour IE */
}

#texte .logo_partenaire a:hover img{
border:1px solid white;
}

#texte .description{
/*display: block; */
margin:1em 0 0 0;
}

#texte .pave .description a{
color:#ffb94f;
background-color:transparent;
}

#texte .autresphotos{
/*display: block; */
margin:3em 0 0 0;
color:#FF9900;
/*background:#0033CC;*/
font-style:italic;
}
.autresphotos a{
margin:3em 0 0 0;
color:#FF9900;
background:#0033CC;
font-style:italic;
}

.spacer {
clear: both;
}

#texte .ref{
color:#ffb94f;  /*Doré*/
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:10px;
margin-left:10px ;

}

#texte #moteurint{
margin:2.5em 0;
}

#texte #moteurint label{
color:#9cf;
background-color:transparent;
margin:0.5em 0;
}

#texte hr{
display:none;
}

#texte li{
list-style:disc;
}

#texte ul ul li{
list-style-type:circle;
}

#texte ol li{
list-style-type:decimal;
}

#texte h2,#texte h3,#texte .resultat dt{
font-family:Georgia,"Times New Roman",Times,serif;
}

#texte h2{
background-color:transparent;
color:#9cf;
font-size:large;
}

#texte h3 code{
color:inherit;
background-color:transparent;
}

#texte h3,#texte .resultat dt{
background-color:transparent;
color:#9cf;
font-size:small;
margin:2em 0 0 0;
line-height:110%;
}

#texte h4{
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
background-color:transparent;
color:#9cf;
font-weight:700;
font-size:small;
border-bottom:1px dotted #9cf;
}

#texte h5{
background-color:transparent;
font-weight:500;
font-size:medium;
}

#texte a{
color:#ffb94f;
background-color:transparent;
text-decoration:none;
}



#texte a:visited{
/*color:#fff; */
color:#ffb94f;
background-color:transparent;
}


#texte a:hover{
color:#fff;
background-color:transparent;
/*text-decoration:none;*/
}
/* liens */
.liens {
font-family:Arial,Helvetica,sans-serif;
font-size:small;
}
.liens a{
color:#ffb94f;
background-color:transparent;
}
.liens a:hover{
color:#fff;
background-color:transparent;
/*text-decoration:none;*/
}

.liens a:visited{
color:#ffb94f;
background-color:transparent;
}


/* Menus */

/* --------------- */
#sectionmenus{
left:2%;
position:absolute;
top:15.2em;
width:17%;
overflow:hidden;
}

.theme{
color:#ccc;
background-color:#000;
}

/* --------------- */
.theme h2{
border-color:#ccc;
border-style:solid;
border-width:0px 0px 3px 0px;
font-size:medium;
font-weight:700;
margin:0;
padding-left:0em;
text-transform:uppercase;
}

.theme h2:first-letter{
/*color:#f93;
background-color:transparent;*/
}

.theme ul{
margin-bottom:1.5em;
margin-top:0.5em;
}

.theme li{
display:inline;
list-style:none;
}

.theme a{
color:#ffb94f;
background-color:transparent;
display:block;
font-weight:700;
margin-left:-3em;
padding-left:1em;
text-decoration:none;
}

.theme a:hover{
background-color:#666;
color:#fff;
}




#ours{
color:#fff;
background-color:transparent;
margin:0 3% 0 21%;
padding:0 0 1em 0;
}

#ours ul{
margin-left:0;
padding-left:0;
}

#ours li{
border-right:1px solid #fff;
display:inline;
margin:0 0.5em 0 0;
padding:0 0.5em 0 0;
}

#ours li.dernier{
border:0;
}

#ours a{
background-color:transparent;
color:#ffb94f;
}

#ours a:hover{
background-color:#666;
color:#fff;
/*text-decoration:none;*/
}

#texte .vignette a img{
 float:left;
 width: 60px;
 height: 60px;
 margin: 0 0 10px 0;
 border:1px solid #FFB93F;
}


#popup{

  position:absolute;
  display:none;
  top:10px;
  left:5px;
  width:100px;
  height:100px;

  background-color: transparent;
  z-index:1;

}

#popupG{
  position:absolute;
  display:none;
  top:10px;
  left:400px;
  width:100px;
  height:100px;

  background-color: transparent;
  z-index:1;

}

#img_popup{
   
   border:1px solid #FFB93F;
}

#mainContent{
  height:100%;
  overflow:auto;
}