html, body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
height: 100%;
font-size : 62.5% ;
background-color : #E2180D; 
text-align : center ;
font-size : 14px ;
}

/* --- Valeurs par défaut ---*/
p strong {
color: #5b5b5c;
}
p.bodytext {
font-size : 12px ;
}

#tableWrap {
margin-top :0 ;
}
form {
margin : 0 ; padding : 0 ;
}
h3 {
font-size: 14px;
color: #E2180D;
}
ul {
padding : 0 ;
}
p .important {
color: #E2180D;
font-weight : bold ;

}

/* - - - - - - - - Contenu - - - - - - - - */

#contenu_niv2 img{
border:1px solid #5B5B5C; 
padding:4px;
margin-bottom:8px;
}

#contenu_niv2 img{
border:0px solid #5B5B5C; 
padding:0px;
margin-bottom:8px;
}
#contenu_niv2 .csc-textpic-border img{
border:1px solid #5B5B5C; 
padding: 4px;
margin-bottom:8px;
}

#contenu_niv2 img.cadre {
border:1px solid #5B5B5C; 
padding:4px;
margin-bottom:8px;
}


/* PAGE ACCUEIL */
#contenuAcc {
width:100%;
height:348px;
position:absolute;
left:0;
top:55px ;
}

/* CONSTRUCTION DES PAGES */
div#top1 {
width:100%; margin : 0 ; padding : 0 ;
background : #e2180d url(/fileadmin/img/fond_logo.gif) left top repeat-x ;
text-align : center ;
height : 80px ;
}
div#top2 {
width:100%; margin : 0 ; padding : 0 ;
background : #e2180d  url(/fileadmin/img/nav/fond_nav.gif) left top repeat-x ;
text-align : center ;
}
div#logo {
width : 750px ; 
margin : auto ; 
margin-top : 0 ; 
padding : 0 ;
margin-bottom : 0 ;
background-color : #e2180d;
}
div#menu {
width:750px;
vertical-align:top;
height:100px;
margin:6px auto 0 auto;
padding:0px;
}
div#content {
width : 750px ;
clear : both ;
margin : auto ;
margin-top : 0 ;
margin-bottom : 10px ;
text-align : left ;
font-size : 0.9em ;
}
div#droite {
padding-top : 10px ; width : 420px ; margin-left : 310px ;
}

div#backTop {
clear : both ;
background-color : #fff;
margin : 0 ; padding : 0 ;
}

div#backTop img {
height : 50px ;
margin : 0 ; padding : 0 ;
}
  
div#backTop a#lienBackTop{
margin : 0 ; padding : 40px 0 0 0 ; height : 50px ;
background : #fff url(/fileadmin/img/haut_page_off.gif) left top no-repeat;
} 
div#backTop a#lienBackTop:hover{
margin : 0 ; padding : 40px 0 0 0 ; height : 50px ;
background : #fff url(/fileadmin/img/haut_page_on.gif) left top no-repeat;
}

div#backTop a#lienBackTop585{
margin : 0 ; padding : 40px 0 0 0 ; height : 50px ;
background : #fff url(/fileadmin/img/haut_page_off_585.gif) left top no-repeat;
} 
div#backTop a#lienBackTop585:hover{
margin : 0 ; padding : 40px 0 0 0 ; height : 50px ;
background : #fff url(/fileadmin/img/haut_page_on_585.gif) left top no-repeat;
}


/* ----------- BAS DE PAGE -------------- */
div#bas {
position : absolute ;
bottom : 0 ;
left : 0 ; 
background     : #fff  url(/fileadmin/img/bas_page.gif) left top repeat-x ;
width          : 98%;
height         : 22px;
color : #000 ;
font-size : 10px ;
font-weight : normal ;
text-transform : uppercase ;
}

a.lienBas {
color : #000 ;
text-decoration : none ;
font-size : 10px ;
font-weight : normal ;
text-transform : uppercase ;
}
a.lienBas:hover {
color : #e2180d ;
text-decoration : none;
font-size : 10px ;
font-weight : normal ;
text-transform : uppercase ;
}

td.footerLeft {
padding-left : 15px ;
color : #000 ;
text-decoration : none ;
font-size : 10px ;
font-weight : normal ;
text-transform : uppercase ;
}

/* Picto Print */

div#print {
width:95%;
text-align:right;
margin:5px 10px 40px 0;
padding:2px;
}
div#print_niv2 {
width:95%;
text-align:right;
margin:5px 10px 40px 0;
padding:2px;
}

div#print a {
padding:2px;
background: transparent url(/fileadmin/img/printfr_off.gif) left top no-repeat;
}
div#print a:hover {
padding:2px;
background: transparent url(/fileadmin/img/printfr_on.gif) left top no-repeat;
}

