@charset "UTF-8";
/* CSS Document */


body { 
	background-color: #c1c1c1;
	font: 11px Verdana, sans-serif;
	color: #2d2c2c;
}

#bodywrapper { 
	background-color: #e0e0e0;
	padding: 12px 0;
}

#header {
	width: 998px; height: 111px;
	margin: 0 auto;
	background-image: url(images/header-bg.gif);
	background-repeat: no-repeat;
}

#logomicrolist h1 a {
	float: left;
	height: 80px; width: 210px;
	margin: 31px 10px 0 10px;
	text-indent: -9999px;
}

#logomicrolist p {
	position: absolute;
	visibility: hidden;
	left: -9999px;
}

/* @group mainmenu */

#mainmenu {
	float: left;
	width: 750px; height: 54px;
	margin: 45px 0 0 0;
	background: url(images/mainmenu-animatebg.png) no-repeat 0 0;
}

#mainmenu li {
	float: left;
	width: 124px; height: 54px;
}

#mainmenu li.line1 { width: 126px; }

#mainmenu li.line6 { width: 128px; }

#mainmenu li a {
	display: block;
	height: 50px;
	margin: 2px 0;
	text-indent: -9999px;
	background: url(images/mainmenu-animatebg.png) repeat-y 0 -108px;
}

#mainmenu li.line1 a { background-position: 0 -110px; }

#mainmenu li.line2 a { background-position: -126px -110px; }

#mainmenu li.line3 a { background-position: -250px -110px; }

#mainmenu li.line4 a { background-position: -374px -110px; }

#mainmenu li.line5 a { background-position: -498px -110px; }

#mainmenu li.line6 a { background-position: -622px -110px; }

#mainmenu li a:hover,
#mainmenu li.current a { background: url(images/mainmenu-animatebg.png) no-repeat 0 -218px; }

#mainmenu li.line1 a:hover,
#mainmenu li.line1.current a { background-position: 0 -218px; }

#mainmenu li.line2 a:hover,
#mainmenu li.line2.current a { background-position: -126px -218px; }

#mainmenu li.line3 a:hover,
#mainmenu li.line3.current a { background-position: -250px -218px; }

#mainmenu li.line4 a:hover,
#mainmenu li.line4.current a { background-position: -374px -218px; }

#mainmenu li.line5 a:hover,
#mainmenu li.line5.current a { background-position: -498px -218px; }

#mainmenu li.line6 a:hover,
#mainmenu li.line6.current a { background-position: -622px -218px; }

/* @end */

#homemotion {
	width: 998px;
	margin: auto;
}

#page {
	width: 998px;
	margin: auto;
	background: url(images/page-bg.gif) repeat-y;
}

#page .wrapper {
	background: url(images/page-shadow.gif) repeat-y 190px bottom;
}

#page .bottom {
	clear: both;
	height: 12px;
	background: url(images/page-bottom.gif) no-repeat;
}

#sidebar {
	float: left;
	width: 210px;
}

#bout-ftp {
	float: left;
	width: 210px;
	margin:5px 0 0 0;

}
#bout-ftp a {
	background:url(images/bt-esp-client.png) no-repeat center top; width:210px; height:64px; display:block;
}
#bout-ftp a:hover {
	background:url(images/bt-esp-client.png) no-repeat center bottom; width:210px; height:64px; display:block;
}

#FlashID2 {
	display: block;
}

#homepush {
	height: 106px;
	background: url(images/01-homepush-bg.png) no-repeat;
	font-size: 1em;
	color: #FFF;
}

#homepush h3 {
	position: absolute;
	visibility: hidden;
	left: -9999px;
}

#homepush a {
	color: #FFF;
	text-decoration: none;
}

#homepush a:hover {
	text-decoration: underline;
}

#homepush .col1 {
	float: left;
	width: 130px;
	padding: 50px 0 0 64px;
}

#homepush .col2 {
	float: left;
	width: 180px;
	padding: 50px 0 0 52px;
}

#homepush .col3 {
	float: left;
	width: 186px;
	padding: 50px 0 0 22px;
}

#homepush .col4 {
	float: left;
	width: 90px;
	padding: 50px 0 0 50px;
}

/* @group submenu */

#submenu {
	font-size: 1.09em;
	margin: 27px 10px 0; padding: 10px 0 10px 0;
	background-color: #444;
	-moz-border-radius:8px;
  	-webkit-border-radius:8px;
}

