@charset "utf-8";
/* CSS Document */
body{
	background:#0e0874;
    margin:0;
	padding:15px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}
html>body{
	background:url(../images/xl/fd_body.jpg) top center #0e0874 no-repeat;
}
div#global{
	width:1000px;
	margin:0 auto 0 auto;
	text-align:center;
}
.bot{
	clear:both;
}
p {	
	margin:10px 0 10px 0;
	font-size:0.9em;
	color:#0e0874;
}

h2{
	color:#0e0874;
	font-size:1.1em;
	font-weight:bold;
	text-align:left;
}


/************************************************** Style Header ******************************************************/
div#header{
	width:1000px;	
	height:221px;	
	margin:0;	
}
div#logo{
	float:left;	
	width:356px;	
	height:167px;	
	margin:0 0 0 0;
	background:url(../images/xl/logo.jpg) no-repeat;
}
div#logo a{
	width:100%;	
	height:100%;
	display:block;	
}

div#diapo{
	float:left;	
	width:644px;	
	height:167px;	
	background:#ffed00;		
	margin:0;
}

div#log{
	float:left;
	width:420px;
	height:21px;
	color:white;
	text-align:left;
	padding:5px 0 0 5px;
	font-size:0.9em;
}

div#catalog{
	float:left;
	width:250px;
	height:26px;
	margin:0;
	background:url(../images/xl/fd_btn_catalogue.jpg) no-repeat;
}

div#catalog span{
	float:left;
	margin:3px 0 0 35px;
}

div#catalog span a{
	text-decoration:none;
	color:#0e0874;
	font-size:.75em;
}

div#catalog span a:hover{
	text-decoration:underline;
}


div#menu_haut ,div#menu_bas{
	float:right;	
	width:570px;	
	height:26px;
	margin:0;
	padding:0;
	text-align:center;
	font-size:.75em;
	overflow:hidden;
}
div#menu_haut{	
	background:url(../images/xl/fd_menu_haut.jpg) no-repeat;
}
div#menu_bas{	
	background:url(../images/xl/fd_menu_bas.jpg) no-repeat;
}
div#menu_haut ul ,div#menu_bas ul{
	padding:0;
	margin:0;
	list-style-type:none;
}
div#menu_haut ul li ,div#menu_bas ul li{
	height:26px;
	float:left;
	text-align:center;
	border-left: 1px solid white;
	border-right: 1px solid #e6d81f;
	margin:0;
}
div#menu_haut ul li{
	padding:5px 0 0 0;
}
div#menu_bas ul li{
	padding:0;
}
div#menu_haut ul li.premier, div#menu_bas ul li.premier{
	border-left:none;
	border-right: 1px solid #e6d81f;
}
div#menu_haut ul li.dernier{
	border-right:none;
	border-left: 1px solid white;
}
div#menu_haut ul li a ,div#menu_bas ul li a{
	text-decoration:none;
	color:#0e0874;
}
div#menu_haut ul li a{
	margin:0 15px 0 15px;
}
div#menu_bas ul li a{
	margin:0 0 0 3px;
}
div#menu_haut ul li a:hover, div#menu_bas ul li a:hover span{
	color:black;
	text-decoration:underline;
}
div#menu_bas ul li a span{
	margin:5px 5px 0 5px;
	float:left;
}
div#menu_bas ul li img{
	margin:0;
	float:left;
	border:0;
}
div#menu_bas form{
	margin:0 0 0 19px;
	padding:0;
	height:26px;
	font-size:0.75em;
	text-align:left;
	color:black;
}

div#menu_bas form img{
	margin:0;
	float:left;
	border:0;
}

div#menu_bas form fieldset{
	border:0;
	margin:0;
	padding:0 0 0 5px;
	border-left: 1px solid white;
}

div#menu_bas form input{
	float:left;
	margin:0 0 0 5px;	
}

div#menu_bas form input#search{
	margin-top:2px;
}

/************************************************** Style contenu ******************************************************/
div#contenu{
	position:relative;
    width:1000px;	
	margin:0 0 25px 0;
	float:left;
}
html>body div#contenu{
	height:auto;
}

div#contenu p img{
	margin:10px;
	border:1px solid #0e0874;
}

div#contenu p img#image{
	border:0;
}

