* { margin:0; padding:0; list-style-type:none; border:0px none; font-family:Arial, Helvetica, Verdana, sans-serif; font-weight:normal; font-size:98%; color:#4f545f; } /*-------------------- HACK HAUTEUR IE -------------------- */ * html #main-padding { height: 400px; } * html #side { height: 400px; } * html .bloc { height: 300px; } * html #diaporama { height: 310px; } * html .bloc-home { height: 255px; } * html .bobox { height: 35px; } /* -------------- LIENS -------------------- */ a { text-decoration:none; color:#FD2000; } #main-padding #main a,#main-padding #main a:visited, #main-padding #main a:active { text-decoration:none; color:#000; } #main-padding #main a:hover { text-decoration:none; color:#fd2000 ; } #main-padding #main .detail a, #main-padding #main .detail a:visited { color:#fd2000 ; font-style:italic; background:url('images/_angevin/picto-detail.png') no-repeat left center; padding:0 0 0 14px; margin:0.3em 0; } .detail-2 a, .detail-2 a:visited { background:transparent url('images/_angevin/picto-lien.png') no-repeat scroll left center; color:#23303C; font-size:1.1em; font-style:italic; padding:0 0 0 14px; } /* ------------ STRUCTURES ------------------ */ /* border:1px dotted #ff0000; ----- pour debug*/ html { } body { background:#fff url('images/_angevin/body.png') top center repeat-x; margin:0; } #deco{ } #box { width:950px; margin:0 auto; background:transparent url('images/_angevin/bg-box.png') no-repeat left top;} #cadre_main {} #header { margin: 0; height:343px;} /* BG-BLOC EN BACGROUND + CONTENT = wrapper */ #bloc-header {line-height:100%;margin:0;position:relative;height:343px;width:950px;} #bg-bloc {display:block;position:absolute;width:950px;height:345px;} #content { height:100%; left:0; position:absolute; text-align:center; top:0; width:100%;} #breadcrumb { height:30px; } /* ------------ MENU TOP ------------------ */ #side-top { float:left; width:950px; margin:0.3em 0 0.5em 0; text-align:left;} #side-top { } #side-top ul {margin:0; padding:0; } #side-top li { display:block; float:left; margin:0 0 0 1.2em; padding:0; } #side-top li a { padding:0; color:#656d74; font-style:normal; background:none; } #side-top li a:hover { color:#181818; } /* ------------ MENU LEFT ------------------ */ #side-left {float:left; width:200px; margin:50px 0 0 0px; text-align:left;} #side-left { } #side-left ul {margin:0x 0 0.3em 0; padding:0; } #side-left li { line-height:1.2em; color:#fff; font-size:1em; text-transform:uppercase; } #side-left span.title { display:block; font-style:italic; padding-left:14px; margin:0.5em 0 0 0; color:#d7d7d7; } #side-left li a { font-style:normal; background:url('images/_angevin/picto-lien.png') no-repeat left center; } #side-left li a {text-transform:uppercase; padding:0; color:#fff; font-style:normal; background:none; } #side-left li a:hover { color:#fd2000; background:url('images/_angevin/picto-lien.png') no-repeat left center; } #side-left li ul li a {text-transform:none; padding:2px 5px 2px 14px; color:#fff; font-style:normal; background:none; } #side-left li ul li a:hover {color:#fd2000; background:url('images/_angevin/picto-lien2.png') no-repeat left center; } /* ------------ MOTEUR DE RECHERCHE ------------------ */ #side-moteur { width:950px; padding-bottom:7px; border-bottom:1px solid #727272; } #side-moteur div {float:left; padding:7px; color:#000; font-size:1.1em;} .formulaire2 { margin-left:215px;} .formulaire2 label{ margin-left:10px; font-size:0.9em; color:#4a4e51;} .formulaire2 select { background:#fff; border:1px solid #706868;color:#000000;margin:5px 0;padding:3px;width:120px;} .formulaire2 option { color:#000000;} .formulaire2 input { vertical-align:middle;} /* ------------ MAIN 750 ( 750 px site 2 colonnes ) -------------------- */ #main-padding { display:block; float:left; margin:0 0 0 0; width:950px; } #main-padding #main { margin:0; display:block; } #main-padding #main ul { margin:8px 0; } #main-padding #main li { padding:2px 0 2px 12px; margin:0 0 0 20px; list-style-type:disc;} #main-padding #main p { line-height:1.5em; margin:10px 0; text-align:left;} #main-padding #main p strong { color:#FFF;} /* ------------ BLOC HOME 1 ------------------ */ .bloc-home-1 {width:693px; margin:7px 0px; float:left;} .bloc-home-1 h3 { font-size:1.5em; height:67px; } .bloc-home-1 .pic {float:right; margin-left:10px; } .bloc-home-1 .pic img { } /* changer marge suivant largeur vignette */ .bloc-home-1 .pic img {border-bottom:1px solid #181818; } .bloc-home-1 a:hover img {border-bottom:1px solid #d0152f; } .bloc-home-1 .descriptif { } #main .bloc-home-1 p {text-align:justify;} .bloc-home-1 .detail {padding:10px 0; } .bloc-home-1 .prix { padding:10px 0 0 15px; } /* ------------ BLOC HOME AFFAIRES ------------------ */ .bloc-home-affaires {width:224px; float:right;} .bloc-home-affaires h4 { font-size:1em; height:34px; -height:44px; padding-right:20px; } .bloc-home-affaires .bloc { padding-top:3px; background:transparent url('images/_angevin/bg-bloc.png') no-repeat left top;} .bloc-home-affaires h3 { margin-top:0.5em; font-size:1.5em; } .bloc-home-affaires h3 span { font-size:1.2em; color:#FFF;} .bloc-home-affaires .pic { text-align:center; } .bloc-home-affaires .pic img {border-bottom:1px solid #181818; } .bloc-home-affaires a:hover img {border-bottom:1px solid #d0152f; } .bloc-home-affaires .detail { margin-left:15px;} /* ------------ BLOC HORAIRES page home ------------------ */ .bloc-horaires {display:inline-block; width:700px; margin:7px 0; float:left; padding-top:3px;} .bloc-horaires .bloc { display:inline-block; width:700px; background:transparent url('images/_angevin/bg-horaires.png') no-repeat left top;} .bloc-horaires .pic { display:block; float:left; margin:10px; } .bloc-horaires .horaires { display:block; float:left; width:160px; height:200px; font-size:0.8em; -margin-top:10px; } .bloc-horaires .horaires fieldset { width:150px; } /* ------------ BLOC HORAIRES page plan ------------------ */ .bloc-plan {display:inline-block; width:950px; margin:7px 0; float:left; padding-top:3px;} .bloc-plan .bloc { display:inline-block; width:950px; background:transparent url('images/_angevin/bg-plan.png') no-repeat left top;} .bloc-plan .pic { display:block; float:left; margin:10px; } .bloc-plan .horaires { display:block; float:left; width:160px; height:200px; -margin-top:10px; } .bloc-plan .horaires fieldset { width:250px; } /* ------------ BLOC HOME PLAN ------------------ */ .bloc-home-plan {width:224px; float:right; margin:7px 0; padding-top:3px;} .bloc-home-plan h4 { font-size:1em; padding-right:20px; } .bloc-home-plan .bloc { padding-top:3px; background:transparent url('images/_angevin/bg-bloc.png') no-repeat left top;} .bloc-home-plan .pic { text-align:center; } /* ------------ BLOC PRODUIT 1 ( 720 px site 2 colonnes ) ------------------ */ .bloc-produit-1 { display:inline-block; padding-bottom:15px; width:900px; margin:10px 25px; border-bottom:1px dotted #979fa6; -border-bottom:1px solid #979fa6; } .bloc-produit-1 h3 { } .bloc-produit-1 .titre { float:left; font-size:1.2em; } .bloc-produit-1 .caracteristiques { margin-left:0px; width:250px; font-size:1em; } .bloc-produit-1 .pic {float:left; } .bloc-produit-1 .pic img {margin-left:0px;} /* changer marge suivant largeur vignette */* .bloc-produit-1 a img {border-bottom:0px solid #181818; } .bloc-produit-1 a:hover img {border-bottom:1px solid #d0152f; } .bloc-produit-1 .descriptif {margin-right:5px; float:right; width:670px; }/* changer le float pour placement*/ .bloc-produit-1 p { margin:5px 10px; font-size:1em; } .bloc-produit-1 .detail {padding:10px 0 0 0px; float:right;} .bloc-produit-1 .detail a img {border:0px solid #d5d5d5; } .bloc-produit-1 .prix { float:right; padding:0px 0 0 0px;width:200px;text-align:right;} .bloc-produit-1 .bottom { width:720px; height:20px; background:url('images/_angevin/separation.jpg') bottom left repeat-x; } .bloc-produit-1 .left { float:left; width:240px; } .bloc-produit-1 .right{ margin-right :5px;float:left; width:450px;} /* ------------EQUIPE--------------------- */ .equipe { display:inline-block; padding-bottom:15px; width:900px; margin:10px 40px 0 10px; border-bottom:1px dotted #979fa6; -border-bottom:1px solid #979fa6;} .equipe p { width:500px; line-height:1.5em; font-size:1em; } .equipe img { float:right; margin-right:70px; } .bloc-recrutement { background:url('images/_angevin/bg-top.png') top left no-repeat; display:inline-block; padding-bottom:15px; margin:10px 0px; border-bottom:1px dotted #979fa6; -border-bottom:1px solid #979fa6; } .bloc-recrutement h3 { padding:0 15px; } .bloc-recrutement .descriptif { padding:0 15px; } .bloc-recrutement .nom { font-size:1.2em; color:#000;} /* ------------ PARTENAIRES ------------- */ #partenaire { margin:20px auto; width:900px; } #partenaire .liens { margin:0 0 0 10px; } #partenaire p { width:450px; } #partenaire .thumbpic_liens { float:right; margin:0 50px 5px 10px; border:1px solid #d7d7d7; } #partenaire a { background:url('images/_angevin/picto-lien2.png') no-repeat left center; padding-left:14px; } #partenaire a:hover { text-decoration:underline;} /* ------------ PLAN --------------------- */ .plan, .horaires {margin:0 auto; padding:5px 0x;} .plan, fieldset {width:606px;} .plan legend, .horaires legend { font-size:1.2em; font-weight:bold;} .plan dl dt, .horaires dl dt{font-weight:bold; } .plan dl dd, .horaires dl dd{ padding-left:5px; } .horaires ul li{width:200px; padding-left:5px; } .plan a, .horaires a {} .plan a:hover, .horaires a:hover, .plan a:visited, .horaires a:visited { text-decoration:underline;} /* ------------ NAV PAGINATION ------------------ */ .nav { margin: 10px; text-align:right;} .nav a:link, .nav a:visited { padding:3px 7px; background:transparent; color:#d7d7d7; border:1px solid #d7d7d7; } .nav a:hover { background:transparent; color:#FD2000; border:1px solid #FD2000; text-decoration:none; } .nav .actuel{ font-weight:bold; padding:3px 7px; border:1px solid #000; color:#000; background:transparent;} /* ------------ COMMUNS (dans la charte du site) --------------------- */ .prix { font-weight:bold; font-size:1.2em; margin:0px 0; padding:5px 0;} .titre { display:block; float:left; padding:0 0 5px 0px; font-weight:bold; font-size:1.4em; color:#000; width:380px;} .marque{ float:right; font-size:1.2em; font-style:italic; margin:0px 0px 0 0; padding:0 0 5px 0;} .prix-barre { font-size:1em; text-decoration:line-through;color:#666; } h2, h3 { color:#000; } h2 { font-size:1.2em; } h3 { font-size:1.6em; margin:0.3em 0; } h3 a { background:url('images/_angevin/picto-lien.png') center left no-repeat; padding:0 0 0px 14px; } h4 { font-size:1.1em; text-align:left; margin:0.3em 0; color:#181818; background:url('images/_angevin/picto-titre.png') top left no-repeat; padding:0 0 0px 14px; } strong { font-weight:bold; } .separation { width:900px; height:20px; border-bottom:1px dotted #979fa6; -border-bottom:1px solid #979fa6; } /* ------------ ICONS --------------------- */ .icon-pdf { float:left; padding: 10px 20px 2px 0; display:block; } .icon-pdf a { background: url('images/icons/pdf.png') no-repeat left center; padding:3px 20px 3px 20px; border:0px solid #000; margin-bottom:5px;color:#ffe9ae; font-style:italic;} .icon-pdf a:hover { filter:alpha(opacity=100); opacity: 1; -moz-opacity: 1; text-decoration:none } .icon-pdf a:visited { color:#f87d2b; } .icon-link { float:left; padding: 10px 20px 2px 0; } .icon-link a { background: url('images/_angevin/picto-lien.png') no-repeat left center; padding:3px 20px 3px 14px; border:0px solid #000; margin-bottom:5px; color:#ffe9ae; font-style:italic;} .icon-link a:hover { filter:alpha(opacity=100); opacity: 1; -moz-opacity: 1; text-decoration:none } .icon-link a:visited { color:#f87d2b; } /* ------------ ICONS --------------------- */ .hidden, .menu-ref, .produit-ref { visibility:hidden; overflow: auto; display:none;} .retour { float:right; text-align:right; margin:5px; padding:7px 15px; background:url('images/_angevin/picto-retour.png') left center no-repeat;} .retour a { display:block; padding:0px 0 0 0px; } .retour a:hover { text-decoration:none; } .open { padding:0px 17px 0 0px; background:url('images/picto-open.png') center right no-repeat; } .top { float:right; margin:5px; } .top a { font-size:0.9em; color:#333333; } /* Skinner couleur */ div.hr { height: 10px; clear:both; background:url('images/filet.png') bottom left repeat-x; margin:0; } div.hr hr { display: none; } .vide {display:block; width:300px; height:500px; font-weight:bold; margin:0 auto; padding-top:30px;} .alerte { text-align: left ; margin:0 auto; width:500px; padding: 5px 0px; font-weight:bold; color:#F93; } .alerte ul li{ display:block; text-align:left; } div.hr { height: 10px; clear:both; background:url('images/separation.gif') bottom left repeat-y; margin:0 0 0 9px; } div.hr hr { display: none; } .alerte { color:#fff; background:#959da4; background-position: 15px 50%; /* x-pos y-pos */ text-align:center; padding: 5px 20px 5px 45px; border-top: 1px solid #d5d7d9; border-bottom: 1px solid #d5d7d9; font-weight:bold; } /* ------------RECHERCHER--------------------- */ #recherche {width:240px; display:block;} #recherche form { margin:0 auto; width:180px; } #recherche select { font-size:0.9em; border:1px solid #d5d5d5; vertical-align:middle; width:180px; color:#000; } #recherche .input-rech { padding:2px; font-size:0.9em; border:1px solid #4D2033; vertical-align:middle; width:180px; } #recherche option { padding:2px; color:#000;} #recherche input, #recherche select { vertical-align:middle; margin-bottom:5px; } #recherche label { float:left; width:150px; margin:2px 0; font-weight:bold; color:#FFFFFF;} #recherche img { height:auto; size:auto; } /* ------------ TRI ------------------ */ .tri { padding:5px 7px; color:#DACCB7; width:500px; margin:0 ; } .formulaire radio, .formulaire label, .formulaire input, .formulaire textarea, .formulaire select { float: left; vertical-align:middle; color:#000000; } .tri select { border:1px solid #4D7C8D; padding:3px; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:1em; } .tri option { width:100px; border-bottom:1px solid #d7d7d7; padding:2px 0;color:#000000; } /* charter bg couleur */ .tri option:hover, .formulaire option:focus{background:#000; color:#fff;} /* ------------ FORMULAIRE ------------------ */ .formulaire { display:block; padding:5px 0; color:#DACCB7; width:600px; margin:0 auto;} .formulaire radio, .formulaire label, .formulaire input, .formulaire textarea, .formulaire select { float: left; margin-bottom:10px; vertical-align:middle; } .formulaire label { text-align: left; width: 200px; margin-right: 10px; color:#000; font-weight:bold; } /*LABEL 1 SEULE LIGNE AVEC INPUT EN DESSOUS*/ .formulaire .label-titre { text-align: left; width: 500px; font-weight:bold; clear:both;} .formulaire input, .formulaire textarea, .formulaire select { border:1px solid #9fa4a9; padding:3px; color:#000; background:#e2e2e4; font-family:Arial, Helvetica, sans-serif; font-size:1em; } .formulaire input, .formulaire textarea{ width:150px; } /* charter bg couleur */ .formulaire option { width:180px; border-bottom:1px solid #00435C; padding:2px 0; } /* charter bg couleur */ .formulaire .bouton { width:120px; cursor:pointer; border:1px solid #9fa4a9; color:#fff; font-weight:bold; background:#22313f; padding:2px } .formulaire option:hover, .formulaire option:focus{background:#000; color:#fff;} .formulaire .input-radio { background:transparent; border:0px solid #fff; width:auto; } .formulaire .input-radio:hover { border:none; } .formulaire br { clear: left; } .formulaire img { width:auto; height:auto; } /* ------------DETAIL / DIAPORAMA ------------------ */ #diaporama { margin:0px 0 0 0; min-height:300px; width:340px; float:left;} #diaporama .thumb { width:330px; float:left; } #diaporama .thumb img { margin: 5px 2px 5px 0; border:0px solid #d5d5d5; } #diaporama .big img { float:left; border-bottom:0px solid #181818; } .contenu { display:block; width:590px; text-align:left; float:left; } .caption { text-align:left; height:40px; } .detail-fiche { text-align:left; } .detail-fiche .couleur { font-size:1.3em; color:#fff; font-weight:bold; } .detail-fiche .price { background:#979aa4; } /* ------------ PHOTOTHEQUE ------------------ */ #phototheque { margin:30px 0 0 0; } #phototheque .pic { float:left; margin:0 10px 10px 0; border:4px solid #EEE6C3; width:90px; height:90px; } #phototheque .pic img { width:90px; height:90px; } #phototheque .pic:hover, #phototheque .pic:focus { border:4px solid #821E19; } /* ------------ TABLE ------------------ */ table { width:100%; border-collapse:collapse; } th, td { border-bottom: 1px solid #dddfe1; padding:4px 0; text-align: left; vertical-align:text-top; } th { width:200px; font-weight:bold; } td { padding:5px; } /* ------------ COMBO ------------------ */ #combo { margin:5px 0 10px 0; } #combo select { border:1px solid #c0c4d5; padding:1px; } #combo label { padding-left:20px; background:url('images/search-folder-blue.gif') no-repeat left center; } /* ------------ FIELDSET --------------------- */ #r fieldset {border:1px solid #CCC;margin-left:0px; padding:15px;width:620px; margin-top:15px;} #r fieldset a, #r fieldset a:visited { background:url('images/_angevin/picto-titre.png') no-repeat left center; padding:0 0 0 14px; } /* ------------ DL DT DD ------------------ */ dl { margin: 5px 0; display:block; float:left;} dl h3{ color:#2E9D07; text-transform:uppercase; } dt, dd { padding:5px 10px; } dt { width: 170px; float: left; font-weight: bold; text-transform:uppercase; } /* hack de commentaire avec un antislash pour ie5 mac \*/ dt { clear:both; } /* end hack */ dd { float: left; line-height:1.4em; width:400px; } /* ------------ DEBUT SITEMAP ------------------ */ #sitemap { padding:0 15px;} #sitemap a { color:#333; padding-left:5px; } #sitemap a:hover { color:#FC6A43;} #sitemap h2 a {color:#000; text-decoration:none;font-size:1em;font-weight:bold;} #sitemap p{list-style-type:none; background: url('images/_angevin/picto-lien2.png') no-repeat left center; list-style-position:inside; float:left; font-size:0.9em; width:230px; } #sitemap p a { text-decoration:none; margin-left:18px; } #produits{display:none;} /* ------------ FIN SITEMAP ------------------ */ /********************************************************* PIED DE PAGE **********************************************************/ /* ------------ FOOTER ------------------ */ #footer { margin:40px 0 0 0; padding:0; width:950px; height:90px; background:url('images/_angevin/bg-footer.jpg') bottom center no-repeat;} #footer .footer-content {width:950px; margin:10px auto; } #footer .logo { float:left; text-align:left; } #footer .logo img { margin-bottom:0px;} #footer .rcs { font-size:0.8em; clear:both; margin:0px 0px 0 0px; color:#999999;} #footer .adresse-dynamique { float:right; width:725px; display:inline-table; font-size:0.9em; text-align:right; margin-top:5px;} #footer .adresse-dynamique span { margin-left:5px; } #footer .adresse-contact { float:right; display:inline-table; margin-left:25px; } #liens { margin:0px 0px 0 0; padding-bottom:10px; text-align:left; } #liens a { font-weight:normal; word-spacing: 0.4em; text-transform:uppercase; margin-right:15px;} #liens a:hover { } .rcs { } #copyright { text-align:center; font-size:0.9em; margin:5px auto; color:#656d74; width:950px; } #copyright a { color:#656d74; } /* ------------ FOOTER - CATEGORIES ------------------ */ #categories-r {width:950px; text-align:center; margin:0 auto; } #categories-r, #categories-r a { text-align:center; text-decoration:none; font-size:0.8em; font-weight:100; color:#777;} #categories-r a:hover { color:#FD2000;} #categories-r p { margin:5px;} /* hack clear float */ .clr { clear: both; } /* ------------ FOOTER - CATEGORIES ------------------ */ #script { color:#fff; text-align:center;} /*----------------réseau-liens-----------------------------*/ #reseau-lien, #reseau-lien a, #reseau-lien a:hover { font-size:0.9em; font-weight:100; text-align:center; text-decoration:none; } #reseau-lien { margin:0 auto; text-align:center; }