@charset "utf-8";
/* CSS Document */

* {
  margin:0;
  padding:0;
  font-family:Arial Narrow, Arial, Verdana, Trebuchet, sans serif;
  color:#b6b6b6;
  }
  
  
  
  a:link {
  text-decoration:none;
  color:#464646;
  font-size:15px;
 
  }
 a:visited {
  text-decoration:none;
  color:#464646;
  font-size:15px;

  }
 a:hover {
  text-decoration:none;
  color:#f03f08;
  font-size:15px;

  } 


 
  
 
  
  
  
  
#main  {

width:100%;
height:100%;

}

#hash1-index {

position: fixed;
top: 293px;
left: 12px;
z-index:5;

}

#hash1-index h1{

font-size:34px;
color: #eeeeee;
font-family: Arial Black;

}

#hash1-index h2{

font-size:34px;
color: #eeeeee;
font-family: Arial Black;

}

#hash1-auteurs {

position: absolute;
width:200px;
top: 316px;
left: 662px;
text-align:right;
z-index:5;
}

#hash1-auteurs h1 {

color:#464646;
font-size:14px;
font-style:italic;
}

#hash2-index {

position: absolute;
width:200px;
top: 316px;
left: 662px;
text-align:right;
z-index:5;
}

#hash2-index h1 {

color:#464646;
font-size:14px;
font-style:italic;
}

#hash1-auteurs-nom {

position: absolute;
width:200px;
top: 295px;
left: 662px;
text-align:right;
z-index:5;
}

#hash1-auteurs-nom h1 {

color:#eeeeee;
font-size:18px;
font-family:Arial black; 
}









 




/*----- div left-------------------------------------------------*/ 
  
#left {

position: fixed;
top: 0px;
left: 0px;
width:262px;
height:100%;
background: url('../images/bg-left.jpg');
z-index:10;
}


.logo {

position:fixed;
margin-left:100px;
margin-top:23px;
}

.titre {

position:fixed;
margin-top:296px;

}



/*----- menu ---------------------------------------------------------- ------*/

#menu1  {
position:fixed;
margin-top:340px;

}




 a.about {
  display:block;
  width:80px;
  height:23px;
  background: url('../images/about.jpg');
  background-repeat:no-repeat 0 0;
  }
  
 a.about:hover ,a.about:focus{
  
  background-position:0 -23px;
  background-repeat:no-repeat;
  }
  
 a.submissions {
  display:block;
  width:80px;
  height:23px;
  background: url('../images/submissions.jpg');
  background-repeat:no-repeat 0 0;
  }
  
 a.submissions:hover ,a.submissions:focus{
  
  background-position:0 -23px;
  background-repeat:no-repeat;
  }

  
 a.contact {
  display:block;
  width:80px;
  height:23px;
  background: url('../images/contact.jpg');
  background-repeat:no-repeat 0 0;
  }
  
 a.contact:hover ,a.contact:focus{
  
  background-position:0 -23px;
  background-repeat:no-repeat;
  }
  
  a.auteurs {
  display:block;
  width:80px;
  height:23px;
  background: url('../images/auteurs.jpg');
  background-repeat:no-repeat 0 0;
  }
  
 a.auteurs:hover ,a.auteurs:focus{
  
  background-position:0 -23px;
  background-repeat:no-repeat;
  }
  
  
  
  /*----- menu issues------------------------------------*/
  
  #menu2  {
