/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

#tooltip1 { position: relative; }
#tooltip1 a span { display: none; color: #FFFFFF; }
#tooltip1 a:hover span { display: block; position: absolute; width: 250px; background-color: #aaa; height: 60px; left: 100px; top: -10px; color: #FFFFFF; padding: 5px; }


body {
	margin: 0;
	padding: 0;
	background: #424242 url(images/img01.jpg) repeat-x;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
}

h1, h2, h3	{ margin-top: 0; }
h1			{ font-size: 2em; }
h2			{ font-size: 1.6em; }
h3			{ font-size: 1em; }

ul			{ list-style-image: url(images/img07.gif); }

a			{ text-decoration: none; color: #D56E22; }

/* Menu */

#menu {
	width: 1300px;
	height: 42px;
	margin: 0 auto;
	padding-top: 10px;
}

#menurules {
	width: 650px;
	height: 42px;
	margin: 0 auto;
	padding-top: 10px;
}


#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	margin: 0 3px 0 0;
	padding: 8px 15px 10px 15px;
	border: none;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
}


#menuCenter {
	height: 42px;
	margin: 0 auto;
	padding-top: 10px;
}

#menuCenter ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menuCenter li {
	display: inline;
}

#menuCenter a {
	display: block;
	float: left;
	margin: 0 3px 0 0;
	padding: 8px 15px 10px 15px;
	border: none;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
}
#menuCenter a:hover {
	color:#D56E22;
}

#menuCenter a img {width: 86px; border-width: 0;}

#ico {float:right;display: block;}
#ico a {border: none;text-decoration: none;}
#ico a img {width: 32px; border-width: 0;}


a#delete img {background: url(images/icones/delete.gif) top left no-repeat;}
a#delete:hover img {background: url(images/icones/delete_on.gif) top left no-repeat;}

a#actif img {background: url(images/icones/small_actif.gif) top left no-repeat;}
a#actif:hover img {background: url(images/icones/small_actif_on.gif) top left no-repeat;}

a#inactif img {background: url(images/icones/small_inactif.gif) top left no-repeat;}
a#inactif:hover img {background: url(images/icones/small_inactif_on.gif) top left no-repeat;}

a#aarchiver img {background: url(images/icones/small_aarchiver.gif) top left no-repeat;}
a#aarchiver:hover img {background: url(images/icones/small_aarchiver_on.gif) top left no-repeat;}

a#aeffacer img {background: url(images/icones/small_aeffacer.gif) top left no-repeat;}
a#aeffacer:hover img {background: url(images/icones/small_aeffacer_on.gif) top left no-repeat;}

a#unlock img {background: url(images/icones/small_unlock.gif) top left no-repeat;}
a#unlock:hover img {background: url(images/icones/small_unlock_on.gif) top left no-repeat;}

a#print img {background: url(images/icones/printer.gif) top left no-repeat;}
a#print:hover img {background: url(images/icones/printer_on.gif) top left no-repeat;}

a#help img {background: url(images/icones/help.gif) top left no-repeat;}
a#help:hover img {background: url(images/icones/help_on.gif) top left no-repeat;}

a#add img {background: url(images/icones/add.gif) top left no-repeat;}
a#add:hover img {background: url(images/icones/add_on.gif) top left no-repeat;}
a#edi img {background: url(images/icones/edit.gif) top left no-repeat;}
a#edi:hover img {background: url(images/icones/edit_on.gif) top left no-repeat;}

a#archive img {background: url(images/icones/archive.gif) top left no-repeat;}
a#archive:hover img {background: url(images/icones/archive_on.gif) top left no-repeat;}

a#rf img {background: url(images/icones/rf.gif) top left no-repeat;}
a#rf:hover img {background: url(images/icones/rf_on.gif) top left no-repeat;}

a#dd img {background: url(images/icones/archive.gif) top left no-repeat;}
a#dd:hover img {background: url(images/icones/archive_on.gif) top left no-repeat;}

