body   { font-size: 65%; font-family: Verdana, arial, helvetica, "Trebuchet MS", Trebuchet; text-align: justify; width : 820px; margin: auto ;}
/* height and width details */
#header      {
	width: 820px;
	/* height:115px; */
	border-bottom: 2px solid #fff;
	margin-bottom: 8px;
}
.tdv { position: absolute }
.bandeau { float: left }
#contenu  {  margin-left: 146px; width: 666px }
#contenu a:link, a:visited { color: #fc0; font-size: 14px; font-family: arial; font-weight: bold }
#contenu p.spip   { font-size: 12px; font-family: arial; line-height: 16px; text-align: justify; vertical-align: baseline }
#som  { margin-left: 146px; width: 666px }
#som a:link,  a:visited { color: #60abd8; font-size: 14px; font-family: arial; font-weight: bold }
.petitcadre3home  { font-weight: bold; text-align: left; margin-top: 1em; margin-bottom: 1em; width: 300px; float: left; border-left: 2px solid #c0c0c0; margin-left: 18px;}
#som p.spip  { font-size: 12px }
div#contenu li { font-size: 1em }
div#menu a:link, div#menu a:visited  { color: #000; font-size: 11px; font-family: Verdana, arial, helvetica, "Trebuchet MS", Trebuchet; font-weight: bold; text-decoration: none; text-align: right; margin-top: 0; margin-bottom: 0; padding: 0 }
a:link, a:visited /*  Style des liens  */  { color: #e6b526; font-weight: bold }
a:hover  { color: #60abd8 }
a.points:link, a.points:visited { color: #0000ff; font-weight: normal; text-decoration: underline }
.clear { line-height: 0; margin: 0; height: 1px; clear: both; overflow: hidden }
#footer      { text-align: center; margin-top: 12px; top: 10px; width: 812px; border-top: 1px solid #c9c7d2 ; font-size: 90%;}
div#footer a:link, div#footer a:visited { color: #63c; font-size: 9px; font-family: Verdana, arial, helvetica, "Trebuchet MS", Trebuchet; font-weight: bold; text-decoration: none }
#surtitre { background-color: silver }
#content { position: relative; bottom: 6px; width: 820px; border-color: #e0e2bf }
#main { width: 815px; border-color: red }
#contenu1 { font-size: 12px; margin-left: 143px; padding-left: 5px; width: 662px }
.surtitre { color: gray; font-size: 10px; font-weight: bold }
/*  presentations des articles */

.spip_documents /*  définit les images   */   { background-color: #ccc; text-align: center; margin: 2px; top: 6px; right: 6px; bottom: 6px; left: 6px; clear: none; border: solid 2px silver }
.dr { text-align: center }
.logoarticle  { margin: 2px 2px 3px; border: solid 1px silver }
.spip_documents_center  { margin-top: 2px; margin-right: 3px; margin-bottom: 2px; float: left }
.pays    { color: #009; font-size: 28px; font-family: arial; font-weight: bold; text-align: center; margin-bottom: 2px; margin-left: 12px; width: 654px; float: left; border-top: 2px solid #d2d8d8; border-bottom: 2px solid #d2d8d8;margin-bottom: 4px; }
.pays1    { color: #9a9cf0; font-size: 18px; font-family: arial; font-weight: bold; text-align: center; width: 100%; float: left; border-top: 2px solid #d2d8d8; border-bottom: 2px solid #d2d8d8 }
.pays2             { color: #ff6634; font-size: 16px; font-family: arial; font-weight: bold; text-align: center; width: 100%; float: left; border-top: 2px solid #d2d8d8; border-bottom: 2px solid #d2d8d8 }

.spip_logos3          { color: #fff; font-size: 9px; font-family: verdana; font-weight: bold; background-color: #c0c0c0; text-align: center; float: none; border-top: 2px solid #fff; border-bottom: 2px solid #fff }
.spip_documents_left    { margin-top: 2px; margin-right: 3px; margin-bottom: 2px }
.rivieregauche /* RIVIERE GAUCHE ARTICLE */            { width: 155px; float: right; margin-top: 12px; }
.enbref  { text-align: justify; width: 480px; float: left; border-left: 1px solid #fff ; margin-left: 12px;}
.spip /*  texte  */     { font-size: 11px; font-family: arial; font-weight: normal; text-align: justify }
strong.spip  { color: #60abd8; font-size: 14px; font-family: arial; font-weight: bold; text-align: justify }
h3.spip        { color: #393; font-size: 16px; font-family: arial; font-weight: bold; text-align: center; width: 480px; /*float: left;*/ border-top: 2px solid #d2d8d8; border-bottom: 2px solid #d2d8d8;margin-top:0 }
p.spip         { font-size: 11px; font-family: arial; line-height: 1; text-align: justify;  padding-top:-4px;margin-right: 4px; margin-left: 4px;  }
a.spip_in { color: blue }
#chapo { color: gray; font-weight: bold; text-align: justify; text-indent: 11px; margin: 3pt 6pt 3pt 3pt; left: 12pt }
.destination { color: #393; font-size: 11px; font-weight: bold; position: relative; right: 3px; float: right }
.logocoeur    { position: relative; top: -15px; left: 150px }
.logostars     { position: relative; top: -12px; left: 248px }
.texteintro { color: #333; font-size: 11px; text-align: justify; padding-top: -8px; padding-bottom: 6px; position: relative; width: 230px }
.petitcadre /*   cadre gauche affichage double   */  { text-align: left; margin-top: 2px; margin-bottom: 2px; position: relative; width: 326px; float: right; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc }
.logoarticleshome { position: relative; right: 2px; bottom: 2px; float: right }
.textchapo /*  texte chapo et presentation rubrique  */       { font-size: 11px; font-family: arial; text-align: justify; border-style: solid; border-width: 2px 10px 2px 160px; border-color: #f7d09b }
.petitcadre2 /*  cadre droite affichage double  */    { text-align: left; margin-top: 2px; width: 100%; float: right; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc }
.colonne  { width: 331px; float: left }
.colonnelarge { width: 100%; float: left }
.colonne1  { width: 328px; float: right }
#ctr { top: 25; left: 200px }
#ctl, #cbl, #ctr, #cbr { color: #fc6; background: #fff; position: absolute; width: 20px; height: 10px;  }
.cadre /*  cadre presentation une seule destination  */    { text-align: left; margin-right: 1px; margin-bottom: 3px; margin-left: 12px; margin-top: 4px; width: 653px; float: left; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc }
.cadre4 { background-color: #e0e298; text-align: left; margin-bottom: 3px; width: 100% }
.cadre3   { margin-bottom: 3px; position: relative; float: left }
.cadre6 { margin-bottom: 3px; width: 330px; border: dotted 1px #f60 }
.typesejour /*  bandeau sejours week end circuits  */     { color: #fff; font-size: 16px; font-family: arial; font-weight: bold; background-color: #d2d8d8; text-align: center; margin-bottom: 1px; width: 654px; float: right }
.cadrelogohome     { float: left; border-right: 2px solid #fff; border-left: 3px solid #fff }
.cadrelogohome1  { margin-top: 12px; margin-right: 6px; float: left }
.petitcadrehome   { margin-right: 1px; width: 328px; float: left;margin-left: 16px; }
.petitcadrehome1   { text-align: left; margin-top: 3px; margin-right: 1px; float: left }
.petitcadrehome2   { text-align: left; width: 164px; float: left; border-top: 2em solid #fff }
.petitcadre2home /* affichagevoyage gr  */    { background-color: #fff; width: 300px; float: right }
.petitcadre2home1 /* affichagevoyage indiv */      { font-family: verdana; text-align: justify; width: 320px; float: right }
.cadremoyen { background-color: #e0e298; margin-top: 3px; width: 100%; float: left; border-color: #993 }
.presentation /*  cadre chapo  */         { font-size: 12px; background-color: #f7d09b; padding-top: 2px; padding-bottom: 2px; width: 654px; float: left; border-top: 3px solid #fff; border-bottom: 3px solid #fff; margin-left:12px;}
.logoarticle  { margin: 2px 2px 3px; float: left }

.cadre2     { color: #000; font-family: arial; text-align: justify }
.cadrebrev { padding-bottom: 3px; border-color: #6c9 }
.cadre1 { width: 100%; border-color: #cc0 }
.typesejour1 { color: #c0c0c0; font-family: arial; font-weight: bold; text-align: center; text-indent: 12px }
.petitcadre3     /* ville droite page groupes */   { width: 333px; float: left }
.petitcadre5     /* ville gauche page groupes */   { width: 332px; float: right }
.petitcadre2home2   /* cadre inscription newsletter */  { text-align: justify; margin-top: 1px; margin-right: 5px; margin-left: 3px; padding: 5px; width: 316px; float: left; border: solid 1px #93b1d8 }
.cadrenews   { background-color: #c9d8cd; text-align: justify; margin-top: 1px; margin-right: 4px; margin-bottom: 3px; padding: 6px 12px 6px 6px; width: 46%; float: left; border-top: 1px solid #c9d8cd }
/*  menu colonne de gauche  */
#menu       { color: #fff; width: 145px; float: left }
div#menu a:hover { color: #60abd8 }
div#menu a:link { font-weight: bold }
.cadremenu        { color: #fff; font-family: verdana; font-style: normal; font-weight: bold; background-color: #369; text-align: center; text-indent: 3px; padding: 2px; width: 141px; float: left; vertical-align: 1px; border-top: 2px solid #fff; border-bottom: 2px solid #fff }
.cadremenu2        { font-size: 14px; font-family: arial; font-weight: bold; text-align: right; padding-right: 10px; left: 5px; width: 135px; border-top: 4px solid #fff; border-bottom: 1px solid #d2d8d8 }
.cadremenu3     { font-family: verdana; background-color: #d8d09e; left: 5px; width: 143px; border-bottom: 1px solid #fff; border-left: 2px solid #d8d09e }
.cadremenu4       { font-family: arial; text-align: right; padding-right: 10px; left: 5px; width: 135px; border-top: 2px solid #fff; border-bottom: 1px solid #d2d8d8 }
.cadremenu5          { color: #fff; font-size: 14px; font-family: arial; font-weight: bold; background-color: #99cc34; text-align: center; padding-top: 9px; padding-bottom: 9px; width: 145px; border-top: 2px solid #99cc34; border-bottom: 1px solid #99cc34; margin-bottom: 6px; }
.cadremenu12  { color: #fff; font-size: 15px; font-family: arial; font-weight: bold; background-color: #99cc34; text-align: center; padding-top: 1px; padding-bottom: 2px; width: 145px }
.cadremenu6    { color: #808080; font-size: 10px; font-family: verdana; font-weight: bold; background-color: #99cc34; text-align: center; padding-bottom: 4px; left: 5px; width: 145px; border-bottom: 1px solid #fff }
.cadremenu7       { color: #fff; font-size: 10px; font-family: verdana; font-weight: bold; background-color: #99cc34; text-align: center; padding-top: 2px; padding-bottom: 2px; left: 5px; width: 145px; border-top: 2px solid #99cc34; border-bottom: 1px solid #99cc34; height: 26px;}
.cadremenu9     { color: #6c3; font-family: arial; text-align: right; padding-right: 10px; left: 5px; width: 135px; border-top: 2px solid #fff; border-bottom: 1px solid #c7c6c0 }
.cadremenu8 { color: #000; font-size: 10px; font-family: verdana; font-weight: bold; background-color: #cc6; text-align: center; padding-top: 2px; padding-bottom: 2px; left: 5px; width: 145px; border-bottom: 1px solid #fff }
.cadremenu10     { color: #fff; font-size: 14px; font-family: arial; font-weight: bold; background-color: #369; text-align: center; padding-top: 2px; padding-bottom: 2px; width: 145px; border-top: 5px solid #fff; margin-bottom: 6px; }
.cadremenu11    { color: #6c3; font-family: arial; text-align: right; padding-right: 10px; left: 5px; width: 135px; border-top: 2px solid #fff; border-bottom: 1px solid #c7c6c0 }
.groupeindiv    { color: #f90; font-size: 22px; font-family: arial; font-weight: bold; text-align: center; margin-bottom: 1em; border-top: 2px solid #d2d8d8; border-bottom: 2px solid #d2d8d8 }
.groupeindiv1   { color: #f90; font-size: 22px; font-family: arial; font-weight: bold; text-align: center; margin-bottom: 1em; border-top: 2px solid #d2d8d8; border-bottom: 2px solid #d2d8d8 }
.offres { font-size: 20px; font-weight: bold; background-color: #e0e298; text-align: center; margin-top: 8px; width: 100%; float: left; border-color: #993 }
.lien  { font-size: 16px; line-height: 12px; text-indent: 5px }
.lien1 { color: #60abd8; font-size: 16px; font-family: arial; font-weight: bold; line-height: 18px; text-indent: 5px }
div.lien a { color: #333; text-decoration: none }
div.lien1 a  { color: #60abd8; font-size: 14px; text-decoration: none }
div.lien1 a:hover  { color: #fc3; font-size: 14px; text-decoration: underline }
.texteintro2    { color: #333; font-size: 11px; text-align: justify; margin-left: 4px; padding-top: -8px; padding-bottom: 6px; width: 550px; float: left }
.cadre_renseignements { width: 250px; float: left }
.gr_cadre_renseignements { font-size: 11px; background-color: #c9d8cd; padding: 2px; float: left }
.pagination { color: #000 }
.cadrepagination  { color: #000; text-align: center; vertical-align: 12px; border-bottom: 12px solid #fff }
.img {border:0;}