/*****************************************************************************/
/* Feuille de style pour le site Téléshopping */
/* Auteur : Julien Magnaval - SQLI Lyon */
/* Date de creation : 18/08/2008 */
/* Date de dernière modification : 20/08/2008 */ 
/*****************************************************************************/

#content_carte_okshopping {
	background:transparent url(../images/okshopping/header.jpg) no-repeat scroll left top;
	width:980px; height:auto;
	margin:0; padding:0;
	clear:both;
}

.filariane_faq {
	color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
	height:36px;
	margin:0;
	padding:0 20px;
	width:auto;
	line-height:26px;
}
.filariane_aide faq{
	float:left;
}

.filariane_faq  a{ color:#e1e1e1; text-decoration:underline; 	color:#FFFFFF;}
.filariane_faq a:hover{text-decoration:none;}

/* contenu */
#header_carte_okshopping {
	width:980px; height:200px;
	margin:0; padding:0;
	clear:both;
}

#header_carte_okshopping h1{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:26px;
	color:#FFFFFF;
	margin:10px 20px 0 20px;
	padding:0;
}

#header_carte_okshopping h1 span{
	font-weight:bold;
}

#header_carte_okshopping_btn {
	position:relative;
	top:40px;
	left:26px;
	clear:both;
}


#header_carte_okshopping_btn a{
	margin: 0 25px 0 0 ;
	padding:0;
}

#contenu_retraittop_carte_okshopping {
	height:auto;
	margin:0;
	padding:0;
	position:relative;
	top:-28px;
	width:973px;
}

#envie_de {
	width:696px;
	margin : 0 auto;
	padding:0;
}

#envie_de_btn {
	width:450px;
	margin : 0 auto;
	padding:0;
	position:relative;
	top:-28px;
	text-align:center;
}

#envie_de_btn a{
	margin: 0 12px 0 12px ;
	padding:0;
}

#envie_de_btn2 {
	margin : 0 auto;
	padding:0;
	text-align:center;
}

#envie_de_btn2 a{
	margin: 0 50px 0 50px ;
	padding:0;
}

#bloc_carte_ok_shopping {
	width:701px; height:310px;
	margin:0 auto; padding:0;
	background:transparent url(../images/okshopping/fond_bloc_carte_okshopping.gif) left top no-repeat ;	
}

#bloc_carte_ok_shopping_texte {
	width:500px;
	margin : 0;
	padding:0;
	position:relative;
	top:40px;
	left:185px;
}

#bloc_carte_ok_shopping_texte h4{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#000000;
	margin:0;
	padding:0;
}

#bloc_carte_ok_shopping_texte p{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	color:#000000;
	margin:0 0 10px 0;
	padding:0;
}

.bloc_blanc_contenu_top {
	width:741px; height:11px;
	margin:0; padding:0;
	background:transparent url(../images/resultats/bloc_blanc_contenu_top.gif) left top no-repeat ;
}

.bloc_blanc_contenu_centre {
	width:741px; 
	margin:0; padding:0;
	background:transparent url(../images/resultats/bloc_blanc_contenu_centre.gif) repeat-y ;
}

.bloc_blanc_contenu_bottom {
	width:741px; height:11px;
	margin:0; padding:0;
	background:transparent url(../images/resultats/bloc_blanc_contenu_bottom.gif) left top no-repeat ;
}

.bloc_blanc_contenu_centre .choix {
	width:715px; 
	margin:0 auto; padding:0;
}

.bloc_blanc_contenu_centre .choix_bloc {
	width:208px;
	margin: 0 0 0 10px ;
	padding:0;
	float:left;
}

.bloc_blanc_contenu_centre .choix_bloc H3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	border-bottom:1px solid #f7bfda;
	margin: 0 0 10px 0;
	padding:0 0 2px 0;
}


.bloc_blanc_contenu_centre .choix_bloc p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	line-height:11px;
}

.bloc_blanc_contenu_centre .choix_bloc p input {
	margin: 10px 0 0 0;
	padding:0 0 0 0;
}

/* Les onglets */
.onglets_okshopping {
	position:relative;
	width:auto; height:auto;
	margin:0; padding:0 15px;
	border-top:0px solid #6BD2EB;
}

