/* ========================================================================================																								 
	Nom:			style.css									
	Description:	Feuille de Style du site Image-Upload v2
	Création:		14.05.2008								 		
	Auteur:		Conception-Web | Wagner François				    																		
=========================================================================================*/
* {
font-family:Verdana,"Verdana Ref","sans serif";
margin:0
}
/*------------------------------------------------------------------------------ 
Style des balises XHTML
 ----------------------------------------------------------------------------- */
a {
text-decoration:none;
border:0;
color:#0855C6
}
a img {
border:none
}
a:hover{
text-decoration:underline
}
input,textarea {
background-repeat:no-repeat;
background-position:left;
font-size:12px;
border:1px solid #DDDDEE;
margin-top:3px;
}
label{
margin-top:3px;
}
fieldset {
border:2px solid #DDDDEE;
-moz-border-radius:10px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
padding-top:10px
}
legend {
font-weight:700;
color:#444444
}
input[type=checkbox]{
border: none;
}
/*------------------------------------------------------------------------------ 
Icones sprites
 ----------------------------------------------------------------------------- */
.time,.server,.visitors,.contactUs,.information,.validXhtml,.help ,.validCss,.member,.image,.size,.date,.firefox,.linkImage,.bbCode,.zCode,.html,.highslide,.tinytable,
#mailAddress,#verifPassword,#newPassword2,#login,#pseudo,#loginConnection,#password,#newPassword,#oldPassword,#passwordConnection,#category{
background:url(../images/icones/iconesSprites.png) no-repeat;
padding:0 0 0 19px
}
.time {
background-position:0 0;
padding-bottom:3px
}
.server {
background-position:0 -224px;
padding-bottom:3px
}
.visitors {
background-position:0 -320px;
padding-bottom:3px
}
.contactUs {
background-position:0 -192px;
padding-bottom:3px
}
.information {
background-position:0 -160px;
padding-bottom:3px
}
.validXhtml {
background-position:0 -96px;
padding-bottom:3px
}
.help {
background-position:0 -288px;
padding-bottom:3px
}
.validCss {
background-position:0 -256px;
padding-bottom:3px
}
.member {
background-position:0 -480px;
padding-bottom:3px
}
.image {
background-position:0 -544px;
padding-bottom:3px
}
.size{
background-position:0 -512px;
padding-bottom:3px
}
.date{
background-position:0 -576px;
padding-bottom:3px
}
.firefox{
background-position:0 -768px;
padding-bottom:3px
}
.linkImage{
background-position:0 -672px;
padding-bottom:3px
}
.bbCode{
background-position:0 -736px;
padding-bottom:3px
}
.zCode{
background-position:0 -608px;
padding-bottom:3px
}
.html{
background-position:0 -704px;
padding-bottom:3px
}
.highslide{
background-position:0 -896px;
padding-bottom:3px
}
.tinytable{
background-position:0 -832px;
padding-bottom:3px
}
#mailAddress,#verifPassword,#newPassword2,#login,#pseudo,#loginConnection,#password,#newPassword,#passwordConnection,#oldPassword{
height:16px;
background-color:#FFFFFF
}
#mailAddress {
background-position:0 -352px;
}
#category {
background-position:0 -800px;
background-color:white;
}
#verifPassword,#newPassword2 {
background-position:0 -448px;
}
#login,#pseudo,#loginConnection {
background-position:0 -384px;
}
#password,#oldPassword,#newPassword,#passwordConnection {
background-position:0 -416px;
}
/*------------------------------------------------------------------------------ 
Autres
 ----------------------------------------------------------------------------- */
#filesList{margin-top:5px;background-color:#FFFFFF;font-size:11px;color:#444444;border:1px solid #DDDDDE;padding-left:5px;padding-bottom:5px;padding-right:5px;}
#inputFile{margin-top:5px;}
#filesList img{
vertical-align:middle;
padding-bottom:2px;
}
#filesList #titleFilesList{
font-weight:bold;
}
.clear {
clear:both;
height:1px
}
.clearFooter {
clear:both;
height:100px
}
.titre {
margin-bottom:10px;
margin-top:10px;
font-size:18px;
color:#444444;
font-weight:700
}
.titre span {
border-bottom:2px solid #444444;
padding:2px 5px
}
.center {
text-align:center
}
#middle ul {
list-style-type:none;
margin:0;
padding:0
}
#middle li {
background:url(../images/icones/bulletBlack.png) no-repeat left center;
padding-left:30px
}
.remove img {
vertical-align:middle
}
.fontBig {
font-size:14px;
font-weight:700
}
.sousTitre {
color:black;
text-align:left;
padding-left:10px;
font-size:13px;
font-weight:700;
text-decoration:underline;
}
.bold{
font-weight:bold;
}
.imageHebergee{
width:150px;
text-align:center;
float:left;
margin-top:20px;
}
.code{
margin-left:175px;
}
.line48px img{
vertical-align:middle;
padding-bottom:8px;
}
.line16px img{
vertical-align:middle;
padding-bottom:3px;
}
.hidden{
display:none;
}
/*------------------------------------------------------------------------------ 
Style menu
 ----------------------------------------------------------------------------- */