position:fixed;
margin-top:400px;

}




 a.issue1 {
  display:block;
  width:80px;
  height:23px;
  background: url('../images/issue1.jpg');
  background-repeat:no-repeat 0 0;
  }
  
 a.issue1:hover ,a.issue1:focus{
  
  background-position:0 -23px;
  background-repeat:no-repeat;
  }
  
 a.issue2 {
  display:block;
  width:80px;
  height:23px;
  background: url('../images/issue2.jpg');
  background-repeat:no-repeat 0 0;
  }
  
 a.issue2:hover ,a.issue2:focus{
  
  background-position:0 -23px;
  background-repeat:no-repeat;
  }

  
 a.issue3 {
  display:block;
  width:80px;
  height:23px;
  background: url('../images/issue3.jpg');
  background-repeat:no-repeat 0 0;
  }
  
 a.issue3:hover ,a.issue3:focus{
  
  background-position:0 -23px;
  background-repeat:no-repeat;
  }


 a.issue4 {
  display:block;
  width:80px;
  height:23px;
  background: url('../images/issue4.jpg');
  background-repeat:no-repeat 0 0;
  }
  
 a.issue4:hover ,a.issue4:focus{
  
  background-position:0 -23px;
  background-repeat:no-repeat;
  }
  
 a.issue5 {
  display:block;
  width:80px;
  height:23px;
  background: url('../images/issue5.jpg');
  background-repeat:no-repeat 0 0;
  }
  
 a.issue5:hover ,a.issue5:focus{
  
  background-position:0 -23px;
  background-repeat:no-repeat;
  }

  
 a.issue6 {
  display:block;
  width:80px;
  height:23px;
  background: url('../images/issue6.jpg');
  background-repeat:no-repeat 0 0;
  }
  
 a.issue6:hover ,a.issue6:focus{
  
  background-position:0 -23px;
  background-repeat:no-repeat;
  }
  



 a.issue7 {
  display:block;
  width:80px;
  height:23px;
  background: url('../images/issue7.jpg');
  background-repeat:no-repeat 0 0;
  }
  
 a.issue7:hover ,a.issue7:focus{
  
  background-position:0 -23px;
  background-repeat:no-repeat;
  }
  
 
.deroule {  /*----- menu déroulant-------------------------------------------------*/ 

position:absolute;
margin-top:530px;
font-weight:bold;
}
  
 
 #menuDeroulant
{
 width: 644px;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}
#menuDeroulant li
{
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
}


#menuDeroulant .sousMenu
{
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}
#menuDeroulant .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
}

#menuDeroulant li
{
 float: left;
 width: 150px;
 margin: 0;
 padding: 0;
 border: 0;
}

#menuDeroulant li a:link, #menuDeroulant li a:visited
{
 display: block;
 height: 1%;
 color: #9e9c9c;
 background: #504f4f;
 margin: 0;
 padding: 4px 16px;
 
 text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #f03f08;color:#eeeeee; }
#menuDeroulant li a:active { background-color: #f03f08; }

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
 display: block;
 color: #9e9c9c;
 margin: 0;
 border: 0;
 text-decoration: none;
background-color: #504f4f;
}
#menuDeroulant .sousMenu li a:hover
{
 background-image: none;
 background-color: #f03f08;
 color:#eeeeee;
}

#menuDeroulant .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 width: 149px;
 border-top: 2px solid transparent;
 border-right: 2px solid transparent;
}


#menuDeroulant .sousMenu
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}

#menuDeroulant li:hover > .sousMenu { 

display: block; 

}


#menuDeroulant
{
 width: 644px;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 position: absolute;
 top: 0;
 left: 0;
}







  

/*----- div right-------------------------------------------------*/ 

#right {

position: fixed;
width:100%;
height:100%;
background: #464646;
margin-left:862px;
z-index:10;
}


.shadow {

position:relative;
width: 16px;
height:100%;
background: url('../images/bg-right.jpg');
z-index:9;
}

.bandeau {
position:fixed;
width: 100%;
height:43px;
background: #f03f08;
margin-top:296px;
}

/*----- div center-------------------------------------------------*/ 

#center{

position: absolute;
width:600px;
height:auto;
margin-left:262px;
padding-bottom:40px;
}


#mentions a:link {
  text-decoration:none;
  color:#464646;
  font-size:13px;
 
  }
 #mentions a:visited {
  text-decoration:none;
  color:#464646;
  font-size:13px;

  }
 #mentions a:hover {
  text-decoration:none;
  color:#f03f08;
  font-size:13px;

  }  



#center-top{

position:relative;
width:600px;
height:296px;
text-align:justify;
font-size:15px

}


/*----- div titre toutes pages bandau------*/ 

#center-phrase{

position: relative;
width:600px;
height:43px;
text-align:right;
line-height:16px;
padding-top:5px;
}



.titre-prhase {

color:#eeeeee;
font-size:18px;
font-family:Arial black; 

}

.italic-prhase {

color:#464646;
font-size:14px;
font-style:italic;
}