.onglets_okshopping a{
	float:left;
	margin:0 0 0 2px; padding:0 2px 0 12px;
}

.onglets_okshopping a#ong_carte_okshopping{
	background:url(../images/onglets/onglets_carte_bleu_li_g.gif) left top no-repeat;
}

.onglets_okshopping a#ong_privileges{
	background:url(../images/onglets/onglets_carte_ciel_li_g.gif) left top no-repeat;
}

.onglets_okshopping a#ong_serenite{
	background:url(../images/onglets/onglets_carte_jaune_li_g.gif) left top no-repeat;
}

.onglets_okshopping a#ong_transparence{
	background:url(../images/onglets/onglets_carte_rose_li_g.gif) left top no-repeat;
}

.onglets_okshopping a span{
	display:block;
	margin:0; padding:5px 14px 5px 0;
	font-size:14px; font-weight:bold;
	text-transform:uppercase;
	color:#FFF;
}

.onglets_okshopping a#ong_carte_okshopping span{
	background:url(../images/onglets/onglets_carte_bleu_li_d.gif) right top no-repeat;
}

.onglets_okshopping a#ong_privileges span{
	background:url(../images/onglets/onglets_carte_ciel_li_d.gif) right top no-repeat;
}

.onglets_okshopping a#ong_serenite span{
	background:url(../images/onglets/onglets_carte_jaune_li_d.gif) right top no-repeat;
}

.onglets_okshopping a#ong_transparence span{
	background:url(../images/onglets/onglets_carte_rose_li_d.gif) right top no-repeat;
}

.onglets_okshopping a:hover, #onglets_okshopping a:hover span{
	text-decoration:none;
	color:#000;
}
.onglets_okshopping a:hover.selec span{
	text-decoration:none;
	color:#ffad00;
}

/* Articles */
#groupe_carte_okshopping{
	margin:0;
	padding:0;
	width:741px;
}

#groupe_carte_okshopping .specialh2, #groupe_privileges .specialh2 {
	background:transparent url(../images/okshopping/bg_special_h2.gif) repeat-x scroll left top;
}

#groupe_carte_okshopping .specialh2 h2, #groupe_privileges .specialh2 h2 {
	background-color:#FFFFFF;
	color:#000;
	font-size:22px;
	font-weight:normal;
	margin:0 0 0 20px;
	padding:0 5px;
	width:135px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#groupe_carte_okshopping p {
	background-color:#FFFFFF;
	color:#000;
	font-size:11px;
	font-weight:normal;
	margin:5px 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#groupe_privileges{
	margin:0;
	padding:0;
	width:741px;
	display:none;
}

#groupe_privileges p {
	background-color:#FFFFFF;
	color:#000;
	font-size:11px;
	font-weight:normal;
	margin:5px 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#groupe_serenite{
	margin:0;
	padding:0;
	width:741px;
	display:none;
}

#groupe_serenite p {
	background-color:#FFFFFF;
	color:#000;
	font-size:11px;
	font-weight:normal;
	margin:5px 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#groupe_transparence{
	margin:0;
	padding:0;
	width:741px;
	display:none;
}

#groupe_transparence p {
	background-color:#FFFFFF;
	color:#000;
	font-size:11px;
	font-weight:normal;
	margin:5px 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.bloc_ciel {
	float:left;
}

.bloc_ciel_top {
	width:237px; height:13px;
	margin:0 0 0 25px; padding:0;
	background:transparent url(../images/okshopping/bloc_ciel_top.gif) left top no-repeat ;
}

.bloc_ciel_centre {
	width:237px; 
	margin:0 0 0 25px; padding:0;
	background:transparent url(../images/okshopping/bloc_ciel_centre.gif) repeat-y ;
}

#contentGauche01 .bloc_ciel_centre h3 {
	font-size:16px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0 10px 5px 10px;
}

#contentGauche01 .bloc_ciel_centre p {
	font-size:11px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0 10px;
}

.bloc_ciel_bottom {
	width:237px; height:13px;
	margin:0 0 0 25px; padding:0;
	background:transparent url(../images/okshopping/bloc_ciel_bottom.gif) left top no-repeat ;
}