div#print a.ENG {
padding:2px;
background: transparent url(/fileadmin/img/print_off.gif) left top no-repeat;
}
div#print a.ENG:hover {
padding:2px;
background: transparent url(/fileadmin/img/print_on.gif) left top no-repeat;
}

/* Lien moteur de recherche niveau1 */
/*#rechNiv1 {
margin : 0 0 35px 0 ; 
padding : 0 5px 0 0 ;
text-align : right ;
}
#rechNiv1 form, #rechNiv1 #rech {
margin : 0 ; padding : 0 ;
}

#rechNiv1 input#recherche {
height : 12px ;
font-size : 11px ;
background-color : transparent ;
}
#rechNiv1 input#submit {
height : 18px ;
width : 28px ;
font-size : 8px ;
}*/

#rechNiv1 {
margin : 0 0 35px 0 ; 
padding : 0 5px 0 0 ;
width : 100% :
text-align : right ;
color:#F4D347 ; 
}
#rechNiv1 form,  #rechNiv1 #rech{
margin : 0 ; padding : 0 ;
}
#rechNiv1 form  {
width : 100% ;
margin : 0 ; 
padding : 7px 0 7px 25px; 
background : transparent url(/fileadmin/img/recherche_niv1.gif) right top no-repeat; 
text-align : right ;
}

#rechNiv1 input#recherche {
width : 85px ;
height : 12px ;
font-size : 11px ;
border : 0px solid white ;
}

#rechNiv1 input#submit {
height : 18px ;
font-size : 9px ;
margin-left : 3px ;
background : transparent ;
border : 0px solid red ;
}

/* Lien moteur de recherche niveau2 */
#rechNiv2 {
width : 100% :
margin : 0 0 ; 
padding : 0 5px 0 0 ;
text-align : left ;
background-color : #e2180d ;
color:#F4D347 ; 
}
#rechNiv2 #rech {
}
#rechNiv2 form  {
width : 100% ;
margin : 0 ; 
padding : 7px 0 7px 25px; 
background : transparent url(/fileadmin/img/recherche.gif) left top no-repeat; 
}
#rechNiv2 input#recherche {
width : 85px ;
height : 12px ;
font-size : 11px ;
border : 0px solid red ;
}
#rechNiv2 input#submit {
height : 18px ;
font-size : 9px ;
margin-left : 3px ;
background : transparent ;
border : 0px solid red ;
}



/* --- Haut de page avec logo ---*/

#tdLogo {
background : red url(/fileadmin/img/logo.gif) left top no-repeat
}
.tableLogo {
height : 89px ;
width : 750px ;
}

/* --- CONTENUS NIVEAU 1 --- */
div#contenu_niv1 {
margin-top : 30px ;
clear : both ;
}
.fond1 p.bodytext {
font-weight : bold ;
color : #5b5b5c ;
}
.fond1 h2{
display:inline;
font-size: 13px;
color: #E2180D;
}


/* --- CONTENUS NIVEAU 2 --- */
div#contenu_niv2 {
clear:both;
width:510px;
margin:10px auto;
}
#contenu_niv2 h2 {
display:inline;
font-size: 13px;
color: #E2180D;
}
#contenu_niv2 ul li {
list-style-type: none;
list-style-position: inside;
list-style-image: url(/fileadmin/img/puce.gif);
}


/* ------------------ FIL ARIANE + LANGUES ----------------- */

#tdlang {
width:300px;
padding-left:10px;
margin:0;
text-align:left;
font-size:11px;
}
a.langues {
color:#F4D347;
font-size:0.8em;
text-transform: uppercase;
text-decoration:none;
}
a.langues:hover {
color:#FFF;
font-size:0.8em;
}


#breadcrumb {
color:#F4D347;
background-color:#E2180D;
text-align:left;
clear:both; 
margin-top:5px ;
margin-bottom:8px ;
font-size:11px;
}
#breadcrumb a { 
color:#F4D347;
text-transform:uppercase;
font-size:11px;
}
#breadcrumb a:hover {
color: #FFF;
text-transform: uppercase;
text-decoration:none;
}
#breadcrumb h1 {
display:inline;
font-weight:normal;
color: #F4D347;
text-transform: uppercase;
font-size:11px;
}
#breadcrumb2 {
padding:20px 0 0 35px;
font-size: 18px;
font-style: italic;
font-weight: normal;
color: #E2180D;
}