#submenu h2 {
	color: #e0e0e0;
	text-transform: uppercase;
	margin: 0 10px 6px 20px;
}

#submenu ul li a {
	display: block;
	color: #e0e0e0;
	text-decoration: none;
	padding: 6px 10px 6px 20px;
	border-top: 1px solid #747474;
}

#submenu ul li a:hover {
	background: url(images/submenu-hover.gif) -410px center;
	color: #FFF;
}

#submenu ul li.current a {
	background: url(images/submenu-hover.gif) -10px center;
	color: #FFF;
}

#submenu ul li.more a {
	background: url(images/submenu-hover.gif) -810px center;
	color: #FFF;
}

#submenu ul li.more a:hover,
#submenu ul li.more:hover a,
#submenu ul li.current.more a {
	background: url(images/submenu-hover.gif) -610px center;
	color: #FFF;
}

#submenu ul li.more ul {
	display: none;
}

#submenu ul li.more:hover ul,
#submenu ul li.current ul {
	display: block;
}

#submenu ul li.more ul li a,
#submenu ul li.more:hover ul li a,
#submenu ul li.more.current ul li a {
	color: #515151;
	background-color: #d1d1d1;
	background-image: none;
}

#submenu ul li.more ul li a:hover {
	color: #515151;
	background: #d1d1d1 url(images/submenu-subhover.gif) repeat;
}

#submenu ul li.more ul li.current a {
	color: #FFF;
	background: url(images/submenu-hover.gif) -10px center;
}

/* @end */

/* @group content */

#content {
	color: #515151;
	margin: 0 2px 0 211px;
}

#content h2 {
	width: 786px; height: 212px;
	text-indent: -9999px;
}

.cat01 #content h2 {
	background: url(images/01-la-societe.jpg) no-repeat;
}

.cat02 #content h2 {
	background: url(images/02-moyens-de-production.jpg) no-repeat;
}

.cat03 #content h2 {
	background: url(images/03-garanties.jpg) no-repeat;
}

.cat04 #content h2 {
	background: url(images/04-en-savoir-plus.jpg) no-repeat;
}

.cat05 #content h2 {
	background: url(images/05-actu.jpg) no-repeat;
}

.cat06 #content h2 {
	background: url(images/06-prestations.jpg) no-repeat;
}

.cat07 #content h2 {
	background: url(images/07-espace-demo-web.jpg) no-repeat;
}

#content .post {
	padding: 26px 22px; margin: 0;
}

#content .post p,
#content .post dl,
#content .post hr,
#content .post h1,
#content .post h2,
#content .post h3,
#content .post h4,
#content .post h5,
#content .post h6,
#content .post ol,
#content .post ul,
#content .post pre,
#content .post table,
#content .post address,
#content .post fieldset{margin:0 6px 10px 6px}

#content .post a{ 
	text-decoration: underline;
	color: #515151;
}

#content .post a:hover{ text-decoration: none; }

#content .post a:focus{outline:1px dotted invert}

#content .post hr{
	border: 0 dotted #515151;
	border-top-width:1px;
	height:0;
	margin: 16px 6px;
}

#content .post h1{font-size:25px}

#content .post h2{font-size:23px}

#content .post h3{
	background-color: #ccf5ff;
	font-size: 1.09em;
	text-transform: uppercase;
	padding: 2px 6px; margin: 0 0 20px 0;
}

#content .post h4{
	color: #1c91b0;
	font-size: 1.09em;
	margin: 18px 6px;
}

#content .post h5{font-size:17px}
#content .post h6{font-size:15px}
#content .post ol{list-style:decimal}
#content .post ul{list-style:disc}
#content .post li{margin-left:10px}

#content .post ol li{margin-bottom:10px}

#content .post ol li ul li{margin-bottom:0}

#content .post table th {
	font-size: 0.82em;
	padding: 4px;
	color: #FFF;
	vertical-align: middle;
}

#content .post table td {
	color: #888;
	font-size: 1em;
	padding: 4px;
	text-align: center;
	border-bottom: solid 1px #ddd;
}

#content .post table td.alt {
	background-color: #eee;
}

#content .post table td.last {
	border-right: solid 1px #bbb;
}

#content .post table tr.last td {
	border-bottom: solid 1px #bbb;
}

