/* CSS pour page de login jour/nuit */
/* GENERAL */
body{font-family:Trebuchet MS;font-size:11px;color:#263C4E;margin:0px;padding:0px;}
#bg{position:relative;height:680px;width:100%;min-width:774px;}
#pheader{text-align:center;position:relative;z-index:100;}
a{color:#2D70AF;text-decoration:none;}
a:hover, a:focus{text-decoration:underline;}
h2{margin:0px;padding:0px;text-align:center;font-size:18px;font-weight:bold;color:#2A3C4A;}
form{margin:0px;padding:0px;}
button{display:block;float:right;border:none;cursor:pointer;}
fieldset{clear:both;width:100%;margin:0px 0px 3px 0px;padding:0px;border:none;}
fieldset legend{display:none;}
label{float:left;margin:5px 2px 0px 0px;font-weight:bold;}
#frmsearch input,#frmsearch select, #frminsc input, #frminsc select{float:left;margin:3px 0px 0px 0px;width:230px;height:20px;font-size:11px;border:solid 1px #999999;}
#frmserach input, #frminsc input{width:225px;height:16px;}
#frmsearch select#jour, #frmsearch select#mois, #frminsc select#jour, #frminsc select#mois{width:40px;margin-right:5px;}
#frmsearch select#annee, #frminsc select#annee{width:65px;}
img{border:none;}
ul.piclist{list-style-type:none;margin:0px 0px 0px 10px;padding:0px;}
ul.piclist li{float:left;margin:6px;width:130px;height:118px;border:solid 1px #C7CBD0;background-color:#FFFFFF;text-align:center;}
ul.piclist li img{margin:5px 5px 2px 5px;width:120px;height:92px;}
ul.piclist li a{line-height:12px;font-size:12px;color:#4E4E4E;font-weight:bold;}
hr{clear:both;display:block;height:2px;margin:11px 0px;padding:0px;color:#4C4C4C;background-color:#4C4C4C;border:none;border-bottom:solid 1px #FFFFFF;}
label.error{color:#FA0100;}
input.error, select.error{border:solid 1px #FA0100;background-color:#FFCCCC;}
noscript.error{clear:both;margin-top:5px;color:#FA0100;}
.clearing{clear:both;}
/* SECTIONS */
#center{position:relative;width:774px;margin:0px auto;}
#header{height:83px;}
#signature{position:relative;top:2px;left:0px;width:257px;margin:0px;padding:0px;font-size:11px;line-height:10px;color:#8A939A;font-weight:normal;}
#logo{width:257px;height:30px;}
#sloganFR,#sloganDE,#sloganEN,#sloganRU{position:absolute;top:0px;left:35px;width:507px;height:83px;}
#login{position:absolute;right:0px;top:0px;width:287px;height:55px;line-height:11px;}
#main, #main2{width:758px;position:relative;float:left;background-color:#FFFFFF;}
#members{position:static;margin:1px 1px 0px 1px;height:156px;text-align:center;}
#couple, #couple_gay{position:absolute;margin-bottom:0px;width:451px;height:245px;bottom:0px;left:0px;}
#search{position:static;float:right;width:305px;height:244px;margin:1px;text-align:center;}
#results{position:relative;width:756px;height:441px;margin:1px;}
#inscription{position:absolute;width:370px;height:400px;right:10px;top:20px;z-index:100;}
#footer1{clear:both;position:relative;z-index:10;line-height:12px;font-size:9px;}
#tuile{clear:both;display:block;position:relative;width:758px;margin:0px auto;}
#tuile img{width:758px;height:60px;margin-top:10px;}
#footer2{position:absolute;top:630px;width:100%;height:52px;}
#infoqcr{position:absolute;width:100%;top:673px;left:0px;z-index:10;}
#infoqcr .box{position:relative;width:600px;text-align:left;margin:0px auto;font-size:10px;line-height:13px;}
/* SECTION LOGIN */
#frmlogin fieldset{width:270px;margin:0px 0px 0px 15px;}
#frmlogin label{width:100px;font-size:12px;}
#frmlogin input{width:90px;height:11px;font-size:11px;margin-top:2px;}
#login a{font-weight:bold;font-size:10px;}
#login #lnklost{clear:both;float:left;width:105px;display:block;}
#login #lnkcode{float:left;width:140px;display:block;}
button#btnlogin{margin:9px 5px 0px 0px;width:58px;height:30px;}
/* ENTETE */
#members h2{width:450px;margin-left:30px;margin-top:3px;text-align:left;float:left;}
#members ul.piclist{clear:both;margin:0px 15px;}
#members ul.piclist li{margin-top:2px;}
#members h3{margin:0;padding:0;position:absolute;font-size:20px;top:2px;right:40px;font-weight:bolder;}
/* SECTION RECHERCHE */
#frmsearch{width:280px;margin-left:10px;}
#frmsearch label{clear:both;width:120px;text-align:right;}
#frmsearch select{width:155px;}
button#btnsearchFR,button#btnsearchDE,button#btnsearchEN,button#btnsearchRU{clear:both;width:251px;height:42px;margin:0px 5px 0px 0px;}
/* SECTION RESULTATS */
#results h2{width:305px;margin-left:20px;}
#results ul.piclist{width:305px;margin:0px 0px 0px 30px;}
#results ul.piclist a{color:#254251;}
/* SECTION INSCRIPTION */
#frminsc{width:355px;margin-left:10px;}
#frminsc label{clear:both;width:120px;text-align:right;margin-top:10px;}
#frminsc input, #frminsc select{margin-top:7px;}
#frminsc #fieldsexe select{width:80px;}
#frminsc #fieldsexe{padding:0px;}
#frminsc label#labchr{clear:none;width:68px;}
#frminsc #fieldmailing{width:320px;float:right;font-size:10px;}
#frminsc #fieldmailing a{text-decoration:underline;}
#frminsc #fieldmailing label{width:100%;font-weight:normal;text-align:left;}
#frminsc #fieldmailing label input{width:22px;height:22px;margin:-3px 0px 0px 0px;padding:0px;border:none;}
button#btninscFR,button#btninscDE,button#btninscEN,button#btninscRU{clear:both;width:251px;height:42px;margin:5px 0px 0px 0px;}
/* GRAPHIQUES */
.shade{width:8px;height:318px;margin-top:19px;}
#lshade{float:left;}
#rshade{float:right;}
.ctl{position:absolute;top:0px;left:0px;width:19px;height:19px;z-index:10;}
.ctr{position:absolute;top:0px;right:0px;width:19px;height:19px;z-index:10;}
.cbl{position:absolute;bottom:0px;left:0px;width:19px;height:19px;z-index:10;}
.cbr{position:absolute;bottom:0px;right:0px;width:19px;height:19px;z-index:10;}
#box{position:absolute;top:5px;right:5px;width:380px;height:431px;opacity:.5;z-index:20;}
.filler{position:absolute;background-color:#FFFFFF;}
#box #filler1{left:19px;right:19px;height:19px;}
#box #filler2{top:19px;bottom:19px;width:100%;}
#box #filler3{bottom:0px;left:19px;right:19px;height:19px;}
#needhelp { color:#2A3C4A; font-size:14px; font-weight:bold; position:absolute; left:30px; top:390px; }
/* NOEL 2009-2010 */
#noeltop{position:absolute;z-index:0; left:0; top:0; width:100%; height:130px; overflow:hidden;}
#noelbas{position:absolute;z-index:0; left:0; top:445px; width:100%; height:200px; overflow:hidden;}
#souhait{position:absolute;top:10px;left:270px;}
