/* -- Commun -- */ * { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; } html { font-size: 100%; } body { background: #340114; font-size: 0.8em; } p { margin-top:10px; } a { cursor: pointer; text-decoration: none; } a:hover, a:focus, a:active, a:link { cursor: pointer; text-decoration: none; } h1 { font-size: 1.2em; font-weight: bold; } h2 { font-size: 1.1em; font-weight: bold; } img { border: 0; } table { border: 0; padding: 0; } table td { border: 0; margin: 0; padding: 0; } .clear { clear: both; } @font-face { font-family: "Avantgarde-Extralight"; src: url("./font/avantgarde-extralight/avantgarde-extralight-webfont.ttf"); } /* -- Message ie6 -- */ #message_ie6 { background: #1553B9; width: 100%; } #message_ie6 div { margin: auto; width: 973px; } #message_ie6 p { color: #FFFFFF; padding: 16px; text-align: justify; width: 941px; } #message_ie6 p a { color: #FFFFFF; } #message_ie6 p a:hover, a:focus, a:active { color: #FFFFFF; text-decoration: underline; } /* -- Page -- */ #page { margin: auto; padding-bottom: 50px; width: 1216px; } /* -- Header -- */ #header { background: url("../img/header.jpg") no-repeat center center; float: left; height: 201px; padding-top: 8px; text-align: center; width: 100%; } /* -- Content -- */ #content { background: url("../img/content.jpg") no-repeat center center; float: left; height: 563px; width: 100%; } #content_container { height: 553px; margin: auto; margin-top: 1px; width: 968px; } #content_left { float: left; height: 100%; position: relative; width: 272px; } #navigation { float: left; margin-top: 36px; width: 100%; } /* -- Menu -- */ #menu_principal { list-style: none; } #menu_principal li { cursor: pointer; float: left; } #menu_principal li a { color: #340114; display: block; font-size: 1.4em; height: 25px; line-height: 25px; padding: 0px 21px; text-decoration: none; width: 230px; } #menu_principal li:hover { background: url("../img/menu-actif.png") repeat-x top center; } #menu_principal li:hover a { color: #FFFFFF; text-decoration: none; } #menu_principal li:hover .sous_menu li a { color: #340114; } #menu_principal li#actif { background: url("../img/menu-actif.png") repeat-x top center; } #menu_principal li#actif a { color: #FFFFFF; text-decoration: none; } #menu_principal li#actif .sous_menu li a { color: #340114; } #menu_principal li#actif .sous_menu li a:hover { color: #A43304; } /* -- Sous-menu -- */ #menu_principal li .sous_menu { color: #340114; display: block; float: left; list-style: none; margin: 6px 0px 0px 21px; padding-bottom: 5px; } #menu_principal li .sous_menu li { background: none; clear: both; margin-bottom: 5px; } #menu_principal li .sous_menu li:hover { color: #A43304; } #menu_principal li .sous_menu li a { background: url("../img/disc-sous-menu.png") no-repeat top left; display: block; font-size: 1.2em; height: 14px; line-height: 14px; padding: 0px 0px 0px 18px; text-decoration: none; } #menu_principal li .sous_menu li a:hover { background-position: 0px -14px; color: #A43304; text-decoration: none; } #menu_principal li .sous_menu li#actif { background: url("../img/disc-sous-menu.png") no-repeat top left; color: #A43304; } #menu_principal li .sous_menu li#actif a { background-position: 0px -14px; color: #A43304; text-decoration: none; } #coordonnees { bottom: 0; float: left; left: 0; padding: 0px 21px; position: absolute; width: 230px; } #coordonnees p { color: #340114; /*font-size: 1.2em;*/ font-size: 1em; } #coordonnees p.adresse { /*font-size: 1.2em;*/ } #coordonnees p.info { font-size: 1em; /*margin: 21px 0px 34px 0px;*/ margin: 15px 0px; } #telechargement { bottom: 0; float: left; left: 0; padding: 20px 21px; } #telechargement a { color: #340114; /*font-size: 1.2em;*/ font-size: 1em; } #content_center { float: left; height: 100%; width: 356px; } #content_right { float: left; padding: 0px 16px 0px 26px; width: 298px; } .content_texte { float: left; /*height: 312px;*/ margin-top: 26px; padding-bottom: 31px; width: 288px; } .content_texte h1 { color: #FFFFFF; font-family: "Avantgarde-Extralight"; font-size: 1.6em; margin-bottom: 22px; text-align: center; } .content_texte p { color: #FFFFFF; text-align: justify; } .content_texte a { color: #9E3104; text-decoration: none; } .content_texte a:hover { color: #F06B34; text-decoration: none; } /*.content_texte img { margin-top: 18px; text-align: center; }*/ #scroll { height: 440px; padding-right: 10px; width: 288px; } #scroll ul { list-style:disc; margin-top:5px; margin-bottom:5px; margin-left:15px; color:#37151d;} #scroll ul li { color:white; float:none;} /* -- Content Accueil -- */ #content_accueil { border-bottom: 1px #A53404 solid; } #content_accueil img { margin-top: 18px; text-align: center; } /* -- Content Presentation -- */ /*#content_presentation p { margin-bottom: 14px; }*/ /* -- Content Contact -- */ #content_contact p { text-align: right; } #content_contact p strong { font-size: 1.2em; } #tab_contact { margin-left: auto; margin-top: 18px; } #tab_contact td { color: #FFFFFF; padding-bottom: 8px; vertical-align: middle; } #tab_contact td.champs_obligatoires { color: #9E3104; font-style: italic; font-weight: bold; text-align: right; } #tab_contact td.titre_champ { padding-right: 7px; text-align: right; } #tab_contact td.titre_champ_top { padding: 4px 7px 0px 0px; vertical-align: top; } #tab_contact td .etoile { color: #9E3104; font-weight: bold; } #tab_contact td input[type=text] { border: 1px #9E3104 solid; height: 20px; /*width: 224px;*/ width: 194px; } #tab_contact td textarea { border: 1px #9E3104 solid; height: 201px; font-size: 1em; width: 194px; } .btn_envoyer { background: url("../img/btn-envoyer.png") no-repeat top center; border: 0px; cursor: pointer; height: 30px; width: 109px; } .btn_envoyer:hover { background-position: 0px -30px; } .bloc_recette_chef { background: url("../img/bloc-recette-chef.png") no-repeat center center; float: left; height: 151px; margin-top: 30px; padding: 0px 12px; width: 264px; } .bloc_recette_chef h1 { color: #FFFFFF; margin: 11px 0px 14px 0px; text-align: center; } .bloc_recette_chef p { color: #FFFFFF; display: block; float: left; width: 125px; } .bloc_recette_chef p a { color: #FFFFFF; text-decoration: none; } .bloc_recette_chef p a:hover { color: #340114; text-decoration: none; } .bloc_recette_chef img { display: block; float: right; } #plan_site { list-style: none; } #plan_site li { color: #FFFFFF; font-size: 1em; margin-bottom: 17px; } #plan_site li a { color: #FFFFFF; text-decoration: none; } #plan_site li a:hover { color: #9E3104; text-decoration: none; } #plan_site li .sous_menu { list-style: none; margin-left: 10px; } #plan_site li .sous_menu li { background: url("../img/puce-plan-site.png")no-repeat center left; margin-bottom: 0px; padding-left: 10px; } /* -- Footer -- */ #footer { border-bottom: 1px #A03204 solid; height: 26px; margin: auto; margin-top: 3px;text-align: center; width: 970px; } #footer ul { color: #F06B34; display: inline; height: 16px; list-style: none; margin: auto; } #footer ul li { background: url("../img/footer-separateur.png") no-repeat center left; display: inline; height: 100%; line-height: 16px; padding: 0px 4px 0px 9px; text-align: center; } #footer ul li:first-child { background: none; } #footer ul li a { color: #F06B34; text-decoration: none; } #footer ul li a:hover { color: #FFFFFF; text-decoration: none; } #footer ul li#actif a { color: #FFFFFF; text-decoration: none; }