body { width:1000px; margin:0 auto;; font-size:12px; background:#286090 url(../image/background.jpg) top left repeat-x; }

a { outline:none;}

h1 { color:#1B75AB;font-size:2em; margin:0 0 10px 0;}
h2 { color:#FF9900;font-size:1.5em; margin:0 0 8px 0;}

#header { width:1000px; height:244px;}
#content { width:1000px;background:url(../image/bg_content.png) 1px 0 repeat-y; font-family:"Arial"; }

#topHeader { font-size:12px; margin:0 auto;width:1000px; height:74px; background:url(../image/top_header.png) top left no-repeat;}
a.logo { display:block; padding:28px 0 0 25px; float:left;}
p.coordonnee { width:140px; float:left; margin:30px 3px 0 30px; color:#959595; font-size:0.9em; line-height:1em;}
p.coordonnee span.tel { font-size:1.2em;}

#breadcrumb {height:30px;}
#breadcrumb ul { list-style-type:none;}
#breadcrumb ul li { float:left; margin:0 3px 0 3px;}
#breadcrumb ul li a { text-decoration:none; font-size:1em; color:#747474;}
#breadcrumb ul li a:hover { color:#999999; text-decoration:underline;}


#footer { width:1000px; margin:0 auto; height:52px; background:url(../image/footer.png) top left no-repeat;}
#footer ul.footMenu { list-style-type:none; font-family:Arial, Helvetica, sans-serif; margin:0 0 0 230px; line-height:35px;}
#footer ul.footMenu li { color:#FFFFFF; margin:0 3px 0 0; float:left;}
#footer ul.footMenu li a { color:#FFFFFF; text-decoration:none; font-size:0.8em;}
#footer ul.footMenu li a:hover { text-decoration:underline;}

#xhtml { padding:0 30px; margin:25px 0 0 0;}

#texteIntroduction { clear:both;width:500px; float:left; margin:0 0 0 40px;}
#texteIntroduction p { text-align:justify; color:#333333;}

#texteIntroduction2 {clear:both;width:595px; float:left; margin:0 0 0 5px;}

#connexion { width:300px; float:right; margin:0 15px 0 0;}


label { display:block; float:left; width:15em; color:#666666; margin:0 0 5px 0;}
input { width:20em;}
form p { margin:0 0 5px 0;}
input[type=submit] { width:10em;}

#login {width:300px;border:1px solid #CCCCCC;padding:5px;}

#notification {width: 290px; line-height:20px;border:1px dashed #CCCCCC;margin:5px 0 5px 0;padding:10px;color:#666666;font-weight:bold; text-align:center;}
#notification.ok {border:1px dashed #669900; color:#669900;}
#notification.erreur1 {border:1px dashed #FF6600; color:#FF6600;}
#notification.erreur2 {border:1px dashed #CC0000; color:#CC0000;}

.loader { padding:0 10px 0 0;}

#menu ul { width:595px;list-style-type:none; height:25px; line-height:25px; margin:0 0 15px 0;background-color:#1B71A5;}
#menu ul li { float:left; font-weight:bold;}
#menu ul li a { display:block; float:left; margin:0 5px 0 0; text-decoration:none; color:#FFFFFF; padding:0 5px;}
#menu ul li a:hover, #menu ul li a.menActiv { background-color:#CCE7F7; color:#1B71A5;}


ul.accordeon, ul.accordeon ul {list-style-type:none;width:300px;}
ul.accordeon a {display: block;text-decoration: none;	}
ul.accordeon li {margin-top: 1px;}
ul.accordeon li a {background:#8BC9ED;color:#1C79B0;padding:5px;}
ul.accordeon li a:hover {background:#D3EAF8;}
ul.accordeon li ul li a {background:#53ADE3;color:#FFFFFF;padding-left: 20px; width:257px;}
ul.accordeon li ul li a:hover {background:#85C5EB;border-left: 5px #1C72A6 solid;padding-left: 15px;}

/* Tableau */
#document tr.tableHeader {background:#99CC00;color:#FFFFFF; border:none;}
#document td { border-right:2px solid #FFFFFF;}
#document td.center { text-align:center;}
#document tr.zebra { background-color:#FFFFFF;}
#document tr.zebra { background-color:#F2F2F2;}
#document td a.activ { font-style:italic; font-weight:bold; color:#FF6600;}

#document tr { border-bottom:1px solid #666666;}

/* details */
#details {
	width:300px;
	border:1px dashed #CCCCCC;
	padding:5px;	
}

#details p { padding:0; margin:0;}

a.quit {background:#99CC00;color:#FFFFFF;padding:5px;}

#details span {
	display:block;
	color:#666666;
	font-size:1.1em;
	font-style:italic;
	margin:0 0 5px 0;
	padding:0 0 0 20px;
	line-height:16px;
}

#details span.pdf { background:url(../image/fileicons/pdf.png) top left no-repeat;}
#details span.zip { background:url(../image/fileicons/zip.png) top left no-repeat;}
#details span.doc, #details span.docx { background:url(../image/fileicons/doc.png) top left no-repeat;}