/***** BODY *****/

body { margin:0px; }
div { font-family:arial; font-size:12px; }
td { font-family:arial; font-size:12px; }
a { color:#317DD2; }
.disclaimer { width:466px; height:70px; font-family:arial; font-size:8pt; border-width:1px; border-color:#999999; border-style:solid; }
#bookmark { text-align:center; padding:12px; margin:0px; }

/****** MENU *******/
/* CSS du menu vertical, bieler batiste : http://dosimple.ch/articles/Menus-dynamiques/menuVertical.html */

.menu{ border-top:solid 4px #CC3084; position:absolute; /* solve a Opera7/IE display bug */ width:135px; width/**/:135px; margin:0; padding:0; }
.menu .titre { background:url('/images/ag-bt-titre.gif') no-repeat; height:25px; color:#FFFFFF; line-height:24px; font-weight:bold; font-family:verdana; border-top:solid 1px #FFFFFF; text-indent:10px; }
.menu span{ display:none; } 
.menu ul{ margin:0; padding:0; position:absolute; /* important */ width:135px; width/**/:135px; }
.menu li ul { visibility:hidden; }
.menu li ul { margin-left:135px; margin-top:-24px; }
.menu a { font-size:12px; display:block; text-decoration:none; height:24px; line-height:24px; width:135px; color:#000; background:url('/images/ag-bt-off2.gif') no-repeat; text-indent:12px; margin:0; padding:0; }
.menu .multi { position:absolute; left:122px; margin-top:7px; background:url('/images/ag-bt-fleche.gif') no-repeat; width:5px; height:9px; }
.menu a:hover { background:#CC3084; color:#FFFFFF; }
/* for a mozilla better display with key nav */
.menu a:focus { background:#CC3084; color:#FFFFFF; }
/* hide some accessibility stuff */
.menu span{ display:none; }
.menu ul li ul { border-top: 1px #CC3084 solid; }
.menu ul li ul li a { background:url('/images/ag-bt-off3.gif') no-repeat; }
a.linkOver{ background:#CC3084; color:#FFFFFF; } 
.menu li{ width:135px; display:block; float:left; list-style:none; margin:0; padding:0; }
/* IE PC selector */
* html .menu li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
}

#dc { height:60px; text-align:left; font-size:12px; padding:0px 8px 0px 8px; background-color:#EEEEEE; }
#dc .dc_site { padding:8px 0px 8px; 0px; }
#dc .dc_lien a { color:#0000CC; font-size:13px; font-weight:bold; text-decoration:underline; }
#dc .dc_lien a:hover { color:#CC0000; }
#dc .dc_desc { color:#000000; font-size:12px; }
#dc .dc_url { color:#666666; font-size:11px; }

/******* ARCHITECTURE ******/

div#left {
	float: left;
    width: 135px;
	height:auto;
	position:absolute; top:92px;
    margin: 0px 0px 0px 0px;	
	z-index: 2;
	background-color:#CCCCCC;
}
div#right {
    float: right;
    width: 220px;
	height:600px;
	position:absolute; top:92px;
    margin: 0px 0px 0px 690px;	
	z-index: 1;
}
div#middle {
    /*width: 468px;*/
	height:auto;
	z-index: 5;
    margin: 9px 0px 0px 155px;
	_margin-top:6px;
}

/* HEADER */
#head { width:100%; height:83px; background:url('/images/ag-head.gif') repeat; }
#head .logo { float:left; width:383px; }
#head .search { float:left; margin:15px 0px 0px 25px; line-height:20px; }
#topref h1 { height:12px; text-align:center; padding:2px; margin:0px; border:0px; background-color:#3382BA; color:#FFFFFF; font-family:arial; font-size:9px; letter-spacing:2pt; }
#topref a { height:12px; text-align:center; padding:2px; margin:0px; border:0px; background-color:#3382BA; color:#FFFFFF; font-family:arial; font-size:9px; letter-spacing:2pt; text-decoration:none; }

/* CONTENU AU MILIEU */
#content { width:500px; background-color:#FCFCFC; border:solid 1px #EEEEEE; border-top:solid 1px #DDDDDD; padding:10px; background-image:url('/images/ag-content.gif'); background-repeat:repeat-x; }
#accueil { width:820px; height:auto; background-color:#FCFCFC; border:solid 1px #EEEEEE; border-top:solid 1px #DDDDDD; padding:10px; background-image:url('/images/ag-content.gif'); background-repeat:repeat-x; }
#accueil .gauche { width:480px; padding-right:10px; }
#accueil .droite { width:300px; border-left:dotted 1px #CCCCCC; padding-left:15px; }

#acc_vid { margin-top:15px; }
#acc_vid .extrait { height:110px; width:295px; }
#acc_vid img { float:left; width:120px; margin:0px 10px 5px 0px; }
#acc_vid .texte { float:left; width:157px; text-align:justify; }
#acc_vid .titre { font-weight:bold; line-height:20px; }
#acc_vid .desc { font-size:11px; }

#photo {   }
#photo .pic { background-color:#FFFFFF; background-image:url('/images/ag-photo-th.gif'); background-repeat:repeat-x; background-position:bottom; border:solid 1px #CCCCCC; width:110px; vertical-align:middle; text-align:center; color:#999999; font-size:10px; }
#photo td.th { height:110px; }
#photo img { border:0px; }
#photo .barre { width:480px; }
#photo .news { float:left; width:380px; font-size:11px; color:#999999; }
#photo .news a { font-size:11px; color:#999999; text-decoration:none; }
#photo .news a:hover { text-decoration:underline; }
#photo .suite { float:left; width:100px; text-align:right; }
#photo .suite a { font-size:14px; font-weight:bold; color:#0066CC; text-decoration:underline; }
#photo .suite a:hover { color:#CC3399; }
#photo h2 { text-align:center; color:#999999; }
#photo .offert { text-align:center; color:#666666; margin-bottom:20px; }
#photo .offert a { color:#666666; text-decoration:underline; }
#photo .retour { margin:20px; }
#photo .retour a { font-size:14px; font-weight:bold; color:#0066CC; }
#photo .retour a:hover { color:#CC3399; }

#video { text-align:center; margin-top:25px; }
#video .cadre { width:420px; background-color:#EEEEEE; border:solid 1px #CCCCCC; }
#video .complet { margin-top:12px; }
#video .complet a { font-size:18px; font-weight:bold; }
#video .complet a:hover { font-size:19px; color:#CC3084; }
#video h3 { color:#333333; font-size:13px; }
#video .desc { color:#333333; font-size:11px; text-align:justify; margin:0px 8px 10px 8px; }
#video img.th { margin:0px 8px 5px 8px; }

/* PUBLICITE */
#top_468x60 { text-align:center; height:60px; margin-bottom:20px; }
#top_468x60 .pub { border:solid 1px #CCCCCC; background-color:#FFFFFF; width:468px; height:60px; }

#floater { background-color:#F4F4F4; border:solid 1px #CCCCCC; }
#floater .titre { background:url('/images/ag-bt-titre2.gif') repeat-x; height:25px; color:#FFFFFF; text-align:center; line-height:24px; font-weight:bold; font-family:verdana; border:solid 1px #FFFFFF; }


/* ANNUAIRE */
#annu img.image { float:left; margin-right:15px; border:solid 1px #999999; }
#annu .video { height:100px; }
#annu .titre_cat { font-family:verdana; font-size:1px; font-weight:bold; color:#666666; text-decoration:none; }
#annu .order { color:#888888; font-style:none; }
#annu .titre { line-height:22px; }
#annu .titre a { font-size:12px; font-weight:bold; color:#0066CC; text-decoration:none; }
#annu .titre a:hover { font-size:12px; font-weight:bold; color:#CC3399; text-decoration:underline; }
#annu .titre a.lien_search { font-weight:normal; text-decoration:underline; }
#annu .desc { font-size:11px; color:#333333; line-height:14px; }
#annu .ndd { font-size:11px; color:#888888; text-decoration:none; }
#annu .separe { height:1px; background:url('images/_dot.gif') repeat; }
#annu .site {
	margin: 7px 0px 7px 0px;
	padding: 0px; }
	
#votes { margin-top:5px; background-color:#FFFFFF; font-size:11px; color:#777777; border-bottom:solid 1px #AAAAAA; border-right:solid 1px #AAAAAA; border-top:solid 1px #EEEEEE; border-left:solid 1px #EEEEEE; padding:4px; }
#votes .info { width:12px; height:12px; cursor:pointer; _cursor:hand; background:url('/images/ag-info.gif') no-repeat; position:absolute; left:620px; margin-top:3px; }
#votes b { color:#555555; }
#votes img { vertical-align:middle; cursor:pointer; _cursor:hand; }

#navig { height:30px; margin-top:12px; margin-bottom:5px; }
#navig .pages { width:100px; color:#999999; }
#navig .nums { text-align:left; line-height:22px; }
#navig .suite { text-align:right; line-height:22px; }
#navig a { border:1px solid #BDBDBD; background-color:#FFFFFF; font-family:Verdana; font-size:11px; color:#999999; font-weight:normal; padding:3px; text-decoration:none; }
#navig a:hover { border:1px solid #BDBDBD; background-color:#317DD2; font-family:Verdana; font-size:11px; color:#FFFFFF; font-weight:normal; padding:3px; }
#navig .active { border:1px solid #BDBDBD; background-color:#EFEFEF; font-family:Verdana; font-size:11px; color:#666666; font-weight:bold; padding:3px; }
	
/* THEMATIQUE */
#thema { width:100%; padding:0px; margin:0px; border:0px; }
#thema td { font-size:11px; border-collapse:collapse; padding:0px; margin:0px; border:0px; padding-right:2px; }
#thema a { font-size:11px; font-weight:normal; color:#276FC0; text-decoration:none; }
#thema a:hover { font-size:11px; font-weight:normal; color:#CC3399; text-decoration:underline; }
#thema .titre { font-family:verdana; font-size:11px; line-height:20px; font-weight:bold; color:#666666; text-decoration:none; }
	
/* ARBORESCENCE */

#titre { height:37px; background:url('/images/ag-titre-fond.gif') repeat-x; line-height:30px; margin-bottom:5px; }
#titre .bord1 { height:37px; background:url('/images/ag-titre-bord.gif') no-repeat; background-position:left; }
#titre .bord2 { height:37px; background:url('/images/ag-titre-bord.gif') no-repeat; background-position:right; }
#titre .texte { padding:6px; color:#888888; }
#titre .rub { color:#CC3399; text-transform:uppercase; font-weight:bold; }
#titre .arbo {  }
#titre .arbo a { font-family:arial; font-size:14px; font-weight:bold; color:#CC3399; text-decoration:underline; }
#titre a.active { font-family:verdana; color:#333333; font-weight:bold; font-size:13px; text-decoration:none; }

/* FOOTER */

#footer { border-top:dotted 1px #CCCCCC; text-align:center; background-color:#FEFEFE; margin-top:50px; }
#footer .master { height:12px; padding:2px; margin:0px; border:0px; color:#999999; font-family:arial; font-size:11px; }
#footer .master a { color:#999999; font-family:arial; font-size:11px; text-decoration:underline; }
#footer .legal { color:#BBBBBB; font-family:arial; font-size:10px; }
#footer .legal a { color:#999999; font-family:arial; font-size:10px; text-decoration:underline; }
#footer a.copysexe { color:#BBBBBB; font-family:arial; font-size:10px; text-decoration:none; }

#presente { width:468px; font-family:arial; font-size:10px; color:#999999; font-weight:normal; text-align:justify; }


/* AUTRES */

#partenaire { width:468px; font-family:arial; font-size:9px; color:#999999; }
#partenaire a { font-family:arial; font-size:9px; color:#999999; font-weight:normal; text-decoration:none; }

#gay { font-family: arial; font-size:11px; color: #999999; font-weight:normal; text-decoration:none; }
#gay a { font-family: arial; font-size:12px; color: #CE1451; font-weight: bold; text-decoration:underline; }
#gay a:hover { font-family: arial; font-size:12px; color: #3685BE; font-weight: bold; text-decoration:underline; }

.desc_webtv { text-align:justify; color:#CCCCCC; font-size:10px; position:absolute; width:485px; _margin-top:38px; top:930px; }
.liwebtv { background:url('/images/ag-bt-on2.gif'); no-repeat; }