@charset "iso-8859-1";

/* DATE DE CREATION : 15/10/2009 */

/* divers */
body {color: #000; background: #723; font: x-small Verdana, Helvetica, Arial, Geneva, sans-serif; font-size: 8pt; margin: 0; padding: 0; text-align: center; height: 100%; }
body a.lien {text-decoration: underline; font-size: 8pt; font-weight: bold; font-style: italic; color: #000; }
body a.lien:hover {text-decoration: underline; font-size: 8pt; font-weight: bold; font-style: italic; color: #808080; }
body a.lien2 {text-decoration: underline; font-size: 8pt; font-weight: bold; font-style: italic; color: #808080; }
body a.lien2:hover {text-decoration: underline; font-size: 8pt; font-weight: bold; font-style: italic; color: #DC143C; }
body p {font-size: 8pt; color: #000; margin: 6px 0.5em 6px; }
body b.rouge {color: #c00; }
body b.noir {color: #000; }
body a.jaune {text-decoration: underline; font-weight: bold; color: #FFC; }
body a.rouge {text-decoration: underline; font-weight: bold; color: #c00; }
body a.vert {text-decoration: underline; font-weight: bold; color: #A1C749; }
body a.noir {text-decoration: underline; font-weight: bold; color: #000; }
body legend {font-weight: bold; }
body fieldset {margin: 6px 0.5em 6px; padding: 6px 0.5em 6px; }
body font.lettrine {font-size:15pt; font-weight: bold; text-indent:5px; color: #F00; }
body ul {margin-top: 0.5em; margin-bottom: 0.5em;  }
html {height: 100%; }


/* centrage */
#centrage_a {display: block; position: absolute; left: 50%; top: 50%; width: 800px; height: 560px; margin-top: -280px; margin-left: -400px; text-align: left; background: #fff; }
#centrage_b {display: block; position: absolute; left: 50%; width: 800px; height: 900px; margin-top: 20px; margin-left: -400px; text-align: left; background: #fff; border: 1px solid white; }

/* accueil */
#accueil_fond  {position: absolute; top: 5px; left: 5px;}
#barre_menu    {position: absolute; top: 5px; left: 25px; width: 150px; height: 550px; }
#accueil_menu  {position: absolute; top: 5px; left: 25px; width: 170px; height: 550px; }
#accueil_menu2 {position: absolute; top: 105px; left: 5px; width: 180px; height: 550; background: #723; }
#accueil_bande {position: absolute; background: #777; top: 465px; left: 5px; width: 790px; height: 60px; filter:alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity:0.80; opacity:0.80; }
#accueil_titre {position: absolute; top: 25px; left: 230px; width: 550px; height: 63px; }
#accueil_ville {position: absolute; top: 75px; left: 230px; width: 550px; height: 187px; }
#accueil_bande2 {position: absolute; top: 465px; left: 185px; width: 610px; height: 60px; margin: 0px; color: #fff; text-align: center; color: #000; }
h1.accroche {position: relative; font: bold 16px/16px verdana, sans-serif; padding-top: 3px; line-height: 50px; color: #fff; }
#accueil_langue {position: absolute; top: 0px; left: -30px; width: 24px; height: 100px; }
#accueil_langue div.drapeau {float: left; margin-bottom: 10px;  }

h1.titreombre {font: bold 45px/45px verdana, sans-serif; color: #000;}
h1.titreombre:after {display: block; margin-left: -3px; margin-top: -50px; color: #fff; content: attr(title); }
h1.titreombre2 {font: bold 40px/40px verdana, sans-serif; color: #ccc;}
h1.titreombre2:after {display: block; margin-left: -3px; margin-top: -48px; color: #000; content: attr(title); }
h1.titreaccroche, span.titreaccroche {font: bold 55px/55px verdana, sans-serif; }
h1.titreaccroche {position: relative; color: #000; }
span.titreaccroche {position: absolute; top: -0px; left: -2px; color: #fff; }
h1.titreaccroche2, span.titreaccroche2 {font: bold 40px/40px verdana, sans-serif; }
h1.titreaccroche2 {position: relative; color: #fff; }
span.titreaccroche2 {position: absolute; top: -0px; left: -3px; color: #ccc; }
h1.titreville, span.titreville {font: bold 40px/40px verdana, sans-serif; }
h1.titreville {position: relative; color: #000; }
span.titreville {position: absolute; top: -0px; left: -2px; color: #fff; }
h1.titrevilleombre {font: bold 40px/40px verdana, sans-serif; color: #000;}
h1.titrevilleombre:after {display: block; margin-left: -3px; margin-top: -43px; color: #fff; content: attr(title); }

/* menu gauche */
#bar_g {display: block; position: relative; top: 5px; left: 5px; width: 165px; }
#bar_g_list {text-decoration: none; }
#bar_g_list a.g_titre {display: block; width: 165px; height: 15px; color: #000; font-size: 7.5pt; padding: 1px; text-transform: uppercase; font-weight: bold; text-align: center; }
#bar_g_list a.g_titre {background: #fff; border: 1px solid #000; margin-bottom: 3px; }
#bar_g_list a.g_titre:hover {color: #c00; text-decoration: underline; }
#bar_g_list a.g_rub {display: block; width: 165px; height: 15px; color: #000; font-size: 7.5pt; padding: 1px; font-weight: bold; text-align: center; }
#bar_g_list a.g_rubg {background: #e7e7e7; border-top: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; }
#bar_g_list a.g_rubh {background: #e7e7e7; border-right: 1px solid #000; border-left: 1px solid #000; }
#bar_g_list a.g_rubi {background: #e7e7e7; border-bottom: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; margin-bottom: 3px; }
#bar_g_list a.g_rub:hover {color: #c00; text-decoration: underline; }
#g_redg {position: relative; top: 0px; left: 0px; width: 165px; height: 4px; background: #ffebef; padding: 1px; border-top: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; }
#g_redh {position: relative; width: 165px; background: #ffebef; padding: 1px; text-align: center; border-right: 1px solid #000; border-left: 1px solid #000; }
#g_redi {position: relative; width: 165px; height: 4px; background: #ffebef; margin-bottom: 3px; padding: 1px; border-right: 1px solid #000; border-left: 1px solid #000; border-bottom: 1px solid #000; margin-bottom: 3px; }
#g_redh a.g_red {display: block; color: #c00; font-size: 8pt; font-weight: bold; text-align: center; }
#g_redh h1 {position: absolute;	top: 4em; left: 0em; padding-left: 1.5em; padding-right: 1.5em; font-size: 12pt; font-weight: bold; text-align: center; color: #fff;}
#bar_g_adresse {position: absolute; display: block; background: #fff; top: 455px; left: 0px; width: 167px; height: 60px; padding-top: 2px; font-size: 6.5pt; text-align: center; vertical-align: middle; color: #000; }
#bar_g_adresse2 {position: relative; display: block; background: #fff; width: 167px; height: 60px; padding-top: 4px; margin-top: 20px; margin-bottom: 20px; font-size: 6.5pt; text-align: center; vertical-align: middle; color: #000; }

/* entete */
#entete        {display: block; position: absolute; top: 5px; left: 5px; width: 790px; height: 100px; background: #BE3C42; }
#entete_photo  {position: relative; top: 0px; left: 0px; width: 790px; height: 100px; }
#entete_texte  {position: absolute; top: 5px; left: 25px; width: 790px; height: 80px; }
#entete_ville  {position: absolute; top: 55px; left: 25px; width: 790px; height: 80px; }
#entete2       {display: block; position: absolute; top: 5px; left: 5px; width: 360px; height: 100px; background: #FFFFFF; }
#bar_adresse   {position: absolute; display: block; background: #fff; top: 0px; left: 360px; width: 220px; height: 100px; font-size: 10pt; text-align: center; vertical-align: middle; color: #000; padding-top: 15px}

/* coeur */
#coeur {display: block; position: absolute; top: 110px; left: 190px; }
#coeur td {font-size: 8pt; }
#coeur b {font-size: 8pt; font-weight: bold; }
/* position */
#cb {display: block; float: left; position: relative; top: 0px; left: 0px; width: 560px; height: 30px; font-size: 8pt; font-weight: bold; background: #fff; margin-bottom: 1em; }
#coeur_menug {position: absolute; top: 0px; left: 0px; width: 10px; height: 30px;}
#coeur_menuc {position: absolute; top: 0px; left: 10px; width: 540px; height: 30px; padding-top: 8px;}
#coeur_menud {position: absolute; top: 0px; left: 550px; width: 10px; height: 30px; background:}
#cimpression {display: block; position: absolute; top: 105px; left: 5px; width: 580px; font-size: 8pt; font-weight: bold; background: #fff; margin-bottom: 1em; }
/* central */
#ct {display: block; float: left; position: relative; left: 9px; width: 600px; font-size: 8pt; padding: 2 0 2 0px; background: #fff;}
#coeur_ct {display: block; float: left; width: 274px; height: 300px; margin: 5px; padding: 4px; background: #fff; border: 1px solid #723;}
#cliste {display: block; width: 580px; font-size: 8pt; background: #fff;}
#cliste p {text-indent: 0.15in; margin-bottom: 1em; line-height:0.20in; font-size: 10pt; font-weight: bold; text-align:justify; color: #990000;}
#cliste b {margin-bottom: 1em; line-height:0.20in; font-size: 9pt; font-weight: bold; text-align:justify; color: #000;}
#cliste h3 {text-indent: 0.15in; margin-bottom: 1em; line-height:0.20in; font-size: 12pt; font-weight: bold; text-align:justify; color: #990000; font-style: italic; text-decoration: underline;}
#cliste h2 {margin-bottom: 0.1em; line-height:0.10in; font-size: 10pt; font-weight: bold; color: #000; text-align: center;}
#cliste strong {margin-bottom: 1em; line-height:0.20in; font-size: 9pt; font-weight: bold; text-align:justify; color: #990000;}
#cliste cite {text-indent: 0.15in; margin-bottom: 1em; line-height:0.20in; font-size: 10pt; text-align:justify; color: #000000; font-style: italic;}
#cliste ul {text-indent: 0.15in; margin-bottom: 1em; line-height:0.20in; font-size: 10pt; text-align:justify; color: #990000; font-style: italic;}
#flottant {display: block; float: left; position: absolute; top: 5px; left: 5px; padding: 2 10 2 10px; background: #fff; text-align: center; vertical-align: middle; text-decoration: blink; color: #c00; font-size: 8pt; font-weight: bold; text-transform: uppercase; border: 1px solid #723; }

.reserve {
	line-height: 16px;
	margin-top: 18px;
	margin-left: 5px;
}

/* peton */
#bar_p {display: block; float: left; position: relative; left: 9px; width: 600px; height: 35px; padding: 20 0 20 0px; font-size: 7pt; background: #fff; color: #990000;}
#bar_p a.lien {text-decoration: underline; font-size: 7pt; font-weight: bold; font-style: italic; color: #990000; }
#bar_p a.lien:hover {text-decoration: underline; font-size: 7pt; font-weight: bold; font-style: italic; color: #808080; }
#peton1 {position: relative; top: 0px; left: 0px; width: 560px; text-align: center; vertical-align: middle; font-weight: bold; }
#peton2 {position: relative; top: 12px; left: 0px; width: 560px; text-align: center; vertical-align: middle; font-weight: bold; }


/* table */

td.pointille    {font-size: 8pt; border-bottom: 1px dotted #000; padding: 1px; }
td.continu      {font-size: 8pt; border-bottom: 1px solid #000; padding: 1px; }
table.bord      {border: 1px solid #7B8ED6; }
table.cal       {background-color: #FFDDDD; text-align: center; }
table.cal_t {width: 222px; background-color: #FFBBBA; text-align: center; }


a         {font-size : 8pt;text-decoration: underline;font-weight: normal;}
a:link    {text-decoration: none;color: #00c;}
a:visited {text-decoration: none;color: #00c;}
a:active  {text-decoration: underline;color: #c00;}
a:hover   {text-decoration: underline;color: #c00;}
a:focus   {text-decoration: underline;color: #c00;}

a.barre         {font-size : 8pt; text-decoration: underline; color: #000; font-weight: bold;}
a.barre:link    {text-decoration: underline; color: #000; font-weight: bold;}
a.barre:visited {text-decoration: underline; color: #000; font-weight: bold;}
a.barre:active  {text-decoration: underline; color: #7B8ED6; font-weight: bold;}
a.barre:hover   {text-decoration: underline; color: #7B8ED6; font-weight: bold;}
a.barre:focus   {text-decoration: underline; color: #7B8ED6; font-weight: bold;}

a.boite         {float: left; display: bloc; font-size : 8.5pt; margin: 5px; padding: 2px; background: #D8BBAC; text-align: center; vertical-align: middle; text-decoration: underline; color: #fff; font-weight: bold; text-transform: uppercase; border: 1px solid #723; }
a.boite:link    {text-decoration: none; color: #fff; font-weight: bold;}
a.boite:visited {text-decoration: none; color: #fff; font-weight: bold;}
a.boite:active  {text-decoration: underline; color: #000; font-weight: bold;}
a.boite:hover   {text-decoration: underline; color: #000; font-weight: bold;}
a.boite:focus   {text-decoration: underline; color: #000; font-weight: bold;}

a.boite2         {float: left; display: bloc; font-size : 7pt; margin: 5px; padding: 5px; background: #723; text-align: center; vertical-align: middle; text-decoration: underline; color: #fff; font-weight: bold; text-transform: uppercase; border: 2px solid #D8BBAC; }
a.boite2:link    {text-decoration: none; color: #fff; font-weight: bold;}
a.boite2:visited {text-decoration: none; color: #fff; font-weight: bold;}
a.boite2:active  {text-decoration: underline; color: #ccc; font-weight: bold;}
a.boite2:hover   {text-decoration: underline; color: #ccc; font-weight: bold;}
a.boite2:focus   {text-decoration: underline; color: #ccc; font-weight: bold;}

a.boite3         {float: left; display: bloc; font-size : 10pt; margin-left: 100px; padding: 10px; background: #D8BBAC; text-align: center; vertical-align: middle; text-decoration: underline; color: #fff; font-weight: bold; text-transform: uppercase; border: 1px solid #723; }
a.boite3:link    {text-decoration: none; color: #fff; font-weight: bold;}
a.boite3:visited {text-decoration: none; color: #fff; font-weight: bold;}
a.boite3:active  {text-decoration: underline; color: #000; font-weight: bold;}
a.boite3:hover   {text-decoration: underline; color: #000; font-weight: bold;}
a.boite3:focus   {text-decoration: underline; color: #000; font-weight: bold;}

i {font-size: 8pt;}
em {color: #000;}
b {font-size :8pt;text-decoration: none; font-weight: bold;}
u {font-size :8pt;text-decoration: underline; font-weight: bold;}
hr {color: #666699; text-align: center}
p {text-indent: 0.25in; line-height:0.18in; font-size: 8pt; text-align:justify;}
p.marge {margin-left:0.25in; text-indent: 0in; line-height:0.18in; font-size: 8pt; text-align:justify;}
div {display: bloc; }

/* table */
body table.caddie1 {margin: 0px; border: 0px ; background: #723; padding: 0px; width: 550px; }
body table.caddie2 {margin: 0px; border: 0px ; background: #fff; padding: 0px; width: 550px; }
body tr.caddie1   {background: #E8DEEE; color: #000; font-size: 8pt; font-weight: bold; text-align: center; vertical-align: middle; }
body tr.caddie2   {background: #fff; color: #000; font-size: 8pt; text-align: left; vertical-align: middle; }
body tr.caddie3   {background: #eee; color: #000; font-size: 8pt; text-align: left; vertical-align: middle; }
body td.caddie1   {font-size: 8pt; padding: 3px; border: 1px solid #C21569; }