#menu {
height:50px;
line-height:50px;
background-color:#36393D;
border-bottom:1px solid #C3D9FF;
padding-right:10%;
padding-left:10%;
list-style:none;
margin:0
}
#menu a {
height:50px;
color:#FFFFFF;
font-size:12px;
display:block;
padding-left:10px;
padding-right:10px
}
#menu li {
float:left;
height:50px;
text-align:center
}
#menu li:hover {
background-color:#444444;
color:#4096EE
}
#menu span {
display:block;
width:32px;
height:32px;
float:left;
margin-top:9px;
margin-right:5px
}
#menu #home {
background:url(../images/menuSprites.png) 0 0 no-repeat
}
#menu #signUp {
background:url(../images/menuSprites.png) -32px 0 no-repeat
}
#menu #members {
background:url(../images/menuSprites.png) -64px 0 no-repeat
}
#menu #statistics {
background:url(../images/menuSprites.png) -96px 0 no-repeat
}
#menu #contactUs {
background:url(../images/menuSprites.png) -128px 0 no-repeat
}
/*------------------------------------------------------------------------------ 
Style header
 ----------------------------------------------------------------------------- */
#header {
height:100px;
background-color:#4096EE
}
#header div {
text-align:center;
margin:0
}
/*------------------------------------------------------------------------------ 
Style page
 ----------------------------------------------------------------------------- */
#page {
position:relative;
height:auto !important;
min-height:100%
}
/*------------------------------------------------------------------------------ 
Style footer
 ----------------------------------------------------------------------------- */
#footer {
border-top:1px solid #DDDDEE;
width:100%;
text-align:center;
background-color:#EEEEEE;
font-size:11px;
padding-top:10px;
padding-bottom:10px;
position:absolute;
bottom:0;
left:0;
line-height:16px
}

/*------------------------------------------------------------------------------ 
Style content
 ----------------------------------------------------------------------------- */
#content {
margin-top:20px;
margin-bottom:20px;
font-size:12px;
padding-left:10%;
padding-right:10%
}
#left {
float:left;
background-color:#FFFFFF;
margin-right:20px
}
#middle {
padding:10px 20px 20px
}
#background {
background-color:#F8FAFD;
margin-left:170px
}
/*------------------------------------------------------------------------------ 
Style boxes
 ----------------------------------------------------------------------------- */
.blueBox,.greenBox {
width:150px
}
.blueBox input,.greenBox input {
margin-top:5px;
margin-bottom:5px
}
.blueBox .head {
font-size:13px;
color:white;
display:block;
height:40px;
background-color:#4096EE;
border-bottom:1px solid white;
line-height:40px;
font-weight:700;
padding-left:10px
}
.blueBox div {
text-align:center;
padding-top:10px;
padding-bottom:10px;
background-color:#C3D9FF;
font-size:11px
}
.greenBox span {
font-size:13px;
color:white;
display:block;
height:40px;
background-color:#72B709;
border-bottom:1px solid white;
line-height:40px;
font-weight:700;
padding-left:10px
}
.greenBox div {
text-align:center;
padding-top:10px;
padding-bottom:10px;
background-color:#CDEB8B;
font-size:11px
}
.greenBox img {
border:1px solid white
}
/*------------------------------------------------------------------------------ 
Style des input
 ----------------------------------------------------------------------------- */
.formulaire label {
float:left;
text-align:left;
width:200px;
display:block;
vertical-align:middle
}
.formulaire .noStyleLabel{
float:none;
width:auto;
display:inline
}
.formulaire p {
padding-top:5px;
line-height:20px;
clear:both
}
.formulaire .marginLeft{
margin-left:200px
}
.button {
background-color:#36393D;
color:#FFFFFF;
padding:5px;
margin-top:5px
}
.button:hover {
background-color:#444444;
cursor:pointer
}
#message {
background-image:url(../images/icones/comment.png);
padding-left:18px;
background-position:left center;
background-color:#FFFFFF
}

/*------------------------------------------------------------------------------ 
Style des filtres
 ----------------------------------------------------------------------------- */