#center-contenu{/*----- div contenu toutes pages ------*/ 

position:relative;
width:600px;
height:auto;
padding-left:40px;
padding-top:40px;



}

#line{

position:relative;
width:600px;
height:2px;




}





/*----- page d'accueil  -------------------------------------------------*/ 

.quote-index {

position:relative;
font-size:20px;
width:460px;
line-height:22px;
padding-top:80px;
text-align:right;


}


.texte-home {

position:relative;
width:525px;
line-height:22px;
padding-top:30px;
text-align:justify;


}

.titre-texte {

font-family:arial black; 
color:#eeeeee; 
font-size:14px;

}


.signe {

font-family:arial; 
color:#464646; 
font-style:italic; 
font-size:12px;

}



/*----- page Authors  -------------------------------------------------*/ 



#menu-auteurs  {

position:relative;
padding-top:50px;
padding-left:50px;

}

a.choix-auteurs {

  
  margin-top:-2px;
  
  }

a.yates {
  display:block;
  width:84px;
  height:23px;
  background: url('../images/yates.jpg');
  background-repeat:no-repeat 0 0;
  }
  
 a.yates:hover ,a.yates:focus{
  
  background-position:0 -23px;
  background-repeat:no-repeat;
  }
  
  a.blood {
  display:block;
  width:70px;
  height:23px;
  background: url('../images/blood.jpg');
  background-repeat:no-repeat 0 0;
  }
  
 a.blood:hover ,a.blood:focus{
  
  background-position:0 -23px;
  background-repeat:no-repeat;
  }
  
  a.beller {
  display:block;
  width:93px;
  height:23px;
  background: url('../images/beller.jpg');
  background-repeat:no-repeat 0 0;
  }
  
 a.beller:hover ,a.beller:focus{
  
  background-position:0 -23px;
  background-repeat:no-repeat;
  }
  
  a.brinks {
  display:block;
  width:78px;
  height:23px;
  background: url('../images/brinks.jpg');
  background-repeat:no-repeat 0 0;
  }
  
 a.brinks:hover ,a.brinks:focus{
  
  background-position:0 -23px;
  background-repeat:no-repeat;
  }
  
  a.gale {
  display:block;
  width:68px;
  height:23px;
  background: url('../images/gale.jpg');
  background-repeat:no-repeat 0 0;
  }
  
 a.gale:hover ,a.gale:focus{
  
  background-position:0 -23px;
  background-repeat:no-repeat;
  }
  
  .on {
  display:block;
 
  
  }
  
  
#center-contenu-auteurs{

position:relative;
width:600px;
height:auto;
padding-bottom:40px;


}


#intro-auteurs{

position:relative;
width:600px;
height:auto;
text-align:right;
padding-top:20px;
padding-bottom:20px;
line-height:17px;
}

#poems-auteurs{

position:relative;
width:300px;
height:auto;
padding-left:40px;
padding-top:23px;
float:left;
margin-bottom:20px;

}

.img-auteurs {

padding-top:20px;
float:right;
color:#464646; 
font-size:15px; 
text-align:right;
}

.titre-texte-auteurs {

font-family:arial black; 
color:#eeeeee; 
font-size:13px;

}

.texte-auteurs {


color:#9e9c9c; 
font-size:13px;

}

/*----- page issues  -------------------------------------------------*/ 



.top-image {

position:relative;
padding-top:30px;
float:right;


}


.top-phrase-issues {

position:relative;
text-align:right;
line-height:17px;
padding-top:30px;
width:340px;
float:left;
}

.top-phrase-issues-4 {

position:relative;
text-align:right;
line-height:17px;
padding-top:33px;
width:337px;
float:left;
}

.top-phrase-issues-3 {

position:relative;
text-align:right;
line-height:17px;
padding-top:35px;
width:410px;
float:left;
}

.top-phrase-issues-2 {

position:relative;
text-align:right;
line-height:17px;
padding-top:33px;
width:400px;
float:left;
}

  #contributors {

position:relative;
width:600px;
height:auto;
padding-top:23px;
margin-bottom:20px;
text-align:right;
}

.name {
  color:#eeeeee;
  font-size:15px;
  font-weight:bold;
  }
  
  
  /*----- page contact -------------------------------------------------*/ 

  
