@charset "utf-8";
/*	-- -- -- -- -- -- --
	Connectland v.1  CSS file
	last edit: 13 Oct 08
	-- -- -- -- -- -- --

/* GENERIC CNL page layout */
body  {	padding: 0;	margin: 0; 	border: 0; text-align: center;	/* Centers the layout in Win IE 5 */}

#wrapper {	width: 985px; margin: 0 auto; text-align: left;}
#wrapper #nav{	float: left; width:175px; text-align: center;}
#wrapper #header{/*position: relative;*/ float: left; width: 810px;	/*display: block;*/	height: 170px;}
#wrapper #main-content {width: 985px; text-align: left;}
#wrapper #main-content #content-left {	float: left;	width: 175px;	margin-right: 25px;	height: auto;}
#wrapper #main-content #content-right { float: left; width: 775px;  margin-top:15px;overflow: hidden; }
#wrapper #main-content #content-right #path { width: 760px; margin-top: 0px; margin-bottom: 10px;   }
#wrapper #main-content #content-right #solocol-1{float: left; width: 320px; margin-right: 25px; overflow: hidden;}
#wrapper #main-content #content-right #solocol-2{float: left; width: 400px; margin-right: 20px; overflow: hidden;}
#wrapper #main-content #content-right #prod-list{float: left; width: 760px; margin-top: 15px; overflow: hidden;}
#wrapper #main-content #content-right #presse-list{float: left; width: 760px; margin-top: 15px; overflow: hidden;}
#wrapper #main-content #content-right #ti { width: 760px; margin-top: 20px; margin-bottom: 10px;  }
#wrapper #footer{ clear: both; position: relative; width: 985px; height: 30px;}