a#email img {background: url(images/icones/email.gif) top left no-repeat;}
a#email:hover img {background: url(images/icones/email_on.gif) top left no-repeat;}

a#ok img {background: url(images/icones/ok.gif) top left no-repeat;}
a#ok:hover img {background: url(images/icones/ok_on.gif) top left no-repeat;}

a#attente img {background: url(images/icones/attente.gif) top left no-repeat;}
a#attente:hover img {background: url(images/icones/attente_on.gif) top left no-repeat;}

a#left img {background: url(images/icones/left.gif) top left no-repeat;}
a#left:hover img {background: url(images/icones/left_on.gif) top left no-repeat;}

a#right img {background: url(images/icones/right.gif) top left no-repeat;}
a#right:hover img {background: url(images/icones/right_on.gif) top left no-repeat;}

a#more img {background: url(images/icones/more.gif) top left no-repeat;}
a#more:hover img {background: url(images/icones/more_on.gif) top left no-repeat;}

a#comm img {background: url(images/icones/commentaires.gif) top left no-repeat;}
a#comm:hover img {background: url(images/icones/commentaires_on.gif) top left no-repeat;}

a#rencontres img {background: url(images/icones/users.gif) top left no-repeat;}
a#rencontres:hover img {background: url(images/icones/users_on.gif) top left no-repeat;}

a#inf img {background: url(images/icones/influences.gif) top left no-repeat;}
a#inf:hover img {background: url(images/icones/influences_on.gif) top left no-repeat;}
a#iinf img {background: url(images/icones/influences_on.gif) top left no-repeat;}
a#iinf:hover img {background: url(images/icones/influences_on.gif) top left no-repeat;}

a#cnt img {background: url(images/icones/contacts.gif) top left no-repeat;}
a#cnt:hover img {background: url(images/icones/contacts_on.gif) top left no-repeat;}
a#icnt img {background: url(images/icones/contacts_on.gif) top left no-repeat;}
a#icnt:hover img {background: url(images/icones/contacts_on.gif) top left no-repeat;}

#menu a img {width: 86px; border-width: 0;}

a#accueil img {background: url(images/menu/accueil.gif) top left no-repeat;}
a#fiche img {background: url(images/menu/fiche.gif) top left no-repeat;}
a#users img {background: url(images/menu/users.gif) top left no-repeat;}
a#systeme img {background: url(images/menu/systeme.gif) top left no-repeat;}
a#contacts img {background: url(images/menu/contacts.gif) top left no-repeat;}
a#influences img {background: url(images/menu/influences.gif) top left no-repeat;}
a#quebec img {background: url(images/menu/fleurdelys.gif) top left no-repeat;}
a#actions img {background: url(images/menu/actions.gif) top left no-repeat;}

a#accueil:hover img {background: url(images/menu/accueil_on.gif) top left no-repeat;}
a#systeme:hover img {background: url(images/menu/systeme_on.gif) top left no-repeat;}
a#users:hover img {background: url(images/menu/users_on.gif) top left no-repeat;}
a#fiche:hover img {background: url(images/menu/fiche_on.gif) top left no-repeat;}
a#contacts:hover img {background: url(images/menu/contacts_on.gif) top left no-repeat;}
a#influences:hover img {background: url(images/menu/influences_on.gif) top left no-repeat;}
a#quebec:hover img {background: url(images/menu/fleurdelys_on.gif) top left no-repeat;}
a#actions:hover img {background: url(images/menu/actions_on.gif) top left no-repeat;}

a.tt{
    position:relative;
    z-index:8;
    text-decoration:none;
	border-width: 0;
}

a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:8;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;

}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(bubble.gif) no-repeat top;

}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(images/bubble.gif) no-repeat bottom;
}

/* Wrapper */

#wrapper {
	width:100%;
	background: #000000;
}

/* Page */

#page {
	width: 1300px;
	margin: 0 auto;
	padding: 30px 0;
}

#pagerules {
	width: 650px;
	margin: 0 auto;
	padding: 30px 0;
}

