/*
    Style pour : écran & , projection
    
*/

* {min-height:1px;}
body {border:0; margin:0; padding:0;  font:70%/160% Tahoma,Arial; color:#192666; _text-align:center;}

a {color:#192666;text-decoration:none;}
a:hover {color:#4F6AD7;}

p {border:0; margin:15px 0; padding:0;}

div {display:block; border:0; margin:0; padding:0;}

h1, h2, h3, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold; }
h1 {font-size:260%; line-height:100%; font-family:Tahoma,Arial; font-weight:normal;}
h2 {font-size:180%; line-height:100%; font-family:Tahoma,Arial; font-weight:normal; color:#0480be;}
h3 {font-size:120%; line-height:100%; font-weight:bold;}
h4 {font-size:120%;}
h5 {font-size:100%;}


ul, ol {display:block; border:0; margin:15px 0 15px 40px; padding:0; list-style:none; list-style-position:outside; list-style-type:none;}

ol {list-style-type:decimal;}
li {display:list-item; border:0; margin:0; padding:0; _height:1px;}
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}

form {border:0; margin:0; padding:0;}
fieldset {border:1px solid #ccc; margin:15px 0; padding:10px;}
legend {margin-left:10px; font-size:100%; font-weight:bold; color:#008;}

hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;}

a, img, span {border:0; margin:0; padding:0;}
abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}

del, .through {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}

/* Floating */
.f-left {float:left;}
.f-right {float:right;}

/* Text align */
.t-left {text-align:left;}
.t-center {text-align:center;}
.t-right {text-align:right;}

.va-middle {vertical-align:middle;}

.clear {clear:both;}
.box {min-height:1px; _height:1px;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}

.nom {margin:0;}
.noscreen {display:none;}

/* -----------------...........--------------------------------------------------------------------------------------- */

#ligneEntete{margin:0px; padding:0px; _position:absolute; _top:0px; color:#2085B9; height:5px; background-color:#2085B9; border-color:#2085B9;}

#background { background:#F3F3F3 url("image/body_background.jpg") 0px 0 repeat-y; width:1150px; margin:0px auto 0 auto;}

#backgroundMP3 { background:#F3F3F3 url("http://www.selection-boutique.com/App_Themes/Boutique/image_venteFlash/vFlashBgGaucheV3.jpg") 0 0 no-repeat;
 width:1150px; height:1184px; margin:0px auto 0 auto;}


#main {width:950px; margin:0px auto 0 auto; background:#F3F3F3 url("") 0px 0 repeat-y;  _text-align:left; }

/* Header */
#header {position:relative; width:900px; height:120px; margin:0; padding:0; background:url("") 0 0 no-repeat; color:#FFF;}

    /* Header - bienvenue */
    #header #bienvenue {position:absolute; top:0px; left:0px; margin:0;}
    #header #bienvenue a {color:#FFF;}
    #header #bienvenue a:hover {color:#B5C4E3; text-decoration:underline;}
    #header #bienvenue #perso {position:absolute; right:160px; top:80px; font-size:10px; line-height:normal; color:#1F84B8; text-transform:inherit;}
    #header #bienvenue #perso a {color:#1F84B8; text-decoration:none;}
    #header #bienvenue #perso hr { border: none; background-image:url(image/perso_hr.gif); width:150px; height:2px; margin:0px; padding:0px; }
    .vivre {float:left; margin:40px 114px 0 0; *+html margin:10px 114px 0 0; width:280px; _width:243px; height: 25px; padding-top:22px; background:url(image/txt_vivre.gif) no-repeat 0 0;}


/* Main menu (tabs) */
#tabs {background:#FFFFFF; margin:0 0; padding:0 0 0 0; _height:1px;}

    #tabs ul {margin:0; padding:0; list-style:none;}
    #tabs ul li {margin:0; padding:0; float:left;}
    #tabs ul li a {display:block; position:relative; padding:0 0 0 0; border:0; background:url("") 0 0 repeat-x; color:#B5C4E3; font-weight:bold; text-decoration:none; cursor:pointer;}
    

/* Page (2 columns) */
#page {width:950px; min-height:1px; background:#F3F3F3 url("") 0 0 repeat; _height:1px; }
#page-in {min-height:1px; padding:10px 0; background:#F3F3F3 url("") 0 0 repeat-y; _height:1px; }



/* Left column */
#colleft { float:left; width:196px; margin:0 0 0 5px; padding:0;  }

/* Left column MP3*/

#colleftMP3 { background:#F3F3F3 url("http://www.selection-boutique.com/App_Themes/Boutique/image_venteFlash/vFlashBgGaucheV3.jpg") 0 0 no-repeat; float:left; width:196px; height:1000px; margin:0 0 0 0px; padding:0; }


/* ContentMP1 */
#contentMP1 { float:left; width:554px; margin:0; padding:0 0 0 5px; _padding:0 0 0 0; _width:54px;  }

    /* Content - article */
    #contentMP1 .article {clear:both; margin:0px; padding:0px;}
    #contentMP1 .article p {text-align:justify;}   


/* ContentMP2 */
#contentMP2 { float:left; width:724px; _width:727px; margin:0; padding:0 0 0 5px; _padding:0 0 0 0; }

    /* Content - article */
    #contentMP2 .article {clear:both; margin:0px; padding:0px;}
    #contentMP2 .article p {text-align:justify;}   

/* ContentMP3 */
#contentMP3 { background:#F3F3F3 url("http://www.selection-boutique.com/App_Themes/Boutique/image_venteFlash/vFlashBgCentreV3.jpg") 0 0 no-repeat; float:left; height:1084px; }

    /* Content - article */
    #contentMP3 .article {clear:both; margin:0px; padding:0px;}
    #contentMP3 .article p {text-align:justify;} 


	/* Right column */
	#col {float:left;   margin:0 0 0 0; padding:0px; background:#F3F3F3 url("") 0 0 repeat-y; }
	

	/* Right column MP3*/
	#colMP3 {float:left; width:160px;  margin:0 0 0 0px; padding:0; background:#F3F3F3 url("http://www.selection-boutique.com/App_Themes/Boutique/image_venteFlash/vFlashBgDroiteV3.jpg") 0 5px no-repeat; height:1084px; }



	/* Footer */
	#footer {position:relative; clear:both; width:950px; height:60px; margin: 0 0px 0px 0px; color:#6685CC; text-align:center;}
	#footer a {color:#6685CC;}
	#footer a:hover {color:#192666;}

    /* Footer - "back on top" */
    #top {position:absolute; top:-10px; left:750px;}
    #top p {position:relative; width:30px; height:17px; margin:0; overflow:hidden;}
    #top p span {display:block; position:absolute; left:0; top:0; z-index:1; width:30px; height:17px; background:url(image_module/ok.gif) 0 0 no-repeat; cursor:pointer;}
    #top a:hover span {background:url(image_module/ok.gif) 0px -17px no-repeat;}

    /*  Footer - copyright */
    #footer p#copyright {position:absolute; top:10px; left:40px; margin:0;}

	
	
/* Formulaire */
.iErreur {
	border-color: #c00;
	background-color: #FEEDEF;
	color: #c00;
}
.iSucces {
	border-color: #060;
	background-color: #E9F5E0;
	color: #060;
}	

#content fieldset{
	padding:0px 10px 10px 30px;
	border: none;
	border: 2px solid #678ab4;
	font-size:20px;
}

