/******************************************************************************/

* { margin: 0; padding: 0; border: 0; }

body {
	background: #e4f9ff url(image/fond-body.jpg) repeat-x;
	font-family: arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
}

a {
	color: #11559c;
	text-decoration: none;
	cursor: pointer;
}

p {
	padding-bottom: 7px;
}

h2 {
	font-size: 15px;
	padding-bottom: 14px;
}

h3 {
	font-size: 13px;
	padding-bottom: 7px;
}

h4 {
	font-size: 11px;
	padding-bottom: 4px;
	/*color: #5c5c5c;*/
	color: #000;
}

strong {
	/*color: #5c5c5c;*/
	color: #000;
}

a:hover {
	text-decoration: underline;
}

.clearfix {
	clear: both;
}


/******************************************************************************/

#preload {
	background: url(image/fond-onglet-hover-first.png);
	background: url(image/fond-onglet-hover.png);
	background: url(image/fond-onglet-ec-hover-first.png);
	background: url(image/fond-onglet-ec-hover.png);
	display: none;
}


/******************************************************************************/

#page {
	width: 910px;
	margin: auto;
}

#header {
	width: 900px;
	margin-left: 5px;
	margin-right: 5px;
	height: 160px;	
}

#logo {
	float: left;
	width: 225px;
	height: 100px;
}

#baseline {
	float: left;
	width: 450px;
	height: 90px;
	padding-top: 10px;
	font-size: 14px;
	font-style: italic;
	color: #00629e;
}

#lang {
	float: left;
	width: 225px;
	height: 15px;
	padding-top: 35px;
	list-style: none;
}

#lang li {
	float: right;
	margin-left: 5px;
	
}

#search {
	float: left;
	width: 138px;
	padding-left: 87px;
	height: 30px;
	padding-top: 20px;
	
}

#search .text-input {
	font-family: arial, sans-serif;
	font-size: 10px;
	color: #a3a3a3;
	height: 17px;
	padding-top: 3px;
	width: 95px;
	padding-left: 20px;
	background: #fff url(image/magnifier.gif) 2px 2px no-repeat;
	border-top: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	
	float: left;
	
	
}

#search .search-btn {
	width: 18px;
	height: 18px;
	background-image: url(image/search-btn.gif);
	text-indent: -9000px;
	font-size: 1px;
	color: #fff;
	cursor: pointer;

	float: left;
	margin-top: 2px;
	margin-left: 3px;
	
}

/* MENU ***********************************************************************/
#nav {
	float: left;
	width: 900px;
	height: 60px;
	background: url(image/fond-nav.png);
}

.ec #nav {
	background: url(image/fond-nav-ec.png);
}

#menu {
	position: relative;
	width: 895px;
	height: 60px;
	list-style: none;
	background: url(image/fond-nav-left.png) no-repeat;
}

.ec #menu {
	background: url(image/fond-nav-left-ec.png) no-repeat;
}

#menu-cap {
	position: relative;
	width: 5px;
	height: 60px;
	top: -60px;
	left: 895px;
	background: url(image/fond-nav-right.png);
	margin-bottom: -60px; /* IE6 fix */
}

.ec #menu-cap {
	background: url(image/fond-nav-right-ec.png);
}

/* MENU PREMIER NIVEAU ********************************************************/
#menu li {
	float: left;
	height: 30px;
	padding-left: 5px;
}

#menu li a {
	display: block;
	float: left;
	height: 22px;
	padding-top: 8px;
	padding-right: 28px;
	padding-left: 8px;
	background: url(image/menu-arrow.gif) top right no-repeat;
	color: #fff;
	text-decoration: none;
}

/* CURRENT */

.public #menu li.current a, .public #menu li.current.hover a {
	background: #005689 url(image/fond-onglet.png) top right no-repeat;
}
.ec #menu li.current a, .ec #menu li.current.hover a  {
	background: #7d0b0d url(image/fond-onglet-ec.png) top right no-repeat;
}

