/* CSS Document */
body{
background-color:#fae7a6;
font-size:small;
font-family:Arial, Helvetica, sans-serif;
margin:0 0 0 0;
padding:0 0 0 0;
width:800px;
}
#page{
background-color:#fae7a6;
}
.bold{
font-weight:bold;
}
.italic{
font-style:italic;
}
.italicBold{
font-style:italic;
font-weight:bold;
}
.italicSouligne{
font-style:italic;
text-decoration:underline;
}
.italicBoldSouligne{
font-style:italic;
text-decoration:underline;
font-weight:bold;
}
.normal{
font-weight:normal;
}
.normalItalic{
font-weight:normal;
font-style:italic;
}
.vertFonce{
color:#334d00;
}
.vertFonceBold{
color:#334d00;
font-weight:bold;
}
.vertBold{
color:#669900;
font-weight:bold;
}
.vert{
color:#669900;
}
.bleu{
color:#006666;
}
.bleuBold{
color:#003366;
font-weight:bold;
}
.bleuFonceBold{
font-weight:bold;
color:#003366;
}


.xSmall{
font-size:x-small;
}
#titre{
background-image:url(../images/valence_titre.jpg);
background-repeat:no-repeat;
background-position: bottom;
background-position:left;
height:120px;
width:800px;
float:left;
clear:both;
}
#titre img{
float:right;
}

#titre2{
background-image:url(../images/valence_titre2.jpg);
background-repeat:no-repeat;
background-position: bottom;
background-position:left;
height:120px;
}
#centre{
/*width:800px;*/
}
#menu{
float:left;
width:150px;
list-style-type:none;
margin:20px 0 0 0;
}
#menu ul{
list-style-type:none;
width:105px;
}
#menu li{
margin:10px 0 0 0;
font-size:medium;
font-weight:bold;
text-align:center;
}

#menu a{
display:block;
padding: 2px 0 2px 0 ;
text-decoration: none;
color:#FFF;
}
#menu a:hover{
color:#000000;
}
#menu a.parme{
background-color:#a96ea7;
}
#menu a.orange{
background-color:#ed6c25;
}
#menu a.bleu{
background-color:#769a90;
}
#menu a.vert{
background-color:#8ab442;
}
#menu a.violet{
background-color:#b91c5b;
}
#compteur{
width:100px;
background-color:#ed6c25;
margin-left:40px;
font-weight:bold;
color:#FFFFFF;
padding-left:5px;
}
#footer{
border-top:solid 1px;
font-size:x-small;
clear:both;
}
.footerTxt{
padding:0 0 0 20px;
font-size:x-small;
text-align:center;
}
.footerTxt a{
text-decoration:none;
color:#000000;
}
#index{
float:left;
width:630px;
height:auto;
margin-top:40px;
}
.intro{
margin-left:10px;
}
.present_img{
margin-left:450px;
}
#presentation{
background-image:url(../images/valence2.jpg);
background-position:left;
background-repeat:no-repeat;
height:auto;
margin-top:20px;
/*clear:both;*/
 }
 
 .index_parg{
 width:500px;
 text-align:justify;
 margin:60px 0 0 135px;
 padding:30px 0 60px 0;
 
 }

/*debut contact -------------------------*/
  .titre_contact{
  color:#990033;
  font-size:26px;
  margin:20px 0 0 100px;
  }
#contact{
padding:10px 0 0 0px;
color:#990033;
width:648px;
float:left;  
/*background-image:url(../images/contactImg.jpg);
background-repeat:no-repeat;
background-position:bottom;*/
}
.valid{
float :left;
margin : 10px 0 10px 120px;
clear:both;
}
div.formu {
  width:600px;
  clear: both;
  padding-top: 5px;

  }

div.formu span.label {
  float: left;
  width: 200px;
  text-align: right;
  color:#990033;
font-size:small;
  }

div.formu span.field {
  float: left;
  width: 250px;
  text-align: left;
  font-size:small;
  padding-left:10px;
  }
  ul#choix{
/*font-family:Geneva, Arial, Helvetica, sans-serif;*/
font-size:small;
width:300px;
display:block;
list-style-type: none;
padding-bottom:20px;
margin:5px 0 0 10px;
}
.legend{
/*font-family:Geneva, Arial, Helvetica, sans-serif;*/
font-size:small;
width:250px;
clear:both;
padding-top:10px;
margin-left:120px;
}
.mention{
  font-size:x-small;
  color: #990033;
  width:600px;
  margin: 0 0 30px 20px;
  clear:both;
  }
  .mention a{
  color:#990033;
  }
  /*fin contact -------------------------*/
 /* debut biographie---------------------------*/
  .titre_bio{
  color:#ed6c25;
  font-size:26px;
  margin:20px 0 0 0;
  }
  #biographie{
  width:500px;
  margin-left:100px;
  float:left;
  padding-bottom: 20px;
  }
  .biographie2{
  float:right;
  margin:40px 0 20px 20px;
  }
  #biographie p{
