@charset "utf-8";
/* CSS Document */
/*	-- -- -- -- -- -- --
	SPYKER v.1  CSS file
	last edit: 05 Nov 09
	-- -- -- -- -- -- --*/

*, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%; vertical-align: baseline; background: transparent;	text-decoration: none; list-style:none; }
body {
    background-image: url(../images/bg_body.jpg);
    background-color:#4D585D;
    background-position: top center;
    background-repeat: no-repeat;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
}

/* GENERIC SPY page layout */
#wrapper {	width: 985px; margin: 0 auto; text-align: left; }
#wrapper #nav {float: left; width:900px; height:30px; }
#wrapper #langue {float: left; width:80px; height:30px;   }
#wrapper #logo{ clear:both;	float: left;	width:200px;	height:200px;	text-align: left; }
#wrapper #header{ float: left;
                  width: 785px;
                  height: 200px;
                  background-image: url(../images/bg_banner.jpg);
                  background-repeat: no-repeat;
}
#wrapper #main-content { clear: both; width: 985px; text-align: left; }
#wrapper #main-content #content-left {	float: left;	width: 200px; }
#wrapper #main-content #content-left #menu { width: 180px; height: auto; margin: -1px 0 0 15px; text-align: left; }
#wrapper #main-content #content-left #catalogue { width:160px; height:128px; margin:30px 17px;	text-align:center;	}
#wrapper #main-content #content-right { padding-left:7px; margin: 0 0 0 200px; width: 778px; overflow: hidden; background-color:#fff;	background-image: url(../images/bg_content-right.jpg); background-repeat: repeat-x;}
#wrapper #main-content #content-right #path { float: left; width: 650px; height:30px; padding:10px 0 0 10px; }
#wrapper #main-content #content-right #solocol-1{float: left; width: 310px; margin-right: -5px;  overflow: hidden;}
#wrapper #main-content #content-right #solocol-2{padding:0;text-align:left;float: left; width: 420px; margin-right: 10px; }
#wrapper #main-content #content-right .solonew { background-image: url(../images/solo_bg.png); background-repeat: no-repeat; background-position: right top;}
#wrapper #footer{ position: relative; clear: both; width: 765px; height: 30px; background-image: url(../images/bg_footer.gif); background-repeat: no-repeat; margin-left:200px; padding:10px 0 0 20px;	overflow: hidden; color:#CCC;	}


