/*******************************************************************/
/* FONTS TO LOAD */
/*******************************************************************/
@font-face {
    font-family: 'acknowledge_tt_brkregular';
    src: url('fonts/acknowtt.eot');
    src: url('fonts/acknowtt.eot?#iefix') format('embedded-opentype'),
         url('fonts/acknowtt.woff') format('woff'),
         url('fonts/acknowtt.ttf') format('truetype'),
         url('fonts/acknowtt.svg#acknowledge_tt_brkregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*******************************************************************/
/* HEADER */
/*******************************************************************/
header {
    margin: 10px 0 20px 0;
    position: relative;
    overflow: hidden;
    height: 110px;
}

header h1{
    float: left;
    position: relative;
    overflow: hidden;
    margin: 0 20px 0 0;
}
header h1 a{
    text-decoration: none;
    color: #111;
    font-family: "acknowledge_tt_brkregular";
    font-size: 0.95em;
    text-shadow: #EEE 0 1px 0;
}
header h1 img{
    display: block;
}

header aside{
    position: relative;
    overflow: hidden;
    font-family: Georgia;
    font-size: 1.2em;
    text-shadow: #EEE 0 1px 0;
    font-weight: bold;
}


/*******************************************************************/
/* MENU */
/*******************************************************************/
nav.menu_items{
    font-family: "acknowledge_tt_brkregular";
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
nav.menu_items ul{
    margin: 0;
    position: relative;
    overflow: hidden;
}
nav li{
    position: relative;
    overflow: hidden;
    list-style: none;
    float: left;
    margin-right: 20px;
}
nav li a{
    display:block;
    position:relative;
    overflow:hidden;
    text-decoration:none;
    color:#5E9CC4;
    height:2em;
    font-size:2em;
    line-height:2em;
}
nav li.active a{
    color:#DDD;
}
nav li a::before{
    content:" ";
    margin-right:10px;
    width:10px;
    display:inline-block;
}
nav li a::after{
    content:" ";
    margin-left:10px;
    width:10px;
    display:inline-block;
    text-align:right;
}
nav li.active a::before{
    content:"{";
}
nav li.active a::after{
    content:"}";
}
nav li a:hover::before{
    content:"{";
}
nav li a:hover::after{
    content:"}";
}


/*******************************************************************/
/* FOOTER */
/*******************************************************************/
footer {
    color: #E9E9E9;
    font-size: 11px;
    text-align: center;
    background:url(images/rep_footer.png) repeat-x;
    padding-top:126px;
    position:relative;
    overflow:hidden;
}
footer::before{
    content:"";
    background:#333333 url(images/vaisseau.png) no-repeat center 80%;
    display:block;
    position:relative;
    overflow:hidden;
    width:100%;
    height:100px;
}
footer section{
    background:#333333;
    color:#CCC;
    position:relative;
    overflow:hidden;
    padding:20px 0 50px 0;
}
footer section a {
    color:#CCC;
    text-decoration: none;
}
footer section a:hover {
    color:#CCC;
    text-decoration: underline;
}


/*******************************************************************/
/* CONTENT */
/*******************************************************************/
/* affichage général */
body {
    font-family: Tahoma;
    font-size: 62.4%;
    background: #333;
    margin: 0px;
}
#page-wrap {
    background: url('images/shattered.png');
    position: relative;
    overflow: hidden;
}

article.entry {
    font-size: 13px;
}

/* Boite du menu */
#page-wrap::before{
    content: " ";
    display: block;
    width: 100%;
    height: 4em;
    background: rgba(0,0,0,0.8);
    position: absolute;
    overflow: auto;
    left: 0;
    top: 140px;
    box-shadow: #FFF 0 1px 0, #000 0 -1px 0;
}

/* slideshow */
div.slideshow-meta{
    background:rgba(0,0,0,0.8);
    padding:0 10px;
    position:absolute;
    overflow:hidden;
    color:#EEE;
    bottom:0;
    width:100%;
}
div.slideshow-meta strong{
    color:#5E9CC4;	
}

/* competences (cf contenu) */
.competences {
    background: #FFF;
    color: #000;
    height: 192px;
}



/*******************************************************************/
/* GENERIC */
/*******************************************************************/
.clear {
    clear: both;
}
.valign_center {
    vertical-align: middle;
}
.center-page{
    width: 890px;
    margin-left: auto;
    margin-right: auto;
}


* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */
.group:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}


h1, h2, h3 { 
    font-weight: bold; 
    margin: 0 0 10px 0; 
}
h1 { }
h2 { }
h3 { 
    font-size: 14px;
    color: #444;
}

p { margin: 0 0 10px 0; }
ul, ol { 
    margin: 0 0 10px 0;
    padding: 0px;
}