/* cadratin :: css-global-screen.css */
body {
	color: black;
	background-attachment: fixed;
	background-color: white;
	background-image: url(../_img/logo-bg-3d.jpg);
	background-repeat: no-repeat;
	background-position: -48px -8px;
}
li {
	list-style: square;
}
	/**/
#page {
	margin: 40px 40px 44px 40px;
	min-height:600px;
	height:auto;
}
	/**/
#page #page-head {
	height: 1.4em;
	min-width: 600px;
	font-size: 65%;
	color:#ccc;
	line-height:120%;
	white-space: nowrap;
	margin-top:-4px;
	background-color: transparent;
	display:none;
}
#page #page-head .spacer {
	height:0px;
	width:600px;
}
	/**/
#page #page-body {
	background-color: transparent;
	border: 4px none;
	height: 100%;
	min-width: 600px;
	width: auto;
}
#page #page-body .spacer {
	display:block;
	height:0px;
	width:600px;
}
#page #page-body #advertising {
	width:164px;
	height:600px;
	background-color: #fff;
	margin:0;
	padding-left:4px;
	float:right;
	background-image: url(../_img/contre-pub-red-1x4.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#page #page-body #advertising .inner {
	width:160px;
	text-align: center;
}
#page #page-body #advertising h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
	line-height: 120%;
	font-weight: lighter;
	font-variant: small-caps;
	color: #ccc;
	text-align: center;
}
#page #page-body #advertising p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-style: normal;
	line-height: 120%;
	font-weight: normal;
	font-variant: normal;
	color: #ccc;
	text-align: center;
}
	/**/
#page #page-body #accessibility {
	width:auto;
	height:0;
	z-index: 1024;
	position:relative;
	right:0;
	text-align: right;
}
#page #page-body #accessibility .menu {
	width:136px;
	height:24px;
	position:absolute;
	z-index: 1024;
	right: 0;
	top:0;
	white-space: nowrap;
	padding:2px;
	background-image: url(/_img/wai-bg-4.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#page #page-body #accessibility .menu img {
	width:1.2em;
	height:1.2em;
	border:1px solid #CCC;
}
#page #page-body #accessibility .menu a {
	text-decoration:none;
}
	/**/
#page #page-body #layout {
	min-height:600px;
	height:auto;
	float:none;
	background-color: transparent;
	width:auto;
	vertical-align: top;
	padding:0;
}
#page #page-body #layout .spacer {
	display:block;
	height:0px;
	line-height:0px;
	width:auto;
	overflow:hidden;
}
	/* en-tete */
#page #page-body #layout #en-tete {
	background-color: #CC0000;
	border-top:1px solid #CC0000;
	color:#fff;
	width:auto;
	height:3em;
	background-image: url(/_img/bg-gred-1x128.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#page #page-body #layout #en-tete .logotype {
	display:block;
	position:absolute;
	width:53px;
	height:47px;
	margin-left:8px;
	padding-top:2px;
	float:left;
}
#page #page-body #layout #en-tete .logotype .logo-img {
	display:block;
	position:absolute;
	width:64px;
	height:64px;
	left:0px;
	top:-6px;
	background-image: url(/_img/cadratin-logo-img-64x.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#page #page-body #layout #en-tete .logotype .logo-img-shad {
}
#page #page-body #layout #en-tete .logotype .logo-img-shad-trans {
	display:block;
	position:absolute;
	width:64px;
	height:64px;
	left:4px;
	top:-1px;
	background-image: url(/_img/cadratin-logo-img-shad-64x.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#page #page-body #layout #en-tete .pictotype {
	display:none;
}
#page #page-body #layout #en-tete .titre {
	display:block;
	font-size: 200%;
	line-height: 0.8em;
	height:0.8em;
	margin:0.1em 0;
	padding:0 0 0 72px;
}
#page #page-body #layout #en-tete .titre a {
	color:#fff;
}
#page #page-body #layout #en-tete .baseline {
	display:block;
	font-size: 65%;
	line-height: 1.5em;
	height: 1.5em;
	margin:0;
	padding:0 0 0 100px;
}
	/* navigation */
