@charset "iso-8859-1";
body {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; background:#ddd; font-size: 13px;	margin: auto; text-align: center; width: 770px}
a {font-weight: bolder; color: #F60;}
p {margin: 0px;}
img {border: 0px}
table,tr,td {margin:0px; padding: 0px}
ul, li {list-style: none}
/* COMMUN */
#entete {background:url(http://www.allopassexe.com/img/entete.gif) no-repeat #FFF; height: 200px; width: 770px}
#entete p {margin: 0px; padding: 30px 0px 0px 0px; text-align: center; width: 770px; color: #000}
#entete img {position: relative; width: 468px; height: 60px; text-align: left; margin: 45px 0px 0px 150px}


/* ACCUEIL */
#allopass {margin: auto; text-align: center; width: 770px; background: #FFF; color: #000}
#allopass h1,h2 {height: 21px; font-size: 15px; color: #F00; text-transform: uppercase; margin: 0px; background: #FFF;}
#allopass p {background: #FFF; color: #000; width: 626px; margin: 0px; text-align: justify; padding: 5px; font-size: 11px;}

#selection  {margin: auto; text-align: center; width: 770px; background: #FFF; color: #000}
#selection h3,h2 {font-size: 21px}
#selection p {font-weight: bold; margin: 10px 10px}
.entrer {font-size: 19px; text-align: center}
.sortir {font-size: 17px; text-align: center}

#partenaire {
	margin: auto;
	width: 750px;
	background: #FFF;
	color: #000;
	padding-right: 10px;
	padding-left: 10px;
}
#partenaire h4 {clear: both; font-size: 11px; margin: 0px; margin-top: 10px}
#partenaire ul {font-size: 9px; margin: 0px 0px 30px 0px; padding: 0px; text-align: center; width: 770px; background: #FFF;}
#partenaire li {float: left; width: 153px; text-align: left}
#partenaire a {color: #E00; background: #FFF; font-size: 9px}
#partenaire p {
	margin-top: 5px;
	text-align: justify;
}

/* ANNUAIRE */
#page {margin: auto; text-align: center; width: 770px; background: #FFF; color: #000}
#menu {float: left; text-align: center; width: 160px; background: #FFF; color: #000}
#menu ul {list-style: none; margin: 0px; padding: 0px; text-align: left; background: #FFF; width:130px; color: #000}
#menu li {margin: 0px 2px 0px 0px; padding: 0px 0px 0px 5px; font-size: 13px;}
#menu a {font-weight: normal; background: #FFF; color: #E00}
#menu a:hover {font-weight: bold}
#espace {width: 10px; background: #FFF; color: #000}
#allopass-sexe {float: left; width: 600px; background: #FFF; color: #000}
#allopass-sexe p {text-align: justify; font-size: 11px}
#allopass-sexe a {color: #E00; background: #FFF}
#allopass-sexe img {margin-right: 5px}

#liste td {width: 210px; line-height: 32px; height:50px; background: url(http://www.allopassexe.com/img/logo-telephone.gif) no-repeat; text-align: left}
#liste td:hover {width: 210px; line-height: 32px; height:50px; background: url(http://www.allopassexe.com/img/logo-bouge.gif) no-repeat}
#liste a {line-height: 50px; margin-left: 50px}
#liste hr {clear: both}
.block {
	float: left;
	width: 760px;
	border: 1px black solid;
	margin: 5px;
	background: #FFF
}
.block h3 {
	font-size: 11px;
	text-align: left;
	margin: 1px;
	padding-bottom: 5px;
	text-transform: uppercase
}
.block p {
	margin: 0px;
	padding: 5px;
	height: auto;
	width: 750px;
	overflow: auto
}

#pied {clear: both; background: #F60; color:#FFF; Text-transform: uppercase; font-weight: bold; width: 770px; font-size: 11px;}
#pied a {color: #FFF; background: #09F}
#pied p {text-align: center}
#visiter {text-align:left}
#visiter p {margin: 10px 0px 0px 0px; text-align: center}

#convexes {width: 570px; border: 1px solid black; margin: 15px 30px 15px 5px; padding: 2px 2px 15px 2px}
#convexes h3,p {clear:both; font-size: 11px; margin: 0px; text-align: left;}
#convexes h3 {text-decoration: underline}
#convexes p {padding-bottom: 5px}