@charset "iso-8859-1";
/*commun*/
body {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; background:#888; font-size: 11px; margin: auto; text-align: center; width: 980px}
a {color: #30B}
h1,h2,h3,h4,h5,h6 {color: #030}
h1 {text-align: center; margin: 0px; padding: 80px 0px 0px 20px; font-size: 19px}
h1 a{color: black; text-decoration: none}
h2 {font-size: 17px; text-align: left; padding: 0px 0px 0px 10px; margin: 0px 0px 5px 0px}
h3 {font-size: 15px}
h4 {font-size: 14px}
h5 {font-size: 13px}
h6 {font-size: 12px}
p {margin: 0px;}
img {border: 0px}
hr {width: 90%}
ul {list-style: none; margin: 0px; padding: 0px;}
li {margin: 0px; padding: 0px}
form {margin-top: 5px}
i {color: #888; font-weight: bold}
table {font-size: 11px}
td {vertical-align: top; padding: 10px 0px}
blockquote {margin: 10px; padding: 5px; background: #eee; text-align: left; border: 1px gray solid}

#partyprivate {width: 980px; background:url(/image/entete.gif) no-repeat #FFF; margin: 0px; padding: 0px; text-align: center; color: #000}
#onglet {width: 980px; color: #000; padding: 0px; margin: 72px 0px 0px 0px; background: url(../image/blanc.gif) no-repeat transparent; height: 25px}
#onglet a {color: #000; font-weight: bold; text-decoration: none}
.rouge {float:left; background: url(../image/rouge.gif) no-repeat transparent; height: 25px; line-height: 25px; width: 135px; font-size: 11px; text-align: center; margin-left: 170px}
.orange {float:left; background: url(../image/orange.gif) no-repeat transparent; height: 25px; line-height: 25px; width: 135px; font-size: 11px; text-align: center;}
.jaune {float:left; background: url(../image/jaune.gif) no-repeat transparent; height: 25px; line-height: 25px; width: 135px; font-size: 11px; text-align: center;}
.vert {float:left; background: url(../image/vert.gif) no-repeat transparent; height: 25px; line-height: 25px; width: 135px; font-size: 11px; text-align: center;}
.bleu {float:left; background: url(../image/bleu.gif) no-repeat transparent; height: 25px; line-height: 25px; width: 135px; font-size: 11px; text-align: center;}
.mauve {float:left; background: url(../image/mauve.gif) no-repeat transparent; height: 25px; line-height: 25px; width: 135px; font-size: 11px; text-align: center;}
#menu {float: right; width: 205px; margin: 0px; padding: 0px;}
#menu h2, #menu h3, #menu h4 {text-align: center; width: 205px; margin: 0px; padding: 0px}
#menu ul {width:200px; margin-bottom: 15px}
#menu li {font-size: 11px; text-align:left; line-height: 16px; border-bottom: 1px dashed #CCC; width: 200px}
#menu img {margin: 2px 15px}
#menu a {text-decoration: none}
#menu a:hover {font-weight: bold}
#pied {clear: both; width: 980px; text-align: center; text-transform: uppercase; font-weight: bold; margin: 25px 0px}
#pied a {color: #000; text-decoration: none;}
/*style*/
#page {margin: 30px 0px}
#page a{margin: 0px 3px}
#pied {clear: both; width: 980px; text-align: center; text-transform: uppercase; font-weight: bold; margin: 25px 0px}
#pied a {color: #000; text-decoration: none;}
#chemin {clear: both; width: 950px; background : #FEE; height: 20px; margin-bottom: 20px; border-bottom: 1px #F00 solid; border-top: 1px #F00 solid; line-height: 20px; font-size: 11px; text-align: left; padding: 0px 15px}
#chemin a {text-decoration: none; color: #40C}#accueil {float: left; width: 760px; margin: 0px; padding: 5px; border-right: 1px #CCC solid;}
#accueil h3 {text-align: left; clear: left; margin: 30px 0px 0px 0px; padding: 0px 0px 0px 20px; border-bottom: 1px #F00 solid; border-top: 1px #F00 solid; background: #FEE}
#accueil h4 {text-align: left; margin: 0px; padding: 20px 0px 0px 0px}
#accueil p {padding: 0px 30px; text-align: justify; font-size: 11px}
#sexe {float: left; width: 760px; margin: 0px; padding: 5px; border-right: 1px #CCC solid;}
#sexe h3 {text-align: left; clear: left; margin: 30px 0px 0px 0px; padding: 0px 0px 0px 20px; border-bottom: 1px #F00 solid; border-top: 1px #F00 solid; background: #FEE}
#sexe h3 a {text-decoration: none}
#sexe h4 {text-align: left; margin: 0px; padding: 20px 0px 0px 0px}
#sexe p {padding: 0px 30px; text-align: justify; font-size: 13px}
#sexe a {font-weight: bold;}
#sexe a.int {color: #D00; font-size: 11px; margin: 0px; font-style: italic; text-decoration: none}
#site {float: left; width: 760px; margin: 0px; padding: 5px; border-right: 1px #CCC solid;}
#site h3 {text-align: left; clear: left; padding: 30px 0px 0px 20px; margin: 0px;}
#site h3 a {text-decoration: none}
#site p {padding: 0px; text-align: justify; padding: 0px 30px; font-size: 13px;}
#site img {float: left; padding: 0px 0px 0px 10px}
#site a {font-weight: bold; color: #080 }
#site a.int {color: #D00; font-size: 11px; margin: 0px; font-style: italic; text-decoration: none}
#annuaire-sexe {float: left; width: 760px; margin: 0px; padding: 5px; border-right: 1px #CCC solid; text-align: center}
#annuaire-sexe p{float: left; width:220px;margin: 0px 5px 5px 5px; text-align: left;}
#annuaire-sexe a {font-weight: bold;}
#annuaire-sexe hr {clear: both; text-align: center}
#avis{font-family: Georgia, serif; font-style: italic; text-align: left; border: 1px solid #888; background: #CCC; padding: 10px; margin: 25px 0px}
#plan {padding-bottom: 25px; clear: both; font-size: 9px}
#plan h3 {text-align: left; margin-top: 10px}
#plan p{font-size: 9px}
#plan a {}
#plan img {margin: 0px 5px 25px 90px}
#access {margin: 35px 0px}
.info {color: #888; font-size: 9px; margin: 3px 0px; font-style: italic}
.information {color: #C00; margin-top: 5px}
.video {padding-bottom: 35px; text-align: left}
.video img {margin-right: 10px}
.sequence {float:left; width:390px}
.description {float:left; width:285px}
.photo {float:left; width: 320px}
.profile {float:left; width: 355px}
.separateur {clear: both}