/****************************************************
bleuciel	#4cc4fa
bleu		#223d51

ifla
orange --> #ff9900;
gris fonce --> #666666;
bleu --> #6699cc;
vert jaune --> #cccc33;
violet --> #993399;


****************************************************/
*
{
	font-size:13px;
	font-family: verdana, helvetica, sans-serif;
}

body
{

	background-color: #FFF;
	padding: 0px;
	margin: 0px;
}

h1
{
	font-family: georgia, serif;
	font-size:1.9em;
	color: #223d51;
	padding:20px 0px 16px 100px;
	margin:0px;
}

h2
{
	font-family: georgia, serif;
	font-size:1.3em;
	color: #223d51;
}

h3
{
	font-family: georgia, serif;
	font-size:1.5em;
	background-color: #FFF;
	padding:5px 0px 5px 30px;
	margin:0px;
}

img
{
	border:none;
}

td
{
	vertical-align: top;
}




/*
bleuciel	#4cc4fa
bleu		#223d51
orange --> #ff9900;
*/
/****************************************************
NAVIGATION (LANGUES)
****************************************************/
#navlangbox
{
	width:100%;
	height:120px;
	padding-bottom:5px;
	border-bottom: 6px solid #4cc4fa;
	background-color: #223d51;
	position:fixed;
	top:0px;
	left:0px;
	background-image: url('logos/logo.gif');
	background-repeat: no-repeat;
	background-position: 30px 5px;
}
#navlangbox h1
{
	display:none;
}
#navlang
{
	margin:0px;
	padding:0px;
	width:500px;
	position:relative;
	top:106px;
	left:50px;
}
#navuser
{
	margin:0px;
	padding:0px;
	position:relative;
	top:90px;
	left: 390px;
}
#navlang li,
#navuser li
{
	display: inline;
}

#navlang li a,
#navlang li a:link,
#navlang li a:visited
{
	padding:3px 6px 3px 6px;
	color: #223d51;
	background-color: #f3f5f5;
	text-decoration: none;
}

#navlang li a:hover,
#navlang li a.active
{
	padding:12px 6px 3px 6px;
	color: #FFF;
	background-color: #4cc4fa;
	font-weight:bold;
}

#navuser li a,
#navuser li a:link,
#navuser li a:visited
{
	padding:3px 6px 3px 6px;
	color: #000;
	background-color: #f3f5f5;
	text-decoration: none;
}

#navuser li a:hover,
#navuser li a.active
{
	padding:12px 6px 3px 6px;
	color: #FFF;
	background-color: #ff9900;
	font-weight:bold;
}

#navuser li.admin a:hover,
#navuser li.admin a.active
{
	padding:12px 6px 3px 6px;
	color: #FFF;
	background-color: #6699cc;
	font-weight:bold;
}

#navuser li.logout a:hover
{
	padding:12px 6px 3px 6px;
	color: #FFF;
	background-color: #993399;
	font-weight:bold;

}
/****************************************************
NAVIGATION (PAGES)
****************************************************/
#navbox
{
	width:100%;
	height:86px;
	position:fixed;
	top:131px;
	left:0px;
	background-image: url('ui/nav_bg.gif');
	background-repeat: repeat-x;
}
#nav
{
	padding: 0px;
	margin: 2px 0px 0px 50px;
	line-height:60px;
	width:470px;
}

#nav li
{
	padding:0px;
	margin:0px;
	display:inline;
	background-image: url('ui/btn_nav.gif');
	background-repeat: repeat-x;
	background-position: top center;
	float:left;
}

#nav li a,
#nav li a:link,
#nav li a:visited
{
	margin:0;
	padding:10px 10px;
	color: #AAA;
	font-weight:bold;
	float:left;
	text-decoration: none;
}

#nav li a:hover,
#nav li a.active
{
	color: #223d51;
	text-decoration: underline;
	background-image: url('ui/btn_nav_on.gif');
	background-repeat: no-repeat;
	background-position: bottom center;
}

#nav .left
{
	padding:83px 0 0 3px;
	margin:0px;
	background-image: url('ui/btn_l_nav.gif');
	background-repeat: no-repeat;
	background-position: top right;
	float:left;
}
#nav .right
{
 	padding: 83px 3px 0 0;
	margin:0px;
	background-image: url('ui/btn_r_nav.gif');
	background-repeat: no-repeat;
	background-position: top right;
	float:left;
}

#ticker
{
	padding: 10px;
	margin:20px;
	border-left: 1px dotted #4cc4fa;
	color: silver;
	float:left;
	display:none;
}
#ticker strong
{
	color: #4cc4fa;
	font-weight: normal;
}


/****************************************************
// TAB STYLE
****************************************************/