#page #page-body #layout .navigation {
	font-size: 70%;
	letter-spacing: 0.1ex;
	height: 1.7em;
	line-height: 1.7em;
	width: auto;
	color: #000000;
	padding:0;
}
#page #page-body #layout .t-background {
	position:relative;
	height: 1.6em;
	width:auto;
}
#page #page-body #layout .t-background .color {
	position:absolute;
	left:0;
	top:0;
	background-color: #0ff;
	background-image: url(../_img/bg-gblue-1x128.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	line-height: 1.6em;
	height: 1.6em;
	width: 100%;
	border-bottom:1px solid #0000FF;
}
#page #page-body #layout .navigation .texte {
	position:relative;
	top:-1.4em;
}
#page #page-body #layout .navigation .texte .legend {
	font-weight: bold;
	color: #666666;
	padding: 0 8px 0.2em 8px;
	
}
#page #page-body #layout .navigation .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 4px 0 4px;
	padding: 0 0 0 4px;
}
#page #page-body #layout .navigation .navigation-login {
	color:white;
	background-color: red;
	margin:0 1ex 0 1ex;
	padding:0 1ex 0 1ex;
}
#page #page-body #layout .navigation .navigation-login a {
	color:white;
	text-decoration:none;
}
#page #page-body #layout #menu {
	margin: 1em 0 0 3ex; padding:0; float:left; width:125px;
}
#page #page-body #layout #menu .menu-content {
	width:125px;
	font-size: 90%;
	margin:0;
	overflow: hidden;
}
#page #page-body #layout #menu .menu-content form {
	margin:0;
	padding:0;
}
#page #page-body #layout #menu .menu-content input {
	font-size: 90%;
}
#page #page-body #layout #menu .menu-content ul {
	margin:0;
	padding:0 0 0 4px;
}
#page #page-body #layout #menu .menu-content li {
	list-style: none;
	height:1em;
	line-height:1.6em;
	height:auto;
	margin:0 0 0.5em 0;
}
#page #page-body #layout #menu .menu-content ul li ul li {
	list-style: square;
	margin-left:6px;
	height:1.6em;
	line-height:1.6em;
	margin: 0 0 0.5em 0;
	list-style: none;
	background-image: url(../_img/picto-07-tgreen-w.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding:0 0 0 12px;
}
#menu .legend {
	margin:0.5em 0 0;
	padding:0;
	font-weight:normal;
	font-size: 80%;
	font-style: italic;
	line-height: 1.2em;
}
#page #page-body #layout #ventre {
	margin-left:148px; /* 15ex;/**/
}
#page #page-body #layout #ventre h1 {
	font-size: 140%;
	font-style: normal;
	line-height: 120%;
	font-weight: normal;
	color: #00f;
	margin:0.5em 0 0.5em 0;
	padding:0;
}
#page #page-body #layout #ventre .rubriq-title {
	font-style: italic;
	font-weight: bold;
}
#page #page-body #layout #ventre .article
,#page #page-body #layout #ventre .site-article {
	font-size: 90%;
	margin-left:16px;
	margin-top:16px;
}
#page #page-body #layout #ventre .article { margin-bottom: 16px; }
#page #page-body #layout #ventre .article h2 {
	font-size: 110%;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: black;
	margin:0.6em 0 0.25em 0;
	padding:0 0 0 0;
}
#page #page-body #layout #ventre .article h2 small {
	font-style: normal;
	color: #BA0000;
}
#page #page-body #layout #ventre .article .keyword-list {
	width:auto;
}
#page #page-body #layout #ventre .article .colonne {
	width:25%;
	float:left;
	margin-right:2ex;
	height:auto;
}
#page #page-body #layout #ventre .article .fin-colonne {
	clear:left;
	height:0;
}
#page #page-body #layout #ventre .article .keyword
,#page #page-body #layout #ventre .site-article .keyword {
	background-color: #7FFF00;
	padding-left:0.5ex;
	padding-right:0.5ex;
}
#page #page-body #layout #ventre .article .keyword-list h3,
#page #page-body #layout #ventre .article .keyword-list th {
	background-color: #00FFFF;
	font-size: 100%;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #f00;
	padding-left: 1ex;
}
#page #page-body #layout #ventre .site-article .h3-site-title {
	font-size: 110%;
	padding:0;
	margin:0.5em 0 0.25em 0;
	height:1.4em;
}
#page #page-body #layout #ventre .site-article .h3-site-title .favicon {
	width:16px;
	height:1.4em;
	margin:0 0.5ex 0 0;
	padding:0;
	vertical-align:middle;
}
#page #page-body #layout #ventre .site-article .h3-site-title .favicon .icon {
	width:16px;
	height:16px;
	margin:0;
	padding:0;
	vertical-align:bottom;
}
#page #page-body #layout #ventre .site-article .h3-site-title .h3-text {
	margin:0;
	padding:0;
}
#page #page-body #layout #ventre .site-article .h3-site-title .pertinence {
	width:104px;
	margin:0;
}
#page #page-body #layout #ventre .site-article .h3-site-title .pertinence .value
,#page #page-body #layout #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-top:1px;
	padding-bottom:1px;
}
#page #page-body #layout #ventre .site-article .h3-site-title .pertinence .value {
	border-left:1px solid #999;
	padding-left:1px;
}
#page #page-body #layout #ventre .site-article .h3-site-title .pertinence .no-value {
	border-right:1px solid #999;
	padding-right:1px;
}
	/* screenshot */
