/* cadrat.fr ::css-global-screen.css */
html, body { 
	margin:0; padding:0; }
body { 
	color:#fff; background-color:#666; }
a { 
	text-decoration:none; color:#0f0; background:url(/_img/dot-red-2x1.gif) repeat-x left bottom; }
a:link {	
	color: #0f0; }
a:visited, a:hover { 
	color: #0ff; }
a:active { 
	color: #666; }
li { 
	list-style:disc; color:#0c3; }
#page { 
	background:#666 url(/annuaire-arts-communication/img/tete-bg-1x66.jpg) repeat-x left top; }
#page-head { 
	display:none; }
#page-body { 
	background:url(/annuaire-arts-communication/img/trans-line_1x6.png) repeat-x left 66px; }
#page-body .spacer { 
	display:none;}
#layout { 
	min-height:600px; height:auto; width:auto; min-width:800px; max-width:1000px;
	vertical-align:top; padding:0; margin:0 auto; }
#en-tete { 
	width:auto; height:66px; }
#en-tete .logotype { 
	display:block; width:auto; height:66px;
	background:url(/annuaire-arts-communication/img/logo-screen.gif) no-repeat left top; }
#en-tete .logotype .logo-img { 
	display:block; width:auto; height:66px;
	background:url(/annuaire-arts-communication/img/logo-image-x66.png) no-repeat right bottom; }
#en-tete .logotype .logo-img-shad
, #en-tete .logotype .logo-img-shad-trans
, #en-tete .pictotype { 
	display:none; }
#en-tete .titre {	
	display:none; }
#en-tete .baseline { 
	display:block; margin-top:-28px; margin-left:308px; }
#en-tete .baseline .text { font-size:80%; color:#fff; }

#layout .navigation { 
	font-size:80%; letter-spacing:0.1ex;height:46px;line-height:1.7em;
	width:auto; color:#fff; padding:0; overflow:hidden }
#layout .navigation .t-background { 
	display:none; }
#layout .navigation .texte {}
#layout .navigation .texte .legend
, #layout .navigation .green-a { 
	display:none; }
#layout .navigation .item-first
, #layout .navigation .item-suite 
, #layout .navigation .item-last { 
	background:url(/annuaire-arts-communication/img/ongl_gris.jpg) no-repeat right top;
	min-width:40px;height:46px; display:block; float:left; }
#layout .navigation .item-last .left-first-last { 
	background:url(/annuaire-arts-communication/img/ongl_vert_left_first.jpg) no-repeat right top;
	width:19px; height:46px; display:block; float:left; }
#layout .navigation .item-first .left { 
	background:url(/annuaire-arts-communication/img/ongl_gris_left_first.jpg) no-repeat right top;
	width:19px; height:46px; display:block; float:left; }
#layout .navigation .item-last { 
	background:url(/annuaire-arts-communication/img/ongl_vert.jpg) no-repeat right top; }
#layout .navigation .item-suite .left {
	background:url(/annuaire-arts-communication/img/ongl_gris_left.jpg) no-repeat left top;
	width:19px; height:46px; display:block; float:left; }
#layout .navigation .item-last .left {
	background:url(/annuaire-arts-communication/img/ongl_vert_left.jpg) no-repeat left top;
	width:19px; height:46px; display:block; float:left; }
#layout .navigation .navigation-login {
	color:white;background-color:red;margin:0 1ex 0 1ex;padding:0 1ex 0 1ex;}
#layout .navigation .item-title {
	padding-right:30px;
	color:#fff;	display:block;
	white-space:nowrap; margin:6px 19px 0 0;}
#layout .navigation .navigation-login a { border:1px solid #000; }

#menu {margin:1em 0 0; padding:0; float:left; width:125px;}
#menu .menu-content {width:125px;margin:0; font-size:85%;background-color:#666;	overflow:hidden;}
#menu .menu-content form {	margin:0.5em 2ex 0 1ex;	padding:0;}
#menu .menu-content form .legend { 
	display:block;
	margin:0.5em 0 0.25em;padding:0;font-weight:normal;font-size:80%;font-style:italic;line-height:1.2em;}
