body {font-family: 'Roboto Condensed', sans-serif;font-weight: 400;font-size: 16px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: relative;min-height: 100%;}
.banniere {text-align: center;height: 350px;width: 100%;position: absolute top center; margin: 0;padding: 0;background: #c09b8c url(http://fiction-publique.fr/squelettes/img/carte_crues.jpg) no-repeat top center;background-size: cover;}
.h1, h1, h2, h3, h4 {font-family: 'Roboto Condensed', sans-serif;font-weight: 700;}
.descridoc {font-size: .8em;}
.header {position: relative;top: 140px;width: 80%;text-align: center;margin: 0 auto;}
.principal {padding-top: 90px;font-size: 1.2em;}
h1#logo {font-size: 3.5em;color: #FFF;text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}

@media only screen and (max-width:768px) {
.header {position: relative;top: 100px;width: 100%; text-align: left;margin: 0;}		
 h1#logo {
 font-size: 2.2em;
 }
 .banniere {height: 340px;}
 .tetiere {position: relative;top: 0;left: 0;}
}

a {color: #5C6A78;text-decoration: none;}
a:hover, a:active, a:visited:hover {background: #5C6A78;color: #FFF;text-decoration: none;}
a.list-group-item:hover {background: #F5F5F5;color: #5C6A78;}
a:visited {color: #6C7A88;text-decoration: none;}
.footer {width: 100%;background-color: #f5f5f5;padding: 30px 0;margin-top: 50px;}
.footer ul li {display: inline-block;padding: 0 1em 0 0;}
.tetiere {position: absolute;top: 90px;left: 30px;background: #000;padding: 2px 4px;}
.tetiere a, .tetiere a:hover, .tetiere a:active, .tetiere a:visited  {color: #FFF;background: transparent;}
.tetiere:hover {background: transparent;}
.navbar {margin-bottom: 0;}
.belledate {padding-right: 0;background: #5C6A78;color: white;font-weight: bold;font-size: 1.3em;text-transform: uppercase;}
.belledate div {background: url('http://fiction-publique.fr/squelettes/img/fleche.png') no-repeat center right;padding-left: .15em;}
p.belhoraire {font-size: .9em;margin-top: .5em;color: #777;}
.prochains_evenements {border-bottom: solid 1px #5C6A78;padding: 1em 0;margin: 0 0 0 .4em;}
.evenements_passe {padding: .5em 3em .5em .5em;color: #555;font-size: .7em;background: repeating-linear-gradient(
  -55deg,
  #EEE,
  #EEE 10px,
  #E8E8E8 10px,
  #E8E8E8 20px
);}
.event h3.titre {margin-top: 0;}
.spip-admin-bloc, .spip-admin-float {z-index: 1040;}
.navbar-fixed-top {z-index: 99;}
.principal div.list-group {margin-top: 3em;}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {background-color: #5C6A78; border-color: #5C6A78;}
form li {list-style: none;}
form ul {margin-left: 0;}
button#quesaisje {font-size: 1.5em;margin: 2em 0;}
img.quesaisje2 {margin: 0 0 3em 0;}
#documents_portfolio li {list-style: none; display: block; float: left; margin: 1em;
}
#documents_portfolio li img{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
border: 6px solid #ffffff;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}

#documents_portfolio li img:hover {
-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
border: 6px solid #ffffff;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}

.descridoccredits {
color: rgb(187, 187, 187);
font-size: 0.8em;
}
.descridoctitre {
font-weight: bold;
}

/* GENARCA  ARTICLE 66 */

<style>

#form_genarca {
border: solid 1px #a1a2a9;
padding: 8px;
}

#form_genarca input, textarea, select {
 padding:5px;
 border:1px solid #a1a2a9;
 border-radius:4px;
 width:80%;
 box-shadow:1px 1px 2px #a1a2a9 inset;
 margin: 0 0 1em 0;
 }
#form_genarca input.button:active { box-shadow:0px 0px 1px #e1e2e9 inset; background: #e1e2e9;}
#form_genarca select {
 margin-top:10px;
 }
#cadavre {
background: #000;
text-transform: uppercase;
font-weight: bold;
font-family: 'Avenir Next Condensed';
letter-spacing: 2px;
margin-bottom: 2em;
}
#cadavre .ital { font-style: italic;font-size: 1.5em;}
#cadavre p.titre {font-size: 3em;color: #FFF;line-height: 1.2em;}
#cadavre p.accroche {color: #F00;font-size: 1.8em;}
#cadavre div.logo {float: left;width: 40%;position: relative;}
#cadavre img.detective {z-index: 1000;position: relative;top: 0;left: 0;}
#cadavre img.photo {clear: both;z-index: 0;position: relative;top: -30px;left: 0;}
#cadavre div.article {float: right;width: 60%;text-align: left;}
.titregecrili::first-letter {text-transform: capitalize;}
.titregecrili span {font-style: italic;font-variant: small-caps;}
form#gecrili {margin: 2em auto;width: 20%;}
.bppp table tr td {padding: 30px 30px 30px 10px;}


.bppp table tr.row_even {
        background-color: #EDEDED;
}