/* 1316 Carré grenat + clair pour titres : AB2328 carré Orange du vin blanc : CB6015 carré Rouge du vin tradition : 782F40 carré Noir du vin 4 saisons : 1D252D carré Gris du vin cuvée fodateurs : 888B8D carré Violet du rosé gourmandise : 981D97 */ /* Général */ body {background:#691316;font-family:"Times", "Times New Roman", serif;} #gariotte {display:block;position:absolute;top:500px;left:50%;margin-left:-725px;} a {color:#000;text-decoration:none;} a:hover {color:#000;text-decoration:underline;} p {line-height:1.2em;font-size:1.2em;} h1 {font-size:2em;color:#691316;padding-left:60px;background:transparent url('../images/puce_home_menu_40.png') 0 -4px no-repeat;padding-bottom:0.6em;} h2 {font-size:1.2em;font-weight:bold;} h3 {font-size:1.0em;font-weight:bold;margin-bottom:0;} table {font-size:0.9em;} table td {vertical-align:top;} table {} th {background:#efefef;text-align:center;border:1px #aaa solid;} td {border:1px #691316 solid;font-size:1.2em;} td.or, td.argent, td.bronze {width:12%;} td.or {background:#dbdd3d;} td.argent {background:#93938e;} td.bronze {background:#b3801e;} .container {padding-top:10px;} #header {height:70px;background:transparent url('../images/back_top.png') 23px 64px no-repeat;padding-left:23px;padding-right:23px;} #body {background:transparent url('../images/back_middle.png') 24px 0 repeat-y;} #footer {height:70px;background:transparent url('../images/back_foot.png') 24px 0px no-repeat;} .align_center {text-align:center;} .red_color {color:#AB2328;} .grey_block {background:transparent url('../images/texture_2.png');padding:1em;margin-bottom:1em;font-size:1.2em;border:1px #aaa solid;} /******************************************************************************** * header ********************************************************************************/ #header .search {float:right;margin-top:20px;} #header .search label {color:#FFF;font-size:1.2em;} #header .search input {width:120px;border:none;height:26px;background:transparent url('../images/back_search.png') no-repeat;} #header .search input.submit {width:26px;color:#FFF;background:transparent url('../images/back_search_ok.png') no-repeat;font-size:0.9em;} #header .search input.submit:hover {color:#000;} ol.search {color:#666;} ol.search li {background:#efefef;padding:1em;} ol.search li h2 {color:#666;} ol.search li {color:#666; border-bottom:5px #FFF solid;border-top:2px #eee solid;} ol.search li a:before {content: '>>';} /******************************************************************************** * block_left ********************************************************************************/ #block_left {background:transparent url('../images/silhouettes_bouteilles.png') 65px 100% no-repeat;padding-bottom:220px;} #block_left ul.menu {margin:0;padding:0;list-style-type:none;margin-left:-10px;} #block_left .menu li {padding-left:60px;background:transparent url('../images/puce_home_menu.png') 0 10px no-repeat;font-size:2.0em;line-height:2.5em;} #block_left .menu a {color:#9d9ea1;text-transform:uppercase;text-shadow:2px 2px 4px #999;} #block_left .menu a:hover {color:#782F40;} #block_left .menu ul a {color:#000;} #block_left ul.menu ul {font-size:0.3em;list-style-type:none;margin:0;padding:0;margin-top:-10px;} #block_left ul.menu ul li {background-image:none;padding-left:5px;line-height:1.4em;} #block_left ul.menu ul a {display:table-cell;text-transform:inherit;height:35px;vertical-align:middle;padding-left:45px;background:transparent url('../images/puce_gris.png') 0px -5px no-repeat;} #block_left ul.menu ul a.quatre-saison {background-image:url('../images/puce_noir.png');} #block_left ul.menu ul a.rouge {background-image:url('../images/puce_rouge.png');} #block_left ul.menu ul a.rose {background-image:url('../images/puce_rose.png');} #block_left ul.menu ul a.orange {background-image:url('../images/puce_orange.png');} #block_left ul.menu ul a:hover {background-image:url('../images/puce_blanc.png');color:#691316;} #block_left ul.menu ul ul {font-size:0.4em;color:#aaa;margin:1.6em 1em;} #block_left ul.menu ul ul li {line-height:1.2em;} #block_left ul.menu ul ul a {color:#aaa;} #block_left ul.menu a.is_current {color:#691316;font-weight:bold;} #block_left ul.menu li.nos-vins li a {background-image:url('../images/puce_orange.png');} #block_left ul.menu li.notre-cave li a {background-image:url('../images/puce_cave.png');} #block_left ul.menu li.notre-vignoble li a {background-image:url('../images/puce_vignoble.png');} #block_left ul.menu li.nos-hommes li a {background-image:url('../images/puce_hommes.png');} #block_left ul.menu li li.le-rouge-fondateurs a {background-image:url('../images/puce_fondateur.png');} #block_left ul.menu li li.le-4-saisons a {background-image:url('../images/puce_4saisons.png');} #block_left ul.menu li li.le-tradition a {background-image:url('../images/puce_tradition.png');} #block_left ul.menu li li.le-rose-gourmandise a {background-image:url('../images/puce_rose.png');} #block_left ul.menu li li.le-blanc a {background-image:url('../images/puce_vin_blanc.png');} .le-rouge-fondateur #block_left {background-image: url('../images/photos_verres_alignes.html');} /******************************************************************************** * sous menu droite ********************************************************************************/ .menu_right {line-height:1.2em;margin-top:5em;float:right;margin-left:1.5em;} .menu_right ul {padding-left:0;} .menu_right li {margin:0.3em 0;list-style-type:none;line-height:1.2em;width:150px;display:table;} .menu_right a {color:#FFF;font-size:1.5em;text-shadow:2px 2px 4px #333;} .menu_right a {display:table-cell;height:80px;vertical-align:middle;padding-left:25px;background:transparent url('../images/puce_gris.png') 0px 0px no-repeat;} .menu_right a.quatre-saison {background-image:url('../images/puce_noir.png');} .menu_right a.rouge {background-image:url('../images/puce_rouge.png');} .menu_right a.rose {background-image:url('../images/puce_rose.png');} .menu_right a.orange {background-image:url('../images/puce_orange.png');} .menu_right a:hover {background-image:url('../images/puce_blanc.png');color:#691316;} /******************************************************************************** * Zone de texte ********************************************************************************/ .zone_texte {margin-left:60px;margin-bottom:-280px;} .zone_texte div.illustration {position:relative;top:-400px;left:-80px;} .zone_texte .top {background:transparent url('../images/back_text_top.png') 0px 0px no-repeat;height:13px;} .zone_texte .middle {background:transparent url('../images/back_text_middle.png') 0px 0px repeat-y;height:500px;} .zone_texte .bottom {background:transparent url('../images/back_text_bottom.png') 0px 0px no-repeat;height:15px;} /******************************************************************************** * nos vins ********************************************************************************/ #back_forme {position:absolute;top:75px;left:50%;margin-left:448px;} /******************************************************************************** * contenu de la page ********************************************************************************/ #page {padding-top:3em;margin-bottom:0em;margin-right:4em;} #page .content {padding-right:4em;} #page ul, #page ol {margin-left:20px;} /******************************************************************************** * accueil ********************************************************************************/ ul#home_link {margin:0;padding:0;width:620px;height:600px;background:transparent url('../images/back_all.jpg') no-repeat;margin-top:50px;} ul#home_link li {float:left;margin:0;padding:0;list-style-type:none;} ul#home_link li a {display:block;width:304px;height:287px;} ul#home_link li a#home_nos_vins {padding-left:3px;} ul#home_link li a#home_notre_vignoble {padding-left:3px;padding-top:3px;} ul#home_link li a#home_nos_hommes {padding-top:3px;} .tooltip {background:#FFF;padding:3px 10px;font-weight:bold;border:1px #efefef solid;} /******************************************************************************** * nos vins ********************************************************************************/ #nos_vins {} #nos_vins img {margin-left:2em;} /******************************************************************************** * footer content ********************************************************************************/ #footer {color:#FFF;padding-left:24px;padding-top:15px;} #footer a {color:#FFF;text-transform:uppercase;} #footer a.mail {text-transform:inherit;} #footer ul {margin:0;padding:0;} #footer li {float:left;list-style-type:none;margin-right:3em;} /* Modif pour placer macaron */ /*#footer li.gap {margin-left:120px;}*/ #footer li.gap {margin-left:40px;} #footer li.ico {line-height:50px;margin-right:1em;} #footer li.ico a {display:block;height:50px;padding-left:45px;font-size:0.9em;padding-top:10px;} #footer li a#ico_home {background:transparent url('../images/ico_home.png') no-repeat;} #footer li a#ico_location{background:transparent url('../images/ico_location.png') no-repeat;} #footer li a#ico_contact {background:transparent url('../images/ico_contact.png') no-repeat;} #footer li a#ico_video {background:transparent url('../images/ico_video.png') no-repeat;} #footer li a#ico_home:hover {background-image:url('../images/ico_home_on.png');color:#CB6015;} #footer li a#ico_location:hover {background-image:url('../images/ico_location_on.png');color:#CB6015;} #footer li a#ico_contact:hover {background-image:url('../images/ico_contact_on.png');color:#CB6015;} #footer li a#ico_video:hover {background-image:url('../images/ico_video_on.png');color:#CB6015;} /******************************************************************************** * Liste Bloc ********************************************************************************/ #page ul.bloc {list-style-type:none;background:#efefef;padding:1em;margin:1em 0;} #page ul.bloc li {list-style-type:none;margin-bottom:1em;padding:0.5em;} #page ul.bloc li:hover {background:#FFF;} #page ul.bloc li b {color:#CB6015} #page ul.bloc li span {font-weight:bold;} #page ul.three_col li {float:left;width:30%;} #page ul.two_col li {float:left;width:45%;} /******************************************************************************** * Page contact ********************************************************************************/ #page div.present_homme {background:transparent url('../images/bg_contact.png') 50% -30px no-repeat;} #page div.present_homme h1 {background-image:none;padding-left:0;} #page div.present_homme h1 b {font-size:2.2em;} #page div.present_homme h2 {text-align:center;color:#888B8D;} #page div.present_homme table {margin:0 auto;} #page div.present_homme table td {border:none;vertical-align:middle;} #page div.present_homme table.coordonnees {border:#efefef 2px solid;padding:1em;background:transparent url('../images/vignerons.png') 50% -30px no-repeat;font-size:1.1em;} #page div.present_homme table.coordonnees td {border-bottom:1px #ccc solid;margin:0.5em;} #page div.present_homme table.coordonnees td.present {font-size:1.2em;font-weight:bold;border:none;} #page div.present_homme table.coordonnees td.last {border:none;} #page div.present_homme table.coordonnees td.col2 {text-align:right;} #page div.present_homme table.coordonnees b {color:#AB2328} #page div.present_homme form {margin:2em 0;background:#efefef url('../images/bg_contact_2.png') 95% 95% no-repeat;} #page div.present_homme form p {} #page div.present_homme fieldset {padding:1em 6em;border:none;} #page div.present_homme label {width:200px;display:block;float:left;font-size:0.9em;} #page div.present_homme input {width:250px;float:left;margin-bottom:0;background:transparent url('../images/bg_input.png') repeat-x;} #page div.present_homme input.submit {width:80px;} #page div.present_homme textarea {width:440px;height:100px;background:#fff url('../images/bg_input.png') repeat-x;} /******************************************************************************** * présentation avec image illustration ********************************************************************************/ #page .text {background:transparent;color:#666;padding:0.5em;border:1px #dfdfdf solid;padding-top:2em;} img.image_bord_page {padding:1em;float:left;margin:1em;display:block;} #page .text h2 {font-size:1.4em;color:#691316;margin-bottom:0.5em;border-bottom:1px #ddd solid;padding-bottom:1em;} #page .text h3 {color:#9e1d15;font-size:1.2em;margin-bottom:0.3em;padding-bottom:2px;border-bottom:1px #ddd solid;} #page .text p {line-height:1em;} /* #page .text ul li {list-style-image:url('../images/puce_liste_n1.png');} */ #page .text ul li {margin-left:5px;} #page .text ul li {list-style-type:none;background:transparent url('../images/puce_simple_gris.png') 7px 5px no-repeat;padding-left:25px;} #page .text ul li ul li {background-image:url('../images/puce_liste_n2.png');} #page .text .subh3 {background:#FFF;padding:1em;margin-top:5px;margin:0 -0.5em;} #page .text .subh3.odd {background:#efefef;padding:1em;} #page .text .subh3 ul li {background-image:url('../images/puce_simple_gris.png');background-position:7px 5px;} #page .text .subh3.odd ul li {background-image:url('../images/puce_simple_blanc.png');} .le-blanc h1 {background-image:url('../images/puce_vin_blanc.png');background-position:0 -8px;} .le-rouge-fondateurs h1 {background-image:url('../images/puce_fondateur.png');background-position:0 -8px;} .le-4-saisons h1 {background-image:url('../images/puce_4saisons.png');background-position:0 -8px;} .le-tradition h1 {background-image:url('../images/puce_tradition.png');background-position:0 -8px;} .le-rose-gourmandise h1 {background-image:url('../images/puce_rose.png');background-position:0 -8px;} .nos-vins #block_left, .le-blanc #block_left, .le-rouge-fondateurs #block_left, .le-4-saisons #block_left, .le-tradition #block_left, .le-rose-gourmandise #block_left {background-image: url('../images/verres_alignes.png');} .la-commercialisation h1, .les-marches h1, .le-travail h1 {background-image:url('../images/puce_hommes.png');background-position:0 -8px;} .les-infrastructures h1, .le-travail-des-hommes h1 {background-image:url('../images/puce_cave.png');background-position:0 -8px;} .historique h1, .les-sols-les-cepages h1, .situation-geographique h1 {background-image:url('../images/puce_vignoble.png');background-position:0 -8px;} /******************************************************************************** * image au seins des pages ********************************************************************************/ .gap_left {margin-left:120px;} .image_100_height {text-align:center;} .image_100 {text-align:center;} .image_100_height img {height:300px;width:auto;margin:5px;padding:1px;border:1px #efefef solid;} .image_100 img {width:590px;height:auto;margin:5px;padding:1px;border:1px #efefef solid;} .image_50 img {width:45%;height:170px;margin:5px;padding:1px;border:1px #efefef solid;float:left;} .image_50_height img {height:170px;width:auto;margin:5px;padding:1px;border:1px #efefef solid;float:left;} .image_50_last img {width:45%;height:170px;margin:5px;padding:1px;border:1px #efefef solid;} .image_50_height_last img {height:170px;width:auto;margin:5px;padding:1px;border:1px #efefef solid;} p.image_rubrique img {width:100%;height:auto;}