/* ----------------- MENU VERTICAL -------------- */
#menuLeftTop {
background : #E2180D url(/fileadmin/img/nav/fond_nav_haut.gif) bottom left no-repeat ;
}
#menuLeftBottom {
background : #E2180D url(/fileadmin/img/nav/fond_nav_bas.gif) top left no-repeat ;
}
#menuLeft {
width : 155px ;
float : left ;
background : url(/fileadmin/img/nav/fond_nav_centre.gif) top left repeat-y ;
padding : 0;
}
#menuLeft ul#niv1  {
margin : 3px 0 0 0px ; 
list-style : none ; 
list-type : inside ; 
padding : 0px ;
}
#menuLeft ul#niv1 li {
margin:0 auto;
width:146px;	
}
#menuLeft ul#niv1 li.separ {
display:block;
background:transparent url(/fileadmin/img/nav/pointilleNoir.gif) center left repeat-x;
height:20px;
height:1px;
padding:0;
width:134px;
margin:8px auto;
}
#menuLeft ul#niv1 li a {
display: block;
font-size: 12px;
color: #7F7F7F;
text-decoration: none;
padding : 1px 6px ; 
height : 1% ;
text-transform:uppercase;
font-weight:bold;
}
#menuLeft ul#niv1 li a:hover {
font-size: 12px;
color: #E2180D;
}
#menuLeft ul#niv1 li a.active, #menuLeft ul#niv1 li a.active:hover {
background-color : #E2180D ;
color: #F6CF1B ;
}
#menuLeft ul#niv2  {
margin : 3px 0 0 0px ; 
list-style : none ; 
list-type : inside ; 
padding : 0 0 0 6px ;
}

#menuLeft ul#niv2 li a  {
padding-left:8px;
background:url(/fileadmin/img/nav/fleche_off.gif) top left no-repeat;
display: block;
font-size: 12px;
font-weight: normal;
color: #7F7F7F;
text-transform:none;
}
#menuLeft ul#niv2 li a:hover {
color: #E2180D;
}
#menuLeft ul#niv2 li a.active, #menuLeft ul#niv2 li a.active:hover {
background-color : transparent ;
background:transparent url(/fileadmin/img/nav/fleche_on.gif) top left no-repeat;
color: #E2180D ;
}
#menuLeft ul#niv3  {
margin : 0; 
list-style : none ; 
list-type : inside ; 
padding : 0 0 0 6px ;
}
#menuLeft ul#niv3 li a  {
padding-left:8px;
background:none;
display: block;
font-size: 12px;
font-weight: normal;
color: #7F7F7F;
text-transform:none;
}
#menuLeft ul#niv3 li a.active, #menuLeft ul#niv3 li a.active:hover {
background:none;
color: #E2180D ;
}

/*-------------bt retour index---------------------*/
#retour {
background: #E2180D ;
}
#retour img {
margin : 0 ;
padding : 0 ;
}
#retour {
background : #E2180D url(/fileadmin/img/nav/retour_home_off.gif) top left no-repeat;
margin : 0 ;
padding :0 ;
}
#retour:hover{
margin : 0 ;
padding :0 ;
background: #E2180D url(/fileadmin/img/nav/retour_home_on.gif) top left no-repeat;
}


/* - - - - - - - FONDS DES CONTENUS - - - - - - -  */
.fond1 { 
min-height:453px ;
background:#fff ;
}
.fond2 { 
min-height:200px ;
width:585px ;
float:right ;	
background:#fff ;
}

#popupproduit {
background:#fff url(/fileadmin/img/visu/produits_popup.jpg) left top no-repeat ;
	
}
#produits_1 {
background : #fff url(/fileadmin/img/visu/produits.jpg) left top no-repeat ;
}
#produits_2 {
background : #fff url(/fileadmin/img/visu/produits_n2.jpg) left top no-repeat ;
}
#pro_1 {
background : #fff url(/fileadmin/img/visu/pro.jpg) left top no-repeat ;
}
#pro_2 {
background : #fff url(/fileadmin/img/visu/pro_n2.jpg) left top no-repeat ;
}
#groupe_1 {
background : #fff url(/fileadmin/img/visu/groupe.jpg) left top no-repeat ;
}
#groupe_2 {
background : #fff url(/fileadmin/img/visu/groupe_n2.jpg) left top no-repeat ;
margin-bottom: 10px;
}
#bonus_1 {
background : #fff url(/fileadmin/img/visu/bonus.jpg) left top no-repeat ;
}
#bonus_2 {
background : #fff url(/fileadmin/img/visu/bonus_n2.jpg) left top no-repeat ;
}
#contact_1 {
background : #fff url(/fileadmin/img/visu/contact.jpg) left top no-repeat ;
}
#contact_2 {
background : #fff url(/fileadmin/img/visu/contact_n2.jpg) left top no-repeat ;
}
#emploi_1 {
background : #fff url(/fileadmin/img/visu/emploi.jpg) left top no-repeat ;
}
#emploi_2 {
background : #fff url(/fileadmin/img/visu/emploi_n2.jpg) left top no-repeat ;
}
#salaries_1 {
background : #fff url(/fileadmin/img/visu/salaries.jpg) left top no-repeat ;
}
#salaries_2 {
background : #fff url(/fileadmin/img/visu/salaries_n2.jpg) left top no-repeat ;
}
#tabliers_1 {
background : #fff url(/fileadmin/img/visu/tabliers.jpg) left top no-repeat ;
}
#tabliers_2 {
background : #fff url(/fileadmin/img/visu/tabliers_n2.jpg) left top no-repeat ;
}
#fondhome {
background : #fff url(/fileadmin/img/visu/fond_home.jpg) left top no-repeat ;
}