#content legend{
	font-size:15px;
	color: #678ab4;
}

#content legend:first-letter { 
	font-family: verdana, sans-serif ;
	font-size: 20px ; 
	color: #678ab4;
	text-align: justify ;
}

#content  label{
	float: left;
	text-align: right;
	font-size:10px;
	margin:20px 0 10px 10px;
}

#content input{
	float: right;
	text-align: left;
	border-left: 5px solid #678ab4;
	margin:5px 150px 5px 0;
	padding:0px 0px -15px 0;
}

#content #radiobutton label{
	float:none;
	font-size:10px;
	margin:20px 0 0px 10px;
}

#content #radiobutton input{
	float:none;
	margin:5px 0px 5px 0;
	border-left: 0px solid #678ab4;
	width:20px;
}

#content textarea{
	float:none;
display:block;
}

.bt_form{
	clear:left;
	clear:right;
	float:none;
	display:inline;
	cursor:pointer;
	width:80px;
	height:26px;
	font-size:10px;	
   	color:#FFF;
	font-size:74%;
   	font-weight:bold;
   	background-color: #678ab4;
	margin:10px 0 0 0px;
}

/* -----------------Module Newsletter--------------------------------------------------------------------------------------- */


.conteneur_case_left{
	width:205px;
	font-family:Tahoma,Arial;
}