/* GENERIC SPY page global*/
h1, h2, h3, h4, h5, h6 { margin: 1em 0 .5em 0;  /*Rapproche le titre du texte.*/ line-height: 1.2; font-weight: bold; /* Valeur par défaut.*/ font-style: normal;}
h1 { margin: 0;	padding: 5px 5px 0 15px; font-size: 30px;}
h2 { margin: 0;	padding: 0px 15px 0 25px; font-size: 16px; font-family:Georgia, "Times New Roman", Times, serif;line-height: 20px;}
h2 a{ color: #009; line-height: normal;	text-decoration: none;}



h3 { margin: 0;	padding: 5px 15px;	font-size: 21px;} 
h4 { margin: 0;	padding: 5px 15px;	font-size: 16px; }
h5 { margin: 0;	padding: 5px 15px;	font-size: 14px;}
h6 { margin-top:5px; padding: 0px 5px 0 25px; font-size: 12px; font-style: normal;line-height:normal;}
h6 a,
h6 a:visited
{ color:#666;
font-weight:normal;
font-size:13px;
}
p {	margin: 0;	padding: 5px 0px 5px 20px;	font-size: 12px;	color: #333333;	line-height: 17px;}
a { color: #555; text-decoration:none;}    
a:hover { color: #364d6f; text-decoration:underline;}    
a:visited { color: #364d6f;}
.clear {clear: both;}
.hide {
    height:70px;
    visibility:hidden;
}
.search{ margin-top:15px; margin-bottom:15px;	float: left; width:180px; height:30px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.search img{ vertical-align:middle;}
.search input[type="text"] { background-color:#CCC;	border : 1px solid #99CCFF;}
.intertitre {margin:0;	padding:10px 5px 10px 20px;	font-size:18px;	font-family: Georgia, "Times New Roman", Times, serif;	font-weight:bold;	background-image: url(../images/bg_titre.png);	background-repeat: no-repeat; color:#DAF4F9;}
.solotitre {
    margin:0;
    padding:10px 5px 10px 25px;
    font-size:16px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight:bold;
    color:#39F;
}
.titre_produit { margin: 0;	padding: 15px 15px 0 25px;	font-size: 17px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; color: #009;}
.titre_produit a{ color: #009; line-height: normal;	text-decoration: none;}
.code_ref{
    margin-top:5px;
    padding: 5px 5px 5px 25px;
    font-size: 12px;
    font-style: normal;
    font-family: Georgia, "Times New Roman", Times, serif; font-weight:bold;
}
.code_ref a { color:#000; }
.gencode { margin-bottom: 8px;	padding: 0px 15px 0 25px;	font-size: 12px;	color: #666;	}
.gencode a { color: black;font-weight:bold;}

.pagetitre {	margin:0;	padding:15px 5px 10px 10px;	font-size:24px;	font-weight:bold;	color:#09F;}
.path-titre {	font-weight: bold;	font-family:Verdana, Arial, Helvetica, sans-serif; }

/* --GLOBAL > Nav :Qui sommes nous,Actualité,Presse..ect--*/ 
/* Nav */
#wrapper #nav ul { float:left; height:15px; border-left: 1px solid #ccc; display:inline; text-align:right;}
#wrapper .navfr ul ,
#wrapper .naven ul { 
    margin:10px 0px 5px 370px;  
}
#wrapper .naven ul {
    margin-left:430px;
}

#wrapper #nav ul li {
    float:left;
    height:15px;
    line-height:15px;
    padding:0 10px;
    border-right:1px solid #ccc;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 11px;
    font-weight: bold;
    color: #74B5E4;
    text-decoration: none;
    text-transform: uppercase;
}
#wrapper #nav ul li a { color: #74B5E4; text-decoration:none;  }
#wrapper #nav ul li a:hover {color: #fff;}

/* Langue */
#wrapper #langue ul { float:left;  padding-top:10px; margin-left:10px; overflow:hidden; }
#wrapper #langue ul li { float:left; padding:0 5px;  }

/* -- GLOBAL > MENU -------------------------------------------------------------- */
#menu ul { margin: 0; padding: 0; width: 170px; text-decoration: none;}
#menu ul.level2 {background: #fff; filter: Alpha(Opacity=90); -moz-opacity:0.9; opacity: 0.8; }
#menu li {position: relative;list-style: none;margin: 0;height: 20px;padding: 4px 0 0 5px;z-index:10;font:normal 12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
#menu li:hover { color: #50595D;}
#menu li.submenu { z-index:20;	background-image: url(../images/arrow_bleu.gif); background-repeat: no-repeat; background-position: 0% 40%; border-bottom: 1px solid #CCCCCC;}
#menu li.submenu:hover { z-index:30;}
#menu li a { display: block;	text-decoration: none;	width: auto;	text-indent:7px;	color: #323D42;}
#menu li a:hover { color: #039; font-weight: bold;}
#menu>ul a { width: auto;}
#menu ul ul { position: absolute; top: 0; left: 150px; display: none; width: 200px;}
#menu ul.level1 li.submenu:hover ul.level2 {display:block;  }

/* -- PRODUIT Index LIST ---- */
.post {
    float: left;
    width: 245px;
    margin: 0px 3px 10px 0px;
    padding:5px 10px 0 0;
    font-family: Georgia, Times;
    background-image: url(../images/post_bg.jpg);
    background-repeat: no-repeat;
    background-position: top center ;
    height:311px;
    overflow: hidden; 
}
.list-li {  
    margin:0 10px 0 0 ;
    font-size:11px;
    padding:3px 2px 0 5px;
    display: inline-block;
    vertical-align: top; }
.list-li ul li { width: 200px;
                 margin: 0px 0 5px 30px;
                 font-size:12px;
                 font-family:Verdana, Arial, Helvetica, sans-serif;
                 list-style-image:url(../images/arrow_listgris.gif); color:#333;}
.list-image img { float: left; width: 210px; height: 158px;padding: 0; margin: 0px 12px 5px 0; overflow: hidden;}

/* -- PRODUIT categori LIST ---- */
.postlist {
    clear:both;
    float: left;
    width: 740px;
    margin: 0px 0px 10px 10px;
    padding:10px 0px 0 0;
    font-family: Georgia, Times;
    background-image: url(../images/postlist_bg.jpg);
    background-repeat: no-repeat;
    background-position: top center ;
}
.postlist_new {
    clear:both;
    float: left;
    width: 740px;
    margin: 0px 0px 10px 10px;
    padding:10px 0px 0 0;
    font-family: Georgia, Times;
    background-image: url(../images/postlist_new_bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
}
.postlist-li {  
    margin:0 10px 0 0 ;
    font-size:11px;
    padding:3px 2px 0 5px;
    display: inline-block;
    vertical-align: top; }
.postlist-li ul li { width: 400px;
                     margin: 0px 0 7px 30px;
                     font-size:12px;
                     font-family:Verdana, Arial, Helvetica, sans-serif;
                     list-style-image:url(../images/arrow_listgris.gif); color:#333;}
.postlist-image img { float: left; width: 210px; height: 158px;padding: 0; margin: 0px 30px 5px 0; overflow: hidden;}

/* -- PRODUIT image defiler ---- */
.thumbnail {z-index: 0;}
.thumbnail img{	border: 1px solid #CCC; margin: 3px;}
.thumbnail:hover{background-color: transparent;}
.thumbnail:hover img{/*border: 0px solid blue;*/border: 1px dashed gray;}
.thumbnail span{ /*CSS for enlarged image*/
                 position: absolute;
                 background-color:#fff;
                 padding: 5px;
                 left: -1000px;	/*border: 1px dashed gray;*/
                 visibility: hidden;
}
.thumbnail span img{border-width: 0; /*CSS for enlarged image*/}
.thumbnail:hover span{ /*CSS for enlarged image*/	visibility: visible;	top: 100px;	left: 330px; /*position where enlarged image should offset horizontally */	z-index: 50;}
.bigimg { padding-left:5px; width:300px; height:300px; overflow:hidden; }	

/* -- PRODUIT SOLO ---- */
#solocol-2 ul li { width: 400px;
                   margin: 0px 0 7px 40px;
                   font-size:12px;
                   font-family:Verdana, Arial, Helvetica, sans-serif;
                   list-style-image:url(../images/arrow_listgris.gif); color:#333;
                   line-height:16px;}
#solocol-2 #icon{ padding:20px 0 30px 25px; width:400px; text-align:center;}

ul.browse {
    list-style-type:none;
    margin:15px;
    padding:0;
}
ul.browse li{
    padding:8px 0 ;
}
ul.browse li a{
    background: url('/images/folder.png') left top no-repeat;
    padding-left:20px;
    font-weight:bold;
    font-size:15px;
}
ul.browse li ul {
    list-style-type:none;
    margin:5px 0 5px 0;
}
ul.browse li ul li{
    padding:10px 0px;
}
ul.browse li ul li a{
    padding:2px 10px;
    background:none;
    font-size:13px;
    color:white;
    background:gray;
    background-color:#0099FF;

}
div.li_medias{
    display:none;
}
ul.browse li ul li ul.medias{
    margin:5px;
    padding:0;
}
ul.browse li ul li ul.medias li{
    padding-top:10px;
}
ul.browse li ul li ul.medias li a.produit{
    display:block;
    font-size:20px;
    background:none;
    background-position:left top ;
    background-repeat:no-repeat;

    height:90px;
    padding:20px 0 0 120px;
    line-height:25px;
    font-weight:normal;
    color:gray;
}
ul.browse li ul li ul.medias li ul {
    margin-left:0px;
}
ul.browse li ul li ul.medias li ul li.one_media{
    padding:0px;
    margin:1px;
    height:25px;
    overflow:hidden;
    border-bottom:1px solid #c5c5c5;
}

ul.browse li ul li ul.medias li ul li.one_media a.fiche{
}
ul.browse li ul li ul.medias li ul li.one_media strong{
    display:inline;
    font-size:12px;
    margin:0;
    line-height:25px;
}
ul.browse li ul li ul.medias li ul li.one_media a.download{
    color:#f60;
    text-decoration:underline;
    font-weight:bold;
    float:right;
    display:block;
    background:url('/images/download.png') center right no-repeat;
    width:250px;
    padding-right:20px;
    text-align:right;
    height:25px;
    line-height:25px;
}

div.support{
    padding:0 20px 15px 20px;
    font-size:.9em;
    font-style:italic;
}


div.pagination{
    padding:15px;
    text-align:center;
    font-size:.9em;
    font-style:italic;
}