.public #menu li.current, .public #menu li.current.hover {
	background: #005689 url(image/fond-onglet.png) top left no-repeat;

}
.ec #menu li.current, .ec #menu li.current.hover {
	background: #7d0b0d url(image/fond-onglet-ec.png) top left no-repeat;

}

.public #menu li.first.current, .public #menu li.first.current.hover {
	background: #005689 url(image/menu-hover-left.png) top left no-repeat;
}
.ec #menu li.first.current, .ec #menu li.first.current.hover {
	background: #7d0b0d url(image/menu-hover-left-ec.png) top left no-repeat;
}


/* HOVER */

.public #menu li.hover a {
	/*background: #1987e8 url(image/fond-onglet-hover.png) top right no-repeat;*/
}
.ec #menu li.hover a {
	background: #b90310 url(image/fond-onglet-ec-hover.png) top right no-repeat;
}

.public #menu li.hover {
	background: #0f4c8a url(image/fond-onglet-hover.png) top left no-repeat;
}
.ec #menu li.hover {
	background: #b90310 url(image/fond-onglet-ec-hover.png) top left no-repeat;
}

.public #menu li.first.hover {
	background: #0f4c8a url(image/fond-onglet-hover-first.png) top left no-repeat;
}
.ec #menu li.first.hover {
	background: #b90310 url(image/fond-onglet-ec-hover-first.png) top left no-repeat;
}


/* MENU SECOND NIVEAU *********************************************************/
#menu li ul {
	list-style: none;
	position: absolute;
	left: 0;
	top: 30px;
	width: 895px;
	visibility: hidden;
	display: none;
}

#menu li.current ul {
	visibility: visible;
	display: block;
}

.public #menu li.current ul li a, .ec #menu li.current ul li a { /* reset styles herited from parent LIs */
	background: none;
	padding: 8px 10px 0 10px;
}

.public #menu li.current.hover ul li a, .ec #menu li.current.hover ul li a { /* reset styles herited from parent LIs */
	background: none;
}

.public #menu li ul li.current, .public #menu li ul li.first.current, .ec #menu li ul li.current, .ec #menu li ul li.first.current  {
	background: none;
}

#menu li ul li.current a {
	font-weight: bold;
}

.public #menu li ul li.hover a {
	/*text-decoration: underline;*/
}

.public #menu li ul li.hover, .public #menu li ul li.current.hover, .public #menu li ul li.first.hover,
.ec #menu li ul li.hover, .ec #menu li ul li.current.hover, .ec #menu li ul li.first.hover {
	background: none;
}

.public #menu li ul li.current.first.hover, .ec #menu li ul li.current.first.hover {
	background: none;
}





#menu a {
	outline: none;
}

/* PANEL ESPACE CLIENTS *******************************************************/

#panel-ec {
	position: absolute;
	top: -258px;
	left: 0;
	width: 100%;
	
}

#panel-ec-body {
	height: 260px;

	background: #146ab4 url(image/fond-panel-ec.png) bottom left repeat-x;
}

#panel-ec-bar {
	height: 28px;
	width: 910px;
	margin: auto;
	text-align: center;
}

.public #panel-ec-bar {
	background: url(image/fond-ac-bar-right.png) top right no-repeat;
}

.ec #panel-ec-bar {
	background: url(image/fond-ac-bar-right-ec.png) top right no-repeat;
}

#panel-ec-bar span {
	display: block;
	float: right;
	height: 28px;
	margin-right: 10px;
	padding-left: 30px;
}

.public #panel-ec-bar span {
	background: url(image/fond-ac-bar-left.png) top left no-repeat;
}
.ec #panel-ec-bar span {
	background: url(image/fond-ac-bar-left-ec.png) top left no-repeat;
}

#panel-ec-bar span a {
	display: block;
	height: 22px;
	width: 120px;
	padding-top: 6px;
	padding-left: 10px;
	padding-right: 15px;
	color: #fff;
	text-decoration: none;
}

