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

a {text-decoration: none;}
a:link {color: #7F7F7F;}
a:visited {color: #7F7F7F;}
a:focus {color: #B92722;}
a:hover {color: #B92722;}
a:active {color: #B92722;}

h4 a:link {color: #B92722;}
h4 a:visited {color: #B92722;}
h4 a:focus {color: #7F7F7F;}
h4 a:hover {color: #7F7F7F;}
h4 a:active {color: #7F7F7F;}

body {
background: #B03235 url(../img/com/bg-body.gif) left top repeat;
color: #000;
font: normal normal 0.8125em/1.2em Arial, Helvetica, sans-serif;
margin: 30px 0 0 0;
padding: 0;
}
body#pageMedical {background: #A2C5CB url(../img/com/bg-body-medical.gif) left top repeat;}
body#pageTech {background: #A6A09B url(../img/com/bg-body-tech.gif) left top repeat;}
h1 {
margin: 0;
padding: 0;
}
h2 {
font-size: 1.2em;
margin: 0;
padding: 0;
}
h3 {
font-size: 1.1em;
margin: 5px 0 0 0;
padding: 0;
}
h2, h3 {color: #B92722;}

img {border: none;}

p {text-align: justify;}

.cache,
h1 span,
h2 span,
h3 span {
height: 1px;
left: 0;
overflow: hidden;
position: absolute;
top: -9999px;
width: 1px;
}
#blocInfoRecrutement {
font-size: 0.8em;
margin: 0;
padding: 10px 0 0 11px;
}
#contenu {
border: none;
height: 570px;
margin: 0;
padding: 0;
width: 990px;
}
html>body #contenu {
border: none;
height: auto;
min-height: 570px;
margin: 0;
padding: 0;
width: 990px;
}
#pageContact #contenu, 
#pageCarriere #contenu, 
#pageSalon #contenu,
#pageLien #contenu {
background: #FFF url(../img/com/bg-contact.jpg) left top no-repeat;
height: auto;
min-height: 558px;
}
#pageGroupe #contenu {
background: #FFF url(../img/com/bg-groupe-cheynet.jpg) left top no-repeat;
}
#pageGroupe2 #contenu {
background: #FFF url(../img/com/bg-cheynet-elastics.jpg) left top no-repeat;
}

#pageSavoir #contenu {
background: #FFF url(../img/com/bg-savoirfaire.jpg) left top no-repeat;
}
/*#pageImplantation #contenu {
background: #FFF url(../img/com/bg-implantation-production.gif) left top no-repeat;
}*/
#pageLingerie #contenu {background: #AC302D;}
#pageMedical #contenu {background: #A2C5CB;}
#pageTech #contenu {background: #A6A09B;}

#blocDroite {
left: 535px;
position: absolute;
top: 455px;
width: 445px;
}
#familleSommaire {
height: 85px;
margin: 0;
padding: 0;
}
#familleSommaireBas {
margin: 0;
padding: 0;
text-align: right;
}

#fiche-asie {
left: 690px;
position: absolute;
top: 350px;
visibility: hidden;
z-index: 1;
}
#fiche-br {
left: 379px;
position: absolute;
top: 420px;
visibility: hidden;
z-index: 1;
}
#fiche-chypre {
left: 531px;
position: absolute;
top: 320px;
visibility: hidden;
z-index: 1;
}
#fiche-cn {
left: 717px;
position: absolute;
top: 318px;
visibility: hidden;
z-index: 1;
}
#fiche-co {
left: 318px;
position: absolute;
top: 370px;
visibility: hidden;
z-index: 1;
}
#fiche-de {
left: 490px;
position: absolute;
top: 286px;
visibility: hidden;
z-index: 1;
}
#fiche-dk {
left: 492px;
position: absolute;
top: 261px;
visibility: hidden;
z-index: 1;
}
#fiche-fi {
left: 500px;
position: absolute;
top: 261px;
visibility: hidden;
z-index: 1;
}
#fiche-gb {
left: 468px;
position: absolute;
top: 263px;
visibility: hidden;
z-index: 1;
}
#fiche-gr {
left: 516px;
position: absolute;
top: 310px;
visibility: hidden;
z-index: 1;
}
#fiche-hk {
left: 698px;
position: absolute;
top: 341px;
visibility: hidden;
z-index: 1;
}
#fiche-hr {
left: 508px;
position: absolute;
top: 286px;
visibility: hidden;
z-index: 1;
}
#fiche-it {
left: 495px;
position: absolute;
top: 297px;
visibility: hidden;
z-index: 1;
}
#fiche-jp {
left: 790px;
position: absolute;
top: 250px;
visibility: hidden;
z-index: 1;
}
#fiche-nl {
left: 480px;
position: absolute;
top: 270px;
visibility: hidden;
z-index: 1;
}
#fiche-pl {
left: 509px;
position: absolute;
top: 273px;
visibility: hidden;
z-index: 1;
}
#fiche-ru {
left: 548px;
position: absolute;
top: 268px;
visibility: hidden;
z-index: 1;
}
#fiche-sp {
left: 473px;
position: absolute;
top: 303px;
visibility: hidden;
z-index: 1;
}
#fiche-taiwan {
left: 724px;
position: absolute;
top: 337px;
visibility: hidden;
z-index: 1;
}
#fiche-tr {
left: 526px;
position: absolute;
top: 302px;
visibility: hidden;
z-index: 1;
}
#fiche-za {
left: 533px;
position: absolute;
top: 426px;
visibility: hidden;
z-index: 1;
}
/********** Prod France **********/