.sidebar_titre{
	background:url(image_module/sidebar_titre.jpg) no-repeat;
	height:27px;
	
	padding-left:34px;
	padding-top:15px;
	
	font-size:13px;
	color:#2187be;
}


.sidebar_fond{
	background:url(image_module/sidebar_fond.jpg) repeat-y;
}


.sidebar_fond_haut{
	background:url(image_module/sidebar_fond_haut.jpg) no-repeat top;
	min-height:98px;
	
	padding-left:24px;
	padding-right:24px;
	padding-top:20px;
	padding-bottom:8px;
	
	font-size:1.1em;
}


.sidebar_bas{
	background-image:url(image_module/sidebar_bas.jpg);
	height:16px;
}


.sidebar_fond_haut input.ok:hover
{
	margin-top:10px; _margin-top:0px;
	background: url(image_module/ok.gif) no-repeat 0 -17px ; /* ici on décale l'image du background de 17px vers le haut pour laisser apparaître la 2eme partie de l'image */
	width:28px;
	height:17px;
	border:0;
	cursor:pointer;
}
.sidebar_fond_haut input.ok{
	margin-top:10px; _margin-top:0px;
	background: url(image_module/ok.gif) no-repeat 0 0 ;
	width:28px;
	height:17px;
	border:0;
	cursor:pointer;
}
	
#FormulaireNewsletter{
	margin-left:10px;
}

.btNewsletter:hover
{
	margin-top:10px; 
	background: url(image_module/btNewsletter.gif) 0 -41px no-repeat; /* ici on décale l'image du background de 17px vers le haut pour laisser apparaître la 2eme partie de l'image */
	width:228px;
	height:41px;
	border:0;
	cursor:pointer;
}
.btNewsletter{
	margin-top:10px; 
	background: url(image_module/btNewsletter.gif) 0 0 no-repeat ;
	width:228px;
	height:41px;
	border:0;
	cursor:pointer;
}


/* -----------------Module Newsletter vente flash--------------------------------------------------------------------------------------- */


.conteneur_case_left_venteflash{
	width:205px;
	font-family:Tahoma,Arial;
	padding:10px 0px 0px 0px;
}


.sidebar_titre_venteflash{
	background:url(image_venteFlash/img_newsletter/sidebar_titre.png) no-repeat;
	height:27px;
	padding-left:34px;
	padding-top:15px;
	font-size:13px;
	color:#2187be;
}


.sidebar_fond_venteflash{
	background:url(image_venteFlash/img_newsletter/sidebar_fond.png) repeat-y;
}


.sidebar_fond_haut_venteflash{
	background:url(image_venteFlash/img_newsletter/sidebar_fond_haut.png) no-repeat top;
	min-height:98px;
	height:156px;
	padding-left:24px;
	padding-right:24px;
	padding-top:20px;
	padding-bottom:8px;
	font-size:1.1em;
}


.sidebar_bas_venteflash{
	background-image:url(image_venteFlash/img_newsletter/sidebar_bas.png);
	height:16px;
}