#page-bg {
	padding: 11px 24px;
	background: url(images/img03.jpg) no-repeat;
}

/* Latest Post */

#latest-post {
	padding: 20px;
	border: 1px solid #E7E7E7;
}

/* Content */

#content {
	float: left;
	width: 958px;
}

#contentrules {
	float: left;
	width: 650px;
}

.post {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #949494;
	line-height: 200%;
}

.commentaires {
	font-size: 11px;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #949494;
	line-height: 200%;
}

.post h1 {
	font-weight: normal;
}


.post h2 {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	background: url(images/img06.jpg) repeat-x;
	border: 1px solid #4A4A4A;
	font-size: 12px;
	color: #CCCCCC;
}
.title {
	margin: 0;
	font-weight: normal;
}

.title a {
	border-bottom: none;
}

.title a:hover {
	border-bottom: 1px dotted #CCCCCC;
}

.byline {
	margin: 0 0 20px 0;
}

.entry {
	padding: 0 20px;
}

.links {
	padding-top: 10px;
	text-align: right;
	font-weight: bold;
}

.links a {
	padding-left: 15px;
	background: url(images/img04.gif) no-repeat left center;
	border: none;
}

.links a:hover {
	border-bottom: 1px dotted #CCCCCC;
}

/* Sidebars */

.sidebar {
	float: left;
	width: 250px;
	padding: 0 0 0 21px;
}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar li {
	padding: 0 0 20px 0;
}

.sidebar li ul {
}

.sidebar li li {
	padding: 5px 0 5px 25px;
	background: no-repeat 10px 9px;
	font-weight: normal; FONT-SIZE: 12px;
}

.sidebar li li a, .sidebar li li a:link,.sidebar li li a:active,.sidebar li li a:visited{	border-bottom: 0px;font-weight:normal; display:block; padding-left:12px; padding-bottom:3px; padding-TOP:3px;}
.sidebar li li a:hover {cursor:pointer; background-image:url(images/menu/submenu.gif); background-repeat:no-repeat;}

.sidebar li h2 {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	background: url(images/img06.jpg) repeat-x;
	border: 1px solid #4A4A4A;
	font-size: 12px;
	color: #CCCCCC;
}

.none {
  display: none;
}

/* Search */

#searchform {
	margin: 0;
	padding: 0;
}

#searchform br {
	display: none;
}

.s {
	margin: 0;
	padding: 2px 2px;
	width: 120px;
	height: 24px;
	border: 1px solid #333333;
	font-family: Arial, Helvetica, sans-serif;
	background: #000000;
	font-size: 12px;
	color: #CCCCCC;
}

#selector {
	margin: 0;
	padding: 2px 2px;
	width: 120px;
	height: 24px;
	border: 1px solid #333333;
	font-family: Arial, Helvetica, sans-serif;
	background: #000000;
	font-size: 12px;
	color: #CCCCCC;
}

.s:disabled {
	margin: 0;
	padding: 2px 2px;
	width: 120px;
	height: 24px;
	border: 1px solid #333333;
	font-family: Arial, Helvetica, sans-serif;
	background: #565051;
	font-style:italic; 
	font-size: 12px;
	color: #CCCCCC;
}


.sarea {
	margin: 0;
	padding: 2px 2px;
	width: 600px;
	height: 100px;
	border: 1px solid #333333;
	font-family: Arial, Helvetica, sans-serif;
	background: #000000;
	font-size: 12px;
	color: #CCCCCC;
}

.x {
	margin: 0;
	padding: 2px 5px;
	height: 25px;
	background: #666666;
	border: 1px solid #333333;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
}

#m {
	margin: 0;
	padding: 2px 5px;
	height: 25px;
	background: #666666;
	border: 1px solid #333333;
	text-decoration: blink;;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
}

#button8 {
	margin: 0;
	padding: 2px 5px;
	height: 25px;
	background: #666666;
	border: 1px solid #333333;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
}

