html,body{margin:0;padding:0}
body{font: 85%/1.3 tahoma, Verdana, Arial, sans-serif;
    text-align: center;background: #d8cd23;padding-bottom:20px}
p{margin-top:0}
h1,h2,h3{ font: 200% "Trebuchet MS", Arial, sans-serif }
h2{font-size:160%}
h3{font-size:120%}

div#header{ background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width:100%; overflow:hidden; }
div#header h1,div#menu{width:770px;margin:0 auto;text-align:left}
div#header h1{padding: 10px 0;color: #fff}

ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{float:right;font-size: 80%}
ul#nav li{float:left;margin-left: 3px;text-align: center}
ul#nav a{float:left;width: 85px;padding: 5px 0;background: #ed1a1a;text-decoration:none;color: #ffc}
ul#nav a:hover{background: #f7ffbf;color: #006a35}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #feffff;color: #003}

div#container{width:770px;margin:0 auto 10px;padding:20px 0 10px;text-align:left;background:#feffff}
div#content{ float:left; display:inline; width:560px; margin:0 0 10px 10px }
div#contentblog { display: inline; margin: 0 0 10px 10px; width: 700px; float: left; }
ul#intro,ul#intro li{list-style-type:none;margin:0;padding:0}
ul#intro{width:100%;overflow:hidden;margin-bottom:20px}
ul#intro li{float:left;width:180px;margin-right:10px;padding: 10px 0}
li#mission{ background: #62bfff; }
li#services{background: #ff3429}
ul#intro li#more{margin-right:0;background: #e9dd22}
ul#intro p,ul#intro h3,h6,h5{margin:0;padding: 0 10px}
ul#intro h3{ text-transform:uppercase; padding-bottom:3px; color: white; font-size: 100%; font-family: "trebuchet ms", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 3px; }

div#content h2{margin: 10px 0;color: #007BC4}
div.date{ float:right; color:#b0001e; margin: 0 6px 4px 12px; font-size: 75%; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:0.9; background: #ecf57a; text-transform: uppercase; text-align: center; width: 4em; padding: 5px 0; }
div.date span{font-size: 120%;font-weight:bold}

div.comments div{ background: #ecf57a; margin-top: 10px; margin-bottom:10px ; padding-top: 10px; }div.odd div { background: #e6e7e7; margin-top: 5px; padding-top: 0; padding-bottom: 0; }
div.first div { background: #e6e7e7; margin-top: 5px; padding-top: 0; padding-bottom: 0; }
div.comments p,h3{padding: 5px 10px;margin:0}
div.odd p,h3 { margin: 0; padding: 5px 10px; }
div.first p,h3 { margin: 0; padding: 5px 10px; }
div.comments h7 { margin: 6px 0 0; padding: 25px 10px 10px; }
div.comments h6 { margin: 0; padding: 0 10px 5px; }
div.comments div.odd{background:#dae6fe}
div.region {background:#dae6fe}

div#side {float: none; width: 180px; display: inline; }}
div#cote{ background-color: #62bfff; background-image: none; background-repeat: no-repeat; background-position: 0 0; float:right; width: 180px; margin:0 10px 10px 0; display: inline; }
div#cote p,h6{ font-size: 85%; margin:0; padding: 0 10px }
div#cote h3 { color: #fff; margin: 10px 0 0; padding: 0 10px; }
div#cote h4 { color: white; font-size: 90%; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #ED1A1A; text-align: center; margin: 10px 0 5px; padding: 3px 10px; }
div#cote div{margin: 0 0 10px;padding: 10px 0}
div#cote2{ background-color: #62bfff; background-image: none; background-repeat: no-repeat; background-position: 0 0; float:right; width: 180px; margin:0 10px 10px 0; display: inline; }
div#cote2 p,h6{ font-size: 85%; margin:0; padding: 0 10px }
div#cote2 h3 { color: #fff; margin: 10px 0 0; padding: 0 10px; }
div#cote2 h4 { color: white; font-size: 90%; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #ED1A1A; text-align: center; margin: 10px 0 5px; padding: 3px 10px; }
div#cote2 div{margin: 0 0 10px;padding: 10px 0}
div#cote3{ background-color: #62bfff; background-image: none; background-repeat: no-repeat; background-position: 0 0; float:right; width: 180px; margin:0 10px 10px 0; display: inline; }
div#cote3 p,h6{ font-size: 85%; margin:0; padding: 0 10px }
div#cote3 h3 { color: #fff; margin: 10px 0 0; padding: 0 10px; }
div#cote3 h4 { color: white; font-size: 90%; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #ED1A1A; text-align: center; margin: 10px 0 5px; padding: 3px 10px; }
div#cote3 div{margin: 0 0 10px;padding: 10px 0}
div#footer{ clear:both; width:750px; margin:0 10px; padding: 10px 0; color: #fff; font-size: 80%; background: #ed1a1a; text-align:center   }
div#footer p{margin:0}
h6 { font-size: 80%; font-family: tahoma, Verdana, Arial, sans-serif; font-weight: normal; margin: 0 0 1em; }
h5 { font-size: 90%; font-family: tahoma, Verdana, Arial, sans-serif; font-weight: normal; margin: 0 0 1em; }
h7 { color: #603; font-size: 120%; font-family: tahoma, Verdana, Arial, sans-serif; font-weight: normal; margin: 0 0 6px; padding-top: 6px; }
ul { list-style-type: disc; margin: 1em 0 1em 20px; padding-bottom: 12px; padding-left: 10px; }
a { color: #603; text-decoration: none; }
a:link { text-decoration: none; }
a:visited {  }
a:hover { color: #ed1a1a; }

.formulaire_spip { text-align: left; font-size: 85%; font-family: Verdana, Arial, Helvetica, sans-serif; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {}
.formulaire_spip legend {}

.formulaire_spip label {}
.formulaire_spip .forml { width: 99%; font-family: inherit; font-size: inherit; background-color: #dae6fe; }

.spip_bouton { text-align: right; }
.spip_bouton input { float: right; }

.reponse_formulaire { font-weight: bold; color: #e86519; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }

fieldset.previsu { padding: 1em; }

.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; } 
ul.choix_mots label { display: inline; }

.formulaire_recherche { width: 12em; text-align: left; }
.formulaire_recherche label { display: none; }

.domaines { color: #a00000; font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12px; margin: 5px 0 0; padding: 3px 10px 3px 3px; border-bottom: 1px solid #a00000; border-top-color: #a00000; border-top-width: 1px; border-right-color: #a00000; border-right-width: 1px; }
.vignobles { color: #303; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; margin: 0; padding: 0 10px 10px; }
.vins { color: #303; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; margin: 0; padding: 2px 5px; }
div#infobulle { background-color: #62bfff; float:left; display:inline; width: 240px; margin:0; }
ul#split,ul#split li{margin:0;padding:0;list-style:none}
ul#split li {width:180px; margin:0 10px 10px 0}
ul#split h3 {color: white; font-size: 90%; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin:0px;padding: 5px 0 3px;text-align:center; }
ul#split p { font-size: 85%; margin:0; padding: 0 10px 0 10px; text-align: left }
ul#split h6 { font-size: 125%; color: white; margin:0; padding: 8px 10px 5px 10px; text-align: left }
ul#split h5 { font-size: 75%; color: black; font-weight: bold; margin:0; padding:10px 10px 0 10px; text-align: left }
ul#split div{background:#62BFFF}
li#one h3{background: #ED1A1A}
li#two h3{background: #ED1A1A}
li#three h3{background: #ED1A1A}
.couleur { font-size: 12px; font-style: italic; margin: 6px 0 0; padding: 0; border-bottom-color: #a00000; border-bottom-width: 1px; }
.swap-couche { cursor:hand; cursor:pointer; }
