/**
 * ATtention à placer les imgaes en url absolus
 */

/* aag :: css-global-screen.css */

body {
	color: black;
	background-attachment: scroll;
	background-color: #d9d9d9;
	background-image: url(/_img/body-bg-d9d9d9-1x600.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	background: #757575 url(/_img/body-bg-d9d9d9-1x95.png) repeat-x top left;
}
a {
	text-decoration:none;
	background-image: url(/_img/dot-red-2x1.gif);
	background-repeat: repeat-x;
	background-position: 0 bottom;
}
li {
	list-style: square;
}
	/**/
#page {
	margin: 40px 0;
	min-height:600px;
	height:auto;
}
	/**/
#page #page-head {
	height: 1.4em;
	min-width: 600px;
	font-size: 65%;
	color:#CCCCCC;
	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;
	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: #ffffff;
	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: #CCCCCC;
	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: #CCCCCC;
	text-align: center;
}
	/* accessibility */
#page #page-body #accessibility {
	width:auto;
	height:0;
	z-index: 1024;
	position:relative;
	text-align: left;
}
#page #page-body #accessibility .menu {
	width:136px;
	height:24px;
	position:absolute;
	z-index: 1024;
	right: 0;
	top:0;
	white-space: nowrap;
	padding:2px 0;
	background-image: url(/_img/wai-bg-5.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#page #page-body #accessibility .menu img {
	width:14px;
	height:14px;
	border:1px solid #ccc;
	margin-top:4px;
}
#page #page-body #accessibility .menu a {
	text-decoration:none;
}
	/* layout */
#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:1px;
	line-height:1px;
	width:auto;
	overflow:hidden;
	float:none;
}
	/* en-tete */
#page #page-body #layout #en-tete {
	background-color: #000;
	color:#ddd;
	width:auto;
	height:28px;
}
#page #page-body #layout #en-tete .logotype {
	display:block;
	position:absolute;
	width:53px;
	height:47px;
	margin-left:4.5ex;
	padding-top:2px;
	float:left;
}
#page #page-body #layout #en-tete .logotype .logo-img {
	display:block;
	position:absolute;
	width:340px;
	height:48px;
	left:-4px;
	top:-9px;
	background-image: url(/_img/aag-logo-text-340x48.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#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:340px;
	height:48px;
	left:0;
	top:0;
	margin-top:-2px;
	background-image: url(/_img/aag-logo-text-shad-340x48.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#page #page-body #layout #en-tete .logotype .logo-img-shad-trans {
	top:2px;
	background-image: url(/_img/aag-logo-text-shad-trans-340x48.gif);
}
#page #page-body #layout #en-tete .pictotype
,#page #page-body #layout #en-tete .pictotype .picto
,#page #page-body #layout #en-tete .pictotype .picto-shad1
,#page #page-body #layout #en-tete .pictotype .picto-shad2 {
	display:block;
	position:absolute;
	top:0;
	width:278px;
	height:106px;
	background-repeat: no-repeat;
	background-position: left top;
}
#page #page-body #layout #en-tete .pictotype {
	left:320px;
	top:-32px;
}
#page #page-body #layout #en-tete .pictotype .picto {
	background-image: url(/_img/aag-crayons.gif);
}
#page #page-body #layout #en-tete .pictotype .picto-shad1 {
	background-image: url(/_img/aag-crayons-s1.gif);
}
#page #page-body #layout #en-tete .pictotype .picto-shad2 {
	background-image: url(/_img/aag-crayons-s2.gif);
}
#page #page-body #layout #en-tete .titre {
	display:none;
}
#page #page-body #layout #en-tete .titre a {
}
#page #page-body #layout #en-tete .baseline {
	display:none;
}
#page #page-body #layout .navigation {
	font-size: 80%;
	letter-spacing: 0.1ex;
	height: 1.7em;
	line-height: 1.7em;
	width: auto;
	color: #fff;
	padding:0 0 0 6ex;
}
#page #page-body #layout .t-background {
	position:relative;
	height: 1.6em;
	width:auto;
}
#page #page-body #layout .t-background .color {
	display:none;
}
	/* navigation */