div#contenu div.block{
	position:relative;
	width:236px;	
	float:left;
	margin:5px 10px 0 0;
	padding:0;
}
div#contenu div.block h2{
	width:236px;	
	height:45px;
	margin:0;
	padding:0;
	font-size:0.9em;
	font-style:italic;
	text-align:left;
	color:#0e0874;
	background:url(../images/xl/fd_titre_encart.png) no-repeat;
}

div#contenu div.block h2.sans{
	height:33px;
	background:none;
	margin-bottom:10px;
	position:absolute;
	top:55px;
	left:0;
	z-index:15;
}

div#contenu h2 span{
	float:left;
	width:203px;
	height:23px;
	display:block;
	margin:17px 0 0 15px;
}

html>body div#contenu h2 span{
	margin:17px 0 0 30px;
}

div#contenu div.block h2.sans span{
	border-bottom:4px solid #0e0874;
}

div#contenu ul{
	float:left;
	padding:0;
	margin:0 0 7px 0;
	list-style:none;
}
div#contenu ul li{
	text-align:left;
	padding:5px 0 0 0;
	margin:0 0 0 50px;
	font-size:.85em;
}
div#contenu ul li a{
	text-decoration:none;
	color:black;	
	font-size:100%;	
	margin:0;
}
div#contenu ul li a:hover{
	text-decoration:underline;	
	color:#0e0874;	
}

div#contenu div.block h2#nvt{
	background:url(../images/xl/fd_titre_nvt.png) no-repeat;
}
div#contenu div#fd_nvt,
div#contenu div#actus{
	background:url(../images/xl/fd_contenu_nvt.jpg) repeat-y;
	width:236px;
	margin:0;
	padding:0 0 0 30px;
	font-size:0.9em;
	font-style:italic;
	text-align:left;
	color:#ffed00;
	clear:both;
}

div#contenu div#fd_nvt{
	height:180px;
	overflow:hidden;
}

html>body div#contenu div#fd_nvt,
html>body div#contenu div#actus{
	background:url(../images/xl/fd_contenu_nvt.png) repeat-y;
}

div#contenu div#actus{
	position:relative;
	float:left;
	padding:0;
	margin:0;
	text-align:center;
	height:191px;
}

div#contenu div#fd_nvt span{
	float:left;
	margin:10px 0 0 0;
}

div#contenu div#fd_nvt h3,
div#contenu div#actus h3{
	float:left;
	margin:0;
	padding:10px 0 5px 0;
	font-size:1em;
	border-bottom:1px solid #ffed00;
}

div#contenu div#actus h3{
	padding:10px 0 5px 0;
	margin:0 0 0 15px;
	width:190px;
}

html>body div#contenu div#actus h3{
	margin:0 0 0 30px;
}

div#contenu div#actus p{
	margin:5px 15px 0 30px;
	color:white;
	text-align:left;
	clear:both;
}

div#contenu div#fd_nvt h3 span{
	float:left;
	display:block;
	margin:0 12px 0 12px;
}


div#contenu div#fd_nvt div.images{
	margin-left:5px;
}

html>body div#contenu div#fd_nvt div.images{
	margin-left:10px;
}

div#contenu div#fd_nvt a{
	margin:0 10px 0 0;
	color:#ffed00;
}

div#contenu div#fd_nvt a img{
	border:1px solid #ffed00;
}

div#contenu div#actus a{
	color:#ffed00;
	display:block;
	clear:both;
	margin:5px 0 0 0;
}

div#contenu div#fd_nvt a:hover,
div#contenu div#actus a:hover{
	text-decoration:none;
}

div#contenu div.block div{
	position:relative;
	width:236px;
	height:160px;
	background:url(../images/xl/fd_contenu_encart.jpg) repeat-y;	
}

html>body div#contenu div.block div{
	background:url(../images/xl/fd_contenu_encart.png) repeat-y;
}

div#contenu div.block div.petit{
	min-height:47px;
	height:auto;	
}
div#contenu div.block div ul{
	list-style-image: url(../images/xl/puce_menu.jpg);
	position:absolute;
	top:0;
	left:0;
}

div#contenu div.block div ul li ul{
	position:absolute;
	display:none;
	background:white;
	border:1px solid #0e0874;
	padding:0 10px 0 0;
	margin:-10px 0 0 0;
	width:170px;
}

div#contenu div.block div ul li:hover ul,
div#contenu div.block div ul li.over ul{
	display:block;
}

div#contenu div.block div ul li ul li{
	margin:2px 10px 2px 30px;
}