/*  width:500px;*/
  margin:20px 0 0 0;
  text-align:justify;
  color:#CC3300;
  }
  #titreBio{
background-image:url(../images/valence_titre2.jpg);
background-repeat:no-repeat;
background-position: bottom;
background-position:left;
height:120px;
}
#titreBio img{
float:right;
margin-right:90px;
width:300px;
}

/*  fin biographie----------------------------*/

/*début paroles--------------------------------*/
.titre_parole{
  color:#769a90;
  font-size:26px;
  margin:20px 0 0 0;
  }
  
#paroles{
  width:530px;
  margin-left:100px;
  float:left;
  padding-bottom: 20px;
/*  background-image:url(../images/paroles.jpg);
  background-repeat:no-repeat;*/
  }
    #titreParoles{
background-image:url(../images/valence_titre2.jpg);
background-repeat:no-repeat;
background-position: bottom;
background-position:left;
height:120px;
}
#titreParoles img{
float:right;
margin-right:10px;
/*width:154px;*/
}
  #paroles p{
  width:530px;
  margin:20px 0 0 0;
  text-align:justify;
  color:#006666;
  }
   #listParoles{
  width: 500px;
  border:none;
  }
  #listParoles ul{
  color:#006666;
  }
  #paroles a{
  text-decoration:none;
  color:#006666;
  }
  #paroles a:hover{
  color:#000;
  }
  #paroles2{
  width:530px;
  text-align:center;
  float:left;
  padding-bottom: 20px;

  }
  #paroles2 p{
  width:530px;
  margin:20px 0 0 0;
  text-align:right;
  color:#006666;
  }
    #amours{
  background-image:url(../images/amours.jpg);
  background-repeat:no-repeat;
  background-position:top;
  }
    #cannibales{
  background-image:url(../images/cannibale.jpg);
  background-repeat:no-repeat;
  background-position:top;
  }
  #anorexie{
  background-image:url(../images/anorexie.jpg);
  background-repeat:no-repeat;
  background-position:top;
  }
  #boulevard{
  background-image:url(../images/boulevard.jpg);
  background-repeat:no-repeat;
  background-position:top;
  }
  #chanteuse{
  background-image:url(../images/chanteuse.jpg);
  background-repeat:no-repeat;
  background-position:top;
  }
  #craquent{
  background-image:url(../images/craquent.jpg);
  background-repeat:no-repeat;
  background-position:top;
  }
  #jeutuemoi{
  background-image:url(../images/jeutuemoi.jpg);
  background-repeat:no-repeat;
  background-position:top;
  }
  #puzzle{
  background-image:url(../images/puzzle.jpg);
  background-repeat:no-repeat;
  background-position:top;
  }
  #filles{
  background-image:url(../images/filles.jpg);
  background-repeat:no-repeat;
  background-position:top;
  }
  #msn{
  background-image:url(../images/msn.jpg);
  background-repeat:no-repeat;
  background-position:top;
  }
#comprendre{
  background-image:url(../images/comprendre.jpg);
  background-repeat:no-repeat;
  background-position:top;
  }
  #nitouche{
  background-image:url(../images/nitouche.jpg);
  background-repeat:no-repeat;
  background-position:top;
  }
#blues{
  background-image:url(../images/blues.jpg);
  background-repeat:no-repeat;
  background-position:top;
  }
  #terminus{
  background-image:url(../images/terminus.jpg);
  background-repeat:no-repeat;
  background-position:top;
  }
/*fin paroles---------------------------------------*/

/*début chansons-------------------------------------------*/
    #titreChanson{
background-image:url(../images/valence_titre2.jpg);
background-repeat:no-repeat;
background-position: bottom;
background-position:left;
height:120px;
}
#titreChanson img{
float:right;
margin:10px 10px 0 0;
/*width:154px;*/
}
.titre_chansons{
  color:#669900;
  font-size:26px;
  margin:20px 0 0 0;
  }
  #chansons{
  width:530px;
  margin-left:100px;
  float:left;
  padding-bottom: 20px;
  }
  .chansonImg{
  float:right;
  margin:30px 0 0 20px;
  }
  #chansons p{
 /* width:530px;*/
  margin:20px 0 0 0;
  text-align:justify;
  color:#669900;
  }
  #listChansons{
  width: 530px;
  border:none;
  color:#669900;
  font-weight:bold;
  }
  .listEspace{
  padding-left:30px;
  }
  #chansons ul{
  color:#669900;
  }
