/* Menu */
#menu .menu li a { color: #2B8CD3; }

/* Sous menu */
#menu div.submenu { background-image: url('/images/submenu.png'); background-color: #2B8CD3; }
#menu div.submenu ul { background-image: url('/images/submenu-bottom.png'); }
#menu div.submenu ul li a:hover { background-color: #65B4E5; } 
#menu div.submenu ul li a.selected, #menu div.submenu ul li a.selected:hover { background-color: white; color: #2B90D1; } 

/* Pied de page */
#footer { border-color: #1E88CF; }
a { color: #1E88CF; }

/* Boite */
fieldset legend { color: #0F7DCD; } 

/* inscription.php */
div.inscbox { border-top: 1px solid #469DD6; border-left: 1px solid white; border-right: 1px solid white;  padding: 10px 15px; clear: both; }
div.inscbox.selected { border: 1px solid #469DD6; border-bottom: none; background-color: #EAF3F7; }

div.inscbox .title { margin: 0px; padding: 0px; font-weight: bold; }
div.inscbox div.aide { float: right; width: 230px; display: none; padding: 0 5px; }
div.inscbox.selected div.aide, div.inscbox div.aide.show { display: block; background: url('/images/icons/help.gif') no-repeat; padding-left: 20px; }
div.inscbox div.field { margin: 7px; }
div.inscbox label { padding: 3px 5px; width: 200px; float: left; clear: left; text-align: right; }
div.inscbox label span { color: red; }

div.inscbox input.txt { padding: 1px 2px; margin: 0px 1px; border: 1px solid #A7A6A9; width: 250px; }
div.inscbox select { padding: 1px 2px; margin: 0px 1px; border: 1px solid #A7A6A9; width: 250px; }
div.inscbox p.underhelp { margin: 0 0 0 205px; padding: 0; color: #A7A7A7; width: 250px; }
div.inscbox .centerinsc {  margin: 0 0 0 215px; }

div.field .error { background: url('images/icons/error.gif') no-repeat; color: red; padding: 1px 10px 3px 20px ; width: 240px; }
div.field .valid { background: url('images/icons/valid.gif') no-repeat; color: green; padding: 1px 10px 3px 20px ; width: 240px; }

/* inscription2.php */

.upperleft{ 
	background-color : #FFF795;
	background-image : url('/images/upperleft.gif');
	background-repeat : no-repeat;
	background-position : top left;
}

.upperright{
	background-image : url('/images/upperright.gif');
	background-repeat : no-repeat;
	background-position : top right;
}

.lowerleft{
	background-image : url('/images/lowerleft.gif');
	background-repeat : no-repeat;
	background-position : bottom left;
}

.lowerright{
	background-image : url('/images/lowerright.gif');
	background-repeat : no-repeat;
	background-position : bottom right;
	padding : 3% 3% 3% 3%;
	color: #E25501;
	text-align: center;
	font-weight: bold;
}

/* index.php */
.leftloginbox { background: url('/images/test/wlcorner.gif') no-repeat; padding-left: 10px; }
.rightloginbox { background: url('/images/test/wrcorner.gif') no-repeat top right; padding-right: 10px; }
.centerloginbox { background: white url('/images/test/degradegris.gif') repeat-x top; overflow: hidden; } 

ul#ckoi { margin: 0; padding: 0; list-style-type: none; color: #036089; }
ul#ckoi li p { margin: 0; padding: 0; font-weight: normal; }
ul#ckoi li { font-weight: bold; margin-bottom: 6px; background: url('/images/test/puceaccueil.gif') no-repeat 0px 3px; padding-left: 12px; }

#mzoom { clear: left; background: white url('/images/test/fleches.gif') no-repeat top right; height: 140px; width: 570px; }
#mzoom .photo { width: 100px; margin-left: 6px; float: left; text-align: center; overflow: hidden }
.asv { width: 100px; height: 38px; background: url('/images/test/asv.gif') no-repeat; margin-left: 6px; float: left; text-align: center; overflow: hidden }
.asv a { font-weight: bold; }
.asv a.F { color: #FF008A; }

div.h2 { background: #6493c8 url('/images/test/righth2.gif') no-repeat right; height: 37px; width: 470px; margin: 0px 0px 1px 0px; border-top: 1px solid white; }
h2 { color: white; font-size: 19px; margin: 9px 0 0 9px; background: url('/images/test/puceh2.gif') no-repeat 0 3px; padding-left: 20px; font-weight: normal; }

.boxtitle { font-size: 19px; margin: 7px 6px; font-weight: bold; text-align: center; }
.boxtitle span { color: #0F7DCD; }
.boxtitle.orange { color: #f29400; }

h3.recherche { margin: 12px 0 0 0; background: url('/images/test/findicon.gif') no-repeat; height: 34px; padding: 5px 0 0 40px; font-size: 16px; color: #707070; }
h3.recherche span { color: #f18e00; }

.forumpreview { border-bottom: 2px dotted #f29400; clear: left; padding: 3px; background: url('http://www.support-smail.com/images/orange_menu1.gif') no-repeat 0 center; }
.forumpreview .topic { width: 280px; float: left; padding-left: 10px; }
.forumpreview .create { float: left; padding-left: 10px; font-size:11px; }
.forumpreview .poster { margin-left: 280px; text-align: center; }

input.bouton { background: url('/images/test/bouton.gif') no-repeat; border: none; color: #2a76ae; width: 116px; font-weight: bold; text-align: center; padding-left: 15px; }
input.boutonrecherche { background: url('/images/test/boutonorange.gif') no-repeat; border: none; color: white; width: 116px; font-weight: bold; padding-left: 15px; }

input.boutongeneral { background: url('/images/test/boutonbleu.gif') no-repeat; border: none; color: white; width: 116px; font-weight: bold; padding-left: 15px; }

#lfrm_fix div { text-align: center; margin-top: 5px; }

#menuco { float: right; width: 313px;  }
#menuco ul { list-style-type: none;  margin: 28px 3px 0 0; padding: 0; }
#menuco ul li { margin: 1px 0; padding: 10px 25px 9px 25px; background: white url('/images/test/puceaccueilco.gif') no-repeat 0px center; }
#menuco ul li a { font-weight: bold; font-size: 14px; }

#infocompte div { text-align: center; color: #707070; }
#infocompte p { color: #006a8e; padding: 0 0 10px 37px; }
#infocompte p a { color: #006a8e; } 


/* Boite fieldsetv2 */
div.boxv2 { background: white url('/images/bgbtr.png') repeat-x top right; padding: 0; }
fieldset.boxv2 { background-image: url('/images/bgbtl.png'); background-repeat: no-repeat; padding: 5px 8px 5px 8px; border:0; margin: 0;} 
fieldset.boxv2 #title, #subtitle { color: white; font-size: 18px; padding-left:5px; font-weight:bold; }
fieldset.boxv2 #subtitle { font-size: 12px; }
fieldset.boxv2 .content { border:1px solid #0879CC;background:white;padding:5px; margin:0 auto; margin-top:4px; }
fieldset.boxv2 .content .txt { text-align:justify; }


/* Gestion des alias */
#aliasSection { width:550px; margin:0 auto; margin-top:20px; font-size:0px; }
#aliasSection .alias { float:left; }
#aliasSection .new { color:green; }
#aliasSection .supp { float:right; }
#aliasSection .line { border-bottom:1px solid #D7E9F7; height:18px; margin-bottom:4px; }
#addAlias { width:288px; margin:0 auto; }
#addAlias .add { margin:10px 0 0px -16px; }

#remain, #total { display:inline; color: white; } 
#total { font-size: 18px; }
#remain { font-size: 12px; }
#statusbar { width:285px;padding:5px 0; margin:0 auto; margin-top:20px; margin-bottom:2px; font-size:0px; }
.statusbarinit { border:0px; background:white; }
.statusbar { border:1px solid #CCCCCC; background: #FFFFE1; text-align: left; }

/* Mesinfos.php */

#supercontainer #content div.minimize { border: 1px solid white; background-color: white; }
#supercontainer #content div.minimize form { display: none; }

.infobox { padding: 10px; margin: 10px; border: 1px solid white; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.infobox .infot { border-bottom: 1px solid #0879CC; font-weight: bold;  font-size: 1.3em; padding-left: 20px; background-repeat: no-repeat; background-position: top left; color: #AAAAAA; }
.infobox .infot span { color: #2B8CD3; }
.infobox .infot a.hide { text-decoration: none; font-weight: normal; font-size: 0.7em; float: right; padding-top: 4px; }
.infobox .infod { margin: 5px 0 13px 0; }
.infobox fieldset { margin: 0; padding: 4px 0; border: none; }
.infobox fieldset label { width: 200px; display: block; float: left; margin: 3px 10px; text-align: right; font-weight: bold; }
.infobox fieldset input.text { width: 270px; }
.infobox input.submit { border: 1px solid #d9dfea; border-right: 1px solid #0e1f5b; border-bottom: 1px solid #0e1f5b; background-color: #4BA1D7; color: #ffffff;  margin: 4px 0 0 230px; }
.infobox .centerinsc { margin-left: 230px; }
.infobox p.underhelp { margin: 0 0 0 230px; padding: 0; color: #A7A7A7; }
#mesinfos .infobox.selected { border: 1px solid #469DD6; background-color: #EAF3F7; }
#mesinfos #delcpte.selected { border: 1px solid #FF4646; background-color: #FFE2E2; }
#mesinfos #delcpte .infot { border-bottom: 1px solid #FF4646; }
#mesinfos #delcpte a { color: #FF4646; }
#mesinfos #delcpte input.submit { border: 1px solid #FEAEAE; border-right: 1px solid red; border-bottom: 1px solid red; background-color: #FF5959; }
#delcpte .infot { background-image: url('/images/icons/cross.gif'); }
#modifPass .infot { background-image: url('/images/icons/lock_edit.gif'); }
#modifInfo .infot { background-image: url('/images/icons/user_edit.gif'); }

/* contacts.php */
#addContact { width:400px; margin:4px auto; }
#addContact .add { margin:10px 0 0px -16px; }
span#adderror { margin: 5px; }
.contactlist { margin: 10px auto; text-align: left; }
.contactlist a { text-decoration: none; }
.contactlist .label { font-weight: bold; border-bottom: 2px solid #469DD6; font-size: 1.3em; }
.contactlist .contact { padding: 3px; border-bottom: 1px solid #D7E9F7; }
.contactlist .contact span.action { float: right; }

.contactlist .wait { background: #FFF4E0 url('/images/icons/bullet_orange.gif') no-repeat center left; padding-left: 16px; }
.contactlist .friend { background: #F3FFE0 url('/images/icons/bullet_green.gif') no-repeat center left; padding-left: 16px; }
.contactlist .notfriend { background: #FFE0E0 url('/images/icons/bullet_red.gif') no-repeat center left; padding-left: 16px; }
.w8 { color: #999999; font-style: italic; }

/* Liste MSN */
table#contactlist { border: 1px solid #C0C0C0; border-collapse: collapse; width: 100%; margin: 10px 0;}
table#contactlist thead tr td { border: 1px solid #C0C0C0; background-color: #EDEDED; }
table#contactlist td { padding: 3px; }
table#contactlist tbody tr.l1 td { background-color: white; }
table#contactlist tbody tr.l2 td { background-color: #F5F5F5; }

/* Prefs */
#mespreferences .infobox .infot { padding-left: 0px; }
.infobox .infoc { margin: 5px 0 13px 0; }
.infobox .infoc input { float: left; }
.infobox .infoc label { margin-left: 30px; padding-top: 2px; display: block; }