#divers_2 {
background : #fff url(/fileadmin/img/visu/fondVide.jpg) left top no-repeat ;
}



/* - - - - POLICES DIVERSES - - - - */
.linkNoir {
font-size : 10px ;
color: #000;
text-decoration: none;
}
.linkNoir:hover {
font-size : 10px ;
color: #E2180D;
text-decoration: none;
}
.TxtNoir10 {
color: #000;
font-size: 10px;
}
.chapeau {
font-size: 12px;
font-weight: bold;
color: #5B5B5C;
}
.cadre  {
border:1px solid #5B5B5C; 
padding:4px;
margin-bottom:8px;
}
#contenu_niv2 td a img.cadre {
border:1px solid #5B5B5C; 
padding:4px;
margin-bottom:8px;
}
.LinkRouge, a {
font-size: 12px;
font-weight: bold;
color: #E2180D;
}
p.align-left a {
color : #5b5b5c;
}

.LinkRouge:hover, a:hover {
font-size: 12px;
font-weight: bold;
color: #5B5B5C;
}
.titreMenu {
font-size: 12px;
text-transform: uppercase;
color: #F6CF1B;
font-weight: bold;
}


.TitreRouge {
font-size: 18px;
font-style: italic;
font-weight: normal;
color: #E2180D;
}
.MenuOn {
font-size: 12px;
color: #E2180D;
}
.TitreGris {
font-size: 18px;
font-style: italic;
font-weight: normal;
color: #7F7F7F;
}
.STitreRouge {
font-size: 14px;
font-weight: bold;
color: #E2180D;
font-style:normal;
}
a.STitreRouge {
text-decoration: none;
color: #7F7F7F;
}
a.STitreRouge:hover {
text-decoration: none;
color: #E2180D;
}
a.liensGris {
font-size: 18px;
font-style: italic;
color: #7F7F7F;
text-decoration: none;
}
.liensGris, a.liensGris:hover {
font-size: 18px;
font-style: italic;
color: #E2180D;
text-decoration: none;
}
.liensGrisPopup {
font-size: 13px;
font-style: italic;
color: #7F7F7F;
text-decoration: none;
font-weight: bold;
}
.liensGrisPopup:hover {
font-size: 13px;
font-style: italic;
color: #E2180D;
text-decoration: none;
font-weight: bold;
}
.TitreGrisPopup {
font-size: 14px;
font-style: italic;
font-weight: bold;
color: #7F7F7F;
}
.TitreRougePopup {
font-size: 14px;
font-style: normal;
font-weight: bold;
color: #E2180D;
}
.TxtCourant {
font-size: 12px;
color: #000000;
}
.TxtBlancBold {
font-size: 13px;
font-weight: bold;
color: #fff;
}
.TxtBoldNoir {
font-size: 12px;
font-weight: bold;
color: #000 ;
}

/*  - - - teaser produits  - - -*/
p.teaserlink3 {
margin:0 0 8px 0;
}
p.teaserlink3 a, p.teaserlink3 a:hover {
font-size : 11px ;
}


/* - - -  paragraphes typo - - -  */
p.align-center {
text-align:center;
}
p.align-right {
text-align:right;
}
p.align-left {
text-align:left;
}

/* - - - boutons - - - */
.submit {
background-color : #fff ;
color : #E2180D ;
font-weight : bold ;
border : 1px solid  #E2180D ;
}

/* - - - Séparateurs - - - */
#contenu_niv2 p.separ_filet510 {
clear : both ; height : 3px ; margin : 0 ; padding : 0 ; margin-bottom : 8px ; margin-top : 0px ; text-align : left
}
#contenu_niv2 p.separ_filet510 img {
border : 0 solid #fff ; margin : 0 ; padding : 0 ;
}
div.separ {
width : 510px ;
clear : both ;
background : url(/fileadmin/img/filet_510.gif) left top no-repeat ;
margin : 5px 0 5px 0 ;
}


