/* ############################ */
   /* #                                                              # */
   /* #        CHRISHARDY 22/05/2014               # */
   /* #                                                              # */
   /* ############################ */
  
body {
margin:auto;
text-align: center;
background-image:url(diapo1/images1/fond.jpg);
background-attachment:fixed ;
}
a:link 
{ 
 text-decoration:none; 
}
a {
text-decoration: none;
outline: none;
}
a img, #pogne { 
border: 0;
}
h1 {
color: #eeebcd;
font-family: "Courier New","Lucida Console",Sylfaen;
font-size: 1.6em;
}
p {
font-family: "Courier New","Lucida Console",Sylfaen;
font-weight: 400;
}
/* Sous titres */
h1 #pitch2 {
display:block;
margin-top:50px;
margin-left:10px;
color:#eeebcd;
font-size: 0.8em; 
}
h1 #pitch3 {
display:block;
margin-top:0;
margin-left:-412px;
color:#eeebcd;
font-size: 0.8em; 
}
h2 .soustitres {
color: #eeebcd;
font-family: "Courier New","Lucida Console",Sylfaen;
letter-spacing:1px;
font-size:0.8em; 
margin-left:10px;
}
h3  {
font-family: "Courier New","Lucida Console",Sylfaen;
font-weight: 600;
font-size:1em;
margin-left:10px
}
h5 {
color: #eeebcd;
font-family: "Courier New","Lucida Console",Sylfaen;
letter-spacing:1px;
font-size:1em;
margin:10px;
}
.hell {
color: #eeebcd;
font-family: "Courier New" ,"Lucida Console",Sylfaen;
}
/* Fin sous titres */

/* Images */
#yeuxeddy {
height: 192px;
width: 520px;
text-align:center;
background-image:url(diapo1/images1/eddy.jpg);
background-repeat: no-repeat;
margin: 40px 0 60px 40px
}
#imageimpasse {
height: 407px;
width: 600px;
margin: 30px 0 60px 0
}
#photauteur1 {
height: 439px;
width: 428px;
background-image:url(diapo1/images1/img1entretiens.jpg);
background-repeat: no-repeat;
margin: 50px 86px 50px 86px
}
#photauteur2 {
height: 356px;
width: 600px;
background-image:url(diapo1/images1/img2entretiens.jpg);
background-repeat: no-repeat;
margin: 50px 0 50px 0
}
#filmeddy1{
height: 1253px;
width: 400px;
margin: 35px auto ;
padding:0;
}
.elvis {
height: 98px;
width: 100px;
margin: 20px auto 22px 12px ;
padding:0;
}
.eddymini {
height: 98px;
width: 100px;
margin: 20px auto auto 265px ;
padding:0;
}
.copycats {
height: 98px;
width: 100px;
margin: 20px auto auto 12px ;
padding:0;
}
#bodiddley {
height: 99px;
width: 100px;
margin: 20px auto auto 12px ;
padding:0;
}
#cramps {
height: 100px;
width: 100px;
margin: 20px auto auto 12px ;
padding:0;
}
#cowboy {
height: 99px;
width: 100px;
margin: 20px auto auto 12px ;
padding:0;
}
#geils {
height: 100px;
width: 100px;
margin: 20px auto auto 12px ;
padding:0;
}
#uptight {
height: 100px;
width: 100px;
margin: 20px auto auto 12px ;
padding:0;
}
.iggy {
height: 99px;
width: 100px;
margin: 20px auto auto 12px ;
padding:0;
}
#sonics {
height: 99px;
width: 100px;
margin: 20px auto auto 12px ;
padding:0;
}
.retoureddy {
font-family: "Courier New","Lucida Console",Sylfaen;
color: #fdf7aa;
font-size: 12px;
font-weight: bold;
margin: auto auto -15px 130px;
}
.retoureddy a:link {
color: #fdf7aa;
text-decoration: none;
font-size: 12px;
}
.retoureddy a:visited {
color: #fdf7aa;
text-decoration: none;
font-size: 12px;
}
.retoureddy a:hover {
color: orange;
text-decoration: none;
font-size: 12px;
}
/*Fin Images */
#bulle {
margin-top:180px;
font-family: "Courier New","Lucida Console",Sylfaen;
font-size:0.9em;
}

