/* CSS Document */
body{
margin: 0 auto;
padding:0;
background: #0d0e0e url(back-gene.gif) repeat-x;
text-align: center;
font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333;
line-height:125%;

}
#global { 
  margin-left: auto; 
  margin-right: auto; 
  width: 904px; 
  text-align: left;

  
}

.wrapper {
	width: 100%;
	overflow: hidden;
}

li {margin:0; padding:0; }
ul {margin:0; padding:0; }



a img 
{ 
border: none; 
} 

#CadreGeneral {width:900px; height:auto; padding:2px; background-color:#fff; border:2px solid #FFF; float:left}
#TopLinks {height:18px; width:900px; float:left; background-color:#051525}
.InnerTopLinks {padding-left: 10px; float:right; color:#FFFFFF;  color:#FFF}
.liensTopLinks a{color:#CCC; text-decoration:none; padding-left:5px; padding-right:5px}
.liensTopLinks a:hover{color:#CCC; text-decoration:underline}
#CadreLogo {width:900px; height:120px; background-image:url(back-logo.gif);  float:left}
#Logo {width:400px; margin:10px; float:left; background:url(logo-com.gif) no-repeat; height:80px}

#Baseline {width:450px; margin-top:20px; background:url(base-line.gif) no-repeat 0 20px; float:left; height:70px}
#Menu1 {width:900px; height:29px; float:left; border-top:2px solid #555;border-bottom:2px solid #006; background: #333 url(MenuRemplissage.gif) 0 0; }
#Menu1Boutons a{width:136px; height:21px; float:left; background-color:#000; background:url(menu1.gif) no-repeat 0 0; text-align:center; padding-top:8px; color:#FFF; text-decoration:none; font-size:12px;  font-family:Arial, Helvetica, sans-serif; font-weight:bold }
#Menu1Boutons a:hover{background:url(menu1.gif) no-repeat 0 -29px; text-decoration:none}
#Menu1Remplissage { width:auto; height:29px; float:left; }
#CadreTitrePage {width:900px; height:60px; background:#646668 url(back-titre-page.jpg) repeat-x; float:left; text-align:left}
.InnerTitrePage1 {width:auto; height:auto; padding-top:7px; padding-left:15px;font-size:20px; color:yellow}
.InnerTitrePage2 {width:auto; height:auto; padding-top:5px; padding-left:15px; font-size:12px; color:#CCC}



/*-----------------------------CODE PAGE INDEX ACCUEIL ----------------------------------*/



#CadrePromoActu {width:100%; height:280px; float:left; text-align:center; background-color:#646668; display:block; padding-top:5px; border-bottom:#222 solid 3px}
#CadrePageAccueil {width:100%; height:100%; float:left; }
#CadrePageAccueilGauche {width:300px; float:left; display:block; height:auto;  color:#FFF}
#CadrePageAccueilDroit {width:580px; height:auto; float:left ;  height:auto; color:#3FF ;}
#CadreNL {width:297px; height:auto; float:left; background:url(backnewsletter.gif) no-repeat  ; border-right: 3px #222 solid; line-height:110%; color:#333 }
#CadreNlTop {width:230px; height:54px; float:left; padding-top:8px; padding-left:49px /*background:url(backtoprepeat.gif) repeat-x top*/}
#CadreTitreLeft {width:10px; height:54px; /*width:10px;background:url(backtopleft.gif) no-repeat top;*/ float:left}
#CadreTitreRight {width:11px; height:54px;/* background:url(backtopright.gif) no-repeat top;*/ float:left}
.InnerCadre10px { padding:10px; }
.InnerCadreTitre {font-size:20px; height:30px; padding-top:8px}
.InnerCadreTitre2 {font-size:18px; text-align:left }
#CadreBienvenue {width:580px; height:auto; float:left;  }
#CadreBienvenueTop {height:auto; float:left; width:580px; color: #FFF; background:url(backfadegris.gif);border-top:#646668 10px solid; border-left:#646668 10px solid; border-right:#646668 10px solid;  }
#CadreBienvenueTopLiens a{ color:#39F; text-decoration:none}
#CadreBienvenueTopLiens a:hover{text-decoration:underline}
#CadreBienvenueTopConcept {width:523px; height:40px;  background:url(leconcept.gif) no-repeat 10px 0/*background: url(backtoprepeat.gif) repeat-x top*/;}
#Menu2 {width:600px; height:27px; float:left; border-top:#222 3px solid;border-bottom:#222 3px solid;}
#Menu2Boutons a{width:139px; height:19px; float:left; background: black url(menu2.gif) no-repeat; text-align:center; padding-top:8px; color:#FFF; text-decoration:none; font-size:12px; font-weight:bold}
#Menu2Boutons a:hover{ text-decoration:underline}
#Menu2Texte {width:173px; height:19px; float:left;  background-image:url(MenuRemplissage.gif); font-size:14px; color:#FFF; padding-top:8px; padding-left:10px;font-size:12px; font-weight:bold}
#CadreProduit1 {width:599px; height:auto; float:left;  background: #eaeced url(backgrisfade.gif) repeat-x ; }
#FlechesRoots {float:left; font-size:10px; letter-spacing:-4px; padding-top:5px; width:10px}
#CadreProduit1Root { height:12px; padding-top:5px;  float:left ; font-size:10px }



.InnerCadreProduit1 {padding-left:5px; padding-top:5px; float:left}
.TitreProduit1Radio {background: url(flechenb.gif) no-repeat ; padding-left:24px; font-size:16px; font-weight:bold; color:#718ef9; width:270px; height:25px}
.TitreProduit1Video {background: url(flechenb.gif) no-repeat; padding-left:20px; font-size:16px; font-weight:bold; color:#88f971}
.TitreProduit1Dj {background: url(flechenb.gif) no-repeat; padding-left:20px; font-size:16px; font-weight:bold; color:#d5dc64}
#CadreProduit1199px {width:299px; height:100%; float:left; background: #eaeced url(backgrisfade.gif) repeat-x ;}
#test {width:500px; height:250px; float:left; background-color:#093}
#CadreProduit1199pxLine {width:1px; height:auto; float:left;}
.CadreProduit1Line {width:1px; height:160px; background-color:#999; float:left}
#CadreProduit1Image {width:110px; height:120px; float:left;  padding: 0;  margin:0; padding-top:20px}
#CadreProduit1BlocText {width:183px; height:180px; float:left; margin:0; padding:0}
.CadreProduit1Titre {width:100%; float:left; font-size:16px; font-weight:bold; padding-top:10px}
.CadreProduit1Text {width:160px; float:left; padding-top:8px; font-size:10px; line-height:110%; padding-left:10px; height:50px; }
.cadreProduit1Prix { float:left; padding-top:10px; font-size:16px; background: url(etiquette_jaune.png) no-repeat 29px 0;  font-weight:bold; width:120px; height:33px; margin:0; padding-left:50px; padding-right:0; padding-bottom:0 }
.CadreProduit1Savoir {width:130px; height:20px; float:left; padding-top:8px; padding-left:32px  }
.CadreProduit1SavoirCadre a{width:90px; line-height: 20px; background: #CCC  url(arrow.gif) no-repeat 10px 9px ; float:left; padding-left:25px; color: #06F; font-weight:bold; text-decoration:none; height:21px; font-size:14px;  padding-top:3px; border: #39F 1px solid}
.CadreProduit1SavoirCadre a:hover{color: #003; text-decoration:none}
#CadreProduit1Bottom {width:285px; height:46px; float:left; background:url(back-bottom-pack-new.gif) repeat-x ;  padding-left:5px; padding-right:2px; padding-top: 4px; }
.InnerCadreProduitBottom { width:170px; float:left; height:34px   }
.InnerCadreProduitBottom2 { width:110px; float:left; height:34px;background:url(caddy-button-new.gif) no-repeat 3px 5px;  }
.InnerCadreProduitBottom3 { width:110px; float:left; height:34px;background:url(caddy-button-mp3-wav.gif) no-repeat 3px 5px;  }
.InnerCadreProduitBottomTitre { color:#000; font-size:13px; padding-bottom:3px; font-weight:bold; float:left; width:170px }
.innercadreProduitBottomText {color:#000; font-size:10px; float:left; width:170px }
.InnerCadreProduitBottomBoutonBuy a{ float:left; height:29px; padding-top:10px; padding-left:28px; font-weight:bold; color:#333 }
.InnerCadreProduitBottomBoutonBuy a:hover {color:blue}


h4 {font-size:18px; font-weight:normal;line-height: 1.154em;margin: 0;padding: 0; background:url(flechebleue.gif)  no-repeat 0 0; height:60px; padding:5px 0 0 45px }
h5 {font-size:18px; color:#425394; margin:0; padding:0 0 0 25px;  font-weight:normal; background:url(icone_info.gif) no-repeat 5px 5px}
h6 {font-size:12px;
	margin:0;
	padding:7px 0 7px 0;
	line-height:100%; font-weight:normal;
}

	h6.extra {
		padding: 2px 0 0 0;
	}
	
	h6.extra-1 {
		padding: 2px 0 16px 0;
	}

	h6 span {
		display: block;
		padding: 0 0 3px 0;
		font-size:10px; color:#696868;
	}
	
	
	h6 strong strong {
		padding: 11px 0 0 0;
		line-height: 1.231em;
		font-size: 1em;
		font-weight: normal;
		color: #8b8371;
	}
	
	h6 b {
		display: block;
		padding: 0 0 9px 0;
		
	}
	
	h6 b a {
		color: #8b8371;
	}
	
	
.indent-left {
	padding: 0 0 0 10px;
}


.cadre600-1 {width:580px; height:auto; border:10px solid #646668; float:left; background-color:#dbdbdb;} 
.inner {padding:10px}
.inner a{color:#425394; text-decoration:none; float:right; background:url(arrow.gif) no-repeat left bottom ; padding-left:15px ; font-weight:normal }




	.list-1 {
	width: 100%;
	padding: 0 0 0 0;
	overflow: hidden;
}

	.list-1 li {
		float: left;
		width: 270px;
		padding: 0 10px 0 0;
		line-height: 1.333em;
		font-size: 1em;
		/*color: #777162;*/
		list-style:none;
	}
	
	.list-1 li.extra {
		padding: 0 0 0 0;
	}
	
	.list-1 li img {
		float: left;
		margin: 0 5px 0 0;
	}
	
	.list-1 li em {
		display: block;
		padding: 6px 0 12px 0;
		font-size: 1.333em;
		color:#606de8;
		font-style:normal;
		font-weight:700;
	}
	
	.list-1 li p {
		padding: 0 0 0 0 !important;
		line-height: 1.333em !important;
		font-size: 1em !important;
		/*color: #777162 !important;*/
	}
	
	.list-1 li p b {
		display: block;
		font-weight: normal;
	}
	
	.list-1 li p b a {
		color: #777162;
	}
	
	.list-1 li span {
		display: block;
	}
	
	.list-1 li span a {
		background: url(arrow_black.gif) no-repeat 0% 6px;
		padding: 2px 0 0 8px;
		float: right;
		font-weight: bold;
		text-decoration: none;
		color: #873504;
	}
	
	.list-1 li span a:hover {
		text-decoration: underline;
	}




	

#CadreSousMenu2 {width:580px; height:auto; border:10px solid #646668; float:left; background-color:#CCC; }  
.InnerSousMenu2TitreFleche {font-size:20px; height:40px; width:520px; padding-top:12px; padding-left:55px; float:left; background:url(flechebleue.gif) no-repeat 5px 7px; background-color:#CCC}
#CadreTextIntro { color:#999; font-size:10px; }
#CadreSousMenu2Text {width:100%; height:auto; float:left; background-color:#CCC;  }
#CadreSousNL  {width:297px;  float:left;  border-right: 3px #222 solid; }
#CadreQuestions  {width:100%; height:auto; float:left; background:url(backquestion.gif) no-repeat; text-align:left; border-top:#222 3px solid; padding-bottom:10px }
.CadreQuestionsTitre {width:276px; height:40px; font-size:20px; padding-left:15px; padding-top:10px; color:yellow}
.cadreQuestionstext a:hover {text-decoration:underline}
.CadreQuestionstext a{width:276px; padding-left:15px; float:left;  padding-top:5px; color:#FFF; line-height:90%; font-size:11px}
#CadreSpecial  {width:100%; height:121px; float:left; background:url(publiners.gif) no-repeat; text-align:left; border-top:#222 3px solid; border-bottom:#222 3px solid }
a {color:#224d87; text-decoration:none}
a:hover {text-decoration:underline}
.CadreLiners {  padding-top:97px; padding-left:235px; font-weight:bold  }
#CadreBottom { border-top: #222 2px solid;border-bottom: #222 3px solid; padding:4px; text-align:center; background-color:#FFF; float:left; width:591px; }
#Cadremusic {width:100%; height:252px; float:left; background:url(royalty-free.jpg) no-repeat; text-align:left; border-top:#222 3px solid; border-bottom:#222 3px solid }




/*formulaire d'inscription*/
.feedbackform{
padding-top: 2px;
width:100%;
}
div.inscription{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
	width:100%; /*width of form rows*/
	overflow: hidden;
	padding: 0px 0;}


li.s{ list-style-type:none; line-height:50%;  }
div.inscriptionContactIndex label.styledContactIndex{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 75px; /*width of label (left column)*/
text-transform: none;
color:#003366; 
border-bottom: 1px solid white;
margin-right:15px; /*spacing with right column*/
}

div.inscriptionContact div.thefieldContactIndex{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;  
margin-bottom: 1px; /* space following the field */
}


.buttonsdiv {margin-top:10px}


/* bottom pub*/


.pubbottom{width:100%; float:left}
.pubbottom .img {float:left; width:296px; overflow:hidden}
.pubbottom .boxpub {float:left; width:296px; overflow:hidden}
.pubbottom .boxspace {float:left; width:6px; height:133px; background-color:#fff}



/* ----------------------------------------CODE PAGE DEMOS.PHP------------------------------------*/

#CadreDemos {width:880px; height:auto; float:left; background-color:#646668; border:#646668 solid 10px;}
#CadreDemosNoBorderBottom {width:880px; height:auto; float:left; background-color:#646668; border-top:#646668 solid 10px;border-left:#646668 solid 10px;border-right:#646668 solid 10px;}
#CadreDemosLeft {width:600px; height:auto; float:left; border-right:#646668 solid 10px; background-color:#CCC;}
	.list-2 {
	width: 580px;
	padding: 10px 10px 10px 10px;
	overflow: hidden;
	list-style:none;
}

	.list-2 li {
		float: left;
		width: 580px;
		padding: 0 18px 0 0;
		
	}
	
	.list-2 li.extra {
		padding: 0 0 0 0;
	}
	
	.list-2 li img {
		float: left;
		margin: 0 16px 0 0;
	}
	
	.list-2 li a{
		display: block;
		font-size:18px; color:#425394; padding-bottom:7px;
	}
	
	.list-2 li strong{
		font-weight:normal;
		font-size:10px; color:#696868; line-height:100%}
		
	
	.list-2 li p {
		margin: 10px; !important;
		line-height: 1.333em !important;
		font-size: 1em !important;
		
	}
	
	.list-2 li p b {
		display: block;
		font-weight: normal;
	}
	
	.list-2 li p b a {
		color: #777162;
	}
	
	.list-2 li span {
		display: block;
	}
	
	.list-2 li span a {
		background: url(arrow.gif) no-repeat 0% 6px;
		padding: 2px 0 0 13px;
		color:#425394; text-decoration:none; float:right; font-size:12px}
	
	.list-2 li span a:hover {
		text-decoration: underline;
	}

#CadreDemosRight {width:270px; height:auto; float:left; }
#CadreDemo300px {width:300px; height:auto; float:left; }
#CadreTutos {width:100%; height:auto; float:left;  background-color:#CCC;}
#CadreTutos1 {width:100%; height:auto; float:left; text-align:left; }
#CadreTutos2 {width:100%; height:auto; float:left; text-align:left; background-color:#e0dede; }
#Space222 {width:900px; height:3px; float:left; background-color:#222}

.InnerCadreDemoImage {padding-top:15px; padding-left:10px;padding-right:10px; height:auto;}
.InnerCadreDemoTitre {font-size:18px; color:#425394}
.InnerCadreDemoSousTitre {font-size:10px; color:#696868; padding-top:5px; line-height:100%}

	
	.innerCadreDemoText {padding-top:10px;list-style:none}
	.innerCadreDemoText li{float: left;
		width: 870px;
		padding: 0 0 0 0;
		line-height: 1.333em;
		font-size: 1em;
		color: #333; 
		}
	.innerCadreDemoText li strong{display: block;
		padding: 12px 0 12px 0;
		font-size: 18px;
		color: #000;
	}
	.innerCadreDemoText li em {text-decoration:underline; font-style:normal}
	.innerCadreDemoText li img { padding-top:10px;}
	
	
.InnerCadreDemoLien a{color:#425394; text-decoration:none; float:right; background:url(arrow.gif) no-repeat left bottom ; padding-left:15px; padding-top:10px  }
.InnerCadreDemoLien a:hover{text-decoration:underline}
.InnerCadreDemoRight {width:100%; height:auto;  float:left; background:#59595b url(back-neutre.gif) repeat-x 0 -30px }
.InnerCadreDemoRightTitre3 {width:100%; height:75px; color: #a9b9e1; padding-top:30px; font-size:18px; text-align:center }
.InnerCadreDemoRightTitre1 {width:100%; height:30px; background:url(abstraitfutur.gif) no-repeat  top ; border-bottom:#555 solid 1px; float:left; font-size:18px; text-align:center; color:#FFF; padding-top:10px}
.InnerCadreDemoRightTitre2 a{width:100%; height:30px; background:url(abstraitfutur.gif) no-repeat 0 -70px  ; border-bottom:#555 solid 1px; float:left; font-size:18px; text-align:center; color:#999; padding-top:10px}
.padding5px {padding:5px; }
.InnerCadreDemoRightText {width:100%; height:auto; color:#c0c0de; font-size:14px; text-align:center;}
.InnerCadreDemoRightTextBgSombre a{  height:26px; padding-left:35px; float:left; width:235px; padding-top:4px;background: #bcc4da url(arrow.gif) no-repeat 20px 8px; border-bottom:#555 solid 1px}
.InnerCadreDemoRightTextBgSombre a:hover{ background-color:#b1bbd6}
.InnerCadreDemoRightTextBgClair a{  height:26px; padding-left:35px; float:left; width:235px; padding-top:4px;background: #dce3f9 url(arrow.gif) no-repeat 20px 8px; border-bottom:#555 solid 1px; text-align:left }
.InnerCadreDemoRightTextBgClair a:hover{ background-color:#b1bbd6}
.InnerLogosCB {width:auto; height:23px; float:left; padding-right:2px; }
#PubProtools { width:270px; height:260px; float:left; background:url(optimiser-protools.gif) no-repeat ; }
.InnerPubProtools a{padding-top:230px; padding-left:100px; float:left; font-weight:bold}
.InnerpubProtools a:hover {text-decoration:underline}
#Logo240 {width:270px;  float:left; height:82px;}
#BorderHorizontale {width:100%; height:10px; background-color:#646668; float:left}
.InnerLogo240 { background:url(logo-com.gif) no-repeat; float:left; width:240px; height:80px; margin-left:15px}




#BandeauTitre {width:100%; height:35px;  float:left;}
.InnerBandeauTitreText {  float:left; width:95%; height:35px;background-color:#cdcfd6; color:#425394; font-weight:bold }
.InnerBandeauTitreCorner {float:left; width:5%; height:35px;background:url(backside-cdcfd6.gif) no-repeat right;}



/*-------------------------------------------- CODE PAGE DEMOS RADIO-----------------------------------*/

#Menu3 {width:100%; height:33px; background:url(menu3-gris-remplissage.gif) repeat-x 0 2px; float:left; background-color:#646668}
#Menu3BoutonBlue {width:127px; height:33px; background:url(menu3-blue.gif) repeat-x bottom; float:left}
#Menu3BoutonBlueSmall {width:100px; height:33px; background:url(menu3-blue.gif) repeat-x bottom; float:left}
#Menu3Ombre {width:7px; height:33px; background:url(menu3-side-ombre.gif) no-repeat 0 2px; float:left}
#Menu3OmbreFinal {width:7px; height:33px; background:url(menu3-side-ombre-rempliss.gif) no-repeat 0 0; float:left} 

#Menu3BoutonGris {width:120px; height:33px; background:url(menu3-gris.gif)  repeat-x 0 2px; float:left;border-right:#646668 1px solid }
#Menu3Espace12px {width:12px; height:33px; float:left}
#Menu3BoutonGrisSmall {width:100px; height:33px; background:url(menu3-gris.gif)  repeat-x 0 2px; float:left;border-right:#646668 1px solid}
.InnerMenu3BoutonGris a{width:100%; height:21px; float:left;  text-align:center; padding-top:12px; color:#333; text-decoration:none; font-size:12px; font-weight:bold }
.InnerMenu3Blue{width:100%; height:22px; float:left;  text-align:center; padding-top:11px; color:#111; text-decoration:none; font-size:14px; font-weight:bold }
.InnerMenu3BoutonGris a:hover {color:#333; text-decoration:none}
#Menu3Espace {width:125px; height:33px; float:left}
#Telephone {width:270px;  float:left; height:200px;  background:url(une_question.jpg) no-repeat}
#TelechargementImmediat {width:270px;  float:left; height:173px;  background:url(telechargement-immediat.jpg) no-repeat}
#ExercezVous {width:270px;  float:left; height:163px;  background:url(exercez-vous.gif) no-repeat}
.InnerExercez a {padding-top:121px; padding-left:50px; color:#FFF; float:left; font-size:14px}
.InnerExercez a:hover {color:#333}
#PubBundleSwlPlanete {width:270px; height:252px; background:url(bundleSwlPlanete.jpg) no-repeat; float:left}
.InnerBundleSwlPlanete a{
	padding-top:208px;
	padding-left:25px;
	font-size:36px;
	color:#FFF;
	float:left;
	letter-spacing:-4px; font-family:Arial, Helvetica, sans-serif; text-decoration:none
}
.InnerBundleSwlPlanete a:hover {color:#F00}




/*--------------------------------------------CODE PAGE GARANTIE ------------------------------------------*/
#CadreGarantie { width:100%; height:auto; float:left; background-color:#fff; text-align:left}
#CadreGarantieTitre {padding:10px; }
.InnerCadreGarantieTitre { padding-left:10px; color:#425394; background: #ccc url(back-logo.gif) no-repeat 0 -78px;  height:30px; font-size:18px; border:#999 1px solid; padding-top:10px }
#CadreGarantieRight {width:270px; height:auto; float:left; overflow:hidden}



/*----------------------------------------------------CODE PAGE QUESTIONS-----------------------------------------------*/
.InnerQuestionTitre { height:auto; width:auto; font-weight:bold; padding-bottom:0; padding-left:40px; background:url(arrow.gif) no-repeat  25px 3px;color:#425394; padding-top:1px}
#formContact {width:100%; height:auto; float:left}
div.fieldwrapperContact{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
width: 510px; /*width of form rows*/
overflow: hidden;
padding: 5px;
}

div.fieldwrapperContact label.styledContact{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 150px; /*width of label (left column)*/
text-transform: none;
border-bottom: 1px solid gray;
margin-right: 15px; /*spacing with right column*/
}

div.fieldwrapperContact div.thefieldContact{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-bottom: 1px; /* space following the field */
}

div.fieldwrapperContact div.thefieldContact input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 250px;
}

div.fieldwrapperContact div.thefieldContact textarea{ /* style for TEXTAREA fields. */
width: 300px;
height: 70px;
}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
margin-top: 1px; /*space above buttonsdiv*/
}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
width: 80px;
background: #e1dfe0;
}

li.no{list-style:none}




/*---------------------------------------------CODES PAGE SOCIETE ---------------------------------------*/
#CadreSociete { border:#333 10px solid; float:left;  height:auto; width:880px}
#CadreSociete2 { float:left;  height:auto; width:870px;}
.InnerSocieteTitre {width:100%; height:30px; border-bottom:#333 1px solid; font-weight:bold; text-align:left}


/*-----------------------------------------------CODES DESCRIPTIF PACK --------------------------------*/
#CadreDescriptif {width:100%; height:auto; float:left; background-color:#000; color:#CCC}
#CadreDescriptifImage {width:890px; height:273px; float:left; background-color:#FFF; text-align:center; padding:1px; margin-left:4px; margin-top:4px}
#CadreDescriptifTextVoixOffBundle {width:100%; height:auto; float:left; background:url(packvoixoff-bg000.jpg) no-repeat}
#CadreDescriptifTextVoixOff1 {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-voixoff1.jpg) no-repeat}
#CadreDescriptifTextVoixOff2 {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-voixoff2.jpg) no-repeat}
#CadreDescriptifTextVoixOff3 {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-voixoff3.jpg) no-repeat}
#CadreDescriptifTextClassy {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-classy.jpg) no-repeat}
#CadreDescriptifTextNoel {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-noel.jpg) no-repeat}
#CadreDescriptifTextGold {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-gold.jpg) no-repeat}
#CadreDescriptifTextFun {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-fun.jpg) no-repeat}
#CadreDescriptifTextSwl {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-swl.jpg) no-repeat}
#CadreDescriptifTextPlanete {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-planete.jpg) no-repeat}
#CadreDescriptifTextBeds1 {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-beds1.jpg) no-repeat}
#CadreDescriptifTextBeds2 {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-beds2.jpg) no-repeat}
#CadreDescriptifTextRythmes1 {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-rythmes1.jpg) no-repeat}
#CadreDescriptifTextEnfants {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-enfants.jpg) no-repeat}
#CadreDescriptifTextHeure {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-heure.jpg) no-repeat}
#CadreDescriptifTextNews {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-news.jpg) no-repeat}
#CadreDescriptifTextSport {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-sport.jpg) no-repeat}
#CadreDescriptifTextBundleBeds {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-bundlebeds.jpg) no-repeat}
#CadreDescriptifTextFunGold{width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-fungold.jpg) no-repeat}
#CadreDescriptifTextNewsVirgules {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-newsvirgules.jpg) no-repeat}
#CadreDescriptifTextNoelBonneAnnee {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-noelbonneannee.jpg) no-repeat}
#CadreDescriptifTextRock {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-rock.jpg) no-repeat}
#CadreDescriptifTextSunshine {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-sunshine.jpg) no-repeat}
#CadreDescriptifTextTelephone {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-telephone.jpg) no-repeat}
#CadreDescriptifTextVirgules {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-virgules.jpg) no-repeat}
#CadreDescriptifTextBonneannee {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-bonneannee.jpg) no-repeat}
#CadreDescriptifTextHallo {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-hallo.jpg) no-repeat}
#CadreDescriptifTextAnniversaire {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-anniversaire.jpg) no-repeat}
#CadreDescriptifTextBundle1 {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-bundle1.jpg) no-repeat}
#CadreDescriptifTextBundle2 {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-bundle2.jpg) no-repeat}
#CadreDescriptifTextBundle3 {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-bundle3.jpg) no-repeat}
#CadreDescriptifTextBundle5 {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-bundle5.jpg) no-repeat}
#CadreDescriptifTextBundle6 {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-bundle6.jpg) no-repeat}
#CadreDescriptifTextBundle7 {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-bundle7.jpg) no-repeat}
#CadreDescriptifTextlinersfactory {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-linersfactory.jpg) no-repeat}
#CadreDescriptifTextdjblast {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-djblast.jpg) no-repeat}
#CadreDescriptifTexthotperks {width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-hotperks.jpg) no-repeat}
#CadreDescriptifTextnewsthemes{width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-newsthemes.jpg) no-repeat}
#CadreDescriptifTextM{width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-M.jpg) no-repeat}
#CadreDescriptifTextessentielliners{width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-essentielliners.jpg) no-repeat}
#CadreDescriptifText100jingles{width:100%; height:auto; float:left; background: url(PICS-PACKS/pic-bg0-100jingles.jpg) no-repeat}











.InnerDescriptifText1 {padding-left:400px; padding-right: 10px; padding-top:20px}
.InnerDescriptifText2 {padding-left:500px; padding-right: 10px; padding-top:20px}
.InnerDescriptifTitre {background: url(flechenb.gif) no-repeat ;  font-size:16px; font-weight:bold; color:#718ef9; width:300px; height:25px; padding-left:30px; padding-bottom:10px}
.InnerDescriptifBandeauLien a{width:auto; height:30px; float:left; padding-top:4px; padding-left:5px; padding-right:28px; font-size:12px; color:#999; font-size:13px}
/*ici ajout de deux lignes pour éviter de reprogrammer tous les descriptifs. Special pour descriptifs avec mp3 et wav*/
.InnerDescriptifBandeauLien2 a{width:auto; height:30px; float:left; padding-top:4px; padding-left:5px; font-size:12px; color:#999; font-size:13px}
.InnerDescriptifBandeauLien2 a:hover{color:#FFF}
/*fin des deux lignes*/
.InnerDescriptifBandeauSpace {width:20px; height:30px; float:left; font-size:13px;}
.InnerDescriptifBandeauSpaceSmall {width:14px; height:30px; float:left; font-size:13px;}
.InnerDescriptifBandeauLien a:hover{color:#FFF}
#CadreDescriptifBandeauLeft {width:8px; height:30px; float:left; background:url(bandeau-black-left.gif) no-repeat; margin-left:2px}
#CadreDescriptifBandeauMiddle {width:auto; height:30px; float:left; background:url(bandeau-black-middle.gif) repeat-x;}
#CadreDescriptifBandeauRight {width:8px; height:30px; float:left; background:url(bandeau-black-right.gif) no-repeat}
.InnerDescriptifPictoEuro {width:18px; height:30px; background:url(bandeau-picto.gif) no-repeat -18px 6px; float:left}
.InnerDescriptifPictoTV {width:18px; height:30px; background:url(bandeau-picto.gif) no-repeat 0 6px; float:left}
.InnerDescriptifPictoHP {width:18px; height:30px; background:url(bandeau-picto.gif) no-repeat -37px 6px; float:left}
.InnerDescriptifPictoDetail {width:18px; height:30px; background:url(bandeau-picto.gif) no-repeat -95px 6px; float:left}
.InnerDescriptifPictoCaddy {width:18px; height:30px; background:url(bandeau-picto.gif) no-repeat -76px 6px; float:left}
.InnerDescriptifPictoDownload {width:18px; height:30px; background:url(bandeau-picto.gif) no-repeat -58px 6px; float:left}
.InnerDescriptifPictoRetour{width:18px; height:30px; background:url(bandeau-picto.gif) no-repeat -113px 6px; float:left}
#CadreDescriptifBottom { padding-right:140px; height:auto; float:left; background:url(barregraph.jpg) no-repeat 770px bottom; width:750px}
#PagePlayer {width:100%; height:auto;  background-color:#000; color:#FFF;float:left;}
.InnerPagePlayerText {width:440px; height:auto; float:left}
#BlocPlayers {width:240px; height:542px; float:left; text-align:center}
#Player {width:240px; height:268px; float:left; background:url(background_gris_ombre.jpg) no-repeat top; text-align:center}
.InnerPlayerFlash {width:100%; height:35px; float:left}
.InnerPlayerImage {width:222px; height:227px; float:left; padding-left:6px }
.covervoixoff {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-voixoff.jpg) no-repeat center}
.covervoixoff1 {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-voixoff1.jpg) no-repeat center}
.covervoixoff2 {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-voixoff2.jpg) no-repeat center}
.covervoixoff3 {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-voixoff3.jpg) no-repeat center}
.coverclassy {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-classy.jpg) no-repeat center}
.covergold {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-gold.jpg) no-repeat center}
.coverfun {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-fun.jpg) no-repeat center}
.coverplanete {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-planete.jpg) no-repeat center}
.coverswl {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-swl.jpg) no-repeat center}
.covervoixvirgules {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-virgules.jpg) no-repeat center}
.coverbeds1 {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-beds1.jpg) no-repeat center}
.coverbeds2 {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-beds2.jpg) no-repeat center}
.coverrythmes1 {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-rythmes1.jpg) no-repeat center}
.coverenfants {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-enfants.jpg) no-repeat center}
.coverheure {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-heure.jpg) no-repeat center}
.covernews {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-news.jpg) no-repeat center}
.coversport {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-sport.jpg) no-repeat center}
.coverfungold {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-fungold.jpg) no-repeat center}
.covernewsvirgules {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-newsvirgules.jpg) no-repeat center}
.coverbundlebeds {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-bundlebeds.jpg) no-repeat center}
.covernoelbonneannee {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-noelbonneannee.jpg) no-repeat center}
.coverrock {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-rock.jpg) no-repeat center}
.coversunshine {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-sunshine.jpg) no-repeat center}
.covertelephone {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-telephone.jpg) no-repeat center}
.covervirgules {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-virgules.jpg) no-repeat center}
.coverhallo {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-hallo.jpg) no-repeat center}
.coverbonneannee {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-bonneannee.jpg) no-repeat center}
.covernoel {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-noel.jpg) no-repeat center}
.coveranniversaire {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-anniversaire.jpg) no-repeat center}
.coverlinersfactory {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-linersfactory.jpg) no-repeat center}
.coverdjblast {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-djblast.jpg) no-repeat center}
.coverhotperks {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-hotperk.jpg) no-repeat center}
.covernewsthemes {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-newsthemes.jpg) no-repeat center}
.coverM {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-M.jpg) no-repeat center}
.coveressentielliners {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-essentielliners.jpg) no-repeat center}
.cover100jingles {width:227px; height:227px; background:url(PICS-PACKS/pic-cover-100jingles.jpg) no-repeat center}











#CadreNoirTotal {width:100%; height:40px; float:left; background-color:#000}

#CadreDetails {width:100%; height:auto; float:left; background-color:black}
.InnerCadreDetails {width:178px; height:auto; float:left}
.InnerCadreDetailsImage1 {margin-left:7px; height:48px; background:url(picto-wave.gif) no-repeat;padding-top:12px; }
.InnerCadreDetailsImage2 {margin-left:7px; height:48px; background:url(picto-barre.gif) no-repeat;padding-top:12px; }
.InnerCadreDetailsImage3 {margin-left:7px; height:48px; background:url(picto-explose.gif) no-repeat;padding-top:12px; }
.InnerCadreDetailsImage4 {margin-left:7px; height:48px; background:url(picto-fader.gif) no-repeat;padding-top:12px; }
.InnerCadreDetailsImage5 {margin-left:7px; height:48px; background:url(picto-note.gif) no-repeat;padding-top:12px; }
.InnerCadreDetailsImage6 {margin-left:7px; height:48px; background:url(picto-world.gif) no-repeat;padding-top:12px; }
.InnerCadreDetailsImage7 {margin-left:7px; height:48px; background:url(picto-mic.gif) no-repeat;padding-top:12px; }
.InnerCadreDetailsTexteImage {padding-left:52px;color:#FFF ;  font-weight:bold;  float:left; font-size:14px; padding-top:2px; text-align:center; width:108px }
.InnerCadreDetailsTexte {padding-left:7px; width:167px; height:auto; float:left;  padding-top:10px; }
li.cadredetails { height:20px; text-decoration:none;  margin:0; padding-left:0; list-style-position:inside}
ul.cadredetails { height:20px; text-decoration:none; list-style:none}




/*--------------------------------CODES PAGE DESCRIPTIF VIDEO ------------------------------------*/


.InnerVideo { text-align:center}

 #noUpdate
            {
                margin: 0 auto;
                font-family:Arial, Helvetica, sans-serif;
                font-size: x-small;
                color: #cccccc;
                text-align: left;
                width: 210px; 
                height: 200px;	
                padding: 40px;
            }
/*-------------------------------------CODES PAGE VOIR CADDIE --------------------------------*/

#CadreCaddieRight {width:40%; height:400px; overflow:hidden; float:left; border-right:#646668 solid 10px; border-top:#646668 solid 10px; border-bottom:#646668 solid 10px; }
#CadreCaddieLeft {width:60%; height:400px; float:left; border:#646668 solid 10px; background-color:#CCC}
#CadreCaddieRightVoir {width:350px; height:730px; overflow:hidden; float:left; background-color:#FFF  }
#CadreCaddieLeftVoir {width:520px; height:600px; float:left; border-right:#646668 solid 10px; background-color:#CCC; overflow: inherit}
#CadreCaddieLeftVoir2 {width:880px; height:800px; float:left; border:#646668 solid 10px; background-color:#CCC}
#CadreCaddieRightForm {width:320px; height:400px; overflow:hidden; float:left; border-right:#646668 solid 10px; border-top:#646668 solid 10px; border-bottom:#646668 solid 10px; }
#CadreCaddieLeftForm {width:550px; height:auto; float:left; border:#646668 solid 10px; background-color:#CCC}
#FormCaddieColonne {width:120px; height:20px; float:left}
#FormCaddieChamps {width:350px; height:20px; float:left}
#ElementCaddie {width:100%; height:30px; float:left  }
.InnerCaddieBgClair {  height:26px;  float:left; width:100%;  }
.InnerCaddieBgClair2 {  height:auto; float:left; width:100%;  }
.InnerCaddieBg200 {height:26px; float:left; width:60%;  background-color:#E2E7EE;}
.InnerCaddieBg100 {height:26px; float:right; width:40%;  background-color:#D5DAE1; text-align:right}
.InnerCaddieBgFonce {  height:26px; float:left; width:100%; padding-top:4px; border-bottom:#555 solid 1px;background-color:#D5DAE1; text-align:right }
.InnerCaddieBg200Titre {height:26px; float:left; width:60%;  background-color:#E2E7EE; font-size:14px; color:#03C; text-align:center; padding-top:4px}
.InnerCaddieBg100Titre {height:26px; float:right; width:40%; background-color:#D5DAE1; text-align:right;font-size:14px; color:#03C; text-align:center; padding-top:4px}


/*-------------------------------------------------CODES PAYPAL BACK---------------------------------*/
.InnerCadreCaddieBgSombre{  height:auto; padding-left:35px; float:left; width:285px; padding-top:4px;background: #bcc4da url(arrow.gif) no-repeat 20px 8px; border-bottom:#555 solid 1px}

.InnerCadreCaddieBgClair{  height:auto; padding-left:35px; float:left; width:285px; padding-top:4px;background: #dce3f9 url(arrow.gif) no-repeat 20px 8px; border-bottom:#555 solid 1px }
#CadreCaddieRightPaypalBack {width:36%; height:400px; overflow:hidden; float:left; border-right:#646668 solid 10px; border-top:#646668 solid 10px; border-bottom:#646668 solid 10px; }

/*-----------------------------------------------CODES CADDIE RECAP----------------------------------*/
#CadreCaddieRecap {width:100%; height:auto;  padding-top:10px; text-align:left; float:left }
.InnerCadreCaddieRecap {width:100%; height:auto; border-left:#36C solid 8px;   }

/*-----------------------------------------------CODES PAGE BUNDLES-----------------------------------*/
#CadreProduitBundle {width:599px; height:100%; float:left;  }
.TitreBundle {background: url(flechenb.gif) no-repeat 5px 5px ; padding-left:35px; font-size:16px; font-weight:bold; color:#000; width:560px; height:25px; padding-top:5px}
#CadreProduitBundleInfo{width:180px; height:120px; float:left}
#CadreProduitBundleSpace {width:70px; height:120px; float:left}
#CadreProduit2Bottom {width:310px; height:46px; float:left; background:url(back-bottom-pack-new.gif) repeat-x;  padding-left:8px; padding-right:5px; padding-top: 4px; margin-left:50px; margin-top:7px }
.InnerCadreProduit2Bottom { width:300px; float:left; height:34px   }

.InnerCadreProduit2BottomTitre { color:#000; font-size:13px; padding-bottom:3px; font-weight:bold; }
.innercadreProduit2BottomText {color:#000; font-size:10px; }
#CadreBundleImagesBottom {width:380px; height:200px; float:left; }
#BarreSeparationHorizontale{width:100%; height:10px; background-color:#646668; float:left}
.CadreProduit3Titre {height:30px; font-size:19px;  color: #F60; font-weight:bold; float:left; width:170px} 
.CadreProduit4Titre {height:20px; font-size:16px;  color: #333333; font-weight:bold; float: left; width:170px }


/*-------------------------------------------page.php--------------------------------------------------*/
#AboutYourOrder {padding-top:10px;list-style:none}
	#AboutYourOrder li{float: left;
		width: 335px;
		padding: 0 0 0 10px;
		line-height: 1.333em;
		font-size: 1em;
		color: #333;  
		}
	#AboutYourOrder li strong{display: block;
		padding: 12px 35px 12px 38px;
		background:url(arrow.gif) no-repeat  25px 16px;
		font-size:16px; color:#425394; font-weight:normal;
		
	}
	#AboutYourOrder li em {text-decoration:underline; font-style:normal}
	#AboutYourOrder li img { padding-top:10px;}
	
	/*-------------------------------sound library-----------------------------------*/
	
table, td {
	border-collapse: collapse;
}

table, td, img {
	border: 0;
}

td, tr {
	vertical-align: top;
	text-align: left;
}

h2 {
	padding: 0 0 26px 0;
	text-transform: uppercase;
	line-height: 1.3em;
	font-size: 2em;
	font-weight: 700;
	color: #c44202;
}

	h2 span {
		display: block;
		padding: 0 0 0 7px;
	}

	h2.extra {
		padding: 0 0 13px 0;
	}
.indent-left {
	padding: 0 0 0 2px;
}
.data {

	
	width: 570px;
	
	
	float:left;
	
}

	.data table {
		width: 100%;
		overflow: hidden;
		
	}
	
	.data table tr td {
		
		font-size: 12px;
		color: #8b8371;
		background-color:#fff;
		padding-left:2px;
		border:2px solid #CCC;
	}
	
	.data table tr td strong {
		display: block;
		
		font-size: 12px;
		color: #425394;
		
	
	}
	
	.data table tr td b {
		display: block;
	
	}
	
	.data table tr td span {
		display: block;
		padding: 0 0 0 0;
		font-weight:bold;
		text-align: left;
		color: #900;
		font-size:14px;
	}
	
	.data table tr td.column-1 {
		width: 56px;background-color:#f3f1f1;
	}
	
	.data table tr td.column-2 {
		width: 25px;background-color:#f3f1f1;
		
	}
	
	.data table tr td.column-3 {
		width: 325px;background-color:#f3f1f1;
	}
	
	.data table tr td.column-4 {
		width: 35px;background-color:#f3f1f1;
	}
	
	.data table tr td.column-5 {
		width: 40px;background-color:#f3f1f1;
	}


	
	.data table tr td.column-6 {
		width: 40px;background-color:#f3f1f1;
	}
	
	
/*-------------------------lLIGHTBOX INDEX -----------------------------------*/
#filter
{
	/*display: none;*/
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 1300px;
	background-color: #000;
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=50);
}



#box 
{
	/*display: none;*/
	position: absolute;
	top: 11px;
	left: 379px;
	width: 482px;
	height: 750px;
	padding: 0;
	margin:0;
	border: 1px solid white;
	background-color: black;
	z-index:11;
	
}

#boxheader
{
	position:absolute;
	top:1px;
	left:1px;
	width:472px;
	height:20px;
	padding:0;
	padding-top:2px;
	padding-left:8px;
	margin:0;

	border-bottom:1px solid black;
	background-color: #646668;
	color:white;
	text-align:center;
}

#boxclose
{
	float:right;
	position:absolute;
	top: 0;
	right: -2px;
	background-image:url(http://www.sonsduproducteur.com/close.gif);
	background-repeat:no-repeat;
	background-color:#CCC;
	border:1px solid black;
	width:20px;
	height:20px;
}

#boxcontent
{
	position:absolute;
	top:23px;
	left:1px;
	right:0;
	bottom:0;
	margin:0;
	padding: 8px;
	width:467px;
	height:713px;
}

/*--------------------------------SCRIPT PLAYER VIDEO-----------------------------*/
#media
            {
                margin-top: 1px;
            }
            #noUpdate
            {
                margin: 0 auto;
                font-family:Arial, Helvetica, sans-serif;
                font-size: x-small;
                color: #cccccc;
                text-align: left;
                width: 210px; 
                height: 200px;	
                padding: 40px;
            }
			
/* poll */

.poll {float:left; width:342px;}
.poll li {width:98%;  list-style:none;background:#FFF url(arrow_black.gif) no-repeat 0% 6px;padding: 2px 0 0 8px;text-decoration: none; margin-top:10px; float:left; border-bottom:solid #FFF 1px; border-top:#FFF solid 1px }
.poll li strong {color: #606de8;}
.poll li em { width:200px; float:left; line-height:140%}
.poll span {float:left; width:98%;  background-color:#FFF; margin-top:10px;background: url(arrow_black.gif) no-repeat 0% 6px;padding: 2px 0 0 8px;color: #606de8; font-weight:bold}