#page #page-body #layout .navigation .texte {
	position:relative;
	top:-1.4em;
}
#page #page-body #layout .navigation .texte .legend {
	font-weight: bold;
	color: #ccc;
	padding: 0 8px 0.2em 0;
}
#page #page-body #layout .navigation .green-a {
	color: #fff;
	font-size: 75%;
	font-weight: bold;
	height:1.6em;
	line-height:1.6em;
	margin:0 4px 0 4px;
	padding: 0 0 0 4px;
	background-image: url(/_img/picto-arrow-fff-9x.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#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 .texte a
,#page #page-body #layout .navigation .navigation-login a {
	color:#fff;
}
#page #page-body #layout .navigation .navigation-login a {
	border:1px solid #000;
}
#menu {
	margin: 1em 0 0 3ex; padding:0; float:left; width:125px;
}
#menu .menu-content {
	width:125px;
	margin:0; 
	font-size:85%;
	background-color: #666;
	background-image: url(/_img/body-bg-d9d9d9-1x600.jpg);
	border-top: 1px solid #ccc;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #ccc;
	background-repeat: repeat-x;
	overflow: hidden;
}
#menu .menu-content form {
	margin:0.5em 2ex 0 1ex;
	padding:0;
}
#menu .menu-content input {
	font-size: 90%;
}
#menu .menu-content #recherche {
	width:100%;
}
#menu .menu-content a {
	color:#fff;
}
#menu .menu-content ul {
	margin:0; /*0.5em 2ex 0 1ex;/**/
	padding:0 4px;
	color:#fff;
}
#menu .menu-content li {
	list-style: none;
	height:1em;
	line-height:1.6em;
	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;
	height:1.6em;
	line-height:1.6em;
	list-style-type:square;
	list-style-position:inside;
	padding:0;
}
#menu .legend {
	margin:0.5em 0 0;
	padding:0;
	font-weight:normal;
	font-size: 80%;
	font-style: italic;
	line-height: 1.2em;
}
/**
 * Ventre de la page
 */
#ventre {
	margin:1em 0 0 23ex;
}
#ventre h1 {
	font-family: "Courier New", Courier, mono;
	font-size: 160%;
	font-style: normal;
	letter-spacing: 0.1ex;
	line-height: 1.4em;
	height: 1.4em;
	font-style: normal;
	font-weight: lighter;
	color: #fff;
	margin:-0.5ex 0 0 0;
	padding:0;
}
#ventre a,
#ventre a:active,
#ventre a:focus,
#ventre a:hover,
#ventre a:visited {
	color: #00E102;
}

#ventre p.intro {
	margin-top:0;
}
#ventre .rubriq-title {
}
#ventre .article {
	margin-right:6ex;
	padding:0;
}
#ventre .article
,#ventre .site-article {
	font-size: 90%;
	color:#fff;
}
#ventre .article a {
	font-weight: bold;
	color:#fff;
}
#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;
}
#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 {
	color: #0000FF;
	background-color: #7FFF00;
	padding-left:0.5ex;
	padding-right:0.5ex;
}
#ventre .article .keyword-list h3,
#ventre .article .keyword-list th {
	background-color: #00FFFF;
	font-size: 100%;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FF0000;
	padding-left: 1ex;
}
#ventre .site-article .h3-site-title {
	font-size: 140%;
	margin:0.75em 0 0.5em 0;
	height:1.2em;
	line-height:1.2em;
	font-family: "Courier New", Courier, mono;
	color: #fff;
	background-color: #000;
	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 .favicon .icon {
	width:16px;
	height:16px;
	vertical-align:bottom;
}
#ventre .site-article .h3-site-title .h3-text {
	margin:0 1ex;
}
#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-top:1px;
	padding-bottom: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:0 0.5em 1em 0;
	float:left;
	text-align:center;
}
#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-image: url(/_img/screenshot-img-shad.gif);
	background-repeat: no-repeat;
	background-position: 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:#666666;
	background-image: url();
}
#ventre .site-article .screenshot .image .no-image {
	border: 1px dashed #ccc;
	font-size:80%;
	color:#ccc;
	text-align:center;
}
	/* article */