.public #panel-ec-bar span a {
	background-color: #23589c;
}
.ec #panel-ec-bar span a {
	background-color: #c91515;
}


#panel-ec-bar span a:hover {
	text-decoration: underline;
	
}


/* PAGES INTERNES *************************************************************/

#body-top {
	height: 10px;
	width: 910px;
	margin-top: 5px;
}

#body {
	width: 910px;
}

.fullpage #body {
	padding-left: 5px;
}

#body-bottom {
	height: 10px;
	width: 910px;
	clear: both;
}

.fullpage #body-top { background: url(image/fullpage-body-caps.png) no-repeat; }
.colleft #body-top { background: url(image/colleft-body-caps.png) no-repeat; }
.colright #body-top { background: url(image/colright-body-caps.png) no-repeat; }

.fullpage #body { background: url(image/fullpage-body-fond.png) repeat-y; }
.colleft #body { background: url(image/colleft-body-fond.png) repeat-y; }
.colright #body { background: url(image/colright-body-fond.png) repeat-y; }

.fullpage #body-bottom { background: url(image/fullpage-body-caps.png) -10px left no-repeat; }
.colleft #body-bottom { background: url(image/colleft-body-caps.png) -10px left no-repeat; }
.colright #body-bottom { background: url(image/colright-body-caps.png) -10px left no-repeat; }

#breadcrumb {
	display: block;
	float: left;
	list-style: none;
	height: 20px;
	margin-left: 5px;
	padding-left: 10px;
	margin-right: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ececec;
	line-height: 20px;
}

.fullpage #breadcrumb {
	width: 890px;
	margin-left: 0px;
}

.colleft #breadcrumb {
	width: 665px;
	margin-left: 0px;
}

.colright #breadcrumb {
	width: 665px;
	margin-left: 5px;
	margin-right: 0px;
}


#breadcrumb li {
	display: block;
	float: left;

	background: url(image/bc-separator.png) top left no-repeat;

	padding-left: 15px;
	padding-right: 10px;
}

li#bc-home {
	background: none;
	padding-left: 0px;
	padding-right: 5px;
}

#bc-home a {
	display: block;
	width: 22px;
	height: 20px;
	background: url(image/bc-home.gif);
	text-indent: -9000px;
	outline: none;
}



#column {
	float: left;
	width: 225px;
	margin-left: 5px;
	margin-top: -10px;
}

.colright #column {
	float: right;
	margin-left: 0;
	margin-right: 5px;
}


#submenu {
	list-style: none;
	line-height: 28px;
}

#submenu li.first {
	background: #dedede;
	font-weight: bold;
	padding-left: 15px;
	width: 210px;
}

#submenu li.current{
	font-weight: bold;
}


#submenu li {
	height: 28px;
	width: 195px;
	overflow: hidden;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #c0c0c0;
	background-color: #dedede;
	color: #5c5c5c;
	padding-left: 15px;
	background: #dedede url(image/submenu-bullet.gif) top 15px no-repeat;
	padding-left: 30px;
}

#submenu.first li.first {
	border-top: none;
	font-weight: bold;
}

#submenu li a {
	display: block;
	height: 28px;
	font-weight: normal;
	color: #5c5c5c;
}

#column-content {
	margin: 15px;
}

#column-content strong {
	color: #5c5c5c;
}

#testimony {
	background: #11559c url(image/fond-temoignage.png) bottom left no-repeat;
	color: #fff;
	padding: 15px;
}

#testimony.first #testimony-top {
	margin-left: -15px;
	margin-right: -15px;
	margin-top: -15px;
	display: block;
	width: 225px;
	height: 20px;
	
	background: #11559c url(image/testimony-top.png) top left no-repeat;
}

#testimony.first-head {
	margin-top: 36px;
}

.colright #testimony.first #testimony-top {
	background: #11559c url(image/testimony-top-right.png) top left no-repeat;
}

.sig {
	display: block;
	width: 195px;
	text-align: right;
	font-weight: bold;
}


