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

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

    background-color: black;
    background-image:url('cycliste_lune_02.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
}

@media only screen and (max-width: 768px) {
    body, .vacancy_notice {
        background-size: contain;
    }
}


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

.vacancy_notice {
    display: inline-block ;
    float: right;
    border: 1px solid #666 ;
    padding: 1.5em ;
    margin : 0.5em 0px;
    font-size: 150% ;
    color: #eee ;
    background-color: black;
    background-image:url('cycliste_lune_02.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    box-shadow: inset 0px 0px 3em black;
    border-radius: 1.5em;
}

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

#header ul {
    display : inline;
}

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

#header {
    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;
}

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

#header 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;*/
    line-height : 200%;
}

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); */

}


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 }


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

#content {
    margin : 1em ;
}

p {
    margin : 1em;
}

#summary p
{
    font-size : 130%;
}

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);
}
