body			{ overflow:auto;  background:url(./img/fd_pages.gif) repeat-x 0 20px; margin:0; padding:0; text-align:center; }
td.oli {font:12px Arial; color:#2167c9;}
body,select, input, h4	{ font:12px Arial; }

h2				{ color:#717171; clear:both; display:block; font:small-caps bold 10pt arial; margin:0 0 0 30px; position:absolute; }
h3				{ color:#2167c9; font:small-caps bold 10pt arial; margin:0; text-align:left; }
p				{ color:black; font:12px Arial; margin:0; text-align:justify; }
p.validation	{ background:#c9d9ef; border:1px solid #2167c9; color:#2167c9; font-weight:bold; padding:10px; margin-bottom:20px; text-align:center; }
p.error			{ background:#fbf0f0; border:1px solid #C60000; color:#C60000; font-weight:bold; padding:10px; margin-bottom:20px; text-align:center; }
span.bleu		{ color:#2167c9; display:block; font-weight:bold; margin-top:20px; text-align:center; }

img.drap		{ margin:5px 0 0 0; float:right; }

.cach			{ display:none; }

a				{ color:#739ed5; font-weight:bold; }

img				{ border:0; margin:0; }
img.left		{ float:left; border:1px solid black; margin:2px 10px 2px 0; }
img.right		{ float:right; border:1px solid black; margin:2px 0 2px 10px; }
img.cnt			{ float:none; clear:both; border:1px solid black; margin:10px 0 2px 0; }
img.tour		{ border:1px solid black; }

/* TOP */
p#intro			{ font-size:14px; font-variant:small-caps; font-weight:bold; height:48px; margin:0; overflow:hidden; text-align:left; width:605px; }
div#accueil		{ background:url(./img/top.jpg) no-repeat 0 94px; height:160px; width:715px; }
div#accueil	p	{ display:block; color:black; font-weight:bold; margin-bottom:7px; margin-top:3px; }

ul#menu 		{ color:black; font-weight:bold; list-style:none; margin:0; padding:0; }
ul#menu li		{ float:left; margin:0; padding:0; }
ul#menu li a	{ border-left:1px solid white; border-right:1px solid white; color:black; display:block; float:left; padding:0 8px 0 9px; text-decoration:none; }
ul#menu li a:hover { text-decoration:underline; }


/* PAGES INTERIEURES */

div#content					{ margin:0 auto 0 auto; padding:0; width:715px; }
dl, div.tour				{ border:2px solid #e4e4e4; padding:6px; text-align:left; }

dl dt						{ clear:both;  font-weight:bold; margin:0 0 5px 20px; padding-top:20px;}
dl dd						{ margin:0 0 0 60px; }

div.tour p					{ clear:left; float:left; width:300px; }
div.tour p span			{ display:block; padding-top:10px; padding-bottom:10px; text-align:center; }
div.tour p span a 		{ color:text-decoration:none; }
div.tour p.prix				{ background:black; border:1px solid black; color:white; font-weight:bold; height:16px; float:left; margin-top:0; text-align:center; }
div.tour p.clean			{ color:white; clear:both; float:none; font:1px Arial; height:1px; margin:0; overflow:hidden; width:100%; }
div.tour p.big				{ height:180px; text-align:justify; }
div.tour p.small			{ height:60px; }
div.tour p.coord			{ margin-top:0; }
div.tour p.coord span		{ background:#e5e5e5; display:block; margin:10px 0 10px 0; padding:10px; }
div.tour p.coord span a { color:black; font-weight:normal; }
form div.tour p				{ display:block; clear:none; float:left; width:340px; }
form div.tour p label		{ float:left; width:120px; }
form div.tour p i.small		{ font-style:italic; font-size:10px; padding-left:20px; }
input, select				{ font:12px Arial; }
input.z, select.z			{ width:150px; }
p.ok input					{ background:#c9d9ef; border:1px solid #2167c9; color:#2167c9; font:bold small-caps 14px Arial; margin-top:10px; }
p.ok						{ text-align:right; }

div.tour table.facture				{width: 700px}
div.tour table.facture th 		{width: 300px; font:bold normal 12px Arial; text-align: left;}
div.tour table.facture td	 	{width: 300px; font-size:12px; text-align: left; }
div.tour table.facture th.qte	{width: 100px; font:bold normal 12px Arial; text-align: left;}
div.tour table.facture td.qte 	{width: 100px; font-size:12px; text-align: left; }
div.tour table.facture th.prix 	{width: 100px; text-align: right;}
div.tour table.facture td.prix 	{width: 100px; text-align: right;}

div.tour table.detail					{width: 700px}
div.tour table.detail th 				{width: 200px; margin-right: 20px; font:bold normal 12px Arial; text-align: left;}
div.tour table.detail td 				{width: 200px; margin-right: 20px; font-size:12px; text-align: left; }
div.tour table.detail td input	{text-align: right; }
div.tour table.detail th.qte		{width: 100px; margin-right: 20px; font:bold normal 12px Arial; text-align: left;}
div.tour table.detail td.qte		{width: 100px; margin-right: 20px; font-size:12px; text-align: left; }
div.tour table.detail th.prix 		{width: 100px; text-align: right;}
div.tour table.detail td.prix 		{width: 100px; text-align: right;}

div.tour div.p				{ float:right; width:390px; }
div.tour div.p img			{ float:right; }
img.big						{ border:1px solid black; margin:0 0 0 5px; width:185px; }
img.mini					{ border:1px solid black; margin:0 0 3px 5px; width:90px; }
img.visite					{ float:right; height:185px; margin:0 0 5px 0; width:375px; }

ul.links					{ clear:both; display:block; height:50px; list-style:none; margin:0; padding:0; }
ul.links li					{ display:inline; }
ul.links li a				{ background:#e4e4e4; color:#838383; display:block; font-weight:bold; float:right; height:22px; padding-top:5px; margin:0 0 0 5px; text-decoration:none; width:93px; }
ul.links li a.activ			{ border-bottom:2px solid black; border-left:2px solid black; border-right:2px solid black; }
ul.links li a:hover			{ color:black; }

div.tour ul.miniature		{ background:#739ed5; border:1px solid #739ed5; display:block; float:right; height:16px; margin:0; padding:0; width:379px !important; width:383px; }
div.tour ul.miniature li	{ display:inline; float:right; margin:0; padding:0; }
div.tour ul.miniature img	{ height:16px; margin:0 5px 0 0; padding:0; }

div.toure					{ border:2px solid #e4e4e4; padding:6px; height:100px; margin:100px; text-align:left; }
div.toure p					{ margin:10px 0 0 100px; }
div.toure p label			{ font-weight:bold; float:left; width:120px; }
div.toure p.ok				{ text-align:right; margin-right:50px; }

div.calendrier				{ border:2px solid #739ed5; float:right; height:166px !important; height:170px; margin:5px 0 0 0; width:378px !important; width:382px; }
div.calendrier p			{ height:15px; text-align:center; padding-top:10px; width:375px; }

div.calendrier table		{ border-spacing:1; color:black; float:left; font:11px Arial; height:120px !important; margin:10px 8px 0 10px !important; margin:10px 4px 0 4px; padding:0; }
div.calendrier table th		{ background:#c9d9ef; font:bold 11px Arial; }
div.calendrier table td.jour{ color:black; }	
div.calendrier table td		{ color:white; padding:0 1px 0 1px; text-align:center; }
div.calendrier table td.occupe	{ background:#fbcc04; }
div.calendrier table td.libre	{ background:#2167c9; }

/* ADMIN */

div.calendrier_annuel			{ float:left; width:530px; }
div.calendrier_annuel table		{ border-spacing:1; color:black; float:left; font:11px Arial; height:150px; margin:10px 5px 0 10px !important; margin:10px 4px 0 4px; padding:0; }
div.calendrier_annuel table th	{ background:#c9d9ef; font:bold 11px Arial; }
div.calendrier_annuel table td.jour{ color:black; }	
div.calendrier_annuel table td	{ color:white; text-align:center; }
div.calendrier_annuel table td.occupe	{ background:#fbcc04; }
div.calendrier_annuel table td.libre	{ background:#2167c9; }
div.calendrier_annuel table td.occupeA	{ background:#fbcc04; }
div.calendrier_annuel table td.occupeB	{ background:#ca3816; }
div.calendrier_annuel table td.occupeA a, div.calendrier_annuel table td.occupeB a { color:white; font-weight:normal; text-decoration:none; }
ul.onglet			{ float:left; list-style:none; padding:10px 0 0 10px; margin:0; } 
ul.onglet a			{ background:#fbcc04; color:black; display:block; margin:2px 0 0 0; padding:0 0 0 5px; text-decoration:none; width:150px; }  ul.onglet a:hover { text-decoration:underline; }
ul.onglet a.activ	{ background:#ca3816; color:white; }


div.login		{ float:right; margin-top:10px; }


pre#log			{ border:1px dashed red; padding:10px; text-align:left; /*display:none; */}

div.mt			{ float:left; width:95px; }
div.m			{ font-size:8pt; float:left; margin-left:10px; width:70px; }
div.m img		{ float:right; position:absolute; margin:0 0 0 23px;}

dl

/* PAGES INTERIEURE */

div.txt			{ margin-bottom:50px; }
div.txt h2		{ background:#e4e4e4; font:bold italic small-caps 20px Arial; color:black; display:normal; float:none; text-align:center; position:relative; margin:0 0 10px 0; letter-spacing:2px; }
div.txt h3		{ font:bold small-caps 14px Arial; color:#2167c9; background:#c9d9ef; margin:20px 0 10px 0; padding-left:10px; }
div.txt h3 a	{ color:#2167c9; }
div.txt p		{ text-align:justify; }

ul.big			{ }
ul.big li		{ list-style:none; color:black; font-weight:bold; margin-top:10px; text-align:left; }


/* *** */
/* *** */
/* *** */
/* *** */
	div.beau		{ background:url(./img/cadre/fond1.png) no-repeat top left; }
	div.beau h2		{ clear:both; color:black; font-size:22px; margin-left:0; padding-top:5px; position:relative; text-align:left; }
	div.beau p.intro{ text-align:right; color:#2163ce; margin-top:10px; }
	div.beau dl		{ border:0; float:left; margin:0; padding:0; width:370px; }
	div.beau dl dt	{ background:url(./img/cadre/dl. gif) no-repeat top left; border-bottom:2px dotted #fbcc04; font-size:14px; height:21px; margin:23px 0 5px 0; padding:0 0 0 25px; }
	div.beau dl dd	{ font-style:italic; margin:0; padding:0; text-align:justify; text-indent:26px; }
	div.beaux		{ background:url(./img/cadre/fond2.png) no-repeat bottom left; }

/* *** */
/* *** */
/* *** */
/* *** */
/* *** */
/* *** */
/* *** */

/* PAGE RESIDENCE */

form.rechres		{ border:1px solid #C60000; float:left; padding:0 5px 5px 5px; }
form.rechres input.ok{ border:1px solid #C60000; background:#C60000; color:white; cursor:pointer; font-weight:bold; margin-top:5px; text-align:center; width:133px; }
form.rechres p label{ display:block; font-weight:bold; margin-top:5px; }
form.rechres select	{ width:135px; }

div.maiss			{ border:1px solid black; float:left; padding:0 0 1px 5px; margin-left:18px; }
div.maiss h3		{ background:#2167c9; color:white; display:block; font-weight:bold; font-variant:normal; height:20px; margin-top:5px; margin-right:5px; padding-left:5px; }
div.maiss img		{ border:1px solid black; margin:5px 5px 0 0; }

/* *** */
/* *** */
/* *** */
/* *** */
/* *** */
/* *** */
/* *** */

/* RESIDENCE */

div.resid			{ border:2px solid #e5e5e5; margin:10px 0 20px 0; padding:15px;  }
div.resid p			{ color:#7B7B7B; }

/* PAGE LIENS */

div.beau dl.liens		{ width:715px !important; }
div.beau dl.liens dt	{ padding-left:none; }
div.beau dl.liens dd	{ font-weight:normal; text-indent:0px !important; }
div.beau dl.liens dd a	{ background:#e3ebf6; border-top:2px solid white; display:block; color:#2167c9; font-style:normal; text-align:right; padding-right:10px; }
div.beau dl.liens dd	{ font-weight:normal; text-indent:0px !important; }
div.beau dl.liens dd.no a	{ background:none; border-top:0; display:inline; color:#ffcc00; padding-right:0; }


/* FORM CLASS BB */

form.bb h3			{ background:#2167c9; color:white; padding-left:10px; margin-bottom:5px; }
form.bb div.tour	{ border-color:#e3ebf6; background:#e3ebf6; color:#2167c9; }
form.bb div.tour p	{ color:#2167c9; }

/* TABLEAU TARIFS */
table.tarif			{ border:1px solid black; font:11px arial; }
table.tarif th		{ background:#2163CE; color:white; font:bold 12px arial; padding:2px 4px 2px 4px; text-align:center; }
table.tarif td		{ border:0; padding-left:4px; }
table.tarif td.modele		{ background:#F1F6FB; }
table.tarif td.modele b		{ color:#2163CE; }
table.tarif td.periode_un	{ background:#F1F6FB; }
table.tarif td.prem_periode	{ background:#cedeef; color:#2163CE; text-align:center; }

table.tarif td.juillet			{color:#CE2163; font:bold 11px arial; }

/* DIAPO */

img.diapo		{ border:1px solid black; margin:0 4px 4px 4px; width: 88px; }
img.diapo_big	{ border:1px solid black; width: 570px; margin-top: 14px;}

#Scroller-1			{ height: 412px; position: relative; overflow: hidden; width: 120px; }
.Scroller-Container { padding-left: 10px; left: 0px; position: relative; width: 120px; /*height: 412px; */}

/* BOTTOM */
div.erreur		{ border:2px solid #e4e4e4; margin:150px; padding:20px }
div#footer		{ background:#2167c9; border-bottom:4px solid #e4e4e4; color:white; clear:both; display:block; font-weight:bold; margin-top:30px; text-align:center; }

p.sign			{ color:#000000; text-align:right; margin-top:5px; margin-bottom:50px; width:715px; }
p.sub			{ text-align:center; margin-top:5px; width:715px; color: grey; font:bold 9px arial}
p.sign a		{ color:#000000;; font-weight:normal; text-decoration:none; }