#page #page-body #layout #ventre .site-article .screenshot {
	font-size:100%;
	line-height: 160%;
	width:95px;
	height:72px;
	float:left;
	padding:0;
	margin:0 0.5em 1em 0;
	text-align:center;
}
#page #page-body #layout #ventre .site-article .screenshot .image {
}
#page #page-body #layout #ventre .site-article .screenshot .image .sh-1
,#page #page-body #layout #ventre .site-article .screenshot .image .sh-2 {
	display:none;
}
#page #page-body #layout #ventre .site-article .screenshot .image a {
	margin:0;
}
#page #page-body #layout #ventre .site-article .screenshot .image a 
,#page #page-body #layout #ventre .site-article .screenshot .image a .img-screenshot {
	display:block;
	width:63px;
	height:48px;
}
#page #page-body #layout #ventre .site-article .screenshot .image a .img-ascreen-screenshot {
	width:60px;
	height:45px;
	margin:0 0 0 1px;
	border:1px solid;
}
#page #page-body #layout #ventre .site-article .screenshot .powered {
	line-height:normal;
	padding:0;
	margin:0.5em 0;
	height:2.5em;
	text-align: center;
}
#page #page-body #layout #ventre .site-article .screenshot .powered small,
#page #page-body #layout #ventre .site-article .screenshot .powered a
{
	font-size: 65%;
	display:block;
	line-height:1.15em;
	padding:0;
	color:#666666;
}
#page #page-body #layout #ventre .site-article .screenshot .image .no-image {
	border: 1px dashed #ccc;
	font-size:80%;
	color:#ccc;
	text-align:center;
}
	/* article */