div#gauche{
	width:750px;
	float:left;
}

div#droite{
	position:absolute;
	width:240px;
	/*float:left;
	padding:0 0 0 10px;*/
	right:10px;
	top:0;
	overflow:hidden;
	z-index:10;
}

div#contenu table.produits{
	width:100%;
	border-top:1px solid #d1cee1;
	border-left:1px solid #d1cee1;
}

div#contenu table.produits td,
div#contenu table.produits th{
	padding:10px;
	border-bottom:1px solid #d1cee1;
	border-right:1px solid #d1cee1;
	color:#0e0874;
	text-align:left;
}

div#contenu table.produits td{
	font-size:0.9em;
	vertical-align:middle;
	text-transform:uppercase;
}


div#contenu table.produits td img{
	border:1px solid #0e0874;
}

div#contenu table.produits th,
div#contenu table.produits tr.bleu{
	background:#e3e2f2;
}

div#contenu table.options{
	font-size:1em;
}

/*** Fiche technique ***/

a.fiche{
	float:left;
	display:block;
	height:40px;
	width:37px;
	background:url(../images/xl/logo-pdf.png) no-repeat;
}

a.fiche span{
	display:none;
}

/************************************************** Style contenu_page******************************************************/
div#contenu_page_haut{
	width:1000px;
	height:37px;	
	margin:10px 0 0 0;
	padding:0;
	float:left;
	background:url(../images/xl/fd_contenu_page_h.png) no-repeat;
}
div#contenu_page{
	width:920px;
	min-height:450px;
	float:left;
	background:url(../images/xl/fd_contenu_page.jpg) repeat-y;
	padding:0 20px 100px 60px;
}
html>body div#contenu_page{
	background:url(../images/xl/fd_contenu_page.png) repeat-y;
}
div#contenu_page h1{
	width:100%;
	margin:0 0 15px 0;
	padding:0;
	font-size:0.9em;
	font-style:italic;
	text-transform:uppercase;
	text-align:left;
	color:#0e0874;
	border-bottom:1px solid #ccc;
}
div#contenu_page h1 span{
	float:left;
	margin:0 0 0 50px;
}

div#contenu_page h2{
	clear:both;
}

div#contenu_page p{
	text-align:justify;
}

div#contenu_page a,
div#contenu_page ul li a{
	text-decoration:underline;
	color:#0e0874;	
	font-size:1em;	
	margin:0;
}
div#contenu_page a:hover,
div#contenu_page ul li a:hover{
	text-decoration:underline;	
	color:black;	
}


div#contenu_page ul{
	/*list-style-type:disc;*/	
}

div#contenu_page ul li{
	color:#0e0874;
}

div#contenu_page ul#sousmenu li{
	clear:both;
}

div#contenu_page ul#sousmenu li a{
	float:left;
}

div#contenu_page ul#sousmenu li ul{
	margin:5px 0 5px 0;
	clear:both;
}

div#contenu_page dl{
	margin:30px 0 0 0;
	clear:both;
}

div#contenu_page dl dt{
	font-size:1em;
	font-weight:bold;
	text-align:left;
}

div#contenu_page dl dd{
	font-size:0.8em;
	text-align:left;
	margin:10px 0 0 0;
}

div#contenu_page dl dd ul li{
	font-size:1em;
}

div#contenu_page form{
	text-align:left;
	font-size:0.8em;
}

div#contenu_page form p{
	font-size:1em;
}

div#contenu_page fieldset{
	float:left;
	width:220px;
	border:0;
}

div#contenu div.category-description a img,
div#contenu div.category-description h1{
	border:0;
}



/***************************************FBreadcrumbs*******************************************/
div#contenu_page ul.breadcrumbs{
	width:100%;
	list-style:none;
	margin:0 0 30px 0;
	border-bottom:1px solid #b6b4d5;
	padding:0 0 10px 0;
}

div#contenu_page ul.breadcrumbs li{
	float:left;
	margin:0 0 0 10px;
}


/***************************************Footer*************************************************/
div#footer{
	clear:both;
	width:100%;
	height:140px;
	text-align:left;
	background:url(../images/xl/fd_footer.jpg) repeat-x;
	padding:8px 0 0 0;
}

div#footer div{
	width:1000px;
	height:140px;
	background:url(../images/xl/img_footer.jpg) repeat-x;
	margin:0 auto 0 auto;	
}