#fiche-flers {
left: 260px;
position: absolute;
top: 250px;
visibility: hidden;
}
#fiche-jean {
left: 520px;
position: absolute;
top: 380px;
visibility: hidden;
}
#fiche-just {
left: 517px;
position: absolute;
top: 360px;
visibility: hidden;
}
#fiche-chamond {
left: 530px;
position: absolute;
top: 180px;
visibility: hidden;
}
/********** Tech'mode France **********/
#fiche-paris {
left: 478px;
position: absolute;
top: 245px;
visibility: hidden;
}
#fiche-garenne {
left: 463px;
position: absolute;
top: 252px;
visibility: hidden;
}
#fiche-stetienne {
left: 517px;
position: absolute;
top: 355px;
visibility: hidden;
}
#fiche-cholet {
left: 413px;
position: absolute;
top: 304px;
visibility: hidden;
}
#fiche-vertou {
left: 390px;
position: absolute;
top: 307px;
visibility: hidden;
}
#fiche-limoges {
left: 440px;
position: absolute;
top: 366px;
visibility: hidden;
}
#fiche-grenoble {
left: 558px;
position: absolute;
top: 374px;
visibility: hidden;
}
#fiche-colombe {
left: 545px;
position: absolute;
top: 383px;
visibility: hidden;
}
#fiche-nimes {
left: 517px;
position: absolute;
top: 420px;
visibility: hidden;
}
/****************************************/
#fiche-eu {
left: 474px;
position: absolute;
top: 95px;
visibility: hidden;
}
#fiche-fr {
left: 430px;
position: absolute;
text-align: center;
top: 220px;
visibility: hidden;
width: 100px;
}
#fiche-fr p { text-align: center;}
#fiche-tunisie {
left: 484px;
position: absolute;
top: 325px;
visibility: hidden;
}
#fiche-us {
left: 150px;
position: absolute;
top: 285px;
visibility: hidden;
}
#flashVirgule1 {
left: 410px;
position: absolute;
top: 30px;
}
#flashVirguleGroupe {
left: 410px;
position: absolute;
top: 30px;
}
#flashSpirale {
left: 50px;
position: absolute;
top: 278px;
}
#flashVague {
left: 470px;
position: absolute;
top: 232px;
}

#footer {
background: #CCC;
color: #FFF;
height: 32px;
margin: 0;
padding: 0;
position: relative;
text-align: center;
width: 990px;
}
#footer a {color: #000;}
#footer p {margin: 0;}
#global {
background: #FFF;
border: 1px solid #000;
margin: 0 auto;
position: relative;
width: 990px;
}
#header {
background: transparent;
height: 165px;
padding: 0;
position: relative;
}
h1#logoCheynetIndex {
background: #FFF url(../img/logo-cheynet-elastics.gif) left top no-repeat;
height: 147px;
position: absolute;
right: 0;
top: 0;
width: 358px;
}
#logoSocieteElastics {
margin: 0 0 0 255px;
padding: 0;
}
#logoSocieteGroupe {
margin: 0 0 0 315px;
padding: 0;
}
#logoSocieteGroupe img {margin: 0 10px;}
#menuMedicalAccueil,
#menuTechAccueil {
color: #FFF;
margin: 7px 191px 0 191px;
text-align: center;
}
#menuMedicalAccueil a {
color: #FFF;
text-decoration: none;
}
#menuMedicalAccueil a:hover {color: #3F767F;}