/* CONTENT ********************************************************************/

#content {
	float: left;
	width: 635px;
	margin-left: 25px;
	margin-right: 25px;
	padding-bottom: 20px;
	padding-top: 20px;

}

.fullpage #content {
	width: 860px;
}

.colleft #content {
	margin-left: 20px;
	margin-right: 20px;
}

.colright #content {
	float: right;
	margin-left: 20px;
	margin-right: 20px;
}


#content-header {
	float: left;
	width: 635px;
	margin-left: 25px;
	margin-right: 25px;
	padding: 20px;
	padding-top: 20px;
	background-color: #494949;
	color: #ddd;
	border-bottom: 1px solid #ddd;
}

#content-header strong {
	/*color: #aaa;*/
}

.fullpage #content-header {
	width: 860px;
	margin-left: 0px;
}

.colleft #content-header {
	margin-left: 0px;
	margin-right: 0px;
}

.colright #content-header {
	float: right;
	margin-left: 0px;
	margin-right: 0px;
}

#content-header strong {
	color: #fff;
}



#content ul, .app-content ul {
	padding-left: 10px;
	padding-bottom: 14px;
	line-height: 18px;
	list-style: none;
}

#content li, .app-content li {
	background: url(image/bullet.gif) top left no-repeat;
	padding-left: 15px;
}

#content u {
	font-style: normal;
	background: #fff9de;
	color: #454337;
	border-bottom: 1px solid #f7e9a9;
	text-decoration: none;
}

#content img {
	margin-bottom: 10px;

}

#content img.left {
	float: left;
	margin-right: 10px;
}

#content img.right {
	float: right;
	margin-left: 10px;
}

#content img.center {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

#content a {
	text-decoration: none;
}

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

#content object.left {
	float: left;
	margin-right: 10px;
}

#content object.right {
	float: right;
	margin-left: 10px;
}

#content object.center {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

#content .video.left {
	float: left;
}


/* FOOTER *********************************************************************/

#footer {
	margin: 5px 0 30px 230px;
	color: #2c7eb7;
	line-height: 17px;
}

.fullpage #footer, .colright #footer {
	margin-left: 20px;
}

#footer ul {
	list-style: none;
	margin-left: -5px;
}

#footer ul li {
	float: left;
	background: url(image/sep-footer.gif) top left no-repeat;
}

#footer ul li.first {
	background: none;
}

#footer ul li a {
	margin: 0 5px 0 6px;
	color: #2c7eb7;
	text-decoration: none;
}

#footer ul li a:hover {
	text-decoration: underline;
}

/* ACCUEIL - SLIDESHOW ********************************************************/

#slideshow {
	width: 445px;
	height: 280px;
	margin-left: 5px;
	margin-bottom: 5px;
	float: left;
	position: relative; /* IE6 FIX */
	overflow: hidden;
}

#themes {
	list-style: none;
	margin-left: 5px;
	float: left;
	
}

#themes li {
	width: 420px;
	height: 70px;
	color: #fff;
	padding: 10px;
	margin-bottom: 5px;
	cursor: pointer;
}

#themes li p {
	width: 300px;
}

#themes li a {
	color: #fff;
	font-weight: bold;
}

#themes-scan { background-image: url(image/themes-scan.jpg); }
#themes-rectif { background-image: url(image/themes-rectif.jpg); }
#themes-usinage { background-image: url(image/themes-usinage.jpg); }

.column440 {
	float: left;
	width: 425px;
	margin-left: 5px;
	padding: 10px;
}

.column435 {
	float: left;
	width: 420px;
	margin-left: 5px;
	padding: 10px;
}

.column220 {
	float: left;
	width: 200px;
	margin-left: 5px;
	padding: 10px;
}

.column215 {
	float: left;
	width: 195px;
	margin-left: 5px;
	padding: 10px;
}


/* FORMULAIRES ****************************************************************/

#body .input-text {
	border-top: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;

	padding: 2px;
	margin-bottom: 5px;
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #838383;
	
}

