/* GENERAL */ * {margin:0;padding:0} body {color:#666666;font:83% arial,tahoma,verdana,sans-serif; background-color:#F0F0F0} table td {vertical-align:top} /* LIENS */ a {background:transparent;text-decoration:underline;cursor:pointer;color:#FF6632} a:hover {color:#000000} A.lien-titre {display:block;font-size: 110%; font-weight:bold;background: url(../img/commun/filet.gif) bottom repeat-x;text-decoration:none; padding-bottom:0.2em;margin-bottom:0.2em} A.lien-titre:hover {color:#FF6632} A.lien-plan {background: transparent url(../img/commun/pict-liens.gif) no-repeat 7px;padding-left:21px;color:#FF6632; text-decoration:underline; display:block; height:20px} A.lien-plan:hover {color:#000000;} /* BOUTONS */ A.bouton {display:block; text-decoration:none; font-weight:normal;text-align:center;line-height:17px;padding-left:5px;color:#ffffff;width: 140px; height: 20px;background: url(../img/commun/bouton.gif) no-repeat;} A.bouton:hover {background: url(../img/commun/bouton-off.gif) no-repeat;} a.bouton_recrutement{display:block; text-decoration:none; font-weight:normal;text-align:center;line-height:17px;padding-left:5px;color:#ffffff;width: 140px; height: 20px;background: url(../img/commun/bouton.gif) no-repeat;float:right;margin-top:10px;} a.bouton_recrutement:hover{background: url(../img/commun/bouton-off.gif) no-repeat;} A.bouton-pdf {display:block; font-weight:normal;line-height:17px;padding-left:25px;height: 20px;background: url(../img/commun/pict-pdf.gif) no-repeat;color:#000000; margin:0.7em 0 0.2em 0;text-decoration:none} A.bouton-pdf:hover {color:#FF6632; text-decoration:underline} input.bouton {display:block; text-decoration:none; font-weight:normal;text-align:center;padding-bottom:4px;padding-left:5px;color:#ffffff;width: 150px; height: 20px;background: url(../img/commun/bouton.gif) no-repeat; border:0; cursor:pointer; vertical-align:top} input.bouton:hover {background: url(../img/commun/bouton-off.gif) no-repeat;} /* TYPOGRAPHY */ p, ul, ol {margin: 0 0 1.5em;line-height:1.3em} h1, h2, h3, h4, h5, h6 {font-family: arial,verdana,sans-serif;color:#333333;margin:0 0 0.5em 0; padding:0 0 0.5em 0} #contenu h1 {font-size: 280%; color:#fcbe00; font-weight:lighter;margin:0; padding:0} #contenu h2 {font-size: 150%;color:#FF6632; font-weight:lighter;margin:0; padding:0} #contenu h3 {font-size: 126%; color:#9E9FA0;padding:0;margin:0 0 1.5em 0; font-weight:lighter} #contenu h4 {font-size: 116%; color:#9E9FA0;border-bottom: 1px solid #eee;margin:0 0 0.5em 0;} #contenu h5 {font-size: 110%; font-weight:bold;background: url(../img/commun/filet.gif) bottom repeat-x;text-decoration:none} #contenu h6 {font-size: 116%; color:#FF6632;margin:0; padding:0} .chapo {color:#000000;font-weight:bold} .mention {color:#666666; font-style:italic;} .erreur{color:#c00;font-weight:bold} .succes {color:#FF6632;font-weight:bold} .caption {color:#999;font-size:11px} .date {font: normal 82% arial;color:#000000;display:block;letter-spacing: 1px} small {font-size:11px} /* LISTS*/ ul {margin: .3em 0 1.5em 0;list-style-type:none} ul.related {margin-top: -1em} ol {margin: .5em .5em 1.5em} ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal} li {padding-left: 20px;background: url(../img/commun/puce1.gif) no-repeat 7px 7px} dl {margin: 0 0 1em 0} dt {font-weight:bold;margin-top: 1.3em} dl dl {margin: 0 0 1.5em 30px} /* GENERAL */ img {border:none} hr {margin: 1em 0;background:#d7d7d7;height:1px;color:#d7d7d7;border:none;clear:both} .clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} /* ACCUEIL */ #accueil-haut-gauche {background: #FFFFFF url(../img/accueil/page-gauche.jpg) repeat-x; top:1px } #accueil-haut-droite {background: #FFFFFF url(../img/accueil/page-droite.jpg) top repeat-x;} #accueil-header {position:relative;background: url(../img/accueil/page.jpg) no-repeat;height:212px; width:975px;} #accueil-left {background: url(../img/accueil/left.jpg) no-repeat;width:312px; vertical-align:top; height:208px; padding:0 0 0 0} #accueil-left2 {background: url(../img/accueil/left2.jpg) no-repeat;width:304px; vertical-align:top; height:278px} #accueil-center {background: url(../img/accueil/center.jpg) no-repeat;width:304px; vertical-align:top} #accueil-center2 {background: url(../img/accueil/center2.gif) no-repeat;width:304px; vertical-align:top} #accueil-right {background: url(../img/accueil/right.jpg) no-repeat;width:359px; vertical-align:top} #accueil-right2 {background: url(../img/accueil/right2.jpg) no-repeat;width:359px; vertical-align:top} /* PAGES */ #tableau {width:100%;} #page {width:975px;margin: 0 auto;position:relative; vertical-align:top; background-color:#FFFFFF} #haut-gauche {background: #FFFFFF url(../img/page/page-gauche.jpg) top repeat-x;} #haut-gauche-general{ background: #FFFFFF url(../img/page/page-gauche-general.jpg) top repeat-x; } #haut-gauche-home{ background: #FFFFFF url(../img/page/page-gauche-home.jpg) top repeat-x; } #haut-droite {background: #FFFFFF url(../img/page/page-droite.jpg) top repeat-x;} #haut-droite-general{ background: #FFFFFF url(../img/page/page-droite-general.jpg) top repeat-x; } #haut-droite-home{ background: #FFFFFF url(../img/page/page-droite-home.jpg) top repeat-x; } #header {position:relative;background: url(../img/page/page.jpg) no-repeat;height:200px; width:975px;} #header-home {position:relative;background: url(../img/page/page-home.jpg) no-repeat;height:212px; width:975px;} #header-societe {position:relative;background: url(../img/page/page-societe.jpg) no-repeat;height:200px; width:975px;} #header-equipe {position:relative;background: url(../img/page/page-etude.jpg) no-repeat;height:200px; width:975px;} #header-actualite {position:relative;background: url(../img/page/page-piece1.jpg) no-repeat;height:200px; width:975px;} #header-savoir-faire {position:relative;background: url(../img/page/page-machine1.jpg) no-repeat;height:200px; width:975px;} #header-machines {position:relative;background: url(../img/page/page-machine2.jpg) no-repeat;height:200px; width:975px;} #header-references {position:relative;background: url(../img/page/page-machine3.jpg) no-repeat;height:200px; width:975px;} #header-partenaires {position:relative;background: url(../img/page/page-piece2.jpg) no-repeat;height:200px; width:975px;} #header-defaut {position:relative;background: url(../img/page/page-defaut.jpg) no-repeat;height:200px; width:975px;} #logo {position:absolute;left:35px; top:25px;} #menu-top {margin:0 18px 0 0; height:40px; width:auto; text-align:right;} #menu-top ul {list-style-image:none;padding: 0;margin:0;float:right;margin-top:5px;} #menu-top li {display:inline;} .form_choix_langue{ float:right; } LI.liens-top {background:url(../img/commun/pict-liens.gif) center left no-repeat;padding:0 10px 0 15px;} LI.plan-top {background:url(../img/commun/pict-plan.gif) center left no-repeat;padding:0 10px 0 15px;} LI.mentions-top {background:url(../img/commun/pict-mentions.gif) center left no-repeat;padding:0 10px 0 12px;} LI.credits-top {background:url(../img/commun/pict-credit.gif) center left no-repeat;padding:0 10px 0 12px;} LI.version-uk {background:url(../img/commun/pict-uk.gif) center left no-repeat;padding:0 10px 0 25px;} LI.version-fr {background:url(../img/commun/pict-fr.gif) center left no-repeat;padding:0 10px 0 25px;} #menu-top a {text-decoration:none;color:#999999} #menu-top a:hover {color:#000000;text-decoration:underline} #contenu-page {background: url(../img/page/contenu.gif) no-repeat;width:975px; vertical-align:top} #contenu-page-home {background:url('../img/page/contenu_home.gif') top left no-repeat;width:975px; vertical-align:top} #home {background: url(../img/page/contenu-home.jpg) top right no-repeat;width:975px; vertical-align:top} #societe {background: url(../img/page/contenu-societe.jpg) top right no-repeat;width:975px; vertical-align:top} #equipe {background: url(../img/page/contenu-etude.jpg) top right no-repeat;width:975px; vertical-align:top} #actualite {background: url(../img/page/contenu-piece1.jpg) top right no-repeat;width:975px; vertical-align:top} #savoir-faire {background: url(../img/page/contenu-machine1.jpg) top right no-repeat;width:975px; vertical-align:top} #machines {background: url(../img/page/contenu-machine2.jpg) top right no-repeat;width:975px; vertical-align:top} #references {background: url(../img/page/contenu-machine3.jpg) top right no-repeat;width:975px; vertical-align:top} #partenaires {background: url(../img/page/contenu-piece2.jpg) top right no-repeat;width:975px; vertical-align:top} #defaut {background: url(../img/page/contenu-defaut.jpg) top right no-repeat;width:975px; vertical-align:top} #gauche {width:202px; vertical-align:top; padding:10px 0 20px 15px;} #gauche_home {width:296px;border-right:1px solid #e2e2e2;vertical-align:top; padding:10px 0 20px 15px;} #droite {width:1px; vertical-align:top; padding:80px 0 0 0} #contenu {vertical-align:top; padding:10px;position:relative;} #contenu #breadcrumb {margin-top:-5px;font-size:93%;font-weight:bold} #contenu #breadcrumb a:link, #contenu #breadcrumb a:visited {text-decoration:none} #contenu #breadcrumb a:hover, #contenu #breadcrumb a:active {text-decoration:underline} .myBox-gris{margin: 0 auto;padding: 10px;background-color: #ECECEC;border: 1px solid #d7d7d7;margin:30px 0 0 0} .recrutement{ border:1px solid #d5cfc0; margin-right:150px; margin-bottom:15px; position:relative; } .myBox{margin: 0 auto;padding: 10px;background-color: #ffffff;border: 1px solid #d7d7d7;margin:30px 0 0 0} .vignette {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #eee;float:right;width:100px;padding:5px;background:#fff} .vignette img {border: 1px solid #000} .photo-cadre-droite {margin: 0 0 0 5px;position:relative;z-index:9999;float:right;background: url(../img/commun/ombre-gauche.jpg) no-repeat;} .photo-cadre-gauche {margin: 0 5px 0 0;position:relative;z-index:9999;float:left;background: url(../img/commun/ombre-gauche.jpg) no-repeat;} .photo-bas {background: url(../img/commun/ombre-bas.jpg) bottom right no-repeat;padding: 8px 11px 13px 5px} .pagination {background: #f2f2f2;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em;height:18px} .pagination p {position:relative;text-align:right} .pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc} .pagination p a:hover {background:#FF6632;color:#fff} .pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc} .pagination * {margin:0} .pagination h4 {margin-top:-1.45em;padding:0;border:none} #resultat {margin: 0 0 1.5em;font-size:92%} #resultat dt, #resultat dl {margin: 0} #resultat dt {font: bold 85% arial;padding: 3px 0} #resultat li {padding: 0 0 1em;margin:0 0 0 1.2em;font: bold 145% arial} #resultat li dd {font: normal 73% arial} #resultat li dl {margin:0} #resultat dd {line-height:1.3} #resultat dd.filetype, #resultat dd.date {color:#666666;display:inline;padding-right:.5em} TD.cadre-diametre {background: url(../img/page/bg-diametre.jpg) no-repeat;padding:0; width:255px; height:240px} TD.cadre-diametre h2 {font-size:180%; color:#FFFFFF} TD.cadre-diametre p {color:#FFFFFF; font-weight:bold} TD.cadre-metier {background: url(../img/page/bg-metier.jpg) no-repeat;padding:0; width:255px; height:240px} TD.cadre-metier h2 {font-size:180%; color:#FFFFFF} TD.cadre-metier p {color:#FFFFFF; font-weight:bold} /* 'LIENS' - En savoir plus en fin de paragraphe */ a.lien {background: transparent url(../img/commun/pict-liens.gif) no-repeat 7px;padding-left:21px;color:#FF6632; text-decoration:underline} a.lien:hover {color:#000000;} .lien span {position:absolute;left:-9999px;width:900px;} /* NAVIGATION - navigation verticale */ #navigue {width:193px;padding-top:0;} #navigue a {color:#000000;font: lighter 86% arial;display:block;padding: 2px 0 2px 30px;text-decoration:none;cursor:pointer;line-height:1.6;background: url(../img/navigue/puce-navigue.gif) no-repeat 15px;border-bottom: 1px solid #d7d7d7; text-transform:uppercase;} #navigue a:hover {color:#FF6632;} /* NAVIGATION SOUS-RUBRIQUE */ #navigue ul li ul {margin: 0;background: url(../img/navigue/sous-navigue.jpg) no-repeat;border-bottom: 1px solid #d7d7d7; padding:0 0 0 30px} #navigue ul li ul a {background: url(../img/navigue/puce2.gif) no-repeat 0;padding:0.3em 0 0.3em 0.5em;font-weight:normal;width:auto;color:#666666;display:block; text-transform: none; text-decoration:underline;border: 0px; font-weight:bold} #navigue ul li ul a:hover {color: #FF6632} /* FOOTER */ #footer-gauche {background: url(../img/page/footer-gauche.gif) top repeat-x;} #footer-droite {background: url(../img/page/footer-droite.gif) top repeat-x;} #footer {background: url(../img/page/footer.gif) top no-repeat;height:90px; font-size:80%} #footer img {float:right; margin:0 5px 0 5px} #footer p {color:#666666; padding:10px 0 0 35px;} /* FORMULAIRES*/ form {margin: 0; padding:0} input,select,textarea {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0;background-color:#F0F0F0;} fieldset {border: none} /* label {display:block;padding: 5px 0} label br {clear:left} */ /* FORMULAIRE CONTACT */ #formcontainer #formset {padding: 10px;background-color: #FFF;border-top: #EEE 2px solid;border-right: #CCC 2px solid;border-bottom: #CCC 2px solid; border-left: #EEE 2px solid;} #formset p#legend {margin-bottom: 1em;} #formset p#legend em {color: #fcbe00;font-style: normal;} #formset #errors {margin: 0 0 10px 0;padding: 5px 10px 5px 35px;border: #FF6632 1px solid;background: url(img/oops.png) #FFC no-repeat 5px 5px;} #formset #errors p {margin: 0;} #formset #errors ul {margin: auto;margin-bottom: 0.5em;list-style: disc;} #formset #errors p em {color: #FF6632;font-style: normal;font-weight: bold;} #formset form p {margin: 0;} #formset form fieldset {margin: 0 0 1em 0;padding: 0.5em;border: #DDD 1px solid;} #formset form fieldset legend {font-weight: bold;color: #fcbe00;} #formset form fieldset div {padding: 0.25em 0;} #formset label.error, #formset span.error {color: #FF6632;} #formset label em, #formset span.label em {right: 0;font-size: 120%;font-style: normal;color: #0A246A;} #formset input.error {border-color: #FF6632;background-color: #FFFFCC;} #formset input:focus, #formset input.error:focus, #formset textarea:focus {background-color: #FFFFCC;border-color: #FF6632;} /*div#formset div ul { margin: 1.25em 0 1em 10em; list-style: none; } */ div#formset div ul li { float: none; } div#formset form fieldset div.controlset label, div#formset form fieldset div.controlset input { display: inline; float: none; } div#formset form fieldset div.controlset div { margin-left: 11em; } div#formset div.buttonrow { margin-left: 12em; }