/*******************************************************/
/* Imports */
/*******************************************************/
@import "sIFR_screen.css";
@import "hp_screen.css";
@import "mp_screen.css";
@import "prod_screen.css";
@import "trans_screen.css";
@import "cmd_screen.css";
@import "ww.css";
@import "ww_produit.css";

/*******************************************************/
/* Redéfinition de balises et classes générales*/
/*******************************************************/
*, body{
	margin:0;
	padding:0;
}
html{
	border:none;
}
body{
	background:#FFFFFF url(../img_css/body_fond.gif) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#515151;
}
a{
	font-weight:bold;
	color:#515151;
	text-decoration:none;
	cursor: pointer;
}
a:hover{
	text-decoration:underline;
}
fieldset{
	border:none;
}
#form_couverture fieldset legend{
	display:none !important;
}
input, select{
	vertical-align:middle;
	font-size:11px;
}
select option
{
	padding: 0.2em;
}
img{
	border:none;
}
hr{
	border:none;
	border-top:#e1e1e1 1px solid;
	height:1px;
	margin-bottom:12px;
}
/***********************											Clear */
.clear_left{
	clear:left;
}
.clear_right{
	clear:right;
}
.clear{
	clear:both;
	line-height:0;
	font-size:0;
}
/***********************											Boutons */
.bouton{
	padding:10px 0 10px 0;
	float:left;
}
.bouton a, .bouton a:hover{
	display:block;
	height:16px;
	padding:2px 8px 0 8px;
	background-color:#d1ac53;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	float:left;
	color:#FFFFFF;
	text-decoration:none;

}


.bouton input{
	display:block;
	height:18px;
	padding:0 8px 2px 8px;
	margin:0 !important;
	background-color:#d1ac53;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	border:none;
	cursor:pointer;
}


.bouton_identification{
	padding:10px 0 10px 0;
	/*float:left;*/
}
.bouton_identification input
{
    /*display: block;*/
    height: 18px;
    padding: 0 8px 2px 8px; 
    background-color: #d1ac53;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
}



.ww_bouton
{    
    height: 18px;
    padding: 2 8px 2px 8px; 
    background-color: #d1ac53;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
}



.ombre_bg_blanc{
	background:url(../img_css/bouton_fond_blanc.gif) no-repeat top center;
}
.ombre_bg_violet{
	background:url(../img_css/bouton_fond_violet.gif) no-repeat top center;
}

.detail_produit_liste_produit
{
	background:url(../img_css/bouton_fond_blanc.gif) no-repeat top center;
	margin-top:-10px;
}

.detail_produit_fiche_produit
{
	background:url(../img_css/bouton_fond_blanc.gif) no-repeat top center;
	margin-top:0px;
}



/***********************											Erreur */
.erreur{
	color:#FF0000;
}

p.checkbox input
{
	display: inline;
	margin: 0 10px 0 0;
	height: 1.2em;
}
p.checkbox label
{
	display: inline;
}

/*******************************************************/
/* Eléments disponibles sur toutes les pages */
/*******************************************************/
/****************************************************************** Header */
#header{
	position:relative;
	width:958px;
	height:122px;
	padding:0 14px 0 14px;
	margin:auto;
	background:url(../img_css/header_fond.gif) no-repeat 249px 0px;
}
#header h1{
	height:82px;
}
#header h1 img{
	position:absolute;
	top:12px;
	left:50px;
}
#header h1 strong img{
	position:absolute;
	top:0;
	left:466px;
}

/*********************** Mon Compte */
#div_header_compte_css{
	position:absolute;
	top:30px;/*30px*/
	left:580px;	
	text-align :center ;
}
#div_header_compte_css a{
	color:#636363;
	font-weight:bold;
	display:block;
}


