/*
	DEFINITION  Master stylesheet
	PROJECT		Rodin4D
    VERSION		21-12-2010
    
    CONTENT
    1.Reset & Typo
    2.Forms
    3.Typography
    4.Specific
    
    COLORS
    Rouge	#c50c1f
    
    TYPO
    Arial / DIN Next LT Pro
*/

/*====================
	1.RESET & TYPO
====================*/
* { margin:0; padding:0; border:0;}
body { background:#d6e6f4 url(image/bg-body.gif) repeat-x; font-family:Arial,sans-serif; font-size:11px; line-height:14px;}
body#espace-client { background:#e1eac3 url(image/bg-body-ec.gif) repeat-x;}
a { color:#c50c1f; text-decoration:none; cursor:pointer;}
.ec a { color:#657f09;}
p { padding-bottom:7px;}
h2, #content-header h3 { font-size:18px; padding-bottom:14px; text-transform:uppercase;}
h3 { font-size:15px; 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.gif); background:url(image/fond-onglet-ec-hover-first.png); background:url(image/fond-onglet-ec-hover.gif); display:none;}

/*====================
	2.FORMS
====================*/
#body .input-text { border-top: 1px solid #bbb; border-left:1px solid #bbb; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding: 2px; margin-bottom: 5px; font-family: arial, sans-serif; font-size: 12px; color: #838383; }
#body .input-button { border:1px solid #faa40b; border-bottom:1px solid #de9005; border-right:1px solid #de9005; padding:2px 4px; margin-bottom:5px; font-size:11px; background-color:#ef9b05; color:#fff; cursor:pointer; font-weight:bold;}
label { margin-right:5px; 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;}

/*====================
	3.LAYOUT
====================*/

/*--- Head ---*/
#page { width:910px; margin:auto;}
#header { width:900px; margin-left:5px; margin-right:5px; height:210px;}
#logo { float:left; margin:12px 15px 12px;}
#baseline { float:left; width:480px; height:70px; padding-top:50px; font-size:20px; color:#718b99; font-weight:normal; letter-spacing:-1px;}
.ec #baseline { color:#777;}
#lang { float:right; width:225px; height:15px; padding:35px 0 0 10px; list-style: none; }
#lang li { float: right; margin-left: 5px; }
#search { float:right; width:180px; height:30px; padding:20px 0 0;}
#search .text-input { font-family:Arial,sans-serif; font-size:11px; color:#a3a3a3; height:17px; padding-top: 3px; width:130px; padding-left:24px; background:#fff url(image/magnifier.png) 4px 2px no-repeat; border-top: 1px solid #bbb; border-left:1px solid #bbb; border-bottom:1px solid #ddd; border-right:1px solid #ddd; 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:895px; height:60px; background:url(image/fond-nav.gif);}
.ec #nav { background:url(image/fond-nav-ec.gif);}
#menu { position:relative; width:900px; height:60px; list-style:none; background:url(image/fond-nav-left.gif) no-repeat;}
.ec #menu { background:url(image/fond-nav-left-ec.gif) no-repeat;}
#menu-cap { position:relative; width:5px; height:60px; top:-60px; left:895px; background:url(image/fond-nav-right.gif); margin-bottom:-60px; /* IE6 fix */ }
.ec #menu-cap { background:url(image/fond-nav-right-ec.gif);}

/*--- Menu 1er niveau ---*/
#menu li { float:left; height:30px; padding-left:0; font-weight:bold;}
#menu li a { display:block; float:left; height:22px; padding-top:8px; padding-right:22px; padding-left:10px; background: url(image/menu-arrow.gif) top right no-repeat; color:#fff; text-decoration:none;}
#menu li.first a { padding-left:16px;}
/* Current */
.public #menu li.current a,
.public #menu li.current.hover a { background:#750712 url(image/fond-onglet.gif) top right no-repeat;}
.ec #menu li.current a,
.ec #menu li.current.hover a { background:#586f08 url(image/fond-onglet-ec.gif) top right no-repeat;}
.public #menu li.current,
.public #menu li.current.hover { background:#750712 url(image/fond-onglet.gif) top left no-repeat;}
.ec #menu li.current,
.ec #menu li.current.hover { background:#586f08 url(image/fond-onglet-ec.gif) top left no-repeat;}
.public #menu li.first.current,
.public #menu li.first.current.hover { background:#750712 url(image/menu-hover-left.png) top left no-repeat;}
.ec #menu li.first.current,
.ec #menu li.first.current.hover { background:#586f08 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.gif) top right no-repeat*/ }
.public #menu li.hover { background: #a50a1a url(image/fond-onglet-hover.gif) top left no-repeat }
.ec #menu li.hover { background:#7e9f0b url(image/fond-onglet-ec-hover.gif) top left no-repeat }
.public #menu li.first.hover { background:url(image/fond-onglet-hover-first.png) top left no-repeat }
.ec #menu li.first.hover { background:url(image/fond-onglet-ec-hover-first.png) top left no-repeat }

/*--- Menu 2nd niveau ---*/
#menu li ul { list-style:none; position:absolute; left:0; top:30px; width:895px; visibility:hidden; display:none;}
#menu li ul li { font-weight:normal;}
#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;}
.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:0; left:0; width:100%;}
#panel-ec-body { height:3px; background:#750712;}
.ec #panel-ec-body { height:3px; background:#586f08;}
#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:130px; padding:6px 15px 0 10px; color:#fff; text-decoration:none;}
.public #panel-ec-bar span a { background-color:#750712;}
.ec #panel-ec-bar span a { background-color:#586f08;}
#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:#c50c1f url(image/fond-temoignage.png) bottom left no-repeat; color:#fff; padding:15px;}
div.suite:hover {
text-decoration:underline;
}
.ec #testimony { background:#97bf0d url(image/fond-temoignage-ec.png) bottom left no-repeat;}
#testimony.first #testimony-top { margin-left:-15px; margin-right:-15px; margin-top:-15px; display:block; width:225px; height:20px; background:#c50c1f url(image/testimony-top.png) top left no-repeat;}
#testimony.first-head { margin-top:36px;}
.colright #testimony.first #testimony-top { background:#c50c1f url(image/testimony-top-right.png) top left no-repeat;}
.ec #testimony.first #testimony-top { background:transparent url(image/testimony-top-right-ec.png) top left no-repeat;}
.sig { display:block; width:195px; text-align:right; font-weight:bold;}
div.temoignage a p:hover{text-decoration:underline;}
/*--- 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:#fff; border-bottom:1px solid #ddd;}
#content-header strong { /*color: #aaa; */ }
.fullpage #content-header { width:860px; margin-left:0;}
.colleft #content-header { margin-left:0; margin-right:0;}
.colright #content-header { float:right; margin-left:0; margin-right:0;}
#content-header strong { color:#ccc;}
#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; }
.ec #content li, .ec .app-content li { background:url(image/bullet-ec.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:underline;}
#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:#718b99; 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:#617a87; text-decoration:none;}
#footer ul li a:hover { text-decoration:underline;}
#footer a { color:#617a87; font-weight:bold;}
.ec #footer { color:#7e9f0b;}
.ec #footer ul li { float:left; background:url(image/sep-footer-ec.gif) top left no-repeat;}
.ec #footer ul li.first { background:none;}
.ec #footer a { color:#586f08;}


/*====================
	4.SPECIFIC
====================*/

/*--- themes ----- */
div.decalage {width:200px;padding-left:70px;color:#fff;}

/*--- 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:#ccc; padding:10px; margin-bottom:5px; cursor:pointer;}
#themes li h3 { color:#fff;}
#themes li p { width:200px; }
#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; }

/*--- 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 }
div.slide-link:hover{
	text-decoration:underline;
}
#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 h3 { font-size:16px;}
.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; }
#content .news-item a {text-decoration:underline;}
.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; text-decoration:underline;}
h4 img { float: left; margin-right: 5px; }

/*--- Poll ---*/
#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 }

/*--- Sugggestions ---*/
.suggestion { height: 20px }
.suggestion .new { background-color: yellow; color: black; padding-left: 3px; padding-right: 3px; margin-left: 10px; }
.suggestion .votes { padding:1px; padding-left:7px; padding-right:7px; margin-right:10px; background-color:#427fb1; border-right:1px solid #34648c; border-bottom:1px solid #34648c; color:#fff; font-weight:bold; font-size:14px;}
.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; }