#content .post table th.col {
	background-image: url(images/table-th-top.gif);
	border-right: 1px solid #eee;
}

#content .post table th.row {
	background-image: url(images/table-th-row.gif);
	border-bottom: 1px solid #eee;
}

#content .post li.typePdf{
	margin-left: 0;
	margin-bottom: 10px;
	padding-left: 20px;
	background: url(images/icon-acrobat.gif) no-repeat;
	list-style-type: none;
	line-height: 14px;
}

#content .post .resources {
	width: 146px;
	margin: 0 0 20px 20px;
	float: right;
	background: url(images/postsidebar-dots.gif) repeat-y;
}

#content .post .resources ul {
	margin: 0; padding: 0;
	list-style: none;
}

#content .post .resources li {
	margin: 0 0 40px 0; padding: 0;
	margin-left: 0;
	list-style: none;
	background-image: none;
}

#content .post .resources li a {
	display: block;
	background: url(images/icon-pdffile.gif) no-repeat 20px center;
	padding-left: 50px;
	padding-right: 10px;
}

#content .post .hat {
	color: #1c91b0;
	font-weight: bold;
}

#content .post .imgLeft {
	float: left;
	margin: 0 10px 10px 0;
}

#content .post .imgRight {
	float: right;
	margin: 0 0 10px 10px;
}

#content .post .imgCenter {
	text-align: center;
	margin-bottom: 10px;
}

#content .post .floatleft {
	float: left;
}

#content .post .floatright {
	float: right;
}

/* @end */

#postsidebar {
	width: 165px;
	height: 320px;
	float: right;
	background: url(images/01-homesidebar-bg.jpg) no-repeat center center;
}

#homepage #content {
	background: url(images/01-home-post-bg.png) no-repeat 0 106px;
}

#homepage .post {
	color: #515151;
	margin-right: 165px;
	background: url(images/postsidebar-dots.gif) repeat-y right;
}

#homepage .post .hat {
	font-size: 1.09em;
	word-spacing: -2px;
	line-height: 1.27em;
	padding-bottom: 16px;
	color: #515151;
	font-weight: normal;
}

#homepage .post .main {
	padding-left: 140px;
	background: url(images/01-home-contentimg.gif) no-repeat;
	font-size: 1.09em;
}

/* @group footer */

#footer {
	clear: both;
	padding: 12px 0 0 0;
	color: #6b6b6b;
	font-size: 0.91em;
	text-transform: uppercase;
	background-color: #c1c1c1;
}

#footer .wrapper {
	width: 998px;
	margin: auto;
}

#footer a {
	color: #6b6b6b;
	text-decoration: none;
	padding: 3px 4px;
}

#footer a:hover {
	color: #FFF;
	background-color: #444;
	-moz-border-radius:4px;
  	-webkit-border-radius:4px;
}

#footer p {
	padding-bottom: 12px;
	float: left;
}

#footer .credits {
	margin: 0 20px 0 20px;
}

#footer .contacts li {
	float: left;
	position: relative;
	border-right: 1px solid #6b6b6b;
	padding: 0 4px;
}

#footer .contacts li .container {
	display: none;
	position: absolute;
	left: 0;
	bottom: 14px;
	width: 100%;
}

#footer .contacts li:hover .container {
	display: block;
}

#footer .contacts li:hover a,
#footer .contacts li.current a {
	color: #FFF;
	background-color: #444;
	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;
}

#footer .contacts li.line2 a {
	-moz-border-radius:0;
  	-webkit-border-radius:0;
  	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
  	-webkit-border-bottom-left-radius:4px;
  	-webkit-border-bottom-right-radius:4px;
}

#footer .contacts li ul {
	color: #FFF;
	background-color: #444;
	margin: 0 4px; padding: 4px 0;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
  	-webkit-border-top-left-radius:4px;
  	-webkit-border-top-right-radius:4px;
}

#footer .contacts li ul li {
	float: none;
	border: none;
	padding: 0;
}

#footer .contacts li ul li a {
	display: block;
	color: #FFF;
	padding: 10px 10px 10px 40px;
	background: url(images/footericon-pdffile.gif) no-repeat 15px center;
	-moz-border-radius:0px;
  	-webkit-border-radius:0px;
}

#footer .contacts li ul li a:hover {
	background-color: #6e6e6e;
}

#footer .contacts li.line5 {
	border-right: none;
}

/* @end */