#page #page-body #layout #ventre .article .rubrique-nb-count {
	font-size: 90%;
	font-style: italic;
}
#page #page-body #layout #ventre .article .rubrique-description {
}
#page #page-body #layout #ventre .site-article .description {
	margin:0 0 0.5em 7.75em;
	padding:0;
	height:auto;
	min-height:8em;
	float:none;
}
#page #page-body #layout #ventre .site-article .description p {
	font-style: normal;
	line-height: 160%;
	font-weight: normal;
	color: black;
	margin:0;
	padding:0;
	padding-right:2em;
	border:0;
	text-align: left;
}
#page #page-body #layout #ventre .site-article .description .votes {
	vertical-align: middle;
	text-align: left;
	padding:0;
	height:1.4em;
	line-height:1.4em;
}
#page #page-body #layout #ventre .site-article .description .votes .v-legend {
	margin-right:0;
	float:left;
}
#page #page-body #layout #ventre .site-article .description .votes .v-text {
	float:left;
	font-size:80%;
	margin-right:1ex;
}
#page #page-body #layout #ventre .site-article .description .votes .v-picto-up
,#page #page-body #layout #ventre .site-article .description .votes .v-picto-down 
,#page #page-body #layout #ventre .site-article .description .votes .v-picto-end {
	display:block;
	float:left;
	min-width:16px;
	width:16px;
	height:16px;
	background-image: url(img/picto-vote-up.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#page #page-body #layout #ventre .site-article .description .votes .v-picto-down {
	background-image: url(img/picto-vote-down.gif);
}
#page #page-body #layout #ventre .site-article .description .votes .v-picto-end {
	background-image: url();
	width:1px;
}
#page #page-body #layout #ventre .site-article .description .votes .v-form {
	margin:0; padding:0;
	font-size: 70%;
	line-height: 1.4em;
}
#page #page-body #layout #ventre .site-article .description .votes .v-form select
,#page #page-body #layout #ventre .site-article .description .votes .v-form label
,#page #page-body #layout #ventre .site-article .description .votes .v-form option
,#page #page-body #layout #ventre .site-article .description .votes .v-form input {
	font-size: 100%;
	vertical-align: middle;
}
#page #page-body #layout #ventre .site-article .description .votes .v-form label {
	color:#000;
}
#page #page-body #layout #ventre .site-article .description .f-broken input {
	font-size: 80%;
}
#page #page-body #layout #ventre .site-article .description .f-broken
,#page #page-body #layout #ventre .site-article .description .f-broken input {
	margin:0;
	padding:0;
}
#page #page-body #layout #ventre .site-article .description .f-broken input {
	color: #009900;
	text-decoration: underline;
	background-color: transparent;
	background-image: url(../_img/picto-11-cgreen-w.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border:0;
	padding:0 0 0 1.5em;
	line-height:1.2em;
	text-align:left;
}
#page #page-body #layout #ventre .article .submit-site {
}
#page #page-body #layout #ventre .article .submit-site label {
	background-color: #E6E6FA;
	display:block;
}
#page #page-body #layout #ventre .article .submit-site input
,#page #page-body #layout #ventre .article .submit-site select
,#page #page-body #layout #ventre .article .submit-site textarea {
	display:block;
	margin:0.2ex 1ex 0.5ex 1ex;
}
#page #page-body #layout #ventre .article .submit-site select .select-disabled {
	color:gray;
	font-weight: bold;
}
#page #page-body #layout #ventre .article .submit-site textarea {
	margin:0.5ex 1ex 0ex 1ex;
	width:auto;
}
#page #page-body #layout #ventre .article .submit-site input {
	width:45ex;
}
#page #page-body #layout #ventre .article .submit-site .screenshot-img {
	width:12ex;
	height:9ex;
	float:left;
}
#page #page-body #layout #ventre .article .submit-site .screenshot-legend {
	float:none;
	line-height:1.8em;
	height:9.5ex;
	margin:0 0 0.5ex 0;
	vertical-align:middle;
}
#page #page-body #layout #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;
}
#page #page-body #layout #ventre .article .submit-site .submit,
#page #page-body #layout #ventre .article .submit-site .rand_code {
	width:7ex;
	text-align: center;
}
#page #page-body #layout #ventre .article .submit-site .submit {
	width:auto;
}
#page #page-body #layout #ventre .article .list-rubriq-ul {
	padding:0 0 0 12px;
	margin:0.5em 0 0.5em 0;
}
#page #page-body #layout #ventre .article .list-rubriq-item {
	margin: 0 0 0.5em 0;
	list-style: none;
	background-image: url(../_img/picto-09-tgreen-w.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding:0 0 0 12px;
}
#page #page-body #layout #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;
}
#page #page-body #layout #ventre .article .ital-gray {
	font-style: italic;
	color:#696969;
}
#page #page-body #layout #ventre .sub-submit,
#page #page-body #layout #ventre .article form .submit {
	display:block;
	text-align: center;
}
#page #page-body #layout #ventre .table-sites {
	width:100%;
	vertical-align:top;
	border-spacing:1ex;
}
#page #page-body #layout #ventre .table-sites .table-element {
	width:auto;
	vertical-align:top;
}
#page #page-body #layout #ventre .table-sites .table-site,
#page #page-body #layout #ventre .table-sites .table-legend {
	border-top: 1px solid #ccc;
}
#page #page-body #layout #ventre .table-sites .table-legend {
	width:25ex;
	padding:1ex;
	vertical-align:top;
}
#page #page-body #layout #ventre .table-sites .table-legend .bg {
	background-color: #00ffff;
	padding-bottom:1ex;
}
#page #page-body #layout #ventre .table-sites .table-legend h2 {
	color:white;
	font-size:110%;
	text-align:center;
	background-color: #CC0000;
	margin:0;
}
#page #page-body #layout #ventre .table-sites .table-legend label,
#page #page-body #layout #ventre .table-sites .table-legend p {
	margin:0 1ex 0.5ex 1ex;
	font-size:90%;
	line-height:1.3em;
	
}
#page #page-body #layout #ventre .pied-de-ventre, 
#page #page-body #layout #ventre .folios {
	font-size: 80%;
	text-align: center;
	white-space: nowrap;
	line-height: normal;
}
#page #page-body #layout #ventre .pied-de-ventre {
	font-size: 90%;
}
#page #page-body #layout #base {
	font-size: 70%;
	height: 1.6em;
	line-height: normal;
	width: auto;
	color: #000000;
}
#page #page-body #layout #base .texte {
	position:relative;
	top:-1.6em;
	padding:0 1ex 0 1ex;
}
#page #page-body #layout #base .vertical-labels {
	position:relative;
	left:0;
}
#page #page-body #layout #base .vertical-labels .labels {
	position:absolute;
	left:0;
	width:80px;
	top:-40px;
}
#page #page-body #layout #base .vertical-labels .labels a,
#page #page-body #layout #base .vertical-labels .labels img {
	display:block;
	border:0;
	width:80px;
	height:15px;
	margin: 0 0 2px 0;
	padding:0;
}
#page #page-body #layout #base .vertical-labels .labels img {
	margin:0;
}
	/**/
#page #page-bottom {
	height: 1.4em;
	min-width: 600px;
	font-size: 65%;
	color:#ccc;
	line-height:120%;
	white-space: nowrap;
}
#page #page-bottom .spacer {
	height:1px;
	width:600px;
}
	/**/
#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:#000000;
	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;
}
p.message {
	font-size:80%;
	text-align:center;
	padding:1ex;
}
.ad-left {
	width:125px;
	margin-top:8px;
	border-top: 8px solid #f00;
}
.ad-left .item {
	margin:8px 0;
}
.ad-right {
	width:128px;
	height:600px;
	padding-left:8px;
	margin:8px 0 8px 8px;
	float:right;
	border-left: 8px solid #f00;
}
.only-print,
.nodisplay {
	display:none !important;
}