.sidebar_fond_haut_venteflash input.ok:hover
{
	margin-top:10px; _margin-top:0px;
	background: url(image_venteFlash/img_newsletter/btNewsletter.png) no-repeat 0 -19px ; /* ici on décale l'image du background de 17px vers le haut pour laisser apparaître la 2eme partie de l'image */
	width:28px;
	height:17px;
	border:0;
	cursor:pointer;
}
.sidebar_fond_haut_venteflash input.ok{
	margin-top:10px; _margin-top:0px;
	background: url(image_venteFlash/img_newsletter/btNewsletter.png) no-repeat 0 0 ;
	width:28px;
	height:17px;
	border:0;
	cursor:pointer;
}
	
#FormulaireNewsletter_venteflash{
	margin-left:10px;
}


/* -----------------Module bloc gauche vente flash--------------------------------------------------------------------------------------- */


.conteneur_case_left_blocleftventeflash{
	width:205px;
	font-family:Tahoma,Arial;
}


.sidebar_titre_blocleftventeflash{
	background:url(image_venteFlash/img_blocGauche/sidebar_titre.png) no-repeat;
	height:27px;
	
	padding-left:34px;
	padding-top:15px;
	
	font-size:13px;
	color:#147b03;
}


.sidebar_fond_blocleftventeflash{
	background:url(image_venteFlash/img_blocGauche/sidebar_fond.png) repeat-y;
}


.sidebar_fond_haut_blocleftventeflash{
	background:url(image_venteFlash/img_blocGauche/sidebar_fond_haut.png) no-repeat top;
	min-height:98px;
	
	padding-left:24px;
	padding-right:24px;
	padding-top:20px;
	padding-bottom:8px;
	
	font-size:1.1em;
}


.sidebar_bas_blocleftventeflash{
	background-image:url(image_venteFlash/img_blocGauche/sidebar_bas.png);
	height:16px;
}




.sidebar_fond_haut_blocleftventeflash input.ok:hover
{
	margin-top:10px; _margin-top:0px;
	background: url(image_venteFlash/img_newsletter/btNewsletter.png) no-repeat 0 -19px ; /* ici on décale l'image du background de 17px vers le haut pour laisser apparaître la 2eme partie de l'image */
	width:28px;
	height:17px;
	border:0;
	cursor:pointer;
}
.sidebar_fond_haut_blocleftventeflash input.ok{
	margin-top:10px; _margin-top:0px;
	background: url(image_venteFlash/img_newsletter/btNewsletter.png) no-repeat 0 0 ;
	width:28px;
	height:17px;
	border:0;
	cursor:pointer;
}



/* -----------------Module Panier--------------------------------------------------------------------------------------- */

#conteneur_case_right{
	width:160px;
	font-family:Tahoma,Arial;
	padding:10px 0px 0px 10px;

}

#conteneur_case_right a{
	color:#2187be;
	text-decoration:none;
}
#conteneur_case_right a:hover{
	color:#2187be;
	text-decoration:none;
}


#sidebar_left_titre{
	background:url(image_module/sidebar_right_titre.jpg) no-repeat;
	height:27px;
	padding-left:34px;
	padding-top:12px;
	font-size:12px;
	color:#2187be;
}

#sidebar_right_fond{
	background:url(image_module/sidebar_right_fond.jpg) repeat-y;
}


#sidebar_right_fond_haut{
	background:url(image_module/sidebar_right_fond_haut.jpg) no-repeat top;
	min-height:180px;
	width:160px;
	padding:12px 0px 8px 0px;
	font-size:10px;
	overflow:hidden;
}


#sidebar_right_bas{
	background:url(image_module/sidebar_right_bas.jpg) no-repeat;
	height:16px;
}


#visuel_panier{
	float:left;
	width:47px;
	padding-top:4px;
}


#txt_panier{
	float:left;
	max-width:100px;
	margin-left:4px;
	padding-top:-6px;
}