#menu .menu-content input {font-size:90%;border:thin groove #ccc;background:#eee;}
#menu .menu-content #recherche {width:100%;}
#menu .menu-content a {color:#0f0;}
#menu .menu-content ul {list-style:disc url(); margin:0; padding:0 4px;color:#fff;}
#menu .menu-content li {line-height:2em;height:auto;margin:0 0 0.5em 0;}
#menu .menu-content .item-secteur {margin:0 0 0.5em 0.5ex;}
#menu .menu-content ul li ul li {margin:0 6px 0 -0.5ex;list-style-type:disc;
	list-style-position:inside;padding:0;}
#ventre {margin:1em 0 0 23ex;}
#ventre h1 {font-size:160%;font-style:normal;line-height:1.4em;height:1.4em;font-style:normal;
	font-weight:normal;color:#fff;margin:0;padding:0;}
#ventre p.intro {margin-top:0;}
#ventre .article {margin-right:6ex;padding:0;}
#ventre .article
, #ventre .site-article {font-size:90%;color:#fff;margin:0.5em 0 0;width:auto;}
#ventre .article a {
	font-weight:bold;color:#fff;}
#ventre .article h2 {
	font-size:110%;font-style:normal;line-height:normal;font-weight:bold;
	color:#000;margin:0.6em 0 0.25em 0;padding:0;}
#ventre .article h2 small {
	font-style:normal;color:#BA0000;}
#ventre .article .keyword-list {
	width:auto;}
#ventre .article .colonne {
	width:25%;float:left;margin-right:2ex;height:auto;}
#ventre .article .fin-colonne {
	clear:left;height:0;}
#ventre .article .keyword
, #ventre .site-article .keyword {
	background-color:#7f0;padding-left:0.5ex;padding-right:0.5ex;}
#ventre .article .keyword-list h3 {
	background-color:#0ff;font-size:100%;font-style:normal;line-height:normal;
	font-weight:bold;color:#f00;padding-left:1ex;}
#ventre .site-article .h3-site-title {
	font-size:120%;margin:1em 0 0.5em 0; padding:0;height:1.6em;line-height:1.6em;
	color:#fff;font-weight:lighter;overflow:hidden;}
#ventre .site-article .h3-site-title a {
	color:#fff;text-decoration:none;background-image:url();}
#ventre .site-article .h3-site-title .favicon {
	display:none;}
#ventre .site-article .h3-site-title .h3-text {
	margin:0 0 0 140px;}
#ventre .site-article .h3-site-title .pertinence {	
	width:104px;margin:0;}
#ventre .site-article .h3-site-title .pertinence .value
, #ventre .site-article .h3-site-title .pertinence .no-value {
	min-width:1px;height:4px;border-top:1px solid #999;border-bottom:1px solid #999;padding:1px 0 1px;}
#ventre .site-article .h3-site-title .pertinence .value {
	border-left:1px solid #999;padding-left:1px;}
#ventre .site-article .h3-site-title .pertinence .no-value {
	border-right:1px solid #999;padding-right:1px;}
#ventre .site-article .screenshot {
	font-size:100%; line-height:160%;width:120px;
	height:10em;padding:0;margin:-1.70em 0.5em 1em 0;text-align:center;float:left;}
#ventre .site-article .screenshot .image {
	position:relative;top:0; left:0;width:120px;height:90px;}
#ventre .site-article .screenshot .image .sh-1
, #ventre .site-article .screenshot .image .sh-2 {
	display:block;position:absolute; top:3px; left:3px;width:120px; height:90px;
	background:url(/_img/screenshot-img-shad.gif) no-repeat left top;}
#ventre .site-article .screenshot .image .sh-2 {top:6px; left:6px;}
#ventre .site-article .screenshot .image a {
	display:block;position:absolute; top:0; left:0;clip:rect(0px 120px 90px 0px);}
#ventre .site-article .screenshot .image a .img-screenshot {
	position:relative; top:-3px; left:-3px;}