#body .input-button {
	border-top: 1px solid #478ac5;
	border-left: 1px solid #478ac5;
	border-bottom: 1px solid #1e6eb4;
	border-right: 1px solid #1e6eb4;

	padding: 2px;
	margin-bottom: 5px;
	font-size: 11px;
	
	background-color: #1f70b8;
	color: #fff;
	cursor: pointer;
}

label {
	margin-right: 5px;
}

label {
	display: block;
}

.input-block {
	float: left;
	width: 200px;
	height: 56px;
}

.input-line {
	clear: both;
	width: 400px;
}

textarea {
	border-top: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;

	padding: 2px;
	margin-bottom: 5px;
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #000;
}

.contact textarea {
	width: 392px;

}

/* SLIDESHOW ******************************************************************/


.slides {
	position: relative;
	left: 0px;
	list-style: none;
	width: 10000px;
	height: 280px;
	z-index: 0;
}


.slides li {
	list-style: none;
	display: block;
	float: left;
	width: 425px;
	height: 260px;
	padding: 10px;
	color: #fff;
}

#slides-background {
	top: -280px;
}

#slides-text {
	top: -560px;
	z-index: 100;
	cursor: pointer;
}


#slide-cache {
	position: relative;
	top: 0px;
	left: 0px;
	width: 445px;
	height: 280px;
	z-index: 10;
	background: url(image/slide-cache.png) no-repeat;
}


#slides-text li a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#slides-text li a:hover {
	text-decoration: underline;
}

.slide-link {
	text-align: right;
}

#slide-controls {
	position: relative;
	top: -625px;
	left: 0px;
	z-index: 200;
	
	width: 435px;
	height: 50px;
	padding: 5px;
}

#slide-control-back {
	float: left;
	width: 50px;
	height: 50px;
	background: url(image/slide-control-left-fade.png);

}
#slide-control-back:hover {
	background: url(image/slide-control-left.png);
}

#slide-control-foreward {
	float: right;
	width: 50px;
	height: 50px;
	background: url(image/slide-control-right-fade.png);
}
#slide-control-foreward:hover {
	background: url(image/slide-control-right.png);
}

.slides {
	left: 0px; 
}


/* ESPACE CLIENT **************************************************************/

.columnec440 {
	float: left;
	width: 435px;
	margin-left: 5px;
	padding: 5px;
}

.columnec435 {
	float: left;
	width: 435px;
	margin-left: 5px;
	padding: 5px;
}

.columnec220 {
	float: left;
	width: 210px;
	margin-left: 5px;
	padding: 5px;
}

.columnec215 {
	float: left;
	width: 205px;
	margin-left: 5px;
	padding: 5px;
}

.blockec {
	padding: 10px;
	background-color: #f3f3f3;
}

.blockec a {
	font-weight: bold;
}

.columnec440 .blockec {
	background: #f3f3f3 url(image/blockec-top-440.png) no-repeat;
}

.columnec435 .blockec {
	background: #f3f3f3 url(image/blockec-top-435.png) no-repeat;
}

.columnec220 .blockec {
	background: #f3f3f3 url(image/blockec-top-220.png) no-repeat;
}

.columnec215 .blockec {
	background: #f3f3f3 url(image/blockec-top-215.png) no-repeat;
}

.blockec-cap {
	height: 5px;
	margin-bottom: 15px;
}

.columnec440 .blockec-cap {
	background: #f3f3f3 url(image/blockec-bottom-440.png) no-repeat;
}

.columnec435 .blockec-cap {
	background: #f3f3f3 url(image/blockec-bottom-435.png) no-repeat;
}

.columnec220 .blockec-cap {
	background: #f3f3f3 url(image/blockec-bottom-220.png) no-repeat;
}

.columnec215 .blockec-cap {
	background: #f3f3f3 url(image/blockec-bottom-215.png) no-repeat;
}

