html {
    padding : 0px ;
    margin : 0px ;
}

body {
    font-family: 'Lato', sans-serif;
    padding : 0em 2em ;
    margin : 0px ;

    background-color:#F0F0F0;
    background-image:url('montage_g.jpg');
    background-repeat:repeat;
}


#page {
    /*	position : relative; */
    max-width: 50em;
    padding : 0px 0px;
    margin-top : 1em;
    margin-bottom : 1em;
    margin-left : auto;
    margin-right : auto;
    padding : 0px 0px 0.5em 0px;
    background : #FCFCFC ;
    box-shadow : -3px 0px 6px rgba(0,0,0,0.5) , 3px 0px 6px rgba(0,0,0,0.5);
}

ul {	
    list-style-type: none;
    list-style-position: inside;
    display : inline-block;
}

li:before {
    content: "- \0020";
}

#menu {
    min-width : 10em;
    max-width : 100%;
    
    -moz-box-shadow: -3px -3px 6px -5px rgba(0,0,0,0.5) inset;
    -webkit-box-shadow: -3px -3px 6px -5px rgba(0,0,0,0.5) inset;
    -o-box-shadow: -3px -3px 6px -5px rgba(0,0,0,0.5) inset;
    box-shadow: -3px -3px 6px -5px rgba(0,0,0,0.5) inset;

    padding : 1em;
    margin : 0px;
}

#menu img {
    float : left ;
    padding : 0px;
    margin : 0px 1em 0px 0px;
}

#menu p {
    padding : 0px;
    margin : 0px;
}

.navmenu {
    font-size : 120%;
}

ul.navmenu {	
    margin : 0px 0px ;
    display: block;
    padding : 3px 0px 0px 0px ;
}

ul.navmenu li {
    display: inline;
    margin : 0px;
    padding : 0px;
    /*padding : 0.5em 2em 0.5em 2em;*/

}

ul.navmenu li a {
    display: inline;
    margin : 0px 1em 0px 2px;
    padding : 3px 0.5em;
    /*padding : 0.5em 2em 0.5em 2em;*/

    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5) inset, 0px 0px 2px 0px rgba(0,0,0,0.5);
    border-radius:0.5em;
}

ul.navmenu li a:hover {
    box-shadow: 0px 0px 5px 1px rgba(23,198,60,1) inset, 0px 0px 0px 1px rgba(0,0,0,0.5);
}

ul.navmenu li {
    list-style-type: none;
}

ul.navmenu li:before {
    content: "";
}

#summary {
    background : #149;
    display: inline;
    margin : 0px;
    padding : 0px;
}

h1 {
    font-weight: bold;
    margin : 0.5em 0px;
    padding : 0px;

/*
  -moz-box-shadow: 0px 2px 2px -2px rgba(0,0,0,1);
  -webkit-box-shadow: 0px 2px 2px -2px rgba(0,0,0,1);
  -o-box-shadow: 0px 2px 2px -2px rgba(0,0,0,1);
  box-shadow: 0px 2px 2px -2px rgba(0,0,0,1); */

}

#summary p {
    margin : 0px;
    padding : 0px;
}

img {
    margin : 1em;
    padding : 0px;
    border: none;    

    -moz-box-shadow: 1px 1px 3px -1px rgba(0,0,0,0.5);
    -webkit-box-shadow: 1px 1px 3px -1px rgba(0,0,0,0.5);
    -o-box-shadow: 1px 1px 3px -1px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 3px -1px rgba(0,0,0,0.5);

    display : block;
}

.ib { display : inline-block }


.flushmenu {
    min-height : 1px ;
    clear : both;
    visibility : hidden ;
    margin : 0px;
    padding : 0px;
}

#content {
    margin : 1em ; 
}

p {
    margin : 1em;
}


h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin : 0px;
    padding : 2px ; 

    -moz-box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.5);
    -o-box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.5);
    box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.5);


    clear : both ;
}


table
{
    border: 1px;
    background-color : #FCFCFC ;
}

.noborder
{
    border: 0px
}

thead, th, tr, td
{
    border: 1px solid #dddddd;
    padding : 0.2em;
}

.bloc {
    display : inline-block ;
}


#footer {
    margin : 1em 0px;
    padding : 1em;
    margin : 0px;
    -moz-box-shadow: 0px 3px 6px -5px rgba(0,0,0,0.5) inset;
    -webkit-box-shadow: 0px 3px 6px -5px rgba(0,0,0,0.5) inset;
    -o-box-shadow: 0px 3px 6px -5px rgba(0,0,0,0.5) inset;
    box-shadow: 0px 3px 6px -5px rgba(0,0,0,0.5) inset;
    text-align : center;
}

/* From http://css-tricks.com/css3-gradients/ */

th {
   /* fallback/image non-cover color */
   background-color: #F0F0F0; 

   background-image: linear-gradient(#F0F0F0, #FFFFFF);

   /* fallback image * /
   background-image: url(images/fallback-gradient.png); */

   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F0F0F0));

   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(#F0F0F0, #FFFFFF); 

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(#F0F0F0, #FFFFFF);

   /* IE 10+ */
   background-image: -ms-linear-gradient(#F0F0F0, #FFFFFF);

   /* Opera 11.10+ */
   background-image: -o-linear-gradient(#F0F0F0, #FFFFFF);
}
