* {margin: 0; padding: 0; list-style: none; }img {border-width: 0;}html, body {width: 100%; height: 100%;}body {	text-align: center;	background: white;	font-size: 11px;	font-family: Verdana, Arial, Helvetica, sans-serif;	color: #040404;	background: #f1efe2 url(../charte/bg-body.gif) repeat 0 0;}#page {	position: relative;	margin: 0 auto;	background: transparent url(../charte/bg-fond.gif) repeat-y 0 0;	width: 998px;	text-align: left;}#fond {}.container {	width: 864px;	background: transparent url(../charte/bg-container.gif) no-repeat 0 100%;	margin: 0 0 0 66px;	padding: 0 0 15px 0;}.contenu {	width: 864px;	background: transparent url(../charte/bg-contenu.gif) repeat-y 265px 0;}#header {	height: 423px;	background: transparent url(../charte/bg-header.jpg) no-repeat 0 0;	text-align: left;}.head {	width: 180px;	height: 90px;	position: absolute;	top: 0;	right: 68px;	text-align: right;}a {	color: #000;	text-decoration: none;}a:hover {	color: #000;	text-decoration: underline;}a.spip_url {}a.spip_in,a.spip_out {text-decoration: underline;	color: #993300;}a.spip_in:hover,a.spip_out:hover {color: #606; text-decoration: none;}a.spip_glossaire {}.flag {	margin-top: 4px;	height: 18px;}.flag a {	display: block;	font-family: Times, serif;	font-size: 12px;	color: #575757;}.flag a:hover {	color: #000;}#logo {	position: absolute;	top: 50px;	left: 0;}#illustration {	position: absolute;	top: 90px;	left: 0;}.spip_documents { text-align: center; }.spip_documents_center { clear: both; width: 100%; margin: auto; }.spip_documents_left {margin-right: 15px; float: left;}.spip_documents_right {margin: 0 0 0 15px; float: right;}a.lien {	display: block;	float: left;	padding: 2px 5px 6px 0;	background: transparent url(../charte/bg-lien.gif) no-repeat 0 0;	font-size: 12px;	color: white;	font-weight: bold;	width: 200px;	margin: 10px 10px 10px 13px;	text-align: center;}/* boutons elastiques */.bouton {	float: left;	padding: 0;	margin: 0 10px 0 0;}.bouton a {	display: block;	background: transparent url(../charte/bt-bouton-d.jpg) no-repeat top right;	padding: 0 0 0 0;	margin: 0;	color: white;}* html .bouton a {	display: inline;	line-height: 27px;}.bouton a:hover {	background: transparent url(../charte/bt-bouton-over.jpg) no-repeat top right;	color: #C90C0C;}.bouton a b {	background: transparent url(../charte/bt-bouton.gif) no-repeat top left;	padding: 3px 25px 2px 35px;	display: block;	height: 23px;	font-weight: bold;	font-size: 12px;}* html .bouton a b {	display: inline;	padding: 3px 25px 6px 35px;}#flash {	float: left;	width: 203px;	margin: 0 15px 0 0;}.pied {	clear: both;	padding: 2px 0 0 0;	margin: 0 49px 0 46px;	text-align: center;	color: #575757;	background: #FFF;	font-size: 15px;	font-family: Times, serif;	height: 18px;}.pied a {	color: #575757;}.ariane {	position: relative;	top: -22px;	margin-bottom: -22px;	height: 22px;	color: #8c5757;	font-size: 10px;}.ariane a {	color: #8c5757;}.ariane a:hover {	text-decoration: none;	color: #c60000;}#accueil .ariane {	display: none;}h1, h2, h3, h4 {	font-weight: normal;	font-family: Times, Georgia;}h1 {	font-size: 20px;	color: #666666;	margin: 0 0 12px 0;}h1 span {}h2, h3 {}h2.spip {	font-size: 16px;	margin: 20px 15px 10px 0;	border-bottom: #ae3802 1px solid;	padding: 0 0 8px 0;}h2.spip i {	color: white;	background-color: #ae3802;	font-size: 24px;	padding: 5px 3px;}.textes h3 {	font-size: 12px;	font-weight: bold;	font-style: italic;	font-family: Verdana;	color: #bb4104;	margin: 20px 0 15px 0;}h4 {	font-size: 12px;}h5 {}h6 {}p {}td {}.fiche {}.textes {	float: right;	width: 583px;}#accueil .textes {	width: 583px;}#liste .textes {}#plan .contenu {	background: none;}#plan .textes {	width: 824px;	padding: 10px 20px;}/* nuage */#nuage {	margin: 20px 17px;}/*nuage de mot-cle*/ul.nuage {	padding : 0 10px 0 0px;}/*chaque mot-cle, element de liste*/ul.nuage li {	display: inline;	line-height: 20px;}/*chaque mot-cle, lien*/ul.nuage li a {  /*rien par defaut*/  /*ajout perso */	color: #ae3802;  /*fin ajout perso */}/*mot-cle expose*/ul.nuage li a.on {  /*rien par defaut*/  color: #000000;}/*frequence accessible et cachee*/ul.nuage li a span.frequence {	display: block;	float: left;	height: 0;	overflow: auto;	width: 0;}#nuage h3, #nuage table {	margin: 0;	padding: 0;	left: 0;}#nuage table {	position: relative;	left: -10px;	margin-right: -10px;}#nuage table {	background: transparent url(../charte/bg-titre-table.gif) no-repeat 0 0;	width: auto;}#nuage td h3 {	background: transparent url(../charte/bg-titre-span.gif) no-repeat bottom right;	text-align: left;	padding: 4px 10px 10px 10px;}/* frequence accessible et cachee */ul.nuage li a span.frequence {	display: block;	float: left;	height: 0;	overflow: auto;	width: 0;}/*ul.nuage li a.color_1 {	color: #c71403;}ul.nuage li a.color_2 {	color: #cc9900;}ul.nuage li a.color_3 {	color: #a4780c;}ul.nuage li a.color_4 {	color: #8e3232;}ul.nuage li a.color_5 {	color: #f77272;}ul.nuage li a.color_6 {	color: #d508b6;}ul.nuage li a.color_7 {	color: #d91e45;}ul.nuage li a.color_8 {	color: #c89284;}ul.nuage li a.color_9 {	color: #e19211;}*//* fin nuage */.spip_code {}p.spip_note {}.spip_puce {	float: left;	clear: both;	padding: 3px 0 0 0;	margin: 0 -4px 2px 0;}.spip_documents{}.spip_documents img {}table.spip {	border: #ae3802 1px solid;	border-width: 0 1px 1px 0;	width: 98%;	empty-cells: show;	border-collapse: collapse;}table.spip tr.row_first {	background-color: #ae3802;	color: white;}table.spip .row_first th {	background: #ae3802 url(../charte/bg-th.gif) repeat-x 0 0;	color: white;}table.spip tr.row_odd {	background-color: #ebe9dc;}table.spip tr.row_even {	background-color: #f2f0e2;}table.spip td,table.spip th {	text-align: left;	vertical-align: middle;	padding: 2px 5px;	margin: 0;	border: #ae3802 1px solid;	border-width: 1px 0 0 1px;	font-size: 11px;}table.spip td {	color: #000;}table.spip td a {	color: #ae3802;}p.spip {	margin: 0 0 10px 0;	font-size: 11px;}p.spip a {	text-decoration: underline;}p.spip a:hover {	text-decoration: none;	color: #000000;}hr.spip { }b.spip { }i.spip { }blockquote.spip {	margin-left : 40px;	margin-top : 10px;	margin-bottom : 10px;	margin-right: 0px;	border : solid 1px #aaaaaa;	background-color: #ffffff;	padding: 5px;}.spip_cadre {	width : 100%;	background-color: #FFFFFF;	padding: 5px;}.formrecherche { width: 100% ; background-color: #FFDDAA;}.reponse_formulaire {	clear: both;	font-size: 110%;	color: red;}.spip_surligne { background-color: #FFFF66; } /* * Barre de raccourcis */a.spip_barre img {	border-left: 1px solid #ffffff;	border-top: 1px solid #ffffff;	border-right: 1px solid #aa9966;	border-bottom: 1px solid #aa9966;	padding: 3px;	background-color: #FFDDAA;}a.spip_barre:hover img {	border: 1px solid #808080;	padding: 3px;	background-color: #f8f8f4;}.clear {clear: both;}.nettoyeur,.clearall {clear: both; font-size: 1px; line-height: 1px;}a.encours {	font-size: 15px;	display: block;	padding: 0 0 15px 0;	border-bottom: #c00 dashed 1px;}.textes .liste {}.fiche {}.accueil {}.contenu .label {	padding: 5px 0 0 0;}ul li.colonne25,ul.spip li.spip {	padding: 0 0 5px 15px;	font-size: 12px;	font-family: Verdana;	background: transparent url(../charte/bg-li.gif) no-repeat 0 4px;}ul.spip li.spip b {	display: block;	padding: 3px 5px;	background-color: #eddfdf;	font-weight: normal;	color: #59595b;}ul.spip li.spip b a {	color: #59595b;}li.spip a {}/* colonnes */.colonne75 {	width: 72%;	float: left;	text-align: left;	margin: 0;	padding: 0 3% 0 0 ;}.colonne66 {	width: 63%;	float: left;	text-align: left;	margin: 0;	padding: 0 3% 0 0 ;}.colonne50 {	width: 47%;	float: left;	text-align: left;	margin: 0;	padding: 0 3% 0 0 ;}.colonne33 {	width: 30%;	float: left;	text-align: left;	margin: 0;	padding: 0 3% 0 0 ;}.colonne25 {	width: 20%;	float: left;	text-align: left;	margin: 0;	padding: 0 5% 0 0 ;}/* fin colonnes */ul.plansite {	display: block;	padding: 0 0 10px 0;	width: 100%;}ul.plansite a {	text-decoration: none;}ul.plansite li.colonne25 {	width: 20%;	float: left;	margin: 10px 0 0 0;	padding: 0 5% 0 0 ;}ul.plansite li.colonne25 strong a {	display: block;	padding: 0 0 2px 15px;	margin: 0 0 4px 0;	position: relative;	background: transparent url(../charte/bg-li.gif) no-repeat 0 4px;	font-size: 11px;	color: #ae3802;}ul.plansite li ul li {	padding: 0 0 4px 15px;	background: transparent url(../charte/puce.gif) no-repeat 0 2px;	width: 140px;}ul.plansite li ul li strong {	display: inline;	background-image: none;	background-color: white;	padding: 0;	font-size: 11px;	font-weight: normal;}ul.plansite li ul li a {	color: #000000;}ul.plansite li ul li ul li{}.newsletter {}.news {	padding: 4px 2px 6px 7px;}/* --- debut formulaires --- */form {	display: block;	margin: 0;	padding: 0;}label {	display: block;	float: left;	text-align: left;	padding: 0 12px 0 2px;	white-space: nowrap;	font-size: 11px;}.colonne50 label {	width: 90px;	text-align: right;}fieldset {	border-width: 0;}fieldset legend {}input,textarea,select {	font-size: 10px;	color: #000000;	vertical-align: middle;}button {	cursor:pointer;}input.checkbox {	display: block;	width: 17px;	height: 17px;	float: left}/*  ------------------------------------------/*  Habillage des formulaires spip/*  ------------------------------------------ */.formulaire_spip { text-align: left; font-size: 12px; }.formulaire_spip p { margin: 0.5em 0; padding: 0; }.formulaire_spip h4 { 	border-top: #e6e6e6 solid 2px;	margin: 10px 0 0 0;	padding: 10px 0 0 0;}.formulaire_spip fieldset {}.formulaire_spip legend {font-weight: bold;font-size: 12px;}.formulaire_spip label {}.formulaire_spip .forml {width: 200px;}.formulaire_spip select.forml {width: 206px;}/* Boutons */.spip_bouton { text-align: right; }.spip_bouton input { float: right; }/* Reponse du formulaire */.reponse_formulaire { font-weight: bold; color: #e86519; }fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }/* Previsualisation du message */fieldset.previsu { padding: 1em; }/* Formulaire de login au forum */.formulaire_login_forum .forml {}.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }/* Choix des mots-clefs */ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; } ul.choix_mots label { display: inline; }/* Formulaire de recherche */.formulaire_recherche label { display: none; }.formulaire_recherche {	float: left;	width: 107px;}.formulaire_recherche input.forml {	width: 86px;	height: 12px;	background: white;	border-width: 0;	margin-top: 7px;	float: left;}.formulaire_recherche input.btok {	margin-top: 7px;	float: left;}/*  ------------------------------------------ */input.btok {}div.news {}label.news {}.newsletter input.champtexte,.newsletter select {}.forml {}input.champtext,input.champtexte,input.formo,input.forml,textarea {	display: block;	margin: 0 0 4px 0;	background: white url(../charte/bg-input.gif) no-repeat bottom right;}textarea.forml {}.spip_bouton { 	font-weight: bold;	font-size: 16px;	clear: both;	display: block;	margin-top: 20px;	width: 300px;}.textes form {}.textes form fieldset {}.spip_form_legend {	display: none;}.spip_encadrer {	border-width: 0;}.date {	color: #999999;	font-size: 11px;	font-weight: bold;}.evenement {	border-bottom: #c00 dashed 1px;	padding: 5px 0 5px 0;	margin: 0 0 16px 0;}dl, dt, dd, ul, li {margin: 0;padding: 0;list-style-type: none;}.spip_images {	padding: 0 14px 0 0;}select.formulaire {	width: 203px;	margin: 20px 0 0 0;	height: 19px;	border: 1px solid #41738D;	color: #333;	font-size: 11px;}.acces {display: none;}.texteencadre-spip {	margin: 20px 10px 10px 0;	padding: 5px;	text-align: justify;	font-size: 11px;	background: #ae3802;	color: #FFF;}.spip_titre_document {display: none;}ol.spip  {  	margin: 4px 0 18px 10px;	padding: 0;}ol li.spip {	margin: 0 0 0 15px ;	padding: 8px 0 8px 0;	list-style-type: decimal;	background: none;	font-size: 12px;	font-weight: bold;}strong.spip {	font-weight: bold;}strong.spip a.spip_in {font-weight: bold; font-size: 11px; }.spip_logos {	float: right;	clear: both;	/*background: transparent url(../charte/bg-spip_logos.gif) no-repeat top right;*/	background: transparent no-repeat top right;	width: 260px;	/*height: 352px;*/	position: relative;	top: -25px;	right: 0;	margin-bottom: -25px;}.spip_logos img {	position: relative;	top: 120px;	left: 19px;	margin-bottom: 120px;	margin-right: 19px;}input.large, select.large, textarea.large {	border: #41738D 1px solid;	width: 590px;}input.large, select.large {	height: 19px;}.contenu .label input.valider {	width: auto;	height: auto;	border: inherit;	float: right;	margin: 0 118px 0 0;}label {	margin: 0;}.spip_forms {}.spip_form_label {	display: block;	padding: 10px 0 ;}.spip_form_champ {}.encadre {	background: #ae3802 url(../charte/bg-encadre.gif) no-repeat 0 0;	padding: 10px 0 0 0;	position: relative;	left: -15px;	margin-right: -15px;}.encadre .cadre {	background: transparent url(../charte/bg-cadre.gif) no-repeat 0 100%;	padding: 17px 0 24px 0;	text-align: center;	color: white;	font-size: 14px;}.zone_laterale {	float: right;	width: 174px;	margin: 30px 9px 6px 0;}#fiche .textes p {}#fiche .textes h4.spip strong.spip {}.col_droite {}.fiche.accueil {}.col_droite h2 {}.fiche h2 span {}.col_droite h3 a {}.gauche {	float: left;}.colonne_50 {	float: left;	width: 172px;	margin: 0 4px 0 0;}li.colonne_33 {	float: left;	display: block;	width: 230px;	margin: 0 4px 0 0;}.impression {	float: right;	width: 260px;}.imprimer {}.impression a {	color: #868688;	position: relative;	top: -5px;	margin-bottom: -5px;}.impression img {	width: 25px;	height: 18px;	border-width: 0;	margin-top: 5px;}p.lien {	position: relative;	width: 180px;	height: 27px;	float: right;	right: 13px;	top: -42px;	margin-bottom: -42px;	background-color: #bbbac4;	text-align: center;}p.lien a {	font-size: 15px;	color: #1a171b;	line-height: 27px;	vertical-align: middle;}.vignette {	float: left;}.descriptif {	text-align: left;	margin: 0 15px 0 0;	font-size: 11px;}.descriptif .vignette {	width: 130px;	padding: 0;	margin: 0 0 10px 0;	float: left;	background: #f1efe2;}.descriptif h2.spip {	text-decoration: none;	color: #993300;	padding: 0;	margin: 0;	border-width: 0;	font-family: Arial;	font-weight: bold;	font-size: 11px;}.descriptif h2.spip a {	color: #993300;}.descriptif p.spip {	font-size: 11px;}.descriptif p.spip a {	display: block;	color: #993300;}.fiche {	clear: both;}.col_droite {}.ancre {	text-align: right;}.ancre a.spip_in {	background: white url(../charte/bg-ancre.gif) no-repeat 0 0;	padding: 1px 10px 5px 18px;	color: white;	font-size: 9px;}/* affichage pages suivantes precedentes */.pages {	padding: 10px 15px 10px 0;	clear: both;	color: #993300;	font-size: 10px;	float: right;	overflow: hidden;}.pages a,.pages b {	background: transparent url(../charte/bg-pages.gif) no-repeat center right;	text-align: center;	font-size: 11px;	padding: 2px 8px 2px 3px;	color: #993300;	line-height: 23px;	vertical-align: middle;}.pages b {	font-weight: bold;	font-size: 13px;	color: #000000;}a.last,.sans,a.sans {	background-image: none;}/* fin affichage pages suivantes precedentes */.flux_rss {	float: left;	width: 150px;	margin: 0 0 0 5px;	line-height: 22px;	font-size: 10px;}.flux_rss img,.flux_rss a {	color: white;	vertical-align: middle;}.augmenter_diminuer {	position: absolute;	left: 264px;	top: 0;	height: 24px;	width: 90px;}.caractencadre-spip,.chapo{	color: #b13302;	font-weight: bold;	font-style: italic;	font-size: 11px;	margin: 0 0 10px 0;}/* debut coverflow */.coverflow {	position: relative;	top: -15px;	margin-bottom: -15px;	z-index: 130;	width: 645px;	height: 270px;	background: #000000;	text-align: left;}#descriptif {	width: 177px;	position: absolute;	left: 334px;	top: 167px;	padding: 8px;	z-index: 850;	background-image: url(../charte/noir50.gif);	background-repeat: repeat ;}#descriptif h3 {	color: #003366;	font-weight: bold;	font-size: 14px;}#descriptif h3 a {	color: #003366;}#descriptif p strong {	font-weight: normal;	color: #330033;	font-size: 11px;}#descriptif p {	font-weight: normal;	font-size: 11px;	color: #ff6600;	padding: 0;}#descriptif p.promo {	font-size: 14px;}#myContent {	width: 645px;	height: 270px;	position: relative;	z-index: 150;}/* fin coverflow */.abecedaire {	letter-spacing: 1px;	margin-bottom: 15px;}.abecedaire a {	text-transform: uppercase;	font-weight: bold;}.abecedaire a:hover {	color: #eeeeee;	text-decoration: none; }.miniature {	float: left;	width: 153px;	height: 105px;	margin: 5px 5px 0 0;	padding: 2px;	text-align: center;	background-color: white;	color: #333333;}* html .miniature {	width: 168px;	height: 160px;}/* Images typographiques (via image_typo), URL a revoir... */.format_png { behavior: url(win_png.htc); }/* blocs specifiques au site*/.contact {	position: absolute;	top: 231px;	left: 57px;	width: 80px;	height: 30px;	text-align: center;	background: transparent url(../charte/bg-contact.gif) no-repeat 0 0;	z-index: 28;}.contact a {	color: #c60029;	font-size: 12px;}.contact a:hover {	text-decoration: none;}.chapo h2 {}/* fin blocs specifiques au site*/.ouvert {	clear: both;	background: transparent url(../charte/bg-ouvert.gif) no-repeat top center;	height: 150px;	text-align: center;	margin: 10px 0 0 0;}.ouvert div {	width: 174px;	margin: 0 auto;	padding: 5px 0 0 0;	text-align: left;}.ouvert h3,.ouvert p {	color: #fff;	font-family: Verdana, Arial;	font-size: 12px;}.ouvert h3 {	font-size: 14px;	font-weight: bold;}.ouvert a {	color: #FFF;	text-decoration: underline;}p.spip span.reserver a {	display: block;	color: #FFF;	text-decoration: none;	font-size: 13px;	background: transparent url(../charte/bt-reserver.gif) no-repeat 0 0;	padding: 2px 0 0 6px;	margin: 8px 0 0 0;	min-height: 26px;}* html p.spip span.reserver a {	height: 28px;}p.spip span.reserver a:hover {	color: #000;	background-image: url(../charte/bt-reserver-over.gif);}/* ---------------- */.ouvert1 {	clear: both;	background: transparent url(../charte/bg-ouvert.gif) no-repeat top center;	height: 128px;	text-align: center;	margin: 10px 0 0 0;}.ouvert1 div {	width: 174px;	margin: 0 auto;	padding: 25px 0 0 0;	text-align: left;}.ouvert1 h3,.ouvert1 p {	color: #fff;	font-family: Verdana, Arial;	font-size: 12px;}.ouvert1 h3 {	font-size: 14px;	font-weight: bold;}.ouvert1 a {	color: #FFF;	text-decoration: underline;}/* ------------- */.prix {	float: right;	padding: 0 25px 0 15px;}/* ======================================= *//* debut sous menu *//* ======================================= */.sous_menu {	width: 265px;	float: left;	margin-bottom: 20px;}.sous_menu ul li {	font-family: Times, serif;	display: block;	float: left;	clear: both;	width: 265px;	font-size: 18px;	background: transparent url(../charte/bg-sous_menu-li.jpg) no-repeat 0 100%;	color: #ad2e02;	padding: 0 0 1px 0;}.sous_menu ul li a {	display: block;	color: #ad2e02;	background-color: transparent;	padding: 10px 0 10px 23px;	clear: both;}.sous_menu a:hover {	color: #000;	text-decoration: none;	background-color: white;}.sous_menu ul li ul li {	width: 170px;	background-image: none;	color: #2b2b5d;	padding: 0 0 1px 0;}.sous_menu ul li ul {	width: 170px;	min-height: 20px;	background: transparent url(../charte/bg-sous_menu-li.gif) no-repeat 0 0;}* html .sous_menu ul li ul {	height: 20px;}.sous_menu ul li ul li a {	color: #3399cc;	padding: 0 0 0 12px;	background: transparent url(../charte/bg-sous_menu-li-li.gif) no-repeat 0 6px;}.spancrypt {color: #FFF  !important;}/* ======================================= *//* fin sous menu *//* ======================================= */.sous_menu .actus {	position: relative;	top: 0;	left: -30px;	margin-right: -30px;	min-height: 211px;	background: transparent url(../charte/bg-actu.jpg) no-repeat 0 0;	width: 286px;}* html .sous_menu .actus {	height: 211px;}.sous_menu .actus h3 {	padding: 48px 0 0 104px;	color: white;	font-size: 20px;}.sous_menu .actus p {	padding: 18px 40px 0 38px;	color: white;}.sous_menu .actus p a {	color: white;	text-decoration: underline;}.sous_menu .actus p a:hover {	color: #000;	text-decoration: none;}.sous_menu .evenements {	padding: 5px 5px 0 20px;}.sous_menu .evenements h3 {	color: #bb4103;	font-size: 20px;}.sous_menu .evenements p {	color: #bb4103;}.sous_menu .evenements p a {	color: #bb4103;	text-decoration: underline;}/* ================================================================ */.menu {	position: absolute;	top: 45px;	left: 73px;	width: 710px;	font-family: Times, serif;}.menu ul {	display: block;	width: 752px;}.menu ul li {	display: block;	position:relative;	float: left;}* hml .menu ul li {	margin: 0;}.menu ul li.clear {}* html .menu ul li.menu_1 {	width: 80px;}* html .menu ul li.menu_2 {	width: 86px;}* html .menu ul li.menu_3 {	width: 135px;}* html .menu ul li.menu_4 {	width: 173px;}* html .menu ul li.menu_5 {	width: 73px;}* html .menu ul li.menu_6 {	width: 85px;}* html .menu ul li.menu_7 {	width: 85px;}.menu ul li a {	display: block;	background: transparent url(../charte/bg-menu.gif) no-repeat 0 5px;	font-size: 16px;	color: #FFF;	padding: 0 8px 0 9px;	height: 25px;	font-family: Times, serif;}* html .menu ul li a {	font-size: 16px;}.menu ul li.menu_1 a {	background-image: url(../charte/cale.gif);}.menu ul li.menu_1 a:hover,.menu ul li a:hover {	color: #000;	text-decoration: none;	background-color: #FFF;}.menu ul li a.on {	color: #666;}.menu ul li ul li a.on {	background-image: none;	color: #000;}/* ================================================================ */.menu ul li ul li {	margin: 0;	padding: 0;}.menu ul li ul li,.menu ul li ul li a {	clear: both;	text-align: left;	height: auto;}/* ================================================================ *//* style the second level background */.menu ul ul a.drop, .menu ul ul a.drop:visited {}/* style the second level hover */.menu ul ul a.drop:hover {background: white;}.menu ul ul :hover > a.drop {background: white url(../charte/bg-menu-li-li.gif) no-repeat center right;}/* style the third level background */.menu ul ul ul a, .menu ul ul ul a:visited {background-color:#FAFAFA;}/* style the third level hover */.menu ul ul ul a:hover {background-color:#fff;}/* ================================================================ */.menu ul ul {width:210px;border-bottom: 1px dotted #b9b3a8;}.menu ul li {}.menu ul ul a,.menu ul ul a:visited {	display:block;	text-decoration:none;	display: block;	padding: 5px 10px;	margin: 0 0 0 0;	height: auto;	width: 190px;	border-top: 1px dotted #b9b3a8;	background-image: none;	background-color: #ae2e02;}/* hide the sub levels and give them a positon absolute so that they take up no room */.menu ul ul {visibility:hidden; position:absolute; z-index: 920; top:24px; left:0;display: block; width: 210px; height: auto; background-color: #FAFAFA;}.menu ul ul ul {visibility: hidden;position:absolute; z-index: 930;left:160px; top:0px;width: 210px; border-left: #fff 2px solid;border-right: #fff 2px solid;}/* style the table so that it takes no ppart in the layout - required for IE to work *//* position the third level flyout menu */.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}/* style the top level hover */.menu a:hover {color:#000;text-decoration:none;background-color:#fff; }.menu ul ul a:hover {text-decoration:none;background-color: #fff;color: #666;}.menu :hover > a {color:#000;background-color:#fff;}.menu ul ul :hover > a {background-color:#fff;color: #000;}/* make the second level visible when hover on first level list OR link */.menu ul li:hover ul,.menu ul a:hover ul { visibility:visible;}/* keep the third level hidden when you hover on first level list OR link */.menu ul :hover ul ul {visibility:hidden;}.menu ul :hover ul :hover ul{ visibility:visible;}/* ================================================================ */.cryptOK{color:white;}#carte_vin  td{	padding:0px 20px 0px 0px;}#carte_vin  h2 {	font-size: 16px;	margin: 20px 15px 10px 0;	border-bottom: #ae3802 1px solid;	padding: 0 0 8px 0;}#carte_vin  h2 span.titreitalique {	color: white;	background-color: #ae3802;	font-style:italic;	font-size: 24px;	padding: 5px 3px;}#carte_vin  p{margin:0;padding:0;}#menu span.mise-en-avant{	color: #b13302;	display:block;	font-weight: bold;	font-style: italic;	font-size: 11px;	margin: 0 0 10px 0;}#menu  table {	width: 98% !important;}#menu  td{	font-size:12px;	padding:4px 0px !important;}#menu h2{	font-size: 16px;	margin: 20px 15px 10px 0;	border-bottom: #ae3802 1px solid;	padding: 0 0 8px 0;}#menu  h2 span.titre-italique {	font-size: 17px;	font-style:italic;	padding: 5px 3px;}/** * Newsletter**/.cadre-newsletter {	clear: both;	background: transparent url(../charte/top-newsletter.gif) no-repeat top center;	text-align: center;	margin: 10px 0 0 0;}.cadre-newsletter h3,.cadre-newsletter p {	color: #fff;	font-family: Verdana, Arial;	font-size: 12px;	width: 174px;	margin: 0 auto;	padding: 25px 0 0 0;	text-align: left;}.cadre-newsletter h3 {	font-size: 14px;	font-weight: bold;}#form_newsletter{	background: transparent url(../charte/bottom-newsletter.gif) no-repeat bottom center;	padding: 20px 40px 30px 40px;	text-align: left;}			#form_newsletter .retour{position:relative;top:-10px;}#form_newsletter input{float:left;}