h5
{
	padding:5px 10px;
	margin:7px 0 0 0;
	float:left;
}

.tab
{
	padding:0px;
	margin:0px;
}

.tab a,
.tab a:link,
.tab a:visited
{
	color: #000;
	padding:3px;
}

.tab a:hover
{
	text-decoration: none;
}


.bgorange
{
	background-color: #ff9900;
	color: #FFF;
}
.bgvert
{
	background-color: #cccc33;
	color: #FFF;
}
.bgbleu
{
	background-color: #6699cc;
	color: #FFF;
}
.bgbleuciel
{
	background-color: #4cc4fa;
	color: #FFF;
}
.bgviolet
{
	background-color: #993399;
	color: #FFF;
}
.bggris
{
	background-color: #666666;
	color: #FFF;
}

/****************************************************
// ICON CLASS (h1/h2/h3)
****************************************************/

.abouticon
{
	background-image: url('icons/info.gif');
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
.adminicon
{
	background-image: url('icons/ok.gif');
	background-repeat: no-repeat;
	background-position: center left;
}
.addicon
{
	background-image: url('icons/add.gif');
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
.searchicon
{
	background-image: url('icons/search.gif');
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

.bookicon
{
	background-image: url('icons/book.gif');
	background-repeat: no-repeat;
	background-position: center left;
}

.book2icon
{
	background-image: url('icons/book2.gif');
	background-repeat: no-repeat;
	background-position: center left;
}
.usericon
{
	background-image: url('icons/members.gif');
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
.useraddicon
{
	background-image: url('icons/add_user.png');
	background-repeat: no-repeat;
	background-position: center left;
}
.userediticon
{
	background-image: url('icons/wrench.png');
	background-repeat: no-repeat;
	background-position: 8px 8px;
}
.userinfosicon
{
	background-image: url('icons/person.png');
	background-repeat: no-repeat;
	background-position: 5px 10px;
}

.usereditpassicon
{
	background-image: url('icons/key-yellow.png');
	background-repeat: no-repeat;
	background-position: 5px 8px;
}

.helpicon
{
	background-image: url('icons/help.gif');
	background-repeat: no-repeat;
	background-position: 5px 5px;
}


.tablestart
{
	border-bottom: 2px solid #4cc4fa;
	border-left:none !important;
	width:20px;
}
.tablefirsttd
{
	border-left:none !important;
}


.liste tr th
{
	border-bottom: 2px solid #4cc4fa;
	border-left: 1px dotted #666666;
	padding: 2px 5px;
}
.liste tr th:hover
{
	background-color: #bde8fb;
}

.liste tr td
{
	border-bottom: 1px dotted #4cc4fa;
	border-left: 1px dotted #666666;
	padding:3px;
	margin:0px;
}


.liste tr:hover td
{
	background-color: #bde8fb;
	color: #000;
}

.liste tr td a
{
	font-size:10px;
}
.obligatoire
{
	background-image: url('icons/warning.png');
	background-repeat: no-repeat;
	background-position: center center;
	padding:11px;
	float:left;
}

.pasmontrer
{
	display: none;/* */
}

.help
{
	padding:16px 0px 8px 32px;
	margin:0;
	color:#4cc4fa;
	font-family: georgia, serif;
	border:none;
	background-image: url('icons/info.png');
	background-repeat: no-repeat;
	background-position: 8px 16px;
	border-bottom: 1px dotted #4cc4fa;
}

ul
{
	margin:0 0px;
	padding:0px 18px;
	list-style-type: square;
/*
	list-style-position: outside;
	list-style-type: none;
	list-style-image:  url('ui/bullet.gif');
*/
	color: #000;
}

li
{
	padding:1px 0px;
}

#fiche1,#fiche2,#fiche3,#fiche4,#fiche5,#fiche6,#search
{
	width:640px;
}

select,
input,
textarea
{
	padding:0px;
	margin:0px;
}

label
{
	font-weight:bold;
	color: #000;
	margin:0px;
	padding:3px 8px;
}

fieldset
{
	padding:0px 30px 0 0;
	margin:0px 0px 10px 0px;
	border:none;
	border-right: 1px dotted #4cc4fa; /**/
}


.box
{
	padding:8px;
	margin:0px;
	border-bottom: 1px dotted #4cc4fa;
	background-color: #f3f5f5;
	display:block;
	clear:both;
}

.box ul
{
	text-align:left;
}
.box img
{
	padding:0px;
	vertical-align: top;
	text-align: left;

}

.importantbox,
.wsisbox
{
	padding:8px;
	border-bottom: 1px dotted #f3f5f5;
	background-color: #bde8fb;
}


.partiefiche
{
	padding:10px;
}
.partiefiche2
{
	padding:10px;
	border-left: 1px dotted #4cc4fa;
}
.commentaire
{
	margin:10px;
	padding:0px 30px;
	background-image: url('icons/comments.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;

}
.datecommentaire
{
	display:block;
	font-size:smaller;
	color: #CCC;
}
.ajoutercommentaire
{
	font-size:smaller;
	padding: 0 15px;
}

/****************************************************
MAIN PAGE --> element boxes
****************************************************/
#page
{
	/* border: 1px solid red;*/
	margin: 160px 50px 0px 50px;
	padding: 0px 0px 50px 0px;
	position:absolute;
	top:70px;
	left:0px;
}

#pagebox
{
	border-left: 1px dotted #4cc4fa;
	margin-left:30px;
	padding-left:30px;
	float:left;
}

#editbox,
#infobox,
#fichebox,
#passwordbox
{
 	width:300px;
	padding: 0px 0px;
	margin-right:30px;
	float:left;
	background-color: #FFF;
}


#loginbox
{
	background-color: #4cc4fa;
	width:330px;
	text-align:center;
}

#lostbox
{
	padding:8px 0 15px 0;
	margin:0px;
}

#loginbox a,
#loginbox a:link,
#loginbox a:visited
{
	color: #223d51;
}

#regbox
{
	background-color: #223d51;
	padding:8px 0 15px 0;
	margin:0px;
}

#regbox a,
#regbox a:link,
#regbox a:visited
{
	color: #FFF;
}

#regbox a:hover,
#loginbox a:hover
{
	text-decoration: none;
}


#registerbox
{
	background-color: #4cc4fa;
	padding:0 0 15px 0;
	width:430px;
}

#login
{
	padding:20px;
	margin:0px;
	color: #223d51;
	background-color: #f3f5f5;
	text-align: left;
}

.register
{
	color: #000;
	padding:5px;
	background-color: #f3f5f5;
}

#inscription
{
	padding:5px;
	margin:0px;
	color: #223d51;
	background-color: #f3f5f5;
}

/*
orange --> #ff9900;
gris fonce --> #666666;
bleu --> #6699cc;
vert jaune --> #cccc33;
violet --> #993399;
*/
#submit
{
	padding:3px;
	margin:5px;
	background-color: #4cc4fa;
	font-weight:bold;
}
#submit2
{
	padding:3px;
	margin:5px;
	background-color: #cccccc;
	font-weight:bold;
}
#submit:hover,
#submit2:hover
{
	background-color: #cccc33;
}

#searchbox
{
	display:table;
	padding:10px 0px 0px 0px;
	margin:0px;
}

#searchbox input
{
	padding:4px;
	margin:2px 10px;
}

#searchfiche
{
	width:400px;
}

#searchfiche input
{
	width:100px;
}

.optiontxt
{
	margin:0px;
	padding:0px;
	font-size:10px;
}



/****************************************************/

#e_msg
{
	padding:0px 0 0px 25px;
	margin:10px;
	color: #C00;
	font-family: georgia, serif;
	font-style:italic;
	font-weight:bold;
	background-image: url('icons/error.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#msg
{
	padding:0px 0 0px 25px;
	margin:10px;
	color: #0C0;
	font-family: georgia, serif;
	font-style:italic;
	font-weight:bold;
	background-image: url('icons/ok.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#msgbox
{
	padding:10px 30px;
	margin:0px;
	color: #000;
	font-family: georgia, serif;
	border-bottom: 1px dotted #4cc4fa;
	background-image: url('icons/warning.png');
	background-repeat: no-repeat;
	background-position: 5px 10px;
}

.edit
{
	padding-left: 23px;
	background-image: url('icons/fiche_edit.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.oui
{
	padding-left: 20px;
	background-image: url('icons/ok.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.non
{
	padding-left: 23px;
	background-image: url('icons/remove.png');
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

#sponsors
{
	width:300px;
	position:absolute;
	top:3px;
	left:490px;
}
#sponsors img
{
	float:left;
	padding:2px;
}

.switchlink
{
	margin:0px;
	padding: 10px 30px;
	background-image: url('icons/add.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
	float:left;
	color:#000;
	font-size:10px;
	width:100%;
}



.switchlink2
{
	padding: 10px 30px;
	background-image: url('icons/remove2.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
	float:left;
	color:#000;
	font-size:10px;

}


dl
{
	padding:0px;
	margin:10px 0px;
}

dt
{
	font-size:13px;
	font-weight:bold;
}

dd
{
	padding:0px;
	margin:2px 5px;
}

#webmaster
{
	position:absolute;
	bottom: 10px;
	left:0px;
	margin:0px;
	padding:0px;

}
#webmaster a,
#webmaster strong
{
	font-size:10px;
}