*{margin:0;}
html,body{height:100%;}
body{background:#fff;color:#000;font-size:12px;font-family:verdana;text-align:center;}
h2{font-size:2em;margin-bottom:0.75em;}
.page{width:980px;min-height:100%;height:auto !important;height:100%;margin:0 auto -100px;text-align:left;}
.page p{text-align:justify;margin:5px 0 10px 0;}
.footer,.push{height:100px;}
.footer{background:url(footer.jpg) repeat-x;color:#fff;width:980px;margin:0 auto;}
.footer p{padding-top:15px;}
.footer a{color:#ffc000;text-decoration:none;}
a{color:#99A9B9;text-decoration:none;}
a:hover{color:##78777D;text-decoration:underline;}
.login{position:absolute;border:none;top:228px;left:190px;width:185px;font-size:10px;background:transparent;}
.mdp{position:absolute;border:none;top:260px;left:190px;width:185px;font-size:10px;background:transparent;}
.valider{position:absolute;top:280px;left:250px;background:none;border:none;padding:0;margin:0;width:125px;cursor:pointer;}
.cb{clear:both;}
#accueil{width:656px;height:687px;margin:10px auto 0 auto;position:relative;text-align:left;background:#fff url(index.jpg) no-repeat;}
#menu{position:absolute;top:335px;left:20px;text-align:center;}
#menu ul{margin:0 0 0 15px;padding:0;}
#menu ul li{display:inline;margin:0 10px 0 0;padding:0;}
#menu ul li a{color:#930;text-decoration:none;}
#menu ul li a:hover{color:#7298d2;}
/* Menu Onglet */
ul#navlist{font:bold 11px verdana,arial,sans-serif;list-style-type:none;padding:0;padding-bottom:24px;border-bottom:1px solid #34adfc;margin:0;}
ul#navlist li{float:left;height:21px;background-color:#34adfc;margin:2px 2px 0 2px;border:1px solid #34adfc;color:#fff;font-variant:small-caps;}
ul#navlist li#active{border-bottom:1px solid #fff;background-color:#fff;}
li#active a{color:#000;}
#navlist a{float:left;display:block;color:#fff;text-decoration:none;padding:4px;}
#navlist a:hover{background:#fff;color:#34adfc;}
#navigation{margin-bottom:10px;}
/* Boites Alertes Infos Messages Etc */
.erreur{background:#fbe3e4 url(exclamation.png) 15px 50% no-repeat;padding:5px 20px 5px 45px;border:1px solid #fbc2c4;color:#d12f19;margin:5px 0 5px 0;}
.info{background:#E0ECFF url(information.png) 15px 50% no-repeat;padding:5px 20px 5px 45px;border:1px solid #A5C9FF;color:#135;margin:0 0 5px 0;}
.info2{background:#E0ECFF;padding:5px;border:1px solid #A5C9FF;color:#135;margin:0 0 5px 0;}
.ok{background:#E6EFC2 url(tick.png) 15px 50% no-repeat;padding:5px 20px 5px 45px;border:1px solid #C6D880;color:#529214;margin:5px 0 5px 0;}
.redir{background:#E6EFC2 url(redir.gif) 15px 50% no-repeat;padding:5px 20px 5px 45px;border:1px solid #C6D880;color:#529214;margin:5px 0 5px 0;}
/* Boites Alertes Infos Messages Etc */
.validation-advice{margin:5px 0;padding:5px;background-color:#FF3300;color:#FFF;font-weight:bold;}
.custom-advice{margin:5px 0;padding:5px;background-color:#C8AA00;color:#FFF;font-weight:bold;}
a img{border:none;}
span.checkbox{width:19px;height:25px;padding:0 5px 0 0;background:url(checkbox.png) no-repeat;display:block;clear:left;float:left;}
span.radio{width:19px;height:25px;padding:0 5px 0 0;background:url(radio.png) no-repeat;display:block;clear:left;float:left;}
span.select{position:absolute;width:158px;height:21px;padding:0 24px 0 8px;color:#fff;font:12px/21px arial,sans-serif;background:url(select.png) no-repeat;overflow:hidden;}
table{border:1px solid #aaa;border-collapse:collapse;width:100%;margin:auto;background:#fff;}
th{font-family:tahoma;border:1px solid #aaa;padding:5px;text-transform:uppercase;background-color:#9097A9;color:#fff;}
td{font-family:tahoma;font-size:100%;border:1px solid #aaa;padding:5px;text-align:left;background:#ddd;}
td.cinactif{font-family:tahoma;font-size:100%;border:1px solid #aaa;padding:5px;text-align:left;background:#904848;color:#eee;}
caption{font-family:sans-serif;}
/*tableaux*/
.editer,
.desactiver,
.activer,
.supprimer{display:block;padding:1px 8px;color:#fff;-moz-border-radius:2px;-khtml-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;float:left;margin:0px 2px;text-transform:uppercase;font-size:0.7em;font-weight:bold;}
.ajouter{display:block;padding:1px 8px;color:#fff;-moz-border-radius:2px;-khtml-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;float:left;margin:0px 2px;text-transform:uppercase;font-size:1em;font-weight:bold;}
.editer{background:#8AC3D4;}
.editer:hover{background:#66ABBF;color:#fff;text-decoration:none;}
.desactiver{background:#DC6A6A;}
.desactiver:hover{background:#C64747;color:#fff;text-decoration:none;}
.activer{background:#009900;}
.activer:hover{background:#006600;color:#fff;text-decoration:none;}
.ajouter{background:#8AC3D4;}
.ajouter:hover{background:#66ABBF;color:#fff;text-decoration:none;}
.supprimer{background:#FFBFBF;}
.supprimer:hover{background:#FF0000;color:#fff;text-decoration:none;}
h2{background:#8AC3D4;padding:3px;border:1px solid #0033CC;color:#0033CC;font-size:14px;font-variant:small-caps;}
/* BUTTONS */
.buttons a,.buttons button{display:block;float:left;margin:0 7px 0 0;background-color:#f5f5f5;border:1px solid #dedede;border-top:1px solid #eee;border-left:1px solid #eee;font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;font-size:100%;line-height:130%;text-decoration:none;font-weight:bold;color:#565656;cursor:pointer;padding:5px 10px 6px 7px;/* Links */}
.buttons button{width:auto;overflow:visible;padding:4px 10px 3px 7px;/* IE6 */}
.buttons button[type]{padding:5px 10px 5px 7px;/* Firefox */ line-height:17px;/* Safari */}
*:first-child+html button[type]{padding:4px 10px 3px 7px;/* IE7 */}
.buttons button img,.buttons a img{margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px;}
/* STANDARD */
button:hover,.buttons a:hover{background-color:#dff4ff;border:1px solid #c2e1ef;color:#336699;}
.buttons a:active{background-color:#6299c5;border:1px solid #6299c5;color:#fff;}
/* POSITIVE */
button.positive,.buttons a.positive{color:#529214;}
.buttons a.positive:hover,button.positive:hover{background-color:#E6EFC2;border:1px solid #C6D880;color:#529214;}
.buttons a.positive:active{background-color:#529214;border:1px solid #529214;color:#fff;}
/* NEGATIVE */
.buttons a.negative,button.negative{color:#d12f19;}
.buttons a.negative:hover,button.negative:hover{background:#fbe3e4;border:1px solid #fbc2c4;color:#d12f19;}
.buttons a.negative:active{background-color:#d12f19;border:1px solid #d12f19;color:#fff;}
#formulaire{margin:10px 0;}
#formulaire label{display:block;width:120px;float:left;}
#formulaire label.nf{float:none;display:inline;}
#formulaire fieldset{border-top:1px solid #B3B4B6;padding:10px 0;}
#formulaire legend{padding:3px;border:1px solid #B3B4B6;background:#B3B4B6;color:#fff;font-weight:bold;}
#formulaire p{margin:10px:0;}
#formulaire b{color:red;}
#calendarDiv{position:absolute;width:205px;border:1px solid #317082;padding:1px;background-color:#FFF;font-family:arial;font-size:10px;padding-bottom:20px;visibility:hidden;}
#calendarDiv span,#calendarDiv img{float:left;}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{line-height:12px;padding:1px;cursor:pointer;padding-left:2px;}
#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{line-height:12px;padding:1px;cursor:pointer;padding-left:2px;}
#calendarDiv td{padding:3px;margin:0px;font-size:10px;}
#calendarDiv .selectBox{border:1px solid #E2EBED;color:#E2EBED;position:relative;}
#calendarDiv .selectBoxOver{border:1px solid #FFF;background-color:#317082;color:#FFF;position:relative;}
#calendarDiv .selectBoxTime{border:1px solid #317082;color:#317082;position:relative;}
#calendarDiv .selectBoxTimeOver{border:1px solid #216072;color:#216072;position:relative;}
#calendarDiv .topBar{height:16px;padding:2px;background-color:#317082;}
#calendarDiv .activeDay{/* Active day in the calendar */ color:#FF0000;}
#calendarDiv .todaysDate{height:17px;line-height:17px;padding:2px;background-color:#E2EBED;text-align:center;position:absolute;bottom:0px;width:201px;}
#calendarDiv .todaysDate div{float:left;}
#calendarDiv .timeBar{height:17px;line-height:17px;background-color:#E2EBED;width:72px;color:#FFF;position:absolute;right:0px;}
#calendarDiv .timeBar div{float:left;margin-right:1px;}
#calendarDiv .monthYearPicker{background-color:#E2EBED;border:1px solid #AAAAAA;position:absolute;color:#317082;left:0px;top:15px;z-index:1000;display:none;}
#calendarDiv #monthSelect{width:70px;}
#calendarDiv .monthYearPicker div{float:none;clear:both;padding:1px;margin:1px;cursor:pointer;}
#calendarDiv .monthYearActive{background-color:#317082;color:#E2EBED;}
#calendarDiv td{text-align:right;cursor:pointer;}
#calendarDiv .topBar img{cursor:pointer;}
#calendarDiv .topBar div{float:left;margin-right:1px;}
#lightbox{background-color:#eee;padding:10px;border-bottom:2px solid #666;border-right:2px solid #666;}
#lightboxDetails{font-size:0.8em;padding-top:0.4em;}
#lightboxCaption{float:left;}
#keyboardMsg{float:right;}
#closeButton{top:5px;right:5px;}
#lightbox img{border:none;clear:both;}
#overlay img{border:none;}
#overlay{background-image:url(overlay.png);}
* html #overlay{background-color:#333;back\ground-color:transparent;background-image:url(blank.gif);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png",sizingMethod="scale");}
.errorwrap{background:#FFDFDF;border:1px solid #992A2A;border-top:0;margin:5px 0;padding:0;}
.errorwrap h4{background:#E3C0C0;border:1px solid #992A2A;border-left:0;border-right:0;color:#992A2A;font-size:12px;font-weight:bold;margin:0;padding:5px;}
.errorwrap p{background:transparent;border:0;color:#992A2A;margin:0;padding:8px;}
.status{background:#fff9d7;border:1px solid  #e2c822;padding:8px;}

div.pagination {
	padding:3px;
	margin:3px;
	text-align:center;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #9aafe5;
	
	text-decoration: none; 
	color: #2e6ab1;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #2b66a5;
	color: #000;
	background-color: lightyellow;
}
div.pagination span.courante {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid navy;
	font-weight: bold;
	background-color: #2e6ab1;
	color: #FFF;
}
div.pagination span.desactive{
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #929292;
	color: #929292;
}
button:disabled{
background:#eee;
border:dashed 1px #ccc;
color:#ccc;
}



  #navright{ width: 152px; }

#navright ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
text-align:left;
}

#navright a
{
display: block;
padding: 3px;
width: 146px;
background-color: #34adfc;
border-bottom: 1px solid #34adfc;
color:#fff;text-decoration:none;
font-variant:small-caps;
font-weight:bold;

}


#navright a:hover
{
background:#fff;color:#34adfc;
}

#tindex, #tindex td{
background:#fff;border:none;}