.introec {
	width: 860px;
	float: left;
	margin-left: 10px;
	margin-right: 20px;
	margin-top: 5px;
	padding: 10px;

	background: #f3f3f3 url(image/introec-top.png) no-repeat;
}

.introec-cap {
	margin-left: 10px;
	margin-right: 20px;
	margin-bottom: 5px;
	float: left;
	width: 880px;
	height: 5px;
	background: #f3f3f3 url(image/introec-bottom.png) no-repeat;
}

.newsec {
	margin-top: 7px;
}

.newsec img {
	float: left;
	width: 56px;
	height: 56px;
	margin-right: 7px;
}

.newsec a {
	font-weight: bold;
}

.eventec {
	margin-top: 7px;
	font-weight: bold;
	color: #000;
}

.eventec img {
	margin-right: 5px;
}

.profilec {
	line-height: 17px;
}

.lienec-bottom {
	text-align: right;
	font-weight: bold;
	margin-top: 7px;
}

/* SEARCH PAGE ****************************************************************/

.search-result {
	margin-top: 10px;
	margin-left: 10px;
}

.search-result p {
	width: 600px;
}

.pagination {
	padding-left: 0px !important;
	margin-top: 14px;
}

.pagination li {
	background: none !important;
	float: left;
	padding-left: 0px !important;
	padding-right: 5px !important;
	line-height: 20px;
}

.pagination a {
	display: block;
	font-weight: bold;
	border: 1px solid #c3d6e1;
	padding-left: 9px !important;
	padding-right: 7px !important;
	margin-right: 0px;
	line-height: 20px;
}

.ajaxSearch_highlight {
	font-style: normal;
	background: #fff9de;
	color: #454337;
	border-bottom: 1px solid #f7e9a9;
	text-decoration: none;
}

/* SITEMAP ********************************************************************/

.sitemap-block {
	width: 195px;
	height: 200px;
	padding-right: 20px;
	padding-bottom: 20px;
	float: left;
}

.sitemap-block ul {
	padding-left: 0px !important;
}


/* APP CONTENT ****************************************************************/

.app-content {
	padding-left: 10px !important;
	margin-top: 10px;
}

.error-box {
	padding: 10px;
	margin-bottom: 10px;
	background-color: #cf0008;
	color: #fff;
}

.error-box strong {
	color: #fff;
}

.success-box {
	padding: 10px;
	margin-bottom: 10px;
	background-color: #05cf00;
	color: #fff;
}

.success-box strong {
	color: #fff;
}


/* NEWS ***********************************************************************/

.news-item {
	margin-top: 7px;
	margin-bottom: 21px;
}

.newsmini-item {
	clear: both;
	margin-top: 7px;
	margin-bottom: 7px;
}

.newsmini-item img {
	float: left;
	width: 56px;
	height: 56px;
	margin-right: 7px;
}

.newsmini-item a {
	font-weight: bold;
}

h4 img {
	float: left;
	margin-right: 5px;
}


/* SONDAGE ***********************************************************************/

#sondage input {
	float: left;
	margin-right: 10px;
	margin-top: 4px;
}

#sondage div.percent {
	height: 15px;
	width: 150px;
	background-color: #ddd;
	float: left;
	margin-top: 3px;
	margin-right: 5px;
}

#sondage div.percent div {
	background-color: #007ac3;
	height: 15px;
}

#sondage #result {
	float: left;
}


/* SUGGESTIONS ***********************************************************************/

.suggestion .votes {
	padding: 3px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 10px;
	
	background-color: #1d9ff3;
	border-right: 1px solid #007ac3;
	border-bottom: 1px solid #007ac3;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	float: left;
}

.suggestion h3, .suggestion h3.sIFR-replaced {
	float: left;
}

.suggestion p {
	clear: both;
}


/* DISTRIBUTEURS ***********************************************************************/

.distributeur
{
	width: 170px;
	padding: 10px;
	margin-right: 15px;
	margin-top: 10px;
	
	height: 190px;
	float: left;
}