body {background:#032851;font-family:Arial,Verdana,Helvetica,sans-serif;font-size:12px;color:#333;margin-top:0;}
a {color:#032851;}
table, tr, td {border-collapse:collapse;border:0;margin:0;padding:0;vertical-align:top;}
#conteneur {width:780px;background:#fff;margin:auto;clear:both;}
#capture {border:none;}
#header {height:130px;background:url(layout/top.jpg) no-repeat 0px 0px;margin-bottom:10px;}
#titre { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#C61317; text-align:center; }
#gauche {width:240px;float:left;margin-left:6px;padding-bottom:20px;margin-top:-10px;}
#contenu {width:486px;float:right;padding-left:16px;padding-right:20px;padding-top:0px;padding-bottom:20px;margin-top:-15px;}
h1 {margin:0;padding:0;padding-top:2px;padding-bottom:4px;font-size:12px;text-align:center;background:#032851;}
h1 a {color:#ccc;font-weight:normal;font-size:12px;}
#contenu h2 {color:#005784;font-size:14px;text-transform:uppercase;}
#contenu h3 {color:#c61317;font-size:12px;margin-top:30px; margin-bottom:-10px;}
#contenu h3 a {color:#c61317;} 
#contenu h4 {font-size:10px; font-style:italic; text-transform:lowercase; color:#000000; margin-top:2px; text-align:center; }
#contenu p {margin-top:10px; text-align:justify;}
#contenu p u { text-decoration:underline; font-weight:bold; color:#015885;}
#contenu p b { font-weight:bold; color:#005784;}
#contenu p span { color:#0066CC; }
#contenu p span b { font-weight:bold; color:#000000; }
#carillon h3 { font-family:Arial, Helvetica, sans-serif; font-style:italic; color:#005784; }
.tabclient { 
	width: 140px; 
	padding: 2px; 
	border-top:1px solid #C6E5FF;
	border-bottom:1px solid #C6E5FF;
	border-right:1px solid #C6E5FF;
	border-left:1px solid #C6E5FF;
	vertical-align:middle;
}
/*#gauche h5 {
	background:url(layout/filltitre.png) repeat-x;
	border-top:1px solid #6dc4e0;
	border-bottom:1px solid #2a2f62;
	height:17px;
	color:#fff;
	text-transform:uppercase;
	margin:0;
	padding:0;
	font-size:11px;
	padding-left:10px;
	padding-top:5px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}*/
#gauche h5 {
	background:url(layout/filltitre.png) repeat-x;
	height:17px;
	color:#fff;
	text-transform:uppercase;
	margin:0;
	padding:0;
	font-size:11px;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:2px;
}
#gauche #formlogin {margin:0;padding:0;background:#e0dbcd;border-top:1px solid #f9f6e9;border-bottom:1px solid #b8b3a2;padding-top:4px;padding-bottom:4px;padding-left:10px;margin-bottom:20px;border-right:1px solid #b8b3a2;border-left:1px solid #b8b3a2;}
#gauche #formlogin p {margin:0;padding:0;}
#gauche form input {font-size:11px;margin-right:2px;width:68px;}
#menu, #menu li {list-style-type:none;margin:0;padding:0;}
#menu li {display:inline;}
#menu {margin-bottom:20px;border-right:1px solid #b8b3a2;border-left:1px solid #b8b3a2;background:#e0dbcd}
#menu li a {display:block;padding:2px 4px;padding-left:14px;;color:#333;text-decoration:none;border-top:1px solid #f9f6e9;border-bottom:1px solid #b8b3a2;background:url(layout/pucemenu.gif) no-repeat 4px 7px;}
#menu li a:hover {background:#d3ceb9 url(layout/pucemenu.gif) no-repeat 4px 7px;color:#000;}
#menu li a strong {color:#c61317;}
#footer {clear:both;text-align:center;font-size:11px;padding:4px;margin-top:20px;background:#e0dbcd;border-top:1px solid #b8b3a2;height:20px;}
#footer a {text-decoration:none;color:#333;}
#footer p {padding:0;margin:0;}


/* index */
#accroche {width:442px;height:58px;margin:auto;background:url(layout/accroche.png) no-repeat;font-style:italic;text-align:justify;padding-top:20px;padding-left:20px;padding-right:20px;margin-bottom:20px;}
#accroche p {margin:0;padding:0;font-weight:bold; font-size:13px;}
#accroche strong {display:block;text-align:right;}
#avantages, #avantages li {margin:0;padding:0;color:#032851;}
#avantages {margin-bottom:20px;margin-left:40px;margin-top:20px;}
#avantages li {list-style:none;/*background:url(layout/check.gif) no-repeat 4px;*/padding-left:24px;margin-top:6px;font-weight:bold;height:18px;font-size:13px;}
#avantages .puce1 {background:url(layout/puce1.gif) no-repeat;}
#avantages .puce2 {background:url(layout/puce2.gif) no-repeat;}
#avantages .puce3 {background:url(layout/puce3.gif) no-repeat;}
#avantages .puce4 {background:url(layout/puce4.gif) no-repeat;}
#avantages .puce5 {background:url(layout/puce5.gif) no-repeat;}
#avantages .puce6 {background:url(layout/puce6.gif) no-repeat;}
#avantages .asterisque {color:#FF3333}
#avantages li a {color:#032851;text-decoration:none;}
#avantages li a:hover {text-decoration:underline;}
#contact {width:199px;height:48px;margin:auto;margin-top:10px;margin-bottom:20px;}
#contact img {border:0;}
#documentation {background:url(layout/pdf.gif) no-repeat;width:300px;margin:auto;padding-left:25px;height:20px;font-weight:bold;padding-top:3px;margin-bottom:30px;}

/* progiciel ressources humaines */
.lesplus {list-style-type:square;}
.lesplus li { text-align:justify; }

/* revue de presse */
#presse .thumbpresse {float:left;margin:5px;border:1px solid #032851;}
#presse h3 {clear:both;margin-bottom:0px;padding-bottom:0px;}
#presse p {margin-top:0px;padding-top:0px;}

/* essai gratuit */
#formcontact {width:350px;margin:auto;}
#formcontact fieldset {padding:20px;}
#formcontact legend {margin-bottom:20px;}
#formcontact input {border:1px solid #b8b3a2;}
#formcontact input:hover {background:#e0dbcd;}
#formcontact input, #formcontact select, #formcontact textarea {display:block;margin-bottom:10px;}
#formcontact #message {width:100%;border:1px solid #b8b3a2;padding-top:5px;padding-bottom:5px;height:100px;overflow:auto;}
#formcontact select {font-size:12px;}
#formcontact .typecontact {border:0px;}
#formcontact .submit {width:100%;background:url(layout/filltitre.png) repeat-x;height:26px;color:#fff;text-transform:uppercase;border-top:1px solid #6dc4e0;border-bottom:1px solid #2a2f62;font-size:12px;font-weight:bold;padding:5px;}
#formcontact .submit:hover {background:url(layout/filltitre.png) repeat-x;}
#formcontact .submit {cursor:pointer;cursor:hand;}