

/* --------------------------------------------------------------

   layout.css
   Disposition des blocs principaux
   cf.: http://romy.tetue.net/structure-html-de-base

-------------------------------------------------------------- */

body {
    text-align: center;
    background: #010202; }

.page {
    position: relative;
    margin: 0 auto;
    padding: 0;
    text-align: left; }

.header a, .footer a { text-decoration: none }

.header { color: white }


.main { padding: 1.2em 0 }

.footer {
    clear: both; }

.wrapper_sommaire {
    clear: both;
    float: left;
    overflow: hidden;
    background: #FFF; }

.wrapper {
    clear: both;
    float: left;
    overflow: hidden; }

.aside table,.aslide table
	{ 
	height:100%;
	width:100%;
	margin: 0;
	padding:0;
	text-align:left; 
	}

.aslide{
    float: left;
    overflow: hidden;
    padding: 1pt;
    background: #115;
    margin-bottom: 2px;
    -moz-box-shadow: inset 0 0 4px 4px #113;
    -webkit-box-shadow: inset 0 0 4px 4px #113;
    box-shadow: inset 0 0 4px 4px #113;
    border: solid 1px #112;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px; 
    }

.aside  {
    float: left;
    overflow: hidden;
    padding: 1%;
    background: #115;
    margin-bottom: 1%;
    -moz-box-shadow: inset 0 0 4px 4px #113;
    -webkit-box-shadow: inset 0 0 4px 4px #113;
    box-shadow: inset 0 0 4px 4px #113;
    border: solid 1px #112;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px; }
/* Entete et barre de navigation
------------------------------------------ */

h1, h2, h3, h4, p {
 color:#DFD
}

.header #logo {
    display: block;
    margin: 0;
    line-height: 1;
    font-weight: bold; }

.header #logo,
.header #logo a,
.header #logo a:hover {
    background: transparent;
    text-decoration: none;
    color: #9F9; }

.header #slogan { margin: 0 }

.menu_lang {
    position: absolute;
    right: 0;
    top: .9em;
    display: block;
    width: 30%; }
    
.desc{
    padding: 0.1em 0.1em;
}

.desc li{
    padding: 0.3em 0em;
	color:#9F9;
	list-style-type: none; 
}
.downloads li{
	color:#9F9;
}
#tabsheets {
	float: left;
}

.sources,#tabsheets {
    border: solid #122;
    border-width: 1px 0; }

.sources li {
	float: right;
	list-style-type: none; 
}

#tabsheets li {
	float: left;
	list-style-type: none; 
}

.sources li a,#tabsheets li a {
    background: #012;
    color: #BDB;
    font-weight: normal; 
    float: left;
    display: block;
    padding: 0.4em 1em;
    text-decoration: none }

.sources li a:focus,
.sources li a:hover,
.sources li a:active,
#tabsheets li a:focus,
#tabsheets li a:hover,
#tabsheets li a:active {
    background: #022;
    color: #CFC; }

/* Gabarit d'impression
------------------------------------------ */

@media print { 
    .page,
    .wrapper,
    .content { width: auto }

    .page {
        margin: 0;
        padding: 0; }

    /* Passer a une seule colonne (a appliquer aux elements multi-colonnes) */

    .content,
    .aside {
        clear: both }

    .sources li a {
        float: none;
        border: 0; }
    }

.entete {
    background: #000;
    width: 100%;
    padding: 1.25em 0 0 0;
    margin-bottom: 0;
    overflow: hidden; }


.corps {
    min-width: 20px;
    width: 98%;
    margin: 0 auto; }

.pied {
    min-width: 20px;
    width: 98%;
    clear: both;
    margin: 0 auto 10px auto;
    overflow: hidden; }

.pied2 {
    padding: 2.4%;
    background: #FFF;
    text-align: left;
    -moz-box-shadow: inset 0 0 4px 4px #224;
    -webkit-box-shadow: inset 0 0 4px 4px#224;
    box-shadow: inset 0 0 4px 4px #224;
    border: solid 1px #236;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px; }

div#menu ul li a,div#DirList ul li a {  
 text-decoration:none;
 text-align:center;
 padding:5px;
 border:1px solid #0090e3;
 }
div#menu ul li a:hover,div#DirList ul li a:hover {
	color:#9E9;
 border:1px solid #0090e3;
 } 
span#Describe {
	color:#9F9;
 }
p#menu a {  
 background-color:#121;
}

/* end */

