* {
 margin: 0;
 padding: 0;

}

.admin {
  color: red !important;
}




body {
  font-family: Arial, Helvetica, sans-serif;
  /*background: -moz-linear-gradient(to right, #83c8d7, #5db7ca, #3898ac);
  background: -webkit-linear-gradient(to right, #9a699a, #b590b5, #c9afc9);
  background: -ms-linear-gradient(to right, #9a699a, #b590b5, #c9afc9);
  background: -o-linear-gradient(to right, #9a699a, #b590b5, #c9afc9);*/
  background-color:#0c7a91;
  background-image: url(futurama.svg);
  background-position:top right;
  background-repeat:no-repeat;
  color: #000;
  width:800px;
  margin:auto;
  margin-left:80px; 
}
h3{
  color:#0c7a91;
  text-decoration: underline;
}

#global {
  border: 2px solid #0c9190;
  border-top: none;
  padding: 1em 1.5em 0;
  background: #e9f0ef;
  -webkit-box-shadow:0px 2px 8px 0px rgba(51, 51, 51, 0.5);
-moz-box-shadow:0px 2px 8px 0px rgba(51, 51, 51, 0.5);
-o-box-shadow:0px 2px 8px 0px rgba(51, 51, 51, 0.5);
-ms-box-shadow:0px 2px 8px 0px rgba(51, 51, 51, 0.5);
box-shadow:0px 2px 8px 0px rgba(51, 51, 51, 0.5);

}

#title {
  font-family: ABITE;
  color: #0c7a91;
  font-size: 3em;
  border-bottom: 1px dotted #0c9190;
  letter-spacing: 8px;

}

#subtitle {
  text-align: right;
  font-style: italic;
  margin-bottom: 1em;
  color: #0c7a91;
}

#nav {
  border: 1px dashed #0c9190;
  padding: .5em;
  font-size: .9em;
  color: #0c7a91;
  
}

.pagination {
  list-style-type: none;
  text-align: center;
  margin: .5em;
  
}

.pagination li {
  display: inline;
  margin: .3em;
}

.selected {
  font-weight: bold;
  font-size: 1.2em;
}

.article, .comment {
  border: 1px dotted #0c9190;
  padding: .5em;
  margin: 1.5em 0;
  overflow: auto;
}

.subtitle {
  text-align: right;
  font-style: italic;
  color: #0c7a91;
  border-bottom: 1px dotted #0c9190;
  margin-bottom: 1em;
}

.content{
  padding:.5em;
}

.link {
  font-size: .9em;
  float: right;
  border: 1px dotted #0c9190;
  padding: .3em;
}

#new_comment button { 
  border: 1px dashed #0c9190;
  border-radius: 4px;
  margin: 0 .2em;
  background: #fff;
  height:32px;
  width:32px;

}

#new_comment button:hover { 
  border: 1px dashed #0c9190;
  background: #0c9190;
}

fieldset{
  padding: 1em;
}

legend {
  font-weight: bold;
  margin: 0 .42em;
  padding: 0 .42em;
}

input[type=text], textarea{
  border: 1px solid #000;
  margin: .2em 0;
  padding: .2em;
  font-size: 1em;
  width:100%;
}

a:active, a:visited, a:link {
  text-decoration: none;
  font-style:italic;
  color: #0c7a91;
}

a:hover { 
  text-decoration: underline;
}

@media (max-width: 750px) {
 body{
  width:100%;
  height:100%;
 }
}

.link_externe_popup{
padding:1px 20px 3px;
font-size:10pt;
font-weight:bold;
position:absolute;
top:0px;
right:200px;
border:1px solid #aaa;
border-top:none;
background: #e9f0ef;
-webkit-border-radius:0px 0px 9px 9px; 
-moz-border-radius:0px 0px 9px 9px; 
-o-border-radius:0px 0px 9px 9px; 
-ms-border-radius:0px 0px 9px 9px; 
border-radius:0px 0px 9px 9px;

-webkit-box-shadow:0px 2px 8px 0px rgba(51, 51, 51, 0.5);
-moz-box-shadow:0px 2px 8px 0px rgba(51, 51, 51, 0.5);
-o-box-shadow:0px 2px 8px 0px rgba(51, 51, 51, 0.5);
-ms-box-shadow:0px 2px 8px 0px rgba(51, 51, 51, 0.5);
box-shadow:0px 2px 8px 0px rgba(51, 51, 51, 0.5);
}
.link_externe_popup span {
padding:1px 20px 3px;
font-size:10pt;
font-weight:bold;
position:absolute;
top:-500px;
right:0px;
border:1px solid #aaa;
border-top:none;
background: #e9f0ef;
-webkit-border-radius:0px 0px 9px 9px; 
-moz-border-radius:0px 0px 9px 9px; 
-o-border-radius:0px 0px 9px 9px; 
-ms-border-radius:0px 0px 9px 9px; 
border-radius:0px 0px 9px 9px;

-webkit-box-shadow:0px 2px 8px 0px rgba(51, 51, 51, 0.5);
-moz-box-shadow:0px 2px 8px 0px rgba(51, 51, 51, 0.5);
-o-box-shadow:0px 2px 8px 0px rgba(51, 51, 51, 0.5);
-ms-box-shadow:0px 2px 8px 0px rgba(51, 51, 51, 0.5);
box-shadow:0px 2px 8px 0px rgba(51, 51, 51, 0.5);
   }
   
.link_externe_popup:hover span{
padding:1px 20px 3px;
font-size:10pt;
font-weight:bold;
position:absolute;
top:0px;
right:0px;
border:1px solid #aaa;
border-top:none;
background: #e9f0ef;
-webkit-border-radius:0px 0px 9px 9px; 
-moz-border-radius:0px 0px 9px 9px; 
-o-border-radius:0px 0px 9px 9px; 
-ms-border-radius:0px 0px 9px 9px; 
border-radius:0px 0px 9px 9px;

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

hr {
height: 2px;
margin: 0.5em 0;
background-color: #0c7a91;
-webkit-box-shadow:0px 2px 8px 0px rgba(51, 51, 51, 0.5);
-moz-box-shadow:0px 2px 8px 0px rgba(51, 51, 51, 0.5);
-o-box-shadow:0px 2px 8px 0px rgba(51, 51, 51, 0.5);
-ms-box-shadow:0px 2px 8px 0px rgba(51, 51, 51, 0.5);
box-shadow:0px 2px 8px 0px rgba(51, 51, 51, 0.5);
}

.pied {
font-size:10pt;
}
.pied a{
color:#fff;

}
/*police de caractére*/
@font-face {
    font-family: "ABITE";
    src: url('./style/ABITE.ttf');
}

/* formulaire commentaire*/

#comment, #pseudo, #site, #captcha{
border: 1px dashed #0c9190;
}


.article img {
margin-left: 30%;
}