/* - - - menu du haut avec pictos - - -  */
#tabloMenu {
margin : 0 ;
padding: 0 ;
}
#tabloMenu td {
margin : 0 ;
padding: 0 ;
width:94px;
height:100px;
}
#mGroupe {
background:transparent url(/fileadmin/img/nav/groupe_on.gif) no-repeat;
}
#mGroupe a {
display:block;
width:94px;
height:100px;
background:transparent url(/fileadmin/img/nav/groupe_off.gif) no-repeat;
text-decoration:none;
}
#mProduits {
background:transparent url(/fileadmin/img/nav/produits_on.gif) no-repeat;
}
#mProduits a {
display:block;
width:94px;
height:100px;
background:transparent url(/fileadmin/img/nav/produits_off.gif) no-repeat;
text-decoration:none;
}
#mTablier {
background:transparent url(/fileadmin/img/nav/tabliers_on.gif) no-repeat;
}
#mTablier a {
display:block;
width:94px;
height:100px;
background:transparent url(/fileadmin/img/nav/tabliers_off.gif) no-repeat;
text-decoration:none;
}
#mEspace {
background:transparent url(/fileadmin/img/nav/pro_on.gif) no-repeat;
}
#mEspace a {
display:block;
width:94px;
height:100px;
background:transparent url(/fileadmin/img/nav/pro_off.gif) no-repeat;
text-decoration:none;
}
#mSalaries {
background:transparent url(/fileadmin/img/nav/salaries_on.gif) no-repeat;
}
#mSalaries a {
display:block;
width:93px;
height:100px;
background:transparent url(/fileadmin/img/nav/salaries_off.gif) no-repeat;
text-decoration:none;
}
#mEmploi {
background:transparent url(/fileadmin/img/nav/emploi_on.gif) no-repeat;
}
#tabloMenu td#mEemploi, #tabloMenu td#mSalaries {
width:93px;
}
#mEmploi a {
display:block;
width:93px;
height:100px;
background:transparent url(/fileadmin/img/nav/emploi_off.gif) no-repeat;
text-decoration:none;
}
#mBonus {
background:transparent url(/fileadmin/img/nav/bonus_on.gif) no-repeat;
}
#mBonus a {
display:block;
width:94px;
height:100px;
background:transparent url(/fileadmin/img/nav/bonus_off.gif) no-repeat;
text-decoration:none;
}
#mContact {
background:transparent url(/fileadmin/img/nav/contact_on.gif) no-repeat;
}
#mContact a {
display:block;
width:94px;
height:100px;
background:transparent url(/fileadmin/img/nav/contact_off.gif) no-repeat;
text-decoration:none;
}
#mGroupe a:hover, #mGroupe a.active, #mProduits a:hover, #mProduits a.active, #mTablier a:hover, #mTablier a.active, #mEspace a:hover, #mEspace a.active, #mSalaries a:hover, #mSalaries a.active, #mEmploi a:hover, #mEmploi a.active, #mBonus a:hover, #mBonus a.active, #mContact a:hover, #mContact a.active {
background:none;
}
#mGroupe a span, #mProduits a span, #mTablier a span, #mEspace a span, #mSalaries a span, #mEmploi a span, #mBonus a span, #mContact a span {
visibility:hidden;
}


/*  -------------- Tableau téléchargements  --------------- */
.telech {
margin-top:15px;
border:0;
border-spacing:0;
border-collapse: collapse;
width:100%;
}
.telech th {
background:#e2180d;
color:#FFF;
padding:4px;
}
.telech tr.ligneblanche td {
background:#d9d9d9;
padding:4px;
}
.telech tr.lignegrise td {
background:#FFF;
padding:4px;
}
.telech .center {
text-align:center;
}
.telech .upper {
text-transform:uppercase;
}
.telech .center a img {
border:0;
}
.telech .center a {
background:transparent url(/fileadmin/img/telechargement_off.gif) center no-repeat;
display:block;
margin:0 auto;
width:20px;
color:transparent;
}
.telech .center a:hover {
background:transparent url(/fileadmin/img/telechargement_on.gif) center no-repeat;
}

/* ---------  tableaux typo ------------ */

table.contenttable {
/* width:100%; */
border:0;
border-spacing:0;
border-collapse: collapse;
margin-top:20px;
}

table.contenttable td {
height:25px; text-align : center ; padding-left  :0 ; font-weight : normal ;
}
table.contenttable .tr-even td {
background:#EEEFF2;
}
table.contenttable th td, table.contenttable .tr-0 td{
background:#e2180d;
color:#FFF;
padding-left:10px; 
padding-right : 10px ;
height:20px;
font-weight:bold ;
}
table.contenttable td.td-0 {
padding-left : 4px ; text-align : left ; font-weight:bold ;
}