/* GENERIC CNL styles */
body { background-image:url(/images/maquette/bg_header_bleu.jpg);	behavior: url(/css/csshover.htc); /* WinIE behavior call */	background-repeat: repeat-x;}
#header{ background: url(/images/maquette/002.jpg) transparent no-repeat;}
#content-left {	background-image: url(/images/maquette/bg_content-left.png); background-repeat: repeat-y; background-position: right top;}
#path { font: normal 12px "Lucida Grande", Arial, Helvetica, Tahoma, sans;	color: #333;}
body, input, select, textarea, table { font: 11px/13px Verdana, Arial, Helvetica, sans-serif; color: #545454; background-color: #fff; }
h1, h2, h3, h4, h5, h6, p, form { margin: 0; padding: 0; }
p {  font: normal 12px "Lucida Grande", Arial, Helvetica, Tahoma, sans;	color: #333; margin-bottom: 8px;}
p.separator { float: left; width: 100%; border-top: 1px solid #dedede; line-height: 1px; }
img {padding: 0;margin: 0;border: 0;}
a {	color:#333;	text-decoration:none;}
a:hover {text-decoration:none;	color: #FF6600;}
.clear {clear: both;}

h1 {font-size: 18px;	margin-bottom: 10px;	font-family: Arial, Helvetica, sans-serif;	color: #3366CC;}
h2 {font-size: 15px;	margin-bottom: 10px;	font-family: Arial, Helvetica, sans-serif;	font-weight: bolder;	color: #333333; }
h3 {font-size: 13px;	margin-bottom: 10px;color: #999999;	padding: 5px 0 5px 0;	font-family: Verdana, Arial, Helvetica, sans-serif;}
h4 {font-size: 14px;	margin-bottom: 10px;	line-height: 20px;	font-weight: bold;	color: #999;}
h5 {font-size: 10px;	margin-bottom: 10px;color: #ECE9D8;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-weight: normal;}



 /*--  NAVIGATION -------------------------------------------------------------- */
#nav ul {margin:0px; padding:0px; list-style:none;}
#nav li {padding:5px 0px; background-image: url(/images/maquette/blanc-line-bottom.gif); background-repeat: repeat-x; background-position: left bottom;}
#nav li a, #nav li a:link, #nav li a:visited,  #nav li a:active {color:#FFFFFF;	text-decoration:none;	font-weight: bold;	}
#nav li a:hover{color:#F60;}

/* Titre-images */
#ti { float: left;	margin:0; padding:0;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:30px; }
#ti img  { float: left;	 }

/* -- BILLBOARD ------------------------------------------------------------------------ */
#billboard {background-color: transparent; background-repeat: no-repeat;}

/* -- GLOBAL TYPOGRAPHY ---------------------------------------------------------------- */
.produit-titre {margin-bottom: 10px;font-size: 15px; line-height: 15px; padding: 0;font-family: Arial, Helvetica, sans-serif; font-weight: bolder; color: #333; text-decoration: none;}
a.produit-titre {text-decoration: none;	color: #333;}
a.produit-titre:hover {	text-decoration: none;	color: #F63;}
.sous-titre {	padding: 3px 0 3px 10px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #FF6600; background-image: url(/images/maquette/TEST/bg_sur_titre.gif); background-repeat: no-repeat;	font-weight: normal; }
.ref { margin-top: 5px;	font-size: 13px;	color: #0099FF;	font-family: Verdana, Arial, Helvetica, sans-serif;	text-transform : uppercase;}
.note {	font-size: 10px;	color: #666666;	padding: 5px 0 5px 0;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-weight: normal;}
.gencode { margin-top: 5px;	font-size: 10px;	color: #666666;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-weight: normal;}
.path-titre {	font-size: 12px;	color: #FF6600;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-weight: bold;}

/* -- PRODUIT SOLO ---- */
.produit-titre-solo {	margin: 0;	font-size: 20px;	padding: 0;	font-family: Arial, Helvetica, sans-serif;	font-weight: bolder; line-height: 21px;	text-transform : capitalize;	color: #333;	text-decoration: none;	}
.post-solo {	float: left;	/*margin:5px 0;	padding:0px 25px 5px 0px;*/	overflow:hidden;}
.post-solo img {	border: 1px solid #ddd6c5;	padding:5px;	}

/* -- PRODUIT LIST ---- */
#prod-list .list-image { float: left; width: 200px; margin: 0px 20px 10px 0; overflow: hidden; }
#prod-list .list-li { float: left;  width: 500px; overflow: hidden; }
#prod-list .list-li ul li {	padding: 0;	margin: 5px 0 0 -10px;	line-height: 13px;	list-style-image:url(/images/maquette/arrow_listgris.gif);}
#prod-list .list-image img { width:200px; height:150px;}
/* -- Presse LIST ---- */
#presse-list .presse-img { float: left; width: 200px; margin: 0px 20px 10px 0; overflow: hidden; }
#presse-list .presse-titre { float: left; padding-left:20px; width: 500px; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bolder;background-image: url(/images/maquette/arrow_grisO.png);	background-repeat: no-repeat; background-position: 0px 0.2em; overflow: hidden; }
#presse-list .presse-text { float: left; width: 500px; overflow: hidden; }

/* -- PRODUIT image defiler ---- */
.thumbnail {z-index: 0;}
.thumbnail img.mini{	width:90px;height:90px;}
.thumbnail img{	border: 1px solid #CCCCCC; margin: 10px 5px 0 0;}
.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: #ECECEA;	padding: 5px;	left: -1000px;	/*border: 1px dashed gray;*/	visibility: hidden;}
.thumbnail span img{ /*CSS for enlarged image*/border-width: 0;}
.thumbnail:hover span{ /*CSS for enlarged image*/	visibility: visible;	top: 70px;	left: 330px; /*position where enlarged image should offset horizontally */
	z-index: 50;}

/* -- GLOBAL > Search -------------------------------------------------------------- */
#search {
	margin:5px; padding:0; width: 160px; display:block; /*background: #fff;  IE6 Bug */}
input {font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: #cccccc 1px solid;}

/* -- GLOBAL > MENU -------------------------------------------------------------- */
#menu { width: 150px; height: auto; margin: -1px 0 0 -1px; text-align: left;}
#menu ul { margin: 0; padding: 0; width: 150px; text-decoration: none;}
#menu ul.level2 {background: #F9F9F9;}
#menu li {position: relative;list-style: none;margin: 0;height: 20px;padding: 2px 0 0 5px;z-index:10;font:normal 12px Verdana, Arial, Helvetica, sans-serif;}
#menu li:hover {color: #999999;background-color: #DEE9E9;}
#menu li.submenu {z-index:20;	background-image: url(/images/maquette/arrow_bleu.gif); background-repeat: no-repeat; background-position: 0% 50%;}
#menu li.submenu:hover {background-color: #DEE9E9;z-index:30;}
#menu li a {display: block;text-decoration: none;width: auto;text-indent:7px;color: #666;}
#menu li a:hover {color: #666;background-color: #DEE9E9;}
#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; border: 1px solid #CCCCCC; }

/* -- GLOBAL Produit Liste home ---------------------------------------------------------------- */
.post { float: left; width: 223px; margin-right: 20px; padding:5px 2px 0 0; background-image: url(/images/maquette/boxbg01.jpg); background-repeat: no-repeat;
	background-position: right top;height:330px; overflow:hidden}
.post img {		padding:0px 10px 5px 10px; width:200px; height:150px; 	}
.item ul li {	padding: 0;	margin: 5px 0 0 -20px;	line-height: 13px;	list-style-image:url(/images/maquette/arrow_listgris.gif);}

/* -- [ Definitions ] ---------------------------------------------------- */
.hide {	display: none;}

/* -- FOOTER --------------------------------------------------------------------------- */
#footer { text-align: center; padding:10px 0px 0px 0px; margin:0px 0px 0px 0px;	background-image: url(/images/maquette/bg_footer.png);	background-repeat: repeat-x;	background-position: top;}


hr{display:none;float:both;padding:0;margin:0}

div.pagination{
	text-align:center;
}
div#content-right h1{
	font-size:20px;
	margin-top:5px;
}
ul.browse {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.browse li{
	padding:8px 0 ;
}
ul.browse li a{
	background: url('/images/folder.png') left 0px 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:grey;
	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:grey;
}
ul.browse li ul li ul.medias li ul {
	margin-left:-30px;
}
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.liste_news{
}
div.liste_news p a img{
	float:left;
	margin-right:15px;
}