p {
color: #eeebcd;
font-family: "Courier New","Lucida Console",Sylfaen;
letter-spacing:1px;
font-size:1em;
margin:10px;
}
/*NORMALTEXT EN REMPLACEMENT */
.normaltext {
color: #eeebcd;
font-family: "Courier New","Lucida Console",Sylfaen;
letter-spacing:1px;
font-size:1em;
margin:10px;
font-weight:bold;
font-style:normal;
}
.normaltext2 {
color: #ffdead;
font-family: "Courier New","Lucida Console",Sylfaen;
letter-spacing:1px;
font-size:1em;
margin:10px;
font-weight:bold;
}
.normaltextbio {
text-align: left;
color: #eeebcd;
font-family: "Courier New","Lucida Console",Sylfaen;
font-size:1.3em;
margin:10px 10px 140px 10px;
font-weight:bold;
font-style:normal;
}
.maisquoi {
line-height: 70px;
}
.raptext {
color: #ffdead;
font-family: "Courier New","Lucida Console",Sylfaen;
letter-spacing:1px;
font-size:1.8em;
margin:10px;
font-weight:bold;
text-align: center;
}
/*Citations italique/citagras*/
.citalic {
display:block;
font-style:italic;
font-size:0.8em;
margin:10px;
text-align: justify;
}
.citagras {
font-weight:bold;
color:#fbf090
}
.citagras2 {
font-weight:bold;
color:#fbf090
}
.mambo {
display:block;
margin-top:40px;
color : #b2c057;
}
.bluetext {
color:  #859fa7;
}
hr {
border: none;
background-color:#859fa7;
height: 1px;
margin: 10px;
}

.slimtext {
font-weight:400;
font-size:0.9em;
}
.slimtext2 {
font-weight:400;
font-size:0.7em;
}
.orange {
color:#859fa7;
}
#coincer {
display:block;
font-style:italic;
font-size:1.2em;
margin-top:40px;
margin-bottom:10px;
}
#analyses {
display:block;
font-weight:900;
font-size:1em;
margin-top:10px;
margin-bottom:10px;
}
p #parsergedeft {
display:block;
font-style:italic;
font-size:0.9em;
margin-top:10px;
margin-bottom:50px;
}
h1 .compltitre {
display:block;
font-style:italic;
font-size:0.6em;
margin:20px auto 50px 120px;
}
#sous-titre_playlist {
text-align: center;
margin: 20px auto 50px auto;
}
.compltitre2 {
display:block;
font-style:italic;
font-size:0.850em;
font-weight:600;
}
.compltitre5 {
display:block;
font-style:italic;
font-size:0.95em;
margin:20px auto 50px  auto;
text-align: center;
}
.compltitre3 {
font-size: 13px;
margin: 0 auto 0 -3px;
font-family: "Courier New","Lucida Console",Sylfaen;
}
.compltitre4 {
font-size: 13px;
margin: 0 10px 0 7px;
color : #eeebcd;
font-family: "Courier New","Lucida Console",Sylfaen;
}
.compltitre6 {
font-size: 13px;
margin: 0 10px 0 10px;
color : #eeebcd;
font-family: "Courier New","Lucida Console",Sylfaen;
font-size:0.8em
}
.compltitre7 {
font-size: 13px;
margin: 0 10px 0 10px;
color : #eeebcd;
font-family: "Courier New","Lucida Console",Sylfaen;
font-size:0.8em;
font-weight:400;
}
.compltitre8 {
display:block;
font-style:italic;
font-size:0.95em;
margin:30px auto 25px auto;
text-align: center;
letter-spacing:0px;
}
.thunders {
margin-top: 20px;
}
.refdisc {
font-size:0.8em;
font-family: "Courier New","Lucida Console",Sylfaen;
}
h4 {
color: #aaaaaa;
font-size: 13px;
}
#cadraccueil {
margin: 20px auto auto auto;
padding-top: 10px;
width: 600px;
height: 565px;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-right:1px solid #333333;
border-bottom:1px solid #333333;
background-color: #000000;
}
#cadrepitchglobal {
width: 600px;
height: auto;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-right:1px solid #333333;
border-bottom:1px solid #333333;
margin:auto;
margin-top: 20px;
padding-top: 10px;
margin-bottom:20px;
background-color: #000000;
}
#cadrepitch {
margin:auto;
margin-top: 20px;
padding-top: 10px;
height: auto;
text-align: justify;
}
#cadrepitch2 {
margin:auto;
height: auto;
text-align: justify;
}
#cadrebio {
margin:45px auto;
height: auto;
text-align: justify;
}
#imagebio {
margin: 40px auto -450px auto;
}
p #biographie {
margin-top:40px;
font-size: 1.2em;
}
.extrait1 {
text-align:justify;
margin:40px auto 40px auto;
height:auto;
width:318px;
padding:0;
}
/* En italique */
p .italic {
font-style:italic;
}
.italic {
font-style:italic;
}
.italic2 {
font-style:italic;
font-weight:600;
letter-spacing:0px;
color: #f6e8b1;
}
.italic3 {
font-style:italic;
font-weight:900;
letter-spacing:0px;
color: #b2c057;
font-size: 1.2em;
}
.italic4 {
font-style:italic;
font-weight:200;
letter-spacing:0px; color: #ffdead;
}
.italic5 {
font-style:italic;
color: #eeebcd;
}
.fournisseur {
font-style:italic;
font-size: 0.8em; 
}
.karma {
display: block;
font-style:italic;
font-size: 0.7em;
margin: -8px auto 0 0;
}
.banana {
font-style:italic;
}
/* Fin d'italique */