#texte-contact{
padding-top:60px;
padding-left:40px;
font-size:20px;
line-height:20px;
text-align:justify;
margin-right:40px;
}  



#texte-contact a:link {
  text-decoration:none;
  color:#eeeeee;
  font-size:17px;
  
  }
#texte-contact a:visited {
  text-decoration:none;
  color:#eeeeee;
  font-size:17px;
  
  }
#texte-contact a:hover {
  text-decoration:none;
  color:#f03f08;
  font-size:17px;
 
  } 

#center-contenu-contact{

position:relative;
width:600px;
height:auto;
padding-left:40px;

}  


.formulaire {   

color:#464646;

}

.form1 {   

position:relative;
float:left;
width:200px;
font-size:13px;
line-height:20px;
}

.form2 {   

font-size:13px;
line-height:20px;

}

.form3{   

margin-left:200px;
margin-top:5px;
font-size:13px;
line-height:20px;

}

.envoi-mail{   



font-size:16px;
line-height:20px;
color:#f03f08;
margin-bottom:20px;
}



/*----- div back to top  -------------------------------------------------*/ 

#back {

position:relative;
width:600px;
height:17px;
float:left;


}

a.back-top {
  display:block;
  width:80px;
  height:17px;
  background: url('../images/back-top.jpg');
  background-repeat:no-repeat 0 0;
  }
  
 a.back-top:hover ,a.back-top:focus{
  
  background-position:0 -17px;
  background-repeat:no-repeat;
  }
  
  
/*----- div liens  -----------------------------------------------------*/ 


#liens {

position:relative;
width:578px;
height:auto;
margin-top:80px;
padding-left:20px;
padding-top:12px;
padding-bottom:12px;
background-color:#5d5c5c;
border:1px;
border-color:#464646;
border-style:solid;
float:left;
color:#eeeeee;
font-size:13px;

}

#liens a:link {
  text-decoration:none;
  color:#9e9c9c;
  font-size:13px;
  
  }
#liens a:visited {
  text-decoration:none;
  color:#9e9c9c;
  font-size:13px;
  
  }
#liens a:hover {
  text-decoration:none;
  color:#f03f08;
  font-size:13px;
 
  } 
  
  
  #liens-2 {

position:relative;
width:578px;
height:auto;
margin-top:5px;
margin-bottom:20px;
padding-left:20px;
padding-top:2px;
padding-bottom:2px;
background-color:#5d5c5c;
border:1px;
border-color:#464646;
border-style:solid;
float:left;
color:#eeeeee;
font-size:13px;

}

#liens-2 a:link {
  text-decoration:none;
  color:#9e9c9c;
  font-size:13px;
  
  }
#liens-2 a:visited {
  text-decoration:none;
  color:#9e9c9c;
  font-size:13px;
  
  }
#liens-2 a:hover {
  text-decoration:none;
  color:#f03f08;
  font-size:13px;
 
  } 
  

#liens-auteurs {

position:relative;
width:578px;
height:auto;
margin-top:200px;
padding-left:20px;
padding-top:12px;
padding-bottom:12px;
background-color:#5d5c5c;
border:1px;
border-color:#464646;
border-style:solid;
float:left;
color:#eeeeee;
font-size:13px;

}



#liens-auteurs  a:link {
  text-decoration:none;
  color:#9e9c9c;
  font-size:13px;
  
  }
#liens-auteurs  a:visited {
  text-decoration:none;
  color:#9e9c9c;
  font-size:13px;
  
  }
#liens-auteurs  a:hover {
  text-decoration:none;
  color:#f03f08;
  font-size:13px;
 
  } 






.contributors {


position:absolute;
margin-top:-13px;
margin-left:472px;



}    


/*----- pop-up -----------------------------------------------------*/ 

.bandeau-pop {

height:43px;
background:#f03f08;
margin-bottom:20px;
margin-top:20px;

}


#texte-legal-haut{

padding-top:60px;
padding-left:40px;
font-size:16px;
line-height:20px;
text-align:justify;
margin-right:40px;
margin-bottom:40px;
}  

#texte-legal-bas{

padding-left:40px;
font-size:16px;
line-height:20px;
text-align:justify;
margin-right:40px;
margin-bottom: 20px;
}