#ventre .site-article .screenshot .image a .img-ascreen-screenshot {
	width:120px;height:90px;}
#ventre .site-article .screenshot .powered {
	line-height:normal;padding:0;margin:0.5ex 0;height:2.5em;width:7em;text-align:left;}
#ventre .site-article .screenshot .powered small
, #ventre .site-article .screenshot .powered a {
	font-size:65%;display:block;line-height:1.15em;padding:0;color:#999;background-image:url();}
#ventre .site-article .screenshot .image .no-image {
	border:1px dashed #ccc;font-size:80%;color:#ccc;text-align:center;}
#ventre .article .rubrique-nb-count {
	font-size:90%;font-style:italic;}
#ventre .article .rubrique-description { 
	color:#fff; }
#ventre .site-article .description {
	display:block;margin:0 0 0.5em 142px;padding:0;float:none;color:#fff;}
#ventre .site-article .description p {
	font-style:normal;line-height:160%;
	font-weight:normal;margin:0;padding:0 2em 0 0;border:0;text-align:left;}
#ventre .site-article .description .url a {
	color:#0f0 !important;}
#ventre .site-article .votes  {display:block;text-align:left;padding:0;height:2em;line-height:1.4em;float:none}
#ventre .site-article .votes .v-text {font-size:80%;margin-right:1ex;float:left;}
#ventre .site-article .votes .v-pictos span {
	display:block; float:left;
	width:16px;height:16px;
	background:url(/annuaire-arts-communication/img/picto-vote-up.gif) no-repeat left center;}
#ventre .site-article .votes .v-picto-down {
	background-image:url(/annuaire-arts-communication/img/picto-vote-down.gif) !important;}
#ventre .site-article  .votes .v-picto-end {
	background-image:url(none) !important; width:1px !important; }
#ventre .site-article .votes  .v-form {
	margin:0;padding:0;font-size:70%;line-height:1.6em;display:inline;}
#ventre .site-article .votes .v-form select
, #ventre .site-article .votes .v-form label
, #ventre .site-article .votes .v-form option
, #ventre .site-article .votes .v-form input {
	font-size:80%;vertical-align:middle;}
#ventre .site-article .votes .v-form select
, #ventre .site-article .votes .v-form input {
	color:#fff; background-color:#01a33e;border:thin groove #ccc;}
#ventre .site-article .votes .v-form .submit {
	cursor:pointer; }
#ventre .site-article .f-broken {
	margin:0; padding:0;border:0;text-align:left}
#ventre .site-article .f-broken .submit {
	font-size:80%;cursor:pointer}
#ventre .site-article .f-broken
, #ventre .site-article .f-broken .submit {
	display:block;margin:0;padding:0;height:1.6em;}
#ventre .site-article .f-broken .submit {
	color:#0f0;
	text-decoration:underline;background-color:transparent;background-repeat:no-repeat;
	border:0;padding:0;line-height:1.6em;text-align:left;}
#ventre .site-article .spacer {display:block; width:1px; height:1em; }
#ventre .article .submit-site p {
	color:#000;}
#ventre .article .submit-site label {
	background-color:#000;display:block;padding-left:1ex;}
#ventre .article .submit-site input
, #ventre .article .submit-site select
, #ventre .article .submit-site textarea {
	display:block;margin:0.2ex 1ex 0.5ex 1ex;}
#ventre .article .submit-site select .select-disabled {
	color:#999;font-weight:bold;}
#ventre .article .submit-site textarea {
	margin:0.5ex 1ex 0ex 1ex;width:auto;}
#ventre .article .submit-site input {
	width:45ex;}
#ventre .article .submit-site .screenshot-img {
	width:12ex;height:9ex;float:left;}
#ventre .article .submit-site .screenshot-legend {
	float:none;line-height:1.8em;height:9.5ex;margin:0 0 0.5ex 0;vertical-align:middle;}
#ventre .article .submit-site .counter {
	background-color:red;font-size:90%;width:9ex;border:none;color:white;margin-top:0;padding-left:1ex;
	padding-right:1ex;text-align:center;}