#menuTechAccueil a {
color: #FFF;
text-decoration: none;
}
#menuTechAccueil a:hover {color: #333;}

#navProd {
margin: 0;
padding: 0;
}
#navProd li {
position: absolute;
list-style-type: none;
}

#navProd-1 {
left: 777px;
top: 53px;
}
#navProd-2 {
left: 705px;
top: 82px;
}
#navProd-3 {
left: 652px;
top: 106px;
}
#navProd-4 {
left: 615px;
top: 127px;
}
#navProd-5 {
left: 590px;
top: 150px;
}
#navProd-6 {
left: 565px;
top: 190px;
}
#produitFiche {
/*border: 1px solid red;*/
padding: 20px 0 0 50px;
width: 355px;
}
#produitFiche img {
float: left;
margin: 5px 10px 5px 0;
width: 165px;
height: 132px;
}
#produitFiche p {
margin: 0 0 10px 15px;
padding: 0;
}
#produitFiche p.produitSommaire {
margin: 2px 0 15px 0;
padding: 0;
}

#puce-navProd-1,
#puce-navProd-2,
#puce-navProd-3,
#puce-navProd-4,
#puce-navProd-5,
#puce-navProd-6 {
position: absolute;
visibility: hidden;
}

#puce-navProd-1 {
left: 726px;
top: 40px;
}
#puce-navProd-2 {
left: 665px;
top: 73px;
}
#puce-navProd-3 {
left: 618px;
top: 100px;
}
#puce-navProd-4 {
left: 584px;
top: 127px;
}
#puce-navProd-5 {
left: 560px;
top: 149px;
}
#puce-navProd-6 {
left: 530px;
top: 191px;
}

#savoir-projet, 
#savoir-photo, 
#savoir-sous, 
#savoir-materiel, 
#savoir-oko, 
#savoir-gencod,
#savoir-enduction {
position:absolute;
visibility: hidden;
}
#savoir-oko, #savoir-gencod {
right: 30px;
top: 675px;
}
#savoir-enduction {
right: 30px;
top: 475px;
}
#savoir-projet, #savoir-photo, #savoir-sous {
left: 0;
top: 149px;
}
#savoir-materiel {
right: 0;
top: 149px;
}
#siege {
left: 380px;
position: absolute;
top: 500px;
}
#txt {
font-size: 0.8em;
padding: 300px 0 0 11px;
width: 340px;
}
#pageSavoir #txt, 
#pageCarriere #txt, 
#pageLien #txt,
#pageSalon #txt {
padding: 10px 0 0 11px;
}
#pageLien #txt,
#pageSalon #txt {
width: 500px;
}
#pageSalon #txt {
	width: auto;
	text-align: center;
	}
	#pageSalon #txt p {
		text-align: center;
		}
#txt li {margin: 6px 0;}
#txt p {margin: 5px 0 10px 0;}
#txt ul {
margin: 0;
padding: 0 0 0 30px;
}



/**********************************/
/*****    Navigation Index   ******/
/**********************************/
div#navIndex {
	height: 147px;
	width: 632px;
	margin: 0;
	padding: 0;
	border: 0;
	background: #FFF;
	}

div#navIndex ul#menuIndex {
	height: 147px;
	width: 632px;
	background: transparent url(../img/nav-langue.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#navIndex ul#menuIndex li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	}
	
ul#menuIndex li, ul#menuIndex a {
/*border: 1px solid red;*/
	height: 43px;
	display: block;
	}
div#navIndex ul#menuIndex li a {
	text-indent: -9999px;
	text-decoration: none;
	}
ul#menuIndex li#navA {top: 43px;}
ul#menuIndex li#navB {top: 86px;}

#navA {left: 513px; width: 35px;}
#navB {left: 478px; width: 35px;}


#navA a:hover {background: transparent url(../img/nav-langue.gif) -513px -190px no-repeat;}
#navB a:hover {background: transparent url(../img/nav-langue.gif) -478px -233px no-repeat;}

/********************************************/
/*******   page Recrutement         *********/
/********************************************/