/* PIED DE PAGE */
#piedpage {
font-family:Verdana;
background-color: #2b3008;
width: 600px;
height:85px;
/* margin:20px auto; */
}
#liens_contact_bas {
padding-top: 8px;
}
#piedpage a:link {
color : #C79F4B;
text-decoration : none;
font-size: 0.7em;
}
#piedpage a:visited {
color : #C79F4B;
text-decoration : none;
font-size: 0.7em;
}
#piedpage a:hover {
color : #aaaaaa ;
text-decoration : none;
font-size: 0.7em;
}
#piedpage .liens_bas a:link {
color : #C79F4B;
text-decoration : none;
font-size: 0.8em;
}
#piedpage .liens_bas a:visited {
color : #C79F4B;
text-decoration : none;
font-size: 0.8em;
}
#piedpage .liens_bas a:hover {
color : orange ;
text-decoration : none;
font-size: 0.8em;
}
#piedpageaccueil {
background-color: black;
width: 598px;
height:40px;
margin:102px auto;
font-family:Verdana,"Palatino Linotype";
color : #aaaaaa;
}
#maj {
font-family:Verdana,"Palatino Linotype";
font-size:0.6em;
color:#777777;
}

 /* Liens vers photos couleurs */
#retour {
color : #eeebcd ;
font-family: "Courier New","Lucida Console",Sylfaen;
font-size: 1em;
text-decoration: none;
}
 /* Fin liens vers photos couleurs */
 
/* Liens haut de page */
.liens {
color : white;
font-family:Verdana,"Lucida Sans Unicode",Arial;
font-size: 11px;
margin-left: 0px;
padding: 0;
}
ul.liens li {
display:inline;
list-style-type:none;
}
.liens_bas {
color: white;
font-family:Verdana,"Lucida Sans Unicode",Arial;
font-size: 12px;
margin: -7px auto;
padding: 0;
}
ul.liens_bas li {
display:inline;
list-style-type:none;
}
/* Page courante */
.active {
color: #b2c057;
text-decoration: none;
font-size: 11px;
}
/* Fin page courante */
.liens a:link {
color: white;
text-decoration: none;
font-size: 11px;
}
.liens a:visited {
color: white;
text-decoration: none;
font-size: 11px;
}
.liens a:hover {
color: #aaaaaa;
text-decoration : none;
font-size: 11px;
}
/* fin liens haut de page */
#liresuite {
margin-top: -130px;
margin-left: -160px;
font-family:  Courier, "Lucida Console", Sylfaen;
font-size: 0.8em;
}
#liresuite a:link {
color : white;
text-decoration : none;
font-size: 0.9em;
}
#liresuite a:visited {
color : white;
text-decoration : none;
font-size: 0.9em;
}
#liresuite a:hover {
color : grey;
text-decoration : none;
font-size: 0.9em;
}
/* liens vers chapitres */
.liensanalyses {
font-family: "Courier New","Palatino Linotype","Times New Roman";
}
.liensanalyses a:link {
color: #eeebcd;
text-decoration: none;
font-size: 1em;
font-weight: 900;
}
.liensanalyses a:visited {
color: #eeebcd;
text-decoration: none;
font-size: 1em;
font-weight: 900;
}
.liensanalyses a:hover {
color: #b4af91;
text-decoration: none;
font-size: 1em;
font-weight: 900;
}
/* liens de la page playlist */
.liensanalyses2 {
font-family: "Courier New","Palatino Linotype","Times New Roman";
line-height: 25px;
}
.liensanalyses2 a:link {
color: #eeebcd;
text-decoration: none;
font-size: 1em;
font-weight: 900;
line-height: 25px;
}
.liensanalyses2 a:visited {
color: #eeebcd;
text-decoration : none;
font-size: 1em;
font-weight: 900;
line-height: 25px;
}
.liensanalyses2 a:hover {
color: #b4af91;
text-decoration: none;
font-size: 1em;
font-weight: 900;
line-height: 25px;
}
/* liens vers petites histoires */
.lienstexte {
color : #C79F4B;
}
.lienstexte a:link {
color: #C79F4B;
text-decoration: none;
font-size: 1em;
}
.lienstexte a:visited {
color: #C79F4B;
text-decoration: none;
font-size: 1em;
}
.lienstexte a:hover {
color: #eeebcd;
text-decoration: none;
font-size: 1em;
}