/* - - - Questionnaire (formulaire de contact) - - - */
#attestation p.separ_filet510 {
margin : 10px 0 20px 0 ; clear : both ;
}

#attestation .survey_item48, 
#attestation .survey_item49, 
#attestation .survey_item50 {
float:left;
width:250px;
}
#attestation  div.question {
float:left;
color: #7F7F7F;
font-weight:bold;
font-size:14px;
height:20px;
margin-top : 10px ;
}
#attestation input, #attestation select {
margin-top : 10px ;
}
#attestation .survey_item48 input, 
#attestation .survey_item49 input {
width:160px;
margin-left:5px;
clear:right;
}
#attestation .survey_item50 input {
width:70px;
margin-left:5px;
}
#attestation #id51, #attestation #id52, #attestation #id54 {
margin-left:40px;
}
#attestation .survey_item53 .question, 
#attestation .survey_item55 .question {
clear:both; width : 100% ;
}
#attestation  textarea {
width:100%;
}
#attestation .survey_item54 {
margin:10px 0;
}
#attestation .survey_item61 p {
font-style:italic;
font-size:11px;
}
#attestation .submit {
float:right;
background:transparent url(/fileadmin/img/salarie/bouton_envoyer.gif) no-repeat;;
border:0;
width:98px;
height:27px;
color:transparent;
}
#attestation .survey_item111 .submit {
float:right;
background: #fff ;
border:1px solid red ;
}
.erreur {
margin : 0 ; padding : 0 ; color : red ; font-weight : bold ;
}

#attestation .survey_item53 .erreur {
margin-top : 10px ; margin-left : 4px ;
}

input.radio {
margin : 0 ; padding : 0 ;
}

/* Avec id formulaire */

#formulaire p.separ_filet510 {
margin : 10px 0 20px 0 ; clear : both ;
}

/*#formulaire .survey_item48, 
#formulaire .survey_item49, 
#formulaire .survey_item50 {
float:left;
width:250px;
}*/
#formulaire div.question {
float:left;
color: #7F7F7F;
font-weight:bold;
font-size:14px;
height:20px;
margin-top : 10px ;
}
#formulaire input, #attestation select {
margin-top : 10px ;
}
#attestation .survey_item48 input, 
#attestation .survey_item49 input {
width:160px;
margin-left:5px;
clear:right;
}
#formulaire .survey_item50 input {
width:70px;
margin-left:5px;
}
#formulaire #id51, #attestation #id52, #attestation #id54 {
margin-left:40px;
}
#formulaire .survey_item53 .question, 
#formulaire .survey_item55 .question {
clear:both; width : 100% ;
}
#formulaire textarea {
width:100%;
}
#formulaire .survey_item54 {
margin:10px 0;
}
#formulaire .survey_item61 p {
font-style:italic;
font-size:11px;
}
#formulaire .submit {
float:right;
background:transparent url(/fileadmin/img/salarie/bouton_envoyer.gif) no-repeat;;
border:0;
width:98px;
height:27px;
color:transparent;
}
#formulaire .survey_item111 .submit {
float:right;
background: #fff ;
border:1px solid red ;
}
.erreur {
margin : 0 ; padding : 0 ; color : red ; font-weight : bold ;
}

#formulaire .survey_item53 .erreur {
margin-top : 10px ; margin-left : 4px ;
}

input.radio {
margin : 0 5px 0 0 ; padding : 0 ;
}

.formAlignRight {
text-align : right ;
}
/* - - - - -FAQ- - - - -   */
 /* liste */
#faqList {
width:100%;
border-spacing:0;
border-collapse:collapse;
}
#faqList .question {
height:25px;
padding : 4px 10px;
font-size : 12px ;
}
#faqList .reponse {
text-align:left;
padding : 4px 15px 4px 10px;
border-left : 4px solid #fff ;
font-size : 11px ;
width : 74px;
}
#faqList .reponse a {
text-decoration:none;
color:#888383;
background:transparent url(/fileadmin/img/telechargement_off.gif) right no-repeat;
padding-right:20px;
}
#faqList .reponse a:hover {
color: #E2180D;
background:transparent url(/fileadmin/img/telechargement_on.gif) right no-repeat;
}
#faqList .impair {
background:#E4E2E2;
}
#faqList .pair {
background:#FFF;
}
/* reponses */
#faq_nav {
display:table;
width:100%;
}
#faq_nav .prec {
float:left;
}
#faq_nav .prec a {
text-decoration:none;
background:transparent url(/fileadmin/img/fleche_rouge_gauche.gif) left no-repeat;
padding-left:15px;
}
#faq_nav .suiv a {
text-decoration:none;
background:transparent url(/fileadmin/img/fleche_rouge_droite.gif) right no-repeat;
padding-right:12px;
}
#faq_nav .suiv {
float:right;
}
.question {
font-weight:bold;
color: #E2180D;
}
.faqPointille {
background:transparent url(/fileadmin/img/filet_510.gif) repeat-x;
}