#RecrutList {
border-collapse: collapse;
margin: 20px auto;
width: 80%;
}
#RecrutList td {
background: #B5D0DF;
border-bottom: 1px dotted #666;
padding: 5px;
}
#RecrutList th {
background: #77A5BF;
border-bottom: 1px dotted #666;
color: #FFF;
font-style: italic;
padding: 5px;
text-align: left;
width: 10em;
}
#RecrutList tr.lineP td, #RecrutList tr.lineP th {
background: #EFFAFF;
}
#RecrutList th.center {text-align: center;}
#RecrutList thead th {
border-bottom: 2px solid #A8C3CF;
border-top: 2px solid #A8C3CF;
}
#RecrutList tr {background: #FFF;}

/***************************************/
/********    Les Classes    ************/
/***************************************/
.bold {font-weight: bold;}
.btnForm {
background: #D9C1B3;
border: 1px solid #BF9A83;
color: #1F180C;
cursor: pointer;
}
.btnMention {
font-size: 0.8em;
margin: 0;
padding: 0;
text-align: center;
}
.btnContactFiche {
color: #C00;
letter-spacing: 2px;
text-align: right;
text-transform: uppercase;
}
.btnContactFiche a {
color: #C00;
text-decoration: none;
}
.center {text-align: center;}
.imgFloatLeft {
float: left;
margin: 0 10px 10px 0;
}
.imgFloatRight {
float: right;
margin: 0 10px 10px 0;
}
.ficheImplantation {
background: transparent url(../img/com/bg-fiche-implantation.gif) left top repeat;
border: 1px solid #666;
width: 170px;
}
.ficheImplantation p { line-height: normal;}
.ficheMetier {
border: 1px solid #999;
left: 430px;
padding: 5px;
position: absolute;
top: 66px;
visibility: hidden;
width: 250px;
}
.ficheTxt {
background: transparent;
font-size: 10px;
margin: 0;
padding: 0;
/*filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;*/
}
.ficheTxt p {
margin: 0;
padding: 3px;
}
.obligatoire {
color: #C68E0F;
}
.puceLien {
background: #FFF url(../img/com/puce-lien.gif) right center no-repeat;
padding: 0 16px 0 0;
}
.separateur {
clear: both;
visibility: hidden;
}
/*******************************************/
/********** Formulaire de Contact **********/
/*******************************************/
#formContact {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
margin: 0 auto;
padding: 0;
width: 50%;
}
#formContact em {color: #F00;}
#formContact fieldset {
	background-color: #FFF;/*D1DDDF*/
	border-bottom: 2px solid #8B9C9F;
	border-left: none;
	border-right: none;
	border-top: 2px solid #8B9C9F;
	display: block;
	margin: 0 auto 10px auto;
	padding: 0.1em;
	width: 95%;
}
#formContact fieldset#civilite {
background: #EFF5FF; /*E0EDEF*/
border: none;
}
#formContact fieldset#civilite legend {text-transform: none;}
#formContact label {
	float: left;	/*** Tres important, ne pas suprimer ! ***/
	font-weight: bold;
	line-height: 1.8;
	margin: 0;
	padding: 0 0.5em 0 0;
	text-align: right;	/*** ... et ils sont alignes a droite... ***/
	width: 30%;	/*** Les intitules prennent n% de la largeur totale du formulaire... ***/
}
#formContact label.radio {
float: left;
width: auto;
}
#formContact input#nom,
#formContact input#prenom,
#formContact input#societe,
#formContact input#telephone,
#formContact input#mail,
#formContact input#adressel1,
#formContact input#cp,
#formContact input#ville {
width: 60%;
}
#formContact legend {
	color: #333;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
}
#formContact textarea {
margin: 0.2em;
width: 60%;
}
#formContact p {margin: 5px 0;}
/***************************************/
/******** Retour formulaire ************/
/***************************************/
#msgRetourForm {
margin: 0 5%;
padding: 200px 0 0 0;
}
#msgRetourForm p {
margin: 0 0 10px 0;
padding: 0;
}
/***************************************/
/******** Mentions legales  ************/
/***************************************/
#mention {
list-style-type: none;
margin: 0;
padding: 0;
}
#mention strong {color: #536B6F;}
/***************************************/
/**********  Referencement  ************/
/***************************************/
#referencement {
height: 1px;
left: 0px;
overflow: hidden;
position: absolute;
top: -9999px;
width: 1px;
}

/***************************************/
/**********   Active Edit   ************/
/***************************************/
h4 {
background: #FFF url(../img/com/puce-titre-produit.gif) left center no-repeat;
color: #B92722;
font-size: 1.1em;
font-weight: bold;
margin: 0;
padding: 0 0 0 15px;
text-align: left;
}