.lienstextecosmic {
text-align: left;
color : #C79F4B;
}
.lienstextecosmic a:link {
color: #C79F4B;
text-decoration: none;
font-size: 1em;
}
.lienstextecosmic a:visited {
color: #C79F4B;
text-decoration: none;
font-size: 1em;
}
.lienstextecosmic a:hover {
color: #eeebcd;
text-decoration: none;
font-size: 1em;
}
/* liens vers haut de page */
.hautdepage a:link {
color: #C79F4B;
text-decoration: none;
font-size: 1em;
}
.hautdepage a:visited {
color: #C79F4B;
text-decoration: none;
font-size: 1em;
}
.hautdepage a:hover {
color: #eeebcd;
text-decoration: none;
font-size: 1em;
}
.compltitre3 a:hover {
color : red;
}
/* fin liens vers haut de page */

/* liens de bas de page accueil */
.bal a:link {
font-family:Verdana,"Times New Roman";
color: #aaaaaa;
text-decoration : none;
font-size: 0.7em;
}
.bal a:visited {
font-family: Verdana,"Times New Roman";
color: #aaaaaa;
text-decoration : none;
font-size: 0.7em;
}
.bal a:hover {
font-family: Verdana,"Times New Roman";
color: #eeebcd;
text-decoration: none;
font-size: 0.7em;
}
/* liens de bas de page index */
.balindex2 {
display:block;
background-color: black;
margin-top:14px;
}
.balindex {
font-family: Verdana,"Times New Roman";
display:block;
margin: 10px auto auto auto;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-right:1px solid #333333;
border-bottom:1px solid #333333;
width: 600px;
background-color: black;
height: 50px;
}
.balindex a:link {
font-family: Verdana,"Times New Roman";
color: #aaaaaa;
text-decoration: none;
font-size: 0.7em;
}
.balindex a:visited {
font-family: Verdana,"Times New Roman";
color: #aaaaaa;
text-decoration: none;
font-size: 0.7em;
}
.balindex a:hover {
font-family: Verdana,"Times New Roman";
color: #eeebcd;
text-decoration: none;
font-size: 0.7em;
}
/* Fin liens de bas de page */

/* liens externes */
.lienext a:link {
font-family: "Courier New","Lucida Console",Sylfaen;
color: #fdf7aa;
text-decoration: none;
font-size: 1em;
}
.lienext a:visited {
font-family: "Courier New","Lucida Console",Sylfaen;
color: #fdf7aa;
text-decoration: none;
font-size: 1em;
}
.lienext a:hover {
font-family: "Courier New","Lucida Console",Sylfaen;
color: orange;
text-decoration: none;
font-size: 1em;
}
/* Liens vers la page achat */
.achat_livre a:link {
font-family: "Courier New","Lucida Console",Sylfaen;
color: #fdf7aa;
text-decoration: none;
font-size: 1em;
}
.achat_livre a:visited {
font-family: "Courier New","Lucida Console",Sylfaen;
color: #fdf7aa;
text-decoration: none;
font-size: 1em;
}
.achat_livre a:hover {
font-family: "Courier New","Lucida Console",Sylfaen;
color: orange;
text-decoration: none;
font-size: 1em;
}
.achat_livre {
margin-top: 20px;
}
.livre {
text-align: center;
}
/* fin liens page achat */

.cadre {
background-color: #5F6921;
height: auto;
border: 1px dashed #fff;
}
/* .black {
font-weight: 900;
color: #000;
} */
/* Infobulle */
a.info {
position:relative;
z-index:24;
color:#000;
text-decoration:none;
}
 
