/* Feuille de style Colaco.fr */

* { padding: 0; margin: 0}

body {
	margin: 0;
	font: normal 11px Arial, Helvetica, sans-serif;	/*Verdana, Arial, Helvetica, sans-serif;*/
	background: #999 url(../../images/fond.gif) repeat-x scroll 0 0;
}

.titre { font-size: 12px; color: #333333; text-decoration: none; font-weight: bold}
a.titre:hover { color: #FF3300 }

.txtbas { font-size: 11px; color: #FFFFFF; text-decoration: none}
.txtbas:hover { color: #000000 }

.bbas { font-size: 11px; color: #FFFFFF; text-decoration: none; font-weight: bold}
a.bbas:hover { color: #000000 }

.txt { font-size: 11px; color: #333333; text-decoration: none; font-weight: normal}
a.txt:hover { color: #990000 }

.txtl { font-size: 11px; color: #333333; font-weight: normal}
.txtl:hover { color: #990000; text-decoration: none;}

.txtb { font-size: 11px; color: #333333; text-decoration: none; font-weight: bold}
a.txtb:hover { color: #FF3300 }

.txt2 { font-size: 11px; color: #FFFFFF; text-decoration: none}
a.txt2:hover { color: #FF0000 }

.txt2b { font-size: 11px; color: #FF3300; text-decoration: none; font-weight: bold}
a.txt2b:hover { color: #FF0000 }

.txt3b { font-size: 11px; color: #666666; text-decoration: none; font-weight: bold; color : #00B7E5;}
a.txt3b:hover { color: #FF3300 }

.txt4b { font-size: 11px; color: #0099CC; text-decoration: none; font-weight: bold}
a.txt4b:hover { color: #FF3300 }

.txtr { font-size: 11px; color: #FF0000; text-decoration: none}
a.txtr:hover { color: #FFFFFF }

.txt_dispo { font-size: 11px; color: #FF3300; text-decoration: none; font-weight: bold}
.txt_titre_type { font-size: 11px; color: #FF3300; text-decoration: none; font-weight: bold}

.box {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
	text-align: left;
	height:17px;
	background-color:#F4F4F4;
	border:1px #ccc solid;
	border-style: 0px;
}

.aleft { text-align: left }
.acenter { text-align: center }
.aright { text-align: right }

.fleft { float: left }
.fright { float: right }

.dnone{display:none}

.clb, .cl, .cl5, .cl10, .cl20  { clear: both; font-size: 1px; margin: 0; padding: 0;line-height:0;height:0 }
.cll { clear: left }

.cl5{margin-bottom:5px}
.cl10{margin-bottom:10px}
.cl20{margin-bottom:20px}

.b{font-weight:bold}

form { padding:0 ; margin: 0 }

hr.d {
	border: none 0;
	border-top: 1px solid #ccc;
	height: 1px;
	margin: 10px auto ;
	text-align: left;
	clear: both
}

/* NAVIGATION */
.td-navigation {
	background-color: #003366;
	border-top : 1px solid #ccc;
}
.txt-login {
	text-align: center;
	color: #fff;
	font-size: 10px;
	line-height: 16px;
}
#go {
	display: none;
	overflow: hidden;
	height: 0;
	width: 86px;
	padding: 0;
	cursor: pointer;
}

.biblio-logued {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding-right: 9px;
}

.account a, .log a, .unlog a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 19px;
}

.account a {
	width: 132px;
	background: url(../images/myaccount.png) no-repeat scroll 0 0;
}
.account a:hover {
	background: url(../images/myaccount_hover.png) no-repeat scroll 0 0;
}
.log a {
	width: 86px;
	background: url(../images/connexion.png) no-repeat scroll 0 0;
}
.log a:hover {
	background: url(../images/connexion_hover.png) no-repeat scroll 0 0;
}
.unlog a {
	width: 100px;
	background: url(../images/deconnexion.png) no-repeat scroll 0 0;
}
.unlog a:hover {
	background: url(../images/deconnexion_hover.png) no-repeat scroll 0 0;
}

input#pseudo , input#passwd {
	background-color: #bbb;
	color : #000;
	font-weight: bold;
	font-size: 11px;
	border: 1px solid #fff;
	width: 105px;
	height: 17px;
	vertical-align: middle;
	padding: 1px 3px !important;
}
input#pseudo:focus , input#passwd:focus { /* pour IE */
	background-color: #e0e0e0;
}
/**
 * Menu deroulant vertical multi niveaux : inspiré par
 * @url http://www.pompage.net/IMG/html/deroulants/exemple_1_niveau.html
 **/
#nav, #nav ul { /* toutes les listes */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;/* ??? */
	font-weight: bold;
}
#nav ul {
	background-color: #a0a0a0;
}
#nav a {
	display: block;
	width: 94px;
	text-decoration: none;
	text-align: center;
	vertical-align : middle;
	font-size: 11px;
	line-height: 19px !important;	/* FF */
	line-height: 18px;				/* IE */
	color: #fff;
	font-size: 12px;
	text-indent: -9999px;
	overflow: hidden;
}
#nav a:hover , #nav a, #nav li{
	height: 19px;
}
/* L'élément est le parent d'une ul : fleche */
/*#nav a.daddy {
	background: url(../images/rightarrow2.gif) center right no-repeat;
}*/
/* Tous les items de liste */
#nav li {
	float: left;
	height: 19px;
}
#menu-acc {width: 64px; 	margin-right: 12px}
#menu-cat {width: 87px; 	margin-right: 12px}
#menu-serv {width: 68px; 	margin-right: 12px}
#menu-soc {width: 64px; 	margin-right: 12px}
#menu-cont {width: 68px; 	margin-right: 12px}

#menu-acc a { background: url(../images/accueil.png) no-repeat scroll 0 0; width: 64px }
#menu-cat a { background: url(../images/catalogues.png) no-repeat scroll 0 0; width: 87px}
#menu-serv a { background: url(../images/services.png) no-repeat scroll 0 0; width: 68px}
#menu-soc a { background: url(../images/societe.png) no-repeat scroll 0 0; width: 64px}
#menu-cont a { background: url(../images/contact.png) no-repeat scroll 0 0; width: 68px}

#menu-acc a.on { background: url(../images/accueil_on.png) no-repeat scroll 0 0}
#menu-cat a.on { background: url(../images/catalogues_on.png) no-repeat scroll 0 0}
#menu-serv a.on { background: url(../images/services_on.png) no-repeat scroll 0 0}
#menu-soc a.on { background: url(../images/societe_on.png) no-repeat scroll 0 0}
#menu-cont a.on { background: url(../images/contact_on.png) no-repeat scroll 0 0}

#menu-acc a:hover { background: url(../images/accueil_hover.png) no-repeat scroll 0 0}
#menu-cat a:hover { background: url(../images/catalogues_hover.png) no-repeat scroll 0 0}
#menu-serv a:hover { background: url(../images/services_hover.png) no-repeat scroll 0 0}
#menu-soc a:hover { background: url(../images/societe_hover.png) no-repeat scroll 0 0}
#menu-cont a:hover { background: url(../images/contact_hover.png) no-repeat scroll 0 0}


#nav li ul { /* listes de deuxième niveau */
	position: absolute;
	background: #a0a0a0;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
	height: auto;
	width: 160px;
	font-weight: normal;
	border: 1px solid #fff;
	border-bottom: 0 none;
	z-index:9999;
}
#nav li li {
	padding-right: 10px;
	width: 150px;
	border-bottom: 1px solid #fff;
}
#nav li li.sfhover {
	width: 150px;
}
#nav li li:hover, #nav li li.sfhover {
	width: 150px !important;
	border-left: 0 none;
	border-right: 0 none;
}
ul#nav li ul li a, ul#nav li ul li a:hover {
	text-align: left;
	background: none;
	text-indent: 1px;
}
#nav li ul a {
	width: 140px;
	padding-left: 10px;
}
ul#nav li ul li a:hover {
	border: 0 none;
	width: 140px !important;
}
#nav li ul ul {}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav li:hover, #nav li.sfhover {}
#nav li li:hover {
	background-color: #999;
}
#nav li:hover a:hover, #nav li.sfhover, #nav a:hover {
	color: #00B7E5 !important;
	color: #ff2700 !important;
}

/* on applique un clear */
#content {
	clear: left;
}

/* NOUVEAU TEMPLATING ex pour 390px */
.mainblock {
	margin-bottom: 10px;
	clear: both;
}
.head-bar {
	background: url('http://91.121.100.60/colaco/www/assets/images/carre-right-top.gif') no-repeat scroll center right;
	height: 17px;
	border-left: 1px solid #ccc;
}
.yellow .head-bar {
	background-image: url('http://91.121.100.60/colaco/www/assets/images/carre-right-top-yellow.gif');
}
.head-bar h2 {
	float: left;
	height: 16px;
	background: white url('http://91.121.100.60/colaco/www/assets/images/fond-titre-16.png') no-repeat scroll 0 0;
	font-size: 12px;
	border-top: 1px solid #ccc;
	padding-left: 26px;
}
.head-bar h2.blank {
	background: white none;
	font-size:0;
}
.yellow .head-bar h2 {
	color: #fff;
	background: white url('http://91.121.100.60/colaco/www/assets/images/fond-titre2-16.png') no-repeat scroll 0 0;
}
.block-mainpart h3 {
	color : #ff3300;
	text-transform : uppercase;
	font-size: 11px;
	line-height: 2.0em;
	margin-bottom: 5px;
}
.block-mainpart-back {
	background-color: #d8d8d8;
	border-left: 1px solid #ccc;
	clear: both;
}
.block-mainpart {
	clear: both;
	border-right: 1px solid #ccc;
	margin-right: 3px;
	background-color: #fff;
	padding: 5px 10px;
}
.yellow .block-mainpart {
	background-color: #ffcd06;
}

.foot-bar { clear: both; }
.foot-bar img { float: left; padding: 0; margin: 0; }
.foot-bar .foot-left-square {
	float: left;
	background: url('http://91.121.100.60/colaco/www/assets/images/carre-left-bottom.gif') no-repeat scroll center right;
	width: 13px;
	height: 15px;
}
.yellow .foot-bar .foot-left-square {
	background-image: url('http://91.121.100.60/colaco/www/assets/images/carre-left-bottom-yellow.gif');
}
.foot-bar .foot-wrap {
	float: left;
	height: 15px;
	background-color: #d8d8d8;

}
.foot-bar .foot-right-bot {
	text-align: left;
	line-height: 10px;
	height: 10px;	 /* 4(3+1) de moins que All - IMG */
	width: 373px;
	background-color: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-right: 2px;
	margin-left: 0 !important;
}
.yellow .foot-bar .foot-right-bot {
	background-color: #ffcd06;
}

.col-right .mainblock {
	margin: 0 0 10px auto;
}

.link {
	margin-top: 10px;
}
/*.puce,*/ .link a {
	background: url(../images/puce-trans.gif) no-repeat scroll 0 0;
	padding-left: 10px;
	height: 1.7em;
	line-height: 1.7em;
	vertical-align: bottom;
}

.yellow .link a {
	background: url(../images/puce-jaune.gif) no-repeat scroll 0 0;
	padding-left: 10px;
	height: 1.7em;
	line-height: 1.7em;
	vertical-align: bottom;
}
a.bannonce {
	background: url(../images/film.png) no-repeat scroll 7px 2px;
	display: block;
	margin-top: 20px;
	text-decoration: none;
	padding: 4px 5px 5px 24px;
	border: 1px solid #ff3300;
	font-weight: bold;
	color: #ff3300;
}
a.bannonce:hover {
	color: #ff3300;
	background-color: #ffcd06;
}
.bande-annonce {
	background: url(../images/film.png) no-repeat scroll top right;
	padding-right: 20px;

}
table td.txtb h3 {
	color : #ff3300;
	text-transform : uppercase;
	font-size: 11px;
	line-height: 2.0em;
	margin-top: 5px;
}
.tbl-indis p {
	margin: 5px 0;
}

.search-bloc h3 {
	font-size:11px;
	line-height:19px;
	margin-top:2px;
}
.search-bloc h3 *{
	vertical-align: sub
}
.search-bloc {
	float: left;
	padding-right: 12px
}
#advanced-search, #simple-search {margin-bottom:10px}
#simple-search{margin-top:15px}

#top-search {margin-bottom:5px}

#advanced-search{
	border-top: 1px solid #ccc
}
#simple-search .box, #advanced-search .box, #top-search .box{
	height: 18px;
}
#tri_pays{width:126px}
#tri_annee option {}
#tri_codebarre{width:90px}
#tri_collection,#tri_editeur, #tri_label{padding-right:18px}
#tri_txt_libre{width:310px}
#tri_nouveaute{width:122px}

#advanced-search option {
	padding:0 5px
}

#reinit-search {float:left}
#toggle-as , #search-btn {float:right;margin-right: 10px}
#search-btn {margin-top:2px}
.ac-results {
	position:absolute;
	max-width:250px;
	background-color:#fff;
	border:1px solid #888;
	margin:0;
	padding:0;
}
.ac-results ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.ac-results ul li.selected { background-color: #fc0}
.ac-results ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	cursor:pointer;
	overflow: hidden;
	white-space: nowrap;
}
.pr {position: relative;z-index:1}
.indicator {
	position:absolute;
	right: 13px;
	top: 22px;
}

#hide-panel{display:none}

.morethem, .txtgris{color:#999;font-weight:bold;font-size:11px}

.morethem{height:18px;line-height:18px}