div#footer ul{
	font-size:0.8em;
	float:left;
	padding:0;
	color:white;
	margin:0;
	list-style:none;
}

div#footer ul li{
	float:left;
	margin:0 0 0 5px;
}

html>body div#footer ul li{
	margin:0 0 0 10px;
}

div#footer a{
	color:white;
	font-size:1em;
}

div#footer a:hover{
	color:#ffed00;
}

div#footer ul li a img{
	display:none;
}

/*div#footer img{
	float:right;
	margin:-42px 0 0 0;
}*/

div#footer p{
	color:white;
	margin:10px 0 0 10px;
	font-size:0.8em;
}


/********************** Contact */

div#contact-droite{
	float:right;
}

div#coordonnees{
	width:300px;
	padding:10px;
	margin:0 0 10px 0;
	border:1px solid #0e0874;
	font-size:1.2em;
}



/********************** Messages  */
.success { color:#3d6611; }
.error { color:#df280a; }
.notice {color:#e26703; }
.success, .error { font-weight:bold; }
.messages,
.messages ul { list-style:none !important; margin:0 !important; padding:0 !important; }
.messages { width:100%; overflow:hidden; }
.error-msg, .success-msg, .notice-msg, .note-msg {
    min-height:23px !important;
    margin-bottom:1em !important;
    border-style:solid !important;
    border-width:1px !important;
    background-repeat:no-repeat !important;
    background-position:10px 10px !important;
    padding:8px 8px 8px 32px !important;
    font-size:.95em !important;
    font-weight:bold !important;
    }
.error-msg li, .success-msg li, .notice-msg li {margin-bottom:.2em; }
.error-msg {
    border-color:#f16048;
    color:#df280a;
    background-color:#faebe7;
    background-image:url(../images/error_msg_icon.gif);
    }
.success-msg {
    border-color:#446423;
    color:#3d6611;
    background-color:#eff5ea;
    background-image:url(../images/success_msg_icon.gif);
    }
.notice-msg, .note-msg {
    border-color:#fcd344;
    color:#3d6611;
    background-color:#fafaec;
    background-image:url(../images/note_msg_icon.gif);
    }


/*** NOUVEAUTES ***/
/* container for slides */
div#contenu div#fd_nvt .images {
	background:none;
	position:relative;	
	float:left;	
	margin:0 0 0 15px;
	padding:0;
	cursor:pointer;
	width:170px;
	height:120px;
}

/* single slide */
div#contenu div#fd_nvt .images div {
	display:none;
	background:none;
	position:absolute;
	top:0;
	left:0;		
	margin:5px 0 0 0;
	padding:0;
	width:170px;
	height:100px;
	text-align:center;
}

/* tabs (those little circles below slides) */
div#contenu div#fd_nvt .tabs {
	background:none;
	clear:both;
}

/* single tab */
.tabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	display:block;
}

/* mouseover state */
.tabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.tabs a.current {
	background-position:0 -16px;     
} 	


/* prev and next buttons */
div#contenu div#fd_nvt .forward, div#contenu div#fd_nvt .backward {
	cursor:pointer;
	height:15px;
	width:15px;
	float:left;
	display:block;
	margin:0;
	padding:0;
}

div#contenu div#fd_nvt .forward{
	background:url(../images/xl/btn_suiv.png) 0 0 no-repeat;
}

div#contenu div#fd_nvt .backward{
	background:url(../images/xl/btn_prec.png) 0 0 no-repeat;
}

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}

/*** TRAILER ***/
#trailimageid{
	font-size: 0.75em;
	position: absolute;
	display: none;
	left: 0px;
	top: 0px;
	height: 0px;
	z-index: 200;
}

.loupe_produit{
	padding:0;
	background-color: white;
	border: 1px solid #0e0874;
}


.loupe_produit h2{
	color:#E8D593;
	font-size:1.2em;
	font-weight:bold;
}

.loupe_produit img{

}

/*** TOOLBAR ***/
table.pager li a img{
	border:0;
}

div#search_autocomplete{
	position:absolute;
	z-index:6000;
}

div#search_autocomplete ul li{
	float:none;
	width:132px;
	height:16px;
	border:0;
	font-size:1.2em;
	text-align:left;
}

div.product-shop ul,
div.product-shop ul li{
	width:480px;
	float:none;
}

div.product-shop p{
	clear:both;
}

div.product-shop ul.options-list{
	width:auto;
}