body {background : #e1e6bd;font-family: Helvetica, Arial ;text-align:center;margin:0;padding:0;}

h1 { color:#402b17;font-family: Helvetica, Arial ;font-size: 2.5em;font-weight:700; text-align: left;margin:5px 0 20px 0;padding:0;text-align:center; }
h2 {color:#464C1D;   font-size: 1.3em; text-align: left;   font-weight: bold;margin:5px;padding:5px 0;}
h3 {border-bottom:1px dotted #c0ca73;color:#464C1D;clear:left;font-size: 1em;text-align:left;margin:25px 0 5px 0;padding:5px 0;}

p {line-height:1.4em;margin: 10px 0 5px 0; text-align: left; font-size:0.9em;}
p.adresse {color:#464C1D;text-align:center;font-weight:700;}
p.anot { font-size: 0.5em;margin:3px;}
p.soustitre {font-size:0.5em; text-align: center;}
p.fond { font-family:  Helvetica, Arial ; font-size: 1em; color: white; }
p.fondb { font-family:  Helvetica, Arial ; font-size: 1em; color: white; font-weight: bold; }
p.header { font-size: 1em; font-weight: bold; text-decoration: underline; margin: 0; clear:left;}
p.lo_date {border-top:1px dotted #CBD48F;color:#464C1D;clear:left;font-size: 0.8em;font-weight:700;text-align:left;margin:25px 0 0 0;padding:5px 0 0 0;}
p.lo_sign { padding:0 0 0 50px;margin:0}
p.desc {border-bottom:1px solid #cbd48f;border-right:1px solid #cbd48f;background:#fff; font-style:italic;clip: auto; overflow:auto;text-align: left; margin:0;padding:5px; }
p.langue {margin-top:20px;} 
p.western { font-family: Helvetica, Arial, sans-serif; }
p.ctl { font-family: Helvetica, Arial, sans-serif; }

span.important {color:#ff0000;}

li.desc { font-size: 0.8em; }

ul {font-size:0.9em;  margin: 10px;padding: 10px;text-align: left; }
li {  text-align: left;list-style-position:inside; }
li.norm { list-style-type: square; margin: 10px; padding: 10px; text-align: left; list-style-position:inside;}

ul.plan {border-bottom:1px dotted #cbd48f;float:left;padding:3px 0;margin:0 0 25px 0;background:#e1e6bc;white-space:nowrap; }
ul.plan li {list-style-type:none;display:inline;padding:3px;margin:0; border-right:1px solid #929e3b;}
ul.plan li a {text-decoration:none;color:#5B6A00;}
ul.plan li a:hover {text-decoration:underline;}

a { font-family: Helvetica, Arial ; font-size: 1em; }
a.fond { font-family: Helvetica, Arial ;  color: white; }
a.fond:link { color:white; }
a.fond:visited { color:#ff1493; }
a.fond:hover { color:red; }

/*en-tete*/
div.header {background:#cbd48f;clip: auto; overflow:auto;width:1000px;margin:0 auto;padding:0;}
div.header .gauche {float:left;width: 200px;margin:0 20px 0 0;padding:0;text-align:center;}
div.header .droite {margin: 0 0 0 10px;padding:0;}

div.suite {background:#cbd48f;clip: auto; overflow:auto;clear: both;width:1000px;margin:0 auto;}

div.contenu {clip:auto; overflow:hidden;background:#edf0d9; 
min-height:400px;padding:5px 15px; list-style: square;}
div.contenu img {margin:25px 0 25px 0}
div.contenu img.left, .left {float:left;margin:5px 20px  5px 0;}
div.contenu img.right,.right {float:right;margin:5px 0 5px 20px;}

.letrage { float: left; clear: both; vertical-align: top; margin: 10px; }
img.letraged { float: right; vertical-align: top;}

/*menu*/
div.menu {float: left;left: 0px;margin: 0;width: 200px;font-size: 12px;}
#bouton { width: 100%; padding: 0 0 1em 0; margin-bottom: 1em; font-family: Helvetica, Arial, sans-serif; font-size: 1em; font-weight: bold; background-color: #bac66b; color: #491717;}
#bouton ul { list-style: none; margin: 0; padding: 0; border: none;}
#bouton li { border-bottom: 1px solid #292a0f; margin: 0;}
#bouton li a { display: block; padding: 5px 5px 5px 5px; border-left: 5px solid #67702b; border-right: 5px solid #67702b; background-color: #464c1d; color: #fff; text-decoration: none; width: 100%;}
html>body #bouton li a {width: auto;}
#bouton li a:hover { border-left: 5px solid #879c00; border-right: 5px solid #879c00; background-color: #5b6a00; color: #fff;}
#c1 { display: block;}
#c2 { display: block;}
#c3 { display: block;}
#c4 { display: block;}
#c5 { display: block;}
#c6 { display: block;}

.form {text-align:left;}

/*saison*/
.horssaison {background:#dff2e8;border-top:1px dotted #879c00;margin:0;padding: 2px 5px;}
.petitesvacances {background:#c2f58c;border-top:1px dotted #879c00;margin:0;padding: 2px 5px;}
.hautesaison {background:#f3deaa;border-top:1px dotted #879c00;margin:0;padding: 2px 5px;}
.thautesaison {background:#f0a49d;border-top:1px dotted #879c00;margin:0;padding: 2px 5px;}

/* remerciments */
.merci{text-align:center; color:#666;font-size:10px;border-top:1px dotted #aaa;margin-top:40px;}

/*iframes*/
.avertissement {padding:6px;
z-index:1;}
.iframe {
z-index:10;}


/*
* jQuery UI CSS Framework
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute;  }

/* Component containers
----------------------------------*/
.ui-widget { }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {  }
.ui-widget-content { background: #f8f9f2; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { background: #333333; color: #eeeeee; font-weight: bold; }
.ui-widget-header a { color: #eeeeee; }

/* Interaction states----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { background:#CBD48F; font-weight: normal; color: #222222; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {font-size:12px; color: #222222; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { background: #5B6A00; font-weight: normal; color: #ffffff; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #cccccc; border-left: 1px solid #f8f9f2;background: #f8f9f2; font-weight: normal; color: #222222; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #222222; outline: none; text-decoration: none; }

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 2px; -webkit-border-radius: 2px; }

/* Tabs----------------------------------*/
.ui-tabs { margin:25px 0;}
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0;margin:0; float:none;}
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a {font-size:12px; float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {font-weight:700; cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 0 20px 20px 20px;margin:0; display: block; border-width: 0; background: none; overflow:auto;}
.ui-tabs .ui-tabs-hide { display: none !important; }