#sidebar_right_fond_haut .panier:hover
{
	margin-top:10px; 
	background: url(image_module/panier.gif) 0 -19px no-repeat; /* ici on décale l'image du background de 17px vers le haut pour laisser apparaître la 2eme partie de l'image */
	width:134px;
	height:19px;
	border:0;
	cursor:pointer;
}
#sidebar_right_fond_haut .panier{
	margin-top:10px; 
	background: url(image_module/panier.gif) 0 0 no-repeat ;
	width:134px;
	height:19px;
	border:0;
	cursor:pointer;
}

#sidebar_right_fond_haut hr { border: none; background-image:url(image_module/panier_hr.gif); width: 130px; height: 1px; margin:0px 5px 0px 4px; padding:0px; }



/*  FIN STYLE PANIER  */ 


/* -----------------Module Panier vente flash--------------------------------------------------------------------------------------- */

#conteneur_case_right_venteflash{
	width:160px;
	font-family:Tahoma,Arial;
}

#conteneur_case_right_venteflash a{
	color:#2187be;
	text-decoration:none;
}
#conteneur_case_right_venteflash a:hover{
	color:#2187be;
	text-decoration:none;
}


#sidebar_left_titre_venteflash{
	background:url(image_venteFlash/img_panier/sidebar_right_titre.png) no-repeat;
	height:27px;
	padding-left:34px;
	padding-top:12px;
	font-size:12px;
	color:#2187be;
}

#sidebar_right_fond_venteflash{
	background:url(image_venteFlash/img_panier/sidebar_right_fond.png) repeat-y;
}


#sidebar_right_fond_haut_venteflash{
	background:url(image_venteFlash/img_panier/sidebar_right_fond_haut.png) no-repeat top;
	min-height:180px;
	width:160px;
	padding:12px 0px 8px 0px;
	font-size:10px;
	overflow:hidden;
}


#sidebar_right_bas_venteflash{
	background:url(image_venteFlash/img_panier/sidebar_right_bas.png) no-repeat;
	height:16px;
}


#visuel_panier_venteflash{
	float:left;
	width:47px;
	padding-top:4px;
}


#txt_panier_venteflash{
	float:left;
	max-width:100px;
	margin-left:4px;
	padding-top:-6px;
}


#sidebar_right_fond_haut_venteflash .panier:hover
{
	margin-top:10px; 
	background: url(image_venteFlash/img_panier/panier.png) 0 -19px no-repeat; /* ici on décale l'image du background de 17px vers le haut pour laisser apparaître la 2eme partie de l'image */
	width:134px;
	height:19px;
	border:0;
	cursor:pointer;
}
#sidebar_right_fond_haut_venteflash .panier{
	margin-top:10px; 
	background: url(image_venteFlash/img_panier/panier.png) 0 0 no-repeat ;
	width:134px;
	height:19px;
	border:0;
	cursor:pointer;
}

#sidebar_right_fond_haut_venteflash hr { border: none; background-image:url(image_module/panier_hr.gif); width: 130px; height: 1px; margin:0px 5px 0px 4px; padding:0px; }



/*  FIN STYLE PANIER VENTE FLASH */ 


/*  STYLE SELECTION  */


#conteneur_selection{
	width:570px;
}


#selection_titre{
	background:url(image_module/selection_titre.jpg) no-repeat;
	height:36px;
	padding-left:25px;
	padding-top:16px;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
}


#selection_bas{
	background:url(image_module/selection_bas.jpg) no-repeat;
	height:16px;
	clear:both;
}

#selection_separateur{
	background-image:url(image_module/selection_separateur_x.jpg);
	height:15px;
	clear:both;
}


#selection_prod{
	width:171;
	height:215px;
	float:left;
	background-color:#f2f2f2;
}



/*  STYLE MEILLEUR VENTE  */


#conteneur_mv
{
	width:554px;
}


#mv_titre{
	background:url(image_module/mv_titre.jpg) no-repeat;
	width:533px;
	height:34px;
	padding-left:20px;
	padding-top:13px;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
}


