/* CSS Document */


/* --------------- */
/* Coins arrondis */
/* --------------- */
.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}




body {
	background-color: #000;
	font:76% "Trebuchet MS",arial,sans-serif;
	color: #FFFFFF;
	padding:0px;
	margin:0px;
}
#conteneur{
	width: 780px;
	margin: 0 auto;
/*	border-right-width: medium;
	border-left-width: medium;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #003366;
	border-left-color: #003366;*/
}
#header{
	width: 780px;
	height: 200px;
	margin: 0 auto;
	background-image:url(/images/design/header.jpg);
}
#wrapper-top{
	float: left;
	height: 50px;
	width: 780px;
	background-image:url(/images/design/content-top.jpg);	
}
#wrapper{
	float: left;
	width: 100%;
	background-image:url(/images/design/content-in.jpg);
	background-repeat:repeat-y;
	
}
#wrapper-bottom{
	float: left;
	height: 50px;
	width: 780px;
	background-image:url(/images/design/content-bottom.jpg);	
}

#centre{
	margin: 0 130px 0 150px;
}


#gauche_zonepro{
	float:left;
	width:180px;
/*	margin: 0 0 0 3px;
*/}


#gauche{
	float:left;
	width:140px;
/*	margin: 0 0 0 3px;
*/}
#droite{
	float:right;
	width:120px;
/*	margin: 0 3px 0 0;
*/}

#footer{
	clear: left;
	width: 100%;
	padding-top:5px;
	text-align: center;
	font-size: 90%;
	color: #CCC;
	clear: both;
	margin-top: 20px;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #003366;

}

/*----------------*/
/* MENU DE DROITE */
/*----------------*/
.calendrier{
	margin: auto;
	font-family: Verdana, Arial, Helvetica; 
	font-size: 8px; 
	font-style: normal;
	width:120px;
	text-align:center;
}
.calendarNav{  
	background-color: #59ACFF
}
.calendarTop1{
	font-size: 100%; 
	color: #FFFFFF; 
	font-weight: bold;  
	background-color: #A9B4B3;
}
.calendarToday1 {
	font-weight: bold;
	color: #990000;
	background-color: #A0C0C0;
}
.calendarDays1{
	width:15;
	height:15; 
	color: #000000;
	text-align: center;
}
.calendarHL1{
	width:15;
	height:15;
	color: #FF0000; 
	background-color: #00FF00; 
	text-align: center;
}
.calendarHeader1{
	background-color: #A9B4B3; 
	color: #FFFFFF;
}
.calendarTable1{
	border: 1px solid #A9B4B3;
}
.evenement_semaine{
	margin: auto;
	font-family: Verdana, Arial, Helvetica; 
	font-size: 80%;
	font-style: normal;
	width:120px;
	text-align:center;
}
.evenement_semaine p{
	padding:0 5px;
	background: #99ccff
}
.evenement_semaine h3 {
	font-size: 100%;
	margin:0;
	padding: 0 0 3px;
	background: #99ccff;
	color: #FFF;
	text-align: center
}


/*----------------*/
/* MENU DE GAUCHE */
/*----------------*/

#menu{
	width:140px;
	margin:10px auto;
border-bottom: 1px solid #A9B4B3;
}
#menu p{
	padding:0 3px;
}
#menu h1{
	font-size: 100%;
	padding: 3px 3px;
	background: #A9B4B3;
	color: #FFF
}
#menu h2{
	font-size: 100%;
	margin:0;
	padding: 0 0 3px;
	color: #FFF;
	text-align: center
}
#menu a{
	color: #333;
	text-decoration:none;
}
#menu a:hover{
	text-decoration:underline;
	color: #000
}



.menu, .guide_gay_france, .partenaires, .limiter_dpt{
	width:140px;
	margin:10px auto;
	border: 1px solid #A9B4B3;
}
.menu p, .guide_gay_france p, .partenaires p, .limiter_dpt p{
	padding:0 3px;
}
.menu h1, .guide_gay_france h1, .partenaires h1, .limiter_dpt h1{
	font-size: 100%;
	padding: 3px 3px;
	background: #A9B4B3;
	color: #FFF
}
.menu h2, .guide_gay_france h2, .partenaires h2, .limiter_dpt h2{
	font-size: 100%;
	margin:0;
	padding: 0 0 3px;
	color: #FFF;
	text-align: center
}
.menu a, .guide_gay_france a, .partenaires a, .limiter_dpt a{
	color: #333;
	text-decoration:none;
}
.menu a:hover, .guide_gay_france a:hover, .partenaires a:hover, .limiter_dpt a:hover {
	text-decoration:underline;
	color: #000
}














.blocs-fond{
	background-image: url(/images/design/blocs-fond.gif);
	height: 310px;
	width: 500px;
	float: left;
	background-color: #99FFCC;
}