/*fin chansons------------------------------------------*/

/*début chronique-------------------------------------*/
.titre_chro{
  color:#ed6c25;
  font-size:26px;
  margin:20px 0 0 0;
  }
  .titre_chro2{
  color:#ed6c25;
  font-size:20px;
  margin:20px 0 0 0;
  font-style:italic;
  }
  #chronique{
  width:500px;
  margin-left:100px;
  float:left;
  padding-bottom: 20px;
  }
  #chronique p{
/*  width:500px;*/
  margin:30px 0 0 0;
  text-align:justify;
  color:#CC3300;
  }
  #titreChro{
background-image:url(../images/valence_titre2.jpg);
background-repeat:no-repeat;
background-position: bottom;
background-position:left;
height:120px;
}
#titreChro img{
float:right;
margin:20px 50px 0 0;
width:300px;
}
.chroImg{
float:right;
margin: 0 0 10px 10px;
}
/*fin chronique------------------------------------------*/

/*debut liens amis--------------------------------------------*/
/*début chansons-------------------------------------------*/
  #titreLiens{
background-image:url(../images/valence_titre2.jpg);
background-repeat:no-repeat;
background-position: bottom;
background-position:left;
height:120px;
}
#titreLiens img{
float:right;
margin-right:10px;
/*width:154px;*/
}
.titre_liens{
  color:#669900;
  font-size:26px;
  margin:20px 0 0 0;
  }
  #liens{
  width:530px;
  margin-left:100px;
  float:left;
  padding-bottom: 20px;
  }
  .lien1{
  float:left;
  margin :50px 20px 40px 0;
  }
    .lien2{
  float:right;
  margin:20px 0 0 20px ;
  }
    .lien3{
  float:left;
  margin:40px 20px 30px 0;
  }
  #liens p{
  margin:20px 0 0 0;
  text-align:justify;
  color:#669900;
  }
  #liens a{
  color:#334d00;
  font-weight :bold;
  text-decoration:none;
  }
  #liens a:hover{
  color:#000;
  text-decoration:none;
  font-weight:bold;
  }
  #liens img{
  border:0;
  }

/*fin liens amis---------------------------------------------*/

/*début photos---------------------------------------------*/
  #titrePhoto{
background-image:url(../images/valence_titre2.jpg);
background-repeat:no-repeat;
background-position: bottom;
background-position:left;
height:120px;
}
#titrePhoto img{
float:right;
margin-right:330px;
width:154px;
}
.titre_photos{
  color:#b91c5b;
  font-size:26px;
  margin:20px 0 0 0;
  }
#photos{
color:#b91c5b;
  width:530px;
  margin-left:100px;
  float:left;
  padding-bottom: 20px;
  text-align:justify;
  }  
  #photos img{
  border:0;
  }
  #photos2{
color:#b91c5b;
  width:550px;
  margin-left:80px;
  float:left;
  padding-bottom: 20px;
  text-align:justify;
  }  
  #photos2 img{
  border:0;
  }
  .photosMention{
  color:#b91c5b;
  font-size:xx-small;
  font-style:italic;

  }

  .photDroite a{
  text-decoration:none;
  color:#000;
/*  margin:5px 0 5px 0px;*/
  font-weight:bold;
  width:50px;
  }
  .photDroite a:hover{
  color:#b91c5b;
  }
 
  .photDroite{
  float:right;
  margin-left:10px;
  background-image:url(../images/flecheViolette.jpg);
  background-position:left;
  background-repeat:no-repeat;
  padding-left:30px;
  }
  .photGauche{
  float:left;
  margin-right:10px;
  background-image:url(../images/flecheVioletteL.jpg);
  background-position:right;
  background-repeat:no-repeat;
  padding-right:30px;
  text-align:right;
  }
  .photGauche a{
  text-decoration:none;
  color:#000;
/*  margin:5px 0 5px 0px;*/
  font-weight:bold;
  width:50px;
  }
    .photGauche a:hover{
  color:#b91c5b;
  }
  .photFamTxt{
  width:250px;
  text-align:center;
  padding:0 5px 0 5px;
  }
  .photFamImg{
  text-align:center;
  width:250px;
 
  }
    .photGalais{
  width:150px;
  text-align:center;
  padding:5px 10px 5px 10px;
  }
  
