/* ***** FEUILLE DE STYLE CSS DU SITE INTERNET RALLU TRANSPORTS***** /* Titre: Structure du site Auteur: Acreat Web Technologies Mise à jour: 05 Août 2006 */ /* CSS Document */ html { background:#FFFFFF } body { font:12px Arial, Verdana, Helvetica, sans-serif; color:#4B4B4B; text-align:center; line-height:140%; margin:0; height:100%; } #conteneur { width:780px; margin-top:10px; margin-left:auto; margin-right:auto; } #cadre_site { width:100%; height:100%; border-collapse:collapse; } #cadre_site #centre { width:780px; height:100%; } #cadre_site #pied_page01 { width:780px; background:url(img/degrade_pied_page01.gif) repeat-x top left; } #cadre_site .pied_page02 { width:100%; background:url(img/degrade_pied_page02.gif) repeat-x top left; } /* -------------------------------------------------------------------------------------- HAUT DE PAGE -------------------------------------------------------------------------------------- */ #entete { clear:both; width:780px; height:82px; } #entete #logo_rallu { float:left; margin:0; padding:0; margin-top:5px; } #entete #logo_rallu a { display:block; background:url(img/logo_rallu_transports.gif) no-repeat top left; width:184px; height:76px; float:left; } #entete #menu_principal { float:left; width:595px; height:53px; margin:0 auto; list-style-type:none; padding:0; } #entete #menu_principal li { float:left; list-style-type:none; height:53px; } #entete #menu_principal li span { display:none; } #entete #menu_principal li a, #entete #menu_principal li a:hover { display:block; height:53px; } /* [ Menu Principal version française]---------------------------------------------------- */ #entete #menu_principal a#societe, #entete #menu_principal a#societe_actif, #entete #menu_principal a:hover#societe { width:123px; } #entete #menu_principal a#societe { background:url(img/bouton_societe_off.png) no-repeat top left; } #entete #menu_principal a#societe_actif { background:url(img/bouton_societe_on.png) no-repeat top left; } #entete #menu_principal a:hover#societe { background:url(img/bouton_societe_on.png) no-repeat top left; } #entete #menu_principal #services, #entete #menu_principal a#services_actif, #entete #menu_principal a:hover#services { width:117px; } #entete #menu_principal #services { background:url(img/bouton_services_off.png) no-repeat top left; } #entete #menu_principal a#services_actif { background:url(img/bouton_services_on.png) no-repeat top left; } #entete #menu_principal a:hover#services { background:url(img/bouton_services_on.png) no-repeat top left; } #entete #menu_principal #qualite, #entete #menu_principal a#qualite_actif, #entete #menu_principal a:hover#qualite { width:117px; } #entete #menu_principal #qualite { background:url(img/bouton_moyens_off.png) no-repeat top left; } #entete #menu_principal a#qualite_actif { background:url(img/bouton_moyens_on.png) no-repeat top left; } #entete #menu_principal a:hover#qualite { background:url(img/bouton_moyens_on.png) no-repeat top left; } #entete #menu_principal #partenaires, #entete #menu_principal a#partenaires_actif, #entete #menu_principal a:hover#partenaires { width:119px; } #entete #menu_principal #partenaires { background:url(img/bouton_partenaires_off.png) no-repeat top left; } #entete #menu_principal a#partenaires_actif { background:url(img/bouton_partenaires_on.png) no-repeat top left; } #entete #menu_principal a:hover#partenaires { background:url(img/bouton_partenaires_on.png) no-repeat top left; } #entete #menu_principal #contacter, #entete #menu_principal a#contacter_actif, #entete #menu_principal a:hover#contacter { width:119px; } #entete #menu_principal #contacter { background:url(img/bouton_contacter_off.png) no-repeat top left; } #entete #menu_principal a#contacter_actif { background:url(img/bouton_contacter_on.png) no-repeat top left; } #entete #menu_principal a:hover#contacter { background:url(img/bouton_contacter_on.png) no-repeat top left; } /* [ Menu Principal version anglaise]---------------------------------------------------- */ #entete #menu_principal a#societe_uk, #entete #menu_principal a#societe_uk_actif, #entete #menu_principal a:hover#societe_uk { width:123px; } #entete #menu_principal a#societe_uk { background:url(img/bouton_societe_uk_off.png) no-repeat top left; } #entete #menu_principal a#societe_uk_actif { background:url(img/bouton_societe_uk_on.png) no-repeat top left; } #entete #menu_principal a:hover#societe_uk { background:url(img/bouton_societe_uk_on.png) no-repeat top left; } #entete #menu_principal #services_uk, #entete #menu_principal a#services_uk_actif, #entete #menu_principal a:hover#services_uk { width:117px; } #entete #menu_principal #services_uk { background:url(img/bouton_services_uk_off.png) no-repeat top left; } #entete #menu_principal a#services_uk_actif{ background:url(img/bouton_services_uk_on.png) no-repeat top left; } #entete #menu_principal a:hover#services_uk { background:url(img/bouton_services_uk_on.png) no-repeat top left; } #entete #menu_principal #qualite_uk, #entete #menu_principal a#qualite_uk_actif, #entete #menu_principal a:hover#qualite_uk { width:117px; } #entete #menu_principal #qualite_uk { background:url(img/bouton_moyens_uk_off.png) no-repeat top left; } #entete #menu_principal a#qualite_uk_actif { background:url(img/bouton_moyens_uk_on.png) no-repeat top left; } #entete #menu_principal a:hover#qualite_uk { background:url(img/bouton_moyens_uk_on.png) no-repeat top left; } #entete #menu_principal #partenaires_uk, #entete #menu_principal a#partenaires_uk_actif, #entete #menu_principal a:hover#partenaires_uk { width:119px; } #entete #menu_principal #partenaires_uk { background:url(img/bouton_partenaires_uk_off.png) no-repeat top left; } #entete #menu_principal a#partenaires_uk_actif { background:url(img/bouton_partenaires_uk_on.png) no-repeat top left; } #entete #menu_principal a:hover#partenaires_uk { background:url(img/bouton_partenaires_uk_on.png) no-repeat top left; } #entete #menu_principal #contacter_uk, #entete #menu_principal a#contacter_uk_actif, #entete #menu_principal a:hover#contacter_uk { width:119px; } #entete #menu_principal #contacter_uk { background:url(img/bouton_contacter_uk_off.png) no-repeat top left; } #entete #menu_principal a#contacter_uk_actif { background:url(img/bouton_contacter_uk_on.png) no-repeat top left; } #entete #menu_principal a:hover#contacter_uk { background:url(img/bouton_contacter_uk_on.png) no-repeat top left; } #entete #menu_langue { float:right; width:auto; height:23px; margin-bottom:5px; color:#54506F; font:bold 11px Arial, Verdana, Helvetica, sans-serif; text-align:left; border-collapse:collapse; } #entete #menu_langue td { background:url(img/cadre_langue.gif) repeat-x top left; } #entete #menu_langue td.cote { background:none; margin:0; padding:0; width:6px; } #entete #menu_langue a#langue_fr, #entete #menu_langue a#langue_fr_on, #entete #menu_langue a:hover#langue_fr, #entete #menu_langue a#langue_uk, #entete #menu_langue a#langue_uk_on, #entete #menu_langue a:hover#langue_uk { display:block; height:13px; margin-left:3px; } #entete #menu_langue a#langue_fr { width:25px; background:url(img/drapeau_fr_off.gif) no-repeat top left; margin-left:3px; } #entete #menu_langue a#langue_fr_on, #entete #menu_langue a:hover#langue_fr { width:25px; background:url(img/drapeau_fr_on.gif) no-repeat top left; margin-left:3px; } #entete #menu_langue a#langue_uk { width:26px; background:url(img/drapeau_uk_off.gif) no-repeat top left; } #entete #menu_langue a#langue_uk_on, #entete #menu_langue a:hover#langue_uk { width:26px; background:url(img/drapeau_uk_on.gif) no-repeat top left; } #bandeau { width:780px; height:280px; margin-top:10px; } /* -------------------------------------------------------------------------------------- PIED DE PAGE -------------------------------------------------------------------------------------- */ #pied_page { clear:both; width:780px; height:250px; background:url(img/degrade_pied_page01.gif) repeat-x top left; padding-top:5px; } #pied_page p { float:left; font-size:11px; color:#0075BD; padding-left:10px; margin-top:0px; } #pied_page a, #pied_page a:hover { float:right; font:11px Arial, Verdana, Helvetica, sans-serif; color:#719bb4; text-decoration:none; margin-right:10px; padding:0 2px 0 3px; } #pied_page a:hover { background:#b5d6e9; color:#FFFFFF; } /* -------------------------------------------------------------------------------------- DIVERS -------------------------------------------------------------------------------------- */ /* [ Bouton entrée version française & anglaise]---------------------------------------------------- */ #bouton_entree { width:780px; height:16px; margin-top:12px; padding-bottom:10px;} #bouton_entree a, #bouton_entree a:hover { display:block; width:780px; height:16px; } #bouton_entree a { background:url(img/bouton_entree_off.gif) no-repeat top left; } #bouton_entree a:hover { background:url(img/bouton_entree_on.gif) no-repeat top left; } #bouton_enter { display:block; width:780px; height:16px; margin-top:12px; padding-bottom:10px;} #bouton_enter a, #bouton_entree_uk a:hover { display:block; width:780px; height:16px; } #bouton_enter a { background:url(img/bouton_entree_uk_off.gif) no-repeat top left; } #bouton_enter a:hover { background:url(img/bouton_entree_uk_on.gif) no-repeat top left; } #barre_rubrique { width:780px; height:41px; background:url(img/barre_rubrique.png) no-repeat top left; text-align:left; font:10px Arial, Verdana, Helvetica, sans-serif; color:#8591a9; margin-bottom:10px; } #barre_rubrique img { padding:14px 0 0 3px; } #barre_rubrique #rubrique_selectionnee { float:left; padding-left:10px; height:41px; } #barre_rubrique #rubrique_selectionnee h1 { float:left; line-height:41px; font:bold 18px Trebuchet MS, Arial, Helvetica, sans-serif; color:#0076bd; margin-top:8px; } #barre_rubrique #arborescence { float:right; padding-right:10px; line-height:41px; } #barre_rubrique #arborescence a { font:10px Arial, Verdana, Helvetica, sans-serif; color:#8591a9; text-decoration:none; } #barre_rubrique #arborescence a#rubrique, #barre_rubrique #arborescence a:hover#rubrique { padding:0 2px 1px 1px; } #barre_rubrique #arborescence a#rubrique { color:#8591a9; text-decoration:underline; } #barre_rubrique #arborescence a:hover#rubrique { background:#8591a9; color:#FFFFFF; text-decoration:none; } #contenu_page { width:780px; margin:0; padding:0; margin:15px auto 15px auto; text-align:left; } #fond_rubrique_societe { width:780px; height:100%; margin-bottom:-15px; position:relative; border-collapse:collapse; } #fond_rubrique_societe #colonne_gauche { border-right:1px solid #CCD3E0; } /* -------------------------------------------------------------------------------------- PAGE LA SOCIÉTÉ -------------------------------------------------------------------------------------- */ #menu_secondaire { float:left; width:140px; padding:0; margin:0 auto; padding:0 10px 0 10px; list-style-type:none; } #menu_secondaire li { border-bottom:1px dotted #8E8BAB; padding-bottom:5px; } #menu_secondaire li a, #menu_secondaire li a:hover { display:block; width:130px; font:bold 14px Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; color:#043079; text-decoration:none; margin:5px 0 5px 0; } #menu_secondaire li a:hover, #menu_secondaire li a#actif { background:#0076BD; color:#FFFFFF; } #presentation_societe { float:right; width:610px; } #presentation_societe p { z-index:1; width:342px; text-align:left; text-indent:8px; margin:0; padding:0; padding:0 10px 5px 10px; } #presentation_societe #batiment { z-index:1; width:334px; height:234px; margin-left:10px; margin-bottom:10px; margin-top:10px; } #presentation_societe #carte { z-index:10; float:right; width:246px; margin:0; padding:0; } /* -------------------------------------------------------------------------------------- PAGE NOS SERVICES -------------------------------------------------------------------------------------- */ #services01 p { text-indent:8px; margin:0 auto; padding:0; margin:15px 10px 10px 10px; } #services01 table { width:100% } #services01 td { vertical-align:top; padding-top:8px; } #services01 td p { margin-top:0; } #services01 td.visuel { width:100px; } #services01 a.titre, #services01 a:hover.titre, #services01 a:visited.titre { display:block; cursor: default; background:#FFFFFF url(img/fleche01.gif) no-repeat center left; background-position:2px; font:bold 12px Arial, Verdana, Helvetica, sans-serif; color:#0076BD; height:25px; line-height:25px; border-bottom:1px dotted #0076BD; padding-left:24px; margin-left:15px; margin-top:10px; } #services01 a.titre, #services01 a:visited.titre { color:#043079; text-decoration:none; } #services01 a:hover.titre { color:#FFFFFF; background:#0075BD url(img/fleche02.gif) no-repeat center left; background-position:2px; text-decoration:none; } #services01 a.en_savoir_plus, #services01 a:hover.en_savoir_plus, #services01 a:visited.en_savoir_plus { background:url(img/picto_feuille.gif) no-repeat top left; font:bold 12px Arial, Verdana, Helvetica, sans-serif; color:#0076BD; padding-left:17px; margin-left:15px; } #services01 a.en_savoir_plus { text-decoration:underline; } #services01 a:hover.en_savoir_plus, #services01 a:visited.en_savoir_plus { text-decoration:none; } /* -------------------------------------------------------------------------------------- PAGES QUALITÉ -------------------------------------------------------------------------------------- */ #qualite01 #animation_camion { margin-left:30px; } #qualite01 p { text-indent:8px; margin:0 auto; padding:0; margin:15px 10px 10px 10px; } #qualite01 p.texte01 { color:#0076BD; font-weight:bold; margin-bottom:20px; } #qualite01 ul#liste01 { float:left; width:370px; margin:0 auto; list-style-type:none; padding:0; margin-left:30px; } #qualite01 ul#liste01 li { background:url(img/fleche01.gif) no-repeat top left; list-style-type:none; height:25px; border-bottom:1px dotted #0076BD; margin:8px 0 5px 0; } #qualite01 ul#liste01 li span { margin-left:22px; } #qualite01 ul#liste01 li a, #qualite01 ul li a:hover { font:12px Arial, Verdana, Helvetica, sans-serif; margin:0; padding:0; margin-left:22px; } #qualite01 ul#liste01 li a { color:#043079; padding-top:10px; margin-top:10px; text-decoration:underline; } #qualite01 ul#liste01 li a:hover { color:#FFFFFF; background:#0075BD; margin-top:20px; padding:0 2px 0 2px; text-decoration:none; } #qualite01 ul#liste01 li a:visited { color:#043079; background:#FFFFFF; margin-top:20px; padding:0 2px 0 2px; text-decoration:none; } #qualite01 ul.liste02 { float:left; width:350px; margin:0 auto; list-style-type:none; padding:0; margin-left:10px; } #qualite01 ul.liste02 li, #qualite01 ul.liste03 li, #qualite01 ul.liste04 li, #qualite01 ul.liste05 li { background:url(img/fleche01.gif) no-repeat top left; background-position:0 center; list-style-type:none; line-height:20px; border-bottom:1px dotted #0076BD; padding:5px 0; margin:0 0 5px 0; padding-left:22px; } #qualite01 ul.liste04 .vide { list-style-type:none; background:none; border:0px; } #qualite01 ul.liste04 .sous_liste01 { width:450px; margin:0 auto; list-style-type:none; padding:0; margin:5px 0 0 10px; } #qualite01 ul.liste04 .sous_liste01 li { background:url(img/puce01.gif) no-repeat top; background-position:0px center; font:11px Arial, Verdana, Helvetica, sans-serif; color:#043079; margin:0 auto; list-style-type:none; padding:0; margin-left:10px; padding-left:13px; border-bottom:none; } #qualite01 ul.liste03 { float:left; width:560px; margin:0 auto; list-style-type:none; padding:0; margin-left:10px; } #qualite01 ul.liste04 { float:left; width:490px; margin:0 auto; list-style-type:none; padding:0; margin-left:10px; } #qualite01 ul.liste05 { float:left; margin:0 auto; list-style-type:none; padding:0; margin:0 10px 0 10px; } #qualite#titre { text-align:center; } #qualite #titre01 { width:780px; margin-right:auto; margin-left:auto; } #qualite01 #titre01 h2 { width:200px; font:bold 16px Trebuchet MS, Arial, Helvetica, sans-serif; color:#0076bd; text-align:center; border-bottom:2px solid #0076bd; margin:0; padding:0; margin-right:auto; margin-left:auto;} #qualite01 #titre01 h2 span { font:14px Trebuchet MS, Arial, Helvetica, sans-serif; color:#4B4B4B; } #visuel_stockage01 { margin:20px 0 0 10px; } .visuel_stockage02 { margin:40px 0 0 10px; clear:both; } #visuel_systeme_info01 { margin:0 10px 0 10px; } #logo_xbee { text-align:right; float:right; margin-right:20px; margin-left:5px; margin-bottom:5px; margin-top:8px; } #visuel_xbee { text-align:left; float:left; margin-left:10px; margin-right:5px; margin-bottom:10px; } #qualite01 a.lien01,a.lien01:hover { font:12px Arial, Verdana, Helvetica, sans-serif; text-decoration:underline; } #qualite01 a.lien01 { color:#043079;} #qualite01 a.lien01:hover { color:#FFFFFF; background:#043079; } /* -------------------------------------------------------------------------------------- PAGE NOS PARTENAIRES -------------------------------------------------------------------------------------- */ #nos_partenaires { padding:10px; padding-bottom:25px; } #nos_partenaires h2 { width:95%; text-align:left; margin:0; padding:0; padding-left:5px; margin-right:10px; font:bold 14px Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; color:#043079; border-bottom:1px dotted #0076BD; border-left: 3px solid #0076BD; padding-bottom:4px; } #nos_partenaires h3 { text-align:left; height:20px; font:bold 12px Arial, Verdana, Helvetica, sans-serif; color:#0076BD; margin:0; padding:0; padding-left:20px; margin:8px 0 0 10px; background:url(img/fleche01.gif) no-repeat top left; } #nos_partenaires span { font:12px Arial, Verdana, Helvetica, sans-serif; color:#4B4B4B; } #nos_partenaires #logo_tdlr { float:left; margin:0 10px 0 10px; border:0; } #nos_partenaires #logo_destrudata { float:left; margin:20px 10px 0 10px; border:0; } #nos_partenaires #logo_acreat { float:left; margin:5px 5px 0 5px; border:0; } #nos_partenaires .tableau { width:100%; border-collapse:collapse; } #nos_partenaires .tableau#ligne_tableau { margin-top:20px; } #nos_partenaires .colonne { width:48%; } /* -------------------------------------------------------------------------------------- PAGE NOUS CONTACTER -------------------------------------------------------------------------------------- */ #cadres_coordonnees p { font:12px Arial, Verdana, Helvetica, sans-serif; color:#4b4b4b; text-align:left; margin:0; padding:0; margin:10px 10px 0 10px; } #cadres_coordonnees p.texte01 { font-weight:bold; color:#043079; border-bottom: 1px dotted #0076BD; margin:10px 10px 10px 10px; padding-bottom:4px; } #cadres_coordonnees p.texte02 { font:12px Arial, Verdana, Helvetica, sans-serif; color:#043079; text-align:left; margin:0; padding:0; margin:10px 10px 10px 10px; } #cadres_coordonnees #adresse, #cadres_coordonnees #telephone, #cadres_coordonnees #fax, #cadres_coordonnees #mail { width:182px; height:151px; background:url(img/cadre_coordonnees.png) no-repeat top left; margin-left:7px; } #cadres_coordonnees a, #cadres_coordonnees a:hover { font:12px Arial, Verdana, Helvetica, sans-serif; text-decoration:underline; } #cadres_coordonnees a { color:#043079; } #cadres_coordonnees a:hover { color:#FFFFFF; background:#043079; } #cadres_coordonnees h2 { height:34px; text-align:left; margin:0; padding:0; padding-left:35px; font:bold 14px Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; color:#FFFFFF; } #cadres_coordonnees #adresse h2 { background:url(img/entete_adresse.png) no-repeat top left; line-height:30px; } #cadres_coordonnees #telephone h2 { background:url(img/entete_telephone.png) no-repeat top left; line-height:30px; } #cadres_coordonnees #fax h2 { background:url(img/entete_fax.png) no-repeat top left; line-height:30px; } #cadres_coordonnees #mail h2 { background:url(img/entete_mail.png) no-repeat top left; line-height:30px; }