#mv_bas{
	background:url(image_module/mv_bas.jpg) no-repeat;
	height:16px;
	width:100%;
	clear:both;
}



#mv_fond{
	float:left;
	min-height:215px;
	width:100%;
	height:100%;
	background:url(image_module/mv_fond.jpg) no-repeat;
}

#mv_prod{
	padding-left:7px;
	width:100px;
	height:220px;
	float:left;
}



/*  COMMANDE  */

#conteneur_commande h1{
	color:#01518E;
	font-size:12pt;
}
	
#conteneur_commande{
	width:724px;
	height:100%;
	font-family:Tahoma,Arial;
	background:#FFFFFF url(image/commande_fond.gif) 100% 100% no-repeat;
	overflow:auto;
}


#commande_titre{
	background:url(image/commande_titre.gif) no-repeat;
	height:36px;
	padding-left:26px;
	padding-top:15px;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
}

#commande_fond{

	height:236px;
	padding-top:424px;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	
}

.commande_stepBarre {

	float:left;
	margin-left:13px;
	_margin-left:15px;
}


.commande_icoFleche {

	float:left;
	margin:10px 0 0 13px;
	_margin:10px 0 0 10px;
}

#commande_tableau {
	margin:10px 0 0 10px;
}

/* STYLE PAGE PRODUIT*/


#conteneur_produit_nl{
	width:570px;
	font-family:Tahoma,Arial;
	margin:0px;
	padding:0px;
}

#conteneur_MP2{
	width:705px;
	_width:700px;
	font-family:Tahoma,Arial;
	margin:0px 0px 0px 5px;
	padding:0px;
}


#selection_titre_cptCli,#conteneur_produit #selection_titre_nl, #selection_titre_3, #selection_titre_4,#selection_titre_5,#selection_titre_6{
	width:100%;
	padding-left:20px;
	padding-top:13px;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	height:38px;
}

#conteneur_MP2 #selection_titre_cptCli{background:url(image_module/prod_headerCptCli.png) no-repeat;}

#conteneur_produit #selection_titre_nl{background:url(image_module/prod_headerRecherche.png) no-repeat;}

#conteneur_produit #selection_titre_3{background:url(image_module/prod_headerLivre.png) no-repeat;}

#conteneur_produit #selection_titre_4{background:url(image_module/prod_headerMusique.png) no-repeat;}

#conteneur_produit #selection_titre_5{background:url(image_module/prod_headerVideo.png) no-repeat;}

#conteneur_produit #selection_titre_6{background:url(image_module/prod_headerBienEtre.png) no-repeat;}



#conteneur_produit #selection_fond{
	float:left;
	min-height:215px;
	width:554px;
	background:url(image_module/prod_fond.png) 100% 100% no-repeat;
	padding-bottom:15px;
}

#conteneur_produit #selection_prod{
	margin:2px 5px 2px 5px;
	width:171px;
	height:215px;
	float:left;
	background-color:#f2f2f2;
}


.btPrecedent{
	margin-left:6px;
	margin-top:4px;
	background:url(image_module/btPrecedent.gif) no-repeat;
	height:29px;
	width:120px;
	float:left;
}

.btSuivant{
	margin-top:4px;
	background:url(image_module/btSuivant.gif) no-repeat;
	height:29px;
	width:120px;
	float:right;
}







/* jQuery jqModal */



.jqmWindow {
    display: none;
    
    position: fixed;
    top: 25%;
    left: 50%;
    
    margin-left: -200px;
    width: 400px;
    
    background-color: #fff;
    border: 1px solid black;
    padding: 0px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm 
{
	position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


/* PopUP */



    .PopUp{
	    width:284px;
	    margin:30px 0 100px 0;
	    display:none;
	    text-align:left;
	    filter:alpha(opacity=90);
	    opacity:0.9;
	    position:absolute;
	}
	.PopUpInnerElement {
	    background:#DDDDDD;
	}
	.PopUpInnerElementRoundCorner{
	    background:#DDDDDD;height:1px; display:block;overflow:hidden;
	}