#ventre .article .rubrique-nb-count {
	font-size: 90%;
	font-style: italic;
}
#ventre .article .rubrique-description {
}
#ventre .site-article .description {
	display:block;
	margin:0 0 0.5em 142px;
	padding:0;
	min-height:10em;/**/
	height:10em;/**/
	float:none;
	color: #000;
}
#ventre .site-article .description p {
	font-style: normal;
	line-height: 160%;
	/*height:auto;/**/
	font-weight: normal;
	margin:0;
	padding:0;
	padding-right:2em;
	border:0;
	text-align: left;
}
#ventre .site-article .description p.url a {
	color: #00E102;
	
}
#ventre .site-article .description .votes {
	vertical-align: middle;
	text-align: left;
	padding:0;
	height:2em;
	line-height:1.4em;
}
#ventre .site-article .description .votes .v-legend {
	margin-right:0;
	float:left;
}
#ventre .site-article .description .votes .v-text {
	float:left;
	font-size:80%;
	margin-right:1ex;
}
#ventre .site-article .description .votes .v-picto-up
,#ventre .site-article .description .votes .v-picto-down 
,#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;
}
#ventre .site-article .description .votes .v-picto-down {
	background-image: url(img/picto-vote-down.gif);
}
#ventre .site-article .description .votes .v-picto-end {
	background-image: none;
	min-width:1px;
	width:1px;
	overflow:hidden;
}
#ventre .site-article .description .votes .v-form {
	margin:0; padding:0;
	font-size: 70%;
	line-height: 1.4em;
	float:none;
}
#ventre .site-article .description .votes .v-form select
,#ventre .site-article .description .votes .v-form label
,#ventre .site-article .description .votes .v-form option
,#ventre .site-article .description .votes .v-form input {
	font-size: 100%;
	vertical-align: middle;
}
#ventre .site-article .description .votes .v-form label {
	color:#000;
}
/**
 * f-broken : formulaire pour signaler un lien douteux
 */
#ventre .site-article .description .f-broken input {
	font-size: 90%;
}
#ventre .site-article .description .f-broken
,#ventre .site-article .description .f-broken input {
	margin:0;
	padding:0;
}
#ventre .site-article .description .f-broken {
	height:1.6em;
}
#ventre .site-article .description .f-broken input {
	color: #00E102;
	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;
}
#ventre .article .submit-site {
}
#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 {
	padding:1em 1ex 0.75em 0; margin:0;
}
#ventre .article .list-rubriq-item {
	margin: 0 0 0.5em 0;
	list-style: none;
	list-style-type:square;
	list-style-position:inside;
	padding:0 0 0 12px;
}
#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: #00ffff;
	padding-bottom:1ex;
}
#ventre .table-sites .table-legend h2 {
	color:white;
	font-size:110%;
	text-align:center;
	background-color: #CC0000;
	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: 80%;
	text-align: center;
	white-space: nowrap;
	line-height: normal;
}
#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;
	margin:0 6ex;
}
#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:#CCCCCC;
	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: #FFFFFF;
	border-top: thin double #FF0000;
	border-right: thick solid #333333;
	border-bottom: thick solid #333333;
	border-left: thin double #FF0000;
}
#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;
}
.ad-left .item {
	width:125px;
	height:125px;
	margin-bottom:8px;
}
.ad-right {
	width:128px;
	padding-left:8px;
	margin:8px;
	height:600px;
	float:right;
}
.only-print,
.nodisplay {
	display:none !important;
}