a.info:hover {
z-index:25;
background-color:#000000;
}
 
a.info span {
display: none; font-family: "Courier New","Lucida Console",Sylfaen;
font-size: 1.4em;
}
 
a.info:hover span {
display:block;
position:absolute;
top:-287px;
left:-100px;
width:450px;
border:1px solid #f4e4af;
background-color:#222222;
color:#f4e4af;
font-family: "Courier New","Lucida Console",Sylfaen;
font-size: 1.4em;
text-align: justify;
padding:5px;
}
/* Fin infobulle */
img #pogne
{
width: 400px;
height: 1333px;
}
/* Image du livre */
.image_livre
{
text-align: center;
margin:30px 5px 10px 5px;
}
#cadrelivre {
text-align: justify;
margin: 0 10px 0 10px;
}
.ou_acheter {
color :#fdf7aa;
}
.italic3bis {
margin-left: 200px;
font-style:italic; 
font-weight:900; 
letter-spacing:0px; 
color: #b2c057; 
font-size: 1.2em;
}
.indentation_forte2 {
margin-left: 460px;
font-style: italic;
}
.textgras {
font-weight:900;
}
#liens_acheter {
margin-bottom: 50px;
}
#petroleuse {
text-align: left;
}
#mini_banane { /* L'image du bouquin */
margin-top: 30px;
text-align: center;
}
.video {
margin:20px auto 20px 10px;
}

.conteneur_images {
    background:transparent;
    height: 197px;
    margin: 10px;
    width: 200px;
}

.image {
    float: left;
    height: 195px;
    margin: 10px 0;
    width: 198px;
	border: 1px solid white;
}
.imgdeft{ 
    height: 100%;
    width: 100%;
}
.imgdeft:hover {
    background:#000000;
    border: 19px solid white;
    height: 263%;
    left: -1px;
    padding: 1px;
    position: relative; 
    top: -233px;
    width: 263%;
	cursor:crosshair;
}

/* Tout ce qui suis pour faire clignoter 3 lignes de texte */

@keyframes blinker
 {  
  from { opacity: 1.0; color:red; }
  to { opacity: 1.0; color:white; }
}
@-webkit-keyframes blinker
 {  
  from { opacity: 1.0; color:red; }
  to { opacity: 1.0; color:white; }
}
@-moz-keyframes blinker
 {  
  from { opacity: 1.0; color:red; }
  to { opacity: 1.0; color:white; }
}
@-o-keyframes blinker
 {  
  from { opacity: 1.0; color:red; }
  to { opacity: 1.0; color:white; }
}
@-ms-keyframes blinker
 {  
  from { opacity: 1.0; color:red; }
  to { opacity: 1.0; color:white; }
}
.css3-blink {
position:absolute;
margin:75px auto 0 20px;
color:red;
font-size:20px;
font-weight:900;
              animation-name: blinker;
     -moz-animation-name: blinker;   
  -webkit-animation-name: blinker;
          -o-animation-name: blinker;
	    -ms-animation-name: blinker;
               animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;			   
  -webkit-animation-iteration-count: infinite;
          -o-animation-iteration-count: infinite;
	   -ms-animation-iteration-count: infinite;
               animation-timing-function: cubic-bezier(1.0,0,0,1.0);
     -moz-animation-timing-function: cubic-bezier(1.0,0,0,1.0);			   
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
          -o-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
		-ms-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
               animation-duration: 2s;
     -moz-animation-duration: 2s;
  -webkit-animation-duration: 2s;
          -o-animation-duration: 2s;
		  -ms-animation-duration: 2s;
}

.css3-blink2 {
margin-bottom:20px;
color:red;
font-size:20px;
font-weight:900;
              animation-name: blinker;
     -moz-animation-name: blinker;   
  -webkit-animation-name: blinker;
          -o-animation-name: blinker;
	    -ms-animation-name: blinker;
               animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;			   
  -webkit-animation-iteration-count: infinite;
          -o-animation-iteration-count: infinite;
	   -ms-animation-iteration-count: infinite;
               animation-timing-function: cubic-bezier(1.0,0,0,1.0);
     -moz-animation-timing-function: cubic-bezier(1.0,0,0,1.0);			   
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
          -o-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
		-ms-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
               animation-duration: 2s;
     -moz-animation-duration: 2s;
  -webkit-animation-duration: 2s;
          -o-animation-duration: 2s;
		  -ms-animation-duration: 2s;
}