#ventre .article .submit-site .submit
, #ventre .article .submit-site .rand_code {
	width:7ex;text-align:center;}
#ventre .article .submit-site .submit {
	width:auto;}
#ventre .article .list-rubriq-ul {
	list-style:disc; color:#0c3;padding:1em 1ex 0.75em 0; margin:0;font-size:100%;}
#ventre .article .list-rubriq-item {
	list-style:disc;margin:0 0 0.5em 0;list-style-position:inside;padding:0;line-height:1.6em;}
#ventre .article .list-rubriq-item .green-a {
	font-size:75%;font-weight:bold;height:1.6em;line-height:1.6em;background-image:url(../_img/picto-07-tgreen-w.gif);
	background-repeat:no-repeat;background-position:left center;margin:0 2px 0 6px;padding:0 0 0 4px;}
#ventre .article .ital-gray {
	font-style:italic;color:#696969;}
#ventre .sub-submit,
#ventre .article form .submit {
	display:block;text-align:center;}
#ventre .table-sites {
	width:100%;vertical-align:top;border-spacing:1ex;}
#ventre .table-sites .table-element {
	width:auto;vertical-align:top;}
#ventre .table-sites .table-site,
#ventre .table-sites .table-legend {
	border-top:1px solid #ccc;}
#ventre .table-sites .table-legend {
	width:25ex;padding:1ex;vertical-align:top;}
#ventre .table-sites .table-legend .bg {
	background-color:#0ff;padding-bottom:1ex;}
#ventre .table-sites .table-legend h2 {
	color:white;font-size:110%;text-align:center;background-color:#c00;margin:0;}
#ventre .table-sites .table-legend label
, #ventre .table-sites .table-legend p {
	margin:0 1ex 0.5ex 1ex;font-size:90%;line-height:1.3em;}
#ventre .pied-de-ventre
, #ventre .folios {
	font-size:90%;text-align:center;white-space:nowrap;line-height:normal;}
#base {
	width:auto; min-width:800px; max-width:1000px;
	color:#000;margin:0 auto 2em;padding:1em 0 0 23ex;}
#base .texte {
	font-size:70%;height:1.6em;line-height:normal;}
#base .vertical-labels .labels img {
	margin:0;border:0;}
	/**/
#page-bottom {
	display:none;}
	/**/
p.message {
	font-size:80%;
	text-align:center;
	padding:1ex;
}
#error_box {
	position:absolute;left:0;top:0;width:auto;height:auto;font-size:130%;line-height:normal;
	padding:0;margin:10% auto auto 10%;background-color:#fff;border-top:thin double #f00;
	border-right:thick solid #333;border-bottom:thick solid #333;border-left:thin double #f00;}
#error_box h1 {
	padding:0 1em 0 1em;}
#error_box p {
	font-size:75%;color:#000;background-color:#fff;}
#error_box p cite {
	font-size:75%;display:block;padding:1ex;height:auto;background-color:#ccc;}
#error_box div.message {
	padding:1em;}
.ad-right { /* 200x200 * 2 */
	width:216px;height:434px;padding:20px 8px 16px;margin:-60px 0 1em 16px;
	float:right;
	background:#ccc url(/annuaire-arts-communication/img/tete_ad-bg_1x6.jpg) repeat-x left top;text-align:center}
.ad-right .item {
	width:200px;height:200px;overflow: hidden;margin:0 auto;margin:8px 0;}
.ad-bottom { /* 728 x 90 */
	width:auto;padding:0 8px 8px;text-align:center;
	background:#ccc url(/annuaire-arts-communication/img/tete_ad-bg_1x6.jpg) repeat-x left top;margin:1em 0;}
.ad-right .legend
, .ad-bottom .legend {
	font-size:80%;}
.ad-right hr 
, .ad-bottom hr {
	display:block;height:8px;margin:0;border:0;padding:0;visibility:hidden}
.only-print
, .nodisplay {
	display:none !important;}
