html, body, #container{ height: 100%;}

body{ margin:0px; background:url(images/bg.jpg); font-size:0.7em; color:#3a3a3a; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; }

body > #container {height: auto; min-height: 100%;}

div.myhr{ clear:both; visibility:hidden; height:0px; overflow:hidden; }
img{ border:none; }


/*############################################## OVERALL #####################################################*/

div#container{ margin:0px auto 0px auto; width:980px; text-align:left; }
div#footer-wrap{ background:url(images/footer.png) top repeat-x; margin-top:-50px; position:relative; clear:both; height:50px; }
div#footer{ margin:0px auto 0px auto; width:980px; color:#525252; font-size:0.8em; text-align:left; padding:15px 0px 0px 0px;  }
div#footer ul{ margin:0px; padding:0px; list-style:none; float:right; }
div#footer ul li{ margin:0px; padding:0px; display:inline; }
div#footer ul li a:link, div#footer ul li a:visited{ color:#525252; text-decoration:none; }
div#footer ul li a:hover{ text-decoration:underline; }

div#header{  }
div#header div#menu-secondaire{ float:right; background:url(images/shade.gif); padding:9px; border:solid 1px #5e5e5e; z-index:9998; position:relative; margin:10px 0px 0px 0px; }
div#header div#menu-secondaire ul{ margin:0px; padding:0px; list-style:none; }
div#header div#menu-secondaire ul li{ display:inline; padding:0px; margin:0px; overflow:hidden; }
div#header div#menu-secondaire ul li a:link, div#header div#menu-secondaire ul li a:visited, div#header div#menu-secondaire ul li a:hover{ display:block; float:left; width:20px; height:10px; text-decoration:none; background-image:url(images/menu-secondaire.gif); background-repeat:no-repeat; }
div#header div#menu-secondaire ul li#home a:link, div#header div#menu-secondaire ul li#home a:visited, div#header div#menu-secondaire ul li#home a:hover{ background-position:top left; }
div#header div#menu-secondaire ul li#mentions a:link, div#header div#menu-secondaire ul li#mentions a:visited, div#header div#menu-secondaire ul li#mentions a:hover{ background-position:-20px 0px; }
div#header div#menu-secondaire ul li#contactus a:link, div#header div#menu-secondaire ul li#contactus a:visited, div#header div#menu-secondaire ul li#contactus a:hover{ background-position:top right; }
div#header div#menu-secondaire ul li a:link span, div#header div#menu-secondaire ul li a:visited span, div#header div#menu-secondaire ul li a:hover span{ visibility:hidden; }

div#menu{ width:166px; float:left; background:url(images/menu.png) top right no-repeat; height:220px; margin-top:10px; }
div#menu ul{margin:0px; padding:23px 0px 0px 0px; list-style:none; }
div#menu ul li{ margin:0px; padding:0px; }
div#menu ul li a:link, div#menu ul li a:visited, div#menu ul li a:active{ display:block; padding:3px 25px 3px 0px; text-align:right; color:#FFFFFF; text-decoration:none; outline:none; }
div#menu ul li a:hover{ color:#313131; background-image:url(images/menu_hover.gif); background-repeat:no-repeat; }
div#menu ul li#presentation a:hover, div#menu ul li#presentation2 a:hover{ background-position:32px 0px; }
div#menu ul li#activites a:hover{ background-position:32px -19px; }
div#menu ul li#produits a:hover{ background-position:32px -38px; }
div#menu ul li#clientele a:hover{ background-position:32px -57px; }
div#menu ul li#partenariat a:hover{ background-position:32px -76px; }
div#menu ul li#actu a:hover{ background-position:32px -95px; }
div#menu ul li#plan a:hover{ background-position:32px -95px; }
div#menu ul li#contact a:hover{ background-position:32px -95px; }

div#main{ width:753px; float:right; background:#7794a9; margin:0px 58px 15px 0px; border:solid 1px #3f5267; border-top:solid 1px #6f8dad; }
div#content{ background:url(images/main.gif) top repeat-x; border-top:solid 1px #6f8dad; padding:7px; }
div#content div#content-white{ background:#FFFFFF; padding:20px 30px 30px 30px; }
div#content div#content-white-home{ background:#FFFFFF; padding:12px; }

div#content-white h2{ margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; color:#5b89bc; font-size:1.3em; }
div#content-white h3{ }
div#content-white ul{ margin:0px 0px 0px 20px; padding:0px; list-style:circle; }
div#content-white ul li{ margin:0px; padding:2px 0px 0px 0px; }
div#contenu a:link, div#contenu a:visited{ color:#3a3a3a; padding:1px 16px 1px 1px; background:url(images/url_icon.gif) right no-repeat; }
div#contenu a:hover{ color:#fff; background-color:#5b89bc; }

div#contenu table{ border:solid 1px #999; border-right:0px; border-bottom:0px; font-size:1em; }
div#contenu table th{ border:solid 1px #999; border-left:0px; border-top:0px; padding:5px; background:#e5e5e5; }
div#contenu table td{ border:solid 1px #999; border-left:0px; border-top:0px; padding:5px; }

/*############################################### HOME ########################################################*/
div#header h1#logo{ background:url(images/logo.png) top no-repeat; width:487px; height:110px; margin:0px; padding:0px; font-size:0.1em;text-indent:-9998px; }

div#home-bandeau{ background:url(images/home-bandeau.gif) top left repeat-x; height:179px; position:relative; }
div#home-bandeau p, div#home-bandeau h2{ display:none; margin:0px; padding:0px; }
div#home-bandeau div#visuel{ background:url(images/visuel-home.png) top left no-repeat; width:688px; height:285px; position:absolute; left:160px; top:-106px; }

div#home-actualites, div#home-produits, div#home-activites{ background:url(images/shade2.gif); border:solid 5px; padding:11px; }
div#home-actualites{ border-color:#8f8880; width:178px; float:left; }
div#home-produits{ border-color:#e3a023; width:463px; float:right; margin-bottom:12px; }
div#home-activites{ border-color:#e34c23; width:463px; float:right; }

div#home-actualites h2, div#home-produits h2, div#home-activites h2{ margin:0px; padding:0px; height:17px; font-size:0.1em; text-indent:-9998px; }
div#home-actualites h2{ background:url(images/h2-actu.gif) top left no-repeat; }
div#home-produits h2{ background:url(images/h2-produits.gif) top left no-repeat; }
div#home-activites h2{ background:url(images/h2-activites.gif) top left no-repeat; }

div#home-actualites p{ color:#999999; font-size:0.8em; }
div#home-actualites img{ margin-top:12px; border:solid 1px #565656; }
div#home-actualites h3{ margin:10px 0px 0px 0px; padding:0px; color:#367aa9; font-size:1.2em; }
div#home-actualites a:link, div#home-actualites a:visited, div#home-produits a.voir:link, div#home-produits a.voir:visited{ color:#367aa9; font-size:0.9em; text-decoration:none; background:url(images/puce.gif) left no-repeat; padding:0px 0px 0px 15px; }
div#home-actualites a:hover{ text-decoration:underline; }

div#home-activites ul{ margin:0px; padding:0px; background:url(images/activites_home.png) top left no-repeat;height:84px; }
div#home-activites ul li{ margin:0px; padding:0px; display:inline; float:left; }
div#home-activites ul li a:link, div#home-activites ul li a:visited{ display:block; width:114px; height:84px; text-decoration:none; }
div#home-activites ul li a:hover{ background-image:url(images/activites_home.png); background-repeat:no-repeat; }

div#home-activites ul li#actRecond a:hover{ background-position:0px -97px; }
div#home-activites ul li#actNeg a:hover{ background-position:-114px -97px; }
div#home-activites ul li#actFab a:hover{ background-position:-228px -97px; }
div#home-activites ul li#actCol a:hover{ background-position:-342px -97px; }

div#home-activites ul li a:link span, div#home-activites ul li a:visited span, div#home-activites ul li a:hover span{ visibility:hidden; }

div#home-produits div.slider-wrapper{ width:269px; position:relative; height:136px; border:solid 1px #565656; float:right; margin-left:15px; margin-top:-15px; }
div#home-produits div.slider-wrapper ul{ margin:0px; padding:0px; list-style:none; }
div#home-produits div.slider-wrapper ul li{ margin:0px; padding:0px; width:269px; position:absolute; }
div#home-produits div.texteProduit{ color:#999999; font-size:0.8em; padding-top:6px; }
div#home-produits div.texteProduit p{ margin:0px; padding:0px; }

/*############################################## INTERIER #####################################################*/
div#header div#logo{ background:url(images/logo.png) top no-repeat; width:487px; height:110px; }
div#header div#logo a:link, div#header div#logo a:visited, div#header div#logo a:active, div#header div#logo a:hover{ text-decoration:none; display:block; width:487px; height:110px; outline:none; }
div#header div#logo a:link span, div#header div#logo a:visited span, div#header div#logo a:active span, div#header div#logo a:hover span{ visibility:hidden; }

div#bandeau{  height:72px; position:relative; }
div#bandeau h1{ margin:0px; padding:0px; font-size:2.3em; color:#FFFFFF; font-weight:normal;background:url(images/home-bandeau.gif) bottom left repeat-x; height:36px; padding:4px 0px 0px 14px; }
div#bandeau h1 span{ display:none; }
div#bandeau div#visuel{ background:url(images/visuel.png) top left no-repeat; width:362px; height:151px; position:absolute; left:380px; top:-111px; }

div#fildariane{ background:url(images/fildariane.gif) top left no-repeat; height:34px; border-top:solid 1px #6f8dad; color:#7f8e9e; padding:6px 0px 0px 0px; }
div#fildariane a:link, div#fildariane a:visited{ text-decoration:none; color:#7f8e9e; margin:0px 10px 0px 5px; }
div#fildariane a:hover{ color:#FFFFFF; }

div#fildariane a.home{ margin:0px; }
div#fildariane a.home span{ visibility:hidden; }
div#fildariane span.separ{ visibility:visible; background:url(images/separ.gif) top left no-repeat; padding:6px 0px 6px 0px; margin:0px 0px 0px 0px; }

/****** top et print ***/
div#top-print{ margin:0px 7px 0px 0px; padding:0px 0px 7px 0px; font-size:0.9em; text-align:right; }
div#top-print a:link, div#top-print a:visited{ padding:2px 10px 2px 10px; margin-left:2px; color:#7b7b7c; text-decoration:none; background:#9cb2c2; } 
div#top-print a:hover{ color:#405368; background:#FFFFFF; }

/*************** actualite ******************/
div.actuContent{ margin:10px 0px 0px 0px; }
div.actuContent img{ float:right; margin:0px 0px 10px 20px; }

div.pagination{ background:#9cb2c2; padding:5px 10px 5px 10px; text-align:right; font-size:0.9em; color:#FFFFFF; }
div.pagination a:link, div.pagination a:visited{ color:#999999; background:#FFFFFF; padding:1px 3px 1px 3px; text-decoration:none; border:solid 1px #FFFFFF; font-weight:bold; }
div.pagination a:hover{ border:solid 1px #7794a9; color:#7794a9; }

div.pagination a.actif:link, div.pagination a.actif:visited{ background:#7794a9; color:#FFFFFF; }
div.pagination a.actif:hover{ border:solid 1px #7794a9; color:#7794a9; background:#FFFFFF; }

/*************** contact ******************/
div#main div.formulaire{ padding:0px 0px 5px 0px; clear:both; }
div#main div.choix{ padding:0px 0px 15px 0px; }
div#main div.formulaire input, div#main div.formulaire textarea, div#main div.formulaire select{ background:#f5f5f5; color:#53697d; border:solid 1px #999; margin-bottom:3px; width:457px; padding:4px; font-size:1.2em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
div#main div.formulaire label{ display:block; width:180px; float:left; padding:2px 0px 0px 0px; font-weight:bold; }

div#main div.formulaire input.bouton{ background:#999; color:#fff; border:solid 1px #666; margin-bottom:3px; width:164px; padding:2px; font-size:1.1em; font-weight:bold; border-bottom:solid 1px #444; border-right:solid 1px #444;  }

div#monCallback{ /*visibility:hidden;*/ }
div#reponse{ display:none; }

a.boite-sedaia, a.boite-aps2{ text-decoration:none; font-size:1.2em; color:#666; margin:0px 20px 0px 0px; padding:9px 3px 1px 3px; outline:none; border:solid 2px #fff; }
a.selected{ border:solid 2px #069; }

/*************** activites ******************/
div#main div.act{ margin-bottom:12px; }
div#main div.visuel{ width:114px; height:80px; float:left; }
div#main div.visuel a:link, div#main div.visuel a:visited, div#main div.visuel a:active{ outline:none; text-decoration:none; background-image:url(images/activites_home.png); background-repeat:no-repeat; display:block; width:114px; height:80px; }

div#main div#visu-reconditionnement-embrayage a:link, div#main div#visu-reconditionnement-embrayage a:visited{ background-position:0px 0px; }
div#main div#visu-usinage a:link, div#main div#visu-usinage a:visited{ background-position:-114px 0px; }
div#main div#visu-fabrication a:link, div#main div#visu-fabrication a:visited{ background-position:-228px 0px; }
div#main div#visu-collage-garniture a:link, div#main div#visu-collage-garniture a:visited{ background-position:-342px 0px; }

div#main div#visu-reconditionnement-embrayage a:hover{ background-position:0px -97px; }
div#main div#visu-usinage a:hover{ background-position:-114px -97px; }
div#main div#visu-fabrication a:hover{ background-position:-228px -97px; }
div#main div#visu-collage-garniture a:hover{ background-position:-342px -97px; }

div#main div.visuel a:link span, div#main div.visuel a:visited span, div#main div.visuel a:active span, div#main div.visuel a:hover span{ visibility:hidden; }

div#main div.activite{ background:url(images/shade2.gif); border:solid 5px #e34c23; padding:5px 11px 5px 11px; min-height:52px; float:right; width:515px; margin-top:5px; }
div#main div.activite h2{ margin:0px; padding:0px; font-size:1.2em; }
div#main div.activite h2 a:link, div#main div.activite h2 a:visited{ color:#e34c23; text-decoration:none; }
div#main div.activite h2 a:hover{ color:#FFFFFF; }
div#main div.chapeau{ color:#7e7e7e; }

/*************** Avant/Après ******************/
.anythingSlider{ width: 700px; height: 360px; position: relative; margin:20px 0px 0px 0px; }
.anythingSlider .wrapper{ width:620px; overflow:auto; height:341px; margin: 0 40px; position:absolute; top:0; left:0; }
.anythingSlider .wrapper ul{ width: 99999px; list-style: none; position: absolute; top: 0; left: -20px; margin: 0; }
.anythingSlider ul li{ display: block; float: left; padding: 0; height: 320px; width: 620px; margin: 0; }
.anythingSlider .arrow{ display: block; height: 200px; width: 67px; background: url(images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward{ background-position: 0 0; right: -20px; }
.anythingSlider .back{ background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover{ background-position: 0 -200px; }
.anythingSlider .back:hover{ background-position: -67px -200px; }

#thumbNav{ position: relative; top: 322px; text-align: center; }
#thumbNav a{ color: black; display: inline-block; padding:6px 7px 0px 7px; height:18px; margin:0 5px 0 0; background:#7794a9 url(images/cellshade.png) repeat-x; text-align: center; text-decoration:none; outline:none; }
#thumbNav a:hover{ background-image: none; }
#thumbNav a.cur{ background: #4d6377; }

#start-stop{ background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; display:none; }
#start-stop.playing{ background-color: red; }
#start-stop:hover{ background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul{ position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li{ float: none; height: auto; width: auto; background: none; }


/*************** Produits ******************/
div.produit{ border-bottom:solid 1px #ccc; padding:10px 0px 10px 0px; }
div.produit h2{ padding:0px 0px 0px 0px; color:#5b89bc; }
div.produit h2 a:link, div.produit h2 a:visited{ color:#5b89bc; text-decoration:none; padding:5px 3px 6px 38px; background:url(images/zoom.png) 0px 1px no-repeat; }
div.produit h2 a:hover{ color:#fff; background-color:#5b89bc; }

div.produit div.image{ float:right; margin:0px 0px 5px 15px; }
div.produit div.image img{ border:solid 1px #565656; }

div#boites{ float:right; margin:0px 0px 20px 30px; }
div#contenu div#boites a:link, div#contenu div#boites a:visited, div#contenu div#boites a:hover{ color:#fff; padding:0px; background:none; }

/*############################################## STYLES #####################################################*/
.image-a-droite{ float:right; margin:0px 0px 10px 25px; }
.image-a-gauche{ float:left; margin:0px 25px 10px 0px; }
.logo_partenaire{ margin:0px 10px 10px 0px; }