/* CSS Document */
@font-face {
    font-family: 'HelveticaCondensedBold';
    src: url('font/hvcb___-webfont.eot');
    src: url('font/hvcb___-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/hvcb___-webfont.woff') format('woff'),
         url('font/hvcb___-webfont.ttf') format('truetype'),
         url('font/hvcb___-webfont.svg#HelveticaCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;}
	
@font-face {
    font-family:'Helvetica-Condensed-Light';
	src:url('font/helvetica-condensed-light.eot');
	src:local('@'),
		url('font/helvetica-condensed-light.woff') format('woff'),
		url('font/helvetica-condensed-light.ttf') format('truetype'),
		url('font/helvetica-condensed-light.svg') format('svg');}
	@font-face {
    font-family: 'HelveticaCondensedBlack';
    src: url('font/hvcbl__-webfont.eot');
    src: url('font/hvcbl__-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/hvcbl__-webfont.woff') format('woff'),
         url('font/hvcbl__-webfont.ttf') format('truetype'),
         url('font/hvcbl__-webfont.svg#HelveticaCondensedBlack') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'HelveticaCondensedBlackObl';
    src: url('font/hvco___-webfont.eot');
    src: url('font/hvco___-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/hvco___-webfont.woff') format('woff'),
         url('font/hvco___-webfont.ttf') format('truetype'),
         url('font/hvco___-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;}
	
body{ background-color: #2a033a;background-image: url(images/bg2.jpg); background-repeat:no-repeat; background-position:top center; margin:0 0 30px 0;}
#bandeaumenu{width:930px; position:absolute; top:226px; left:50%; margin-left:-465px; height:35px;}
#content{width:900px; left:50%; margin-left:-450px; position: relative; margin-top:277px;}
#videocontent{width:208px;height:186px; margin-right:20px;float:left; margin-bottom: 20px;}
#video {border-color:#fff; border-style:solid;border-width:1px;	border-height:3px;width:208px;height:156px;}
#bandeaupied{position: relative; width:100%; margin-top:30px; height:35px; background-image:url(images/sosie_tribute_cloclo.png); background-repeat:repeat-x; z-index:10;}
#insidepied{position:absolute; width:900px;line-height:35px; left:50%; margin-left:-450px;}
#cadre{width:880px; border:#FFFFFF dashed thin; padding: 10px 10px 10px 10px;}
#contenumedia{width:820px;height:337px; margin:auto;}
.videomedia{background-image:url(images/videos-sosie-tribute-claude-francois.png); background-position:top; background-repeat:no-repeat; width:173px; height:293px;float:left; margin-right:135px; margin-top:37px;}
.videomedia:hover{background-position: bottom;}
.audiomedia{background-image:url(images/audios-sosie-tribute-claude-francois.png); width:203px; height:330px;float:left; margin-right:134px;background-position: top;}
.audiomedia:hover{background-position: bottom;}
.pressemedia{background-image:url(images/presse-sosie-tribute-claude-francois.png); background-repeat:no-repeat; background-position:top ; width:175px; height:251px;float:left; margin-top:91px;}
.pressemedia:hover{background-position: bottom;}
.menu{ font-family: 'Helvetica-Condensed-Light', Helvetica, Arial, sans-serif ; color: #d762fe; float:left; display:block; position:relative; text-decoration:none; line-height:35px; font-size: 20px; padding: 0 20px 0 20px;}
.menu:hover{ color:#FFFFFF;}
.facebook{background-image: url(images/facebook_sosie_claude_francois.png); background-position:bottom;width: 41px; height:41px; z-index:20; float:right; margin-top:-2px;}
.facebook:hover{ background-position:top;}
.youtube{background-image: url(images/youtube_sosie_claude_francois.png); background-position:bottom;width: 41px; height:41px;float:right; z-index:20; margin-top:-2px; margin-left:5px;}
.youtube:hover{ background-position:top;}
.texte01{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-align: justify;line-height: 18px;}
.texte01 a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-align: justify;line-height: 18px; text-decoration:none;}
.texte01 a:hover{ color:#d762fe;}
.texte01centre{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-align: justify;line-height: 18px; text-align:center;}
.texte01centre a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-align: justify;line-height: 18px; text-align:center;text-decoration:none;}
.texte01centre a:hover{ color:#d762fe;}
.textevideo{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-align: center;line-height: 18px;}
.textepied{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-align: justify;line-height: 18px; text-decoration:none;}
.textepied a{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-align: justify;line-height: 18px; text-decoration:none;}
.textepied a:hover{ color:#d762fe;}
.textevignette{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-align: center;}
.photodroite{border-color:#fff; border-style:solid;border-width:1px; float:right;margin-left:20px;}
.photogauche{border-color:#fff; border-style:solid;border-width:1px; float:left;margin-right:20px;}
.photoforum{border-color:#fff; border-style:solid;border-width:3px;width:150px; height:200px; }
.titre{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; line-height:16px; text-align:center; line-height:20px;}
.titre a{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; line-height:16px; text-align:center; text-decoration:none;}
.titre a:hover{ color:#d762fe;}
.titreforum{font-family:Arial, Helvetica, sans-serif; font-size:12x; color:#d762fe; text-align:center; }
.datetournee{font-family:Arial, Helvetica, sans-serif; font-size:12x; color:#d762fe;}
.border {border-color:#fff; border-style:solid;border-width:1px;}
.bordercontact {border-color:#fff; border-style:solid;border-width:1px; float:left; margin-right:10px;}
.bordercontactd {border-color:#fff; border-style:solid;border-width:1px; float:right; margin-left:10px;}
.obligatoire {font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #FF0000; text-align: justify;line-height: 18px;}
.titremedias{font-family:'HelveticaCondensedBold',Arial, Helvetica, sans-serif; font-size:20px; color: #FFFFFF; text-align:center; text-decoration:none;}
.titremedias a{font-family:'HelveticaCondensedBold',Arial, Helvetica, sans-serif; font-size:20px; color: #FFFFFF; text-align:center; text-decoration:none;}
.titremedias a:hover {color:#d762fe;}
.menuforum{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-align: justify;line-height: 18px; text-decoration:none;}
.menuforum a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-align: justify;line-height: 18px; text-decoration:none;}
.menuforum a:hover{ color:#d762fe;}
.espace5 {display:block;height:5px; position:relative;}
.espace10 {display:block;height:10px; position:relative;}
.espace20 {display:block;height:20px; position:relative;}
.espace30 {display:block;height:30px; position:relative;}
.espace40 {display:block;height:40px; position:relative;}
.espace150 {display:block;height:150px; position:relative;}
.reference {list-style:none; margin:0px; padding:0px;}
.reference_item {position:relative; float:left; height:200px; width:184px; }
.reference_espace {position:relative; float:left; height:200px; width:54px;}
.listesosies{list-style:none; margin:0px; padding:0px;}
.sosie {position:relative; float:left; height:160px; width:120px; }
.sosie_espace {position:relative; float:left; height:160px; width:10px;}
.listeaudios{list-style:none; margin:0px; padding:0px;}
.audio{position:relative; float:left; height:100px; width:200px; }
.audio_espace {position:relative; float:left; height:100px; width:33px;}
.listepresse{list-style:none; margin:0px; padding:0px;}
.presse{position:relative; float:left; height:200px; width:100px; }
.presse_espace {position:relative; float:left; height:200px; width:60px;}
.listevignette{list-style:none; margin:0px; padding:0px;}
.vignette{position:relative; float:left; height:105px; width:130px; }
.vignette_espace {position:relative; float:left; height:105px; width:5px;}
.referenceliens {list-style:none; margin:0px; padding:0px;}
.reference_liens{position:relative; float:left; height:260px; width:184px; }
h1{font-family:'HelveticaCondensedBold',Arial, Helvetica, sans-serif; font-size:24px; color:#FFFFFF;text-align:center; line-height:25px; text-decoration:none;}
h2 {font-family:'HelveticaCondensedBold',Arial, Helvetica, sans-serif; font-size:20px; color:#d762fe; line-height:35px; background-image:url(images/sosie_tribute_cloclo.png); background-repeat:repeat-x; background-position:center;}



<!--style scrollbar 2-->
.Container {
  width: 900px; position: relative;
  height: 300px;
  background: #FFF url(images/container_background.gif) no-repeat;
}
#Scroller-1 { 
  position: relative; 
  overflow: hidden;
  width: 900px;
  height: 300px;
}
#Scroller-1 p {
  margin: 0; padding: 10px 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-indent: 20px;
  color: #6F6048;
}
.Scroller-Container {
  position: absolute;
  top: 0px; right: 0px;
}
#Scrollbar-Container {
  position: absolute;
  top: 90px; right: -30px;
}
.Scrollbar-Up {
  cursor: pointer;
  position: absolute; top:-24px;
}
.Scrollbar-Track {
  width: 20px; height: 244px;
  position: absolute; top:-4px;
   right: -17px;  background-image:url(scrollbar2/images/barredef.png);
   background-repeat:repeat-y; background-position:center;
}
.Scrollbar-Handle {
  position: absolute;
  width: 20px; height: 20px;
}
.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  top: 240px;
}