#filter {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#000000;
z-index:10;
opacity:0.5;
filter:alpha(opacity=50)
}
#box {
position:absolute;
left:50%;
top:40%;
width:400px;
margin-left:-200px;
background-color:#F8FAFD;
border:10px solid black;
z-index:20;
overflow:auto;
padding:0
}
#boxtitle {
position:absolute;
left:0;
top:0;
background-color:#000000;
color:#FFFFFF;
font-weight:700;
text-align:left;
height:20px;
width:100%
}
#boxclose {
float:right;
position:absolute;
top:0;
right:2px;
color:#FFFFFF;
margin:0;
padding:0
}
#boxclose a {
color:#FFFFFF
}
#boxclose a:hover {
text-decoration:underline;
margin:0;
padding:0
}
#boxcontent {
margin-top:20px;
padding:10px
}
#infoBoxClose{
text-align:right;
color:#DDDDEE;
font-size:10px;
margin-top:10px;
margin-bottom:10px;
margin-right:10px
}
#filterUserFolder{
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#000000;
z-index:10;
opacity:0.5;
filter:alpha(opacity=50)
}
#boxUserFolder{
display:none;
position:absolute;
left:50%;
top:20%;
width:560px;
margin-left:-280px;
background-color:#F8FAFD;
border:10px solid black;
z-index:20;
overflow:auto;
padding:0
}
#boxtitleUserFolder {
position:absolute;
left:0;
top:0;
background-color:#000000;
color:#FFFFFF;
font-weight:700;
text-align:left;
height:20px;
width:100%
}
#boxcloseUserFolder {
float:right;
position:absolute;
top:0;
right:2px;
color:#FFFFFF;
margin:0;
padding:0
}
#boxcloseUserFolder a {
color:#FFFFFF
}
#boxcloseUserFolder a:hover {
text-decoration:underline;
margin:0;
padding:0
}
#boxcontentUserFolder {
margin-top:20px;
padding:10px
}
/*------------------------------------------------------------------------------ 
Style pour les paragraphes spéciaux
 ----------------------------------------------------------------------------- */
.error {
background:#FFEBEF;
display:block;
text-align:left;
border-top:2px solid #DE3C10;
border-bottom:2px solid #DE3C10
}
.error span {
background:url(../images/icones/iconesSprites.png) 0 -32px no-repeat;
height:16px;
display:block;
width:16px;
float:left;
position:absolute;
left:25px;
top:50%;
margin-top:2px
}
.accept {
background:#CEE6C3;
display:block;
text-align:left;
border-top:2px solid #359545;
border-bottom:2px solid #359545
}
.accept span {
background:url(../images/icones/iconesSprites.png) 0 -64px no-repeat;
height:16px;
display:block;
width:16px;
float:left;
position:absolute;
left:25px;
top:50%;
margin-top:2px
}
/*------------------------------------------------------------------------------ 
Style pour les tableaux
 ----------------------------------------------------------------------------- */
.sortable {
border-left:1px solid #666666;
border-top:1px solid #666666;
border-bottom:none;
margin:0 auto
}
.sortable th {
background:#36393D;
text-align:left;
color:#FFFFFF;
padding:5px
}
.sortable td {
border-bottom:1px solid #666666;
border-right:1px solid #666666;
text-align:center;
padding:5px
}
.sortable .desc,.sortable .asc {
background:#666666
}
.sortable .head:hover,.sortable .desc:hover,.sortable .asc:hover {
color:#fff
}
.sortable th h3 {
font-size:11px;
padding-left:18px
}
.sortable .head h3 {
background:url("../images/icones/sort.gif") center left no-repeat;
cursor:pointer
}
.sortable .desc h3 {
background:url("../images/icones/desc.gif") center left no-repeat;
cursor:pointer
}
.sortable .asc h3 {
background:url("../images/icones/asc.gif") center left no-repeat;
cursor:pointer
}
.sortable .evenrow td {
background:#FAFAFA
}
.sortable .oddrow td {
background:#EEEEEE
}
.nosort{
font-size:11px;
}
.controls {
height:20px;
text-align:center
}
.navigation img {
cursor:pointer
}
.error p,.accept p {
padding:5px 20px 5px 45px
}
.sortable td.evenselected,.sortable td.oddselected {
background:#FFFFFF
}
.perpage,.navigation {
margin-right:20px
}
/*------------------------------------------------------------------------------ 
 Style pour les infos-bulles
 ----------------------------------------------------------------------------- */
.info {
font-size:11px;
position:relative;
text-decoration:none;
}
.info span {
display:none;
}
.info:hover {
background:none;
z-index:500;
text-decoration:none;
}
.info:hover span {
display:inline;
position:absolute;
white-space:nowrap;
top:30px;
left:20px;
background:#FFFFFF;
color:#000000;
border:1px solid #000000;
padding:3px;
font-weight:bold;
}
/*------------------------------------------------------------------------------ 
 Style pour les inputs de connexion
 ----------------------------------------------------------------------------- */
#loginConnection{
color:#444444;
width:100px;
}
#passwordConnection{
color:#444444;
width:100px;
}