/*  - - - - Suppression des borders de certaines images - - - */
/* STYLO d'edition en ligne*/
#contenu_niv2 .frontEndEditIcons{
border:0 solid #fff;
}
/* style des pictos téléchargement */
#contenu_niv2 td a img {
border:0px solid #fff ;
}
/* style des pictos résultat recherche */
#contenu_niv2 img.iconRech {
border:0 solid #fff; 
}

table {margin : 0}


/* Version anglaise */

#retourENG {
background : #E2180D url(/fileadmin/img/nav_uk/retour_home_off.gif) top left no-repeat;
}
#retourENG :hover{
background: #E2180D url(/fileadmin/img/nav_uk/retour_home_on.gif) top left no-repeat;
}

/* fonds de page */	

#produitsENG_1 {
background : #fff url(/fileadmin/img/visu_uk/products.jpg) left top no-repeat ;
}
#produitsENG_2 {
background : #fff url(/fileadmin/img/visu_uk/products_n2.jpg) left top no-repeat ;
}
#proENG_1 {
background : #fff url(/fileadmin/img/visu_uk/pro.jpg) left top no-repeat ;
}
#proENG_2 {
background : #fff url(/fileadmin/img/visu_uk/pro_n2.jpg) left top no-repeat ;
}
#groupeENG_1 {
background : #fff url(/fileadmin/img/visu_uk/group.jpg) left top no-repeat ;
}
#groupeENG_2 {
background : #fff url(/fileadmin/img/visu_uk/group_n2.jpg) left top no-repeat ;
margin-bottom: 10px;
}
#bonusENG_1 {
background : #fff url(/fileadmin/img/visu_uk/goodies.jpg) left top no-repeat ;
}
#bonusENG_2 {
background : #fff url(fileadmin/img/visu_uk/goodies_n2.jpg) left top no-repeat ;
}
#contactENG_1 {
background : #fff url(/fileadmin/img/visu_uk/contacts.jpg) left top no-repeat ;
}
#contactENG_2 {
background : #fff url(/fileadmin/img/visu_uk/contacts_n2.jpg) left top no-repeat ;
}
#emploiENG_1 {
background : #fff url(/fileadmin/img/visu_uk/careers.jpg) left top no-repeat ;
}
#emploiENG_2 {
background : #fff url(/fileadmin/img/visu_uk/careers_n2.jpg) left top no-repeat ;
}
#salariesENG_1 {
background : #fff url(/fileadmin/img/visu_uk/staff.jpg) left top no-repeat ;
}
#salariesENG_2 {
background : #fff url(/fileadmin/img/visu_uk/staff_n2.jpg) left top no-repeat ;
}
#tabliersENG_1 {
background : #fff url(/fileadmin/img/visu_uk/cooking.jpg) left top no-repeat ;
}
#tabliersENG_2 {
background : #fff url(/fileadmin/img/visu_uk/cooking_n2.jpg) left top no-repeat ;
}
#fondhomeENG {
background : #fff url(/fileadmin/img/visu_uk/fond_home.jpg) left top no-repeat ;
}

#diversENG_2 {
background : #fff url(/fileadmin/img/visu_uk/fondVide.jpg) left top no-repeat ;
}



/* - - - menu du haut avec pictos - - -  */

