@charset "iso-8859-1";
body {color: #000;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; background: #DEF; margin: auto;text-align:center;width: 980px}

a {text-decoration: none;font-weight: bold; color: #06F;}
h1 {font-size: 13px; color: #000; margin: 0px; text-align: center}
h2 {font-size: 13px; color: #000; margin: 20px 0px 0px 0px; text-align: center}
p {margin: 0px}
img {border: 0px; margin: 0px; padding: 0px}

#corp {background: #FFF; width: 980px; font-size: 13px}

#marqueur {width:980px; margin: 0px; margin-bottom: 15px}
#marqueur h1 {font-size: 13px; color: #06F; margin: 0px; text-align: center; line-height: 28px; text-transform:uppercase;}
#marqueur p {margin: 0px; text-align: right; margin: 0px 0px 20px 0px}

#video {float: right; width: 760px; margin: 0px;}
.titre {background: url(img/video_titre.gif) #FFF; width: 760px; height: 40px; margin: 0px; padding: 0px; text-align: center}
.titre p {float: left; width: 75px; margin: 0px; padding: 0px; font-size: 9px; line-height: 32px; font: bold}
.titre h2 {float: left; font-size: 11px; width: 602px; margin: 0px; line-height: 30px}
.contenu {clear: both; background: url(img/video_corp.gif) #FFF; width: 760px; margin: 0px}
.contenu p {margin: 0px; padding: 5px 20px 5px 20px; text-align: justify}
#bas {background: url(img/video_bas.gif) no-repeat #FFF; width: 760px; height: 50px; margin: 0px}
#detail {width: 760px; background: url(img/separateur.gif) #FFF; margin: 0px;}

#video-video {float: right; width: 760px; margin: 0px;}
.video-titre {background: url(img/video_titre.gif) #FFF; width: 760px; height: 40px; margin: 0px; padding: 0px; text-align: center}
.video-titre p {float: left; width: 75px; margin: 0px; padding: 0px; font-size: 9px; line-height: 32px; font: bold}
.video-titre h2 {float: left; font-size: 11px; width: 602px; margin: 0px; line-height: 30px}
.video-contenu {clear: both; background: url(img/video_corp.gif) #FFF; width: 760px; margin: 0px}
.video-contenu p {margin: 0px; padding: 5px 20px 5px 20px; text-align: justify}
#video-bas {background: url(img/video_bas.gif) no-repeat #FFF; width: 760px; height: 50px; margin: 0px}

.acces {border: 1px solid #88FFFF; width:660px;background:#CCFFFF;margin:0px 40px}
.acces h3 {width:660px;background:#AFF; text-align: left; text-transform:uppercase;margin:0px;height:21px}
.acces p {margin: 0px; padding: 0px 5px}

#preambule {text-align: justify; width:980px; background: #CCC; font-size: 13px;}
#preambule h2 {width: 980px; height: 30px; background: #06F; margin: 0px; color: #FFF; font-size: 18px; text-align: center}
#preambule p {margin: 0px; padding-left: 20px; padding-right: 20px;}
#bas-bleu {width: 980px; height: 20px; background: #06F; margin: 0px;}

#fini {clear: both; width: 980px; font-size: 13px;}
#fini p {margin-top: 20px}
#fini a {color: #03C}
#fin {clear: both; width: 980px; background: #FFF; text-transform: uppercase; margin: 25px 0px}
#fin a {color: #06F; text-transform: uppercase; font-size: 13px; margin: 0px 2px}
#fin {clear: both;}


#supplement {float: right; margin-left:15px; width: 200px;}
#supplement h3 {margin: 0px; font-size: 11px; height: 32px; width: 200px; color: #FF0; background: url(img/menu.gif);line-height: 28px}
#supplement ul {margin: 0px; padding: 0px; list-style: none; background: url(img/categorie.gif); width: 200px;}
#supplement li {margin: 0px; padding: 0px; text-align: left; font-size: 11px; height: 20px; color: #06F;}
#supplement a {text-align: left; padding-left: 30px; font-size: 11px; line-height: 15px; color: #06F;}
.supplement-fin {background: url(img/menu_bas.gif) no-repeat #FFF; height: 40px; width: 200px;}

#lemenu {float: left; margin-right:15px; width: 200px;}
#lemenu h3 {margin: 0px; font-size: 11px; height: 32px; width: 200px; color: #FF0; background: url(img/menu.gif);line-height: 28px}
#lemenu ul {margin: 0px; padding: 0px; list-style: none; background: url(img/categorie.gif); width: 200px;}
#lemenu li {margin: 0px; padding: 0px; text-align: left; font-size: 11px; height: 20px; color: #06F;}
#lemenu a {text-align: left; padding-left: 30px; font-size: 11px; line-height: 15px; color: #06F;}
.lemenu-fin {background: url(img/menu_bas.gif) no-repeat; height: 40px; width: 200px;}

#gayxperience p {text-align: center; margin: 15px; padding: 5px}
#gayxperience a {background:#06F;color:white;border-top:1px white solid;border-left:1px white solid;border-right:1px #06F solid;border-bottom:1px #06F solid;padding: 5px}
#gayxperience a:hover {background:#39F;color: yellow; border-top:1px #00F solid;border-left:1px #00F solid;border-right:1px white solid;border-bottom:1px white solid}

#copy {background:url(img/barre_bas.gif ) no-repeat ; width:980px; margin: 0px}
#copy p {margin: 5px; text-align: left; padding: 0px 0px 0px 180px}

#liste {text-align: left; margin: 0px; padding: 20px}
#liste h2 {text-align: left}

.plan {font-size: 9px; padding: 25px 0px}