/*fin photos------------------------------------------------*/
/*debut mise à jour chronique-----------------------------------*/
.titre_MAJ{
  color:#990033;
  font-size:26px;
  margin:20px 0 0 0;
  }
#MAJ{
color:#990033;
  width:530px;
  margin-left:100px;
  float:left;
  padding-bottom: 20px;
  text-align:justify;
  }
  #MAJ p{
  padding-left:20px;
  }  
.legendMaj{
font-size:small;
width:500px;
clear:both;
padding-top:10px;
margin-left:20px;
color:#990033;
}
div.formuMAJ {
  width:500px;
  clear: both;
  padding-top: 5px;

  }

div.formuMAJ span.label {
  float: left;
  width: 80px;
  text-align: right;
  color:#990033;
font-size:small;
  }

div.formuMAJ span.field {
  float: left;
  width: 250px;
  text-align: left;
  font-size:small;
  padding-left:10px;
  }
/*fin mise à jour chronique------------------------------------*/
/*debut espace reserve---------------------------------*/
.espace th{
color:#669900;
font-size:medium;
}
/*
livre d'or*/
#titreLivredor{
background-image:url(../images/valence_titre2.jpg);
background-repeat:no-repeat;
background-position: bottom;
background-position:left;
height:120px;
}
#titreLivredor img{
float:right;
margin-right:310px;
/*width:154px;*/
}
   #livredor{
  width:530px;
  margin-left:100px;
  float:left;
  padding-bottom: 20px;
  }
  .titre_livredor{
  color:#769a90;
  font-size:26px;
  margin:20px 0 0 0;
  }
.livreor{
color:#006666;
}
.livreor th{
text-align:left;
}
.bleuFonceMed{
font-weight:bold;
color:#003366;
font-size:medium;
}


/*fin espace reserve--------------------------------------*/
/*début page video--------------------------------------------------*/
  #titreVideo{
background-image:url(../images/valence_titre2.jpg);
background-repeat:no-repeat;
background-position: bottom;
background-position:left;
height:120px;
}
#titreVideo img{
float:right;
margin-right:90px;
width:300px;
}
.titre_videos{
  color:#b91c5b;
  font-size:26px;
  margin:20px 0 0 0;
  }
  #videos{
  width:530px;
  margin-left:100px;
  float:left;
  padding-bottom: 20px;
  }
    #videos p{
 /* width:530px;*/
  margin:20px 0 0 0;
  text-align:justify;
  color:#b91c5b;
  }

/*fin page video-----------------------------------------------*/
/*début page mentions-------------------------------------*/
.titre_mentions{
  color:#669900;
  font-size:26px;
  margin:20px 0 0 0;
  }
  #mentions{
  width:530px;
  margin-left:100px;
  float:left;
  padding-bottom: 20px;
  }
  #mentions p{
  margin:20px 0 0 0;
  text-align:justify;
  color:#669900;
  }
  #mentions ul{
  color:#669900;
  }
  .txtMentions{
  color:#669900;
  font-size:medium;
  font-weight:bold;
  }
/*fin page mentions--------------------------------------*/

/*début page vidéo-----------------------------------*/
#titreVideos{
background-image:url(../images/valence_titre2.jpg);
background-repeat:no-repeat;
background-position: bottom;
background-position:left;
height:120px;
}
#titreVideos img{
float:right;
margin:10px 10px 0 0;
/*width:154px;*/
}
.titre_videos{
  color:#660066;
  font-size:26px;
  margin:20px 0 0 0;
  }
  #videos{
  width:530px;
  margin-left:100px;
  float:left;
  padding-bottom: 20px;
  }
  .videoImg{
  float:right;
  margin:30px 0 0 20px;
  }
  #videos p{
 /* width:530px;*/
  margin:20px 0 0 0;
  text-align:justify;
  color:#660066;
  }
  #videos a{
  color:#660066;
  text-decoration:none;
  }
  #videos a:hover{
  color:#669900;

  }
  .videoClip{
  float:left;
  width:320px;
  margin-top:20px;
  }
  .txtVideoClip{
  float:right;
  text-align:justify;
  padding-left:10px;
  }
  .videoClipText{
  height:290px;
  }
    .violetBold{
    color:#660066;
	font-weight:bold;
	}
  /*fin page vidéo---------------------------------------*/
/*  page plug in--------------------------------------------*/
    #videos2{
color:#660066;
margin-left:20px;
width:500px;
  }
  .italicBoldVideos{
    color:#660066;
	font-size:medium;
	font-style:italic;
	}
	.medium{
	font-size:medium;
	}
	.large{
	font-size:large;
	}
	
/*fin pge plug in----------------------------------------*/