/*********************** Recherche rapide */
#recherche_rapide{
	position:absolute;
	top:8px;		/*6px*/
	left:675px;		/*580px*/
	
}
#recherche_rapide .input_btn{
	height:17px;
	padding:0 2px 2px 2px;
	border:none;
	background-color:#d1ac53;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	cursor:pointer;
}
#recherche_rapide a{
	color:#636363;
	font-weight:normal;
	display:block;
	
}
/***********************											Barre lang */
#barre_lang{
	position:absolute;
	top:-20px;	/*8px*/
	left:5px;		/*752px*/
}


#barre_lang a{
	display:block;
	height:15px;
	width:18px;
	float:left;
	color:#636363;
	padding:2px 0 0 4px;
}
#barre_lang a.on{
	background-color:#636363;
	color:#FFFFFF;
}
/***********************											Panier header */
#panier_header{
	width:160px;
	height:59px;
	padding:0px 0 0 0px;
	background:#f0eaf1;
	border-left:#FFFFFF 3px solid;
	border-right:#FFFFFF 3px solid;
	position:absolute;
	top:0;
	left:834px;
	text-align:center;
}
#panier_header p{
	color:#636363;
}
#panier_header p a, #panier_header p strong{
	font-size:11px;
	font-weight:bold;
	color:#70296F;
	display:block;
}
#panier_header p a{
	line-height:22px;
}
/***********************											Menu principal */
#menu_principal{
	clear:left;
	float:left;
	list-style:none;
	font-size:14px;
}
#menu_principal li{
	margin-top:8px;
	float:left;
	padding:0 10px 0 20px;
	background:url(../img_css/menu_puce.gif) no-repeat 10px 6px;
	border-right:#bc7ebc 1px solid;
}
/***********************											Menu transversal */
#menu_transversal{
	float:right;
	margin-right:5px;
	list-style:none;
	font-size:12px;
}
#menu_transversal li{
	margin-top:3px;
	padding:0 12px 2px 16px;
	background:url(../img_css/menu_puce.gif) no-repeat 6px 4px;
	float:left;
	border-right:#bc7ebc 1px solid;
}
/****************************************************************** Menu soncondaire */
#sous_menu_barre{
	height:23px;
	background-color:#70296f;
	width:100%;
	text-align:center;
}

#sous_menu_transversal{
    width:958px; 
    margin:auto;
    height:23px;
}

#menu_secondaire{
	height:23px;
	margin-top:-23px;
}
#menu_secondaire ul{
	width:958px;
	padding:0 14px 0 14px;
	margin:auto;
	list-style:none;
	font-size:12px;
}
#menu_secondaire ul li{
	float:left;
	margin-top:3px;
	padding:0 18px 0 20px;
	border-right:#bc7ebc 1px solid;
}

#menu_secondaire p
{
    width:958px;
	padding-top:3px;
	padding-left:20px;
	margin:auto;
	list-style:none;
	font-size:11px;
} 

/****************************************************************** Les trois menu */
#menu_principal a, #menu_transversal a, #menu_secondaire a{
	text-decoration:none;
	color:#FFFFFF;
	font-weight:normal;
}
#menu_principal a:hover, #menu_transversal a:hover, #menu_secondaire a:hover{
	text-decoration:none;
	color:#d1ac53;
}
#menu_principal li.on a, #menu_transversal li.on a, #menu_secondaire li.on a{
	color:#d1ac53;
}
#menu_principal li.last, #menu_transversal li.last, #menu_secondaire li.last{
	border:none;
}
/****************************************************************** Page */
/* Les éléments spécifiques à des groupes de pages sont définits dans les fichiers importés */
#page{
	width:958px;
	margin:auto;
	padding:0 14px 40px 14px;
}
#page.ombre{
	background:#FFFFFF url(../img_css/page_fond.gif) no-repeat top left;
}
#page.avecmenu #contenu{
	width:714px;
	float:left;
}
/***********************											Contenu */
#contenu{
	padding:20px 20px 0 24px;
}
#contenu p.accroche{
	font-size: 1.2em;
	margin:0 4px 14px 4px;
	clear:both;
}
#contenu h2{
	font-size:45px;
	color:#D1AC53;
	margin-bottom:10px;
}
#contenu p.tabTitle{
	font-size:15px;	
	font-weight:bold;
	color:#D1AC53;
	margin:0 4px 14px 4px;
}