#xinvalid {
	margin: 0;
	padding: 2px 5px;
	height: 25px;
	background: #666666;
	border: 1px solid red;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
}

.sinvalid{
	margin: 0;
	padding: 2px 2px;
	width: 120px;
	height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid red;
	background: #000000;
	font-size: 12px;
	color: #CCCCCC;
}


.svalid{
	margin: 0;
	padding: 2px 2px;
	width: 120px;
	height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid green;
	background: #000000;
	font-size: 12px;
	color: #CCCCCC;
}


.sareainvalid {
	margin: 0;
	padding: 2px 2px;
	width: 600px;
	font-family: Arial, Helvetica, sans-serif;
	height: 100px;
	border: 1px solid red;
	background: #000000;
	font-size: 12px;
	color: #CCCCCC;
}


.x:hover {
	margin: 0;
	padding: 2px 5px;
	height: 25px;
	background: #666666;
	border: 1px solid #333333;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #D56E22;
	cursor:pointer;
}

.xclicked {
	margin: 0;
	padding: 2px 5px;
	height: 25px;
	background: #666666;
	border: 1px solid #333333;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #D56E22;
	cursor:pointer;
}

#m:hover {
	margin: 0;
	padding: 2px 5px;
	height: 25px;
	background: #666666;
	border: 1px solid #333333;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #D56E22;
	cursor:pointer;
}

#button8:hover {
	margin: 0;
	padding: 2px 5px;
	height: 25px;
	background: #666666;
	border: 1px solid #333333;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #D56E22;
	cursor:pointer;
}
/* Footer */

#footer {
	height: 50px;
	background: #000000 url(images/img06.jpg) repeat-x left top;
}

#footer p {
	margin: 0;
	padding: 20px 0 0 0;
	text-align: center;
	font-size: smaller;
	color: #FFFFFF;
}

#footer a {
	color: #FFFFFF;
}

/* Tableau de bord */

.dashboard{
	font-size: 12px;
	border: 1px solid black;
	width: 95%;
	background-color: #565051;
}

.dashboard a{
	width: auto;
	border-bottom: 0px;
}

.dashboard thead td{
	color:black;
	background-color: #736F6E; 
	font-weight: bold;
}

.dashboard tbody tr td{
	color:#CCCCCC;
	font-weight: bold;
}

.dashboard tbody tr td a{
	border-bottom: 0px;
	display: block;
	width: 100%;
}

.dashboard tbody tr:hover{
	background-color: #736F6E; 
}

.dashboard tbody a:link,.dashboard tbody a:visited;.dashboard tbody a:active{text-decoration: none;color:#D56E22;border-bottom: 0px;background-color:#CECECE;}


/* Formulaire */

.display{
	font-size: 10px;
}

.formulaire{
	font-size: 12px;
	border: 1px solid black;
	width: 95%;
	background-color: #565051;
}

.simple{
	font-size: 12px;
	border: 1px solid black;
	width: 95%;
	background-color: #565051;
}

.fiche{
	font-size: 12px;
	border: 1px solid black;
	width: 95%;
}

.fiche thead td{
	color:#CCCCCC;
	background-color: #736F6E; 
	font-weight: bold;
}

.print{
	background-color: red; 
	font-size: 10px;
	border: 1px solid black;
	width: 95%;
}

.print thead td{
	color:#CCCCCC;
	background-color: #736F6E; 
	font-weight: bold;
}

.formulaire a{
	border-bottom: 0px;
}

.formulaire thead td{
	color:#CCCCCC;
	background-color: #736F6E; 
	font-weight: bold;
}

.formulaire tbody tr td{
	color:#CCCCCC;
	font-weight: bold;
}

.formulaire tbody tr td a{
	border-bottom: 0px;
}

.OK {
	text-decoration: none;
	color: lime;
}

.RF {
	text-decoration: none;
	color: red;
}

.AT {
	text-decoration: none;
	color: cyan;
}
.none {
  display: none;
}