.1{
width: 498px;
}

.2{
width: 498px;
}

.bf1{
	float: left;
	width: 250px;
	height: 150px;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
	overflow:hidden;
	text-align: center;
}


.bf1d{
	float: right;
	width: 200px;
	height: 62px;
	overflow:hidden;
	margin-top: 0px;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	clear: none;
}

.bf2b_big{
	float: right;
	width: 190px;
	height: 60px;
	overflow:hidden;
	margin-top: 0px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	clear: none;
}

.bf3b_small{
	float: right;
	width: 190px;
	height: 60px;
	overflow:hidden;
	margin-top: 0px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	clear: none;
}

.bf4b_small{
	float: left;
	width: 240px;
	height: 110px;
	overflow:hidden;
	margin-top: 0px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 25px;
	clear: none;
}




.desc_site {
	height: 100%;
	float: left;
	border: 1px dashed #FF9900;
	color:#CCCCCC;
	width: 500px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

.accueil_cinema {
	height: 100%;
	float: left;
	border: 1px dashed #FF9900;
	color:#CCCCCC;
	width: 500px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

.google_accueil_468 {
	height: 100%;
	float: left;
	width: 500px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
}

/*---------------------------------------------------- */









h1,h2{text-align:left;padding-left: 15px;margin: 0 0 0 0px}
a{color: #333;text-decoration:none;}
a:hover{text-decoration:underline;color: #000}

p{margin: 0;padding: 0 15px 0.7em;line-height: 1.5;}
address{font-style: normal}

div.gradient{background: #F2F2F2 url(gradient.png) repeat-x top;margin: 15px}
div.gradient p{margin:0;padding: 2px 5px}
p.codehere{color: #2A4D91}








#menu-select-top{
	position: absolute;
	width:507px;
	height:15px;
	margin-left: 250px;
}

#menu-search-top{
	position: absolute;
	width:507px;
	height:30px;
	margin-left: 250px;
	margin-top: 30px;
}



/* MENU DE DROITE */
.login{width:120px;background:#99ccff;text-align:center;}
.login h3 {font-size: 100%;margin:0;background: #99ccff;color: #FFF;text-align: center}
.login p{padding:0 0px}
.logininput {background-color:#99ccff;font:bold;color:#FFFFFF;width:100}
.login a{font-size: 110%;font:bold;color: #FFF;text-decoration:none;}
.login a:hover{font-size: 110%;font:bold;text-decoration:underline;color: #59ACFF}


/* MENU PRO */
.login_zonepro {
	width:150px;
	text-align:center;
	margin:10px auto;
	border: 1px solid #A9B4B3;
	background-color: #CCCCCC;
}

/* MENU PRO */

#login{width:150px;background:#D8861C;text-align:center;margin:10px auto;
border-bottom: 1px solid #A9B4B3;
}
#login h3 {font-size: 100%;margin:0;background: #99ccff;color: #FFF;text-align: center}
#login p{padding:0 0px}
#logininput {background-color:#99ccff;font:bold;color:#FFFFFF;width:100}
#login a{font-size: 110%;font:bold;color: #FFF;text-decoration:none;}
#login a:hover{font-size: 110%;font:bold;text-decoration:underline;color: #59ACFF}




/* Inscription */

div.row {
margin:auto;
 	clear: both;
	padding-top: 10px;
 }
div.row span.label {
 	float: left;
 	width: 130px;
 	text-align: right;
	margin-right: 30px;
 }
 
/* div.row span.formw {
	float: right;
 	width: 200px;
 	text-align: left;
 } */


/* LISTE DES ETAB */
div.liste_lieu1{width: 250px;background: #B3D9FF}
div.liste_lieu1 h1{font-size: 100%;margin:0;padding: 0 0 3px;background: #B3D9FF;color: #333;text-align: center}
div.liste_lieu2{width: 100%;background: #CEE7FF}
div.liste_lieu2 h1{font-size: 150%;padding: 0 90px 3px;background: #B3D9FF;color: #333;text-align: left}
div.liste_lieu2 h3{
	margin:0;
	font-size: 100%;
	font-style: bold;
	background: #CEE7FF;
	color: #666;
	text-align: left;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 90px;
}
div.liste_lieu_pic{float:left;margin:10px 10px 20px;width: 120px; height: 90px;background: #FFF}
div.liste_lieu2 p{
	margin: 0;
	padding: 5 15px;
	line-height: 1.5;
	text-align: left;
	color: #666;
	
}
a.liste_lieu {color: #0033ff}
a.liste_lieu:hover{color: #000}

a.num_page {font-size: 130%;color: #fff;text-decoration:none;}
a.num_page:hover{font-size: 130%;text-decoration:underline;color: #ccc}
span.num_page {font-size: 130%;color: #fff;text-decoration:none;}

/* LISTE DES ETAB SI LIEU NON REPERTORIE POUR LES NON MEMBRES*/
div.liste_lieu1_indispo{width: 250px;background: #FFCCCC}
div.liste_lieu1_indispo h1{font-size: 100%;margin:0;padding: 0 0 3px;background: #FFCCCC;color: #333;text-align: center}
div.liste_lieu2_indispo{
	width: 100%;
	background-color: #FFCCFF;
}
div.liste_lieu2_indispo h1{font-size: 150%;padding: 0 90px 3px;background: #FFCCCC;color: #333;text-align: left}
div.liste_lieu2_indispo h3{
	margin:0;
	font-size: 100%;
	font-style: bold;
	background: #FFCCFF;
	color: #333;
	text-align: left;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 90px;
}
div.liste_lieu_pic_indispo{float:left;margin:10px 10px 20px;width: 120px; height: 90px;background: #FFF}
div.liste_lieu2_indispo p{
	margin: 0;
	padding: 5 15px;
	line-height: 1.5;
	text-align: left;
}
a.liste_lieu_indispo {color: #0033ff}
a.liste_lieu_indispo:hover{color: #000}




/* DETAIL DES ETAB */
div.detail_etab1{width: 250px;background: #B3D9FF;margin-top:30px}
div.detail_etab1 h1{font-size: 100%;margin:0;padding: 0 0 3px;background: #B3D9FF;color: #333;text-align: left}
div.detail_etab2{width: 100%;background: #CEE7FF;color: #666666}
div.detail_etab2 h1{font-size: 180%;padding: 0 90px 3px;background: #B3D9FF;color: #333;text-align: left}
div.detail_etab2 h3{margin:0;padding:0 90px;font-size: 120%;font-style: bold;background: #CEE7FF;color: #333;text-align: left}
div.detail_etab2 h4{padding:0 90px;font-size: 120%;font-style: bold;background: #CEE7FF;color: #333;text-align: left}
div.detail_etab2 h2{
	font-size: 120%;
	color: #333;
	text-align: left;
	background-color: #FF9966;
	text-decoration: blink;
}


div#detail_pic{float:left;margin:10px;width: 120px; height: 90px;background: #B3D9FF;margin-bottom:0px}

div.detail_album1{width: 100%;height:150px;background: #CEE7FF}
div#detail_album{height:100%;background: #CEE7FF}
div#detail_album h1{font-size: 100%;padding: 5px 10px;line-height: 0.5; bold}
div#detail_album ul{list-style-type: none;margin:0 15px;padding:0}
div#detail_album li{float:left;width:140px;margin: 10px 10px 10px 0;padding: 5px 0;background-color: #FFF}
div#detail_album li img{display: block;width: 120px;height: 90px;margin:0 10px;padding: 5px 0;border: 0px}

div.detail_head{height: 160px;background: #CEE7FF}

a.detail_etab {color: #0033ff}
a.detail_etab:hover{color: #000}
div.detail_adresse{float: right;background: #FFF;width:150px;margin-right:5px}
div.detail_adresse h1{font-size: 100%;margin:0;padding: 0 0 3px;background: #fff;color: #000;text-align: center}
div.detail_adresse p{padding:0 0px;margin:0 0 0 0px}
.detail_adresse form{padding:0 0px;margin:0 0 0 0px;text-align:center}


div#detail_agenda{width: 100%;background: #CAEDAF}
div#detail_agenda h1{font-size: 120%;padding: 0 15px 3px;color: #333;text-align: left}
div#detail_agenda_soiree{height: 90px; padding: 5px; overflow:hidden; cursor:help; color: #666666}
div#detail_agenda_soiree h1{font-size: 120%;padding: 0 15px 3px;color: #333;text-align: left}
div#detail_agenda_soiree p{margin:0;padding: 5px 10px;line-height: 1;text-align: justify}
div#detail_agenda_soiree img{float: left; width: 80px; height: 80px; margin-right: 10px; margin-left: 10px}



div#detail_note{width: 100%;background: #FFCC66; color: #666666}
div#detail_note p{margin:0;padding: 5px 10px;line-height: 1;text-align: justify}
div#detail_note h1{font-size: 120%;padding: 0 15px 3px;background: #FFCC66;color: #333;text-align: left}
div#detail_comment{width: 100%;background: #FFCCCC; color: #666666}
div#detail_comment p{margin:0;padding: 5px 10px;line-height: 1.5;text-align: justify}
div#detail_comment ul{margin: 0;padding: 5 35px;line-height: 1.5}
div#detail_comment hr{width: 300px;text-align: center;background: #FFCCCC}
div#detail_comment h1{font-size: 120%;padding: 0 15px 3px;background: #FFCCCC;color: #333;text-align: left}

div#ajoutcommentaire {width:150px;background:#99ccff;text-align:center;margin-bottom:20px}
div#ajoutcommentaire p{padding:0 5px;background: #99ccff}
div#ajoutcommentaire h3 {font-size: 100%;margin:0;padding: 0 0 3px;background: #99ccff;color: #FFF;text-align: center}

div#rech_complexe{width:100%;margin-top: 10px;text-align:center;color:#FFFFFF}
div#rech_complexe h1{font-size: 150%;text-align:center}
div#rech_complexe h3{font-size: 100%;text-align:center}
div#rech_complexe p{padding:0 5px;text-align:center}
div#rech_complexe a{color:#ffffff}

div.titrecatnews{background: #fff;width:33%}
div.titrecatnews h1{font-size: 150%;text-align:center}

div.listenews{background: #fff;width:100%;margin-left:20px}
div.listenews span{float:left;width:33%;}
div.listenews h2{font-size: 130%}
div.listenews p{padding:0 15px;font-size: 120%}
div.listenews img{float:left;margin-left: 15px ; margin-right: 15px ;margin-bottom: 10px; margin-top:15px}

div#news{background: #fff;width:100%;margin-top: 10px}
div#news h1{font-size: 150%}
div#news img{float:left;margin-left: 15px ; margin-right: 15px ;margin-bottom: 10px; margin-top:15px}
div#news p{padding:0 15px;font-size: 120%;margin-top:15px}
span#news_index{background: #fff;width:45%;margin-top: 10px;float:left}
span#news_index h1{font-size: 140%}
span#news_index p{padding:0 15px;font-size: 110%}
span#news_index a.image{float:left;margin-left: 15px ; margin-right: 10px ;margin-bottom: 2px; margin-top:5px}

.news_index{background: #fff;width:45%;margin-top: 10px;float:left}
.news_index h1{font-size: 140%}
.news_index p{padding:0 15px;font-size: 110%}
.news_index a.image{float:left;margin-left: 15px ; margin-right: 10px ;margin-bottom: 2px; margin-top:5px}


div#agenda{
	width:100%;
	margin-top: 10px
}
div#agenda h1{font-size: 150%}
div#agenda h2{font-size: 110%}
img#agenda_flyer {float:left;margin-left: 15px ; margin-right: 15px ;margin-bottom: 10px; margin-top:15px}
div#agenda p{padding:0 15px;font-size: 120%;margin-top:15px}
div#agenda a{color:#CCCCCC}
img#agenda_icones {margin-left: 10px;margin-right: 10px; margin-top: 0px}


span#agenda_index{background: #fff;width:45%;margin-top: 10px;float:left}
span#agenda_index h1{font-size: 140%}
span#agenda_index p{padding:0 15px;font-size: 110%}
span#agenda_index a.image{float:left;margin-left: 15px ; margin-right: 10px ;margin-bottom: 2px; margin-top:5px}


.index_lastetab{
	float: right;
	margin-top:1px;
	margin-bottom:1px;
	width: 250px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	height: 120px;
}
.index_lastetab2{
	display:block;
	font-size: 14px;
	font-style: normal;
	padding-left: 10px;
	padding-bottom: 2px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
	font-variant: normal;
}
a.index_lastetab2 {
	color:#FFFFFF;
	font-size: 12px;
}




/* INDEX AGENDA */
div#index_agenda_titre {
	float:left;
	height: 18px;
	width: 498px;
	text-align:center;
	overflow:hidden;
	border-top: 1px dashed #666666;
	border-right: 1px dashed #666666;
	border-left: 1px dashed #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #FF9900;
}
div#index_agenda_soustitre {
	float:left;
	height: 17px;
	width: 498px;
	overflow:hidden;
	text-align:right;
	vertical-align:middle;
	border-bottom: 1px dashed #666666;
	border-right: 1px dashed #666666;
	border-left: 1px dashed #666666;
	background-color: #ff9900;
}
.index_agenda {
	float:left;
	height: 90px;
	width: 248px;
	overflow:hidden;
	border: 1px dashed #FF9900;
	cursor: help;
}
.index_agenda h1 {
	font-size:14px;
}
.index_agenda a{
	font-size:14px;
	color: #CCCCCC;
}
.index_agenda p {
	padding-left: 3px;
	margin:0;
	font-size: 12px;
}
.index_agenda img{
	float:left;
	height: 50px;
	width: 50px;
	margin-right: 3px;
	margin-left: 3px;
}


/* INDEX ZONE PERSO 1 */
div#index_zoneperso1{
	height: 100%;
	float: left;
	border: 1px dashed #FF9900;
	color:#CCCCCC;
	width: 500px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
/* */

.afficher_code {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	height: 200px;
	overflow: scroll;
	background-color: #EFEFEF;
	border: thin groove #999999;
	color: #999999;
}