#contenu h3{
	color:#572056;
	font-size:17px;
	font-weight:normal;
}

.sIFR-hasFlash #contenu h2 {
	visibility: hidden;
}
/***********************											Blocs */
.bloc_large, .plan_zone{
	border:#e1e1e1 1px solid;
	padding:12px;
	clear:both;
	margin:0 0 16px 0;
}

.fond_degrade{
	background:url(../img_css/bloc_fond_degrade.gif) repeat-x bottom left;
}
.bloc_large h3{
	font-size:18px;
	margin-bottom:14px;
}
.bloc_large p{
	margin-bottom:6px;
}
/***********************											PostIt */
.postit{
	background:#70296f url(../img_css/postit_fond.gif) no-repeat top right;
	padding:8px 8px 16px 8px;
}
.postit h5{
	color:#d1ac53;
	font-size:12px;
	font-weight:bold;
}
.postit blockquote{
	padding:0 18px 0 0;
	margin:8px 0 10px 0;
	background:url(../img_css/postit_cit_fin.gif) no-repeat bottom right;
}
.postit blockquote p{
	text-indent:24px;
	line-height:16px;
	font-size:12px;
	background:url(../img_css/postit_cit_debut.gif) no-repeat top left;
}
.postit p{
	color:#FFFFFF;
}
.postit p img{
	margin:0 8px 4px 0;
	float:left;
}
/***********************											Picto lien */
.loupe a{
	background:url(../img_css/picto_loupe.gif) no-repeat top left;
	padding-left:20px;
}
/****************************************************************** Footer */
#footer{
	background-color:#d4b15d;
	clear:both;
}
#footer a{
	color:#FFFFFF;
}
#footer ul{
	width:958px;
	padding:3px 14px 3px 14px;
	margin:auto;
	background:url(../img_css/footer_fond.gif) no-repeat;
	list-style:none;
	color:#FFFFFF;
	font-size:10px;
	text-align:center;
}
#footer ul li{
	display:inline;
	padding:0 10px 0 10px;
	border-right:#FFFFFF 1px solid;
}
#footer ul li.last{
	border:none;
}

#contenu ul
{
	list-style: none url(../img_css/page_menu_puce.gif) inside; 
}
#contenu ul li
{
	margin: 0.2em;
}
#contenu ul li a
{
	text-decoration: underline;
	font-weight: normal;
}
p.law
{
	text-align: center;
}

.menuitem {} /*Style code for each menu item goes here. */
.menuitem img 
{
    margin-left:7px;

}

/* ajax__tab_yuitabview-theme theme (img/yui/sprite.png) */
.ajax__tab_yuitabview-theme .ajax__tab_header 
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;
    border-bottom:solid 3px #6A3975;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer 
{
    background:#F0EAF1;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #6A3975;
    border-bottom-width:0px;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_outer 
{
    background: #F0EAF1;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_outer
{
    background: #70296F;
}
.ajax__tab_yuitabview-theme .ajax__tab_body 
{    
    border:solid 1px #808080;
    border-top-width:0px;
}

/* ajax__tab_yuitabview-theme theme (img/yui/sprite.png) */
.NewsTab .ajax__tab_header 
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;
    border-bottom:solid 3px #6A3975;
}
.NewsTab .ajax__tab_header .ajax__tab_outer 
{
    background:#F0EAF1;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #6A3975;
    border-bottom-width:0px;
}
.NewsTab .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.NewsTab .ajax__tab_hover .ajax__tab_outer 
{
    background: #F0EAF1;
}
.NewsTab .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.NewsTab .ajax__tab_active .ajax__tab_outer
{
    background: #70296F;
}
.NewsTab .ajax__tab_body 
{    

    border-top-width:0px;
}