#mGroupeENG {
background:transparent url(/fileadmin/img/nav_uk/group_on.gif) no-repeat;
}
#mGroupeENG a {
display:block;
width:94px;
height:100px;
background:transparent url(/fileadmin/img/nav_uk/group_off.gif) no-repeat;
text-decoration:none;
}
#mProduitsENG {
background:transparent url(/fileadmin/img/nav_uk/products_on.gif) no-repeat;
}
#mProduitsENG a {
display:block;
width:94px;
height:100px;
background:transparent url(/fileadmin/img/nav_uk/products_off.gif) no-repeat;
text-decoration:none;
}
#mTablierENG {
background:transparent url(/fileadmin/img/nav_uk/cooking_on.gif) no-repeat;
}
#mTablierENG a {
display:block;
width:94px;
height:100px;
background:transparent url(/fileadmin/img/nav_uk/cooking_off.gif) no-repeat;
text-decoration:none;
}
#mEspaceENG {
background:transparent url(/fileadmin/img/nav_uk/pro_on.gif) no-repeat;
}
#mEspaceENG a {
display:block;
width:94px;
height:100px;
background:transparent url(/fileadmin/img/nav_uk/pro_off.gif) no-repeat;
text-decoration:none;
}
#mSalariesENG {
background:transparent url(/fileadmin/img/nav_uk/staff_on.gif) no-repeat;
}
#mSalariesENG a {
display:block;
width:93px;
height:100px;
background:transparent url(/fileadmin/img/nav_uk/staff_off.gif) no-repeat;
text-decoration:none;
}
#mEmploiENG {
background:transparent url(/fileadmin/img/nav_uk/careers_on.gif) no-repeat;
}
#tabloMenu td#mEemploiENG, #tabloMenu td#mSalariesENG {
width:93px;
}
#mEmploiENG a {
display:block;
width:93px;
height:100px;
background:transparent url(/fileadmin/img/nav_uk/careers_off.gif) no-repeat;
text-decoration:none;
}
#mBonusENG {
background:transparent url(/fileadmin/img/nav_uk/goodies_on.gif) no-repeat;
}
#mBonusENG a {
display:block;
width:94px;
height:100px;
background:transparent url(/fileadmin/img/nav_uk/goodies_off.gif) no-repeat;
text-decoration:none;
}
#mContactENG {
background:transparent url(/fileadmin/img/nav_uk/contact_on.gif) no-repeat;
}
#mContactENG a {
display:block;
width:94px;
height:100px;
background:transparent url(/fileadmin/img/nav_uk/contact_off.gif) no-repeat;
text-decoration:none;
}
#mGroupeENG a:hover, #mGroupeENG a.active, #mProduitsENG a:hover, #mProduitsENG a.active, #mTablierENG a:hover, #mTablierENG a.active, #mEspaceENG a:hover, #mEspaceENG a.active, #mSalariesENG a:hover, #mSalariesENG a.active, #mEmploiENG a:hover, #mEmploiENG a.active, #mBonusENG a:hover, #mBonusENG a.active, #mContactENG a:hover, #mContactENG a.active {
background:none;
}
#mGroupeENG a span, #mProduitsENG a span, #mTablierENG a span, #mEspaceENG a span, #mSalariesENG a span, #mEmploiENG a span, #mBonusENG a span, #mContactENG a span {
visibility:hidden;
}

div#backTop img {
height : 50px ;
margin : 0 ; padding : 0 ;
}

#formulaireENG .submit {
background:transparent url(/fileadmin/img/salarie/bouton_envoyerENG.gif) no-repeat;
}

a#lienBackTopENG{
margin : 0 ; padding : 40px 0 0 0 ; height : 50px ;
background : #fff url(/fileadmin/img/nav_uk/hautpage_off.gif) left top no-repeat;
} 
a#lienBackTopENG:hover{
margin : 0 ; padding : 40px 0 0 0 ; height : 50px ;
background : #fff url(/fileadmin/img/nav_uk/hautpageUK_on.gif) left top no-repeat;
}

a#lienBackTop585ENG{
margin : 0 ; padding : 40px 0 0 0 ; height : 50px ;
background : #fff url(/fileadmin/img/nav_uk/hautpage_585_off.gif) left top no-repeat;
} 
a#lienBackTop585ENG:hover{
margin : 0 ; padding : 40px 0 0 0 ; height : 50px ;
background : #fff url(/fileadmin/img/nav_uk/hautpageUK_585_on.gif) left top no-repeat;
}

/* Moteur de recherche */
		.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:50px; }


/* fonds décran bonus */
#bonus_2 #contenu_niv2 p.separ_filet510, #bonusENG_2 #contenu_niv2 p.separ_filet510  {
display : none ;
}

/*
#bonus_2 div.csc-textpic-intext-left  {
float : left ;
}
*/


/* ---------- vidéos Métiers ---------- */

#player {
width : 320px ;
border : 2px solid #000 ;
}
#flvplayercaption {
width : 320px ;
float : left ;
}
.flvplayer_listpic {
clear :both ; 
width : 148px ;
}
#playlist {
width : 172px ;
float : right ;
}
#playlist img {
width : 26px ;
margin-left : 4px ;
}
#vignettes {
float : right; 
padding-top : 4px ; 
margin-top : 30px ; 
border : 1px solid #eeeeee ; 
height : 258px ; 
overflow : auto ; 
}
.videoTitle {
padding : 0 ;
margin : 0 ;
padding-left : 4px ;
float : left ;
font-size : 11px ; 
width : 104px ; 
text-align : left;
}
.videoTitle a {
width : 100px;
padding : 0 ;
}